@xbcx/component

@xbcx/component

数据可视化组件整合

补丁记录

2.3.0

• 修改了 AniComponent 的代码，使之与 Vue 的 component 用法保持一致， 现在需要在 beforeTransformOut 之类的方法中接收传入的第一个参数， 作为动画的 dom 来完成动画，其他的内容和历史版本保持一致

使用

1. npm install @xbcx/component
2. import xc from '@xbcx/component'和Vue.use(xc);
3. 对照文档复制代码过去

开发

1. git拉去代码
2. npm run serve运行test目录下的代码运行
3. 源码在src目录，进行调试
4. test目录下App.vue会引用view目录的功能vue来针对不同功能进行查看

设计思路

• 用户用xc开头的标签来使用
• 灵活的自定义内容由插槽包裹，组件包裹插槽。组合dom更加自由
• 用户只关心组件插槽内的样式即可。
• 数据影响插槽，不传入组件，（通过数据去决定内容，自定义内容会受限）
• 嵌套组件，细化拆分。
• 组件内部的特征样式由子组件封装（特征样式就是该组件的特征，功能点）

注意事项

• 父组件需要在export中申明子组件为childs才能被main.js注册。
• 注意所有component要适配父组件的大小
• 注意要兼容以前使用改该component的项目

遗漏点

• 应该有scss变量，全局都是相对大小和一些主题设置
• 图片资源未整合
• tree shaking
• 功能待补全