vue-211119 v1.0.0

框架结构

组件开发流程

1、【组件开发人】在【tanikawa_tis/src/components】下建立自定义组件，需要新的依赖的在【tanikawa_tis/package.json】中添加相关依赖；

2、【组件开发人】在app.vue引入自己写的自定义组件进行调试，和平时启动和开发vue项目一样；

3、调试成功后，调试代码和组件代码一并上传；

3、由【组件开发人】告知【代码审核人】对代码进行审核；

4、审核无误则由【组件发布人】发布组件，否则告知【组件开发人】代码不符合规范，不予发布，【组件开发人】进行修改再次从第三步开始走；

5、发布成功后由【组件发布人】告知【组件开发人】已经发布成功并告知版本号，【组件开发人】可以拉取最新版本的组件库进行使用。

组件发布流程

1、修改【tanikawa_tis/src/components/index.js、tanikawa_tis/webpack.config.js】这两个文件；

2、修改版本号

3、npm run build 打包

4、发布组件（登录npm，发布）

5、上书库去整理组件使用文档

注意事项

1、自定义组件名称

1、自定义组件的name是最后引入组件的名字，所以必须写且需要考虑不要和其他第三方的组件重名（这里规定组件名必须是以tis-开头命名的，最多三个单词拼接），否则引入失败且会报错

2、组件库的组件class命名

1、组件class命名容易重复
2、所有组件的最外层的class名必须是tis-开头的，且必须是tis-加上组件名组成，最多三个单词拼接。
3、组件的内层class除了iconfont图标和iview默认的class名之外，其他class必须以tis-开头，方便开发维护。
4、less文件样式必须采用嵌套的形式包含在内，不可平级。

3、组件样式

1、所有组件样式均在【tanikawa_tis/src/my_theme/components】文件夹下，必须按照组件分类编写，不可有修改iview的样式在里面
2、修改iview的样式必须写在【tanikawa_tis/src/my_theme/iview】文件夹下，必须按照组件分类编写
3、样式内用到的tis固定的规范的颜色，间距，字体大小...需要使用变量形式，不可写死
4、组件样式统一应用方式，在组件内部引入：@import "~@/my_theme/index.less";

4、组件反出去的数据和传进去的默认值

1、原则上组件反出去的数据尽可能全面，传进去的默认值数据尽可能简单，让尽可能多的操作都在组件内完成。比如下拉选中，反出去id、name对象，传到组件中的数据是id。

5、组件简介

1、每个组件必须写组件简介和一些必须的参数说明，注意事项。
2、编写位置在script标签起始位置

6、组件iconfont

1、统一使用ui提供的商业图标库，进入网址申请查看权限：https://www.iconfont.cn/manage/index?spm=a313x.7781069.1998910419.11&manage_type=myprojects&projectId=1716561&keyword=&project_type=&page=
2、组件库内都是用iconfont图标，不要引入图片资源
3、需要iconfont时，在组件内部统一引入：@import  "~@/iconfont/iconfont.less";
4、使用iconfont时，class名为tis-iconfont，避免和外部字体图标库冲突