0.0.1-beta.6 • Published 1 year ago

@tovoo/text-omission v0.0.1-beta.6

Weekly downloads
-
License
-
Repository
-
Last release
1 year ago

使用组件

$ 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,number1
tooltipant-design-vue Tooltip组件参数object
tooltipSpaceSize提示弹窗内容边距number[]0, 8
0.0.1-beta.6

1 year ago

0.0.1-beta.5

1 year ago

0.0.1-beta.4

1 year ago

0.0.1-beta.3

1 year ago

0.0.1-beta.2

1 year ago

0.0.1-beta.1

1 year ago