@tovoo/text-omission

使用组件

$ npm i --save @tovoo/text-omission

注意：本组件依赖 Ant Design Vue 组件库部分组件！！！

需手动引入 Tooltip组件 样式 （如全局已引入，则不需要）

import 'ant-design-vue/es/tooltip/style/index.css';
// or
import 'ant-design-vue/es/tooltip/style/index.less';

注册

参考 Ant Design Vue 注册使用方法

如果你使用的 Vite，你可以使用 unplugin-vue-components 来进行按需加载，需要向 plugins 添加以下方法 可实现自动加载组件及对应

import { TextOmission } from '@tovoo/text-omission';
import '@tovoo/text-omission/es/text-omission/style/css'; //vite只能用 @tovoo/text-omission/es 而非 @tovoo/text-omission/lib

或者

向 plugins 添加以下方法 可实现自动加载组件及对应样式

// vite.config.js
import { defineConfig } from 'vite';
import Components from 'unplugin-vue-components/vite';

import { TovooResolver } from '@tovoo/text-omission/resolver';

export default defineConfig(({ mode }) => {
  return {
    plugins: [
      Components({
        resolvers: [
          TovooResolver(),
        ],
      }),
    ],
  };
});

属性说明如下：

属性	说明	类型	默认值
lineClamp	省略行数	string,number	1
tooltip	ant-design-vue Tooltip组件参数	object
tooltipSpaceSize	提示弹窗内容边距	number[]	[0, 8]