@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	-
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	-
Print	打印	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	-

taosz/wya-vc

@wya/vc