@teamix/pro 1.2.0 → 1.2.5

package/dist/pro.js

@@ -1147,12 +1147,12 @@ function usePaginated(service, options) {
     var tempTotalPage = Math.ceil(total / toPageSize);
 
     if (toCurrent > tempTotalPage) {
-      toCurrent = tempTotalPage;
+      toCurrent = Math.max(1, tempTotalPage);
     }
 
     runChangePagination({
-      current: c,
-      pageSize: p
+      current: toCurrent,
+      pageSize: toPageSize
     });
   }, [total, runChangePagination]);
   var changeCurrent = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (c) {
@@ -3191,8 +3191,9 @@ function (_super) {
   });
   Object.defineProperty(Field.prototype, "required", {
     get: function get() {
-      return (0,_formily_validator__WEBPACK_IMPORTED_MODULE_1__/* .parseValidatorDescriptions */ .oM)(this.validator).some(function (desc) {
-        return desc.required;
+      var validators = (0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isArr */ .H1)(this.validator) ? this.validator : (0,_formily_validator__WEBPACK_IMPORTED_MODULE_1__/* .parseValidatorDescriptions */ .oM)(this.validator);
+      return validators.some(function (desc) {
+        return !!(desc === null || desc === void 0 ? void 0 : desc['required']);
       });
     },
     set: function set(required) {
@@ -5266,6 +5267,7 @@ var queryFeedbacks = function queryFeedbacks(field, search) {
   });
 };
 var queryFeedbackMessages = function queryFeedbackMessages(field, search) {
+  if (!field.feedbacks.length) return [];
   return queryFeedbacks(field, search).reduce(function (buf, info) {
     return (0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isEmpty */ .xb)(info.messages) ? buf : buf.concat(info.messages);
   }, []);
@@ -5307,6 +5309,10 @@ var updateFeedback = function updateFeedback(field, feedback) {
   });
 };
 var validateToFeedbacks = function validateToFeedbacks(field, triggerType) {
+  if (triggerType === void 0) {
+    triggerType = 'onInput';
+  }
+
   return __awaiter(void 0, void 0, void 0, function () {
     var results;
     return __generator(this, function (_a) {
@@ -5343,46 +5349,29 @@ var validateToFeedbacks = function validateToFeedbacks(field, triggerType) {
   });
 };
 var setValidatorRule = function setValidatorRule(field, name, value) {
-  var _a, _b;
+  var _a;
 
   if (!(0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isValid */ .JY)(value)) return;
-  var hasRule = (0,_formily_validator__WEBPACK_IMPORTED_MODULE_1__/* .parseValidatorDescriptions */ .oM)(field.validator).some(function (desc) {
+  var validators = (0,_formily_validator__WEBPACK_IMPORTED_MODULE_1__/* .parseValidatorDescriptions */ .oM)(field.validator);
+  var hasRule = validators.some(function (desc) {
     return name in desc;
   });
   var rule = (_a = {}, _a[name] = value, _a);
 
   if (hasRule) {
-    if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isArr */ .H1)(field.validator)) {
-      field.validator = field.validator.map(function (desc) {
-        if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isPlainObj */ .Uk)(desc) && hasOwnProperty.call(desc, name)) {
-          desc[name] = value;
-          return desc;
-        }
-
+    field.validator = validators.map(function (desc) {
+      if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isPlainObj */ .Uk)(desc) && hasOwnProperty.call(desc, name)) {
+        desc[name] = value;
         return desc;
-      });
-    } else if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isPlainObj */ .Uk)(field.validator)) {
-      field.validator[name] = value;
-    } else {
-      field.validator = (_b = {}, _b[name] = value, _b);
-    }
-  } else {
-    if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isArr */ .H1)(field.validator)) {
-      if (name === 'required') {
-        field.validator.unshift(rule);
-      } else {
-        field.validator.push(rule);
       }
+
+      return desc;
+    });
+  } else {
+    if (name === 'required') {
+      field.validator = [rule].concat(validators);
     } else {
-      if (name === 'required') {
-        field.validator = [rule, field.validator];
-      } else if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isPlainObj */ .Uk)(field.validator)) {
-        field.validator[name] = value;
-      } else if (field.validator) {
-        field.validator = [field.validator, rule];
-      } else {
-        field.validator = rule;
-      }
+      field.validator = validators.concat(rule);
     }
   }
 };
@@ -8013,6 +8002,7 @@ var setSchemaFieldState = function setSchemaFieldState(options, demand) {
   var _a = options || {},
       request = _a.request,
       target = _a.target,
+      runner = _a.runner,
       field = _a.field,
       scope = _a.scope;
 
@@ -8034,6 +8024,14 @@ var setSchemaFieldState = function setSchemaFieldState(options, demand) {
         }), demand);
       });
     }
+
+    if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .isStr */ .d8)(runner) && runner) {
+      field.form.setFieldState(target, function (state) {
+        (0,_compiler__WEBPACK_IMPORTED_MODULE_3__/* .shallowCompile */ .eC)("{{function(){".concat(runner, "}}}"), __assign(__assign({}, scope), {
+          $target: state
+        }))();
+      });
+    }
   } else {
     if (request.state) {
       field.setState(function (state) {
@@ -8046,6 +8044,10 @@ var setSchemaFieldState = function setSchemaFieldState(options, demand) {
         return (0,_compiler__WEBPACK_IMPORTED_MODULE_3__/* .patchSchemaCompile */ .Nc)(state, request.schema, scope, demand);
       });
     }
+
+    if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .isStr */ .d8)(runner) && runner) {
+      (0,_compiler__WEBPACK_IMPORTED_MODULE_3__/* .shallowCompile */ .eC)("{{function(){".concat(runner, "}}}"), scope)();
+    }
   }
 };
 
@@ -8093,10 +8095,10 @@ var getBaseReactions = function getBaseReactions(schema, options) {
 };
 
 var getUserReactions = function getUserReactions(schema, options) {
-  return function (field) {
-    var reactions = (0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .toArr */ ._K)(schema['x-reactions']);
-    var baseScope = getBaseScope(field, options);
-    reactions.forEach(function (unCompiled) {
+  var reactions = (0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .toArr */ ._K)(schema['x-reactions']);
+  return reactions.map(function (unCompiled) {
+    return function (field) {
+      var baseScope = getBaseScope(field, options);
       var reaction = (0,_compiler__WEBPACK_IMPORTED_MODULE_3__/* .shallowCompile */ .eC)(unCompiled, baseScope);
       if (!reaction) return;
 
@@ -8128,12 +8130,9 @@ var getUserReactions = function getUserReactions(schema, options) {
           field: field,
           target: target,
           request: request,
+          runner: runner,
           scope: scope
         });
-
-        if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .isStr */ .d8)(runner)) {
-          (0,_compiler__WEBPACK_IMPORTED_MODULE_3__/* .shallowCompile */ .eC)("{{function(){".concat(runner, "}}}"), scope)();
-        }
       };
 
       if (target) {
@@ -8153,14 +8152,14 @@ var getUserReactions = function getUserReactions(schema, options) {
       } else {
         run();
       }
-    });
-  };
+    };
+  });
 };
 
 var transformFieldProps = function transformFieldProps(schema, options) {
   return {
     name: schema.name,
-    reactions: [getBaseReactions(schema, options), getUserReactions(schema, options)]
+    reactions: [getBaseReactions(schema, options)].concat(getUserReactions(schema, options))
   };
 };
 
@@ -9855,17 +9854,17 @@ var isEqual = function isEqual(a, b) {
     var arrA = isArray(a);
     var arrB = isArray(b);
     var i = void 0;
-    var length_1;
+    var length = void 0;
     var key = void 0;
 
     if (arrA && arrB) {
-      length_1 = a.length;
+      length = a.length;
 
-      if (length_1 !== b.length) {
+      if (length !== b.length) {
         return false;
       }
 
-      for (i = length_1; i-- !== 0;) {
+      for (i = length; i-- !== 0;) {
         if (!isEqual(a[i], b[i])) {
           return false;
         }
@@ -9879,19 +9878,19 @@ var isEqual = function isEqual(a, b) {
     }
 
     var keys = keyList(a);
-    length_1 = keys.length;
+    length = keys.length;
 
-    if (length_1 !== keyList(b).length) {
+    if (length !== keyList(b).length) {
       return false;
     }
 
-    for (i = length_1; i-- !== 0;) {
+    for (i = length; i-- !== 0;) {
       if (!hasProp.call(b, keys[i])) {
         return false;
       }
     }
 
-    for (i = length_1; i-- !== 0;) {
+    for (i = length; i-- !== 0;) {
       key = keys[i];
 
       if (!isEqual(a[key], b[key])) {
@@ -10762,24 +10761,24 @@ var ReactiveInternal = function ReactiveInternal(props) {
   }
 
   var field = props.field;
-  var content = mergeChildren(renderChildren(props.children, field, field.form), (_a = field.content) !== null && _a !== void 0 ? _a : field.component[1].children);
+  var content = mergeChildren(renderChildren(props.children, field, field.form), (_a = field.content) !== null && _a !== void 0 ? _a : field.componentProps.children);
   if (field.display !== 'visible') return null;
 
   var renderDecorator = function renderDecorator(children) {
     var _a;
 
-    if (!field.decorator[0]) {
+    if (!field.decoratorType) {
       return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, children);
     }
 
-    var finalComponent = (_a = _formily_shared__WEBPACK_IMPORTED_MODULE_3__/* .FormPath.getIn */ .Dm.getIn(options === null || options === void 0 ? void 0 : options.components, field.decorator[0])) !== null && _a !== void 0 ? _a : field.decorator[0];
-    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(finalComponent, (0,_formily_reactive__WEBPACK_IMPORTED_MODULE_1__.toJS)(field.decorator[1]), children);
+    var finalComponent = (_a = _formily_shared__WEBPACK_IMPORTED_MODULE_3__/* .FormPath.getIn */ .Dm.getIn(options === null || options === void 0 ? void 0 : options.components, field.decoratorType)) !== null && _a !== void 0 ? _a : field.decoratorType;
+    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(finalComponent, (0,_formily_reactive__WEBPACK_IMPORTED_MODULE_1__.toJS)(field.decoratorProps), children);
   };
 
   var renderComponent = function renderComponent() {
     var _a, _b, _c, _d;
 
-    if (!field.component[0]) return content;
+    if (!field.componentType) return content;
     var value = !(0,_formily_core__WEBPACK_IMPORTED_MODULE_4__.isVoidField)(field) ? field.value : undefined;
     var onChange = !(0,_formily_core__WEBPACK_IMPORTED_MODULE_4__.isVoidField)(field) ? function () {
       var _a, _b;
@@ -10791,8 +10790,8 @@ var ReactiveInternal = function ReactiveInternal(props) {
       }
 
       field.onInput.apply(field, __spreadArray([], __read(args), false));
-      (_b = (_a = field.component[1]) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call.apply(_b, __spreadArray([_a], __read(args), false));
-    } : (_a = field.component[1]) === null || _a === void 0 ? void 0 : _a.onChange;
+      (_b = (_a = field.componentProps) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call.apply(_b, __spreadArray([_a], __read(args), false));
+    } : (_a = field.componentProps) === null || _a === void 0 ? void 0 : _a.onChange;
     var onFocus = !(0,_formily_core__WEBPACK_IMPORTED_MODULE_4__.isVoidField)(field) ? function () {
       var _a, _b;
 
@@ -10803,8 +10802,8 @@ var ReactiveInternal = function ReactiveInternal(props) {
       }
 
       field.onFocus.apply(field, __spreadArray([], __read(args), false));
-      (_b = (_a = field.component[1]) === null || _a === void 0 ? void 0 : _a.onFocus) === null || _b === void 0 ? void 0 : _b.call.apply(_b, __spreadArray([_a], __read(args), false));
-    } : (_b = field.component[1]) === null || _b === void 0 ? void 0 : _b.onFocus;
+      (_b = (_a = field.componentProps) === null || _a === void 0 ? void 0 : _a.onFocus) === null || _b === void 0 ? void 0 : _b.call.apply(_b, __spreadArray([_a], __read(args), false));
+    } : (_b = field.componentProps) === null || _b === void 0 ? void 0 : _b.onFocus;
     var onBlur = !(0,_formily_core__WEBPACK_IMPORTED_MODULE_4__.isVoidField)(field) ? function () {
       var _a, _b;
 
@@ -10815,15 +10814,15 @@ var ReactiveInternal = function ReactiveInternal(props) {
       }
 
       field.onBlur.apply(field, __spreadArray([], __read(args), false));
-      (_b = (_a = field.component[1]) === null || _a === void 0 ? void 0 : _a.onBlur) === null || _b === void 0 ? void 0 : _b.call.apply(_b, __spreadArray([_a], __read(args), false));
-    } : (_c = field.component[1]) === null || _c === void 0 ? void 0 : _c.onBlur;
+      (_b = (_a = field.componentProps) === null || _a === void 0 ? void 0 : _a.onBlur) === null || _b === void 0 ? void 0 : _b.call.apply(_b, __spreadArray([_a], __read(args), false));
+    } : (_c = field.componentProps) === null || _c === void 0 ? void 0 : _c.onBlur;
     var disabled = !(0,_formily_core__WEBPACK_IMPORTED_MODULE_4__.isVoidField)(field) ? field.pattern === 'disabled' || field.pattern === 'readPretty' : undefined;
     var readOnly = !(0,_formily_core__WEBPACK_IMPORTED_MODULE_4__.isVoidField)(field) ? field.pattern === 'readOnly' : undefined;
-    var finalComponent = (_d = _formily_shared__WEBPACK_IMPORTED_MODULE_3__/* .FormPath.getIn */ .Dm.getIn(options === null || options === void 0 ? void 0 : options.components, field.component[0])) !== null && _d !== void 0 ? _d : field.component[0];
+    var finalComponent = (_d = _formily_shared__WEBPACK_IMPORTED_MODULE_3__/* .FormPath.getIn */ .Dm.getIn(options === null || options === void 0 ? void 0 : options.components, field.componentType)) !== null && _d !== void 0 ? _d : field.componentType;
     return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(finalComponent, __assign(__assign({
       disabled: disabled,
       readOnly: readOnly
-    }, (0,_formily_reactive__WEBPACK_IMPORTED_MODULE_1__.toJS)(field.component[1])), {
+    }, (0,_formily_reactive__WEBPACK_IMPORTED_MODULE_1__.toJS)(field.componentProps)), {
       value: value,
       onChange: onChange,
       onFocus: onFocus,
@@ -10916,7 +10915,11 @@ var RecursionField = function RecursionField(props) {
 
   var renderProperties = function renderProperties(field) {
     if (props.onlyRenderSelf) return;
-    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, fieldSchema.mapProperties(function (item, name, index) {
+    var properties = _formily_json_schema__WEBPACK_IMPORTED_MODULE_2__/* .Schema.getOrderProperties */ .V.getOrderProperties(fieldSchema);
+    if (!properties.length) return;
+    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, properties.map(function (_a, index) {
+      var item = _a.schema,
+          name = _a.key;
       var base = (field === null || field === void 0 ? void 0 : field.address) || basePath;
       var schema = item;
 
@@ -12220,11 +12223,61 @@ var box = (0,_internals__WEBPACK_IMPORTED_MODULE_1__/* .createAnnotation */ .Bh)
 /* harmony import */ var _environment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4756);
 /* harmony import */ var _internals__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(26755);
 /* harmony import */ var _tree__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(85755);
-/* harmony import */ var _reaction__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(91476);
+/* harmony import */ var _checkers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56893);
+/* harmony import */ var _reaction__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(91476);
+var __read = undefined && undefined.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+
 
 
 
 
+var getDescriptor = Object.getOwnPropertyDescriptor;
+var getProto = Object.getPrototypeOf;
+
+function getGetterAndSetter(target, key, value) {
+  if (!target) {
+    if (value) {
+      if ((0,_checkers__WEBPACK_IMPORTED_MODULE_3__/* .isFn */ .LQ)(value)) {
+        return [value];
+      } else {
+        return [value.get, value.set];
+      }
+    }
+
+    return [];
+  }
+
+  var descriptor = getDescriptor(target, key);
+  if (descriptor) return [descriptor.get, descriptor.set];
+  return getGetterAndSetter(getProto(target), key, value);
+}
+
 var computed = (0,_internals__WEBPACK_IMPORTED_MODULE_1__/* .createAnnotation */ .Bh)(function (_a) {
   var target = _a.target,
       key = _a.key,
@@ -12233,40 +12286,18 @@ var computed = (0,_internals__WEBPACK_IMPORTED_MODULE_1__/* .createAnnotation */
   var proxy = {};
   var context = target ? target : store;
   var property = target ? key : 'value';
-  var getter = getGetter(context);
-  var setter = getSetter(context);
 
-  function getGetter(target) {
-    if (!target) {
-      if (value === null || value === void 0 ? void 0 : value.get) return value === null || value === void 0 ? void 0 : value.get;
-      return value;
-    }
-
-    var descriptor = Object.getOwnPropertyDescriptor(target, property);
-    if (descriptor === null || descriptor === void 0 ? void 0 : descriptor.get) return descriptor.get;
-    return getGetter(Object.getPrototypeOf(target));
-  }
-
-  function getSetter(target) {
-    if (!target) {
-      if (value === null || value === void 0 ? void 0 : value.set) return value === null || value === void 0 ? void 0 : value.set;
-      return;
-    }
-
-    var descriptor = Object.getOwnPropertyDescriptor(target, property);
-    if (descriptor === null || descriptor === void 0 ? void 0 : descriptor.set) return descriptor.set;
-    return getSetter(Object.getPrototypeOf(target));
-  }
+  var _b = __read(getGetterAndSetter(context, property, value), 2),
+      getter = _b[0],
+      setter = _b[1];
 
   function compute() {
-    var _a;
-
-    store.value = (_a = getter === null || getter === void 0 ? void 0 : getter.call) === null || _a === void 0 ? void 0 : _a.call(getter, context);
+    store.value = getter === null || getter === void 0 ? void 0 : getter.call(context);
   }
 
   function reaction() {
     if (_environment__WEBPACK_IMPORTED_MODULE_0__/* .ReactionStack.indexOf */ .eA.indexOf(reaction) === -1) {
-      (0,_reaction__WEBPACK_IMPORTED_MODULE_3__/* .releaseBindingReactions */ .cD)(reaction);
+      (0,_reaction__WEBPACK_IMPORTED_MODULE_4__/* .releaseBindingReactions */ .cD)(reaction);
 
       try {
         _environment__WEBPACK_IMPORTED_MODULE_0__/* .ReactionStack.push */ .eA.push(reaction);
@@ -12281,30 +12312,25 @@ var computed = (0,_internals__WEBPACK_IMPORTED_MODULE_1__/* .createAnnotation */
 
   reaction._scheduler = function () {
     reaction._dirty = true;
-    (0,_reaction__WEBPACK_IMPORTED_MODULE_3__/* .batchStart */ .o$)();
-    (0,_reaction__WEBPACK_IMPORTED_MODULE_3__/* .runReactionsFromTargetKey */ .cL)({
+    (0,_reaction__WEBPACK_IMPORTED_MODULE_4__/* .runReactionsFromTargetKey */ .cL)({
       target: context,
       key: property,
       value: store.value,
       type: 'set'
     });
-    (0,_reaction__WEBPACK_IMPORTED_MODULE_3__/* .batchEnd */ .ks)();
   };
 
   reaction._isComputed = true;
   reaction._dirty = true;
   reaction._context = context;
   reaction._property = property;
-  _environment__WEBPACK_IMPORTED_MODULE_0__/* .ProxyRaw.set */ .wX.set(proxy, store);
-  _environment__WEBPACK_IMPORTED_MODULE_0__/* .RawProxy.set */ .dv.set(store, proxy);
-  (0,_tree__WEBPACK_IMPORTED_MODULE_2__/* .buildDataTree */ .Kv)(target, key, store);
 
   function get() {
-    if ((0,_reaction__WEBPACK_IMPORTED_MODULE_3__/* .hasRunningReaction */ .YX)()) {
-      (0,_reaction__WEBPACK_IMPORTED_MODULE_3__/* .bindComputedReactions */ .g3)(reaction);
+    if ((0,_reaction__WEBPACK_IMPORTED_MODULE_4__/* .hasRunningReaction */ .YX)()) {
+      (0,_reaction__WEBPACK_IMPORTED_MODULE_4__/* .bindComputedReactions */ .g3)(reaction);
     }
 
-    if (!(0,_reaction__WEBPACK_IMPORTED_MODULE_3__/* .isUntracking */ .Im)()) {
+    if (!(0,_reaction__WEBPACK_IMPORTED_MODULE_4__/* .isUntracking */ .Im)()) {
       //如果允许untracked过程中收集依赖，那么永远不会存在绑定，因为_dirty已经设置为false
       if (reaction._dirty) {
         reaction();
@@ -12314,7 +12340,7 @@ var computed = (0,_internals__WEBPACK_IMPORTED_MODULE_1__/* .createAnnotation */
       compute();
     }
 
-    (0,_reaction__WEBPACK_IMPORTED_MODULE_3__/* .bindTargetKeyWithCurrentReaction */ .q0)({
+    (0,_reaction__WEBPACK_IMPORTED_MODULE_4__/* .bindTargetKeyWithCurrentReaction */ .q0)({
       target: context,
       key: property,
       type: 'get'
@@ -12323,13 +12349,11 @@ var computed = (0,_internals__WEBPACK_IMPORTED_MODULE_1__/* .createAnnotation */
   }
 
   function set(value) {
-    var _a;
-
     try {
-      (0,_reaction__WEBPACK_IMPORTED_MODULE_3__/* .batchStart */ .o$)();
-      (_a = setter === null || setter === void 0 ? void 0 : setter.call) === null || _a === void 0 ? void 0 : _a.call(setter, context, value);
+      (0,_reaction__WEBPACK_IMPORTED_MODULE_4__/* .batchStart */ .o$)();
+      setter === null || setter === void 0 ? void 0 : setter.call(context, value);
     } finally {
-      (0,_reaction__WEBPACK_IMPORTED_MODULE_3__/* .batchEnd */ .ks)();
+      (0,_reaction__WEBPACK_IMPORTED_MODULE_4__/* .batchEnd */ .ks)();
     }
   }
 
@@ -12337,8 +12361,7 @@ var computed = (0,_internals__WEBPACK_IMPORTED_MODULE_1__/* .createAnnotation */
     Object.defineProperty(target, key, {
       get: get,
       set: set,
-      enumerable: true,
-      configurable: false
+      enumerable: true
     });
     return target;
   } else {
@@ -12346,6 +12369,9 @@ var computed = (0,_internals__WEBPACK_IMPORTED_MODULE_1__/* .createAnnotation */
       set: set,
       get: get
     });
+    (0,_tree__WEBPACK_IMPORTED_MODULE_2__/* .buildDataTree */ .Kv)(target, key, store);
+    _environment__WEBPACK_IMPORTED_MODULE_0__/* .ProxyRaw.set */ .wX.set(proxy, store);
+    _environment__WEBPACK_IMPORTED_MODULE_0__/* .RawProxy.set */ .dv.set(store, proxy);
   }
 
   return proxy;
@@ -12459,9 +12485,6 @@ var ref = (0,_internals__WEBPACK_IMPORTED_MODULE_1__/* .createAnnotation */ .Bh)
   var proxy = {};
   var context = target ? target : store;
   var property = target ? key : 'value';
-  (0,_tree__WEBPACK_IMPORTED_MODULE_2__/* .buildDataTree */ .Kv)(target, key, store);
-  _environment__WEBPACK_IMPORTED_MODULE_0__/* .ProxyRaw.set */ .wX.set(proxy, store);
-  _environment__WEBPACK_IMPORTED_MODULE_0__/* .RawProxy.set */ .dv.set(store, proxy);
 
   function get() {
     (0,_reaction__WEBPACK_IMPORTED_MODULE_3__/* .bindTargetKeyWithCurrentReaction */ .q0)({
@@ -12491,8 +12514,7 @@ var ref = (0,_internals__WEBPACK_IMPORTED_MODULE_1__/* .createAnnotation */ .Bh)
     Object.defineProperty(target, key, {
       get: get,
       set: set,
-      enumerable: true,
-      configurable: false
+      enumerable: true
     });
     return target;
   } else {
@@ -12500,6 +12522,9 @@ var ref = (0,_internals__WEBPACK_IMPORTED_MODULE_1__/* .createAnnotation */ .Bh)
       set: set,
       get: get
     });
+    (0,_tree__WEBPACK_IMPORTED_MODULE_2__/* .buildDataTree */ .Kv)(target, key, store);
+    _environment__WEBPACK_IMPORTED_MODULE_0__/* .ProxyRaw.set */ .wX.set(proxy, store);
+    _environment__WEBPACK_IMPORTED_MODULE_0__/* .RawProxy.set */ .dv.set(store, proxy);
   }
 
   return proxy;
@@ -12584,6 +12609,7 @@ function () {
       value = [];
     }
 
+    this.batchDeleting = false;
     this.value = value;
   }
 
@@ -12598,6 +12624,8 @@ function () {
   };
 
   ArraySet.prototype["delete"] = function (item) {
+    if (this.batchDeleting) return; //批量删除时禁止单独删除，会影响计数执行器
+
     var index = this.value.indexOf(item);
 
     if (index > -1) {
@@ -12615,6 +12643,7 @@ function () {
 
   ArraySet.prototype.forEachDelete = function (callback) {
     if (this.value.length === 0) return;
+    this.batchDeleting = true;
 
     for (var index = 0; index < this.value.length; index++) {
       var item = this.value[index];
@@ -12622,6 +12651,8 @@ function () {
       callback(item);
       index--;
     }
+
+    this.batchDeleting = false;
   };
 
   ArraySet.prototype.clear = function () {
@@ -12774,10 +12805,12 @@ var reaction = function reaction(tracker, subscriber, options) {
 
   var fireAction = function fireAction() {
     try {
+      (0,_reaction__WEBPACK_IMPORTED_MODULE_0__/* .untrackStart */ .aN)();
       (0,_reaction__WEBPACK_IMPORTED_MODULE_0__/* .batchStart */ .o$)();
       if ((0,_checkers__WEBPACK_IMPORTED_MODULE_1__/* .isFn */ .LQ)(subscriber)) subscriber(value.currentValue, value.oldValue);
     } finally {
       (0,_reaction__WEBPACK_IMPORTED_MODULE_0__/* .batchEnd */ .ks)();
+      (0,_reaction__WEBPACK_IMPORTED_MODULE_0__/* .untrackEnd */ .Pq)();
     }
   };
 
@@ -12861,6 +12894,7 @@ batch.endpoint = function (callback) {
 /* harmony export */   "gK": () => (/* binding */ isCollectionType),
 /* harmony export */   "Yq": () => (/* binding */ isNormalType)
 /* harmony export */ });
+var toString = Object.prototype.toString;
 var isMap = function isMap(val) {
   return val && val instanceof Map;
 };
@@ -12878,7 +12912,7 @@ var isFn = function isFn(val) {
 };
 var isArr = Array.isArray;
 var isPlainObj = function isPlainObj(val) {
-  return Object.prototype.toString.call(val) === '[object Object]';
+  return toString.call(val) === '[object Object]';
 };
 var isValid = function isValid(val) {
   return val !== null && val !== undefined;
@@ -12958,6 +12992,8 @@ var ObserverListeners = new _array__WEBPACK_IMPORTED_MODULE_0__/* .ArraySet */ .
 /* harmony export */ });
 /* harmony import */ var _checkers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(56893);
 /* harmony import */ var _environment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4756);
+/* harmony import */ var _tree__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(85755);
+
 
 
 var RAW_TYPE = Symbol('RAW_TYPE');
@@ -13078,8 +13114,8 @@ var contains = function contains(target, property) {
   var targetRaw = _environment__WEBPACK_IMPORTED_MODULE_1__/* .ProxyRaw.get */ .wX.get(target) || target;
   var propertyRaw = _environment__WEBPACK_IMPORTED_MODULE_1__/* .ProxyRaw.get */ .wX.get(property) || property;
   if (targetRaw === propertyRaw) return true;
-  var targetNode = _environment__WEBPACK_IMPORTED_MODULE_1__/* .RawNode.get */ .xO.get(targetRaw);
-  var propertyNode = _environment__WEBPACK_IMPORTED_MODULE_1__/* .RawNode.get */ .xO.get(propertyRaw);
+  var targetNode = (0,_tree__WEBPACK_IMPORTED_MODULE_2__/* .getDataNode */ .bl)(targetRaw);
+  var propertyNode = (0,_tree__WEBPACK_IMPORTED_MODULE_2__/* .getDataNode */ .bl)(propertyRaw);
   if (!targetNode) return false;
   if (!propertyNode) return false;
   return targetNode.contains(propertyNode);
@@ -13502,7 +13538,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "toJS": () => (/* reexport safe */ _externals__WEBPACK_IMPORTED_MODULE_8__.ZN),
 /* harmony export */   "DataChange": () => (/* reexport safe */ _types__WEBPACK_IMPORTED_MODULE_9__.UH),
 /* harmony export */   "DataNode": () => (/* reexport safe */ _types__WEBPACK_IMPORTED_MODULE_9__.RQ),
-/* harmony export */   "buildDataTree": () => (/* reexport safe */ _types__WEBPACK_IMPORTED_MODULE_9__.Kv)
+/* harmony export */   "buildDataTree": () => (/* reexport safe */ _types__WEBPACK_IMPORTED_MODULE_9__.Kv),
+/* harmony export */   "getDataNode": () => (/* reexport safe */ _types__WEBPACK_IMPORTED_MODULE_9__.bl),
+/* harmony export */   "setDataNode": () => (/* reexport safe */ _types__WEBPACK_IMPORTED_MODULE_9__.Oe)
 /* harmony export */ });
 /* harmony import */ var _batch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1713);
 /* harmony import */ var _action__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65483);
@@ -13589,7 +13627,7 @@ var createObservable = function createObservable(target, key, value, shallow) {
   var raw = _environment__WEBPACK_IMPORTED_MODULE_1__/* .ProxyRaw.get */ .wX.get(value);
 
   if (!!raw) {
-    var node = _environment__WEBPACK_IMPORTED_MODULE_1__/* .RawNode.get */ .xO.get(raw);
+    var node = (0,_tree__WEBPACK_IMPORTED_MODULE_3__/* .getDataNode */ .bl)(raw);
     node.key = key;
     return value;
   }
@@ -13790,11 +13828,11 @@ var observe = function observe(target, observer, deep) {
 
   var addListener = function addListener(target) {
     var raw = _environment__WEBPACK_IMPORTED_MODULE_0__/* .ProxyRaw.get */ .wX.get(target) || target;
-    var node = _environment__WEBPACK_IMPORTED_MODULE_0__/* .RawNode.get */ .xO.get(raw);
+    var node = (0,_tree__WEBPACK_IMPORTED_MODULE_2__/* .getDataNode */ .bl)(raw);
 
     var listener = function listener(operation) {
       var targetRaw = _environment__WEBPACK_IMPORTED_MODULE_0__/* .ProxyRaw.get */ .wX.get(operation.target) || operation.target;
-      var targetNode = _environment__WEBPACK_IMPORTED_MODULE_0__/* .RawNode.get */ .xO.get(targetRaw);
+      var targetNode = (0,_tree__WEBPACK_IMPORTED_MODULE_2__/* .getDataNode */ .bl)(targetRaw);
 
       if (deep) {
         if (node.contains(targetNode)) {
@@ -14180,6 +14218,8 @@ function () {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "UH": () => (/* binding */ DataChange),
 /* harmony export */   "RQ": () => (/* binding */ DataNode),
+/* harmony export */   "bl": () => (/* binding */ getDataNode),
+/* harmony export */   "Oe": () => (/* binding */ setDataNode),
 /* harmony export */   "Kv": () => (/* binding */ buildDataTree)
 /* harmony export */ });
 /* harmony import */ var _environment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4756);
@@ -14229,7 +14269,7 @@ function () {
   Object.defineProperty(DataNode.prototype, "parent", {
     get: function get() {
       if (!this.target) return;
-      return _environment__WEBPACK_IMPORTED_MODULE_0__/* .RawNode.get */ .xO.get(this.targetRaw);
+      return getDataNode(this.targetRaw);
     },
     enumerable: false,
     configurable: true
@@ -14259,10 +14299,17 @@ function () {
 }();
 
 
+var getDataNode = function getDataNode(raw) {
+  return _environment__WEBPACK_IMPORTED_MODULE_0__/* .RawNode.get */ .xO.get(raw);
+};
+var setDataNode = function setDataNode(raw, node) {
+  _environment__WEBPACK_IMPORTED_MODULE_0__/* .RawNode.set */ .xO.set(raw, node);
+};
 var buildDataTree = function buildDataTree(target, key, value) {
-  var currentNode = _environment__WEBPACK_IMPORTED_MODULE_0__/* .RawNode.get */ .xO.get(_environment__WEBPACK_IMPORTED_MODULE_0__/* .ProxyRaw.get */ .wX.get(value) || value);
+  var raw = _environment__WEBPACK_IMPORTED_MODULE_0__/* .ProxyRaw.get */ .wX.get(value) || value;
+  var currentNode = getDataNode(raw);
   if (currentNode) return currentNode;
-  _environment__WEBPACK_IMPORTED_MODULE_0__/* .RawNode.set */ .xO.set(value, new DataNode(target, key, value));
+  setDataNode(raw, new DataNode(target, key, value));
 };
 
 /***/ }),
@@ -14274,7 +14321,9 @@ var buildDataTree = function buildDataTree(target, key, value) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "UH": () => (/* reexport safe */ _tree__WEBPACK_IMPORTED_MODULE_0__.UH),
 /* harmony export */   "RQ": () => (/* reexport safe */ _tree__WEBPACK_IMPORTED_MODULE_0__.RQ),
-/* harmony export */   "Kv": () => (/* reexport safe */ _tree__WEBPACK_IMPORTED_MODULE_0__.Kv)
+/* harmony export */   "Kv": () => (/* reexport safe */ _tree__WEBPACK_IMPORTED_MODULE_0__.Kv),
+/* harmony export */   "bl": () => (/* reexport safe */ _tree__WEBPACK_IMPORTED_MODULE_0__.bl),
+/* harmony export */   "Oe": () => (/* reexport safe */ _tree__WEBPACK_IMPORTED_MODULE_0__.Oe)
 /* harmony export */ });
 /* harmony import */ var _tree__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(85755);
 
@@ -14445,6 +14494,8 @@ function includes(val, searchElement, revert) {
 /* unused harmony exports getType, isMap, isSet, isWeakMap, isWeakSet, isRegExp, isReactElement, isHTMLElement */
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
+var toString = Object.prototype.toString;
+
 var isType = function isType(type) {
   return function (obj) {
     return getType(obj) === "[object ".concat(type, "]");
@@ -14452,7 +14503,7 @@ var isType = function isType(type) {
 };
 
 var getType = function getType(obj) {
-  return Object.prototype.toString.call(obj);
+  return toString.call(obj);
 };
 var isFn = function isFn(val) {
   return typeof val === 'function';
@@ -15857,6 +15908,7 @@ var getRuleMessage = function getRuleMessage(rule, type) {
 };
 
 var parseValidatorDescription = function parseValidatorDescription(description) {
+  if (!description) return {};
   var rules = {};
 
   if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isStr */ .d8)(description)) {
@@ -15867,10 +15919,10 @@ var parseValidatorDescription = function parseValidatorDescription(description)
     rules = Object.assign(rules, description);
   }
 
-  rules.triggerType = rules.triggerType || 'onInput';
   return rules;
 };
 var parseValidatorDescriptions = function parseValidatorDescriptions(validator) {
+  if (!validator) return [];
   var array = (0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isArr */ .H1)(validator) ? validator : [validator];
   return array.map(function (description) {
     return parseValidatorDescription(description);
@@ -16008,10 +16060,14 @@ var parseValidator = function parseValidator(validator, options) {
     options = {};
   }
 
+  if (!validator) return [];
   var array = (0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isArr */ .H1)(validator) ? validator : [validator];
   return array.reduce(function (buf, description) {
+    var _a;
+
     var rules = parseValidatorDescription(description);
-    if ((options === null || options === void 0 ? void 0 : options.triggerType) && options.triggerType !== rules.triggerType) return buf;
+    var triggerType = (_a = rules.triggerType) !== null && _a !== void 0 ? _a : 'onInput';
+    if ((options === null || options === void 0 ? void 0 : options.triggerType) && options.triggerType !== triggerType) return buf;
     return rules ? buf.concat(parseValidatorRules(rules)) : buf;
   }, []);
 };
@@ -17555,8 +17611,8 @@ var MenuOutlinedIcon = react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(f
   return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Icon, __assign({}, props, {
     ref: ref
   }), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
-    d: "M128.64 288h768c14.08 0 32-14.08 32-32s-17.92-32-32-32h-768c-14.08 0-32 14.08-32 32s17.92 32 32 32zM896.64 480h-768c-14.08 0-32 14.08-32 32s17.92 32 32 32h768c14.08 0 32-14.08 32-32s-17.28-32-32-32zM896.64 736h-768c-14.08 0-32 14.08-32 32s17.92 32 32 32h768c14.08 0 32-14.08 32-32s-17.28-32-32-32z",
-    "p-id": "12825"
+    d: "M262.4 192c0 35.3472 28.6528 64 64 64s64-28.6528 64-64-28.6528-64-64-64-64 28.6528-64 64zM262.4 512c0 35.3472 28.6528 64 64 64s64-28.6528 64-64-28.6528-64-64-64-64 28.6528-64 64zM633.6 192c0 35.3472 28.6528 64 64 64s64-28.6528 64-64-28.6528-64-64-64-64 28.6528-64 64zM633.6 512c0 35.3472 28.6528 64 64 64s64-28.6528 64-64-28.6528-64-64-64-64 28.6528-64 64zM262.4 832c0 35.3472 28.6528 64 64 64s64-28.6528 64-64-28.6528-64-64-64-64 28.6528-64 64zM633.6 832c0 35.3472 28.6528 64 64 64s64-28.6528 64-64-28.6528-64-64-64-64 28.6528-64 64z",
+    "p-id": "11148"
   }));
 });
 var PlusOutlinedIcon = react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
@@ -21638,16 +21694,17 @@ var BaseItem = function BaseItem(props) {
   }, extra)));
 }; // 适配
 
-var FormItem = (0,_formily_react__WEBPACK_IMPORTED_MODULE_3__.connect)(BaseItem, (0,_formily_react__WEBPACK_IMPORTED_MODULE_3__.mapProps)({
-  validateStatus: true,
-  title: 'label',
-  required: true
-}, function (props, field) {
+var FormItem = (0,_formily_react__WEBPACK_IMPORTED_MODULE_3__.connect)(BaseItem, (0,_formily_react__WEBPACK_IMPORTED_MODULE_3__.mapProps)(function (props, field) {
   if ((0,_formily_core__WEBPACK_IMPORTED_MODULE_2__.isVoidField)(field)) return {
     extra: props.extra || field.description
   };
   if (!field) return props;
 
+  var takeFeedbackStatus = function takeFeedbackStatus() {
+    if (field.validating) return 'pending';
+    return field.decoratorProps.feedbackStatus || field.validateStatus;
+  };
+
   var takeMessage = function takeMessage() {
     var split = function split(messages) {
       return messages.reduce(function (buf, text, index) {
@@ -21663,33 +21720,24 @@ var FormItem = (0,_formily_react__WEBPACK_IMPORTED_MODULE_3__.connect)(BaseItem,
     if (field.selfSuccesses.length) return split(field.selfSuccesses);
   };
 
-  return {
-    feedbackText: takeMessage(),
-    extra: props.extra || field.description
-  };
-}, function (props, field) {
-  var _a;
-
-  if ((0,_formily_core__WEBPACK_IMPORTED_MODULE_2__.isVoidField)(field)) return props;
-  if (!field) return props;
-  return {
-    feedbackStatus: field.validateStatus === 'validating' ? 'pending' : ((_a = field.decorator[1]) === null || _a === void 0 ? void 0 : _a.feedbackStatus) || field.validateStatus
-  };
-}, function (props, field) {
-  if ((0,_formily_core__WEBPACK_IMPORTED_MODULE_2__.isVoidField)(field)) return props;
-  if (!field) return props;
-  var asterisk = false;
+  var takeAsterisk = function takeAsterisk() {
+    if (field.required && field.pattern !== 'readPretty') {
+      return true;
+    }
 
-  if (field.required && field.pattern !== 'readPretty') {
-    asterisk = true;
-  }
+    if ('asterisk' in props) {
+      return props.asterisk;
+    }
 
-  if ('asterisk' in props) {
-    asterisk = props.asterisk;
-  }
+    return false;
+  };
 
   return {
-    asterisk: asterisk
+    label: field.title,
+    feedbackStatus: takeFeedbackStatus(),
+    feedbackText: takeMessage(),
+    asterisk: takeAsterisk(),
+    extra: props.extra || field.description
   };
 }));
 FormItem.defaultProps = {
@@ -24326,7 +24374,7 @@ var Provider = function Provider(_ref) {
   }, children);
 };
 
-var TeamixIcon = function TeamixIcon(props) {
+var TeamixIcon = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
   var _cls;
 
   var type = props.type,
@@ -24351,12 +24399,13 @@ var TeamixIcon = function TeamixIcon(props) {
   }
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("i", (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)({
-    className: classes
+    className: classes // @ts-ignore
+    ,
+    ref: ref
   }, others), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
     viewBox: "0 0 1024 1024"
   }, content));
-};
-
+});
 TeamixIcon.setConfig = setConfig;
 TeamixIcon.Provider = Provider;
 TeamixIcon.YUNXIAO = {
@@ -24364,7 +24413,7 @@ TeamixIcon.YUNXIAO = {
   symbolPrefix: 'yunxiao-'
 };
 TeamixIcon.HYBRIDCLOUD = {
-  scriptUrl: '//at.alicdn.com/t/font_2436140_psy0jd7csgm.js',
+  scriptUrl: '//at.alicdn.com/t/font_2436140_xd91cirfxss.js',
   symbolPrefix: 'hybridcloud-'
 };
 TeamixIcon.displayName = 'TeamixIcon';
@@ -33503,7 +33552,7 @@ var __read = undefined && undefined.__read || function (o, n) {
     var capacity = 0;
 
     for (var i = start; i < list.length; i++) {
-      var height = itemHeight(i);
+      var height = itemHeight(i, list[i]);
       sum += height;
 
       if (sum >= containerHeight) {
@@ -33524,7 +33573,7 @@ var __read = undefined && undefined.__read || function (o, n) {
     var offset = 0;
 
     for (var i = 0; i < list.length; i++) {
-      var height = itemHeight(i);
+      var height = itemHeight(i, list[i]);
       sum += height;
 
       if (sum >= scrollTop) {
@@ -33560,7 +33609,7 @@ var __read = undefined && undefined.__read || function (o, n) {
     }
 
     return list.reduce(function (sum, _, index) {
-      return sum + itemHeight(index);
+      return sum + itemHeight(index, list[index]);
     }, 0);
   }, [list.length]);
 
@@ -33578,7 +33627,7 @@ var __read = undefined && undefined.__read || function (o, n) {
     }
 
     var height = list.slice(0, index).reduce(function (sum, _, i) {
-      return sum + itemHeight(i);
+      return sum + itemHeight(i, list[i]);
     }, 0); // if (enableCache) {
     //   distanceCache.current[index] = height;
     // }
@@ -48770,7 +48819,8 @@ var FieldJson = function FieldJson(props) {
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _menuSelect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20472);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(72326);
+/* harmony import */ var _menuSelect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20472);
 var _excluded = ["value", "mode", "onChange", "inputProps", "layout", "render", "disabled", "options", "state"];
 
 function ownKeys(object, enumerableOnly) {
@@ -48927,7 +48977,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 
-var FieldMenuSelect = function FieldMenuSelect(props) {
+var FieldMenuSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var value = props.value,
       mode = props.mode,
       _onChange = props.onChange,
@@ -48947,17 +48997,18 @@ var FieldMenuSelect = function FieldMenuSelect(props) {
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     setFieldVal(value);
   }, [value]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menuSelect__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, _objectSpread(_objectSpread({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menuSelect__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _objectSpread(_objectSpread({
+    ref: ref,
     value: fieldVal,
     dataSource: options
   }, others), {}, {
     onChange: function onChange(val) {
       setFieldVal(val);
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange(val);
+      (0,_utils__WEBPACK_IMPORTED_MODULE_1__/* .bindRefValue */ .Dd)(val, ref);
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange((0,_utils__WEBPACK_IMPORTED_MODULE_1__/* .formatterOnchangeValue */ .WO)(val));
     }
   }));
-};
-
+});
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FieldMenuSelect);
 
 /***/ }),
@@ -51693,13 +51744,13 @@ var FieldText = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwar
       innerAfterIcon = props.innerAfterIcon,
       others = _objectWithoutProperties(props, _excluded);
 
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value !== null && value !== void 0 ? value : ''),
       _useState2 = _slicedToArray(_useState, 2),
       fieldVal = _useState2[0],
       setFieldVal = _useState2[1];
 
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    setFieldVal(value);
+    setFieldVal(value !== null && value !== void 0 ? value : '');
     (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .bindRefValue */ .Dd)(value, ref);
   }, [value]);
 
@@ -53033,8 +53084,7 @@ var calculateChildren = function calculateChildren(dataSource) {
 
 
 var COL_GUTTER = 20;
-
-var MenuSelect = function MenuSelect(props) {
+var MenuSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, forwardRef) {
   var dataSource = props.dataSource,
       colProp = props.col,
       widthProp = props.width,
@@ -53186,6 +53236,7 @@ var MenuSelect = function MenuSelect(props) {
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Popup, {
     trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Input, {
+      ref: forwardRef,
       placeholder: "\u8BF7\u9009\u62E9",
       value: inputValue,
       hint: popupVisible ? 'arrow-up' : 'arrow-down',
@@ -53265,8 +53316,7 @@ var MenuSelect = function MenuSelect(props) {
       }), childItem.label);
     }));
   }))));
-};
-
+});
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuSelect);
 
 /***/ }),
@@ -53418,6 +53468,10 @@ var Copy = function Copy(props) {
       copyVisible = _useState2[0],
       setCopyVisible = _useState2[1];
 
+  if (value === '' || value === undefined || value === null) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement((react__WEBPACK_IMPORTED_MODULE_4___default().Fragment), null, result);
+  }
+
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement("div", {
     className: cls({
       tooltip: true
@@ -53438,7 +53492,7 @@ var Copy = function Copy(props) {
         opacity: copyVisible ? 1 : 0
       },
       onClick: function onClick() {
-        if (copy_to_clipboard__WEBPACK_IMPORTED_MODULE_3___default()(value.toString())) {
+        if (copy_to_clipboard__WEBPACK_IMPORTED_MODULE_3___default()((value !== null && value !== void 0 ? value : '').toString())) {
           _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Message.success((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('copySucceeded'));
         } else {
           _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Message.error((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('copyFailed'));
@@ -53715,11 +53769,13 @@ var Emphasize = function Emphasize(props) {
 
   var result = props.result,
       render = props.render;
+  var color = typeof (render === null || render === void 0 ? void 0 : render.color) === 'string' ? render.color : undefined;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", {
     className: cls(),
     // 强调数字需要重新实现Color颜色。否则不生效。
+    // 这边的颜色只可能是string类型
     style: {
-      color: (_getColor = (0,_utils_color__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .ZP)(render === null || render === void 0 ? void 0 : render.color)) !== null && _getColor !== void 0 ? _getColor : 'var(--color-text1-3, #333333)'
+      color: (_getColor = (0,_utils_color__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .ZP)(color)) !== null && _getColor !== void 0 ? _getColor : 'var(--color-text1-3, #333333)'
     }
   }, result);
 };
@@ -53801,6 +53857,7 @@ var Icon = function Icon(props) {
 
     return result;
   }; // 优先级： iconColor > color > 848484
+  // 这边的color只可能是string类型的
 
 
   var getIconColor = function getIconColor() {
@@ -53808,7 +53865,7 @@ var Icon = function Icon(props) {
       return (0,_utils_color__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP)(render === null || render === void 0 ? void 0 : render.iconColor);
     }
 
-    if (render.color) {
+    if (render.color && typeof render.color === 'string') {
       return (0,_utils_color__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP)(render === null || render === void 0 ? void 0 : render.color);
     }
 
@@ -53975,11 +54032,10 @@ function individualization(dom, render, value, fieldValue) {
 
 
   if ((render === null || render === void 0 ? void 0 : render.color) && !render.type) {
-    var _getColor;
-
+    var color = typeof render.color === 'string' ? (0,_utils_color__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .ZP)(render.color) : 'var(--color-text1-3, #333333)';
     result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
       style: {
-        color: (_getColor = (0,_utils_color__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .ZP)(render.color)) !== null && _getColor !== void 0 ? _getColor : 'var(--color-text1-3, #333333)'
+        color: color
       }
     }, result);
   } // 超出隐藏(如果有配置tooltip 则取消它的Tooltip)
@@ -54651,6 +54707,13 @@ var renderTag = function renderTag(item, render) {
   var rules = /(normal|primary)/;
   var _render$color = render.color,
       color = _render$color === void 0 ? 'normal' : _render$color;
+
+  if (_typeof(color) === 'object') {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Tag, _objectSpread({
+      key: item.toString()
+    }, color), item);
+  }
+
   var colorTypeIsPreset = rules.test(color !== null && color !== void 0 ? color : '');
 
   if ((0,_utils__WEBPACK_IMPORTED_MODULE_3__/* .isNull */ .Ft)(item)) {
@@ -54677,13 +54740,18 @@ var renderTag = function renderTag(item, render) {
 
 
 var renderStatusTag = function renderStatusTag(item, render) {
-  var _render$color3;
-
   var rules = /(warning|success|fail|process|pause|loading)/;
   var _render$color2 = render.color,
       color = _render$color2 === void 0 ? 'process' : _render$color2,
       icon = render.icon;
-  var colorTypeIsPreset = rules.test((_render$color3 = render.color) !== null && _render$color3 !== void 0 ? _render$color3 : '');
+
+  if (_typeof(color) === 'object') {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_status_tag__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _objectSpread({
+      key: item
+    }, color), item);
+  }
+
+  var colorTypeIsPreset = rules.test(color !== null && color !== void 0 ? color : '');
 
   if ((0,_utils__WEBPACK_IMPORTED_MODULE_3__/* .isNull */ .Ft)(item)) {
     var _render$emptyText5;
@@ -54712,9 +54780,15 @@ var renderStatusTag = function renderStatusTag(item, render) {
 
 var renderStatusIconTag = function renderStatusIconTag(item, render) {
   var rules = /(warning|success|fail|process|pause|loading)/;
-  var _render$color4 = render.color,
-      color = _render$color4 === void 0 ? 'process' : _render$color4,
-      icon = render.icon;
+  var _render$color3 = render.color,
+      color = _render$color3 === void 0 ? 'process' : _render$color3;
+
+  if (_typeof(color) === 'object') {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_status_tag__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _objectSpread({
+      key: item.toString()
+    }, color), item);
+  }
+
   var processColor = (0,_utils_color__WEBPACK_IMPORTED_MODULE_9__/* .getTagColor */ .vm)(color, 'statusIcon');
   var colorTypeIsPreset = rules.test(processColor !== null && processColor !== void 0 ? processColor : '');
 
@@ -54796,6 +54870,14 @@ var renderRank = function renderRank(item, render) {
 var renderProgress = function renderProgress(item, render) {
   var rules = /(normal|success|error|fail|process)/;
   var color = render.color;
+
+  if (_typeof(color) === 'object') {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Progress, _objectSpread({
+      percent: Number(item),
+      key: item.toString()
+    }, color));
+  }
+
   var colorTypeIsPreset = rules.test(color !== null && color !== void 0 ? color : '') || !color;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Progress, _objectSpread(_objectSpread({
     percent: Number(item)
@@ -55841,7 +55923,7 @@ var ProField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forward
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _objectSpread({
     className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_cls = {
       'teamix-pro-field': true
-    }, _defineProperty(_cls, "teamix-pro-field-".concat(type.toLowerCase()), true), _defineProperty(_cls, 'teamix-pro-field-compact', layout === 'compact'), _defineProperty(_cls, (_transparentBase$clas = transparentBase.className) !== null && _transparentBase$clas !== void 0 ? _transparentBase$clas : '', true), _defineProperty(_cls, 'teamix-pro-field-tooltip', tooltip), _cls))
+    }, _defineProperty(_cls, "teamix-pro-field-".concat(type === null || type === void 0 ? void 0 : type.toLowerCase()), true), _defineProperty(_cls, 'teamix-pro-field-compact', layout === 'compact'), _defineProperty(_cls, (_transparentBase$clas = transparentBase.className) !== null && _transparentBase$clas !== void 0 ? _transparentBase$clas : '', true), _defineProperty(_cls, 'teamix-pro-field-tooltip', tooltip), _cls))
   }, (0,_utils__WEBPACK_IMPORTED_MODULE_24__/* .hasProps */ .s_)({
     style: transparentBase === null || transparentBase === void 0 ? void 0 : transparentBase.style
   })), renderField(type, newProps, ref), !!tooltip && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.LabelIconTip, {
@@ -55855,7 +55937,7 @@ var ProField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forward
 var renderField = function renderField(type, props, ref) {
   var allComponents = _objectSpread(_objectSpread({}, innerComponents), externalComponents);
 
-  var Component = allComponents[type.toLowerCase()] || _components_FieldText__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z;
+  var Component = allComponents[type === null || type === void 0 ? void 0 : type.toLowerCase()] || _components_FieldText__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref
   }));
@@ -55864,12 +55946,13 @@ var renderField = function renderField(type, props, ref) {
 ProField.defaultProps = {
   size: 'medium',
   mode: 'read',
-  disabled: false
+  disabled: false,
+  type: 'text'
 };
 
 ProField.registerComponent = function (components) {
   Object.keys(components).forEach(function (type) {
-    externalComponents[type.toLowerCase()] = components[type];
+    externalComponents[type === null || type === void 0 ? void 0 : type.toLowerCase()] = components[type];
   });
 };
 
@@ -55960,6 +56043,7 @@ var error = [['r0', 'var(--color-error-1, #fff1f0)'], ['r10', 'var(--color-error
 var success = [['gn0', 'var(--color-success-1, #f0fff7)'], ['gn10', 'var(--color-success-2, #cdf8e1)'], ['gn20', 'var(--color-success-3, #90deb5)'], ['gn30', 'var(--color-success-7, #67cf98)'], ['gn40', 'var(--color-success-4, #43bf7d)'], ['gn50', 'var(--color-success-5, #22b066)'], ['gn60', 'var(--color-success-6, #159953)'], ['gn70', '#098243'], ['gn80', '#026B34'], ['gn90', '#005420']];
 var warning = [['o0', 'var(--color-warning-1, #fff8f0)'], ['o10', 'var(--color-warning-2, #ffe0bf)'], ['o20', 'var(--color-warning-3, #ffcd96)'], ['o30', 'var(--color-warning-7, #ffb96e)'], ['o40', 'var(--color-warning-4, #ffa544)'], ['o50', 'var(--color-warning-5, #f98e1a)'], ['o60', 'var(--color-warning-6, #cf7412)'], ['o70', '#A35A0A'], ['o80', '#774106'], ['o90', '#522A00']];
 var help = [['y0', 'var(--color-help-1, #fffcf0)'], ['y10', 'var(--color-help-2, #fff5c2)'], ['y20', 'var(--color-help-3, #ffee96)'], ['y30', 'var(--color-help-7, #ffe66b)'], ['y40', 'var(--color-help-4, #ffdf40)'], ['y50', 'var(--color-help-5, #fad414)'], ['y60', 'var(--color-help-6, #d1b10d)'], ['y70', '#A88E07'], ['y80', '#796702'], ['y90', '#524400']];
+var mention = [['p0', 'var(--color-mention-1, #f0f0ff)'], ['p10', 'var(--color-mention-2, #c9cbf5)'], ['p20', 'var(--color-mention-3, #afb2f0)'], ['p30', 'var(--color-mention-4, #969aeb)'], ['p40', 'var(--color-mention-5, #7e83e6)'], ['p50', 'var(--color-mention-6, #666ce0)'], ['p60', 'var(--color-mention-7, #4046bd)'], ['p70', 'var(--color-mention-8, #232999)'], ['p80', 'var(--color-mention-9, #0e1375)'], ['p90', 'var(--color-mention-10, #000452)']];
 var tagMapper = {
   fail: 'error',
   process: 'prompt',
@@ -55991,7 +56075,7 @@ var statusIconMapper = {
   },
   'cloud-loading': 'loading'
 };
-var color = new Map([].concat(brandColor, grey, error, success, warning, help));
+var color = new Map([].concat(brandColor, grey, error, success, warning, help, mention));
 
 var getColor = function getColor(symbol) {
   var value = color.get((symbol !== null && symbol !== void 0 ? symbol : '').toLocaleLowerCase());
@@ -56500,6 +56584,7 @@ function echo(filedVal, options) {
 }
 /**
  * 处理 OnChange 数值
+ * 如果值为 [undefined, undefined] 则处理为 undefined
  * @param params
  * @returns
  */
@@ -56513,11 +56598,10 @@ function formatterOnchangeValue(params) {
     return _isNull ? undefined : params;
   }
 
-  if (params !== undefined && params !== null && params !== '') {
-    return params;
-  }
-
-  return undefined;
+  return params; // if (params !== undefined && params !== null && params !== '') {
+  //   return params;
+  // }
+  // return undefined;
 }
 /**
  * 调用用户onChange方法前做的操作
@@ -56546,26 +56630,73 @@ function isNull(val) {
 
 /***/ }),
 
+/***/ 63978:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "O": () => (/* binding */ EditableContainer)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(80653);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(28266);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20701);
+
+
+
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.baseClass)('teamix-pro-page-container');
+var EditableContainer = function EditableContainer(props) {
+  var id = props.id,
+      component = props.component,
+      children = props.children;
+
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0___default().useContext(_index__WEBPACK_IMPORTED_MODULE_3__/* .PageContainerContext */ .QU),
+      editable = _React$useContext.editable,
+      selectedComponent = _React$useContext.selectedComponent,
+      onSelectComponent = _React$useContext.onSelectComponent;
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children, editable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    onClick: function onClick() {
+      onSelectComponent && onSelectComponent({
+        id: id,
+        component: component
+      });
+    },
+    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(cls('selectable'), {
+      selected: (selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.id) === id
+    })
+  }));
+};
+
+/***/ }),
+
 /***/ 20701:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "OP": () => (/* reexport safe */ _editable__WEBPACK_IMPORTED_MODULE_6__.O),
+/* harmony export */   "QU": () => (/* binding */ PageContainerContext),
 /* harmony export */   "Oy": () => (/* binding */ usePageContainer),
-/* harmony export */   "OP": () => (/* binding */ EditableContainer),
 /* harmony export */   "$0": () => (/* binding */ Section),
+/* harmony export */   "Nc": () => (/* binding */ ProPageContainerFixedFooter),
 /* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(18944);
 /* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var ahooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(96979);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33049);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89227);
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28266);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _editable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(63978);
 var _excluded = ["children", "className"],
     _excluded2 = ["editable", "selectedComponent", "onSelectComponent", "header", "sidebar", "switch", "operation", "content", "footer", "children", "sidebarCloseable", "sidebarClosed", "sidebarOnToggle", "fixedFooter", "footerAlign", "scrollArea"],
     _excluded3 = ["key", "path"];
@@ -56743,33 +56874,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 
+
+
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.baseClass)('teamix-pro-page-container');
 var PageContainerContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({});
 var usePageContainer = function usePageContainer() {
   return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(PageContainerContext);
 };
-var EditableContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext(false);
-var SelectedComponentContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext(undefined);
-var SetSelectedContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext(undefined);
-var EditableContainer = function EditableContainer(props) {
-  var id = props.id,
-      component = props.component,
-      children = props.children;
-  var editable = react__WEBPACK_IMPORTED_MODULE_0___default().useContext(EditableContext);
-  var selectedComponent = react__WEBPACK_IMPORTED_MODULE_0___default().useContext(SelectedComponentContext);
-  var setSelected = react__WEBPACK_IMPORTED_MODULE_0___default().useContext(SetSelectedContext);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children, editable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    onClick: function onClick() {
-      setSelected && setSelected({
-        id: id,
-        component: component
-      });
-    },
-    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('selectable'), {
-      selected: (selectedComponent === null || selectedComponent === void 0 ? void 0 : selectedComponent.id) === id
-    })
-  }));
-};
 var Section = function Section(props) {
   var children = props.children,
       className = props.className,
@@ -56779,7 +56890,23 @@ var Section = function Section(props) {
     className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('section'), className)
   }, others), children);
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (function (props) {
+var ProPageContainerFixedFooter = function ProPageContainerFixedFooter(props) {
+  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(PageContainerContext),
+      registerFixedFooter = _useContext.registerFixedFooter;
+
+  var children = props.children;
+  react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {
+    registerFixedFooter && registerFixedFooter(children);
+  }, [children]);
+
+  if (!registerFixedFooter) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children);
+  }
+
+  return null;
+};
+
+var ProPageContainer = function ProPageContainer(props) {
   var _props$editable = props.editable,
       editable = _props$editable === void 0 ? false : _props$editable,
       selectedComponent = props.selectedComponent,
@@ -56808,19 +56935,21 @@ var Section = function Section(props) {
       isClosed = _React$useState2[0],
       setIsClosed = _React$useState2[1];
 
-  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default().useState(false),
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default().useState(null),
       _React$useState4 = _slicedToArray(_React$useState3, 2),
-      switchAffixed = _React$useState4[0],
-      setSwitchAffixed = _React$useState4[1];
+      registedFixedFooter = _React$useState4[0],
+      setRegistedFixedFooter = _React$useState4[1];
 
   var containerRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(null);
-  var scrollContainerRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(null);
+  var switchRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(null);
+  var switchInViewport = (0,ahooks__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)(switchRef);
+  var showFixedSwitch = !!switchRef.current && switchInViewport === false;
   var controlMode = sidebarClosed !== undefined;
   var showToggle = sidebarCloseable || controlMode;
   var closedState = showToggle && (controlMode ? sidebarClosed : isClosed);
   var bordered = !!sidebar || !!switchArea;
   var scorllContentOnly = scrollArea === 'content';
-  var hasFixedFooter = fixedFooter && !!footer;
+  var hasFixedFooter = fixedFooter && !!footer || registedFixedFooter;
 
   var onSideBarToggle = function onSideBarToggle() {
     sidebarOnToggle && sidebarOnToggle(!sidebarClosed);
@@ -56906,31 +57035,23 @@ var Section = function Section(props) {
   var Header = header ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
     className: cls('header')
   }, header) : null;
-  var Footer = footer ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
+  var Footer = footer || registedFixedFooter ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
     className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('footer'), "align-".concat(footerAlign), {
       fixed: hasFixedFooter
     })
-  }, footer) : null;
+  }, registedFixedFooter, footer) : null;
   var Content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
     className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('body'), {
       unscrollable: scorllContentOnly
     })
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Affix, {
-    container: function container() {
-      return hasFixedFooter ? scrollContainerRef.current : containerRef.current;
-    },
-    onAffix: setSwitchAffixed
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
-    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('body-top'), {
-      affixed: switchAffixed
-    })
-  }, switchArea && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
-    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('switch'), {
-      affixed: switchAffixed
-    })
+    className: cls('body-top')
+  }, switchArea && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
+    ref: switchRef,
+    className: cls('section', 'switch')
   }, renderSwitch()), bordered && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: cls('split-line')
-  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
     className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('body-bottom'), {
       unscrollable: scorllContentOnly
     })
@@ -56943,27 +57064,30 @@ var Section = function Section(props) {
     className: cls('operation')
   }, operation), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
     className: cls('content')
-  }, content, children), !fixedFooter && Footer)));
+  }, content, children), !hasFixedFooter && Footer)));
+  var FixedTop = showFixedSwitch ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
+    className: cls('fixed-top')
+  }, renderSwitch()) : null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PageContainerContext.Provider, {
     value: {
-      ref: containerRef
+      ref: containerRef,
+      registerFixedFooter: setRegistedFixedFooter,
+      editable: editable,
+      selectedComponent: selectedComponent,
+      onSelectComponent: onSelectComponent
     }
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(EditableContext.Provider, {
-    value: editable
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SelectedComponentContext.Provider, {
-    value: selectedComponent
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SetSelectedContext.Provider, {
-    value: onSelectComponent
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("main", _objectSpread({
     className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls(''), {
       'fixed-footer': hasFixedFooter
     }),
     ref: containerRef
-  }, others), !hasFixedFooter && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, Header, Content), hasFixedFooter && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
-    ref: scrollContainerRef,
-    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('section'), cls('fixed-top-container'))
-  }, Header, Content), Footer))))));
-});
+  }, others), FixedTop, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
+    className: cls('section', 'scroll-container')
+  }, Header, Content), hasFixedFooter && Footer));
+};
+
+ProPageContainer.FixedFooter = ProPageContainerFixedFooter;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProPageContainer);
 
 /***/ }),
 
@@ -57385,6 +57509,7 @@ function useDangerConfirmAction(action, context) {
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
 /* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(67096);
 /* harmony import */ var _dialog__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(28653);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(95983);
 var _excluded = ["schema"],
     _excluded2 = ["schema", "useFieldValuesForRequest", "initialValues", "initialRequest", "formProps", "size", "onFinish"];
 
@@ -57406,6 +57531,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
 function getDefaultFormPropsByDialogSize(size) {
   if (size === 'small') {
     return {
@@ -57493,7 +57619,7 @@ var DialogForm = function DialogForm(props) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_form__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, _extends({
     form: form,
     schema: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getTargetValue)(formSchema, context)
-  }, getDefaultFormPropsByDialogSize(size), (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getTargetValue)(others, context))));
+  }, getDefaultFormPropsByDialogSize(size), (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .addContext */ .F)((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getTargetValue)(others, context), context))));
 };
 
 function useDialogFormAction(action, context) {
@@ -57623,8 +57749,9 @@ function useDialogTableAction(action, context) {
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
 /* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89417);
 /* harmony import */ var _utils_message__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(94891);
-/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(54842);
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(54842);
 /* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(67096);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(95983);
 var _excluded = ["url", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError"],
     _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "overlayProps"],
     _excluded3 = ["className"];
@@ -57653,6 +57780,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 function addContextForReactNode(content, context) {
   if (typeof content === 'function' && context) {
     return content(context);
@@ -57837,7 +57965,7 @@ function useDialogAction(action, context) {
     });
     var dialogContent = Component ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, _extends({
       key: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.uuid)()
-    }, componentProps)) : addContextForReactNode(content, dialogContext);
+    }, (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .addContext */ .F)(componentProps, dialogContext))) : addContextForReactNode(content, dialogContext);
 
     var quickShowProps = _objectSpread(_objectSpread({
       // @ts-ignore
@@ -57860,7 +57988,7 @@ function useDialogAction(action, context) {
     store.hide = ret.hide;
   };
 
-  return _objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_8__/* .eventHandler */ .$)(action, onActionStart));
+  return _objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_9__/* .eventHandler */ .$)(action, onActionStart));
 }
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useDialogAction);
 
@@ -58216,7 +58344,7 @@ var ProActionMenuButton = function ProActionMenuButton(props) {
       triggerType: 'hover'
     },
     popupProps: {
-      shouldUpdatePosition: true
+      v2: true
     },
     type: type,
     label: buttonContent(label || children, icon, iconSize, context)
@@ -58481,14 +58609,112 @@ function useRequestAction(action, context) {
 
 /***/ }),
 
+/***/ 95983:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "F": () => (/* binding */ addContext)
+/* harmony export */ });
+var _excluded = ["context"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function addContext(props, context) {
+  if (!props) {
+    return {
+      context: context
+    };
+  }
+
+  var propsContext = props.context,
+      others = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var mergedContext = Object.assign({}, propsContext, context);
+  return _objectSpread({
+    context: mergedContext
+  }, others);
+}
+
+/***/ }),
+
+/***/ 18110:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "l": () => (/* binding */ ProCardContainer),
+/* harmony export */   "_": () => (/* binding */ CardContainer)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39465);
+
+
+/**
+ * @deprecated 建议使用 ProCardProps 代替
+ */
+
+/**
+ * @deprecated 建议使用 ProCard 代替
+ */
+var ProCardContainer = function ProCardContainer(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_index__WEBPACK_IMPORTED_MODULE_1__/* .ProCard */ .QW, props);
+};
+ProCardContainer.defaultProps = {
+  compacted: true,
+  direction: 'column'
+};
+/**
+ * @deprecated 建议使用 ProCardContainer 代替
+ */
+
+var CardContainer = ProCardContainer;
+/**
+ * @deprecated 建议使用 ProCardContainerProps 代替
+ */
+
+/***/ }),
+
+/***/ 66113:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+function _extends() { _extends = Object.assign || 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.apply(this, arguments); }
+
+
+
+var ProCardDivider = function ProCardDivider(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+    className: "teamix-pro-card-divider"
+  }, props));
+};
+
+ProCardDivider.isProCardDivider = true;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProCardDivider);
+
+/***/ }),
+
 /***/ 39465:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "l0": () => (/* binding */ ProCardContainer),
-/* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__),
-/* harmony export */   "_L": () => (/* binding */ CardContainer)
+/* harmony export */   "_L": () => (/* reexport safe */ _card_container__WEBPACK_IMPORTED_MODULE_9__._),
+/* harmony export */   "l0": () => (/* reexport safe */ _card_container__WEBPACK_IMPORTED_MODULE_9__.l),
+/* harmony export */   "QW": () => (/* binding */ ProCard),
+/* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -58496,9 +58722,16 @@ function useRequestAction(action, context) {
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33049);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80653);
-/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(53277);
-/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28758);
+/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89227);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
+/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(53277);
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(28758);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(20559);
+/* harmony import */ var _divider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(66113);
+/* harmony import */ var _card_container__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(18110);
+var _excluded = ["context"],
+    _excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "description", "extra", "actions", "style", "className", "image", "divider", "bordered", "compacted", "centered", "loading", "backgroundColor", "contentClassName", "contentStyle", "direction", "wrap", "spacing", "split", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "context"];
+
 function _extends() { _extends = Object.assign || 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.apply(this, arguments); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -58507,15 +58740,247 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
 
 
 
 
 
 
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.baseClass)('teamix-pro-card');
 
-var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.baseClass)('teamix-pro-card');
+var renderActionGroup = function renderActionGroup(extra, context) {
+  if (!extra) {
+    return null;
+  }
+
+  if (extra.actions instanceof Array) {
+    var _ref = extra,
+        userContext = _ref.context,
+        others = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+    var mergedContext = _objectSpread(_objectSpread({}, context), userContext);
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_6__/* .ProActionGroup */ .d5, _extends({
+      context: mergedContext
+    }, others, {
+      type: "text"
+    }));
+  }
+
+  return extra;
+};
+
+var getFlexDirectionClassName = function getFlexDirectionClassName(direction, split) {
+  if (split) {
+    return "flex-direction-" + (split === 'horizontal' ? 'row' : 'column');
+  }
+
+  return "flex-direction-" + direction;
+};
+
+var ProCard = function ProCard(props) {
+  var _classnames;
+
+  var children = props.children,
+      title = props.title,
+      subTitle = props.subTitle,
+      tooltip = props.tooltip,
+      tooltipIcon = props.tooltipIcon,
+      description = props.description,
+      extra = props.extra,
+      actions = props.actions,
+      style = props.style,
+      className = props.className,
+      image = props.image,
+      divider = props.divider,
+      bordered = props.bordered,
+      compacted = props.compacted,
+      centered = props.centered,
+      loading = props.loading,
+      backgroundColor = props.backgroundColor,
+      contentClassName = props.contentClassName,
+      contentStyle = props.contentStyle,
+      direction = props.direction,
+      wrap = props.wrap,
+      spacing = props.spacing,
+      split = props.split,
+      collapsible = props.collapsible,
+      defaultCollapsed = props.defaultCollapsed,
+      collapsed = props.collapsed,
+      onCollapse = props.onCollapse,
+      context = props.context,
+      others = _objectWithoutPropertiesLoose(props, _excluded2);
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(defaultCollapsed !== undefined ? defaultCollapsed : false),
+      innerCollapseState = _React$useState[0],
+      setInnerCollapseState = _React$useState[1];
+
+  var _formatSpacing = (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .formatSpacing */ .A)(spacing),
+      horizonal = _formatSpacing.horizonal,
+      vertical = _formatSpacing.vertical;
+
+  var hasDivider = (divider || !!split) && (title || extra);
+  var hasCollapse = collapsible === true || defaultCollapsed !== undefined || collapsed !== undefined;
+  var collapseState = collapsed !== undefined ? collapsed : innerCollapseState;
+  var showContent = hasCollapse ? !collapseState : true;
+
+  var onCollapseChanged = function onCollapseChanged() {
+    onCollapse && onCollapse(!collapseState);
+
+    if (collapsed !== undefined) {
+      return;
+    }
+
+    setInnerCollapseState(!collapseState);
+  };
+
+  var childCardStyle = split ? {} : {
+    paddingRight: horizonal,
+    paddingLeft: horizonal,
+    paddingTop: vertical,
+    paddingBottom: vertical
+  };
+  var dividerStyle = direction === 'row' || direction === 'row-reverse' ? {
+    marginTop: vertical,
+    marginBottom: vertical,
+    marginLeft: 20 - horizonal,
+    marginRight: 20 - horizonal
+  } : {
+    marginTop: 20 - vertical,
+    marginBottom: 20 - vertical,
+    marginLeft: horizonal,
+    marginRight: horizonal
+  }; // 判断是否套了卡片，如果套了的话，为自身卡片内容区设置负间距，以适配栅格系统
+
+  var containProCard = false; // 如果嵌套了 ProCard，为其添加一层栅格化的 col 和 padding
+
+  var childrenModified = react__WEBPACK_IMPORTED_MODULE_0___default().Children.map(children, function (element, index) {
+    var _element$type, _element$type2;
+
+    if (element != null && (_element$type = element.type) != null && _element$type.isProCard) {
+      containProCard = true;
+      var col = element.props.col;
 
+      var _getColClassAndStyle = (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .getColClassAndStyle */ .Q)(col),
+          colClassName = _getColClassAndStyle.className,
+          colStyle = _getColClassAndStyle.style;
+
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+        style: _objectSpread(_objectSpread({}, childCardStyle), colStyle),
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls('col'), colClassName),
+        key: "pro-card-col-" + index
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(element));
+    }
+
+    if (element != null && (_element$type2 = element.type) != null && _element$type2.isProCardDivider) {
+      console.log('isProCardDivider');
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(element, {
+        style: dividerStyle
+      });
+    }
+
+    return element;
+  });
+  var cardClassName = classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls(), className, backgroundColor, {
+    noBorder: !bordered,
+    compacted: compacted
+  });
+  var cardContentClassName = classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls('content'), contentClassName, getFlexDirectionClassName(direction, split), (_classnames = {
+    'contain-pro-card': containProCard
+  }, _classnames["split-" + split] = split, _classnames['flex-wrap'] = wrap, _classnames.centered = centered, _classnames));
+  var cardContentMargin = containProCard && !split ? {
+    marginRight: -horizonal,
+    marginLeft: -horizonal,
+    marginTop: -vertical,
+    marginBottom: -vertical
+  } : {};
+
+  var cardContentStyle = _objectSpread(_objectSpread({}, cardContentMargin), contentStyle);
+
+  var renderTitle = function renderTitle() {
+    var icon = tooltipIcon || 'info-circle-line';
+    var tooltipTrigger = typeof icon === 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+      size: "small",
+      type: icon
+    }) : icon;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: cls('title')
+    }, hasCollapse && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls('title-collapse'), {
+        collapsed: collapseState
+      }),
+      onClick: onCollapseChanged
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+      size: "small",
+      type: "down-fill"
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: cls('title-name')
+    }, title)), !hasCollapse && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: cls('title-name')
+    }, title), tooltip && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: cls('title-tooltip')
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Balloon.Tooltip, {
+      align: "t",
+      trigger: tooltipTrigger
+    }, tooltip)), description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: cls('title-description')
+    }, description));
+  };
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card, _extends({
+    free: true,
+    className: cardClassName,
+    style: style,
+    actions: renderActionGroup(actions, context)
+  }, others), !loading && image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Media, {
+    component: "img",
+    src: image
+  }), (title || extra) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Header, {
+    title: loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_5__/* .ProSkeletonRaw.Card.Title */ .vR.Card.Title, null) : renderTitle(),
+    subTitle: !loading && subTitle,
+    extra: !loading && renderActionGroup(extra, context)
+  }), hasDivider && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Divider, null), showContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Content, {
+    style: split ? {
+      padding: 0,
+      margin: 0
+    } : {}
+  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_5__/* .ProSkeletonRaw.Card.Content */ .vR.Card.Content, null), !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: cardContentClassName,
+    style: cardContentStyle
+  }, childrenModified)));
+};
+ProCard.defaultProps = {
+  bordered: true,
+  spacing: 16,
+  direction: 'row'
+};
+ProCard.Divider = _divider__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z;
+ProCard.isProCard = true;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProCard);
+/**
+ * @deprecated 建议使用 ProCardProps 代替
+ */
+
+/***/ }),
+
+/***/ 20559:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "A": () => (/* binding */ formatSpacing),
+/* harmony export */   "Q": () => (/* binding */ getColClassAndStyle)
+/* harmony export */ });
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.baseClass)('teamix-pro-card');
 function formatSpacing(spacing) {
   var spacingArray = spacing instanceof Array ? spacing : [spacing || 0, spacing || 0];
   return {
@@ -58523,7 +58988,6 @@ function formatSpacing(spacing) {
     vertical: spacingArray[1] / 2
   };
 }
-
 function getColClassAndStyle(col) {
   if (!col) {
     return {
@@ -58546,130 +59010,6 @@ function getColClassAndStyle(col) {
   };
 }
 
-var ProCardContainer = function ProCardContainer(props) {
-  var _classnames;
-
-  var children = props.children,
-      style = props.style,
-      className = props.className,
-      spacing = props.spacing,
-      direction = props.direction,
-      wrap = props.wrap;
-
-  var _formatSpacing = formatSpacing(spacing),
-      horizonal = _formatSpacing.horizonal,
-      vertical = _formatSpacing.vertical; // 如果嵌套了 ProCard，为其添加一层栅格化的 col 和 padding
-
-
-  var childrenModified = react__WEBPACK_IMPORTED_MODULE_0___default().Children.map(children, function (element, index) {
-    var _element$type;
-
-    if (element != null && (_element$type = element.type) != null && _element$type.isProCard) {
-      var col = element.props.col;
-
-      var _getColClassAndStyle = getColClassAndStyle(col),
-          colClassName = _getColClassAndStyle.className,
-          colStyle = _getColClassAndStyle.style;
-
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-        style: _objectSpread({
-          paddingRight: horizonal,
-          paddingLeft: horizonal,
-          paddingTop: vertical,
-          paddingBottom: vertical
-        }, colStyle),
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls('col'), colClassName),
-        key: "pro-card-col-" + index
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(element));
-    }
-
-    return element;
-  });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    style: _objectSpread({
-      marginLeft: -horizonal,
-      marginRight: -horizonal,
-      marginTop: -vertical,
-      marginBottom: -vertical
-    }, style),
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(className, cls('container'), cls("container-flex-" + direction), (_classnames = {}, _classnames[cls('container-wrap')] = wrap, _classnames))
-  }, childrenModified);
-};
-ProCardContainer.defaultProps = {
-  spacing: 16,
-  direction: 'column'
-};
-
-var renderExtra = function renderExtra(extra) {
-  if (!extra) {
-    return null;
-  }
-
-  if (extra.actions instanceof Array) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_5__/* .ProActionGroup */ .d5, _extends({}, extra, {
-      type: "text"
-    }));
-  }
-
-  return extra;
-};
-
-var ProCard = function ProCard(props) {
-  var children = props.children,
-      title = props.title,
-      subTitle = props.subTitle,
-      extra = props.extra,
-      style = props.style,
-      className = props.className,
-      image = props.image,
-      divider = props.divider,
-      bordered = props.bordered,
-      hoveredShadow = props.hoveredShadow,
-      compacted = props.compacted,
-      centered = props.centered,
-      loading = props.loading,
-      backgroundColor = props.backgroundColor,
-      contentClassName = props.contentClassName,
-      contentStyle = props.contentStyle;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card, {
-    free: true,
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls(), className, backgroundColor, {
-      noBorder: !bordered,
-      noHoveredShadow: !hoveredShadow,
-      compacted: compacted
-    }),
-    style: style
-  }, !loading && image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Media, {
-    component: "img",
-    src: image
-  }), (title || extra) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Header, {
-    title: loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_4__/* .ProSkeletonRaw.Card.Title */ .vR.Card.Title, null) : title,
-    subTitle: !loading && subTitle,
-    extra: !loading && renderExtra(extra)
-  }), divider && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Content, {
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls('content'), contentClassName, {
-      centered: centered
-    }),
-    style: contentStyle
-  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_4__/* .ProSkeletonRaw.Card.Content */ .vR.Card.Content, null), !loading && children));
-};
-
-ProCard.defaultProps = {
-  bordered: true,
-  hoveredShadow: false
-}; // @ts-ignore
-
-ProCard.isProCard = true;
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProCard);
-/**
- * @deprecated 建议使用 ProCardContainer 代替
- */
-
-var CardContainer = ProCardContainer;
-/**
- * @deprecated 建议使用 ProCardProps 代替
- */
-
 /***/ }),
 
 /***/ 75241:
@@ -59052,11 +59392,7 @@ var componentBuilder = function componentBuilder(type) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_field__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, _extends({}, props, {
       type: type
     }));
-  }, (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.mapProps)(_utils__WEBPACK_IMPORTED_MODULE_2__/* .mapSize */ .zb, _utils__WEBPACK_IMPORTED_MODULE_2__/* .mapStatus */ .OA, _utils__WEBPACK_IMPORTED_MODULE_2__/* .mapDataSource */ .Lx, _utils__WEBPACK_IMPORTED_MODULE_2__/* .mapMode */ .kw), (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.mapReadPretty)(function (props) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_field__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, _extends({}, props, {
-      mode: "read"
-    }));
-  }));
+  }, (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.mapProps)(_utils__WEBPACK_IMPORTED_MODULE_2__/* .mapSize */ .zb, _utils__WEBPACK_IMPORTED_MODULE_2__/* .mapStatus */ .OA, _utils__WEBPACK_IMPORTED_MODULE_2__/* .mapDataSource */ .Lx, _utils__WEBPACK_IMPORTED_MODULE_2__/* .mapMode */ .kw));
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((function () {
@@ -59562,10 +59898,17 @@ AdvancedFilter.defaultProps = {
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(51344);
 /* harmony import */ var _useAutoSubmit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(86924);
 /* harmony import */ var _useInitialRequest__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(8550);
-var _excluded = ["form", "initialValues", "initialRequest", "schema", "scope", "components", "children", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol", "breakpoints", "onChange", "onSubmit", "onSubmitFailed", "className"];
+/* harmony import */ var _locales_validate__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(67315);
+var _excluded = ["form", "initialValues", "initialRequest", "schema", "scope", "context", "components", "children", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol", "breakpoints", "onChange", "onSubmit", "onSubmitFailed", "className"];
 
 function _extends() { _extends = Object.assign || 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.apply(this, arguments); }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 
@@ -59579,12 +59922,15 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
+(0,_formily_core__WEBPACK_IMPORTED_MODULE_2__.registerValidateLocale)(_locales_validate__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z);
 var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (_ref) {
   var outerForm = _ref.form,
       initialValues = _ref.initialValues,
       initialRequest = _ref.initialRequest,
       schema = _ref.schema,
       scope = _ref.scope,
+      context = _ref.context,
       components = _ref.components,
       children = _ref.children,
       layout = _ref.layout,
@@ -59600,11 +59946,18 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
       otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var form = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return outerForm || (0,_formily_core__WEBPACK_IMPORTED_MODULE_2__.createForm)();
+    return outerForm || (0,_formily_core__WEBPACK_IMPORTED_MODULE_2__.createForm)({
+      validateFirst: true
+    });
   }, []);
   var prefixCls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.usePrefixCls)('', {
     prefix: 'teamix-pro-form'
   });
+  var mergedScope = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return _objectSpread(_objectSpread({}, scope), {}, {
+      context: context
+    });
+  }, [scope, context]);
   var onAutoSubmit = (0,_useAutoSubmit__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(onSubmit);
   var getTeamixLayout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return breakpoints ? {
@@ -59642,17 +59995,12 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
         form.setInitialValues(values);
       });
     }
+  }, []); // 配置国际化
+
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    (0,_formily_core__WEBPACK_IMPORTED_MODULE_2__.setValidateLanguage)((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getLanguage)() || 'zh-cn');
   }, []);
-  return outerForm === false ?
-  /*#__PURE__*/
-  // 特殊表单，无需渲染form实例，例如FormDialog等
-  react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_formily__WEBPACK_IMPORTED_MODULE_4__.FormLayout, _extends({
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls, className)
-  }, otherProps, getTeamixLayout), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SchemaForm__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
-    schema: schema,
-    scope: scope,
-    components: components
-  }), children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_formily__WEBPACK_IMPORTED_MODULE_4__.Form, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_formily__WEBPACK_IMPORTED_MODULE_4__.Form, _extends({
     className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls, className)
   }, otherProps, getTeamixLayout, {
     form: form,
@@ -59660,9 +60008,30 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
     onAutoSubmitFailed: onSubmitFailed
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SchemaForm__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
     schema: schema,
-    scope: scope,
+    scope: mergedScope,
     components: components
-  }), children);
+  }), children); // return outerForm === false ? ( // 特殊表单，无需渲染form实例，例如FormDialog等
+  //   <FormLayout
+  //     className={cls(prefixCls, className)}
+  //     {...otherProps}
+  //     {...getTeamixLayout}
+  //   >
+  //     <SchemaForm schema={schema} scope={scope} components={components} />
+  //     {children}
+  //   </FormLayout>
+  // ) : (
+  //   <Form
+  //     className={cls(prefixCls, className)}
+  //     {...otherProps}
+  //     {...getTeamixLayout}
+  //     form={form}
+  //     onAutoSubmit={onAutoSubmit}
+  //     onAutoSubmitFailed={onSubmitFailed}
+  //   >
+  //     <SchemaForm schema={schema} scope={scope} components={components} />
+  //     {children}
+  //   </Form>
+  // );
 });
 ProForm.defaultProps = {
   colon: false,
@@ -59691,7 +60060,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-var useAutoSubmit = function useAutoSubmit(onSubmit) {
+var useAutoSubmit = function useAutoSubmit(onSubmit, context) {
   if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isObj)(onSubmit)) {
     var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_0__.useHistory)();
     var submitConfig = onSubmit;
@@ -59700,9 +60069,9 @@ var useAutoSubmit = function useAutoSubmit(onSubmit) {
         method: 'POST'
       }, submitConfig), {}, {
         params: _objectSpread(_objectSpread({}, values), submitConfig.params || {})
-      }), {
+      }), _objectSpread({
         fields: values
-      }, history);
+      }, context), history);
     };
   }
 
@@ -59833,10 +60202,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-var useInitialRequest = function useInitialRequest(initialRequest) {
+var useInitialRequest = function useInitialRequest(initialRequest, context) {
   return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.doCommonRequest)(_objectSpread({
     method: 'GET'
-  }, initialRequest));
+  }, initialRequest), context);
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useInitialRequest);
@@ -60428,7 +60797,7 @@ var initializeDataSource = function initializeDataSource(dataSource) {
     var requestScopeName = (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .getRandomName */ .VO)('$request');
     var dataSourceScopeName = (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .getRandomName */ .VO)('$dataSource');
     return {
-      reactions: ["{{" + dataSourceScopeName + "(" + requestScopeName + "," + _requestConfig.onComplete + ")}}"],
+      reactions: ["{{" + dataSourceScopeName + "(" + requestScopeName + "," + _requestConfig.onComplete + ",context)}}"],
       scope: (_scope = {}, _scope[requestScopeName] = (0,_reactions__WEBPACK_IMPORTED_MODULE_1__/* .$request */ .bE)(_requestConfig), _scope[dataSourceScopeName] = _reactions__WEBPACK_IMPORTED_MODULE_1__/* .$dataSource */ .Sv, _scope)
     };
   }
@@ -60451,6 +60820,7 @@ var initializeDataSource = function initializeDataSource(dataSource) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
 var _excluded = ["sticky", "container", "onAffix"];
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -60461,9 +60831,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+
 var buttonTextMap = {
-  Submit: '提交',
-  Reset: '重置'
+  Submit: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getMessage)('submit'),
+  Reset: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getMessage)('reset')
 };
 
 var initializeButton = function initializeButton(item) {
@@ -60874,9 +61245,10 @@ var initializeRequest = function initializeRequest(requestConfig) {
     var _scope;
 
     var requestScopeName = (0,_utils__WEBPACK_IMPORTED_MODULE_1__/* .getRandomName */ .VO)('$request');
+    var contextScopeName = (0,_utils__WEBPACK_IMPORTED_MODULE_1__/* .getRandomName */ .VO)('$context');
     return {
-      reactions: ["{{" + requestScopeName + "}}"],
-      scope: (_scope = {}, _scope[requestScopeName] = (0,_SchemaForm_reactions__WEBPACK_IMPORTED_MODULE_0__/* .$request */ .bE)(requestConfig), _scope)
+      reactions: ["{{" + contextScopeName + "(" + requestScopeName + "," + requestConfig.onComplete + ",context)}}"],
+      scope: (_scope = {}, _scope[requestScopeName] = (0,_SchemaForm_reactions__WEBPACK_IMPORTED_MODULE_0__/* .$request */ .bE)(requestConfig), _scope[contextScopeName] = _SchemaForm_reactions__WEBPACK_IMPORTED_MODULE_0__/* .$context */ .Am, _scope)
     };
   }
 
@@ -60921,7 +61293,7 @@ var initializeRules = function initializeRules(rules) {
       var validatorScopeName = (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .getRandomName */ .VO)('$validator');
       return {
         rules: _objectSpread(_objectSpread({}, rule), {}, {
-          validator: "{{" + validatorScopeName + "(" + requestScopeName + "," + validator.onComplete + ")}}"
+          validator: "{{" + validatorScopeName + "(" + requestScopeName + "," + validator.onComplete + ",context)}}"
         }),
         scope: (_scope = {}, _scope[requestScopeName] = (0,_SchemaForm_reactions__WEBPACK_IMPORTED_MODULE_1__/* .$request */ .bE)(validator), _scope[validatorScopeName] = _SchemaForm_reactions__WEBPACK_IMPORTED_MODULE_1__/* .$validator */ .fn, _scope)
       };
@@ -60958,6 +61330,7 @@ var initializeRules = function initializeRules(rules) {
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "bE": () => (/* binding */ $request),
+/* harmony export */   "Am": () => (/* binding */ $context),
 /* harmony export */   "Sv": () => (/* binding */ $dataSource),
 /* harmony export */   "fn": () => (/* binding */ $validator)
 /* harmony export */ });
@@ -60972,44 +61345,53 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 // 配置请求
 var $request = function $request(requestConfig) {
-  return function (field) {
+  return function (field, context) {
     var _field$data;
 
     var refresh = field == null ? void 0 : (_field$data = field.data) == null ? void 0 : _field$data.refresh;
     var beforeRequest = requestConfig.beforeRequest,
         onSuccess = requestConfig.onSuccess;
     var refreshResult = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.isPlainObj)(refresh) ? refresh : {};
-    var beforeRequestResult = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.isFn)(beforeRequest) ? beforeRequest(field) : {};
+    var beforeRequestResult = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.isFn)(beforeRequest) ? beforeRequest(field, context) : {};
     return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.doCommonRequest)(_objectSpread(_objectSpread({}, requestConfig), {}, {
       params: _objectSpread(_objectSpread(_objectSpread({}, requestConfig.params), beforeRequestResult), refreshResult),
       beforeRequest: function beforeRequest() {
         return beforeRequestResult;
       },
       onSuccess: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.isFn)(onSuccess) ? function (res) {
-        return onSuccess(res, field);
+        return onSuccess(res, field, context);
       } : onSuccess
-    }), field);
+    }), context);
+  };
+}; // 配置上下文
+
+
+var $context = function $context(services, onComplete, context) {
+  return function (field) {
+    return services(field, context).then(function (res) {
+      return onComplete && onComplete(res, field, context);
+    });
   };
 }; // 配置校验
 
 
-var $validator = function $validator(services, onComplete) {
+var $validator = function $validator(services, onComplete, context) {
   return function (value, rules, _ref) {
     var field = _ref.field;
-    return services(field).then(function (res) {
-      return onComplete && onComplete(res, field);
+    return services(field, context).then(function (res) {
+      return onComplete && onComplete(res, field, context);
     });
   };
 }; // 配置DataSource
 
 
-var $dataSource = function $dataSource(services, onComplete) {
+var $dataSource = function $dataSource(services, onComplete, context) {
   return function (field) {
     field.setState({
       loading: true,
       readOnly: true
     });
-    return services(field).then(function (res) {
+    return services(field, context).then(function (res) {
       var _res$map;
 
       var isValueInDataSource = res == null ? void 0 : (_res$map = res.map(function (v) {
@@ -61023,7 +61405,7 @@ var $dataSource = function $dataSource(services, onComplete) {
         loading: false,
         readOnly: false
       }, clearValue));
-      return onComplete && onComplete(res, field);
+      return onComplete && onComplete(res, field, context);
     })["catch"](function () {
       field.setState({
         loading: false,
@@ -61175,6 +61557,174 @@ var formilyReact = _objectSpread(_objectSpread({}, _formily_react__WEBPACK_IMPOR
 
 /***/ }),
 
+/***/ 67315:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  en: {
+    pattern: 'This field  does not match any pattern',
+    required: 'This field is required',
+    number: 'This field is not a number',
+    integer: 'This field is not an integer number',
+    url: 'This field is a invalid url',
+    email: 'This field is not a email format',
+    ipv6: 'This field is not a ipv6 format',
+    ipv4: 'This field is not a ipv4 format',
+    idcard: 'This field is not an idcard format',
+    taodomain: 'This field is not a taobao domain format',
+    qq: 'This field is not a qq number format',
+    phone: 'This field is not a phone number format',
+    money: 'This field is not a currency format',
+    zh: 'This field is not a chinese string',
+    date: 'This field is not a valid date format',
+    zip: 'This field is not a zip format',
+    len: 'The length or number of entries must be {{len}}',
+    min: 'The length or number of entries must be at least {{min}}',
+    maximum: 'The value cannot be greater than {{maximum}}',
+    exclusiveMaximum: 'The value must be less than {{exclusiveMaximum}}',
+    minimum: 'The value cannot be less than {{minimum}}',
+    exclusiveMinimum: 'The value must be greater than {{exclusiveMinimum}}',
+    max: 'The length or number of entries must be at most {{max}}',
+    whitespace: 'This field cannot be blank string.'
+  },
+  'en-us': {
+    pattern: 'This field  does not match any pattern',
+    required: 'This field is required',
+    number: 'This field is not a number',
+    integer: 'This field is not an integer number',
+    url: 'This field is a invalid url',
+    email: 'This field is not a email format',
+    ipv6: 'This field is not a ipv6 format',
+    ipv4: 'This field is not a ipv4 format',
+    idcard: 'This field is not an idcard format',
+    taodomain: 'This field is not a taobao domain format',
+    qq: 'This field is not a qq number format',
+    phone: 'This field is not a phone number format',
+    money: 'This field is not a currency format',
+    zh: 'This field is not a chinese string',
+    date: 'This field is not a valid date format',
+    zip: 'This field is not a zip format',
+    len: 'The length or number of entries must be {{len}}',
+    min: 'The length or number of entries must be at least {{min}}',
+    maximum: 'The value cannot be greater than {{maximum}}',
+    exclusiveMaximum: 'The value must be less than {{exclusiveMaximum}}',
+    minimum: 'The value cannot be less than {{minimum}}',
+    exclusiveMinimum: 'The value must be greater than {{exclusiveMinimum}}',
+    max: 'The length or number of entries must be at most {{max}}',
+    whitespace: 'This field cannot be blank string.'
+  },
+  zh: {
+    pattern: '该字段不是一个合法的字段',
+    required: '该字段是必填字段',
+    number: '该字段不是合法的数字',
+    integer: '该字段不是合法的整型数字',
+    url: '该字段不是合法的url',
+    email: '该字段不是合法的邮箱格式',
+    ipv6: '该字段不是合法的ipv6格式',
+    ipv4: '该字段不是合法的ipv4格式',
+    idcard: '该字段不是合法的身份证格式',
+    taodomain: '该字段不符合淘系域名规则',
+    qq: '该字段不符合QQ号格式',
+    phone: '该字段不是有效的手机号',
+    money: '该字段不是有效货币格式',
+    zh: '该字段不是合法的中文字符串',
+    date: '该字段不是合法的日期格式',
+    zip: '该字段不是合法的邮编格式',
+    len: '长度或条目数必须为{{len}}',
+    min: '长度或条目数不能小于{{min}}',
+    max: '长度或条目数不能大于{{max}}',
+    maximum: '数值不能大于{{maximum}}',
+    exclusiveMaximum: '数值必须小于{{exclusiveMaximum}}',
+    minimum: '数值不能小于{{minimum}}',
+    exclusiveMinimum: '数值必须大于{{exclusiveMinimum}}',
+    whitespace: '不能为纯空白字符串'
+  },
+  'zh-cn': {
+    pattern: '该字段不是一个合法的字段',
+    required: '该字段是必填字段',
+    number: '该字段不是合法的数字',
+    integer: '该字段不是合法的整型数字',
+    url: '该字段不是合法的url',
+    email: '该字段不是合法的邮箱格式',
+    ipv6: '该字段不是合法的ipv6格式',
+    ipv4: '该字段不是合法的ipv4格式',
+    idcard: '该字段不是合法的身份证格式',
+    taodomain: '该字段不符合淘系域名规则',
+    qq: '该字段不符合QQ号格式',
+    phone: '该字段不是有效的手机号',
+    money: '该字段不是有效货币格式',
+    zh: '该字段不是合法的中文字符串',
+    date: '该字段不是合法的日期格式',
+    zip: '该字段不是合法的邮编格式',
+    len: '长度或条目数必须为{{len}}',
+    min: '长度或条目数不能小于{{min}}',
+    max: '长度或条目数不能大于{{max}}',
+    maximum: '数值不能大于{{maximum}}',
+    exclusiveMaximum: '数值必须小于{{exclusiveMaximum}}',
+    minimum: '数值不能小于{{minimum}}',
+    exclusiveMinimum: '数值必须大于{{exclusiveMinimum}}',
+    whitespace: '不能为纯空白字符串'
+  },
+  'zh-tw': {
+    pattern: '該字段不是一個合法的字段',
+    required: '該字段是必填字段',
+    number: '該字段不是合法的數字',
+    integer: '該字段不是合法的整型數字',
+    url: '該字段不是合法的url',
+    email: '該字段不是合法的郵箱格式',
+    ipv6: '該字段不是合法的ipv6格式',
+    ipv4: '該字段不是合法的ipv4格式',
+    idcard: '該字段不是合法的身份證格式',
+    taodomain: '該字段不符合淘系域名規則',
+    qq: '該字段不符合QQ號格式',
+    phone: '該字段不是有效的手機號',
+    money: '該字段不是有效貨幣格式',
+    zh: '該字段不是合法的中文字符串',
+    date: '該字段不是合法的日期格式',
+    zip: '該字段不是合法的郵編格式',
+    len: '長度或條目數必須為{{len}}',
+    min: '長度或條目數不能小於{{min}}',
+    max: '長度或條目數不能大於{{max}}',
+    maximum: '數值不能大於{{maximum}}',
+    exclusiveMaximum: '數值必須小於{{exclusiveMaximum}}',
+    minimum: '數值不能小於{{minimum}}',
+    exclusiveMinimum: '數值必須大於{{exclusiveMinimum}}',
+    whitespace: '不能為純空白字符串'
+  },
+  ja: {
+    url: 'このフィールドは無効なURLです',
+    whitespace: 'このフィールドを空の文字列にすることはできません。',
+    zh: 'このフィールドは中国語の文字列ではありません',
+    zip: 'このフィールドはzip形式ではありません',
+    date: 'このフィールドは有効な日付形式ではありません',
+    email: 'このフィールドはメール形式ではありません',
+    exclusiveMaximum: '値は{{exclusiveMaximum}}未満である必要があります',
+    exclusiveMinimum: '値は{{exclusiveMinimum}}より大きい必要があります',
+    idcard: 'このフィールドはIDカード形式ではありません',
+    integer: 'このフィールドは整数ではありません',
+    ipv4: 'このフィールドはIPv4形式ではありません',
+    ipv6: 'このフィールドはIPv6形式ではありません',
+    len: 'エントリの長さまたは数は{{len}}でなければなりません',
+    max: 'エントリの長さまたは数は最大{{max}}でなければなりません',
+    maximum: '値は{{最大}}を超えることはできません',
+    min: 'エントリの長さまたは数は、少なくとも{{min}}である必要があります',
+    minimum: '値は{{minimum}}以上にする必要があります',
+    money: 'このフィールドは通貨形式ではありません',
+    number: 'このフィールドは数値ではありません',
+    pattern: 'このフィールドはどのパターンとも一致しません',
+    phone: 'このフィールドは電話番号の形式ではありません',
+    qq: 'このフィールドはqq数値形式ではありません',
+    required: 'この項目は必須です',
+    taodomain: 'このフィールドは淘宝網ドメイン形式ではありません'
+  }
+});
+
+/***/ }),
+
 /***/ 7716:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -61500,6 +62050,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "PlayGroundLayout": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PlayGroundLayout),
 /* harmony export */   "initConfigurator": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.initConfigurator),
 /* harmony export */   "EditableContainer": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.OP),
+/* harmony export */   "PageContainerContext": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.QU),
+/* harmony export */   "ProPageContainerFixedFooter": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.Nc),
 /* harmony export */   "Section": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.$0),
 /* harmony export */   "usePageContainer": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.Oy),
 /* harmony export */   "BaseSkeleton": () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_8__.aM),
@@ -61560,7 +62112,7 @@ _teamix_icon__WEBPACK_IMPORTED_MODULE_12__/* ["default"].setConfig */ .Z.setConf
 
 
 
-var version = '1.1.39';
+var version = '1.2.4';
 
 
 /***/ }),
@@ -61579,7 +62131,7 @@ var version = '1.1.39';
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(28266);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(27872);
-var _excluded = ["children", "url", "method", "params", "formatResult", "onSuccess", "onError", "formatParams", "beforeRequest", "extendParams", "className", "compacted", "divider", "style", "backgroundColor"];
+var _excluded = ["children", "url", "method", "params", "formatResult", "onSuccess", "onError", "formatParams", "beforeRequest", "extendParams", "className", "compacted", "divider", "style", "backgroundColor", "context"];
 
 function _extends() { _extends = Object.assign || 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.apply(this, arguments); }
 
@@ -61612,6 +62164,8 @@ var ProInfoGroup = function ProInfoGroup(props) {
       style = props.style,
       _props$backgroundColo = props.backgroundColor,
       backgroundColor = _props$backgroundColo === void 0 ? '' : _props$backgroundColo,
+      _props$context = props.context,
+      context = _props$context === void 0 ? {} : _props$context,
       others = _objectWithoutPropertiesLoose(props, _excluded);
 
   var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
@@ -61637,7 +62191,8 @@ var ProInfoGroup = function ProInfoGroup(props) {
     onError: onError,
     formatParams: formatParams,
     beforeRequest: beforeRequest,
-    extendParams: extendParams
+    extendParams: extendParams,
+    context: context
   };
   var proInfoClassName = classnames__WEBPACK_IMPORTED_MODULE_2___default()({
     'teamix-pro-info-group-item': true,
@@ -61687,7 +62242,7 @@ var ProInfoGroup = function ProInfoGroup(props) {
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(33049);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_6__);
 /* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(28758);
-var _excluded = ["type", "value", "render", "infoItem", "record", "actionRef", "dataSource"];
+var _excluded = ["type", "value", "render", "infoItem", "record", "actionRef", "dataSource", "context"];
 
 function _extends() { _extends = Object.assign || 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.apply(this, arguments); }
 
@@ -61720,6 +62275,7 @@ var InfoValueItem = function InfoValueItem(props) {
       record = props.record,
       actionRef = props.actionRef,
       dataSource = props.dataSource,
+      context = props.context,
       others = _objectWithoutPropertiesLoose(props, _excluded);
 
   var dataIndex = infoItem.dataIndex,
@@ -61740,7 +62296,7 @@ var InfoValueItem = function InfoValueItem(props) {
 
     if (typeof render === 'function') {
       return function () {
-        render(value, record);
+        return render(value, record);
       };
     }
 
@@ -61760,9 +62316,8 @@ var InfoValueItem = function InfoValueItem(props) {
           var k = _ref3[0],
               v = _ref3[1];
           return [k, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
-            record: record,
             value: value
-          }))];
+          }, context))];
         }));
       });
     }
@@ -61798,9 +62353,7 @@ var InfoValueItem = function InfoValueItem(props) {
         style: {
           marginLeft: '8px'
         },
-        context: {
-          record: record
-        }
+        context: _objectSpread({}, context)
       });
     }
 
@@ -62101,7 +62654,8 @@ var ProBaseInfo = function ProBaseInfo(props) {
       result = props.result,
       actionRef = props.actionRef,
       layout = props.layout,
-      size = props.size;
+      size = props.size,
+      context = props.context;
   var defaultLayout = _utils_layout__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z[(0,_utils_utils__WEBPACK_IMPORTED_MODULE_6__/* .getLayout */ .G)((_size$width = size == null ? void 0 : size.width) != null ? _size$width : 0)]; // 获取列内的布局参数
 
   var getFormItemLayout = function getFormItemLayout(colspan) {
@@ -62154,7 +62708,8 @@ var ProBaseInfo = function ProBaseInfo(props) {
           dataSource: item.dataSource,
           infoItem: item,
           record: dataSource != null ? dataSource : result,
-          actionRef: actionRef
+          actionRef: actionRef,
+          context: context
         }),
         baseInfoLayout: getFormItemLayout((_item$colSpan = item == null ? void 0 : item.colSpan) != null ? _item$colSpan : 0),
         tooltip: item.tooltip,
@@ -62459,7 +63014,8 @@ var ProTableInfo = function ProTableInfo(props) {
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(80653);
 /* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(26245);
 /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(42345);
-var _excluded = ["type", "url", "method", "formatResult", "formatParams", "params", "actionRef", "header", "onSuccess", "onError", "beforeRequest", "extendParams", "className", "style", "columns", "layout", "dataSource", "loading", "extra"];
+var _excluded = ["type", "url", "method", "formatResult", "formatParams", "params", "actionRef", "header", "onSuccess", "onError", "beforeRequest", "extendParams", "className", "style", "columns", "layout", "dataSource", "loading", "extra", "context"],
+    _excluded2 = ["context"];
 
 function _extends() { _extends = Object.assign || 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.apply(this, arguments); }
 
@@ -62508,6 +63064,7 @@ var ProInfo = function ProInfo(props) {
       dataSource = props.dataSource,
       userLoading = props.loading,
       extra = props.extra,
+      infoContext = props.context,
       others = _objectWithoutPropertiesLoose(props, _excluded);
 
   var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_utils__WEBPACK_IMPORTED_MODULE_5__/* .ProInfoGroupContext */ .TH),
@@ -62521,7 +63078,9 @@ var ProInfo = function ProInfo(props) {
       contextOnError = _useContext.onError,
       contextFormatParams = _useContext.formatParams,
       contextBeforeRequest = _useContext.beforeRequest,
-      contextExtendParams = _useContext.extendParams; // 获取容器宽度
+      contextExtendParams = _useContext.extendParams,
+      _useContext$context = _useContext.context,
+      contextContext = _useContext$context === void 0 ? {} : _useContext$context; // 获取容器宽度
 
 
   var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
@@ -62554,7 +63113,12 @@ var ProInfo = function ProInfo(props) {
     } else {
       setLoading(false);
     }
-  }, []); // 获取数据
+  }, []);
+  var context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return _objectSpread(_objectSpread({}, infoContext), {}, {
+      record: dataSource != null ? dataSource : data
+    }, contextContext);
+  }, [dataSource, data]); // 获取数据
 
   var request = function request() {
     setLoading(true);
@@ -62587,10 +63151,13 @@ var ProInfo = function ProInfo(props) {
       return extra;
     }
 
-    return _objectSpread(_objectSpread({}, extra), {}, {
-      context: {
-        record: dataSource != null ? dataSource : data
-      }
+    var _ref2 = extra,
+        _ref2$context = _ref2.context,
+        actionContext = _ref2$context === void 0 ? {} : _ref2$context,
+        others = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+
+    return _objectSpread(_objectSpread({}, others), {}, {
+      context: _objectSpread(_objectSpread({}, context), actionContext)
     });
   };
 
@@ -62611,7 +63178,8 @@ var ProInfo = function ProInfo(props) {
     loading: userLoading || loading,
     result: data,
     actionRef: actionRef,
-    layout: layout
+    layout: layout,
+    context: context
   }), type === 'header' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_headerInfo__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
     dataSource: dataSource,
     columns: columns,
@@ -62620,7 +63188,8 @@ var ProInfo = function ProInfo(props) {
     result: data,
     actionRef: actionRef,
     layout: layout,
-    size: size
+    size: size,
+    context: context
   }), type === 'base' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_baseInfo__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
     dataSource: dataSource,
     columns: columns,
@@ -62628,7 +63197,8 @@ var ProInfo = function ProInfo(props) {
     result: data,
     actionRef: actionRef,
     layout: layout,
-    size: size
+    size: size,
+    context: context
   })));
 };
 
@@ -62807,6 +63377,14 @@ var schema = [{
           name: 'subTitle',
           title: '副标题',
           component: 'Input'
+        }, {
+          name: 'tooltip',
+          title: '介绍信息',
+          component: 'Input'
+        }, {
+          name: 'description',
+          title: '描述文字',
+          component: 'Input'
         }, {
           name: 'extra',
           title: '额外信息',
@@ -62835,10 +63413,6 @@ var schema = [{
           name: 'bordered',
           title: '边框',
           component: 'Switch'
-        }, {
-          name: 'hoveredShadow',
-          title: '悬浮阴影',
-          component: 'Switch'
         }, {
           name: 'divider',
           title: '头部分割线',
@@ -64309,6 +64883,8 @@ var PlayGround = function PlayGround(props) {
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "OP": () => (/* reexport safe */ _teamix_pro_page_container__WEBPACK_IMPORTED_MODULE_0__.OP),
+/* harmony export */   "QU": () => (/* reexport safe */ _teamix_pro_page_container__WEBPACK_IMPORTED_MODULE_0__.QU),
+/* harmony export */   "Nc": () => (/* reexport safe */ _teamix_pro_page_container__WEBPACK_IMPORTED_MODULE_0__.Nc),
 /* harmony export */   "$0": () => (/* reexport safe */ _teamix_pro_page_container__WEBPACK_IMPORTED_MODULE_0__.$0),
 /* harmony export */   "Oy": () => (/* reexport safe */ _teamix_pro_page_container__WEBPACK_IMPORTED_MODULE_0__.Oy),
 /* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__)
@@ -64985,7 +65561,7 @@ var Layout = function Layout(props) {
   var renderPanelFilter = function renderPanelFilter() {
     var _dataFilter$schema2;
 
-    if (dataFilter && (dataFilter == null ? void 0 : (_dataFilter$schema2 = dataFilter.schema) == null ? void 0 : _dataFilter$schema2.length) > 0) {
+    if (dataFilter && (dataFilter == null ? void 0 : (_dataFilter$schema2 = dataFilter.schema) == null ? void 0 : _dataFilter$schema2.length) >= 0) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: cls('panel-filter'),
         style: {
@@ -65390,27 +65966,7 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
 
   (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {
     setNewColumns(processColumns(columns));
-  }, [columns]); // useEffect(() => {
-  //   console.log("这个函数被触发");
-  //   setTimeout(() => {
-  //     setFullscreen(actionRef?.current?.getState?.().fullScreenState ?? false);
-  //   }, 0)
-  // }, [])
-  // // 销毁监听函数
-  // useEffect(() => {
-  //   return () => {
-  //     actionRef.current?.off?.('filterColumnIcon');
-  //   };
-  // }, []);
-  // // 监听全屏变化
-  // actionRef.current?.on?.(
-  //   (state: boolean) => {
-  //     setFullscreen(state);
-  //   },
-  //   'fullScreenState',
-  //   'filterColumnIcon',
-  // );
-  // 全选
+  }, [columns]); // 全选
 
   var onChangeAllColumns = function onChangeAllColumns(check) {
     setAllVisible(check);
@@ -65609,9 +66165,7 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
       onOk: onChangeColumnsForDialog,
       onCancel: dialogOnClose,
       onClose: dialogOnClose,
-      style: {
-        width: '440px'
-      }
+      width: 480
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(Row, {
       gutter: 20,
       wrap: true,
@@ -66004,7 +66558,7 @@ var ToolBar = function ToolBar(props) {
 /* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(53277);
 /* harmony import */ var _components_Layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9458);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(90450);
-/* harmony import */ var _utils_getTableProps__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(78964);
+/* harmony import */ var _utils_getTableProps__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(78964);
 /* harmony import */ var _utils_getTableSortIcons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(98806);
 /* harmony import */ var _utils_useTableSelection__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(23779);
 /* harmony import */ var _components_ToolBar_Fullscreen__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(21630);
@@ -66015,6 +66569,7 @@ var ToolBar = function ToolBar(props) {
 /* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_13__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(28266);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var _page_container__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(2781);
 var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest"];
 
 function _extends() { _extends = Object.assign || 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.apply(this, arguments); }
@@ -66045,6 +66600,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.baseClass)('teamix-pro-table');
 var toJS = _form__WEBPACK_IMPORTED_MODULE_11__/* .formilyReactive.toJS */ .SP.toJS;
 /**
@@ -66218,10 +66774,10 @@ var ProTable = function ProTable(props) {
 
   var dataFilterForm = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return (0,_form__WEBPACK_IMPORTED_MODULE_11__/* .createForm */ .Np)();
-  }, []); // 获取内容区是否超出一屏（仅支持全家桶）
+  }, []); // TODO 获取内容区是否超出一屏（暂时仅支持全家桶）
 
   var getFooterSuctionState = function getFooterSuctionState() {
-    var containerDom = document.querySelector('.teamix-pro-page-container');
+    var containerDom = document.querySelector('.teamix-pro-page-container-scroll-container');
 
     if (containerDom) {
       var offsetHeight = containerDom.offsetHeight;
@@ -66232,6 +66788,11 @@ var ProTable = function ProTable(props) {
       } else {
         setFooterSuctionState(false);
       }
+    } else {
+      // 非全家桶用户暂时不判断滚动条逻辑
+      if (footerSuction) {
+        setFooterSuctionState(true);
+      }
     }
   }; // rowSelection 相关
 
@@ -66348,7 +66909,9 @@ var ProTable = function ProTable(props) {
       return _request(params);
     },
     request: function request(params) {
-      return _request(params);
+      if (dataFilterForm.validate()) {
+        _request(params);
+      }
     },
     reset: function reset() {
       var _actionRef$current, _request2;
@@ -66631,19 +67194,19 @@ var ProTable = function ProTable(props) {
         ,
         maxBodyHeight: "calc(100vh - 84px - " + headerHeight + "px)" // 过滤出可以传到 Table 的 Props
 
-      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z)(), otherProps))));
+      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z)(), otherProps))));
     } else {
       // 不传 columns 直接返回原始 Table
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Table, _extends({
         className: cls()
-      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z)(), otherProps)));
+      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z)(), otherProps)));
     }
   };
 
   var renderFooterAction = function renderFooterAction() {
     var _actions;
 
-    if (typeof footerAction === 'object' && (footerAction == null ? void 0 : (_actions = footerAction.actions) == null ? void 0 : _actions.length) > 0) {
+    if (typeof footerAction === 'object' && (footerAction == null ? void 0 : (_actions = footerAction.actions) == null ? void 0 : _actions.length) >= 0) {
       // 默认 context
       var defaultContext = {
         action: actionRef.current,
@@ -66748,11 +67311,11 @@ var ProTable = function ProTable(props) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: cls({
       '': true,
-      fullscreen: fullscreenState,
-      'footer-suction': footerSuctionState && footerSuction
+      fullscreen: fullscreenState // 'footer-suction': footerSuctionState && footerSuction,
+
     }),
     ref: tableRef
-  }, renderTable(), renderFooter()));
+  }, renderTable(), footerSuctionState && footerSuction && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_page_container__WEBPACK_IMPORTED_MODULE_15__/* ["default"].FixedFooter */ .ZP.FixedFooter, null, renderFooter()), !(footerSuctionState && footerSuction) && renderFooter()));
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProTable);
@@ -67810,7 +68373,9 @@ var Ellipsis = function Ellipsis(props) {
       visible = true;
     }
 
-    setTooltipVisible(visible);
+    if (tooltipVisible !== undefined) {
+      setTooltipVisible(visible);
+    }
   }, 300), [contentSize, children]);
   var renderContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", {
     ref: textRef,
@@ -68116,11 +68681,7 @@ var CustomContext = {}; // safe context by sandbox
 var CommonContext = {
   window: (0,_sandbox__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(window),
   document: (0,_sandbox__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(document),
-  location: (0,_sandbox__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(location),
-  // TODO i18n
-  i18n: function i18n(s) {
-    return "666" + s;
-  }
+  location: (0,_sandbox__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(location)
 };
 
 function getContext(context) {
@@ -68134,7 +68695,8 @@ function getContext(context) {
 
 
 function getParsedValue(param, context) {
-  var variable = param.substr(2, param.length - 4);
+  // 去掉前后的空白字符
+  var variable = param.substr(2, param.length - 4).replace(/^\s*/, '').replace(/\s*$/, '');
 
   try {
     return new Function("with(this){ return " + variable + " }").call(getContext(context));
@@ -68463,6 +69025,7 @@ function goToLink(link, history) {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  submit: 'Submit',
   search: 'Search',
   reset: 'Reset',
   notFound: 'Page not found',
@@ -68566,6 +69129,7 @@ function getMessage(id, data) {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  submit: '提交',
   search: '搜索',
   reset: '重置',
   notFound: '该页面不存在',
@@ -68617,6 +69181,7 @@ function getMessage(id, data) {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  submit: '提交',
   search: '搜索',
   reset: '重置',
   notFound: '該頁面不存在',