feat(errorschema): errorSchema 支持直接配置在 uiSchema中

re #7

Author: lljj-x

packages/docs/docs/zh/guide/basic-config.md

@@ -98,7 +98,8 @@ export default {
 * 类型：`object`
 * 默认值：`{}`
 
-> `0.0.16` 之后版本支持配置 `uiSchema` 在 `schema` 参数中 [点击查看](#uischema配置在schema中)
+>* `0.0.16` 之后版本支持配置 `uiSchema` 在 `schema` 参数中 [点击查看](#uischema配置在schema中)
+>* `0.0.17` 之后版本支持配置 [errorSchema](#errorschema) 在 [uiSchema](#uischema) 中。（`uiSchema` 和 `errorSchema` 格式完全相同，且同属ui显示，一份可方便配置）
 
 用于配置表单展示样式，普通json数据，非 `JSON Schema` 规范
 
@@ -254,7 +255,8 @@ export default {
                     'ui:emptyValue': '',
                     'ui:options': {
                         attrs: {
-                            'autofocus': true
+                            autofocus: true,
+                            rows: 6,
                         },
                         style: {
                             boxShadow: '0 0 6px 2px #2b9939'
@@ -263,7 +265,6 @@ export default {
                             className_hei: true
                         },
                         type: 'textarea',
-                        rows: '6',
                         placeholder: '请输入你的内容'
                     }
                 },
@@ -284,7 +285,7 @@ export default {
 ::: warning 注意
 配置数据结构是和 `schema` 保持一致，而非 `formData` 一致
 
-比如：
+比如配置数组元素：
 ```js
 
 // schema
@@ -341,7 +342,8 @@ uiSchema = {
 * 类型：`object`
 * 默认值：`{}`
 
-> `0.0.16` 之后版本支持配置 `errorSchema` 在 `schema` 参数中 [点击查看](#errorschema配置在schema中)
+>* `0.0.16` 之后版本支持配置 `errorSchema` 在 `schema` 参数中 [点击查看](#errorschema配置在schema中)
+>* `0.0.17` 之后版本支持配置 [errorSchema](#errorschema) 在 [uiSchema](#uischema) 中。（`uiSchema` 和 `errorSchema` 格式完全相同，且同属ui显示，一份可方便配置）
 
 用于配置表单校验错误文案信息，普通json数据，非JSON Schema规范
 
@@ -370,6 +372,7 @@ errorSchema配置演示：重置表单错误信息
     <vue-form
         v-model="formData"
         :schema="schema"
+        :uiSchema="uiSchema"
         :error-schema="errorSchema"
     >
     </vue-form>
@@ -430,6 +433,13 @@ export default {
                     }
                 }
             },
+            uiSchema: {
+                bio: {
+                    'ui:type': 'textarea',
+                    'ui:placeholder': '请输入 ...',
+                    'err:required': '请输入（uiSchema中配置）',
+                },
+            },
             errorSchema: {
                 userName: {
                     'err:options': {

packages/lib/src/JsonSchemaForm/common/formUtils.js

@@ -186,9 +186,10 @@ export function getWidgetConfig({
 // 解析用户配置的 errorSchema options
 export function getUserErrOptions({
     schema = {},
+    uiSchema = {},
     errorSchema = {}
 }) {
-    return Object.assign({}, ...[schema, errorSchema].map(itemSchema => Object.keys(itemSchema)
+    return Object.assign({}, ...[schema, uiSchema, errorSchema].map(itemSchema => Object.keys(itemSchema)
         .filter(key => key.indexOf('err:') === 0)
         .reduce((options, key) => {
             const value = itemSchema[key];

packages/lib/src/JsonSchemaForm/common/schema/validate.js

@@ -150,6 +150,7 @@ export function ajvValidateFormData({
 export function validateFormDataAndTransformMsg({
     formData,
     schema,
+    uiSchema,
     transformErrors,
     additionalMetaSchemas = [],
     customFormats = {},
@@ -177,6 +178,7 @@ export function validateFormDataAndTransformMsg({
             // 用户设置校验信息
             const errSchemaMsg = getUserErrOptions({
                 schema,
+                uiSchema,
                 errorSchema
             }).required;
             if (errSchemaMsg) {
@@ -212,6 +214,7 @@ export function validateFormDataAndTransformMsg({
 
     const userErrOptions = getUserErrOptions({
         schema,
+        uiSchema,
         errorSchema
     });
 

packages/lib/src/JsonSchemaForm/fieldComponents/Widget.js

@@ -26,6 +26,10 @@ export default {
             type: Object,
             default: () => ({})
         },
+        uiSchema: {
+            type: Object,
+            default: () => ({})
+        },
         errorSchema: {
             type: Object,
             default: () => ({})
@@ -155,6 +159,7 @@ export default {
                                     const errors = validateFormDataAndTransformMsg({
                                         formData: value,
                                         schema: self.$props.schema,
+                                        uiSchema: self.$props.uiSchema,
                                         customFormats: self.$props.customFormats,
                                         errorSchema: self.errorSchema,
                                         required: self.required,

packages/lib/src/JsonSchemaForm/fields/ArrayField/index.js

@@ -208,6 +208,7 @@ export default {
                         if (key !== 'items') preVal[key] = value;
                         return preVal;
                     }, {}),
+                    uiSchema,
                     errorSchema: this.errorSchema,
                     curNodePath,
                     rootFormData

packages/lib/src/JsonSchemaForm/fields/ObjectField/index.js

@@ -96,6 +96,7 @@ export default {
                                     ) preVal[key] = value;
                                     return preVal;
                                 }, {}),
+                                uiSchema,
                                 errorSchema,
                                 curNodePath: props.curNodePath,
                                 rootFormData: props.rootFormData

packages/lib/src/JsonSchemaForm/fields/combiningSchemas/SelectLinkageField/index.js

@@ -171,6 +171,7 @@ export default {
 
             const userErrOptions = filterObject(getUserErrOptions({
                 schema: this.schema,
+                uiSchema: this.uiSchema,
                 errorSchema: this.errorSchema
             }), key => (key === this.combiningType ? undefined : `err:${key}`));
 
@@ -208,6 +209,7 @@ export default {
                 },
                 props: {
                     schema: this.schema,
+                    uiSchema: this.uiSchema,
                     errorSchema: this.errorSchema,
                     curNodePath: this.curNodePath,
                     rootFormData: this.rootFormData,