使用组件

$ 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] |