ai.touchui-plugin

Touchui-plugin 是 touchui 的 插件库

发布

1. 命令行执行 "npm login" 登录 npmjs 网站的账号
   • 用户名：wadecnchart
   • 密码：输入密码
   • 邮箱：[email protected]
   • 或直接查询 ai.touchui-vue
2. 命令行执行构建和打包 npm run build
3. 执行发布命令 npm publish

维护

1. build：发布、编译脚本
2. examples：示例、文档等
3. lib：编译之后生成的
4. packages：具体开发的组件，一个目录就是一个组件
5. src
   1. mixins：公共方法
   2. utils：工具类、基类
   3. locale：多语言
   4. adapters：适配
6. 创建皮肤
   1. 打开 packages/theme/src/less/theme
   2. 复制创建 mytheme.less 与 mytheme-skin.less
   3. 修改 mytheme-skin.less 即可修改色彩配置与间距配置
   4. npm run build:theme 可直接编译出对应的主题文件，编译结果在 lib/theme 中，这样可以直接拷贝到工程 public 目录下去引用（参考信点兵）
   5. 发布并安装新版本后也可以直接引用

更新网站

1. npm run site
2. example 下会生成一个 ai.touch-vue 的目录，打包成 zip
3. 登录主机（115.28.232.97 / nginx）
4. 进入 html/touchui-vue 目录
5. 清空目录（rm -rf *）
6. 上传 zip（rz）
7. 解压 unzip ai.touchui-vue.zip。解压后会生成 ai.touchui-vue 目录
8. 将 ai.touchui-vue 目录下的所有文件复制到当前目录 (cp -rf ai.touchui-vue/* ./)
9. 完成后删除 ai.touchui-vue 和 ai.touchui-vue.zip (rm -rf ai.touchui-vue)

sftp 更新网站

npm run site
cd examples/ai.touchui-vue
sftp [email protected]
cd html/touchui-vue
put -r .

开发组件

1. 在 packages 里加目录
2. 配置目录里的内容
3. 文件中
   1. name：ToImport
   2. componentName：emitter 里要用到的
   3. 根目录：components.json 里配置一个
4. 在 Examples 里
   1. route.config.js
   2. 加栏目：直接改 header.vue 里的静态数据
   3. nav.config.json 里配置文档菜单
   4. 路由中的 path 是根据配置文件自动生成的，example 里的文件名要跟 path 匹配
   5. 在 demo-block 中可以配置 codepen 引入的资源

编辑器

https://ckeditor.com/ 不支持 IE11 https://ckeditor.com/docs/ckeditor5/latest/api/module_core_editor_editorconfig-EditorConfig.html https://www.tiny.cloud/ 不支持 IE11 https://www.wangeditor.com/ 支持 IE11 https://github.com/hinesboy/mavonEditor 不支持 IE11 https://www.npmjs.com/package/tui-editor 支持 IE11

npm install tui-editor --save --registry=https://registry.npm.taobao.org

更新日志