docs(docs): 添加文档，i18n

Author: lljj-x

packages/demo/package.json

@@ -10,6 +10,7 @@
     },
     "dependencies": {
         "@lljj/vue-json-schema-form": "0.0.9",
+        "ajv-i18n": "^3.5.0",
         "vue": "^2.6.10"
     },
     "devDependencies": {

packages/docs/docs/zh/guide/README.md

@@ -16,13 +16,14 @@ yarn add @lljj/vue-json-schema-form
 <script src="//cdn.jsdelivr.net/npm/@lljj/vue-json-schema-form/dist/vueJsonSchemaForm.umd.min.js"></script>
 ```
 
-::: tip
-* 如果存在Vue 全局变量，会注册全局组件 `VueForm`
+::: tip 全局引入
+* 全局引入，会注册全局组件 `VueForm`
+* 暴露全局变量 `window.vueJsonSchemaForm`
 :::
 
 ## 展现形式
-通过schema生对应的form表单
-* schema `title` 属性作为formItem 标题
+通过 schema 生对应的form表单
+* schema `title` 属性作为 form表单的标题
 * schema `description` 属性作为表单的描述
 
 具体效果参见下面demo，点击显示代码可查看源代码或者在codepen运行

packages/docs/docs/zh/guide/i18n.md

@@ -1,6 +1,101 @@
 # 多语言支持
 
 ## 默认中文
+默认语言为中文，包含 表单内容多语言 和 ajv校验信息 两部分。
 
+## 配置多语言
+
+### 表单内容多语言
+
+* 配置默认`formFooter` 确认和取消按钮
+
+```js
+formFooter = {
+    okBtn: 'Save', // 确认按钮文字
+    cancelBtn: 'Cancel' // 取消按钮文字
+}
+```
+
+* 配置表单渲染多语言文案
+
+直接通过对应的 schema 配置即可，另外需要借助你项目本身提供的翻译方法实现。
+
+::: tip
+这里推荐所有需要多语言的文案都通过 `uiSchema` 配置
+
+这样可以保证 `schema` 为标准的json schema语法，方便需要后端统一校验的时候快速转换给后端使用。
+:::
+
+如：
+
+::: demo
+```html
+<template>
+    <vue-form
+        v-model="formData"
+        :schema="schema"
+        :form-footer="formFooter"
+        :ui-schema="uiSchema"
+    >
+    </vue-form>
+</template>
+<script>
+// 模拟语言包
+const transKeyMap = {
+    userName: 'Username'
+};
+
+// 模拟翻译方法
+const trans = key => transKeyMap[key] || `transKeyMap.${key}`;
+
+export default {
+    name: 'Demo',
+    data() {
+        return {
+            formData: {},
+            schema: {
+                type: 'object',
+                required: [
+                    'userName'
+                ],
+                properties: {
+                    userName: {
+                        type: 'string',
+                        title: '用户名'
+                    }
+                }
+            },
+            formFooter: {
+                okBtn: 'Save', // 确认按钮文字
+                cancelBtn: 'Cancel' // 取消按钮文字
+            },
+            uiSchema: {
+                userName: {
+                    'ui:options': {
+                        title: trans('userName')
+                    },
+                }
+            },
+        };
+    }
+};
+</script>
+```
+:::
+
+### 校验信息多语言
+schema校验使用 `ajv` ，`i18n` 直接使用 [ajv i18n](https://github.com/ajv-validator/ajv-i18n)
+
+```ssh
+npm install ajv-i18n
+```
+
+项目中导入你需要的语言：
+```js
+import localizeEn from 'ajv-i18n/localize/en';
+import { i18n } from '@lljj/vue-json-schema-form';
+
+// 设置使用语言
+i18n.useLocal(localizeEn);
+```
 
-## 配置多语言，底层校验错误使用 ajv i18n

yarn.lock

@@ -2824,6 +2824,11 @@ ajv-errors@^1.0.0:
   resolved "https://registry.yarnpkg.com/ajv-errors/-/ajv-errors-1.0.1.tgz#f35986aceb91afadec4102fbd85014950cefa64d"
   integrity sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==
 
+ajv-i18n@^3.5.0:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/ajv-i18n/-/ajv-i18n-3.5.0.tgz#63235ebc8779ac50cfa320aa123d93a0d6911b00"
+  integrity sha512-IR8uhRH0La4DweKHqBOVeoNo2prJ3bowWzGtNS3uDvYv5wKLgH/WQsoh6gHPVxTWXCGr+R+6I5vXDSXGAYnNPA==
+
 ajv-keywords@^3.1.0, ajv-keywords@^3.4.1:
   version "3.4.1"
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.4.1.tgz#ef916e271c64ac12171fd8384eaae6b2345854da"