安装 / 导入 / 使用
- 安装
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 { Copy } from 'wya-vc';组件
- 实例
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Vc | 上下文传递 | 1 | - |
- 通用
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Button | 按钮 | 1 | - |
| Icon | 图标 | 1 | - |
| Dropdown | 下拉菜单 | 1 | - |
- 导航
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| [Affix][Affix] | 图钉 | 0 | - |
| Page | 分页 | 1 | - |
| BackTop | 回到顶部 | 0 | - |
- 数据录入
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Cascader | 级联选择 | 1 | - |
| Checkbox | 多选框 | 1 | - |
| ColorPicker | 颜色选择 | 1 | - |
| DatePicker | 日期选择框 | 1 | - |
| Editor | 富文本编辑 | 1 | - |
| FilesPicker | 文件上传 | 1 | - |
| Form | 表单管理 | 1 | - |
| ImgsPicker | 图片上传 | 1 | - |
| Input | 输入框 | 1 | - |
| Radio | 单选框 | 1 | - |
| Select | 选择器 | 1 | - |
| Slider | 滑动输入条 | 1 | - |
| SortList | 排序 | 1 | - |
| Switch | 开关 | 1 | - |
| TimePicker | 时间选择器 | 1 | - |
| TreeSelect | 树选择 | 0 | - |
| Upload | 上传 | 1 | - |
- 数据录入（仅移动端）
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Picker | 联动选择弹框 | 1 | - |
- 数据展示
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Calendar | 日历 | - | - |
| Card | 卡片 | - | - |
| Collapse | 折叠面板 | - | - |
| Customer | 折叠面板 | - | - |
| DownCount | 倒计时 | - | - |
| Echarts | 图表 | - | - |
| Expand | 展开 | - | - |
| ImgsCrop | 图片裁剪 | - | - |
| ImgsPreview | 图片预览 | - | - |
| Popover | 气泡卡片 | - | - |
| Table | 表格 | - | - |
| Tabs | 选项卡 | - | - |
| Tag | 标签 | - | - |
| Tree | 树形 | - | - |
- 数据展示（仅移动端）
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Popup | 弹窗 | 1 | - |
- 组合
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Paging | 表格分页 | 1 | - |
| PullScroll | 列表分页 | 1 | - |
- 辅助
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Copy | 复制 | 1 | - |
| CreateCustomer | 自定义组件 | 1 | - |
| CreatePortal | 传送门组件 | 1 | - |
| Fragment | 空节点 | 1 | Vue 3.x废除 |
| 打印 | 1 | - |
- 辅助（仅移动端）
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Touch | 手势 | 1 | - |
- 反馈
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Message | 轻提示 | 1 | - |
| Modal | 模态框 | 1 | - |
| Drawer | 抽屉 | 1 | - |
| Popconfirm | 气泡确认框 | 0 | - |
| Progress | 进度条 | 1 | - |
| Spin | 加载中 | 1 | - |
| Skeleton | 骨架屏 | 0 | - |
- 反馈（仅移动端）
| 名称 | 说明 | 开发 | 计划 |
|---|---|---|---|
| Toast | 轻提示 | 1 | - |
TODO
- 提前编译