custom-cp

Project setup

npm install

本地测试

npm run lib
npm link
npm link custom-cp
npm run serve

Lints and fixes files

yarn lint

发布自己的组件包

npm run lib

npm login

npm publish

其他项目使用

引用

// main.js中
import Vue from 'vue'
import customCp from 'custom-cp'
import 'custom-cp/lib/custom-cp.css'
Vue.use(customCp)

<!-- 对应组件中直接引用即可 -->

<block-template
  :tempInfo="docConfig"
  :showTableInnerBorder="showTableInnerBorder"
/>

tempInfo： 对应数据

showTableInnerBorder： 是否展示表格内线

可通过 custom-对应 type 类型定义对应类名修改样式属性！注意权重、因组件库中打包后类名为 custom-table[data-xxx]、固我们在自定义时需要增加权重、如 #app .custom-table{xxx}

可通过 table p tr 等自定义全局样式

节点本身样式根据配置的每个节点的 styles 去加载对应的内联样式