max23
/
cnchar
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: docs

This commit is contained in:
theajack 2020-04-11 14:46:57 +08:00
parent 174703f929
commit 612303a675
31 changed files with 361 additions and 238 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -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)**

29
docs/.vuepress/components/demo/catButton/type_catButton.vue
View File

@ -2,25 +2,24 @@
<template>
<!-- 注意这里代码必须再包裹一层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>
<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>

164
docs/.vuepress/components/home.vue Normal file
View File

@ -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>

82
docs/.vuepress/components/jsbox.vue Normal file
View File

@ -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>

4
docs/.vuepress/config.js
View File

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

1
docs/.vuepress/enhanceApp.js
View File

@ -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';

2
docs/.vuepress/styles/palette.styl
View File

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

7
docs/README.md
View File

@ -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>

6
docs/guide/README.md
View File

@ -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) -->

240
docs/guide/start.md
View File

@ -1,212 +1,74 @@
## 安装
::: tip
**克隆项目**
git clone https://github.com/1011cat/shotCat_doc.git
**进入项目目录**
cd shotCat_doc
## 1. npm安装
**安装依赖**
npm install
**建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题**
npm install --registry=https://registry.npm.taobao.org
**启动服务**
npm run dev
浏览器访问 http://localhost:6868
:::
## 项目结构目录说明
安装[主库](https://npmjs.com/package/cnchar)：
```
|-- shotCat_doc
|-- 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
npm i cnchar
```
## 快速开始
### 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
在上面配置好的路径里docs/components/2.0/catButton.md，创建markdown文件。接着就可以愉快地编写button组件页面！
::: tip
```html
// docs/components/2.0/catButton.md
---
title: 2.0 Button 按钮
---
<!-- 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 lang='javascript'>
import cnchar from 'cnchar';
// 以下功能库请按需使用
import 'cnchar-poly';
import 'cnchar-order';
import 'cnchar-trad';
import 'cnchar-draw';
</highlight-code>
</baseComponent-codeBox>
</div>
<!-- 组件的参数表格,这里我没有使用自带的markdown表格，因为太丑，样式不好修改，有时参数描述较少时，不能自动撑满一行，所以自己写了一个组件；titile为表格标题，tableHead为表头，tableBody为具体参数设置，并且支持el-table的table参数 -->
<baseComponent-apiTable
title="Table Attributes"
:tableHead = "tableHead"
:tableBody = "tableBody">
</baseComponent-apiTable>
非浏览器环境中功能库需要使用use方法加载，且不支持 `cnchar-draw` 库：
<!-- Vssue为引入的评论插件 -->
<Vssue title="Vssue Demo" />
<div>
<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 | —`
],
}
},
}
</script>
## 2. cdn使用
<!-- 和vue一样，也可以设置样式，并且这里style样式只对当前md有效，不需要加上scoped -->
<style>
使用 script 标签使用：
</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组件展示，概括来说就是：
1. 配置侧边栏导航
2. 写示例代码
3. 对应的页面md
<el-button @click='openJsbox'> 测试</el-button>
更详细的配置和说明都在对应代码里。每个代码文件里，都有逐行的注释及防坑说明。
<jsbox ref='jsbox'></jsbox>
<baseComponent-star></baseComponent-star>
<script>
export default {
methods: {
openJsbox(){
this.$refs.jsbox.open()
}
}
}
</script>

8
docs/src/element.css Normal file
View File

@ -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;
}

1
docs/src/index.js
View File

@ -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

2
helper/README.md
View File

@ -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)**

2
index.html
View File

@ -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>

2
npm/all/README.md
View File

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

2
npm/all/package.json
View File

@ -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",

2
npm/cnchar/README.md
View File

@ -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)**

2
npm/cnchar/package.json
View File

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

2
npm/draw/README.md
View File

@ -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)**

2
npm/draw/package.json
View File

@ -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",

2
npm/hanzi-util-base/README.md
View File

@ -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/)
----

2
npm/hanzi-util-base/package.json
View File

@ -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",

2
npm/hanzi-util/README.md
View File

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

2
npm/hanzi-util/package.json
View File

@ -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",

2
npm/order/README.md
View File

@ -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)**

2
npm/order/package.json
View File

@ -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",

2
npm/poly/README.md
View File

@ -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)**

2
npm/poly/package.json
View File

@ -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",

2
npm/trad/README.md
View File

@ -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)**

2
npm/trad/package.json
View File

@ -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",

3
package.json
View File

@ -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",