feat: docs

README.md

@@ -11,7 +11,7 @@
 <!--     <a href="https://www.github.com/theajack/cnchar"><img src="https://img.shields.io/librariesio/dependent-repos/npm/cnchar.svg" alt="Dependent"></a> -->
 </p>
 
-### 🚀 好用小巧、功能全面的汉字拼音笔画 js 库
+### 🚀 功能全面、多端支持的汉字拼音笔画 js 库
 
 **<a href="#66-使用实例大全">快速上手</a> | [在线试用/文档](https://theajack.gitee.io/cnchar) | [更新日志](https://github.com/theajack/cnchar/blob/master/helper/version.md) | [应用:打字游戏](https://theajack.gitee.io/type/) | [反馈错误/缺漏](https://github.com/theajack/cnchar/issues/new)**
 

docs/.vuepress/components/demo/catButton/type_catButton.vue

@@ -1,26 +1,25 @@
 // catButton 的type属性 示例
 <template>
-  <!-- 注意这里代码必须再包裹一层div，否则会解析报错 -->
+    <!-- 注意这里代码必须再包裹一层div，否则会解析报错 -->
-  <div>
+    <div>
-    <cat-button text="default"></cat-button>
+        <cat-button text='default'></cat-button>
-    <cat-button text="primary"
+        <cat-button text='primary'
-                type="primary"></cat-button>
+                    type='primary'></cat-button>
-    <cat-button text="success"
+        <cat-button text='success'
-                type="success"></cat-button>
+                    type='success'></cat-button>
-    <cat-button text="info"
+        <cat-button text='info'
-                type="info"></cat-button>
+                    type='info'></cat-button>
-    <cat-button text="warning"
+        <cat-button text='warning'
-                type="warning"></cat-button>
+                    type='warning'></cat-button>
-    <cat-button text="danger"
+        <cat-button text='danger'
-                type="danger"></cat-button>
+                    type='danger'></cat-button>
-    <cat-button text="text"
+        <cat-button text='text'
-                type="text"></cat-button>
+                    type='text'></cat-button>
-  </div>
+    </div>
 </template>
 <script>
-export default {
+    export default {
-}
+    };
 </script>
 
 
-

docs/.vuepress/components/home.vue

@@ -0,0 +1,164 @@
+<template>
+    <div class='home-wrapper'>
+        <div class='title'>cnchar</div>
+        <div class='desc'>功能全面、多端支持的汉字拼音笔画js库</div>
+        <div class='test'>
+            <el-input v-model='text' class='test-input' type='text' placeholder='输入一些汉字试试' @input='input'></el-input>
+            <div class='show-area' v-show='text!==""'>
+                <div>{{spell}} <span class='split'>|</span> 共{{stroke}}笔</div>
+                <div>繁体: {{trad}} <span class='split'>|</span> 火星文: {{spark}}</div>
+                <div>笔顺: {{order}}</div>
+                <div id='draw-area'></div>
+            </div>
+        </div>
+        <div class='start-w'>
+            <el-button type='primary' @click='start'>开始 <i class='ei-location-arrow'></i></el-button>
+        </div>
+        <div class='feature-w'>
+            <div class='f-i'>
+                <div class='f-t'><i class='ei-rocket'></i>功能全面</div>
+                <div class='f-des'>拼音、笔画数</div>
+                <div class='f-des'>多音字词</div>
+                <div class='f-des'>繁体字、火星文</div>
+                <div class='f-des'>汉字笔顺</div>
+                <div class='f-des'>多种模式绘制汉字</div>
+                <div class='f-des'>汉字推算</div>
+                <div class='f-des'>...</div>
+            </div>
+            <div class='f-i'>
+                <div class='f-t'><i class='ei-tablet'></i>多端支持</div>
+                <div class='f-des'>浏览器</div>
+                <div class='f-des'>nodejs</div>
+                <div class='f-des'>小程序/小游戏</div>
+                <div class='f-des'>ReactNative/Weex/Uniapp/Electron</div>
+                <div class='f-des'>webpack</div>
+                <div class='f-des'>typescript支持</div>
+                <div class='f-des'>...</div>
+            </div>
+            <div class='f-i'>
+                <div class='f-t'><i class='ei-cubes'></i>按需取用</div>
+                <div class='f-des'>功能分包</div>
+                <div class='f-des'>体积小巧</div>
+                <div class='f-des'>简单易用</div>
+                <div class='f-des'>npm</div>
+                <div class='f-des'>cdn</div>
+            </div>
+        </div>
+        <div class='copy-right'>MIT Licensed | Copyright © 2020 present theajack</div>
+    </div>
+</template>
+
+<script>
+    export default {
+        data () {
+            return {
+                text: '',
+                spell: '',
+                stroke: '',
+                trad: '',
+                spark: '',
+                order: '',
+            };
+        },
+        methods: {
+            input () {
+                if (this.text) {
+                    this.spell = this.text.spell('array', 'tone').join(' ');
+                    this.stroke =  this.text.stroke();
+                    this.trad =  this.text.convertSimpleToTrad('trad');
+                    this.spark =  this.text.convertSimpleToSpark('spark');
+                    this.order =  JSON.stringify(this.text.stroke('order', 'shape')).replace(/"/g, '').replace(/null/g, '无');
+                    let str = this.pickCnChar(this.text);
+                    let el = document.getElementById('draw-area');
+                    el.innerHTML = '';
+                    if (str !== '') {
+                        window.cnchar.draw(str, {el});
+                    }
+                }
+            },
+            isCnChar (word) {
+                let unicode = word.charCodeAt(0);
+                return unicode >= 19968 && unicode <= 40869;
+            },
+            pickCnChar (text) {
+                let v = '';
+                for (let i = 0; i < text.length; i++) {
+                    if (this.isCnChar(text[i])) {
+                        v += text[i];
+                    }
+                }
+                return v;
+            },
+            start () {
+                window.location.href = '/cnchar/assets/v2/guide/';
+            }
+        }
+    };
+</script>
+
+<style lang="less">
+    .home-wrapper{
+        text-align: center;
+        .title{
+            font-weight: bold;
+            font-family: Microsoft Yahei;
+            font-size: 3.5rem;
+        }
+        .desc{
+            font-size: 1.1rem;
+            font-weight: bold;
+        }
+        .test{
+            margin: 1.4rem 0;
+        }
+        .test-input{
+            max-width:500px;
+            font-size: 1.1rem;
+            .el-input__inner{
+                text-align: center;
+            }
+        }
+        .show-area{
+            line-height: 2rem;
+            margin: 1rem 0;
+            .split{
+                margin: 0 1rem;
+            }
+            #draw-area{
+                margin-top: 0.8rem;
+            }
+        }
+        .feature-w{
+            display: flex;
+            justify-content: center;
+            max-width: 800px;
+            margin: 0 auto;
+            .f-i{
+                align-items: center;
+                width: 33.3333333%;
+                padding: 0 10px;
+                .f-t{
+                    font-size: 1.3rem;
+                    margin-bottom: 1rem;
+                    color: #007acc;
+                    i{
+                        margin-right: 4px;
+                    }
+                }
+                .f-des{
+                   line-height: 1.4rem;
+                }
+            }
+        }
+        .copy-right{
+            margin-top: 1rem;
+            color: #aaa;
+        }
+        .start-w{
+            max-width: 800px;
+            padding: 1.5rem 0;
+            border-top: 1px solid #eee;
+            margin: 0 auto;
+        }
+    }
+</style>

docs/.vuepress/components/jsbox.vue

@@ -0,0 +1,82 @@
+<template>
+    <div class='frame-mask' v-show='visible'>
+        <div class='header'>
+            Powered by <a class='link' target='view_window' href='https://github.com/theajack/jsbox'><i class='ei-cube-alt'></i> JSbox</a>
+            <i @click='close' class='ei-times'></i>
+        </div>
+        <div class='loading-w'><i class='ei-spinner-indicator ei-spin'></i></div>
+        <iframe class='frame-c' ref='container' src='' frameborder='0'></iframe>
+    </div>
+</template>
+
+<script>
+    export default {
+        data () {
+            return {
+                visible: false,
+                src: '',
+            };
+        },
+        methods: {
+            open (src = 'https://theajack.gitee.io/jsbox') {
+                if (this.src !== src) {
+                    this.src = src;
+                    this.$refs.container.src = 'https://theajack.gitee.io/jsbox';
+                }
+                this.visible = true;
+                document.body.style.overflow = 'hidden';
+            },
+            close () {
+                this.visible = false;
+                document.body.style.overflow = 'auto';
+            }
+        }
+    };
+</script>
+<style lang="less" scoped>
+    .frame-mask{
+        position: fixed;
+        z-index: 1000;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        background-color: #000d;
+        .header{
+            height: 5%;
+            vertical-align: middle;
+            font-size: 1rem;
+            color: #eee;
+            display: flex;
+            align-items: center;
+            padding: 0 5px;
+            .link{
+                margin-left: 5px;
+            }
+            .ei-times{
+                cursor: pointer;
+                position: absolute;
+                right: 10px;
+                font-size: 1.5rem;
+                &:hover{
+                    color: #e88;
+                }
+            }
+        }
+        .frame-c{
+            width: 100%;
+            height: 95%;
+            box-shadow: 0 0 15px #000;
+            position: relative;
+        }
+        .loading-w{
+            position: absolute;
+            font-size: 3rem;
+            color: #aaa;
+            top: 50%;
+            transform: translate(-50%,-50%);
+            left: 50%;
+        }
+    }
+
+</style>

docs/.vuepress/config.js

@@ -9,8 +9,8 @@
 // 为了更好的理解，以下所有配置，注释，须配合查看页面实际效果！
 
 module.exports = {
-    title: 'Cnchar', // 标题
+    title: 'cnchar', // 标题
-    description: '好用小巧、功能全面的汉字拼音笔画js库', // 描述
+    description: '功能全面、多端支持的汉字拼音笔画js库', // 描述
     dest: './assets/v2', // 基本url
     base: '/cnchar/assets/v2/', // 基本url
     // 注入到当前页面的 HTML <head> 中的标签

docs/.vuepress/enhanceApp.js

@@ -8,6 +8,7 @@ import VueHighlightJS from 'vue-highlight.js';
 import 'highlight.js/styles/vs2015.css';
 
 import '../../npm/all/cnchar.all.min.js';
+import 'easy-icon';
 
 // 引入自己的组件库
 import Cat from '../src/index';

docs/.vuepress/styles/palette.styl

@@ -1,6 +1,6 @@
 // 用于重写默认颜色常量，或者设置新的 stylus 颜色常量
 
-$accentColor = #00A0E6 // 主题色
+$accentColor = #007acc // 主题色
 $textColor = #2c3e50 // 文字颜色
 
 

docs/README.md

@@ -1,4 +1,8 @@
 ---
+cnchar--功能全面、多端支持的汉字拼音笔画js库
+---
+
+<!-- ---
 home: true
 # heroImage: /favicon.png
 actionText: 快速上手 →
@@ -11,4 +15,5 @@ features:
 - title: 轻松上手
   details: 你甚至都不需要阅读vuepress文档即可快速上手，每个文件，每行代码都有详细的注释说明。
 footer: MIT Licensed | Copyright © 2020 present theajack
----
+--- -->
+<home></home>

docs/guide/README.md

@@ -18,13 +18,13 @@ sidebarDepth: 0  //吐槽：这里设置0无效！只能设置1或2！
     <a href="https://github.com/theajack/cnchar/issues"><img src="https://img.shields.io/github/issues-closed/theajack/cnchar.svg" alt="issue"></a>
 </p> -->
 
-**cnchar 是一款好用小巧、功能全面的汉字拼音笔画 js 库**
+**cnchar 是一款功能全面、多端支持的汉字拼音笔画 js 库**
 
-**<a href="#66-使用实例大全">快速上手</a> | [在线试用/文档](https://theajack.gitee.io/cnchar) | [更新日志](https://github.com/theajack/cnchar/blob/master/helper/version.md) | [应用:打字游戏](https://theajack.gitee.io/type/) | [反馈错误/缺漏](https://github.com/theajack/cnchar/issues/new)**
+**<a href="/cnchar/assets/v2/guide/start.html">快速上手</a> | [更新日志](https://github.com/theajack/cnchar/blob/master/helper/version.md) | [应用:打字游戏](https://theajack.gitee.io/type/) | [反馈错误/缺漏](https://github.com/theajack/cnchar/issues/new)**
 
 ## 1. 前言
 
-感谢同学们对于 cnchar 的支持，由于 cnchar 词库来源于网络，虽然经过了本人的修改和扩充，但是还是难免有错误与缺漏之处，希望大家可以将使用中发现的错误与缺漏之处 [反馈](https://github.com/theajack/cnchar/issues/new) 给我（或自行修改提交，经过审查无误过后会合到 cnchar 中）
+感谢同学们对于 cnchar 的支持，由于 cnchar 词库来源于网络，虽然经过了本人的修改和扩充，但是还是难免有错误与缺漏之处，希望大家可以将使用中发现的错误与缺漏之处 [反馈](https://github.com/theajack/cnchar/issues/new) 给我或自行修改提交pr
 
 [我要反馈错误或缺漏](https://github.com/theajack/cnchar/issues/new)
 <!-- ![](../.vuepress/public/doc.gif) -->

docs/guide/start.md

@@ -1,212 +1,74 @@
-## 安装
-::: tip
-**克隆项目**        
-git clone https://github.com/1011cat/shotCat_doc.git
 
-**进入项目目录**        
+## 1. npm安装
-cd shotCat_doc
 
-**安装依赖**        
+安装[主库](https://npmjs.com/package/cnchar)：
-npm install
-
-**建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题**       
-npm install --registry=https://registry.npm.taobao.org
-
-**启动服务**        
-npm run dev
-
-浏览器访问 http://localhost:6868
-:::
-
-## 项目结构目录说明
 
 ```
-|-- shotCat_doc
+npm i cnchar
-    |-- LICENSE
-    |-- deploy.sh   //用于自动部署
-    |-- package-lock.json
-    |-- package.json
-    |-- docs
-    |   |-- README.md   //文档首页配置
-    |   |-- .vuepress   //用于存放全局的配置、组件、静态资源等。
-    |   |   |-- config.js   //文档配置文件
-    |   |   |-- enhanceApp.js   //应用级别的配置 其实就是引入文档需要用到的第三方插件
-    |   |   |-- components  //该目录中的 Vue 组件将会被自动注册为全局组件
-    |   |   |   |-- baseComponent   //文档会用到的全局公共组件
-    |   |   |   |   |-- apiTable.vue    //组件的参数表格
-    |   |   |   |   |-- codeBox.vue     //包裹示例的组件
-    |   |   |   |   |-- star.vue    //底部彩蛋组件
-    |   |   |   |-- demo   //组件示例 
-    |   |   |       |-- catButton   //存放button组件相关示例
-    |   |   |           |-- type_catButton.vue
-    |   |   |-- dist    //存放打包后的文件
-    |   |   |   
-    |   |   |-- public  //静态资源目录
-    |   |   |   |-- favicon.jpeg
-    |   |   |   |-- name.png
-    |   |   |-- styles  //用于存放样式相关的文件
-    |   |       |-- index.styl  //将会被自动应用的全局样式文件，会生成在最终的 CSS 文件结尾，具有比默认样式更高的优先级
-    |   |       |-- palette.styl    //用于重写默认颜色常量，或者设置新的 stylus 颜色常量
-    |   |-- components  //存放组件文档要用到的markdown
-    |   |   |-- README.md
-    |   |   |-- 1.0 //1.0 版本的文档 如果不需要版本管理，直接删除1.0这层文件夹即可
-    |   |   |   |-- README.md
-    |   |   |   |-- catButton.md
-    |   |   |-- 2.0 //2.0 版本的文档
-    |   |       |-- README.md
-    |   |       |-- catButton.md
-    |   |-- guide   //使用说明的文件夹
-    |       |-- introduction.md
-    |       |-- quickStart.md
-    |-- src //存放你自己的ui组件库
-        |-- index.js
-        |-- components
-            |-- catButton
-                |-- catButton.vue
 ```
 
-## 快速开始
+按需安装功能库：
-### step1
-将自己的组件库放到根目录上，然后在docs/.vuepress/enhanceApp.js进行配置
-
-::: tip
-```js
-//docs/.vuepress/enhanceApp.js
-
-//引入你的组件库 确保你的组件库index文件有install方法
-//如果不会，没关系，src目录里自带一个简单组件库示例，可供参考
-import Cat from '../../src/index'
-
-export default ({
-    Vue, // VuePress 正在使用的 Vue 构造函数
-    options, // 附加到根实例的一些选项
-    router, // 当前应用的路由实例
-    siteData // 站点元数据
-  }) => {
-    Vue.use(Cat)    
-  }
-```
-::: 
-
-然后配置你的侧边栏路径，详细配置可以直接查看docs/.vuepress/components/config.js 内的注释。
-::: tip
-```js
-// docs/.vuepress/components/config.js
-
-//这里配置的是button组件页面的路径
-sidebar:{
-    '/components/2.0/':[
-        {
-            title: '基础组件',   // 必要的 配置侧边栏名称
-            path: '', 
-            collapsable: false, // 可选的, 右侧侧边栏是否展开,默认值是 true
-            // 如果组件很多时，建议将children配置单独放到一个js文件中，然后进行引入
-            children: [
-                {
-                    title:'Button 按钮',
-                    path: 'catButton', //在项目中对应的路径是 docs/components/2.0/catButton.md
-                }]
-        }
-    ]
-},
 
 ```
-::: 
+npm i cnchar-poly cnchar-order cnchar-trad cnchar-draw
-
-### step2 
-现在你已经可以开始编写自己的组件文档了，这里先编写一个组件展示示例：以我的cat-button为例
-
-::: tip
-```html
-// docs/.vuepress/components/demo/catButton/type_catButton.vue
-
-<template>
-    <!-- 注意这段代码会放入slot里，所以必须再包裹一层div，否则会解析报错 -->
-    <div>
-        <cat-button text="default"></cat-button>
-        <cat-button text="primary" type="primary"></cat-button>
-        <cat-button text="success" type="success"></cat-button>
-        <cat-button text="info" type="info"></cat-button>
-        <cat-button text="warning" type="warning"></cat-button>
-        <cat-button text="danger" type="danger"></cat-button>
-        <cat-button text="text" type="text"></cat-button>
-    </div>
-</template>
-
-<script>
-    export default {
-    }
-</script>
-
 ```
-::: 
 
+浏览器环境中功能库可以直接使用：
 
-### step3
+<div>
-在上面配置好的路径里docs/components/2.0/catButton.md，创建markdown文件。接着就可以愉快地编写button组件页面！
+  <highlight-code lang='javascript'>
-::: tip
+    import cnchar from 'cnchar';
-```html
+    // 以下功能库请按需使用
-// docs/components/2.0/catButton.md
+    import 'cnchar-poly';
-
+    import 'cnchar-order';
----
+    import 'cnchar-trad';
-title: 2.0 Button 按钮
+    import 'cnchar-draw';
----
-
-<!-- baseComponent-codeBox 组件即为.vuepress/components/baseComponent/codeBox文件，vuepress会默认把它解析为`baseComponent-codeBox`组件，这里我们如下对代码进行包裹，具体功能可以查看codeBox注释和页面效果 -->
-<baseComponent-codeBox title="按钮类型" description="按钮类型通过设置type为primary、success、info、warning、danger、text创建不同样式的按钮，不设置为默认样式。" onlineLink="https://codepen.io/1011cat/pen/KjEOWO">
-
-    <!-- 同理demo-catButton-type_catButton即为我们step2编写的示例组件 -->
-  <demo-catButton-type_catButton></demo-catButton-type_catButton>
-
-    <!-- 这里highlight-code为引入的第三方代码高亮组件，里面包裹的就是上面示例组件的代码 -->
-    <!-- 注意引入代码一定不能缩进！！！否则不能生效！-->
-  <highlight-code slot="codeText" lang="vue">
-<<< @/docs/.vuepress/components/demo/catButton/type_catButton.vue
   </highlight-code>
-</baseComponent-codeBox>
+</div>
 
-<!-- 组件的参数表格,这里我没有使用自带的markdown表格，因为太丑，样式不好修改，有时参数描述较少时，不能自动撑满一行，所以自己写了一个组件；titile为表格标题，tableHead为表头，tableBody为具体参数设置，并且支持el-table的table参数 -->
+非浏览器环境中功能库需要使用use方法加载，且不支持 `cnchar-draw` 库：
-<baseComponent-apiTable
-  title="Table Attributes"
-  :tableHead = "tableHead"
-  :tableBody = "tableBody">
-</baseComponent-apiTable>
 
-<!-- Vssue为引入的评论插件 -->
+<div>
-<Vssue title="Vssue Demo" />
+  <highlight-code lang='javascript'>
+    import cnchar from 'cnchar';
+    // 以下功能库请按需使用
+    import poly from 'cnchar-poly';
+    import order from 'cnchar-order';
+    import trad from 'cnchar-trad';
+    cnchar.use(poly, order, trad);
+  </highlight-code>
+</div>
 
-<!-- 其实在vuepress里的每个.md其实和.vue很像的，你基本可以按照vue组件模式来写 -->
-<script>
-    // 基本上和写vue一样
-  export default {
-    data() {
-      return {
-          //表头为字符串，写法和md一样，中间以`|`间隔就行
-        tableHead:`参数 | 说明 | 类型 | 可选值 | 默认值`,
-            //表格为数组，其中每一项为字符串，代表每一行要展示的数据，写法也和md一样，中间以`|`间隔就行
-        tableBody: [
-          `size | 尺寸 | String | medium / small / mini | —`,
-          `type |	类型 | string |	primary / success / warning / danger / info / text | —`
-        ],
-      }
-    },
 
-  }
+## 2. cdn使用
-</script>
 
-<!-- 和vue一样，也可以设置样式，并且这里style样式只对当前md有效，不需要加上scoped -->
+使用 script 标签使用：
-<style>
 
-</style>
+<div>
+  <highlight-code lang='html'>
+      &lt;script src="https://cdn.jsdelivr.net/npm/cnchar/cnchar.min.js">&lt;/script>
+      &lt;!--以下功能库请按需使用-->
+      &lt;script src="https://cdn.jsdelivr.net/npm/cnchar-poly/cnchar.poly.min.js">&lt;/script>
+      &lt;script src="https://cdn.jsdelivr.net/npm/cnchar-order/cnchar.order.min.js">&lt;/script>
+      &lt;script src="https://cdn.jsdelivr.net/npm/cnchar-trad/cnchar.trad.min.js">&lt;/script>
+      &lt;script src="https://cdn.jsdelivr.net/npm/cnchar-draw/cnchar.draw.min.js">&lt;/script>
+  </highlight-code>
+</div>
 
-```
+## 3. 快速使用
-::: 
 
-至此，你已经完成了一个简单的button组件展示，概括来说就是：
+<el-button @click='openJsbox'> 测试</el-button>
-1. 配置侧边栏导航 
-2. 写示例代码 
-3. 对应的页面md
 
-更详细的配置和说明都在对应代码里。每个代码文件里，都有逐行的注释及防坑说明。
+<jsbox ref='jsbox'></jsbox>
 
 <baseComponent-star></baseComponent-star>
+
+<script>
+  export default {
+    methods: {
+      openJsbox(){
+        this.$refs.jsbox.open()
+      }
+    }
+  }
+</script>

docs/src/element.css

@@ -0,0 +1,8 @@
+.el-button--primary{
+    background-color: #007acc;
+    border-color: #007acc;
+}
+.el-button--primary:focus, .el-button--primary:hover {
+    background: #3aa0e4;
+    border-color: #3aa0e4;
+}

docs/src/index.js

@@ -3,6 +3,7 @@ import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
 
 import catButton from './components/catButton/catButton';
+import './element.css';
 
 const components = [
     catButton

helper/README.md

@@ -11,7 +11,7 @@
 <!--     <a href="https://www.github.com/theajack/cnchar"><img src="https://img.shields.io/librariesio/dependent-repos/npm/cnchar.svg" alt="Dependent"></a> -->
 </p>
 
-### 🚀 好用小巧、功能全面的汉字拼音笔画 js 库
+### 🚀 功能全面、多端支持的汉字拼音笔画 js 库
 
 **<a href="#66-使用实例大全">快速上手</a> | [在线试用/文档](https://theajack.gitee.io/cnchar) | [更新日志](https://github.com/theajack/cnchar/blob/master/helper/version.md) | [应用:打字游戏](https://theajack.gitee.io/type/) | [反馈错误/缺漏](https://github.com/theajack/cnchar/issues/new)**
 

index.html

@@ -19,7 +19,7 @@
     <!--header-->
     <div id="header">
       <div id="title">cnchar.js</div>
-      <div id="smallTitle">好用小巧、功能全面的汉字繁体字拼音笔画js库</div>
+      <div id="smallTitle">功能全面、多端支持的汉字繁体字拼音笔画js库</div>
       <a id='viewProjectLink' target="_blank" href="https://github.com/theajack/cnchar">
         <div id="viewProject" class="border-btn">View project on github</div>
       </a>

npm/all/README.md

@@ -1,6 +1,6 @@
 # [cnchar-all](https://github.com/theajack/cnchar)
 #### [theajack](https://www.theajack.com/)
-### 好用小巧、功能全面的汉字拼音笔画js库
+### 功能全面、多端支持的汉字拼音笔画js库
 [api详细文档地址](https://www.theajack.com/cnchar/)
 
 ----

npm/all/package.json

@@ -1,7 +1,7 @@
 {
     "name": "cnchar-all",
     "version": "2.1.1",
-    "description": "好用小巧、功能全面的汉字拼音笔画js库，支持多音字、繁体字、火星文",
+    "description": "功能全面、多端支持的汉字拼音笔画js库，支持多音字、繁体字、火星文",
     "main": "index.js",
     "unpkg": "cnchar.all.min.js",
     "jsdelivr": "cnchar.all.min.js",

npm/cnchar/README.md

@@ -11,7 +11,7 @@
 <!--     <a href="https://www.github.com/theajack/cnchar"><img src="https://img.shields.io/librariesio/dependent-repos/npm/cnchar.svg" alt="Dependent"></a> -->
 </p>
 
-### 🚀 好用小巧、功能全面的汉字拼音笔画 js 库
+### 🚀 功能全面、多端支持的汉字拼音笔画 js 库
 
 **<a href="#66-使用实例大全">快速上手</a> | [在线试用/文档](https://theajack.gitee.io/cnchar) | [更新日志](https://github.com/theajack/cnchar/blob/master/helper/version.md) | [应用:打字游戏](https://theajack.gitee.io/type/) | [反馈错误/缺漏](https://github.com/theajack/cnchar/issues/new)**
 

npm/cnchar/package.json

@@ -1,7 +1,7 @@
 {
     "name": "cnchar",
     "version": "2.1.0",
-    "description": "好用小巧、功能全面的汉字拼音笔画js库，支持多音字、繁体字、火星文",
+    "description": "功能全面、多端支持的汉字拼音笔画js库，支持多音字、繁体字、火星文",
     "main": "index.js",
     "scripts": {},
     "unpkg": "cnchar.min.js",

npm/draw/README.md

@@ -11,7 +11,7 @@
 <!--     <a href="https://www.github.com/theajack/cnchar"><img src="https://img.shields.io/librariesio/dependent-repos/npm/cnchar.svg" alt="Dependent"></a> -->
 </p>
 
-### 🚀 好用小巧、功能全面的汉字拼音笔画 js 库
+### 🚀 功能全面、多端支持的汉字拼音笔画 js 库
 
 **<a href="#66-使用实例大全">快速上手</a> | [在线试用/文档](https://theajack.gitee.io/cnchar) | [更新日志](https://github.com/theajack/cnchar/blob/master/helper/version.md) | [应用:打字游戏](https://theajack.gitee.io/type/) | [反馈错误/缺漏](https://github.com/theajack/cnchar/issues/new)**
 

npm/draw/package.json

@@ -1,7 +1,7 @@
 {
     "name": "cnchar-draw",
     "version": "2.1.0",
-    "description": "好用小巧、功能全面的汉字拼音笔画js库，支持多音字、繁体字、火星文",
+    "description": "功能全面、多端支持的汉字拼音笔画js库，支持多音字、繁体字、火星文",
     "main": "index.js",
     "unpkg": "cnchar.draw.min.js",
     "jsdelivr": "cnchar.draw.min.js",

npm/hanzi-util-base/README.md

@@ -1,6 +1,6 @@
 # [hanzi-util-base](https://github.com/theajack/cnchar)
 #### [theajack](https://www.theajack.com/)
-### 好用小巧、功能全面的汉字拼音笔画js库
+### 功能全面、多端支持的汉字拼音笔画js库
 [api详细文档地址](https://www.theajack.com/cnchar/)
 
 ----

npm/hanzi-util-base/package.json

@@ -1,7 +1,7 @@
 {
     "name": "hanzi-util-base",
     "version": "2.1.0",
-    "description": "好用小巧、功能全面的汉字拼音笔画js库，支持多音字、繁体字、火星文",
+    "description": "功能全面、多端支持的汉字拼音笔画js库，支持多音字、繁体字、火星文",
     "main": "index.js",
     "unpkg": "hanzi.base.min.js",
     "jsdelivr": "hanzi.base.min.js",

npm/hanzi-util/README.md

@@ -1,6 +1,6 @@
 # [hanzi-util](https://github.com/theajack/cnchar)
 #### [theajack](https://www.theajack.com/)
-### 好用小巧、功能全面的汉字拼音笔画js库
+### 功能全面、多端支持的汉字拼音笔画js库
 [api详细文档地址](https://www.theajack.com/cnchar/)
 
 ----

npm/hanzi-util/package.json

@@ -1,7 +1,7 @@
 {
     "name": "hanzi-util",
     "version": "2.1.0",
-    "description": "好用小巧、功能全面的汉字拼音笔画js库，支持多音字、繁体字、火星文",
+    "description": "功能全面、多端支持的汉字拼音笔画js库，支持多音字、繁体字、火星文",
     "main": "index.js",
     "unpkg": "hanzi.util.min.js",
     "jsdelivr": "hanzi.util.min.js",

npm/order/README.md

@@ -11,7 +11,7 @@
 <!--     <a href="https://www.github.com/theajack/cnchar"><img src="https://img.shields.io/librariesio/dependent-repos/npm/cnchar.svg" alt="Dependent"></a> -->
 </p>
 
-### 🚀 好用小巧、功能全面的汉字拼音笔画 js 库
+### 🚀 功能全面、多端支持的汉字拼音笔画 js 库
 
 **<a href="#66-使用实例大全">快速上手</a> | [在线试用/文档](https://theajack.gitee.io/cnchar) | [更新日志](https://github.com/theajack/cnchar/blob/master/helper/version.md) | [应用:打字游戏](https://theajack.gitee.io/type/) | [反馈错误/缺漏](https://github.com/theajack/cnchar/issues/new)**
 

npm/order/package.json

@@ -1,7 +1,7 @@
 {
     "name": "cnchar-order",
     "version": "2.1.0",
-    "description": "好用小巧、功能全面的汉字拼音笔画js库，支持多音字、繁体字、火星文",
+    "description": "功能全面、多端支持的汉字拼音笔画js库，支持多音字、繁体字、火星文",
     "main": "index.js",
     "unpkg": "cnchar.order.min.js",
     "jsdelivr": "cnchar.order.min.js",

npm/poly/README.md

@@ -11,7 +11,7 @@
 <!--     <a href="https://www.github.com/theajack/cnchar"><img src="https://img.shields.io/librariesio/dependent-repos/npm/cnchar.svg" alt="Dependent"></a> -->
 </p>
 
-### 🚀 好用小巧、功能全面的汉字拼音笔画 js 库
+### 🚀 功能全面、多端支持的汉字拼音笔画 js 库
 
 **<a href="#66-使用实例大全">快速上手</a> | [在线试用/文档](https://theajack.gitee.io/cnchar) | [更新日志](https://github.com/theajack/cnchar/blob/master/helper/version.md) | [应用:打字游戏](https://theajack.gitee.io/type/) | [反馈错误/缺漏](https://github.com/theajack/cnchar/issues/new)**
 

npm/poly/package.json

@@ -1,7 +1,7 @@
 {
     "name": "cnchar-poly",
     "version": "2.1.0",
-    "description": "好用小巧、功能全面的汉字拼音笔画js库，支持多音字、繁体字、火星文",
+    "description": "功能全面、多端支持的汉字拼音笔画js库，支持多音字、繁体字、火星文",
     "main": "index.js",
     "unpkg": "cnchar.poly.min.js",
     "jsdelivr": "cnchar.poly.min.js",

npm/trad/README.md

@@ -11,7 +11,7 @@
 <!--     <a href="https://www.github.com/theajack/cnchar"><img src="https://img.shields.io/librariesio/dependent-repos/npm/cnchar.svg" alt="Dependent"></a> -->
 </p>
 
-### 🚀 好用小巧、功能全面的汉字拼音笔画 js 库
+### 🚀 功能全面、多端支持的汉字拼音笔画 js 库
 
 **<a href="#66-使用实例大全">快速上手</a> | [在线试用/文档](https://theajack.gitee.io/cnchar) | [更新日志](https://github.com/theajack/cnchar/blob/master/helper/version.md) | [应用:打字游戏](https://theajack.gitee.io/type/) | [反馈错误/缺漏](https://github.com/theajack/cnchar/issues/new)**
 

npm/trad/package.json

@@ -1,7 +1,7 @@
 {
     "name": "cnchar-trad",
     "version": "2.1.0",
-    "description": "好用小巧、功能全面的汉字拼音笔画js库，支持多音字、繁体字、火星文",
+    "description": "功能全面、多端支持的汉字拼音笔画js库，支持多音字、繁体字、火星文",
     "main": "index.js",
     "unpkg": "cnchar.trad.min.js",
     "jsdelivr": "cnchar.trad.min.js",

package.json

@@ -1,7 +1,7 @@
 {
     "name": "cnchar",
     "version": "2.1.0",
-    "description": "好用小巧、功能全面的汉字拼音笔画js库，支持多音字、繁体字、火星文",
+    "description": "功能全面、多端支持的汉字拼音笔画js库，支持多音字、繁体字、火星文",
     "main": "index.html",
     "author": "theajack <contact@theajack.com>",
     "license": "MIT",
@@ -49,6 +49,7 @@
         "babel-eslint": "^10.0.3",
         "babel-loader": "^8.0.6",
         "chalk": "^3.0.0",
+        "easy-icon": "^1.0.2",
         "element-ui": "^2.10.1",
         "eslint": "^6.7.2",
         "eslint-loader": "^3.0.3",