特性

• 支持 按需引入
• 支持 TS
• 支持 国际化
• 支持 定制皮肤

快速上手

安装

yarn add tsl-vue -S 或 npm i tsl-vue --save

按需加载

下面两种方式都可以只加载用到的组件。

• 使用 babel-plugin-import（推荐）。

// .babelrc or babel-loader option
{
  "plugins": [
    ["import", { "libraryName": "tsl-vue", "libraryDirectory": "es", "style": true }] // `style: true` 会加载 less 文件
  ]
}

注意：webpack 1 无需设置 libraryDirectory。

然后只需从 tsl-vue 引入模块即可，无需单独引入样式。等同于下面手动引入的方式。

// babel-plugin-import 会帮助你加载 JS 和 CSS
import { Table } from "tsl-vue";

• 手动引入

import Table from "tsl-vue/lib/table"; // 加载 JS
import "tsl-vue/lib/table/style"; // 加载 LESS

贡献代码

使用过程中发现任何问题都可以直接联系我们，或提 Issue 给我们。

浏览器支持

现代浏览器

生态

| 项目 | 描述 | | --- | --- | | tsl-cli | 组件库搭建工具 | | tsl-eslint-config | 代码规范 | | tsl-stylelint-config | 样式规范 | | tsl-markdown-loader | 说明文档解析器 | | tsl-micro-dev-server | 内置微前端主应用 | | tsl-project-template | 项目模板 |

链接

• 意见反馈
• 其它文档

开源协议

本项目基于 MIT 协议，请自由地享受和参与开源

成员

• 杨巡
• 罗钰坤
• 冉伟