@xbcx/component
数据可视化组件整合
补丁记录
2.3.0
- 修改了 AniComponent 的代码，使之与 Vue 的 component 用法保持一致， 现在需要在 beforeTransformOut 之类的方法中接收传入的第一个参数， 作为动画的 dom 来完成动画，其他的内容和历史版本保持一致
使用
npm install @xbcx/component-
import xc from '@xbcx/component'和Vue.use(xc); - 对照文档复制代码过去
开发
- git拉去代码
-
npm run serve运行test目录下的代码运行 - 源码在src目录，进行调试
- test目录下App.vue会引用view目录的功能vue来针对不同功能进行查看
设计思路
- 用户用xc开头的标签来使用
- 灵活的自定义内容由插槽包裹，组件包裹插槽。组合dom更加自由
- 用户只关心组件插槽内的样式即可。
- 数据影响插槽，不传入组件，（通过数据去决定内容，自定义内容会受限）
- 嵌套组件，细化拆分。
- 组件内部的特征样式由子组件封装（特征样式就是该组件的特征，功能点）
注意事项
- 父组件需要在export中申明子组件为childs才能被main.js注册。
- 注意所有component要适配父组件的大小
- 注意要兼容以前使用改该component的项目
遗漏点
- 应该有scss变量，全局都是相对大小和一些主题设置
- 图片资源未整合
- tree shaking
- 功能待补全