安装 / 导入 / 使用
- 安装
npm install @wya/vc --save- 按需加载，需要安装
babel-plugin-import配置.babelrc
{
[
[
"import",
[
{
libraryName: "@wya/vc",
libraryDirectory: "lib",
customName: (name) => {
if (/^m-/.test(name)) {
return `@wya/vc/lib/${name.replace(/^m-/, '')}/index.m`;
}
return `@wya/vc/lib/${name}`;
}
}
]
]
];
}-
template下可以使用
vc-loader -
注册
import { Vc } from '@wya/vc';
Vue.use(Vc, {
// config
});// 调用, 如下：
import { Clipboard } from 'wya-vc';TODO
- 完成测试用例，覆盖率90%+
- 2.0版本发布
组件
- 实例
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Vc | 上下文传递 | 1 | - |
- 通用
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Button | 按钮 | 1 | - |
| Icon | 图标 | 1 | - |
- 导航
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Affix | 图钉 | 0 | - |
| BackTop | 回到顶部 | 0 | - |
- 数据录入
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Artboard | 画板 | 1 | - |
| Cascader | 级联选择 | 1 | - |
| Checkbox | 多选框 | 1 | - |
| ColorPicker | 颜色选择 | 1 | - |
| DatePicker | 日期选择框 | 1 | - |
| Editor | 富文本编辑 | 1 | - |
| FilesPicker | 文件上传 | 1 | - |
| Form | 表单管理 | 1 | - |
| ImgsPicker | 图片上传 | 1 | - |
| Input | 输入框 | 1 | - |
| Picker | 联动选择弹框 | 1 | - |
| Radio | 单选框 | 1 | - |
| Select | 选择器 | 1 | - |
| Slider | 滑动输入条 | 1 | - |
| SortList | 排序 | 1 | - |
| Switch | 开关 | 1 | - |
| TimePicker | 时间选择器 | 1 | - |
| TreeSelect | 树选择 | 1 | - |
| Textarea | 多行文本 | 1 | - |
- 数据展示
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Calendar | 日历 | 1 | - |
| Card | 卡片 | 1 | - |
| Carousel | 轮播 | 1 | - |
| Collapse | 折叠面板 | 1 | - |
| Countdown | 倒计时 | 1 | - |
| Dropdown | 下拉菜单 | 1 | - |
| Echarts | 图表 | 1 | - |
| Expand | 展开 | 1 | - |
| HtmlImg | html2canvas | 1 | - |
| Img | 图片展示 | 1 | - |
| ImgsCrop | 图片裁剪 | 1 | - |
| ImgsPreview | 图片预览 | 1 | - |
| ImgsProcessing | 图片优化 | 1 | - |
| List | 列表 | 1 | - |
| Page | 分页 | 1 | - |
| Popover | 气泡卡片 | 1 | - |
| Table | 表格 | 1 | - |
| Tabs | 选项卡 | 1 | - |
| Tag | 标签 | 1 | - |
| Text | 文本自定义行数 | 1 | - |
| Tree | 树形 | 1 | - |
- 组合
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Paging | 表格分页 | 1 | - |
| PullScroll | 列表分页 | 1 | - |
| RecycleList | 列表分页（性能） | 0 | - |
- 辅助
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Clipboard | 剪切板 | 1 | - |
| Customer | 自定义组件 | 1 | - |
| Fragment | 空节点 | 1 | Vue 3.x废除 |
| Portal | 传送门组件 | 1 | - |
| 打印 | 1 | - | |
| Scroller | 滚动条自定义 | 0 | - |
| Touch | 手势 | 1 | - |
| Transition | 动画 | 1 | 同animate.css优化api |
| Upload | 上传 | 1 | - |
- 反馈
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Drawer | 抽屉 | 1 | - |
| Marquee | 滚动提示 | - | - |
| Message | 轻提示 | 1 | - |
| Modal | 模态框 | 1 | - |
| Notice | 提示框 | 1 | - |
| Popconfirm | 气泡确认框 | 1 | - |
| Popup | 弹窗 | 1 | - |
| Progress | 进度条 | 1 | - |
| Spin | 加载中 | 1 | - |
| Skeleton | 骨架屏 | 0 | - |
| Toast | 轻提示 | 1 | - |