@blueking/bkui-form 0.0.21 → 0.0.23

package/dist/bkui-form-umd.js

@@ -465,6 +465,23 @@
     return obj;
   }
 
+  function _extends$1() {
+    _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+    return _extends$1.apply(this, arguments);
+  }
+
   function _objectWithoutPropertiesLoose(source, excluded) {
     if (source == null) return {};
     var target = {};
@@ -717,20 +734,6 @@
 
     return source;
   };
-  function intersection(arr1, arr2) {
-    return arr1.filter(function (item) {
-      return arr2.includes(item);
-    });
-  } // 最大公约数
-
-  function gcd(a, b) {
-    if (b === 0) return a;
-    return gcd(b, a % b);
-  } // 最小公倍数
-
-  function scm(a, b) {
-    return a * b / gcd(a, b);
-  } // 获取type对应的初始化值
 
   function initializationValue(type) {
     var defaultInitValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
@@ -1006,9 +1009,8 @@
   Registry.context = {};
   var registry = new Registry();
 
-  var _excluded$5 = ["allOf"],
-      _excluded2$1 = ["name"],
-      _excluded3 = ["name"];
+  var _excluded$6 = ["name"],
+      _excluded2$1 = ["name"];
 
   var Schema = /*#__PURE__*/function () {
     function Schema(rootSchema) {
@@ -1018,142 +1020,6 @@
     }
 
     _createClass(Schema, null, [{
-      key: "resolveAllOf",
-      value: function resolveAllOf(schema) {
-        var _schema$allOf,
-            _this = this;
-
-        var allOfSchema = _objectSpread2(_objectSpread2({}, schema), {}, {
-          allOf: (_schema$allOf = schema.allOf) === null || _schema$allOf === void 0 ? void 0 : _schema$allOf.map(function (item) {
-            return _this.resolveSchema(item);
-          })
-        });
-
-        try {
-          // const { allOf, ...reset } = allOfSchema;
-          return this.mergeSchemaAllOf();
-        } catch (e) {
-          console.warn(e);
-
-          allOfSchema.allOf;
-              var reset = _objectWithoutProperties(allOfSchema, _excluded$5);
-
-          return reset;
-        }
-      } // todo
-
-    }, {
-      key: "mergeSchemaAllOf",
-      value: function mergeSchemaAllOf() {
-        var _this2 = this;
-
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        if (args.length < 2) return args[0];
-        var preVal = {};
-        var copyArgs = [].concat(args);
-
-        var _loop = function _loop() {
-          var obj1 = isObj(copyArgs[0]) ? copyArgs[0] : {};
-          var obj2 = isObj(copyArgs[1]) ? copyArgs[1] : {};
-          preVal = Object.assign({}, obj1);
-          Object.keys(obj2).reduce(function (acc, key) {
-            var left = obj1[key];
-            var right = obj2[key]; // 左右一边为object
-
-            if (isObj(left) || isObj(right)) {
-              // 两边同时为object
-              if (isObj(left) && isObj(right)) {
-                acc[key] = _this2.mergeSchemaAllOf(left, right);
-              } else {
-                // 其中一边为 object
-                var _ref = isObj(left) ? [left, right] : [right, left],
-                    _ref2 = _slicedToArray(_ref, 2),
-                    objTypeData = _ref2[0],
-                    baseTypeData = _ref2[1];
-
-                if (key === 'additionalProperties') {
-                  acc[key] = baseTypeData === true ? objTypeData : false; // default false
-                } else {
-                  acc[key] = objTypeData;
-                }
-              } // 一边为array
-
-            } else if (Array.isArray(left) || Array.isArray(right)) {
-              // 同为数组取交集
-              if (Array.isArray(left) && Array.isArray(right)) {
-                // 数组里面嵌套对象不支持 因为我不知道该怎么合并
-                if (isObj(left[0]) || isObj(right[0])) {
-                  throw new Error('暂不支持如上数组对象元素合并');
-                } // 交集
-
-
-                var intersectionArray = intersection(_toConsumableArray(left), _toConsumableArray(right)); // 没有交集
-
-                if (intersectionArray.length <= 0) {
-                  throw new Error('无法合并如上数据');
-                }
-
-                if (intersectionArray.length === 0 && key === 'type') {
-                  // 自己取出值
-                  acc[key] = intersectionArray[0];
-                } else {
-                  acc[key] = intersectionArray;
-                }
-              } else {
-                // 其中一边为 Array
-                // 查找包含关系
-                var _ref3 = Array.isArray(left) ? [left, right] : [right, left],
-                    _ref4 = _slicedToArray(_ref3, 2),
-                    arrayTypeData = _ref4[0],
-                    _baseTypeData = _ref4[1]; // 空值直接合并另一边
-
-
-                if (_baseTypeData === undefined) {
-                  acc[key] = arrayTypeData;
-                } else {
-                  if (!arrayTypeData.includes(_baseTypeData)) {
-                    throw new Error('无法合并如下数据');
-                  }
-
-                  acc[key] = _baseTypeData;
-                }
-              }
-            } else if (left !== undefined && right !== undefined) {
-              // 两边都不是 undefined - 基础数据类型 string number boolean...
-              if (key === 'maxLength' || key === 'maximum' || key === 'maxItems' || key === 'exclusiveMaximum' || key === 'maxProperties') {
-                acc[key] = Math.min(left, right);
-              } else if (key === 'minLength' || key === 'minimum' || key === 'minItems' || key === 'exclusiveMinimum' || key === 'minProperties') {
-                acc[key] = Math.max(left, right);
-              } else if (key === 'multipleOf') {
-                // 获取最小公倍数
-                acc[key] = scm(left, right);
-              } else {
-                // if (left !== right) {
-                //     throw new Error('无法合并如下数据');
-                // }
-                acc[key] = left;
-              }
-            } else {
-              // 一边为undefined
-              acc[key] = left === undefined ? right : left;
-            }
-
-            return acc;
-          }, preVal); // 先进先出
-
-          copyArgs.splice(0, 2, preVal);
-        };
-
-        while (copyArgs.length >= 2) {
-          _loop();
-        }
-
-        return preVal;
-      }
-    }, {
       key: "resolveRef",
       value: function resolveRef() {}
     }, {
@@ -1167,9 +1033,7 @@
       value: function resolveSchema(schema) {
         if (!isObj(schema)) return {};
 
-        if (hasOwnProperty(schema, 'allOf')) {
-          schema = this.resolveAllOf(schema);
-        }
+        if (hasOwnProperty(schema, 'allOf')) ;
 
         if (hasOwnProperty(schema, '$ref')) ;
 
@@ -1179,7 +1043,7 @@
     }, {
       key: "getSchemaDefaultValue",
       value: function getSchemaDefaultValue(_schema) {
-        var _this3 = this;
+        var _this = this;
 
         var schema = isObj(_schema) ? _schema : {};
 
@@ -1191,7 +1055,7 @@
             return Object.keys(schema.properties || {}).reduce(function (pre, key) {
               var _schema$properties;
 
-              var defaultValue = _this3.getSchemaDefaultValue((_schema$properties = schema.properties) === null || _schema$properties === void 0 ? void 0 : _schema$properties[key]);
+              var defaultValue = _this.getSchemaDefaultValue((_schema$properties = schema.properties) === null || _schema$properties === void 0 ? void 0 : _schema$properties[key]);
 
               pre[key] = defaultValue;
               return pre;
@@ -1204,7 +1068,7 @@
             }
 
             return Array.isArray(schema.items) ? schema.items.map(function (item) {
-              return _this3.getSchemaDefaultValue(item);
+              return _this.getSchemaDefaultValue(item);
             }) : [];
         }
 
@@ -1229,14 +1093,45 @@
 
         return type;
       }
+    }, {
+      key: "getUiProps",
+      value: function getUiProps(props, schema) {
+        if (!props || !props.startsWith('ui:')) {
+          console.warn('ui props must start with ui:');
+        }
+
+        return schema[props] || {};
+      }
     }, {
       key: "getSchemaField",
       value: function getSchemaField(schema) {
+        var _schema$oneOf, _schema$anyOf;
+
         // 自定义Field组件
         var field = schema['ui:field'];
 
         if (field) {
           return field;
+        } // oneOf field
+
+
+        if ((_schema$oneOf = schema.oneOf) !== null && _schema$oneOf !== void 0 && _schema$oneOf.length) {
+          return {
+            name: registry.getField('composition'),
+            props: {
+              composition: 'oneOf'
+            }
+          };
+        } // anyOf field
+
+
+        if ((_schema$anyOf = schema.anyOf) !== null && _schema$anyOf !== void 0 && _schema$anyOf.length) {
+          return {
+            name: registry.getField('composition'),
+            props: {
+              composition: 'anyOf'
+            }
+          };
         } // default field
 
 
@@ -1282,9 +1177,9 @@
     }, {
       key: "getGroupWrap",
       value: function getGroupWrap(schema) {
-        var _ref5 = schema['ui:group'] || {},
-            name = _ref5.name,
-            groupVnode = _objectWithoutProperties(_ref5, _excluded2$1);
+        var _ref = schema['ui:group'] || {},
+            name = _ref.name,
+            groupVnode = _objectWithoutProperties(_ref, _excluded$6);
 
         return _objectSpread2(_objectSpread2({}, groupVnode), {}, {
           name: registry.getComponent(name) || name || registry.getComponent('group')
@@ -1293,9 +1188,9 @@
     }, {
       key: "getUiComponent",
       value: function getUiComponent(schema) {
-        var _ref6 = schema['ui:component'] || {},
-            name = _ref6.name,
-            vnodeData = _objectWithoutProperties(_ref6, _excluded3);
+        var _ref2 = schema['ui:component'] || {},
+            name = _ref2.name,
+            vnodeData = _objectWithoutProperties(_ref2, _excluded2$1);
 
         return _objectSpread2({
           name: registry.getComponent(name) || name
@@ -1304,6 +1199,8 @@
     }, {
       key: "getDefaultWidget",
       value: function getDefaultWidget(schema) {
+        var _schema$oneOf2, _schema$oneOf3, _schema$anyOf2, _schema$anyOf3;
+
         var type = this.getSchemaType(schema); // 默认转换策略
 
         var defaultComponent = null;
@@ -1318,6 +1215,14 @@
           defaultComponent = registry.getComponent('checkbox');
         }
 
+        if (_typeof(type) !== 'object' && ((_schema$oneOf2 = schema.oneOf) !== null && _schema$oneOf2 !== void 0 && _schema$oneOf2.length && (_schema$oneOf3 = schema.oneOf) !== null && _schema$oneOf3 !== void 0 && _schema$oneOf3.every(function (item) {
+          return item.const;
+        }) || (_schema$anyOf2 = schema.anyOf) !== null && _schema$anyOf2 !== void 0 && _schema$anyOf2.length && (_schema$anyOf3 = schema.anyOf) !== null && _schema$anyOf3 !== void 0 && _schema$anyOf3.every(function (item) {
+          return item.const;
+        }))) {
+          defaultComponent = registry.getComponent('select');
+        }
+
         if (defaultComponent) {
           return defaultComponent;
         } // 找不到对应组件就使用默认type对应的widget
@@ -1358,7 +1263,7 @@
 
         return _objectSpread2(_objectSpread2({}, options), {}, {
           // 0.1 兼容formItem设置 labelWidth 0 不生效问题
-          labelWidth: options.showTitle ? options.labelWidth || 150 : 0.1
+          labelWidth: options.showTitle ? options.labelWidth : 0.1
         });
       } // 当前属性是否被依赖
 
@@ -1369,9 +1274,6 @@
           return Array.isArray(data[1]) && data[1].includes(name);
         });
       }
-    }, {
-      key: "orderProps",
-      value: function orderProps() {}
     }, {
       key: "resolveDefaultDatasource",
       value: function resolveDefaultDatasource(schema) {
@@ -1381,20 +1283,52 @@
           return schema['ui:component'].props.datasource;
         }
 
-        var data = [];
-
         if (Array.isArray(schema.enum)) {
-          data = schema.enum;
-        } else if (Array.isArray((_schema$items2 = schema.items) === null || _schema$items2 === void 0 ? void 0 : _schema$items2.enum)) {
-          data = schema.items.enum || [];
+          var data = schema.enum;
+          return data.map(function (value) {
+            return {
+              value: value,
+              label: value
+            };
+          });
         }
 
-        return data.map(function (value) {
-          return {
-            value: value,
-            label: value
-          };
-        });
+        if (Array.isArray((_schema$items2 = schema.items) === null || _schema$items2 === void 0 ? void 0 : _schema$items2.enum)) {
+          var _data = schema.items.enum || [];
+
+          return _data.map(function (value) {
+            return {
+              value: value,
+              label: value
+            };
+          });
+        }
+
+        if (_typeof(schema.type) !== 'object' && schema.oneOf && schema.oneOf.every(function (item) {
+          return item.const;
+        })) {
+          var _data2 = schema.oneOf.map(function (item) {
+            return {
+              value: item.const,
+              label: item.title || item.const
+            };
+          });
+
+          return _data2;
+        }
+
+        if (_typeof(schema.type) !== 'object' && schema.anyOf && schema.anyOf.every(function (item) {
+          return item.const;
+        })) {
+          var _data3 = schema.anyOf.map(function (item) {
+            return {
+              value: item.const,
+              label: item.title || item.const
+            };
+          });
+
+          return _data3;
+        }
       }
     }]);
 
@@ -1652,7 +1586,7 @@
 
   Path.separator = '.';
 
-  var _excluded$4 = ["params", "responseType", "method", "headers", "responseParse"];
+  var _excluded$5 = ["params", "responseType", "method", "headers", "responseParse"];
   var methodsWithoutData = ['GET', 'HEAD', 'OPTIONS', 'DELETE'];
   var defaultConfig = {
     responseType: 'json',
@@ -1690,7 +1624,7 @@
           switch (_context.prev = _context.next) {
             case 0:
               config = _args.length > 1 && _args[1] !== undefined ? _args[1] : {};
-              _mergeDeep = mergeDeep(defaultConfig, config), params = _mergeDeep.params, _mergeDeep$responseTy = _mergeDeep.responseType, responseType = _mergeDeep$responseTy === void 0 ? 'json' : _mergeDeep$responseTy, _mergeDeep$method = _mergeDeep.method, method = _mergeDeep$method === void 0 ? 'GET' : _mergeDeep$method, _mergeDeep$headers = _mergeDeep.headers, headers = _mergeDeep$headers === void 0 ? {} : _mergeDeep$headers, responseParse = _mergeDeep.responseParse, reset = _objectWithoutProperties(_mergeDeep, _excluded$4);
+              _mergeDeep = mergeDeep(defaultConfig, config), params = _mergeDeep.params, _mergeDeep$responseTy = _mergeDeep.responseType, responseType = _mergeDeep$responseTy === void 0 ? 'json' : _mergeDeep$responseTy, _mergeDeep$method = _mergeDeep.method, method = _mergeDeep$method === void 0 ? 'GET' : _mergeDeep$method, _mergeDeep$headers = _mergeDeep.headers, headers = _mergeDeep$headers === void 0 ? {} : _mergeDeep$headers, responseParse = _mergeDeep.responseParse, reset = _objectWithoutProperties(_mergeDeep, _excluded$5);
               requestURL = url; // 处理参数
 
               if (methodsWithoutData.includes(method.toUpperCase())) {
@@ -1868,6 +1802,10 @@
       validator: function validator(value) {
         return ['value', 'custom'].includes(value);
       }
+    },
+    labelWidth: {
+      type: Number,
+      default: 150
     }
   };
 
@@ -1987,7 +1925,7 @@
     }
   });
 
-  var _excluded$3 = ["name"];
+  var _excluded$4 = ["name"];
   var ObjectField = Vue__default["default"].extend({
     name: 'ObjectField',
     functional: true,
@@ -2018,7 +1956,7 @@
 
       var _Schema$getGroupWrap = Schema.getGroupWrap(schema),
           name = _Schema$getGroupWrap.name,
-          vnodeData = _objectWithoutProperties(_Schema$getGroupWrap, _excluded$3); // todo: wrap组件不要透传ctx.data，不然会引起组件无限递归问题
+          vnodeData = _objectWithoutProperties(_Schema$getGroupWrap, _excluded$4); // todo: wrap组件不要透传ctx.data，不然会引起组件无限递归问题
 
 
       return h(name, mergeDeep({
@@ -2321,7 +2259,9 @@
           }
         }
 
-        delete this.widgetMap[path];
+        if (node.instance === instance) {
+          delete this.widgetMap[path];
+        }
       }
     }]);
 
@@ -9656,9 +9596,457 @@
 
   var Ajv = /*@__PURE__*/getDefaultExportFromCjs(ajv$1.exports);
 
+  var dist = {exports: {}};
+
+  var formats = {};
+
+  (function (exports) {
+  Object.defineProperty(exports, "__esModule", { value: true });
+  exports.formatNames = exports.fastFormats = exports.fullFormats = void 0;
+  function fmtDef(validate, compare) {
+      return { validate, compare };
+  }
+  exports.fullFormats = {
+      // date: http://tools.ietf.org/html/rfc3339#section-5.6
+      date: fmtDef(date, compareDate),
+      // date-time: http://tools.ietf.org/html/rfc3339#section-5.6
+      time: fmtDef(time, compareTime),
+      "date-time": fmtDef(date_time, compareDateTime),
+      // duration: https://tools.ietf.org/html/rfc3339#appendix-A
+      duration: /^P(?!$)((\d+Y)?(\d+M)?(\d+D)?(T(?=\d)(\d+H)?(\d+M)?(\d+S)?)?|(\d+W)?)$/,
+      uri,
+      "uri-reference": /^(?:[a-z][a-z0-9+\-.]*:)?(?:\/?\/(?:(?:[a-z0-9\-._~!$&'()*+,;=:]|%[0-9a-f]{2})*@)?(?:\[(?:(?:(?:(?:[0-9a-f]{1,4}:){6}|::(?:[0-9a-f]{1,4}:){5}|(?:[0-9a-f]{1,4})?::(?:[0-9a-f]{1,4}:){4}|(?:(?:[0-9a-f]{1,4}:){0,1}[0-9a-f]{1,4})?::(?:[0-9a-f]{1,4}:){3}|(?:(?:[0-9a-f]{1,4}:){0,2}[0-9a-f]{1,4})?::(?:[0-9a-f]{1,4}:){2}|(?:(?:[0-9a-f]{1,4}:){0,3}[0-9a-f]{1,4})?::[0-9a-f]{1,4}:|(?:(?:[0-9a-f]{1,4}:){0,4}[0-9a-f]{1,4})?::)(?:[0-9a-f]{1,4}:[0-9a-f]{1,4}|(?:(?:25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d\d?))|(?:(?:[0-9a-f]{1,4}:){0,5}[0-9a-f]{1,4})?::[0-9a-f]{1,4}|(?:(?:[0-9a-f]{1,4}:){0,6}[0-9a-f]{1,4})?::)|[Vv][0-9a-f]+\.[a-z0-9\-._~!$&'()*+,;=:]+)\]|(?:(?:25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d\d?)|(?:[a-z0-9\-._~!$&'"()*+,;=]|%[0-9a-f]{2})*)(?::\d*)?(?:\/(?:[a-z0-9\-._~!$&'"()*+,;=:@]|%[0-9a-f]{2})*)*|\/(?:(?:[a-z0-9\-._~!$&'"()*+,;=:@]|%[0-9a-f]{2})+(?:\/(?:[a-z0-9\-._~!$&'"()*+,;=:@]|%[0-9a-f]{2})*)*)?|(?:[a-z0-9\-._~!$&'"()*+,;=:@]|%[0-9a-f]{2})+(?:\/(?:[a-z0-9\-._~!$&'"()*+,;=:@]|%[0-9a-f]{2})*)*)?(?:\?(?:[a-z0-9\-._~!$&'"()*+,;=:@/?]|%[0-9a-f]{2})*)?(?:#(?:[a-z0-9\-._~!$&'"()*+,;=:@/?]|%[0-9a-f]{2})*)?$/i,
+      // uri-template: https://tools.ietf.org/html/rfc6570
+      "uri-template": /^(?:(?:[^\x00-\x20"'<>%\\^`{|}]|%[0-9a-f]{2})|\{[+#./;?&=,!@|]?(?:[a-z0-9_]|%[0-9a-f]{2})+(?::[1-9][0-9]{0,3}|\*)?(?:,(?:[a-z0-9_]|%[0-9a-f]{2})+(?::[1-9][0-9]{0,3}|\*)?)*\})*$/i,
+      // For the source: https://gist.github.com/dperini/729294
+      // For test cases: https://mathiasbynens.be/demo/url-regex
+      url: /^(?:https?|ftp):\/\/(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z0-9\u{00a1}-\u{ffff}]+-)*[a-z0-9\u{00a1}-\u{ffff}]+)(?:\.(?:[a-z0-9\u{00a1}-\u{ffff}]+-)*[a-z0-9\u{00a1}-\u{ffff}]+)*(?:\.(?:[a-z\u{00a1}-\u{ffff}]{2,})))(?::\d{2,5})?(?:\/[^\s]*)?$/iu,
+      email: /^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i,
+      hostname: /^(?=.{1,253}\.?$)[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?(?:\.[a-z0-9](?:[-0-9a-z]{0,61}[0-9a-z])?)*\.?$/i,
+      // optimized https://www.safaribooksonline.com/library/view/regular-expressions-cookbook/9780596802837/ch07s16.html
+      ipv4: /^(?:(?:25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d\d?)$/,
+      ipv6: /^((([0-9a-f]{1,4}:){7}([0-9a-f]{1,4}|:))|(([0-9a-f]{1,4}:){6}(:[0-9a-f]{1,4}|((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9a-f]{1,4}:){5}(((:[0-9a-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9a-f]{1,4}:){4}(((:[0-9a-f]{1,4}){1,3})|((:[0-9a-f]{1,4})?:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9a-f]{1,4}:){3}(((:[0-9a-f]{1,4}){1,4})|((:[0-9a-f]{1,4}){0,2}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9a-f]{1,4}:){2}(((:[0-9a-f]{1,4}){1,5})|((:[0-9a-f]{1,4}){0,3}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9a-f]{1,4}:){1}(((:[0-9a-f]{1,4}){1,6})|((:[0-9a-f]{1,4}){0,4}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(:(((:[0-9a-f]{1,4}){1,7})|((:[0-9a-f]{1,4}){0,5}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:)))$/i,
+      regex,
+      // uuid: http://tools.ietf.org/html/rfc4122
+      uuid: /^(?:urn:uuid:)?[0-9a-f]{8}-(?:[0-9a-f]{4}-){3}[0-9a-f]{12}$/i,
+      // JSON-pointer: https://tools.ietf.org/html/rfc6901
+      // uri fragment: https://tools.ietf.org/html/rfc3986#appendix-A
+      "json-pointer": /^(?:\/(?:[^~/]|~0|~1)*)*$/,
+      "json-pointer-uri-fragment": /^#(?:\/(?:[a-z0-9_\-.!$&'()*+,;:=@]|%[0-9a-f]{2}|~0|~1)*)*$/i,
+      // relative JSON-pointer: http://tools.ietf.org/html/draft-luff-relative-json-pointer-00
+      "relative-json-pointer": /^(?:0|[1-9][0-9]*)(?:#|(?:\/(?:[^~/]|~0|~1)*)*)$/,
+      // the following formats are used by the openapi specification: https://spec.openapis.org/oas/v3.0.0#data-types
+      // byte: https://github.com/miguelmota/is-base64
+      byte,
+      // signed 32 bit integer
+      int32: { type: "number", validate: validateInt32 },
+      // signed 64 bit integer
+      int64: { type: "number", validate: validateInt64 },
+      // C-type float
+      float: { type: "number", validate: validateNumber },
+      // C-type double
+      double: { type: "number", validate: validateNumber },
+      // hint to the UI to hide input strings
+      password: true,
+      // unchecked string payload
+      binary: true,
+  };
+  exports.fastFormats = {
+      ...exports.fullFormats,
+      date: fmtDef(/^\d\d\d\d-[0-1]\d-[0-3]\d$/, compareDate),
+      time: fmtDef(/^(?:[0-2]\d:[0-5]\d:[0-5]\d|23:59:60)(?:\.\d+)?(?:z|[+-]\d\d(?::?\d\d)?)?$/i, compareTime),
+      "date-time": fmtDef(/^\d\d\d\d-[0-1]\d-[0-3]\d[t\s](?:[0-2]\d:[0-5]\d:[0-5]\d|23:59:60)(?:\.\d+)?(?:z|[+-]\d\d(?::?\d\d)?)$/i, compareDateTime),
+      // uri: https://github.com/mafintosh/is-my-json-valid/blob/master/formats.js
+      uri: /^(?:[a-z][a-z0-9+\-.]*:)(?:\/?\/)?[^\s]*$/i,
+      "uri-reference": /^(?:(?:[a-z][a-z0-9+\-.]*:)?\/?\/)?(?:[^\\\s#][^\s#]*)?(?:#[^\\\s]*)?$/i,
+      // email (sources from jsen validator):
+      // http://stackoverflow.com/questions/201323/using-a-regular-expression-to-validate-an-email-address#answer-8829363
+      // http://www.w3.org/TR/html5/forms.html#valid-e-mail-address (search for 'wilful violation')
+      email: /^[a-z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?(?:\.[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?)*$/i,
+  };
+  exports.formatNames = Object.keys(exports.fullFormats);
+  function isLeapYear(year) {
+      // https://tools.ietf.org/html/rfc3339#appendix-C
+      return year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0);
+  }
+  const DATE = /^(\d\d\d\d)-(\d\d)-(\d\d)$/;
+  const DAYS = [0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+  function date(str) {
+      // full-date from http://tools.ietf.org/html/rfc3339#section-5.6
+      const matches = DATE.exec(str);
+      if (!matches)
+          return false;
+      const year = +matches[1];
+      const month = +matches[2];
+      const day = +matches[3];
+      return (month >= 1 &&
+          month <= 12 &&
+          day >= 1 &&
+          day <= (month === 2 && isLeapYear(year) ? 29 : DAYS[month]));
+  }
+  function compareDate(d1, d2) {
+      if (!(d1 && d2))
+          return undefined;
+      if (d1 > d2)
+          return 1;
+      if (d1 < d2)
+          return -1;
+      return 0;
+  }
+  const TIME = /^(\d\d):(\d\d):(\d\d)(\.\d+)?(z|[+-]\d\d(?::?\d\d)?)?$/i;
+  function time(str, withTimeZone) {
+      const matches = TIME.exec(str);
+      if (!matches)
+          return false;
+      const hour = +matches[1];
+      const minute = +matches[2];
+      const second = +matches[3];
+      const timeZone = matches[5];
+      return (((hour <= 23 && minute <= 59 && second <= 59) ||
+          (hour === 23 && minute === 59 && second === 60)) &&
+          (!withTimeZone || timeZone !== ""));
+  }
+  function compareTime(t1, t2) {
+      if (!(t1 && t2))
+          return undefined;
+      const a1 = TIME.exec(t1);
+      const a2 = TIME.exec(t2);
+      if (!(a1 && a2))
+          return undefined;
+      t1 = a1[1] + a1[2] + a1[3] + (a1[4] || "");
+      t2 = a2[1] + a2[2] + a2[3] + (a2[4] || "");
+      if (t1 > t2)
+          return 1;
+      if (t1 < t2)
+          return -1;
+      return 0;
+  }
+  const DATE_TIME_SEPARATOR = /t|\s/i;
+  function date_time(str) {
+      // http://tools.ietf.org/html/rfc3339#section-5.6
+      const dateTime = str.split(DATE_TIME_SEPARATOR);
+      return dateTime.length === 2 && date(dateTime[0]) && time(dateTime[1], true);
+  }
+  function compareDateTime(dt1, dt2) {
+      if (!(dt1 && dt2))
+          return undefined;
+      const [d1, t1] = dt1.split(DATE_TIME_SEPARATOR);
+      const [d2, t2] = dt2.split(DATE_TIME_SEPARATOR);
+      const res = compareDate(d1, d2);
+      if (res === undefined)
+          return undefined;
+      return res || compareTime(t1, t2);
+  }
+  const NOT_URI_FRAGMENT = /\/|:/;
+  const URI = /^(?:[a-z][a-z0-9+\-.]*:)(?:\/?\/(?:(?:[a-z0-9\-._~!$&'()*+,;=:]|%[0-9a-f]{2})*@)?(?:\[(?:(?:(?:(?:[0-9a-f]{1,4}:){6}|::(?:[0-9a-f]{1,4}:){5}|(?:[0-9a-f]{1,4})?::(?:[0-9a-f]{1,4}:){4}|(?:(?:[0-9a-f]{1,4}:){0,1}[0-9a-f]{1,4})?::(?:[0-9a-f]{1,4}:){3}|(?:(?:[0-9a-f]{1,4}:){0,2}[0-9a-f]{1,4})?::(?:[0-9a-f]{1,4}:){2}|(?:(?:[0-9a-f]{1,4}:){0,3}[0-9a-f]{1,4})?::[0-9a-f]{1,4}:|(?:(?:[0-9a-f]{1,4}:){0,4}[0-9a-f]{1,4})?::)(?:[0-9a-f]{1,4}:[0-9a-f]{1,4}|(?:(?:25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d\d?))|(?:(?:[0-9a-f]{1,4}:){0,5}[0-9a-f]{1,4})?::[0-9a-f]{1,4}|(?:(?:[0-9a-f]{1,4}:){0,6}[0-9a-f]{1,4})?::)|[Vv][0-9a-f]+\.[a-z0-9\-._~!$&'()*+,;=:]+)\]|(?:(?:25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d\d?)|(?:[a-z0-9\-._~!$&'()*+,;=]|%[0-9a-f]{2})*)(?::\d*)?(?:\/(?:[a-z0-9\-._~!$&'()*+,;=:@]|%[0-9a-f]{2})*)*|\/(?:(?:[a-z0-9\-._~!$&'()*+,;=:@]|%[0-9a-f]{2})+(?:\/(?:[a-z0-9\-._~!$&'()*+,;=:@]|%[0-9a-f]{2})*)*)?|(?:[a-z0-9\-._~!$&'()*+,;=:@]|%[0-9a-f]{2})+(?:\/(?:[a-z0-9\-._~!$&'()*+,;=:@]|%[0-9a-f]{2})*)*)(?:\?(?:[a-z0-9\-._~!$&'()*+,;=:@/?]|%[0-9a-f]{2})*)?(?:#(?:[a-z0-9\-._~!$&'()*+,;=:@/?]|%[0-9a-f]{2})*)?$/i;
+  function uri(str) {
+      // http://jmrware.com/articles/2009/uri_regexp/URI_regex.html + optional protocol + required "."
+      return NOT_URI_FRAGMENT.test(str) && URI.test(str);
+  }
+  const BYTE = /^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/gm;
+  function byte(str) {
+      BYTE.lastIndex = 0;
+      return BYTE.test(str);
+  }
+  const MIN_INT32 = -(2 ** 31);
+  const MAX_INT32 = 2 ** 31 - 1;
+  function validateInt32(value) {
+      return Number.isInteger(value) && value <= MAX_INT32 && value >= MIN_INT32;
+  }
+  function validateInt64(value) {
+      // JSON and javascript max Int is 2**53, so any int that passes isInteger is valid for Int64
+      return Number.isInteger(value);
+  }
+  function validateNumber() {
+      return true;
+  }
+  const Z_ANCHOR = /[^\\]\\Z/;
+  function regex(str) {
+      if (Z_ANCHOR.test(str))
+          return false;
+      try {
+          new RegExp(str);
+          return true;
+      }
+      catch (e) {
+          return false;
+      }
+  }
+
+  }(formats));
+
+  var limit = {};
+
+  (function (exports) {
+  Object.defineProperty(exports, "__esModule", { value: true });
+  exports.formatLimitDefinition = void 0;
+  const ajv_1 = ajv$1.exports;
+  const codegen_1 = codegen;
+  const ops = codegen_1.operators;
+  const KWDs = {
+      formatMaximum: { okStr: "<=", ok: ops.LTE, fail: ops.GT },
+      formatMinimum: { okStr: ">=", ok: ops.GTE, fail: ops.LT },
+      formatExclusiveMaximum: { okStr: "<", ok: ops.LT, fail: ops.GTE },
+      formatExclusiveMinimum: { okStr: ">", ok: ops.GT, fail: ops.LTE },
+  };
+  const error = {
+      message: ({ keyword, schemaCode }) => codegen_1.str `should be ${KWDs[keyword].okStr} ${schemaCode}`,
+      params: ({ keyword, schemaCode }) => codegen_1._ `{comparison: ${KWDs[keyword].okStr}, limit: ${schemaCode}}`,
+  };
+  exports.formatLimitDefinition = {
+      keyword: Object.keys(KWDs),
+      type: "string",
+      schemaType: "string",
+      $data: true,
+      error,
+      code(cxt) {
+          const { gen, data, schemaCode, keyword, it } = cxt;
+          const { opts, self } = it;
+          if (!opts.validateFormats)
+              return;
+          const fCxt = new ajv_1.KeywordCxt(it, self.RULES.all.format.definition, "format");
+          if (fCxt.$data)
+              validate$DataFormat();
+          else
+              validateFormat();
+          function validate$DataFormat() {
+              const fmts = gen.scopeValue("formats", {
+                  ref: self.formats,
+                  code: opts.code.formats,
+              });
+              const fmt = gen.const("fmt", codegen_1._ `${fmts}[${fCxt.schemaCode}]`);
+              cxt.fail$data(codegen_1.or(codegen_1._ `typeof ${fmt} != "object"`, codegen_1._ `${fmt} instanceof RegExp`, codegen_1._ `typeof ${fmt}.compare != "function"`, compareCode(fmt)));
+          }
+          function validateFormat() {
+              const format = fCxt.schema;
+              const fmtDef = self.formats[format];
+              if (!fmtDef || fmtDef === true)
+                  return;
+              if (typeof fmtDef != "object" ||
+                  fmtDef instanceof RegExp ||
+                  typeof fmtDef.compare != "function") {
+                  throw new Error(`"${keyword}": format "${format}" does not define "compare" function`);
+              }
+              const fmt = gen.scopeValue("formats", {
+                  key: format,
+                  ref: fmtDef,
+                  code: opts.code.formats ? codegen_1._ `${opts.code.formats}${codegen_1.getProperty(format)}` : undefined,
+              });
+              cxt.fail$data(compareCode(fmt));
+          }
+          function compareCode(fmt) {
+              return codegen_1._ `${fmt}.compare(${data}, ${schemaCode}) ${KWDs[keyword].fail} 0`;
+          }
+      },
+      dependencies: ["format"],
+  };
+  const formatLimitPlugin = (ajv) => {
+      ajv.addKeyword(exports.formatLimitDefinition);
+      return ajv;
+  };
+  exports.default = formatLimitPlugin;
+
+  }(limit));
+
+  (function (module, exports) {
+  Object.defineProperty(exports, "__esModule", { value: true });
+  const formats_1 = formats;
+  const limit_1 = limit;
+  const codegen_1 = codegen;
+  const fullName = new codegen_1.Name("fullFormats");
+  const fastName = new codegen_1.Name("fastFormats");
+  const formatsPlugin = (ajv, opts = { keywords: true }) => {
+      if (Array.isArray(opts)) {
+          addFormats(ajv, opts, formats_1.fullFormats, fullName);
+          return ajv;
+      }
+      const [formats, exportName] = opts.mode === "fast" ? [formats_1.fastFormats, fastName] : [formats_1.fullFormats, fullName];
+      const list = opts.formats || formats_1.formatNames;
+      addFormats(ajv, list, formats, exportName);
+      if (opts.keywords)
+          limit_1.default(ajv);
+      return ajv;
+  };
+  formatsPlugin.get = (name, mode = "full") => {
+      const formats = mode === "fast" ? formats_1.fastFormats : formats_1.fullFormats;
+      const f = formats[name];
+      if (!f)
+          throw new Error(`Unknown format "${name}"`);
+      return f;
+  };
+  function addFormats(ajv, list, fs, exportName) {
+      var _a;
+      var _b;
+      (_a = (_b = ajv.opts.code).formats) !== null && _a !== void 0 ? _a : (_b.formats = codegen_1._ `require("ajv-formats/dist/formats").${exportName}`);
+      for (const f of list)
+          ajv.addFormat(f, fs[f]);
+  }
+  module.exports = exports = formatsPlugin;
+  Object.defineProperty(exports, "__esModule", { value: true });
+  exports.default = formatsPlugin;
+
+  }(dist, dist.exports));
+
+  var addFormats = /*@__PURE__*/getDefaultExportFromCjs(dist.exports);
+
+  var zh = function localize_zh(errors) {
+    if (!(errors && errors.length)) return
+    for (const e of errors) {
+      let out;
+      switch (e.keyword) {
+        case "additionalItems":
+        case "items":
+          out = "";
+          var n = e.params.limit;
+          out += "不允许超过" + n + "个元素";
+          break
+        case "additionalProperties":
+          out = "不允许有额外的属性";
+          break
+        case "anyOf":
+          out = "数据应为 anyOf 所指定的其中一个";
+          break
+        case "const":
+          out = "应当等于常量";
+          break
+        case "contains":
+          out = "应当包含一个有效项";
+          break
+        case "dependencies":
+        case "dependentRequired":
+          out = "";
+          var n = e.params.depsCount;
+          out += "应当拥有属性" + e.params.property + "的依赖属性" + e.params.deps;
+          break
+        case "discriminator":
+          switch (e.params.error) {
+            case "tag":
+              out = '标签 "' + e.params.tag + '" 的类型必须为字符串';
+              break
+            case "mapping":
+              out = '标签 "' + e.params.tag + '" 的值必须在 oneOf 之中';
+              break
+            default:
+              out = '应当通过 "' + e.keyword + ' 关键词校验"';
+          }
+          break
+        case "enum":
+          out = "应当是预设定的枚举值之一";
+          break
+        case "false schema":
+          out = "布尔模式出错";
+          break
+        case "format":
+          out = '应当匹配格式 "' + e.params.format + '"';
+          break
+        case "formatMaximum":
+        case "formatExclusiveMaximum":
+          out = "";
+          var cond = e.params.comparison + " " + e.params.limit;
+          out += "应当是 " + cond;
+          break
+        case "formatMinimum":
+        case "formatExclusiveMinimum":
+          out = "";
+          var cond = e.params.comparison + " " + e.params.limit;
+          out += "应当是 " + cond;
+          break
+        case "if":
+          out = '应当匹配模式 "' + e.params.failingKeyword + '" ';
+          break
+        case "maximum":
+        case "exclusiveMaximum":
+          out = "";
+          var cond = e.params.comparison + " " + e.params.limit;
+          out += "应当为 " + cond;
+          break
+        case "maxItems":
+          out = "";
+          var n = e.params.limit;
+          out += "不应多于 " + n + " 个项";
+          break
+        case "maxLength":
+          out = "";
+          var n = e.params.limit;
+          out += "不应多于 " + n + " 个字符";
+          break
+        case "maxProperties":
+          out = "";
+          var n = e.params.limit;
+          out += "不应有多于 " + n + " 个属性";
+          break
+        case "minimum":
+        case "exclusiveMinimum":
+          out = "";
+          var cond = e.params.comparison + " " + e.params.limit;
+          out += "应当为 " + cond;
+          break
+        case "minItems":
+          out = "";
+          var n = e.params.limit;
+          out += "不应少于 " + n + " 个项";
+          break
+        case "minLength":
+          out = "";
+          var n = e.params.limit;
+          out += "不应少于 " + n + " 个字符";
+          break
+        case "minProperties":
+          out = "";
+          var n = e.params.limit;
+          out += "不应有少于 " + n + " 个属性";
+          break
+        case "multipleOf":
+          out = "应当是 " + e.params.multipleOf + " 的整数倍";
+          break
+        case "not":
+          out = '不应当匹配 "not" schema';
+          break
+        case "oneOf":
+          out = '只能匹配一个 "oneOf" 中的 schema';
+          break
+        case "pattern":
+          out = '应当匹配模式 "' + e.params.pattern + '"';
+          break
+        case "patternRequired":
+          out = "应当有属性匹配模式 " + e.params.missingPattern;
+          break
+        case "propertyNames":
+          out = "属性名 无效";
+          break
+        case "required":
+          out = "应当有必需属性 " + e.params.missingProperty;
+          break
+        case "type":
+          out = "应当是 " + e.params.type + " 类型";
+          break
+        case "unevaluatedItems":
+          out = "";
+          var n = e.params.len;
+          out += " 不允许有超过 " + n + " 个元素";
+          break
+        case "unevaluatedProperties":
+          out = "不允许存在未求值的属性";
+          break
+        case "uniqueItems":
+          out =
+            "不应当含有重复项 (第 " +
+            e.params.j +
+            " 项与第 " +
+            e.params.i +
+            " 项是重复的)";
+          break
+        default:
+          out = '应当通过 "' + e.keyword + ' 关键词校验"';
+      }
+      e.message = out;
+    }
+  };
+
   var ajv = new Ajv({
     strict: false
-  }); // 校验器 key
+  });
+  addFormats(ajv); // 校验器 key
 
   var VALIDATOR = 'validator';
   var OWN_RULE_PROPERTY = 'ui:rules';
@@ -9804,16 +10192,14 @@
     var schemaValid = schemaValidate(value);
 
     if (!schemaValid) {
-      var _schemaValidate$error, _schemaValidate$error2;
-
-      setWidgetErrorTips(path, true, (_schemaValidate$error = schemaValidate.errors) === null || _schemaValidate$error === void 0 ? void 0 : _schemaValidate$error.map(function (err) {
-        return err.message;
-      }));
+      zh(schemaValidate.errors);
+      var errorsText = ajv.errorsText(schemaValidate.errors, {
+        separator: '\n'
+      });
+      setWidgetErrorTips(path, true, errorsText);
       return {
         result: false,
-        message: (_schemaValidate$error2 = schemaValidate.errors) === null || _schemaValidate$error2 === void 0 ? void 0 : _schemaValidate$error2.map(function (err) {
-          return err.message;
-        }).join(','),
+        message: errorsText,
         path: path
       };
     } // 自定义规则校验
@@ -10035,7 +10421,7 @@
   }();
   var events = new FormEvent();
 
-  var _excluded$2 = ["url", "params"],
+  var _excluded$3 = ["url", "params"],
       _excluded2 = ["name"];
   var Widget = Vue__default["default"].extend({
     name: 'Widget',
@@ -10059,7 +10445,9 @@
         return widgetTree.widgetMap[this.path];
       },
       parent: function parent() {
-        return this.widgetNode.parent;
+        var _this$widgetNode;
+
+        return (_this$widgetNode = this.widgetNode) === null || _this$widgetNode === void 0 ? void 0 : _this$widgetNode.parent;
       }
     },
     watch: {
@@ -10141,7 +10529,7 @@
                     break;
                   }
 
-                  url = xhrConfig.url, params = xhrConfig.params, reset = _objectWithoutProperties(xhrConfig, _excluded$2);
+                  url = xhrConfig.url, params = xhrConfig.params, reset = _objectWithoutProperties(xhrConfig, _excluded$3);
                   _this3$httpAdapter = _this3.httpAdapter, _this3$httpAdapter$re = _this3$httpAdapter.request, http = _this3$httpAdapter$re === void 0 ? request : _this3$httpAdapter$re, responseParse = _this3$httpAdapter.responseParse;
                   _context.prev = 4;
                   _this3.loading = true;
@@ -10201,8 +10589,7 @@
         value: this.value
       });
 
-      var _self = this;
-
+      var self = this;
       var widgetName = registry.getComponent(name) || name || Schema.getDefaultWidget(this.schema);
       var widgetEvents = ((_events$callbacks = events.callbacks) === null || _events$callbacks === void 0 ? void 0 : _events$callbacks[this.path]) || {}; // 当前state属性优先级最高
 
@@ -10211,16 +10598,19 @@
       })) !== null && _this$$scopedSlots$de !== void 0 ? _this$$scopedSlots$de : h(widgetName, mergeDeep({
         props: _objectSpread2({}, widgetProps),
         attrs: _objectSpread2({}, uiVnodeData.props || {}),
+        class: {
+          pr20: this.removeable
+        },
         on: _objectSpread2(_objectSpread2({}, widgetEvents), {}, {
           input: [].concat(_toConsumableArray(widgetEvents.input || []), [function (value) {
             // 所有组件widget必须实现input事件，用于v-model时更新表单数据
-            _self.$emit('input', {
-              path: _self.path,
+            self.$emit('input', {
+              path: self.path,
               value: value
             });
           }]),
           click: function click() {
-            reactionDispatch(_self.path, 'effect/click');
+            reactionDispatch(self.path, 'effect/click');
           }
         })
       }, mergeDeep(uiVnodeData, {
@@ -10238,12 +10628,12 @@
         return h('span', {
           class: ['bk-schema-form-group-delete'],
           style: {
-            right: '-20px',
+            right: '0px',
             top: '0px'
           },
           on: {
             click: function click() {
-              _self.$emit('remove', _self.path);
+              self.$emit('remove', self.path);
             }
           }
         }, [h('i', {
@@ -10321,7 +10711,7 @@
     }
   });
 
-  var _excluded$1 = ["name"];
+  var _excluded$2 = ["name"];
 
   var ArrayWidget = Vue__default["default"].extend({
     name: 'ArrayWidget',
@@ -10334,13 +10724,14 @@
       handleFillItem: function handleFillItem() {
         var _this$schema$minItems = this.schema.minItems,
             minItems = _this$schema$minItems === void 0 ? 0 : _this$schema$minItems;
+        var valueLen = this.value ? this.value.length : 0;
 
-        if (this.value.length < minItems) {
+        if (valueLen < minItems) {
           var data = Schema.getSchemaDefaultValue(this.schema.items);
-          var remainData = new Array(minItems - this.value.length).fill(data);
+          var remainData = new Array(minItems - valueLen).fill(data);
           this.$emit('input', {
             path: this.path,
-            value: [].concat(_toConsumableArray(this.value), _toConsumableArray(remainData))
+            value: [].concat(_toConsumableArray(this.value || []), _toConsumableArray(remainData))
           });
         }
       },
@@ -10368,12 +10759,11 @@
     render: function render(h) {
       var _this = this;
 
-      var _self = this;
-
+      var self = this;
       var arrVnodeList = (Array.isArray(this.value) ? this.value : []).map(function (_, index) {
         var curPath = Path.getCurPath(_this.path, index);
         return h(SchemaField, {
-          key: curPath,
+          key: "".concat(curPath, "-").concat(_this.value.length),
           props: _objectSpread2(_objectSpread2({}, _this.$props), {}, {
             schema: _this.schema.items,
             path: curPath,
@@ -10385,7 +10775,7 @@
           }),
           on: _objectSpread2(_objectSpread2({}, _this.$listeners), {}, {
             remove: function remove(path) {
-              _self.handleDeleteItem(path);
+              self.handleDeleteItem(path);
             }
           })
         });
@@ -10393,7 +10783,7 @@
 
       var _Schema$getGroupWrap = Schema.getGroupWrap(this.schema),
           name = _Schema$getGroupWrap.name,
-          vnode = _objectWithoutProperties(_Schema$getGroupWrap, _excluded$1);
+          vnode = _objectWithoutProperties(_Schema$getGroupWrap, _excluded$2);
 
       return h(name, mergeDeep({
         props: _objectSpread2(_objectSpread2({}, this.$props), {}, {
@@ -10402,20 +10792,24 @@
 
         }),
         style: _objectSpread2({}, this.layout.item || {})
-      }, vnode), [].concat(_toConsumableArray(arrVnodeList), [h('span', {
+      }, vnode), [].concat(_toConsumableArray(arrVnodeList), [h(registry.getBaseWidget('form-item'), {
+        class: {
+          'bk-schema-form-item-auto-height': true
+        }
+      }, [h('span', {
         class: ['bk-schema-form-group-add'],
         on: {
           click: function click() {
-            _self.handleAddItem();
+            self.handleAddItem();
           }
         }
       }, [h('i', {
         class: ['bk-icon icon-plus-circle-shape mr5']
-      }), '添加'])]));
+      }), '添加'])])]));
     }
   });
 
-  var _excluded = ["name"];
+  var _excluded$1 = ["name"];
   var ArrayField = Vue__default["default"].extend({
     name: 'ArrayField',
     functional: true,
@@ -10445,7 +10839,7 @@
       if (Schema.isTupleArray(schema)) {
         var _Schema$getGroupWrap = Schema.getGroupWrap(schema),
             name = _Schema$getGroupWrap.name,
-            vnode = _objectWithoutProperties(_Schema$getGroupWrap, _excluded);
+            vnode = _objectWithoutProperties(_Schema$getGroupWrap, _excluded$1);
 
         var tupleVnodeList = schema.items.map(function (item, index) {
           return h(SchemaField, _objectSpread2(_objectSpread2({}, ctx.data), {}, {
@@ -10511,6 +10905,136 @@
     }
   });
 
+  var _excluded = ["name"];
+  var CompositionField = Vue__default["default"].extend({
+    name: 'CompositionField',
+    props: _objectSpread2(_objectSpread2({}, props), {}, {
+      composition: {
+        type: String,
+        default: 'oneOf',
+        validator: function validator(value) {
+          return ['oneOf', 'anyOf'].includes(value);
+        }
+      }
+    }),
+    data: function data() {
+      return {
+        activeIndex: -1
+      };
+    },
+    created: function created() {
+      var _this = this;
+
+      // 初始化默认 composition 选项
+      var compositionList = this.schema[this.composition] || []; // todo 没有required选项时回显不成功
+
+      var index = compositionList.findIndex(function (item) {
+        return ajv.validate(item, _this.value);
+      });
+      this.activeIndex = index > -1 ? index : 0;
+    },
+    render: function render(h) {
+      var _this2 = this,
+          _vnodeData$props;
+
+      var compositionList = this.schema[this.composition] || [];
+      var schemaList = compositionList.map(function (item) {
+        var data = mergeDeep({}, _this2.schema, item);
+        delete data[_this2.composition];
+        return data;
+      });
+
+      var _Schema$getUiProps = Schema.getUiProps("ui:".concat(this.composition), this.schema),
+          _Schema$getUiProps$na = _Schema$getUiProps.name,
+          com = _Schema$getUiProps$na === void 0 ? 'radio' : _Schema$getUiProps$na,
+          vnodeData = _objectWithoutProperties(_Schema$getUiProps, _excluded);
+
+      var isConst = _typeof(this.schema.type) !== 'object' && schemaList.every(function (item) {
+        return item.const;
+      });
+
+      if (isConst) {
+        // 全是常量
+        return h(Widget, {
+          props: _objectSpread2({}, this.$props),
+          scopedSlots: _objectSpread2({}, this.$scopedSlots),
+          on: _objectSpread2({}, this.$listeners)
+        });
+      }
+
+      var _Schema$getUiProps2 = Schema.getUiProps('ui:composition', this.schema),
+          compositionVnodeData = _extends$1({}, _Schema$getUiProps2);
+
+      return h(registry.getComponent('group'), mergeDeep({
+        props: _objectSpread2(_objectSpread2({}, this.$props), {}, {
+          rootData: this.rootData,
+          schema: this.schema,
+          value: Path.getPathVal(this.rootData, this.path),
+          path: this.path
+        }),
+        on: {
+          remove: function remove() {
+            _this2.$emit('remove', _this2.path);
+          }
+        }
+      }, compositionVnodeData), [// anyOf component
+      h(registry.getBaseWidget('form-item'), {
+        props: {
+          label: (_vnodeData$props = vnodeData.props) === null || _vnodeData$props === void 0 ? void 0 : _vnodeData$props.title
+        }
+      }, [h(registry.getComponent(com), mergeDeep({
+        props: {
+          value: this.activeIndex,
+          datasource: schemaList.map(function (item, index) {
+            return {
+              label: item.title || '',
+              value: index
+            };
+          })
+        },
+        attrs: {
+          clearable: false
+        },
+        on: {
+          input: function input(index) {
+            _this2.activeIndex = index; // todo 删除其他 composition 字段
+
+            if (isObj(_this2.value)) {
+              var newValue = JSON.parse(JSON.stringify(_this2.value));
+
+              var _props = compositionList.filter(function (_, index) {
+                return index !== _this2.activeIndex;
+              }).reduce(function (pre, item) {
+                var _item$properties = item.properties,
+                    properties = _item$properties === void 0 ? {} : _item$properties;
+                pre.push.apply(pre, _toConsumableArray(Object.keys(properties)));
+                return pre;
+              }, []);
+
+              _props.forEach(function (prop) {
+                delete newValue[prop];
+              });
+
+              _this2.$emit('input', {
+                path: _this2.path,
+                value: newValue
+              });
+            }
+          }
+        }
+      }, vnodeData || {}))]), // schema
+      h(SchemaField, {
+        key: this.activeIndex,
+        props: _objectSpread2(_objectSpread2({}, this.$props), {}, {
+          removeable: false,
+          schema: schemaList[this.activeIndex]
+        }),
+        scopedSlots: _objectSpread2({}, this.$scopedSlots),
+        on: _objectSpread2({}, this.$listeners)
+      })]);
+    }
+  });
+
   var CheckboxWidget = Vue__default["default"].extend({
     name: 'CheckboxWidget',
     props: {
@@ -10603,8 +11127,18 @@
           key: item.value,
           props: {
             name: item.label,
-            id: item.value
-          }
+            id: item.value,
+            disabled: item.disabled
+          },
+          directives: [{
+            name: 'bk-tooltips',
+            value: {
+              content: item.tips,
+              disabled: !item.tips,
+              placement: 'right',
+              boundary: 'window'
+            }
+          }]
         });
       }));
     }
@@ -10674,13 +11208,12 @@
       }
     },
     render: function render(h) {
-      var _self = this;
-
+      var self = this;
       return h(registry.getBaseWidget('button'), {
         props: _objectSpread2({}, this.$attrs),
         on: {
           click: function click() {
-            _self.handleClick();
+            self.handleClick();
           }
         }
       }, this.word);
@@ -10783,7 +11316,7 @@
 
       });
 
-      var _self = this;
+      var self = this;
 
       var renderDelete = function renderDelete() {
         return h('span', {
@@ -10794,7 +11327,7 @@
           },
           on: {
             click: function click() {
-              _self.$emit('remove', _self.path);
+              self.$emit('remove', self.path);
             }
           }
         }, [h('i', {
@@ -10892,7 +11425,7 @@
 
       });
 
-      var _self = this;
+      var self = this;
 
       var dealSchema = function dealSchema(schema) {
         return (// 处理当前控件默认Schema配置逻辑
@@ -10927,7 +11460,7 @@
           }),
           on: {
             input: function input(data) {
-              _self.handleInput(data);
+              self.handleInput(data);
             }
           },
           style: {
@@ -11023,14 +11556,13 @@
         title: this.schema.title
       });
 
-      var _self = this;
-
+      var self = this;
       var properties = orderProperties(Object.keys(((_this$schema = this.schema) === null || _this$schema === void 0 ? void 0 : _this$schema.properties) || {}), this.schema['ui:order']);
       return h(FieldGroupWrap, {
         props: _objectSpread2({}, groupWrapProps),
         on: {
           remove: function remove(path) {
-            _self.$emit('remove', path);
+            self.$emit('remove', path);
           }
         }
       }, [h(registry.getBaseWidget('tab'), {}, properties.map(function (key) {
@@ -11160,9 +11692,7 @@
           on: _objectSpread2({}, _this.$listeners)
         })])]);
       });
-
-      var _self = this;
-
+      var self = this;
       return h(FieldGroupWrap, {
         props: _objectSpread2({}, groupWrapProps)
       }, [h(registry.getBaseWidget('collapse'), {
@@ -11172,7 +11702,7 @@
         },
         on: {
           input: function input(actives) {
-            _self.activeName = actives;
+            self.activeName = actives;
           }
         }
       }, collapseItems)]);
@@ -11320,7 +11850,8 @@
       boolean: BooleanField,
       null: '',
       integer: NumberField,
-      number: NumberField
+      number: NumberField,
+      composition: CompositionField
     }
   };
   function createForm() {
@@ -11345,6 +11876,7 @@
       },
       watch: {
         schema: function schema() {
+          this.validateSchema(this.schema);
           this.initFormData();
         },
         context: {
@@ -11392,13 +11924,13 @@
         validateSchema: validateSchema
       },
       render: function render(h) {
-        var _self = this;
-
+        var self = this;
         return h(registry.getBaseWidget('form'), {
           ref: 'bkui-form',
           props: {
             model: this.value,
-            formType: this.formType
+            formType: this.formType,
+            labelWidth: this.labelWidth
           },
           class: {
             'bk-schema-form': true
@@ -11421,14 +11953,13 @@
                   value = _ref.value;
 
               if (!path) {
-                console.warn('widget path is empty');
-                return;
-              } // 双向绑定逻辑
-
-
-              var newValue = Path.setPathValue(_self.rootData, path, value);
-
-              _self.emitFormValueChange(newValue, _self.value);
+                // console.warn('set rootData');
+                self.emitFormValueChange(value, self.value);
+              } else {
+                // 双向绑定逻辑
+                var newValue = Path.setPathValue(self.rootData, path, value);
+                self.emitFormValueChange(newValue, self.value);
+              }
             }
           }
         })]);