基于
Vue@3.x
的组件库移步@wya/vc.next 此仓库以不再新增功能,只修复存在的bug,目前已全面拥抱Vue@3.x
@wya/vc 👈👈文档地址
安装 / 导入 / 使用
- 安装
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 | UploadPicker 代替 |
Form | 表单管理 | 1 | - |
ImgsPicker | 图片上传 | 1 | UploadPicker 代替 |
Input | 输入框 | 1 | - |
Picker | 联动选择弹框 | 1 | - |
Radio | 单选框 | 1 | - |
Select | 选择器 | 1 | - |
Slider | 滑动输入条 | 1 | - |
SortList | 排序 | 1 | - |
Switch | 开关 | 1 | - |
TimePicker | 时间选择器 | 1 | - |
TreeSelect | 树选择 | 1 | - |
Textarea | 多行文本 | 1 | - |
UploadPicker } | 文件/图片上传 | 1 | - |
- 数据展示
名称 | 说明 | 开发 | 计划 |
---|---|---|---|
Alert | 警告提示 | 1 | - |
Calendar | 日历 | 1 | - |
Card | 卡片 | 1 | - |
Carousel | 轮播 | 1 | - |
Collapse | 折叠面板 | 1 | - |
Countdown | 倒计时 | 1 | - |
Dropdown | 下拉菜单 | 1 | - |
Divider | 分割线 | 1 | - |
Echarts | 图表 | 1 | - |
Expand | 展开 | 1 | - |
HtmlImg | html2canvas | 1 | - |
Img | 图片展示 | 1 | - |
ImgsCrop | 图片裁剪 | 1 | - |
ImgsPreview | 图片预览 | 1 | - |
ImgsProcessing | 图片优化 | 1 | - |
List | 列表 | 1 | - |
Page | 分页 | 1 | - |
Popover | 气泡卡片 | 1 | - |
Rate | 评级 | 1 | - |
Steps | 步进条 | 1 | - |
Table | 表格 | 1 | - |
Tabs | 选项卡 | 1 | - |
Tag | 标签 | 1 | - |
Text | 文本自定义行数 | 1 | - |
Tree | 树形 | 1 | - |
Timeline | 时间轴展示 | 1 | - |
- 组合
名称 | 说明 | 开发 | 计划 |
---|---|---|---|
Paging | 表格分页 | 1 | - |
PullScroll | 列表分页 | 1 | - |
RecycleList | 列表分页(性能) | 0 | Vue 3.x完善完整版 |
- 辅助
名称 | 说明 | 开发 | 计划 |
---|---|---|---|
Clipboard | 剪切板 | 1 | - |
Customer | 自定义组件 | 1 | - |
Fragment | 空节点 | 1 | Vue 3.x废除 |
Portal | 传送门组件 | 1 | - |
打印 | 1 | - | |
Scroller | 滚动条自定义 | 1 | Vue 3.x完善完整版 |
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 | - |