docs: 修改 readme

Author: lljj-x

README.md

@@ -1,22 +1,20 @@
 # vue-json-schema-form
-Quickly building HTML form based on `Vue`, `Json Schema` and `ElementUi`.
+基于 `Vue`、`ElementUi`、`Json Schema` 快速构建一个带完整校验的form表单.
 
-* [中文文档（推荐）](https://github.com/lljj-x/vue-json-schema-form/blob/master/README_zh-cn.md)
-
-## Experience quickly
-* [Live playground](https://form.lljj.me/ "Vue JSON Schema Form Demo")
-* [Document](https://vue-json-schema-form.lljj.me/en/ "Vue JSON Schema Docs")
-* [Github](https://github.com/lljj-x/vue-json-schema-form "Vue JSON Schema github")
-* [Usage scenario - visual activity editor](https://form.lljj.me/vue-editor.html)
-* [Todo](https://vue-json-schema-form.lljj.me/en/guide/todo.html)
+## 快速体验
+* [演示demo](https://form.lljj.me/ "Vue JSON Schema Form Demo")
+* [查看文档](https://vue-json-schema-form.lljj.me/ "Vue JSON Schema Docs")
+* [源代码](https://github.com/lljj-x/vue-json-schema-form "Vue JSON Schema github")
+* [使用场景 - 可视化活动编辑器（H5活动编辑器）](https://form.lljj.me/vue-editor.html)
+* [不支持部分和更新计划](https://vue-json-schema-form.lljj.me/zh/guide/todo.html)
 
 ![](https://7.luochongfei.top/vue-json-schema-form.gif?1)
 
 ``` bash
-# npm
+# 安装
 npm install --save @lljj/vue-json-schema-form
 
-# yarn
+# 或者：
 yarn add @lljj/vue-json-schema-form
 ```
 
@@ -30,6 +28,7 @@ yarn add @lljj/vue-json-schema-form
 </template>
 
 <script >
+    //  使用
     import VueForm from '@lljj/vue-json-schema-form';
 
     export default {
@@ -63,39 +62,39 @@ yarn add @lljj/vue-json-schema-form
 </script>
 ```
 
-## Run demo
+## 运行Demo
 ```ssh
-# Install
+# 安装依赖
 yarn install
 
-# Run (Run form editor and activity editor at the same time)
-# Form editor http://127.0.0.1:8800/
-# Activity editor http://127.0.0.1:8800/vue-editor.html
+# 运行demo页 （同时运行表单编辑器和活动编辑器）
+# （formEditr）表单编辑器 http://127.0.0.1:8800/
+# （H5）活动编辑器 http://127.0.0.1:8800/vue-editor.html
 yarn run demo:dev
 
-# Only run form editor
+# 只运行（formEditr）表单编辑器
 yarn run demo:dev --dir=index
 
-# Only run activity editor
+# 只运行（H5）活动编辑器
 yarn run demo:dev --dir=vue-editor
 
 ```
 
-### Description
-* Follow the JSON Schema specification, only need to give the `Json Schema`, you can generate the corresponding form
-* Quickly configure personalized UI views and check error messages, which can be adapted to commonly used UI libraries. The default view of the current version depends on `ElementUi`.
-* Uses the [ajv validator](https://github.com/epoberezkin/ajv)
-* Design ideas and reference to the schema analysis index [react-jsonschema-form](https://github.com/rjsf-team/react-jsonschema-form)
+### 说明
+* 遵循 `JSON Schema` 规范，只需要给定 `Json Schema`，即可生成对应的form表单
+* 快速配置个性化ui视图和校验错误信息，可适配常用的ui库，目前的版本默认视图依赖 `elementUi`，后续版本会解耦开来，可通过配置适配ElementUi，iView 或者你自己开发的组件库等
+* 表单schema校验使用  [ajv](https://github.com/epoberezkin/ajv)
+* 设计思想和对schema解析索引参考 [react-jsonschema-form](https://github.com/rjsf-team/react-jsonschema-form)
 
-## Relevant
+## 相关资料
 [JSON Schema](https://json-schema.org/understanding-json-schema/index.html) |
 [Vue](https://cn.vuejs.org/) |
 [Element Ui](https://element.eleme.io/)
 
-### Why
-Originated from shop decoration scenes, it can also be called front-end visual editing. In order to solve the universality of the component data configuration form, the form is generated through `Json Schema`.
+### 为何开发
+原本是在很久前公司流产的项目类似淘宝店铺装修，也可以叫做前端可视化编辑。为了解决数据配置表单的通用性，所以使用 `Json Schema` 描述数据结构，动态生成表单。
 
-The advantage of this is to solve the repetitive work of each configuration form, and the server can also maintain the same verification rules as the front-end based on the same schema.
+这样做的好处除了解决在每个配置表单的重复工作，服务端也可以基于同一份schema保持和前端一致的校验规则，不过对于使用 vue elementUi并未找到合适库可以直接使用，所以在后面一段时间决定自己实现一个 。
 
 ## License
 Apache-2.0

README_en.md

@@ -0,0 +1,99 @@
+# vue-json-schema-form
+Quickly building HTML form based on `Vue`, `Json Schema` and `ElementUi`.
+
+## Experience quickly
+* [Live playground](https://form.lljj.me/ "Vue JSON Schema Form Demo")
+* [Document](https://vue-json-schema-form.lljj.me/en/ "Vue JSON Schema Docs")
+* [Github](https://github.com/lljj-x/vue-json-schema-form "Vue JSON Schema github")
+* [Usage scenario - visual activity editor](https://form.lljj.me/vue-editor.html)
+* [Todo](https://vue-json-schema-form.lljj.me/en/guide/todo.html)
+
+![](https://7.luochongfei.top/vue-json-schema-form.gif?1)
+
+``` bash
+# npm
+npm install --save @lljj/vue-json-schema-form
+
+# yarn
+yarn add @lljj/vue-json-schema-form
+```
+
+```vue
+<template>
+    <VueForm
+        v-model="formData"
+        :schema="schema"
+    >
+    </VueForm>
+</template>
+
+<script >
+    import VueForm from '@lljj/vue-json-schema-form';
+
+    export default {
+        name: 'Demo',
+        components: {
+            VueForm
+        },
+        data() {
+            return {
+                formData: {},
+                schema: {
+                    type: 'object',
+                    required: [
+                        'firstName'
+                    ],
+                    properties: {
+                        firstName: {
+                            type: 'string',
+                            title: 'First name',
+                            default: 'Jun'
+                        },
+                        lastName: {
+                            type: 'string',
+                            title: 'Last name'
+                        },
+                    }
+                }
+            };
+        }
+    };
+</script>
+```
+
+## Run demo
+```ssh
+# Install
+yarn install
+
+# Run (Run form editor and activity editor at the same time)
+# Form editor http://127.0.0.1:8800/
+# Activity editor http://127.0.0.1:8800/vue-editor.html
+yarn run demo:dev
+
+# Only run form editor
+yarn run demo:dev --dir=index
+
+# Only run activity editor
+yarn run demo:dev --dir=vue-editor
+
+```
+
+### Description
+* Follow the JSON Schema specification, only need to give the `Json Schema`, you can generate the corresponding form
+* Quickly configure personalized UI views and check error messages, which can be adapted to commonly used UI libraries. The default view of the current version depends on `ElementUi`.
+* Uses the [ajv validator](https://github.com/epoberezkin/ajv)
+* Design ideas and reference to the schema analysis index [react-jsonschema-form](https://github.com/rjsf-team/react-jsonschema-form)
+
+## Relevant
+[JSON Schema](https://json-schema.org/understanding-json-schema/index.html) |
+[Vue](https://cn.vuejs.org/) |
+[Element Ui](https://element.eleme.io/)
+
+### Why
+Originated from shop decoration scenes, it can also be called front-end visual editing. In order to solve the universality of the component data configuration form, the form is generated through `Json Schema`.
+
+The advantage of this is to solve the repetitive work of each configuration form, and the server can also maintain the same verification rules as the front-end based on the same schema.
+
+## License
+Apache-2.0