@teamix/pro 1.4.24 → 1.5.0-beta.1

package/dist/pro.js

@@ -2295,8 +2295,6 @@ exports.Z = {
 /* harmony import */ var _formily_reactive__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(92650);
 /* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(30255);
 /* harmony import */ var _shared_effective__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(39046);
-/* harmony import */ var _onFormEffects__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(26593);
-
 
 
 
@@ -2349,17 +2347,11 @@ function onFieldInit(pattern, callback) {
   }
 }
 function onFieldReact(pattern, callback) {
-  var disposers = [];
   onFieldInit(pattern, function (field, form) {
-    disposers.push((0,_formily_reactive__WEBPACK_IMPORTED_MODULE_1__.autorun)(function () {
+    field.disposers.push((0,_formily_reactive__WEBPACK_IMPORTED_MODULE_1__.autorun)(function () {
       if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isFn */ .LQ)(callback)) callback(field, form);
     }));
   });
-  (0,_onFormEffects__WEBPACK_IMPORTED_MODULE_4__/* .onFormUnmount */ .h9)(function () {
-    disposers.forEach(function (dispose) {
-      dispose();
-    });
-  });
 }
 function onFieldChange(pattern, watches, callback) {
   if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isFn */ .LQ)(watches)) {
@@ -2369,21 +2361,16 @@ function onFieldChange(pattern, watches, callback) {
     watches = watches || ['value'];
   }
 
-  var disposers = [];
   onFieldInit(pattern, function (field, form) {
     if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isFn */ .LQ)(callback)) callback(field, form);
-    disposers.push((0,_formily_reactive__WEBPACK_IMPORTED_MODULE_1__.reaction)(function () {
+    var dispose = (0,_formily_reactive__WEBPACK_IMPORTED_MODULE_1__.reaction)(function () {
       return (0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .toArr */ ._K)(watches).map(function (key) {
         return field[key];
       });
     }, function () {
       if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isFn */ .LQ)(callback)) callback(field, form);
-    }));
-  });
-  (0,_onFormEffects__WEBPACK_IMPORTED_MODULE_4__/* .onFormUnmount */ .h9)(function () {
-    disposers.forEach(function (dispose) {
-      dispose();
     });
+    field.disposers.push(dispose);
   });
 }
 
@@ -2828,6 +2815,43 @@ function (_super) {
 /* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(30255);
 /* harmony import */ var _shared_internals__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(68302);
 /* harmony import */ var _Query__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50833);
+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 __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
+
 
 
 
@@ -2840,6 +2864,7 @@ function () {
     var _this = this;
 
     this.disposers = [];
+    this.actions = {};
 
     this.setTitle = function (title) {
       _this.title = title;
@@ -2953,6 +2978,26 @@ function () {
     this.match = function (pattern) {
       return _formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .FormPath.parse */ .Dm.parse(pattern).matchAliasGroup(_this.address, _this.path);
     };
+
+    this.inject = function (actions) {
+      (0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .each */ .S6)(actions, function (action, key) {
+        if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isFn */ .LQ)(action)) {
+          _this.actions[key] = action;
+        }
+      });
+    };
+
+    this.invoke = function (name) {
+      var _a, _b;
+
+      var args = [];
+
+      for (var _i = 1; _i < arguments.length; _i++) {
+        args[_i - 1] = arguments[_i];
+      }
+
+      return (_b = (_a = _this.actions)[name]) === null || _b === void 0 ? void 0 : _b.call.apply(_b, __spreadArray([_a], __read(args), false));
+    };
   }
 
   BaseField.prototype.locate = function (address) {
@@ -3413,11 +3458,34 @@ function (_super) {
     };
 
     _this.setValue = function (value) {
-      _this.value = value;
+      if (_this.destroyed) return;
+
+      if (!_this.initialized) {
+        if (_this.display === 'none') {
+          _this.caches.value = value;
+          return;
+        }
+
+        value = (0,_shared_internals__WEBPACK_IMPORTED_MODULE_4__/* .getValidFieldDefaultValue */ .Lu)(value, _this.initialValue);
+
+        if (!(0,_shared_internals__WEBPACK_IMPORTED_MODULE_4__/* .allowAssignDefaultValue */ .ab)(_this.value, value) && !_this.designable) {
+          return;
+        }
+      }
+
+      _this.form.setValuesIn(_this.path, value);
     };
 
     _this.setInitialValue = function (initialValue) {
-      _this.initialValue = initialValue;
+      if (_this.destroyed) return;
+
+      if (!_this.initialized) {
+        if (!(0,_shared_internals__WEBPACK_IMPORTED_MODULE_4__/* .allowAssignDefaultValue */ .ab)(_this.initialValue, initialValue) && !_this.designable) {
+          return;
+        }
+      }
+
+      _this.form.setInitialValuesIn(_this.path, initialValue);
     };
 
     _this.setLoading = function (loading) {
@@ -3619,8 +3687,8 @@ function (_super) {
     this.validator = this.props.validator;
     this.required = this.props.required;
     this.content = this.props.content;
-    this.value = (0,_shared_internals__WEBPACK_IMPORTED_MODULE_4__/* .getValidFieldDefaultValue */ .Lu)(this.props.value, this.props.initialValue);
     this.initialValue = this.props.initialValue;
+    this.value = this.props.value;
     this.data = this.props.data;
     this.decorator = (0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .toArr */ ._K)(this.props.decorator);
     this.component = (0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .toArr */ ._K)(this.props.component);
@@ -3870,20 +3938,7 @@ function (_super) {
       return this.form.getValuesIn(this.path);
     },
     set: function set(value) {
-      if (this.destroyed) return;
-
-      if (!this.initialized) {
-        if (this.display === 'none') {
-          this.caches.value = value;
-          return;
-        }
-
-        if (!(0,_shared_internals__WEBPACK_IMPORTED_MODULE_4__/* .allowAssignDefaultValue */ .ab)(this.value, value) && !this.designable) {
-          return;
-        }
-      }
-
-      this.form.setValuesIn(this.path, value);
+      this.setValue(value);
     },
     enumerable: false,
     configurable: true
@@ -3893,15 +3948,7 @@ function (_super) {
       return this.form.getInitialValuesIn(this.path);
     },
     set: function set(initialValue) {
-      if (this.destroyed) return;
-
-      if (!this.initialized) {
-        if (!(0,_shared_internals__WEBPACK_IMPORTED_MODULE_4__/* .allowAssignDefaultValue */ .ab)(this.initialValue, initialValue) && !this.designable) {
-          return;
-        }
-      }
-
-      this.form.setInitialValuesIn(this.path, initialValue);
+      this.setInitialValue(initialValue);
     },
     enumerable: false,
     configurable: true
@@ -5935,15 +5982,15 @@ var patchFieldStates = function patchFieldStates(target, patches) {
     }
   });
 };
-var destroy = function destroy(target, address, removeValue) {
-  if (removeValue === void 0) {
-    removeValue = true;
+var destroy = function destroy(target, address, forceClear) {
+  if (forceClear === void 0) {
+    forceClear = true;
   }
 
   var field = target[address];
   field === null || field === void 0 ? void 0 : field.dispose();
 
-  if ((0,_externals__WEBPACK_IMPORTED_MODULE_4__/* .isDataField */ .Ip)(field) && removeValue) {
+  if ((0,_externals__WEBPACK_IMPORTED_MODULE_4__/* .isDataField */ .Ip)(field) && forceClear) {
     var form = field.form;
     var path = field.path;
     form.deleteValuesIn(path);
@@ -5969,7 +6016,11 @@ var patchFormValues = function patchFormValues(form, path, source) {
     var targetValue = form.getValuesIn(path);
     var targetField = form.query(path).take();
     var isUnVoidField = targetField && !(0,_externals__WEBPACK_IMPORTED_MODULE_4__/* .isVoidField */ .JF)(targetField);
-    if (isUnVoidField && targetField.display === 'none') return;
+
+    if (isUnVoidField && targetField.display === 'none') {
+      targetField.caches.value = (0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .clone */ .d9)(source);
+      return;
+    }
 
     if (allowAssignDefaultValue(targetValue, source)) {
       update(path, source);
@@ -6212,10 +6263,6 @@ var spliceArrayState = function spliceArrayState(field, props) {
         }
 
         if (isInsertNode(identifier) || isDeleteNode(identifier)) {
-          if ((0,_externals__WEBPACK_IMPORTED_MODULE_4__/* .isDataField */ .Ip)(field)) {
-            form.deleteInitialValuesIn(field.path);
-          }
-
           fieldPatches.push({
             type: 'remove',
             address: identifier
@@ -6505,12 +6552,11 @@ var createBatchStateGetter = function createBatchStateGetter(form) {
   };
 };
 var triggerFormInitialValuesChange = function triggerFormInitialValuesChange(form, change) {
-  var path = change.path;
   if (Array.isArray(change.object) && change.key === 'length') return;
 
   if ((0,_formily_reactive__WEBPACK_IMPORTED_MODULE_2__.contains)(form.initialValues, change.object) || form.initialValues === change.value) {
     if (change.type === 'add' || change.type === 'set') {
-      patchFormValues(form, path.slice(1), change.value);
+      patchFormValues(form, change.path.slice(1), change.value);
     }
 
     if (form.initialized) {
@@ -9206,14 +9252,7 @@ var getIn = function getIn(segments, source) {
     var rules = (0,_destructor__WEBPACK_IMPORTED_MODULE_2__/* .getDestructor */ .mV)(index);
 
     if (!rules) {
-      if (!isValid(source)) {
-        if (i !== segments.length - 1) {
-          return source;
-        }
-
-        break;
-      }
-
+      if (!isValid(source)) return;
       source = source[index];
     } else {
       source = (0,_destructor__WEBPACK_IMPORTED_MODULE_2__/* .getInByDestructor */ .Jm)(source, rules, {
@@ -11392,7 +11431,7 @@ Field.displayName = 'Field';
 
 
 
-var FormConsumer = (0,_formily_reactive_react__WEBPACK_IMPORTED_MODULE_2__/* .observer */ .P)(function (props) {
+var FormConsumer = (0,_formily_reactive_react__WEBPACK_IMPORTED_MODULE_2__/* .observer */ .Pi)(function (props) {
   var children = (0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .isFn */ .LQ)(props.children) ? props.children((0,_hooks__WEBPACK_IMPORTED_MODULE_3__/* .useForm */ .cI)()) : null;
   return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, children);
 });
@@ -11488,6 +11527,8 @@ ObjectField.displayName = 'ObjectField';
 /* harmony import */ var _formily_shared__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(71131);
 /* harmony import */ var _formily_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7186);
 /* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(36869);
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -11554,6 +11595,10 @@ var mergeChildren = function mergeChildren(children, content) {
   return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, children, content);
 };
 
+var isValidComponent = function isValidComponent(target) {
+  return target && (_typeof(target) === 'object' || typeof target === 'function');
+};
+
 var renderChildren = function renderChildren(children, field, form) {
   return (0,_formily_shared__WEBPACK_IMPORTED_MODULE_3__/* .isFn */ .LQ)(children) ? children(field, form) : children;
 };
@@ -11571,19 +11616,22 @@ var ReactiveInternal = function ReactiveInternal(props) {
   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 getComponent = function getComponent(target) {
     var _a;
 
+    return isValidComponent(target) ? target : (_a = _formily_shared__WEBPACK_IMPORTED_MODULE_3__/* .FormPath.getIn */ .Dm.getIn(components, target)) !== null && _a !== void 0 ? _a : target;
+  };
+
+  var renderDecorator = function renderDecorator(children) {
     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(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);
+    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(getComponent(field.decoratorType), (0,_formily_reactive__WEBPACK_IMPORTED_MODULE_1__.toJS)(field.decoratorProps), children);
   };
 
   var renderComponent = function renderComponent() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
 
     if (!field.componentType) return content;
     var value = !(0,_formily_core__WEBPACK_IMPORTED_MODULE_4__.isVoidField)(field) ? field.value : undefined;
@@ -11625,8 +11673,7 @@ var ReactiveInternal = function ReactiveInternal(props) {
     } : (_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(components, field.componentType)) !== null && _d !== void 0 ? _d : field.componentType;
-    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(finalComponent, __assign(__assign({
+    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(getComponent(field.componentType), __assign(__assign({
       disabled: disabled,
       readOnly: readOnly
     }, (0,_formily_reactive__WEBPACK_IMPORTED_MODULE_1__.toJS)(field.componentProps)), {
@@ -11641,12 +11688,100 @@ var ReactiveInternal = function ReactiveInternal(props) {
 };
 
 ReactiveInternal.displayName = 'ReactiveField';
-var ReactiveField = (0,_formily_reactive_react__WEBPACK_IMPORTED_MODULE_2__/* .observer */ .P)(ReactiveInternal, {
+var ReactiveField = (0,_formily_reactive_react__WEBPACK_IMPORTED_MODULE_2__/* .observer */ .Pi)(ReactiveInternal, {
   forwardRef: true
 });
 
 /***/ }),
 
+/***/ 38170:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "D": () => (/* binding */ RecordScope)
+/* 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 _formily_shared__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(71131);
+/* harmony import */ var _ExpressionScope__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(27852);
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(37916);
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+
+
+
+
+var RecordScope = function RecordScope(props) {
+  var scope = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__/* .useExpressionScope */ .t5)();
+  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ExpressionScope__WEBPACK_IMPORTED_MODULE_2__/* .ExpressionScope */ .P, {
+    value: {
+      get $lookup() {
+        return scope === null || scope === void 0 ? void 0 : scope.$record;
+      },
+
+      get $record() {
+        var _a;
+
+        var record = (_a = props.getRecord) === null || _a === void 0 ? void 0 : _a.call(props);
+
+        if (_typeof(record) === 'object') {
+          return (0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .lazyMerge */ .e_)(record, {
+            get $lookup() {
+              return scope === null || scope === void 0 ? void 0 : scope.$record;
+            },
+
+            get $index() {
+              var _a;
+
+              return (_a = props.getIndex) === null || _a === void 0 ? void 0 : _a.call(props);
+            }
+
+          });
+        }
+
+        return record;
+      },
+
+      get $index() {
+        var _a;
+
+        return (_a = props.getIndex) === null || _a === void 0 ? void 0 : _a.call(props);
+      }
+
+    }
+  }, props.children);
+};
+
+/***/ }),
+
+/***/ 6423:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "N": () => (/* binding */ RecordsScope)
+/* 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 _ExpressionScope__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(27852);
+
+
+var RecordsScope = function RecordsScope(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ExpressionScope__WEBPACK_IMPORTED_MODULE_1__/* .ExpressionScope */ .P, {
+    value: {
+      get $records() {
+        var _a, _b;
+
+        return (_b = (_a = props.getRecords) === null || _a === void 0 ? void 0 : _a.call(props)) !== null && _b !== void 0 ? _b : [];
+      }
+
+    }
+  }, props.children);
+};
+
+/***/ }),
+
 /***/ 97953:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -11691,7 +11826,7 @@ var __assign = undefined && undefined.__assign || function () {
 
 
 var useFieldProps = function useFieldProps(schema) {
-  var scope = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_shared__WEBPACK_IMPORTED_MODULE_3__/* .SchemaExpressionScopeContext */ .pv);
+  var scope = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__/* .useExpressionScope */ .t5)();
   return schema.toFieldProps({
     scope: scope
   });
@@ -11797,6 +11932,7 @@ var RecursionField = function RecursionField(props) {
 /* harmony import */ var _shared_render__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17287);
 /* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(36869);
 /* harmony import */ var _formily_shared__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(71131);
+/* harmony import */ var _ExpressionScope__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(27852);
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -11819,6 +11955,7 @@ var __assign = undefined && undefined.__assign || function () {
 
 
 
+
 var env = {
   nonameId: 0
 };
@@ -11855,7 +11992,7 @@ function createSchemaField(options) {
       value: options
     }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_4__/* .SchemaComponentsContext.Provider */ .$B.Provider, {
       value: (0,_formily_shared__WEBPACK_IMPORTED_MODULE_5__/* .lazyMerge */ .e_)(options.components, props.components)
-    }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_4__/* .SchemaExpressionScopeContext.Provider */ .pv.Provider, {
+    }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ExpressionScope__WEBPACK_IMPORTED_MODULE_6__/* .ExpressionScope */ .P, {
       value: (0,_formily_shared__WEBPACK_IMPORTED_MODULE_5__/* .lazyMerge */ .e_)(options.scope, props.scope)
     }, renderMarkup(), renderChildren())));
   }
@@ -12035,14 +12172,16 @@ VoidField.displayName = 'VoidField';
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "DO": () => (/* reexport safe */ _RecordScope__WEBPACK_IMPORTED_MODULE_8__.D),
+/* harmony export */   "ND": () => (/* reexport safe */ _RecordsScope__WEBPACK_IMPORTED_MODULE_7__.N),
 /* harmony export */   "OF": () => (/* reexport safe */ _ArrayField__WEBPACK_IMPORTED_MODULE_2__.O),
 /* harmony export */   "Pl": () => (/* reexport safe */ _ExpressionScope__WEBPACK_IMPORTED_MODULE_6__.P),
 /* harmony export */   "RV": () => (/* reexport safe */ _FormProvider__WEBPACK_IMPORTED_MODULE_0__.R),
 /* harmony export */   "Uk": () => (/* reexport safe */ _RecursionField__WEBPACK_IMPORTED_MODULE_5__.U),
 /* harmony export */   "Wo": () => (/* reexport safe */ _ObjectField__WEBPACK_IMPORTED_MODULE_3__.W),
 /* harmony export */   "Yy": () => (/* reexport safe */ _FormConsumer__WEBPACK_IMPORTED_MODULE_1__.Y),
-/* harmony export */   "cA": () => (/* reexport safe */ _SchemaField__WEBPACK_IMPORTED_MODULE_7__.c),
-/* harmony export */   "gN": () => (/* reexport safe */ _Field__WEBPACK_IMPORTED_MODULE_8__.g),
+/* harmony export */   "cA": () => (/* reexport safe */ _SchemaField__WEBPACK_IMPORTED_MODULE_9__.c),
+/* harmony export */   "gN": () => (/* reexport safe */ _Field__WEBPACK_IMPORTED_MODULE_10__.g),
 /* harmony export */   "jG": () => (/* reexport safe */ _VoidField__WEBPACK_IMPORTED_MODULE_4__.j)
 /* harmony export */ });
 /* harmony import */ var _FormProvider__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(21490);
@@ -12052,8 +12191,12 @@ VoidField.displayName = 'VoidField';
 /* harmony import */ var _VoidField__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(78945);
 /* harmony import */ var _RecursionField__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(97953);
 /* harmony import */ var _ExpressionScope__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(27852);
-/* harmony import */ var _SchemaField__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(19958);
-/* harmony import */ var _Field__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(62360);
+/* harmony import */ var _RecordsScope__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(6423);
+/* harmony import */ var _RecordScope__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(38170);
+/* harmony import */ var _SchemaField__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(19958);
+/* harmony import */ var _Field__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(62360);
+
+
 
 
 
@@ -12075,13 +12218,16 @@ VoidField.displayName = 'VoidField';
 /* harmony export */   "U$": () => (/* reexport safe */ _useField__WEBPACK_IMPORTED_MODULE_1__.U),
 /* harmony export */   "U7": () => (/* reexport safe */ _useFormEffects__WEBPACK_IMPORTED_MODULE_4__.U),
 /* harmony export */   "XA": () => (/* reexport safe */ _useFieldSchema__WEBPACK_IMPORTED_MODULE_3__.X),
-/* harmony export */   "cI": () => (/* reexport safe */ _useForm__WEBPACK_IMPORTED_MODULE_0__.c)
+/* harmony export */   "cI": () => (/* reexport safe */ _useForm__WEBPACK_IMPORTED_MODULE_0__.c),
+/* harmony export */   "t5": () => (/* reexport safe */ _useExpressionScope__WEBPACK_IMPORTED_MODULE_5__.t)
 /* harmony export */ });
 /* harmony import */ var _useForm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26457);
 /* harmony import */ var _useField__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(13360);
 /* harmony import */ var _useParentForm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(61401);
 /* harmony import */ var _useFieldSchema__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(85947);
 /* harmony import */ var _useFormEffects__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(30126);
+/* harmony import */ var _useExpressionScope__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(19591);
+
 
 
 
@@ -12097,20 +12243,13 @@ VoidField.displayName = 'VoidField';
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "l": () => (/* binding */ useAttach)
 /* 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 _formily_reactive_react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41277);
 
 var useAttach = function useAttach(target) {
-  var oldTargetRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    if (oldTargetRef.current && target !== oldTargetRef.current) {
-      oldTargetRef.current.onUnmount();
-    }
-
-    oldTargetRef.current = target;
+  (0,_formily_reactive_react__WEBPACK_IMPORTED_MODULE_0__/* .unstable_useCompatEffect */ .cF)(function () {
     target.onMount();
     return function () {
-      target.onUnmount();
+      return target.onUnmount();
     };
   }, [target]);
   return target;
@@ -12118,6 +12257,24 @@ var useAttach = function useAttach(target) {
 
 /***/ }),
 
+/***/ 19591:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "t": () => (/* binding */ useExpressionScope)
+/* 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 _shared_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(49662);
+
+
+var useExpressionScope = function useExpressionScope() {
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_shared_context__WEBPACK_IMPORTED_MODULE_1__/* .SchemaExpressionScopeContext */ .pv);
+};
+
+/***/ }),
+
 /***/ 13360:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -12179,8 +12336,7 @@ var useForm = function useForm() {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "U": () => (/* binding */ useFormEffects)
 /* 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 _formily_reactive_react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41277);
 /* harmony import */ var _formily_shared__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(71131);
 /* harmony import */ var _useForm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(26457);
 
@@ -12188,23 +12344,15 @@ var useForm = function useForm() {
 
 var useFormEffects = function useFormEffects(effects) {
   var form = (0,_useForm__WEBPACK_IMPORTED_MODULE_2__/* .useForm */ .c)();
-  var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+  (0,_formily_reactive_react__WEBPACK_IMPORTED_MODULE_0__/* .unstable_useCompatFactory */ .ls)(function () {
     var id = (0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .uid */ .hQ)();
     form.addEffects(id, effects);
-    var request = setTimeout(function () {
-      form.removeEffects(id);
-    }, 100);
     return {
-      id: id,
-      request: request
-    };
-  }, []);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(function () {
-    clearTimeout(ref.request);
-    return function () {
-      form.removeEffects(ref.id);
+      dispose: function dispose() {
+        form.removeEffects(id);
+      }
     };
-  }, []);
+  });
 };
 
 /***/ }),
@@ -12253,6 +12401,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "FormProvider": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_1__.RV),
 /* harmony export */   "ObjectField": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_1__.Wo),
 /* harmony export */   "Observer": () => (/* reexport safe */ _shared__WEBPACK_IMPORTED_MODULE_2__.Qj),
+/* harmony export */   "RecordScope": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_1__.DO),
+/* harmony export */   "RecordsScope": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_1__.ND),
 /* harmony export */   "RecursionField": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_1__.Uk),
 /* harmony export */   "Schema": () => (/* reexport safe */ _formily_json_schema__WEBPACK_IMPORTED_MODULE_0__.V),
 /* harmony export */   "SchemaComponentsContext": () => (/* reexport safe */ _shared__WEBPACK_IMPORTED_MODULE_2__.$B),
@@ -12266,6 +12416,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "mapProps": () => (/* reexport safe */ _shared__WEBPACK_IMPORTED_MODULE_2__.jM),
 /* harmony export */   "mapReadPretty": () => (/* reexport safe */ _shared__WEBPACK_IMPORTED_MODULE_2__.vl),
 /* harmony export */   "observer": () => (/* reexport safe */ _shared__WEBPACK_IMPORTED_MODULE_2__.Pi),
+/* harmony export */   "useExpressionScope": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.t5),
 /* harmony export */   "useField": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.U$),
 /* harmony export */   "useFieldSchema": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.XA),
 /* harmony export */   "useForm": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_3__.cI),
@@ -12290,8 +12441,8 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "$j": () => (/* binding */ connect),
-/* harmony export */   "Pi": () => (/* reexport safe */ _formily_reactive_react__WEBPACK_IMPORTED_MODULE_3__.P),
-/* harmony export */   "Qj": () => (/* reexport safe */ _formily_reactive_react__WEBPACK_IMPORTED_MODULE_3__.Q),
+/* harmony export */   "Pi": () => (/* reexport safe */ _formily_reactive_react__WEBPACK_IMPORTED_MODULE_3__.Pi),
+/* harmony export */   "Qj": () => (/* reexport safe */ _formily_reactive_react__WEBPACK_IMPORTED_MODULE_3__.Qj),
 /* harmony export */   "jM": () => (/* binding */ mapProps),
 /* harmony export */   "vl": () => (/* binding */ mapReadPretty)
 /* harmony export */ });
@@ -12333,7 +12484,7 @@ function mapProps() {
   }
 
   return function (target) {
-    return (0,_formily_reactive_react__WEBPACK_IMPORTED_MODULE_3__/* .observer */ .P)(function (props) {
+    return (0,_formily_reactive_react__WEBPACK_IMPORTED_MODULE_3__/* .observer */ .Pi)(function (props) {
       var field = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__/* .useField */ .U$)();
       var results = args.reduce(function (props, mapper) {
         if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .isFn */ .LQ)(mapper)) {
@@ -12365,7 +12516,7 @@ function mapProps() {
 }
 function mapReadPretty(component, readPrettyProps) {
   return function (target) {
-    return (0,_formily_reactive_react__WEBPACK_IMPORTED_MODULE_3__/* .observer */ .P)(function (props) {
+    return (0,_formily_reactive_react__WEBPACK_IMPORTED_MODULE_3__/* .observer */ .Pi)(function (props) {
       var field = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__/* .useField */ .U$)();
 
       if (!(0,_formily_core__WEBPACK_IMPORTED_MODULE_2__.isVoidField)(field) && (field === null || field === void 0 ? void 0 : field.pattern) === 'readPretty') {
@@ -12506,134 +12657,96 @@ var render = function render(element) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "S": () => (/* reexport safe */ _useObserver__WEBPACK_IMPORTED_MODULE_1__.S)
+/* harmony export */   "cF": () => (/* binding */ unstable_useCompatEffect),
+/* harmony export */   "ls": () => (/* binding */ unstable_useCompatFactory)
 /* harmony export */ });
+/* unused harmony exports unstable_useForceUpdate, unstable_useDidUpdate, unstable_useLayoutEffect, unstable_useObserver */
 /* harmony import */ var _useForceUpdate__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(63360);
-/* harmony import */ var _useObserver__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28194);
+/* harmony import */ var _useCompatEffect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3129);
+/* harmony import */ var _useCompatFactory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(58663);
+/* harmony import */ var _useDidUpdate__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(54288);
+/* harmony import */ var _useLayoutEffect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(86853);
+/* harmony import */ var _useObserver__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28194);
 
 
 
-/***/ }),
 
-/***/ 54288:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "l": () => (/* binding */ useDidUpdate)
-/* 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 _shared__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(72023);
 
 
-var useDidUpdate = function useDidUpdate(callback) {
-  var request = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  request.current = (0,_shared__WEBPACK_IMPORTED_MODULE_1__/* .immediate */ .j)(callback);
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(function () {
-    request.current();
-    callback();
-  });
-};
+var unstable_useForceUpdate = (/* unused pure expression or super */ null && (useForceUpdate));
+var unstable_useCompatEffect = _useCompatEffect__WEBPACK_IMPORTED_MODULE_1__/* .useCompatEffect */ .q;
+var unstable_useCompatFactory = _useCompatFactory__WEBPACK_IMPORTED_MODULE_2__/* .useCompatFactory */ .z;
+var unstable_useDidUpdate = (/* unused pure expression or super */ null && (useDidUpdate));
+var unstable_useLayoutEffect = (/* unused pure expression or super */ null && (useLayoutEffect));
+var unstable_useObserver = (/* unused pure expression or super */ null && (useObserver));
 
 /***/ }),
 
-/***/ 63360:
+/***/ 3129:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "N": () => (/* binding */ useForceUpdate)
+/* harmony export */   "q": () => (/* binding */ useCompatEffect)
 /* 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 _useDidUpdate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(54288);
-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;
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(72023);
 
-  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 isArr = Array.isArray;
 
+var isEqualDeps = function isEqualDeps(target, source) {
+  var arrA = isArr(target);
+  var arrB = isArr(source);
+  if (arrA !== arrB) return false;
 
+  if (arrA) {
+    if (target.length !== source.length) return false;
+    return target.every(function (val, index) {
+      return val === source[index];
+    });
+  }
 
-var EMPTY_ARRAY = [];
-var RENDER_COUNT = {
-  value: 0
+  return target === source;
 };
-var RENDER_QUEUE = new Set();
-function useForceUpdate() {
-  var _a = __read((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]), 2),
-      setState = _a[1];
 
-  var unMountRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
+var useCompatEffect = function useCompatEffect(effect, deps) {
+  var depsRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  var mountedRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    unMountRef.current = false;
+    mountedRef.current = true;
+    var dispose = effect();
     return function () {
-      unMountRef.current = true;
-    };
-  }, EMPTY_ARRAY);
-  var update = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
-    if (unMountRef.current) return;
-    setState([]);
-  }, EMPTY_ARRAY);
-  var scheduler = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
-    if (RENDER_COUNT.value === 0) {
-      update();
-    } else {
-      RENDER_QUEUE.add(update);
-    }
-  }, EMPTY_ARRAY);
-  RENDER_COUNT.value++;
-  (0,_useDidUpdate__WEBPACK_IMPORTED_MODULE_1__/* .useDidUpdate */ .l)(function () {
-    if (RENDER_COUNT.value > 0) {
-      RENDER_COUNT.value--;
-    }
+      mountedRef.current = false;
 
-    if (RENDER_COUNT.value === 0) {
-      RENDER_QUEUE.forEach(function (update) {
-        RENDER_QUEUE["delete"](update);
-        update();
+      if (!isEqualDeps(depsRef.current, deps)) {
+        if (dispose) dispose();
+        return;
+      }
+
+      (0,_shared__WEBPACK_IMPORTED_MODULE_1__/* .immediate */ .j)(function () {
+        if (mountedRef.current) return;
+        if (dispose) dispose();
       });
-    }
-  });
-  return scheduler;
-}
+    };
+  }, deps);
+  depsRef.current = deps;
+};
 
 /***/ }),
 
-/***/ 28194:
+/***/ 58663:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "S": () => (/* binding */ useObserver)
+/* harmony export */   "z": () => (/* binding */ useCompatFactory)
 /* 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 _formily_reactive__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(92650);
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(72023);
-/* harmony import */ var _useForceUpdate__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(63360);
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(72023);
+/* harmony import */ var _useCompatEffect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3129);
 var __read = undefined && undefined.__read || function (o, n) {
   var m = typeof Symbol === "function" && o[Symbol.iterator];
   if (!m) return o;
@@ -12665,7 +12778,6 @@ var __read = undefined && undefined.__read || function (o, n) {
 
 
 
-
 var ObjectToBeRetainedByReact =
 /** @class */
 function () {
@@ -12678,48 +12790,196 @@ function objectToBeRetainedByReactFactory() {
   return new ObjectToBeRetainedByReact();
 }
 
-var useObserver = function useObserver(view, options) {
-  var forceUpdate = (0,_useForceUpdate__WEBPACK_IMPORTED_MODULE_3__/* .useForceUpdate */ .N)();
-  var unMountRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(false);
-  var trackerRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(null);
+var useCompatFactory = function useCompatFactory(factory) {
+  var instRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(null);
   var gcRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef();
 
   var _a = __read(react__WEBPACK_IMPORTED_MODULE_0___default().useState(objectToBeRetainedByReactFactory), 1),
       objectRetainedByReact = _a[0];
 
-  if (!trackerRef.current) {
-    trackerRef.current = new _formily_reactive__WEBPACK_IMPORTED_MODULE_1__.Tracker(function () {
-      if (typeof (options === null || options === void 0 ? void 0 : options.scheduler) === 'function') {
-        options.scheduler(forceUpdate);
-      } else {
-        forceUpdate();
-      }
-    }, options === null || options === void 0 ? void 0 : options.displayName);
+  if (!instRef.current) {
+    instRef.current = factory();
   } //StrictMode/ConcurrentMode会导致组件无法正确触发UnMount，所以只能自己做垃圾回收
 
 
   if (!gcRef.current) {
-    gcRef.current = new _shared__WEBPACK_IMPORTED_MODULE_2__/* .GarbageCollector */ .s(function () {
-      if (trackerRef.current) {
-        trackerRef.current.dispose();
+    gcRef.current = new _shared__WEBPACK_IMPORTED_MODULE_1__/* .GarbageCollector */ .s(function () {
+      if (instRef.current) {
+        instRef.current.dispose();
       }
     });
     gcRef.current.open(objectRetainedByReact);
   }
 
-  react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {
-    unMountRef.current = false;
+  (0,_useCompatEffect__WEBPACK_IMPORTED_MODULE_2__/* .useCompatEffect */ .q)(function () {
     gcRef.current.close();
     return function () {
-      unMountRef.current = true;
-
-      if (trackerRef.current) {
-        trackerRef.current.dispose();
-        trackerRef.current = null;
+      if (instRef.current) {
+        instRef.current.dispose();
+        instRef.current = null;
       }
     };
   }, []);
-  return trackerRef.current.track(view);
+  return instRef.current;
+};
+
+/***/ }),
+
+/***/ 54288:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "l": () => (/* binding */ useDidUpdate)
+/* 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 _useLayoutEffect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(86853);
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(72023);
+
+
+
+var useDidUpdate = function useDidUpdate(callback) {
+  var request = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  request.current = (0,_shared__WEBPACK_IMPORTED_MODULE_2__/* .immediate */ .j)(callback);
+  (0,_useLayoutEffect__WEBPACK_IMPORTED_MODULE_1__/* .useLayoutEffect */ .b)(function () {
+    request.current();
+    callback();
+  });
+};
+
+/***/ }),
+
+/***/ 63360:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "N": () => (/* binding */ useForceUpdate)
+/* 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 _useLayoutEffect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(86853);
+/* harmony import */ var _useDidUpdate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(54288);
+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 EMPTY_ARRAY = [];
+var RENDER_COUNT = {
+  value: 0
+};
+var RENDER_QUEUE = new Set();
+function useForceUpdate() {
+  var _a = __read((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]), 2),
+      setState = _a[1];
+
+  var renderedRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
+  (0,_useLayoutEffect__WEBPACK_IMPORTED_MODULE_1__/* .useLayoutEffect */ .b)(function () {
+    renderedRef.current = true;
+    return function () {
+      renderedRef.current = false;
+    };
+  }, EMPTY_ARRAY);
+  var update = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    if (!renderedRef.current) {
+      // 针对StrictMode无法快速回收内存，只能考虑拦截第一次渲染函数的setState，
+      // 因为第一次渲染函数的setState会触发第二次渲染函数执行，从而清理掉第二次渲染函数内部的依赖
+      return;
+    }
+
+    setState([]);
+  }, EMPTY_ARRAY);
+  var scheduler = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    if (RENDER_COUNT.value === 0) {
+      update();
+    } else {
+      RENDER_QUEUE.add(update);
+    }
+  }, EMPTY_ARRAY);
+  RENDER_COUNT.value++;
+  (0,_useDidUpdate__WEBPACK_IMPORTED_MODULE_2__/* .useDidUpdate */ .l)(function () {
+    if (RENDER_COUNT.value > 0) {
+      RENDER_COUNT.value--;
+    }
+
+    if (RENDER_COUNT.value === 0) {
+      RENDER_QUEUE.forEach(function (update) {
+        RENDER_QUEUE["delete"](update);
+        update();
+      });
+    }
+  });
+  return scheduler;
+}
+
+/***/ }),
+
+/***/ 86853:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "b": () => (/* binding */ useLayoutEffect)
+/* 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__);
+
+var useLayoutEffect = typeof document !== 'undefined' ? react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect : react__WEBPACK_IMPORTED_MODULE_0__.useEffect;
+
+/***/ }),
+
+/***/ 28194:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "S": () => (/* binding */ useObserver)
+/* harmony export */ });
+/* harmony import */ var _formily_reactive__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(92650);
+/* harmony import */ var _useForceUpdate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(63360);
+/* harmony import */ var _useCompatFactory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(58663);
+
+
+
+var useObserver = function useObserver(view, options) {
+  var forceUpdate = (0,_useForceUpdate__WEBPACK_IMPORTED_MODULE_1__/* .useForceUpdate */ .N)();
+  var tracker = (0,_useCompatFactory__WEBPACK_IMPORTED_MODULE_2__/* .useCompatFactory */ .z)(function () {
+    return new _formily_reactive__WEBPACK_IMPORTED_MODULE_0__.Tracker(function () {
+      if (typeof (options === null || options === void 0 ? void 0 : options.scheduler) === 'function') {
+        options.scheduler(forceUpdate);
+      } else {
+        forceUpdate();
+      }
+    }, options === null || options === void 0 ? void 0 : options.displayName);
+  });
+  return tracker.track(view);
 };
 
 /***/ }),
@@ -12729,10 +12989,14 @@ var useObserver = function useObserver(view, options) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "P": () => (/* reexport safe */ _observer__WEBPACK_IMPORTED_MODULE_0__.P),
-/* harmony export */   "Q": () => (/* reexport safe */ _observer__WEBPACK_IMPORTED_MODULE_0__.Q)
+/* harmony export */   "Pi": () => (/* reexport safe */ _observer__WEBPACK_IMPORTED_MODULE_0__.P),
+/* harmony export */   "Qj": () => (/* reexport safe */ _observer__WEBPACK_IMPORTED_MODULE_0__.Q),
+/* harmony export */   "cF": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_1__.cF),
+/* harmony export */   "ls": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_1__.ls)
 /* harmony export */ });
 /* harmony import */ var _observer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(57941);
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(69784);
+
 
 
 
@@ -12750,7 +13014,7 @@ var useObserver = function useObserver(view, options) {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(45682);
 /* harmony import */ var hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(69784);
+/* harmony import */ var _hooks_useObserver__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(28194);
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -12776,13 +13040,13 @@ function observer(component, options) {
   }, options);
 
   var wrappedComponent = realOptions.forwardRef ? (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
-    return (0,_hooks__WEBPACK_IMPORTED_MODULE_2__/* .useObserver */ .S)(function () {
+    return (0,_hooks_useObserver__WEBPACK_IMPORTED_MODULE_2__/* .useObserver */ .S)(function () {
       return component(__assign(__assign({}, props), {
         ref: ref
       }));
     }, realOptions);
   }) : function (props) {
-    return (0,_hooks__WEBPACK_IMPORTED_MODULE_2__/* .useObserver */ .S)(function () {
+    return (0,_hooks_useObserver__WEBPACK_IMPORTED_MODULE_2__/* .useObserver */ .S)(function () {
       return component(props);
     }, realOptions);
   };
@@ -13424,7 +13688,7 @@ function () {
       value = [];
     }
 
-    this.batchDeleting = false;
+    this.forEachIndex = 0;
     this.value = value;
   }
 
@@ -13439,35 +13703,36 @@ function () {
   };
 
   ArraySet.prototype["delete"] = function (item) {
-    if (this.batchDeleting) return; //批量删除时禁止单独删除，会影响计数执行器
+    var findIndex = this.value.indexOf(item);
 
-    var index = this.value.indexOf(item);
+    if (findIndex > -1) {
+      this.value.splice(findIndex, 1);
 
-    if (index > -1) {
-      this.value.splice(index, 1);
+      if (findIndex <= this.forEachIndex) {
+        this.forEachIndex -= 1;
+      }
     }
   };
 
   ArraySet.prototype.forEach = function (callback) {
     if (this.value.length === 0) return;
+    this.forEachIndex = 0;
 
-    for (var index = 0, len = this.value.length; index < len; index++) {
-      callback(this.value[index]);
+    for (; this.forEachIndex < this.value.length; this.forEachIndex++) {
+      callback(this.value[this.forEachIndex]);
     }
   };
 
-  ArraySet.prototype.forEachDelete = function (callback) {
+  ArraySet.prototype.batchDelete = function (callback) {
     if (this.value.length === 0) return;
-    this.batchDeleting = true;
+    this.forEachIndex = 0;
 
-    for (var index = 0; index < this.value.length; index++) {
-      var item = this.value[index];
-      this.value.splice(index, 1);
-      callback(item);
-      index--;
+    for (; this.forEachIndex < this.value.length; this.forEachIndex++) {
+      var value = this.value[this.forEachIndex];
+      this.value.splice(this.forEachIndex, 1);
+      this.forEachIndex--;
+      callback(value);
     }
-
-    this.batchDeleting = false;
   };
 
   ArraySet.prototype.clear = function () {
@@ -14898,7 +15163,7 @@ var batchScopeEnd = function batchScopeEnd() {
   var prevUntrackCount = _environment__WEBPACK_IMPORTED_MODULE_2__/* .UntrackCount.value */ .YP.value;
   _environment__WEBPACK_IMPORTED_MODULE_2__/* .BatchScope.value */ .WB.value = false;
   _environment__WEBPACK_IMPORTED_MODULE_2__/* .UntrackCount.value */ .YP.value = 0;
-  _environment__WEBPACK_IMPORTED_MODULE_2__/* .PendingScopeReactions.forEachDelete */ .wI.forEachDelete(function (reaction) {
+  _environment__WEBPACK_IMPORTED_MODULE_2__/* .PendingScopeReactions.batchDelete */ .wI.batchDelete(function (reaction) {
     if ((0,_checkers__WEBPACK_IMPORTED_MODULE_0__/* .isFn */ .LQ)(reaction._scheduler)) {
       reaction._scheduler(reaction);
     } else {
@@ -14923,7 +15188,7 @@ var isUntracking = function isUntracking() {
   return _environment__WEBPACK_IMPORTED_MODULE_2__/* .UntrackCount.value */ .YP.value > 0;
 };
 var executePendingReactions = function executePendingReactions() {
-  _environment__WEBPACK_IMPORTED_MODULE_2__/* .PendingReactions.forEachDelete */ .fo.forEachDelete(function (reaction) {
+  _environment__WEBPACK_IMPORTED_MODULE_2__/* .PendingReactions.batchDelete */ .fo.batchDelete(function (reaction) {
     if ((0,_checkers__WEBPACK_IMPORTED_MODULE_0__/* .isFn */ .LQ)(reaction._scheduler)) {
       reaction._scheduler(reaction);
     } else {
@@ -14932,7 +15197,7 @@ var executePendingReactions = function executePendingReactions() {
   });
 };
 var executeBatchEndpoints = function executeBatchEndpoints() {
-  _environment__WEBPACK_IMPORTED_MODULE_2__/* .BatchEndpoints.forEachDelete */ .WN.forEachDelete(function (callback) {
+  _environment__WEBPACK_IMPORTED_MODULE_2__/* .BatchEndpoints.batchDelete */ .WN.batchDelete(function (callback) {
     callback();
   });
 };
@@ -15045,14 +15310,21 @@ var DataChange =
 /** @class */
 function () {
   function DataChange(operation, node) {
+    this.node = node;
     this.key = operation.key;
     this.type = operation.type;
     this.object = operation.target;
     this.value = operation.value;
     this.oldValue = operation.oldValue;
-    this.path = node.path.concat(operation.key);
   }
 
+  Object.defineProperty(DataChange.prototype, "path", {
+    get: function get() {
+      return this.node.path.concat(this.key);
+    },
+    enumerable: false,
+    configurable: true
+  });
   return DataChange;
 }();
 
@@ -18842,11 +19114,10 @@ var useClickAway = function useClickAway(onClickAway, target, eventName) {
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__);
 
 var usePrefixCls = function usePrefixCls(tag, props) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
 
   var getContext = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.ConfigProvider.getContext;
-  var prefix = (_d = (_b = (_a = props === null || props === void 0 ? void 0 : props.prefix) !== null && _a !== void 0 ? _a : // @ts-ignore
-  window.TEAMIX_FORMILY_PREFIX) !== null && _b !== void 0 ? _b : (_c = getContext()) === null || _c === void 0 ? void 0 : _c.prefix) !== null && _d !== void 0 ? _d : 'next-';
+  var prefix = (_c = (_a = props === null || props === void 0 ? void 0 : props.prefix) !== null && _a !== void 0 ? _a : (_b = getContext()) === null || _b === void 0 ? void 0 : _b.prefix) !== null && _c !== void 0 ? _c : 'next-';
   return "".concat(prefix).concat(tag !== null && tag !== void 0 ? tag : '');
 };
 
@@ -18858,6 +19129,7 @@ var usePrefixCls = function usePrefixCls(tag, props) {
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Bw": () => (/* binding */ MessageOutlinedIcon),
+/* harmony export */   "ES": () => (/* binding */ CopyOutlinedIcon),
 /* harmony export */   "LW": () => (/* binding */ PlusOutlinedIcon),
 /* harmony export */   "M2": () => (/* binding */ CloseOutlinedIcon),
 /* harmony export */   "T$": () => (/* binding */ EditOutlinedIcon),
@@ -18986,6 +19258,15 @@ var DeleteOutlinedIcon = react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef
     "p-id": "11687"
   }));
 });
+var CopyOutlinedIcon = react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Icon, __assign({}, props, {
+    ref: ref
+  }), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
+    d: "M928.64 252.8H768v-160c0-17.92-14.08-32-32-32H96c-17.92 0-32 14.08-32 32v672c0 17.92 14.08 32 32 32h160v128c0 17.92 14.08 32 32 32h640c17.92 0 32-14.08 32-32V284.16c0-17.28-14.08-31.36-31.36-31.36zM256 284.8v448H128v-608h576v128H288c-17.92 0-32 14.08-32 32z m640 608H320v-576h576v576z"
+  }), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
+    d: "M608 444.8h128c14.08 0 32-14.08 32-32s-17.92-32-32-32H608c-14.08 0-32 14.08-32 32s17.92 32 32 32zM480 764.8h256c14.08 0 32-14.08 32-32s-17.92-32-32-32H480c-14.08 0-32 14.08-32 32s17.92 32 32 32zM544 604.8h192c14.08 0 32-14.08 32-32s-17.92-32-32-32H544c-14.08 0-32 14.08-32 32s17.92 32 32 32z"
+  }));
+});
 var QuestionCircleOutlinedIcon = react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Icon, __assign({}, props, {
     ref: ref
@@ -19313,13 +19594,13 @@ var __assign = undefined && undefined.__assign || function () {
 
 var mapStatus = function mapStatus(props, field) {
   var takeStatus = function takeStatus() {
-    var _a, _b;
+    var _a, _b, _c;
 
     if (!field) return;
-    if (field['loading'] || field['validating']) return 'loading';
-    if (field['invalid']) return 'error';
-    if ((_a = field['warnings']) === null || _a === void 0 ? void 0 : _a.length) return 'warning';
-    return (_b = field.decoratorProps) === null || _b === void 0 ? void 0 : _b.feedbackStatus;
+    if (field.loading || field.validating) return 'loading';
+    if ((_a = field.selfErrors) === null || _a === void 0 ? void 0 : _a.length) return 'error';
+    if ((_b = field.selfWarnings) === null || _b === void 0 ? void 0 : _b.length) return 'warning';
+    return (_c = field.decoratorProps) === null || _c === void 0 ? void 0 : _c.feedbackStatus;
   };
 
   var takeState = function takeState(state) {
@@ -19376,7 +19657,11 @@ var formatMomentValue = function formatMomentValue(value, format, placeholder) {
         return date;
       }
 
-      return moment(date).format(_format);
+      if (typeof date === 'number') {
+        return moment(date).format(_format);
+      }
+
+      return moment(date, _format).format(_format);
     } else {
       if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_0__/* .isFn */ .LQ)(format)) {
         return format(date);
@@ -19386,7 +19671,11 @@ var formatMomentValue = function formatMomentValue(value, format, placeholder) {
         return date;
       }
 
-      return moment(date).format(format);
+      if (typeof date === 'number') {
+        return moment(date).format(format);
+      }
+
+      return moment(date, format).format(format);
     }
   };
 
@@ -19438,6 +19727,8 @@ var pickDataProps = function pickDataProps(props) {
 /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _formily_reactive__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(92650);
 /* harmony import */ var _formily_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(61006);
+/* harmony import */ var _render__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(68873);
+
 
 
 
@@ -19467,7 +19758,7 @@ function createPortalRoot(host, id) {
     if (PortalMap.has(id)) {
       PortalMap.set(id, renderer === null || renderer === void 0 ? void 0 : renderer());
     } else if (host) {
-      react_dom__WEBPACK_IMPORTED_MODULE_1___default().render(react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, renderer === null || renderer === void 0 ? void 0 : renderer()), host);
+      (0,_render__WEBPACK_IMPORTED_MODULE_4__/* .render */ .s)(react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, renderer === null || renderer === void 0 ? void 0 : renderer()), host);
     }
   }
 
@@ -19479,8 +19770,11 @@ function createPortalRoot(host, id) {
     }
 
     if (host) {
-      react_dom__WEBPACK_IMPORTED_MODULE_1___default().unmountComponentAtNode(host);
-      (_a = host.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(host);
+      var unmountResult = (0,_render__WEBPACK_IMPORTED_MODULE_4__/* .unmount */ .v)(host);
+
+      if (unmountResult && host.parentNode) {
+        (_a = host.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(host);
+      }
     }
   }
 
@@ -19492,6 +19786,257 @@ function createPortalRoot(host, id) {
 
 /***/ }),
 
+/***/ 68873:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "s": () => (/* binding */ render),
+/* harmony export */   "v": () => (/* binding */ unmount)
+/* harmony export */ });
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(55156);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_0__);
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+var __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+var __generator = undefined && undefined.__generator || function (thisArg, body) {
+  var _ = {
+    label: 0,
+    sent: function sent() {
+      if (t[0] & 1) throw t[1];
+      return t[1];
+    },
+    trys: [],
+    ops: []
+  },
+      f,
+      y,
+      t,
+      g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+
+    while (_) {
+      try {
+        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+        if (y = 0, t) op = [op[0] & 2, t.value];
+
+        switch (op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+
+          case 4:
+            _.label++;
+            return {
+              value: op[1],
+              done: false
+            };
+
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+
+          case 7:
+            op = _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1];
+              t = op;
+              break;
+            }
+
+            if (t && _.label < t[2]) {
+              _.label = t[2];
+
+              _.ops.push(op);
+
+              break;
+            }
+
+            if (t[2]) _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+        }
+
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [6, e];
+        y = 0;
+      } finally {
+        f = t = 0;
+      }
+    }
+
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+
+ // Let compiler not to search module usage
+
+var fullClone = __assign({}, react_dom__WEBPACK_IMPORTED_MODULE_0__);
+
+var version = fullClone.version,
+    reactRender = fullClone.render,
+    unmountComponentAtNode = fullClone.unmountComponentAtNode;
+var createRoot;
+
+try {
+  var mainVersion = Number((version || '').split('.')[0]);
+
+  if (mainVersion >= 18 && fullClone.createRoot) {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    createRoot = fullClone.createRoot;
+  }
+} catch (e) {// Do nothing;
+}
+
+function toggleWarning(skip) {
+  var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = fullClone.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && _typeof(__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === 'object') {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
+  }
+}
+
+var MARK = '__antd_mobile_root__';
+
+function legacyRender(node, container) {
+  reactRender(node, container);
+}
+
+function concurrentRender(node, container) {
+  toggleWarning(true);
+  var root = container[MARK] || createRoot(container);
+  toggleWarning(false);
+  root.render(node);
+  container[MARK] = root;
+}
+
+function render(node, container) {
+  if (createRoot) {
+    concurrentRender(node, container);
+    return;
+  }
+
+  legacyRender(node, container);
+} // ========================== Unmount =========================
+
+function legacyUnmount(container) {
+  return unmountComponentAtNode(container);
+}
+
+function concurrentUnmount(container) {
+  return __awaiter(this, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+      // Delay to unmount to avoid React 18 sync warning
+      return [2
+      /*return*/
+      , Promise.resolve().then(function () {
+        var _a;
+
+        (_a = container[MARK]) === null || _a === void 0 ? void 0 : _a.unmount();
+        delete container[MARK];
+      })];
+    });
+  });
+}
+
+function unmount(container) {
+  if (createRoot) {
+    return concurrentUnmount(container);
+  }
+
+  return legacyUnmount(container);
+}
+
+/***/ }),
+
 /***/ 67165:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -19586,6 +20131,10 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 var ArrayBaseContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
 var ItemContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
 
+var takeRecord = function takeRecord(val, index) {
+  return typeof val === 'function' ? val(index) : val;
+};
+
 var useArray = function useArray() {
   return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ArrayBaseContext);
 };
@@ -19597,7 +20146,7 @@ var useIndex = function useIndex(index) {
 
 var useRecord = function useRecord(record) {
   var ctx = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ItemContext);
-  return ctx ? ctx.record : record;
+  return takeRecord(ctx ? ctx.record : record, ctx === null || ctx === void 0 ? void 0 : ctx.index);
 };
 
 var getSchemaDefaultValue = function getSchemaDefaultValue(schema) {
@@ -19614,32 +20163,40 @@ var getSchemaDefaultValue = function getSchemaDefaultValue(schema) {
 
 var getDefaultValue = function getDefaultValue(defaultValue, schema) {
   if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_2__/* .isValid */ .JY)(defaultValue)) return (0,_formily_shared__WEBPACK_IMPORTED_MODULE_2__/* .clone */ .d9)(defaultValue);
-  if (Array.isArray(schema === null || schema === void 0 ? void 0 : schema.items)) return getSchemaDefaultValue(schema.items[0]);
-  return getSchemaDefaultValue(schema.items);
+  if (Array.isArray(schema === null || schema === void 0 ? void 0 : schema.items)) return getSchemaDefaultValue(schema === null || schema === void 0 ? void 0 : schema.items[0]);
+  return getSchemaDefaultValue(schema === null || schema === void 0 ? void 0 : schema.items);
 };
 
 var ArrayBase = function ArrayBase(props) {
   var field = (0,_formily_react__WEBPACK_IMPORTED_MODULE_3__.useField)();
   var schema = (0,_formily_react__WEBPACK_IMPORTED_MODULE_3__.useFieldSchema)();
-  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ArrayBaseContext.Provider, {
+  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_formily_react__WEBPACK_IMPORTED_MODULE_3__.RecordsScope, {
+    getRecords: function getRecords() {
+      return field.value;
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ArrayBaseContext.Provider, {
     value: {
       field: field,
       schema: schema,
       props: props
     }
-  }, props.children);
+  }, props.children));
 };
 
 ArrayBase.Item = function (_a) {
   var children = _a.children,
       props = __rest(_a, ["children"]);
 
+  var index = props.index;
+  var record = takeRecord(props.record, props.index);
   return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ItemContext.Provider, {
     value: props
-  }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_formily_react__WEBPACK_IMPORTED_MODULE_3__.ExpressionScope, {
-    value: {
-      $record: props.record,
-      $index: props.index
+  }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_formily_react__WEBPACK_IMPORTED_MODULE_3__.RecordScope, {
+    getIndex: function getIndex() {
+      return index;
+    },
+    getRecord: function getRecord() {
+      return record;
     }
   }, children));
 };
@@ -19732,6 +20289,34 @@ ArrayBase.Remove = react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(funct
     }
   }));
 });
+ArrayBase.Copy = react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
+  var _a;
+
+  var index = useIndex(props.index);
+  var self = (0,_formily_react__WEBPACK_IMPORTED_MODULE_3__.useField)();
+  var array = useArray();
+  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_6__/* .usePrefixCls */ .F)('formily-array-base');
+  if (!array) return null;
+  if (((_a = array.field) === null || _a === void 0 ? void 0 : _a.pattern) !== 'editable') return null;
+  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_builtins___WEBPACK_IMPORTED_MODULE_7__/* .CopyOutlinedIcon */ .ES, __assign({}, props, {
+    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(prefixCls, "-copy"), (self === null || self === void 0 ? void 0 : self.disabled) ? "".concat(prefixCls, "-copy-disabled") : '', props.className),
+    ref: ref,
+    onClick: function onClick(e) {
+      var _a, _b, _c, _d, _e;
+
+      if (self === null || self === void 0 ? void 0 : self.disabled) return;
+      e.stopPropagation();
+      var value = (0,_formily_shared__WEBPACK_IMPORTED_MODULE_2__/* .clone */ .d9)((_a = array === null || array === void 0 ? void 0 : array.field) === null || _a === void 0 ? void 0 : _a.value[index]);
+      var distIndex = index + 1;
+      (_c = (_b = array.field) === null || _b === void 0 ? void 0 : _b.insert) === null || _c === void 0 ? void 0 : _c.call(_b, distIndex, value);
+      (_e = (_d = array.props) === null || _d === void 0 ? void 0 : _d.onCopy) === null || _e === void 0 ? void 0 : _e.call(_d, distIndex);
+
+      if (props.onClick) {
+        props.onClick(e);
+      }
+    }
+  }));
+});
 ArrayBase.MoveDown = react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var _a;
 
@@ -19792,6 +20377,7 @@ ArrayBase.mixin = function (target) {
   target.Index = ArrayBase.Index;
   target.SortHandle = ArrayBase.SortHandle;
   target.Addition = ArrayBase.Addition;
+  target.Copy = ArrayBase.Copy;
   target.Remove = ArrayBase.Remove;
   target.MoveDown = ArrayBase.MoveDown;
   target.MoveUp = ArrayBase.MoveUp;
@@ -19845,37 +20431,43 @@ var __assign = undefined && undefined.__assign || function () {
 
 
 var isAdditionComponent = function isAdditionComponent(schema) {
-  var _a;
+  var _a, _b;
 
-  return ((_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf('Addition')) > -1;
+  return ((_b = (_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf) === null || _b === void 0 ? void 0 : _b.call(_a, 'Addition')) > -1;
 };
 
 var isIndexComponent = function isIndexComponent(schema) {
-  var _a;
+  var _a, _b;
 
-  return ((_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf('Index')) > -1;
+  return ((_b = (_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf) === null || _b === void 0 ? void 0 : _b.call(_a, 'Index')) > -1;
 };
 
 var isRemoveComponent = function isRemoveComponent(schema) {
-  var _a;
+  var _a, _b;
 
-  return ((_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf('Remove')) > -1;
+  return ((_b = (_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf) === null || _b === void 0 ? void 0 : _b.call(_a, 'Remove')) > -1;
+};
+
+var isCopyComponent = function isCopyComponent(schema) {
+  var _a, _b;
+
+  return ((_b = (_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf) === null || _b === void 0 ? void 0 : _b.call(_a, 'Copy')) > -1;
 };
 
 var isMoveUpComponent = function isMoveUpComponent(schema) {
-  var _a;
+  var _a, _b;
 
-  return ((_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf('MoveUp')) > -1;
+  return ((_b = (_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf) === null || _b === void 0 ? void 0 : _b.call(_a, 'MoveUp')) > -1;
 };
 
 var isMoveDownComponent = function isMoveDownComponent(schema) {
-  var _a;
+  var _a, _b;
 
-  return ((_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf('MoveDown')) > -1;
+  return ((_b = (_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf) === null || _b === void 0 ? void 0 : _b.call(_a, 'MoveDown')) > -1;
 };
 
 var isOperationComponent = function isOperationComponent(schema) {
-  return isAdditionComponent(schema) || isRemoveComponent(schema) || isMoveDownComponent(schema) || isMoveUpComponent(schema);
+  return isAdditionComponent(schema) || isRemoveComponent(schema) || isCopyComponent(schema) || isMoveDownComponent(schema) || isMoveUpComponent(schema);
 };
 
 var Empty = function Empty() {
@@ -19968,7 +20560,11 @@ var ArrayCards = (0,_formily_react__WEBPACK_IMPORTED_MODULE_2__.observer)(functi
       return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_array_base__WEBPACK_IMPORTED_MODULE_5__/* .ArrayBase.Item */ .w.Item, {
         key: index,
         index: index,
-        record: item
+        record: function record() {
+          var _a;
+
+          return (_a = field.value) === null || _a === void 0 ? void 0 : _a[index];
+        }
       }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Card, __assign({
         contentHeight: "auto"
       }, props, {
@@ -20095,33 +20691,33 @@ var __read = undefined && undefined.__read || function (o, n) {
 
 
 var isAdditionComponent = function isAdditionComponent(schema) {
-  var _a;
+  var _a, _b;
 
-  return ((_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf('Addition')) > -1;
+  return ((_b = (_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf) === null || _b === void 0 ? void 0 : _b.call(_a, 'Addition')) > -1;
 };
 
 var isIndexComponent = function isIndexComponent(schema) {
-  var _a;
+  var _a, _b;
 
-  return ((_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf('Index')) > -1;
+  return ((_b = (_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf) === null || _b === void 0 ? void 0 : _b.call(_a, 'Index')) > -1;
 };
 
 var isRemoveComponent = function isRemoveComponent(schema) {
-  var _a;
+  var _a, _b;
 
-  return ((_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf('Remove')) > -1;
+  return ((_b = (_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf) === null || _b === void 0 ? void 0 : _b.call(_a, 'Remove')) > -1;
 };
 
 var isMoveUpComponent = function isMoveUpComponent(schema) {
-  var _a;
+  var _a, _b;
 
-  return ((_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf('MoveUp')) > -1;
+  return ((_b = (_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf) === null || _b === void 0 ? void 0 : _b.call(_a, 'MoveUp')) > -1;
 };
 
 var isMoveDownComponent = function isMoveDownComponent(schema) {
-  var _a;
+  var _a, _b;
 
-  return ((_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf('MoveDown')) > -1;
+  return ((_b = (_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.indexOf) === null || _b === void 0 ? void 0 : _b.call(_a, 'MoveDown')) > -1;
 };
 
 var isOperationComponent = function isOperationComponent(schema) {
@@ -20253,7 +20849,11 @@ var ArrayCollapse = (0,_formily_react__WEBPACK_IMPORTED_MODULE_2__.observer)(fun
       }), react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_array_base__WEBPACK_IMPORTED_MODULE_7__/* ["default"].Item */ .Z.Item, {
         index: index,
         key: index,
-        record: item
+        record: function record() {
+          var _a;
+
+          return (_a = field.value) === null || _a === void 0 ? void 0 : _a[index];
+        }
       }, content));
     }));
   };
@@ -20374,7 +20974,11 @@ var ArrayItems = (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.observer)(functi
     return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_array_base__WEBPACK_IMPORTED_MODULE_5__/* .ArrayBase.Item */ .w.Item, {
       key: index,
       index: index,
-      record: item
+      record: function record() {
+        var _a;
+
+        return (_a = field.value) === null || _a === void 0 ? void 0 : _a[index];
+      }
     }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SortableItem, {
       key: "item-".concat(index),
       index: index
@@ -20545,7 +21149,7 @@ var useArrayTableSources = function useArrayTableSources() {
   return parseArrayItems(schema.items);
 };
 
-var useArrayTableColumns = function useArrayTableColumns(dataSource, sources) {
+var useArrayTableColumns = function useArrayTableColumns(field, sources) {
   return sources.reduce(function (buf, _a, key) {
     var name = _a.name,
         columnProps = _a.columnProps,
@@ -20557,11 +21161,17 @@ var useArrayTableColumns = function useArrayTableColumns(dataSource, sources) {
       key: key,
       dataIndex: name,
       cell: function cell(value, _, record) {
-        var index = dataSource.indexOf(record);
+        var _a;
+
+        var index = (_a = field.value) === null || _a === void 0 ? void 0 : _a.indexOf(record);
         var children = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_array_base__WEBPACK_IMPORTED_MODULE_5__/* .ArrayBase.Item */ .w.Item, {
           key: index,
           index: index,
-          record: record
+          record: function record() {
+            var _a;
+
+            return (_a = field.value) === null || _a === void 0 ? void 0 : _a[index];
+          }
         }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_formily_react__WEBPACK_IMPORTED_MODULE_3__.RecursionField, {
           schema: schema,
           name: index,
@@ -20725,7 +21335,7 @@ var ArrayTable = (0,_formily_react__WEBPACK_IMPORTED_MODULE_3__.observer)(functi
   var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_6__/* .usePrefixCls */ .F)('formily-array-table');
   var dataSource = Array.isArray(field.value) ? field.value.slice() : [];
   var sources = useArrayTableSources();
-  var columns = useArrayTableColumns(dataSource, sources);
+  var columns = useArrayTableColumns(field, sources);
   var pagination = (0,_formily_shared__WEBPACK_IMPORTED_MODULE_4__/* .isBool */ .Bl)(props.pagination) ? {} : props.pagination;
   var addition = useAddition();
   return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ArrayTablePagination, __assign({}, pagination, {
@@ -21424,7 +22034,7 @@ Editable.Popover = (0,_formily_react__WEBPACK_IMPORTED_MODULE_2__.observer)(func
 /* 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_sticky_box__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17129);
+/* harmony import */ var react_sticky_box__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23060);
 /* harmony import */ var _space__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7288);
 /* harmony import */ var _form_item__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(97848);
 /* harmony import */ var _builtins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(35166);
@@ -22936,29 +23546,30 @@ var __read = undefined && undefined.__read || function (o, n) {
 
 
 var useFormItemLayout = function useFormItemLayout(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
 
   var layout = (0,_form_layout__WEBPACK_IMPORTED_MODULE_5__/* .useFormLayout */ .Hp)();
+  var layoutType = (_b = (_a = props.layout) !== null && _a !== void 0 ? _a : layout.layout) !== null && _b !== void 0 ? _b : 'horizontal';
   return __assign(__assign({}, props), {
-    layout: (_b = (_a = props.layout) !== null && _a !== void 0 ? _a : layout.layout) !== null && _b !== void 0 ? _b : 'horizontal',
+    layout: layoutType,
     colon: (_c = props.colon) !== null && _c !== void 0 ? _c : layout.colon,
-    labelAlign: layout.layout === 'vertical' ? (_e = (_d = props.labelAlign) !== null && _d !== void 0 ? _d : layout.labelAlign) !== null && _e !== void 0 ? _e : 'left' : (_g = (_f = props.labelAlign) !== null && _f !== void 0 ? _f : layout.labelAlign) !== null && _g !== void 0 ? _g : 'right',
-    labelWrap: (_h = props.labelWrap) !== null && _h !== void 0 ? _h : layout.labelWrap,
-    labelWidth: (_j = props.labelWidth) !== null && _j !== void 0 ? _j : layout.labelWidth,
-    wrapperWidth: (_k = props.wrapperWidth) !== null && _k !== void 0 ? _k : layout.wrapperWidth,
-    labelCol: (_l = props.labelCol) !== null && _l !== void 0 ? _l : layout.labelCol,
-    wrapperCol: (_m = props.wrapperCol) !== null && _m !== void 0 ? _m : layout.wrapperCol,
-    wrapperAlign: (_o = props.wrapperAlign) !== null && _o !== void 0 ? _o : layout.wrapperAlign,
-    wrapperWrap: (_p = props.wrapperWrap) !== null && _p !== void 0 ? _p : layout.wrapperWrap,
-    fullness: (_q = props.fullness) !== null && _q !== void 0 ? _q : layout.fullness,
-    size: (_r = props.size) !== null && _r !== void 0 ? _r : layout.size,
-    inset: (_s = props.inset) !== null && _s !== void 0 ? _s : layout.inset,
+    labelAlign: layoutType === 'vertical' ? (_d = props.labelAlign) !== null && _d !== void 0 ? _d : 'left' : (_f = (_e = props.labelAlign) !== null && _e !== void 0 ? _e : layout.labelAlign) !== null && _f !== void 0 ? _f : 'right',
+    labelWrap: (_g = props.labelWrap) !== null && _g !== void 0 ? _g : layout.labelWrap,
+    labelWidth: (_h = props.labelWidth) !== null && _h !== void 0 ? _h : layout.labelWidth,
+    wrapperWidth: (_j = props.wrapperWidth) !== null && _j !== void 0 ? _j : layout.wrapperWidth,
+    labelCol: (_k = props.labelCol) !== null && _k !== void 0 ? _k : layout.labelCol,
+    wrapperCol: (_l = props.wrapperCol) !== null && _l !== void 0 ? _l : layout.wrapperCol,
+    wrapperAlign: (_m = props.wrapperAlign) !== null && _m !== void 0 ? _m : layout.wrapperAlign,
+    wrapperWrap: (_o = props.wrapperWrap) !== null && _o !== void 0 ? _o : layout.wrapperWrap,
+    fullness: (_p = props.fullness) !== null && _p !== void 0 ? _p : layout.fullness,
+    size: (_q = props.size) !== null && _q !== void 0 ? _q : layout.size,
+    inset: (_r = props.inset) !== null && _r !== void 0 ? _r : layout.inset,
     asterisk: props.asterisk,
-    bordered: (_t = props.bordered) !== null && _t !== void 0 ? _t : layout.bordered,
+    bordered: (_s = props.bordered) !== null && _s !== void 0 ? _s : layout.bordered,
     feedbackIcon: props.feedbackIcon,
-    feedbackLayout: (_v = (_u = props.feedbackLayout) !== null && _u !== void 0 ? _u : layout.feedbackLayout) !== null && _v !== void 0 ? _v : 'loose',
-    tooltipLayout: (_x = (_w = props.tooltipLayout) !== null && _w !== void 0 ? _w : layout.tooltipLayout) !== null && _x !== void 0 ? _x : 'icon',
-    tooltipIcon: (_z = (_y = props.tooltipIcon) !== null && _y !== void 0 ? _y : layout.tooltipIcon) !== null && _z !== void 0 ? _z : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_builtins___WEBPACK_IMPORTED_MODULE_6__/* .QuestionCircleOutlinedIcon */ .x7, null)
+    feedbackLayout: (_u = (_t = props.feedbackLayout) !== null && _t !== void 0 ? _t : layout.feedbackLayout) !== null && _u !== void 0 ? _u : 'loose',
+    tooltipLayout: (_w = (_v = props.tooltipLayout) !== null && _v !== void 0 ? _v : layout.tooltipLayout) !== null && _w !== void 0 ? _w : 'icon',
+    tooltipIcon: (_y = (_x = props.tooltipIcon) !== null && _x !== void 0 ? _x : layout.tooltipIcon) !== null && _y !== void 0 ? _y : react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_builtins___WEBPACK_IMPORTED_MODULE_6__/* .QuestionCircleOutlinedIcon */ .x7, null)
   });
 };
 
@@ -23140,7 +23751,7 @@ var BaseItem = function BaseItem(props) {
   return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", __assign({}, (0,_builtins___WEBPACK_IMPORTED_MODULE_8__/* .pickDataProps */ .Y)(props), {
     style: __assign(__assign({}, style), gridStyles),
     "data-grid-span": props.gridSpan,
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_b = {}, _b["".concat(prefixCls)] = true, _b["".concat(prefixCls, "-layout-").concat(layout)] = true, _b["".concat(prefixCls, "-").concat(feedbackStatus)] = !!feedbackStatus, _b["".concat(prefixCls, "-feedback-has-text")] = !!feedbackText, _b["".concat(prefixCls, "-size-").concat(size)] = !!size, _b["".concat(prefixCls, "-feedback-layout-").concat(feedbackLayout)] = !!feedbackLayout, _b["".concat(prefixCls, "-fullness")] = !!fullness || !!inset || !!feedbackIcon, _b["".concat(prefixCls, "-inset")] = !!inset, _b["".concat(prefix, "-input")] = !!inset, _b["".concat(prefixCls, "-active")] = active, _b["".concat(prefix, "-focus")] = active, _b["".concat(prefixCls, "-inset-active")] = !!inset && active, _b["".concat(prefixCls, "-label-align-").concat(labelAlign)] = true, _b["".concat(prefixCls, "-control-align-").concat(wrapperAlign)] = true, _b["".concat(prefixCls, "-label-wrap")] = !!labelWrap, _b["".concat(prefixCls, "-control-wrap")] = !!wrapperWrap, _b["".concat(prefixCls, "-bordered-none")] = bordered === false, _b[props.className] = !!props.className, _b)),
+    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_b = {}, _b["".concat(prefixCls)] = true, _b["".concat(prefixCls, "-layout-").concat(layout)] = true, _b["".concat(prefixCls, "-").concat(feedbackStatus)] = !!feedbackStatus, _b["".concat(prefixCls, "-feedback-has-text")] = !!feedbackText, _b["".concat(prefixCls, "-size-").concat(size)] = !!size, _b["".concat(prefixCls, "-feedback-layout-").concat(feedbackLayout)] = !!feedbackLayout, _b["".concat(prefixCls, "-fullness")] = !!fullness || !!inset || !!feedbackIcon, _b["".concat(prefixCls, "-inset")] = !!inset, _b["".concat(prefix, "input")] = !!inset, _b["".concat(prefixCls, "-active")] = active, _b["".concat(prefix, "focus")] = active, _b["".concat(prefixCls, "-extra-wrap")] = extra, _b["".concat(prefixCls, "-inset-active")] = !!inset && active, _b["".concat(prefixCls, "-label-align-").concat(labelAlign)] = true, _b["".concat(prefixCls, "-control-align-").concat(wrapperAlign)] = true, _b["".concat(prefixCls, "-label-wrap")] = !!labelWrap, _b["".concat(prefixCls, "-control-wrap")] = !!wrapperWrap, _b["".concat(prefixCls, "-bordered-none")] = bordered === false, _b[props.className] = !!props.className, _b)),
     onFocus: function onFocus() {
       if (feedbackIcon || inset) {
         setActive(true);
@@ -23159,7 +23770,7 @@ var BaseItem = function BaseItem(props) {
     className: classnames__WEBPACK_IMPORTED_MODULE_1___default()("".concat(prefixCls, "-addon-before"))
   }, addonBefore), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     style: wrapperStyle,
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_d = {}, _d["".concat(prefixCls, "-control-content-component")] = true, _d["".concat(prefixCls, "-control-content-component-has-feedback-icon")] = !!feedbackIcon, _d["".concat(prefix, "-input")] = !!feedbackIcon, _d["".concat(prefixCls, "-active")] = active, _d["".concat(prefix, "-focus")] = active, _d))
+    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_d = {}, _d["".concat(prefixCls, "-control-content-component")] = true, _d["".concat(prefixCls, "-control-content-component-has-feedback-icon")] = !!feedbackIcon, _d["".concat(prefix, "input")] = !!feedbackIcon, _d["".concat(prefixCls, "-active")] = active, _d["".concat(prefix, "focus")] = active, _d))
   }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_form_layout__WEBPACK_IMPORTED_MODULE_5__/* .FormLayoutShallowContext.Provider */ .$u.Provider, {
     value: {
       size: size
@@ -23986,7 +24597,7 @@ var FeedbackBadge = (0,_formily_react__WEBPACK_IMPORTED_MODULE_4__.observer)(fun
   var field = (0,_formily_react__WEBPACK_IMPORTED_MODULE_4__.useField)();
   var errors = field.form.queryFeedbacks({
     type: 'error',
-    address: "".concat(field.address.concat(props.key), ".*")
+    address: "".concat(field.address.concat(props.name), ".*")
   });
 
   if (errors.length) {
@@ -24018,7 +24629,7 @@ var FormTab = (0,_formily_react__WEBPACK_IMPORTED_MODULE_4__.observer)(function
       var _a, _b;
 
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, key);
-      (_b = formTab === null || formTab === void 0 ? void 0 : formTab.setActiveKey) === null || _b === void 0 ? void 0 : _b.call(formTab, key);
+      (_b = _formTab === null || _formTab === void 0 ? void 0 : _formTab.setActiveKey) === null || _b === void 0 ? void 0 : _b.call(_formTab, key);
     },
     lazyLoad: false
   }), tabs.map(function (_a, key) {
@@ -24029,7 +24640,7 @@ var FormTab = (0,_formily_react__WEBPACK_IMPORTED_MODULE_4__.observer)(function
       key: key
     }, props, {
       tab: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FeedbackBadge, {
-        key: name,
+        name: name,
         tab: props.tab
       })
     }), react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_formily_react__WEBPACK_IMPORTED_MODULE_4__.RecursionField, {
@@ -24118,9 +24729,9 @@ var Form = function Form(_a) {
   }, [lang]);
 
   var renderContent = function renderContent(form) {
-    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_formily_react__WEBPACK_IMPORTED_MODULE_1__.ExpressionScope, {
-      value: {
-        $$form: form
+    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_formily_react__WEBPACK_IMPORTED_MODULE_1__.RecordScope, {
+      getRecord: function getRecord() {
+        return (0,_formily_core__WEBPACK_IMPORTED_MODULE_3__.isForm)(form) ? form.values : form.value;
       }
     }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_preview_text__WEBPACK_IMPORTED_MODULE_4__/* .PreviewText.Placeholder */ .c.Placeholder, {
       value: previewTextPlaceholder
@@ -24319,7 +24930,7 @@ Input.TextArea = (0,_formily_react__WEBPACK_IMPORTED_MODULE_0__.connect)(_aliclo
 
 
 
-var NumberPicker = (0,_formily_react__WEBPACK_IMPORTED_MODULE_0__.connect)(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.NumberPicker, (0,_formily_react__WEBPACK_IMPORTED_MODULE_0__.mapProps)(_builtins___WEBPACK_IMPORTED_MODULE_2__/* .mapSize */ .z, _builtins___WEBPACK_IMPORTED_MODULE_3__/* .mapStatus */ .O), (0,_formily_react__WEBPACK_IMPORTED_MODULE_0__.mapReadPretty)(_preview_text__WEBPACK_IMPORTED_MODULE_4__/* .PreviewText.Input */ .c.Input));
+var NumberPicker = (0,_formily_react__WEBPACK_IMPORTED_MODULE_0__.connect)(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.NumberPicker, (0,_formily_react__WEBPACK_IMPORTED_MODULE_0__.mapProps)(_builtins___WEBPACK_IMPORTED_MODULE_2__/* .mapSize */ .z, _builtins___WEBPACK_IMPORTED_MODULE_3__/* .mapStatus */ .O), (0,_formily_react__WEBPACK_IMPORTED_MODULE_0__.mapReadPretty)(_preview_text__WEBPACK_IMPORTED_MODULE_4__/* .PreviewText.NumberPicker */ .c.NumberPicker));
 /* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (NumberPicker)));
 
 /***/ }),
@@ -24654,41 +25265,20 @@ var Password = (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.connect)(function
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var _builtins___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(35166);
 /* harmony import */ var _builtins___WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(46284);
-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;
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
 
-  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;
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
     }
-  }
 
-  return ar;
-};
+    return t;
+  };
 
-var __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-    if (ar || !(i in from)) {
-      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-      ar[i] = from[i];
-    }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
+  return __assign.apply(this, arguments);
 };
 
 
@@ -24705,63 +25295,23 @@ var usePlaceholder = function usePlaceholder(value) {
   return !(0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .isEmpty */ .xb)(value) ? value : placeholder;
 };
 
-var getValueByValue = function getValueByValue(array, inputValue, keyMap, path) {
-  if (path === void 0) {
-    path = [];
-  }
-
-  var _a = keyMap || {},
-      _b = _a.inputKey,
-      inputKey = _b === void 0 ? 'value' : _b,
-      _c = _a.outputKey,
-      outputKey = _c === void 0 ? 'label' : _c,
-      _d = _a.childrenKey,
-      childrenKey = _d === void 0 ? 'children' : _d;
-
-  var outputValue;
-
-  if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .isArr */ .H1)(array)) {
-    if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .isArr */ .H1)(inputValue)) {
-      outputValue = inputValue.map(function (v) {
-        return getValueByValue(array, v, keyMap, path);
-      });
-    } else {
-      array.forEach(function (obj) {
-        var _a;
-
-        if (outputValue === undefined) {
-          var currentPath = __spreadArray(__spreadArray([], __read(path), false), [obj === null || obj === void 0 ? void 0 : obj[outputKey]], false);
-
-          if ((obj === null || obj === void 0 ? void 0 : obj[inputKey]) === inputValue) {
-            outputValue = {
-              leaf: obj === null || obj === void 0 ? void 0 : obj[outputKey],
-              whole: currentPath
-            };
-          } else if ((_a = obj === null || obj === void 0 ? void 0 : obj[childrenKey]) === null || _a === void 0 ? void 0 : _a.length) {
-            outputValue = getValueByValue(obj === null || obj === void 0 ? void 0 : obj[childrenKey], inputValue, keyMap, currentPath);
-          }
-        }
-      });
-    }
-
-    return outputValue;
-  }
-
-  return undefined;
+var Input = function Input(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Input, __assign({}, props, {
+    isPreview: true
+  }));
 };
 
-var Input = function Input(props) {
-  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-text', props);
-  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(prefixCls, props.className)
-  }, props.addonBefore, props.innerBefore, usePlaceholder(props.value), props.innerAfter, props.addonAfter);
+var NumberPicker = function NumberPicker(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.NumberPicker, __assign({}, props, {
+    isPreview: true
+  }));
 };
 
 var Select = (0,_formily_react__WEBPACK_IMPORTED_MODULE_2__.observer)(function (props) {
   var _a, _b;
 
   var field = (0,_formily_react__WEBPACK_IMPORTED_MODULE_2__.useField)();
-  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-text', props);
+  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-preview', props);
   var dataSource = ((_a = field === null || field === void 0 ? void 0 : field.dataSource) === null || _a === void 0 ? void 0 : _a.length) ? field.dataSource : ((_b = props === null || props === void 0 ? void 0 : props.dataSource) === null || _b === void 0 ? void 0 : _b.length) ? props.dataSource : [];
   var placeholder = usePlaceholder();
 
@@ -24821,7 +25371,7 @@ var TreeSelect = (0,_formily_react__WEBPACK_IMPORTED_MODULE_2__.observer)(functi
 
   var field = (0,_formily_react__WEBPACK_IMPORTED_MODULE_2__.useField)();
   var placeholder = usePlaceholder();
-  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-text', props);
+  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-preview', props);
   var dataSource = ((_a = field === null || field === void 0 ? void 0 : field.dataSource) === null || _a === void 0 ? void 0 : _a.length) ? field.dataSource : ((_b = props === null || props === void 0 ? void 0 : props.dataSource) === null || _b === void 0 ? void 0 : _b.length) ? props.dataSource : [];
 
   var getSelected = function getSelected() {
@@ -24889,24 +25439,47 @@ var Cascader = (0,_formily_react__WEBPACK_IMPORTED_MODULE_2__.observer)(function
 
   var field = (0,_formily_react__WEBPACK_IMPORTED_MODULE_2__.useField)();
   var placeholder = usePlaceholder();
-  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-text', props);
+  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-preview', props);
   var dataSource = ((_a = field === null || field === void 0 ? void 0 : field.dataSource) === null || _a === void 0 ? void 0 : _a.length) ? field.dataSource : ((_b = props === null || props === void 0 ? void 0 : props.dataSource) === null || _b === void 0 ? void 0 : _b.length) ? props.dataSource : [];
 
+  var findSelectedItem = function findSelectedItem(items, val) {
+    return items.find(function (item) {
+      return item.value == val;
+    });
+  };
+
+  var findSelectedItems = function findSelectedItems(sources, selectedValues) {
+    return selectedValues.map(function (value) {
+      var result = [];
+      var items = sources;
+      value.forEach(function (val) {
+        var _a, _b;
+
+        var selectedItem = findSelectedItem(items, val);
+        result.push({
+          label: (_a = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) !== null && _a !== void 0 ? _a : '',
+          value: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value
+        });
+        items = (_b = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.children) !== null && _b !== void 0 ? _b : [];
+      });
+      return result;
+    });
+  };
+
   var getSelected = function getSelected() {
-    return props.multiple ? (0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .toArr */ ._K)(props.value) : [props.value];
+    var val = (0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .toArr */ ._K)(props.value); // unified conversion to multi selection mode
+
+    return props.multiple ? val : [val];
   };
 
   var getLabels = function getLabels() {
-    var _a, _b;
-
     var selected = getSelected();
-    var labels = (_b = (_a = getValueByValue(dataSource, selected)) === null || _a === void 0 ? void 0 : _a.filter(function (item) {
-      return (0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .isValid */ .JY)(item);
-    })) === null || _b === void 0 ? void 0 : _b.map(function (item) {
-      var _a;
-
-      return (_a = item === null || item === void 0 ? void 0 : item.whole) === null || _a === void 0 ? void 0 : _a.join('/');
-    }).join(', ');
+    var values = findSelectedItems(dataSource, selected);
+    var labels = values.map(function (val) {
+      return val.map(function (item) {
+        return item.label;
+      }).join('/');
+    }).join(' ');
     return labels || placeholder;
   };
 
@@ -24917,7 +25490,7 @@ var Cascader = (0,_formily_react__WEBPACK_IMPORTED_MODULE_2__.observer)(function
 
 var DatePicker = function DatePicker(props) {
   var placeholder = usePlaceholder();
-  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-text', props);
+  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-preview', props);
 
   var getLabels = function getLabels() {
     var labels = (0,_builtins___WEBPACK_IMPORTED_MODULE_6__/* .formatMomentValue */ .$)(props.value, props.format, placeholder);
@@ -24931,7 +25504,7 @@ var DatePicker = function DatePicker(props) {
 
 var DateRangePicker = function DateRangePicker(props) {
   var placeholder = usePlaceholder();
-  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-text', props);
+  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-preview', props);
 
   var getLabels = function getLabels() {
     var labels = (0,_builtins___WEBPACK_IMPORTED_MODULE_6__/* .formatMomentValue */ .$)(props.value, props.format, placeholder);
@@ -24945,7 +25518,7 @@ var DateRangePicker = function DateRangePicker(props) {
 
 var TimePicker = function TimePicker(props) {
   var placeholder = usePlaceholder();
-  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-text', props);
+  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-preview', props);
 
   var getLabels = function getLabels() {
     var labels = (0,_builtins___WEBPACK_IMPORTED_MODULE_6__/* .formatMomentValue */ .$)(props.value, props.format, placeholder);
@@ -24959,7 +25532,7 @@ var TimePicker = function TimePicker(props) {
 
 var TimePicker2 = function TimePicker2(props) {
   var placeholder = usePlaceholder();
-  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-text', props);
+  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-preview', props);
 
   var getLabels = function getLabels() {
     var labels = (0,_builtins___WEBPACK_IMPORTED_MODULE_6__/* .formatMomentValue */ .$)(props.value, props.format, placeholder);
@@ -24973,7 +25546,7 @@ var TimePicker2 = function TimePicker2(props) {
 
 var TimeRangePicker2 = function TimeRangePicker2(props) {
   var placeholder = usePlaceholder();
-  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-text', props);
+  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-preview', props);
 
   var getLabels = function getLabels() {
     var labels = (0,_builtins___WEBPACK_IMPORTED_MODULE_6__/* .formatMomentValue */ .$)(props.value, props.format, placeholder);
@@ -24986,7 +25559,7 @@ var TimeRangePicker2 = function TimeRangePicker2(props) {
 };
 
 var Text = function Text(props) {
-  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-text', props);
+  var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('form-preview', props);
   return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(prefixCls, props.className),
     style: props.style
@@ -24994,6 +25567,7 @@ var Text = function Text(props) {
 };
 
 Text.Input = Input;
+Text.NumberPicker = NumberPicker;
 Text.Select = Select;
 Text.TreeSelect = TreeSelect;
 Text.Cascader = Cascader;
@@ -25239,27 +25813,28 @@ var addPrimaryKey = function addPrimaryKey(dataSource, rowKey, primaryKey) {
 var SelectTable = (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.observer)(function (props) {
   var _a;
 
-  var mode = props.mode,
-      propsDataSource = props.dataSource,
-      optionAsValue = props.optionAsValue,
-      valueType = props.valueType,
-      showSearch = props.showSearch,
-      filterOption = props.filterOption,
-      filterSort = props.filterSort,
-      onSearch = props.onSearch,
-      searchProps = props.searchProps,
-      className = props.className,
-      value = props.value,
-      onChange = props.onChange,
-      rowSelection = props.rowSelection,
-      rowKey = props.primaryKey,
-      otherTableProps = __rest(props, ["mode", "dataSource", "optionAsValue", "valueType", "showSearch", "filterOption", "filterSort", "onSearch", "searchProps", "className", "value", "onChange", "rowSelection", "primaryKey"]);
+  var _b = props,
+      mode = _b.mode,
+      propsDataSource = _b.dataSource,
+      optionAsValue = _b.optionAsValue,
+      valueType = _b.valueType,
+      showSearch = _b.showSearch,
+      filterOption = _b.filterOption,
+      filterSort = _b.filterSort,
+      onSearch = _b.onSearch,
+      searchProps = _b.searchProps,
+      className = _b.className,
+      value = _b.value,
+      onChange = _b.onChange,
+      rowSelection = _b.rowSelection,
+      rowKey = _b.primaryKey,
+      otherTableProps = __rest(_b, ["mode", "dataSource", "optionAsValue", "valueType", "showSearch", "filterOption", "filterSort", "onSearch", "searchProps", "className", "value", "onChange", "rowSelection", "primaryKey"]);
 
   var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_5__/* .usePrefixCls */ .F)('formily-select-table', props);
 
-  var _b = __read((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(), 2),
-      searchValue = _b[0],
-      setSearchValue = _b[1];
+  var _c = __read((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(), 2),
+      searchValue = _c[0],
+      setSearchValue = _c[1];
 
   var field = (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.useField)();
   var loading = (0,_formily_shared__WEBPACK_IMPORTED_MODULE_3__/* .isBool */ .Bl)(props.loading) ? props.loading : field.loading;
@@ -25267,9 +25842,9 @@ var SelectTable = (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.observer)(funct
   var readOnly = field.readOnly;
   var readPretty = field.readPretty;
 
-  var _c = (0,_useSize__WEBPACK_IMPORTED_MODULE_6__/* .useSize */ .t)((_a = field.decoratorProps) === null || _a === void 0 ? void 0 : _a.size, searchProps === null || searchProps === void 0 ? void 0 : searchProps.size, props === null || props === void 0 ? void 0 : props.size),
-      searchSize = _c.searchSize,
-      tableSize = _c.tableSize;
+  var _d = (0,_useSize__WEBPACK_IMPORTED_MODULE_6__/* .useSize */ .t)((_a = field.decoratorProps) === null || _a === void 0 ? void 0 : _a.size, searchProps === null || searchProps === void 0 ? void 0 : searchProps.size, props === null || props === void 0 ? void 0 : props.size),
+      searchSize = _d.searchSize,
+      tableSize = _d.tableSize;
 
   var primaryKey = (0,_formily_shared__WEBPACK_IMPORTED_MODULE_3__/* .isFn */ .LQ)(rowKey) ? '__formily_key__' : rowKey;
   var columns = useColumns(); // dataSource
@@ -56885,6 +57460,374 @@ module.exports = withSideEffect;
 
 /***/ }),
 
+/***/ 23060:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (/* binding */ StickyBox)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(42081);
+/* 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 resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(94738);
+
+
+
+
+
+var getScrollParent = function getScrollParent(node) {
+  var parent = node;
+
+  while (parent = parent.parentElement) {
+    var overflowYVal = getComputedStyle(parent, null).getPropertyValue("overflow-y");
+    if (parent === document.body) return window;
+    if (overflowYVal === "auto" || overflowYVal === "scroll") return parent;
+  }
+
+  return window;
+};
+
+var offsetTill = function offsetTill(node, target) {
+  var current = node;
+  var offset = 0; // If target is not an offsetParent itself, subtract its offsetTop and set correct target
+
+  if (target.firstChild && target.firstChild.offsetParent !== target) {
+    offset += node.offsetTop - target.offsetTop;
+    target = node.offsetParent;
+    offset += -node.offsetTop;
+  }
+
+  do {
+    offset += current.offsetTop;
+    current = current.offsetParent;
+  } while (current && current !== target);
+
+  return offset;
+};
+
+var stickyProp = null;
+
+if (typeof CSS !== "undefined" && CSS.supports) {
+  if (CSS.supports("position", "sticky")) stickyProp = "sticky";else if (CSS.supports("position", "-webkit-sticky")) stickyProp = "-webkit-sticky";
+} // Inspired by https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md#feature-detection
+
+
+var passiveArg = false;
+
+try {
+  var opts = Object.defineProperty({}, "passive", {
+    // eslint-disable-next-line getter-return
+    get: function get() {
+      passiveArg = {
+        passive: true
+      };
+    }
+  });
+  window.addEventListener("testPassive", null, opts);
+  window.removeEventListener("testPassive", null, opts);
+} catch (e) {}
+
+var StickyBox = /*#__PURE__*/function (_React$Component) {
+  (0,_babel_runtime_helpers_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(StickyBox, _React$Component);
+
+  function StickyBox(props) {
+    var _this = _React$Component.call(this, props) || this;
+
+    _this.addListener = function (element, event, handler, passive) {
+      element.addEventListener(event, handler, passive);
+
+      _this.unsubscribes.push(function () {
+        return element.removeEventListener(event, handler);
+      });
+    };
+
+    _this.addResizeObserver = function (node, handler) {
+      var ro = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z(handler);
+      ro.observe(node);
+
+      _this.unsubscribes.push(function () {
+        return ro.disconnect();
+      });
+    };
+
+    _this.registerContainerRef = function (n) {
+      if (!stickyProp) return;
+      _this.node = n;
+
+      if (n) {
+        _this.scrollPane = getScrollParent(_this.node);
+        _this.latestScrollY = _this.scrollPane === window ? window.scrollY : _this.scrollPane.scrollTop;
+
+        _this.addListener(_this.scrollPane, "scroll", _this.handleScroll, passiveArg);
+
+        _this.addListener(_this.scrollPane, "mousewheel", _this.handleScroll, passiveArg);
+
+        if (_this.scrollPane === window) {
+          _this.addListener(window, "resize", _this.handleWindowResize);
+
+          _this.handleWindowResize();
+        } else {
+          _this.addResizeObserver(_this.scrollPane, _this.handleScrollPaneResize);
+
+          _this.handleScrollPaneResize();
+        }
+
+        _this.addResizeObserver(_this.node.parentNode, _this.handleParentNodeResize);
+
+        _this.handleParentNodeResize();
+
+        _this.addResizeObserver(_this.node, _this.handleNodeResize);
+
+        _this.handleNodeResize({
+          initial: true
+        });
+
+        _this.initial();
+      } else {
+        _this.unsubscribes.forEach(function (fn) {
+          return fn();
+        });
+
+        _this.unsubscribes = [];
+        _this.scrollPane = null;
+      }
+    };
+
+    _this.getCurrentOffset = function () {
+      if (_this.mode === "relative") return _this.offset;
+      var _this$props = _this.props,
+          offsetTop = _this$props.offsetTop,
+          offsetBottom = _this$props.offsetBottom;
+
+      if (_this.mode === "stickyTop") {
+        return Math.max(0, _this.scrollPaneOffset + _this.latestScrollY - _this.naturalTop + offsetTop);
+      }
+
+      if (_this.mode === "stickyBottom") {
+        return Math.max(0, _this.scrollPaneOffset + _this.latestScrollY + _this.viewPortHeight - (_this.naturalTop + _this.nodeHeight + offsetBottom));
+      }
+    };
+
+    _this.handleWindowResize = function () {
+      _this.viewPortHeight = window.innerHeight;
+      _this.scrollPaneOffset = 0;
+
+      _this.handleScroll();
+    };
+
+    _this.handleScrollPaneResize = function () {
+      _this.viewPortHeight = _this.scrollPane.offsetHeight;
+
+      if (false) {} // Only applicable if scrollPane is an offsetParent
+
+
+      if (_this.scrollPane.firstChild.offsetParent === _this.scrollPane) {
+        _this.scrollPaneOffset = _this.scrollPane.getBoundingClientRect().top;
+      } else {
+        _this.scrollPaneOffset = 0;
+      }
+
+      _this.handleScroll();
+    };
+
+    _this.handleParentNodeResize = function () {
+      var parentNode = _this.node.parentNode;
+      var computedParentStyle = getComputedStyle(parentNode, null);
+      var parentPaddingTop = parseInt(computedParentStyle.getPropertyValue("padding-top"), 10);
+      var parentPaddingBottom = parseInt(computedParentStyle.getPropertyValue("padding-bottom"), 10);
+      _this.naturalTop = offsetTill(parentNode, _this.scrollPane) + parentPaddingTop + _this.scrollPaneOffset;
+      var oldParentHeight = _this.parentHeight;
+      _this.parentHeight = parentNode.getBoundingClientRect().height - (parentPaddingTop + parentPaddingBottom);
+
+      if (_this.mode === "relative") {
+        if (_this.props.bottom) {
+          _this.changeMode("relative");
+        } else {
+          // If parent height decreased...
+          if (oldParentHeight > _this.parentHeight) {
+            _this.changeToStickyBottomIfBoxTooLow(_this.latestScrollY);
+          }
+        }
+      }
+
+      if (oldParentHeight !== _this.parentHeight && _this.mode === "relative") {
+        _this.latestScrollY = Number.POSITIVE_INFINITY;
+
+        _this.handleScroll();
+      }
+    };
+
+    _this.handleNodeResize = function (_temp) {
+      var _ref = _temp === void 0 ? {} : _temp,
+          initial = _ref.initial;
+
+      var prevHeight = _this.nodeHeight;
+      _this.nodeHeight = _this.node.getBoundingClientRect().height;
+
+      if (!initial && prevHeight !== _this.nodeHeight) {
+        var _this$props2 = _this.props,
+            offsetTop = _this$props2.offsetTop,
+            offsetBottom = _this$props2.offsetBottom,
+            bottom = _this$props2.bottom;
+
+        if (_this.nodeHeight + offsetTop + offsetBottom <= _this.viewPortHeight) {
+          // Just make it sticky if node smaller than viewport
+          _this.mode = undefined;
+
+          _this.initial();
+        } else {
+          var diff = prevHeight - _this.nodeHeight;
+          var lowestPossible = _this.parentHeight - _this.nodeHeight;
+          var nextOffset = Math.min(lowestPossible, _this.getCurrentOffset() + (bottom ? diff : 0));
+          _this.offset = Math.max(0, nextOffset);
+          if (!bottom || _this.mode !== "stickyBottom") _this.changeMode("relative");
+        }
+      }
+    };
+
+    _this.handleScroll = function () {
+      var _this$props3 = _this.props,
+          offsetTop = _this$props3.offsetTop,
+          offsetBottom = _this$props3.offsetBottom;
+      var scrollY = _this.scrollPane === window ? window.scrollY : _this.scrollPane.scrollTop;
+      if (scrollY === _this.latestScrollY) return;
+
+      if (_this.nodeHeight + offsetTop + offsetBottom <= _this.viewPortHeight) {
+        // Just make it sticky if node smaller than viewport
+        _this.initial();
+
+        _this.latestScrollY = scrollY;
+        return;
+      }
+
+      var scrollDelta = scrollY - _this.latestScrollY;
+      _this.offset = _this.getCurrentOffset();
+
+      if (scrollDelta > 0) {
+        // scroll down
+        if (_this.mode === "stickyTop") {
+          if (scrollY + _this.scrollPaneOffset + offsetTop > _this.naturalTop) {
+            if (scrollY + _this.scrollPaneOffset + _this.viewPortHeight <= _this.naturalTop + _this.nodeHeight + _this.offset + offsetBottom) {
+              _this.changeMode("relative");
+            } else {
+              _this.changeMode("stickyBottom");
+            }
+          }
+        } else if (_this.mode === "relative") {
+          _this.changeToStickyBottomIfBoxTooLow(scrollY);
+        }
+      } else {
+        // scroll up
+        if (_this.mode === "stickyBottom") {
+          if (_this.scrollPaneOffset + scrollY + _this.viewPortHeight < _this.naturalTop + _this.parentHeight + offsetBottom) {
+            if (_this.scrollPaneOffset + scrollY + offsetTop >= _this.naturalTop + _this.offset) {
+              _this.changeMode("relative");
+            } else {
+              _this.changeMode("stickyTop");
+            }
+          }
+        } else if (_this.mode === "relative") {
+          if (_this.scrollPaneOffset + scrollY + offsetTop < _this.naturalTop + _this.offset) {
+            _this.changeMode("stickyTop");
+          }
+        }
+      }
+
+      _this.latestScrollY = scrollY;
+    };
+
+    if (props.offset && "production" !== "production") {}
+
+    _this.unsubscribes = [];
+    return _this;
+  }
+
+  var _proto = StickyBox.prototype;
+
+  _proto.changeMode = function changeMode(newMode) {
+    var _this$props4 = this.props,
+        onChangeMode = _this$props4.onChangeMode,
+        offsetTop = _this$props4.offsetTop,
+        offsetBottom = _this$props4.offsetBottom,
+        bottom = _this$props4.bottom;
+    if (this.mode !== newMode) onChangeMode(this.mode, newMode);
+    this.mode = newMode;
+
+    if (newMode === "relative") {
+      this.node.style.position = "relative";
+
+      if (bottom) {
+        var nextBottom = Math.max(0, this.parentHeight - this.nodeHeight - this.offset);
+        this.node.style.bottom = nextBottom + "px";
+      } else {
+        this.node.style.top = this.offset + "px";
+      }
+    } else {
+      this.node.style.position = stickyProp;
+
+      if (newMode === "stickyBottom") {
+        if (bottom) {
+          this.node.style.bottom = offsetBottom + "px";
+        } else {
+          this.node.style.top = this.viewPortHeight - this.nodeHeight - offsetBottom + "px";
+        }
+      } else {
+        // stickyTop
+        if (bottom) {
+          this.node.style.bottom = this.viewPortHeight - this.nodeHeight - offsetBottom + "px";
+        } else {
+          this.node.style.top = offsetTop + "px";
+        }
+      }
+    }
+
+    this.offset = this.getCurrentOffset();
+  };
+
+  _proto.initial = function initial() {
+    var bottom = this.props.bottom;
+
+    if (bottom) {
+      if (this.mode !== "stickyBottom") this.changeMode("stickyBottom");
+    } else {
+      if (this.mode !== "stickyTop") this.changeMode("stickyTop");
+    }
+  };
+
+  _proto.changeToStickyBottomIfBoxTooLow = function changeToStickyBottomIfBoxTooLow(scrollY) {
+    var offsetBottom = this.props.offsetBottom;
+
+    if (scrollY + this.scrollPaneOffset + this.viewPortHeight >= this.naturalTop + this.nodeHeight + this.offset + offsetBottom) {
+      this.changeMode("stickyBottom");
+    }
+  };
+
+  _proto.render = function render() {
+    var _this$props5 = this.props,
+        children = _this$props5.children,
+        className = _this$props5.className,
+        style = _this$props5.style;
+    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: className,
+      style: style,
+      ref: this.registerContainerRef
+    }, children);
+  };
+
+  return StickyBox;
+}((react__WEBPACK_IMPORTED_MODULE_0___default().Component));
+
+
+StickyBox.defaultProps = {
+  onChangeMode: function onChangeMode() {},
+  offsetTop: 0,
+  offsetBottom: 0
+};
+ false ? 0 : void 0;
+
+/***/ }),
+
 /***/ 94738:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -67246,6 +68189,129 @@ var MenuSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwa
 
 /***/ }),
 
+/***/ 95904:
+/***/ ((__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 _teamix_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(89227);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(33049);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__);
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+
+
+
+
+
+var Tooltip = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Balloon.Tooltip;
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.usePrefixCls)('teamix-pro-field-output-avatar');
+
+var Avatar = function Avatar(props) {
+  var result = props.result,
+      _props$render = props.render,
+      render = _props$render === void 0 ? {} : _props$render,
+      _props$value = props.value,
+      value = _props$value === void 0 ? [] : _props$value;
+  var _render$tooltip = render.tooltip,
+      tooltip = _render$tooltip === void 0 ? [] : _render$tooltip;
+
+  var renderHead = function renderHead() {
+    var _render$avatar, _render$avatar3;
+
+    if ((_render$avatar = _typeof(render === null || render === void 0 ? void 0 : render.avatar)) !== null && _render$avatar !== void 0 ? _render$avatar : (render === null || render === void 0 ? void 0 : render.head) === 'string') {
+      var _ref, _render$avatar2;
+
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+        className: cls({
+          box: true
+        })
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("img", {
+        src: (_ref = (_render$avatar2 = render === null || render === void 0 ? void 0 : render.avatar) !== null && _render$avatar2 !== void 0 ? _render$avatar2 : render === null || render === void 0 ? void 0 : render.head) !== null && _ref !== void 0 ? _ref : ''
+      }));
+    }
+
+    return (_render$avatar3 = render === null || render === void 0 ? void 0 : render.avatar) !== null && _render$avatar3 !== void 0 ? _render$avatar3 : render === null || render === void 0 ? void 0 : render.head;
+  }; // 渲染头像组
+
+
+  var renderGroup = function renderGroup() {
+    var renderList = value;
+    var remainList = [];
+    var remainTooltip = [];
+
+    if (value.length > 4) {
+      var _tooltip$filter, _tooltip$filter2;
+
+      renderList = value.filter(function (_, index) {
+        return index < 3;
+      });
+      remainList = value.filter(function (_, index) {
+        return index >= 3;
+      });
+      remainTooltip = (_tooltip$filter = tooltip === null || tooltip === void 0 ? void 0 : (_tooltip$filter2 = tooltip.filter) === null || _tooltip$filter2 === void 0 ? void 0 : _tooltip$filter2.call(tooltip, function (_, index) {
+        return index >= 3;
+      })) !== null && _tooltip$filter !== void 0 ? _tooltip$filter : remainList;
+
+      if (remainTooltip.length === 0) {
+        remainTooltip = remainList;
+      }
+
+      if (tooltip && !Array.isArray(tooltip)) {
+        remainTooltip = [tooltip];
+      }
+    }
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+      className: cls('group')
+    }, renderList.map(function (item, index) {
+      var _tooltip$index;
+
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Tooltip, {
+        key: item,
+        trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+          className: cls('group-item')
+        }, item === null || item === void 0 ? void 0 : item[0]),
+        align: "t"
+      }, tooltip && !Array.isArray(tooltip) && tooltip, Array.isArray(tooltip) && ((_tooltip$index = tooltip === null || tooltip === void 0 ? void 0 : tooltip[index]) !== null && _tooltip$index !== void 0 ? _tooltip$index : item === null || item === void 0 ? void 0 : item[0]));
+    }), remainList.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Tooltip, {
+      trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+        className: cls(['group-item', 'group-more'])
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+        size: "small",
+        type: "more-line",
+        className: cls('group-more-icon')
+      })),
+      align: "t"
+    }, remainTooltip.map(function (item) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+        key: item
+      }, item);
+    })));
+  };
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: cls()
+  }, !Array.isArray(value) && renderHead(), Array.isArray(value) && renderGroup(), !Array.isArray(value) && result);
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Avatar);
+
+/***/ }),
+
 /***/ 92206:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -67808,47 +68874,6 @@ var Emphasize = function Emphasize(props) {
 
 /***/ }),
 
-/***/ 46868:
-/***/ ((__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 _teamix_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59787);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-
-
-var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.usePrefixCls)('teamix-pro-field-output-head');
-
-var Head = function Head(props) {
-  var result = props.result,
-      render = props.render;
-
-  var renderHead = function renderHead() {
-    if (typeof (render === null || render === void 0 ? void 0 : render.head) === 'string') {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
-        className: cls({
-          box: true
-        })
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("img", {
-        src: render === null || render === void 0 ? void 0 : render.head
-      }));
-    }
-
-    return render === null || render === void 0 ? void 0 : render.head;
-  };
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
-    className: cls()
-  }, renderHead(), result);
-};
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Head);
-
-/***/ }),
-
 /***/ 3947:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -67936,17 +68961,18 @@ var Icon = function Icon(props) {
 /* harmony import */ var _Overlay__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(21733);
 /* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3947);
 /* harmony import */ var _SuffixIcon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(72235);
-/* harmony import */ var _Head__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(46868);
-/* harmony import */ var _Unit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(9844);
-/* harmony import */ var _Emphasize__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(34141);
-/* harmony import */ var _Edit__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(15122);
-/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(33049);
-/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(28266);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(80653);
-/* harmony import */ var _ValueWithStatus__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(97609);
-/* harmony import */ var _commonComponents__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(76457);
+/* harmony import */ var _Unit__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9844);
+/* harmony import */ var _Emphasize__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(34141);
+/* harmony import */ var _Edit__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(15122);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(33049);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(28266);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(80653);
+/* harmony import */ var _ValueWithStatus__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(97609);
+/* harmony import */ var _commonComponents__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(76457);
+/* harmony import */ var _Avatar__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(95904);
+/* harmony import */ var _Ip__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(55902);
 var _excluded = ["isList", "overlay"];
 
 function _objectWithoutProperties(source, excluded) {
@@ -68002,18 +69028,23 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 
-var Tooltip = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_11__.Balloon.Tooltip;
+
+var Tooltip = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_10__.Balloon.Tooltip;
 /**
  * 处理个性化输出
  * @param dom 已经完成option映射的dom
  * @param render render
  * @param value 经过映射的value
  * @param fieldValue 原始fieldValue
+ * @param list 用于判断是否允许使用isList逻辑。
  * @returns
  */
 
 function individualization(dom, render, value, fieldValue) {
-  var result = dom; // 处理list输出。每一项都要重新渲染
+  var result = dom; // isList标识。type类型为 avatarGroup 和 ip 的默认开启 isList 功能
+
+  var listFlag = (render === null || render === void 0 ? void 0 : render.type) === 'ip'; // 处理list输出。每一项都要重新渲染
+  // isList 后，原先的部分属性，比如跳转链接、前后缀都需要获取index来映射list的对应关系
 
   if (render === null || render === void 0 ? void 0 : render.isList) {
     var isList = render.isList,
@@ -68023,7 +69054,7 @@ function individualization(dom, render, value, fieldValue) {
     if (Array.isArray(dom)) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, dom.map(function (item, index) {
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
-          className: classnames__WEBPACK_IMPORTED_MODULE_12___default()({
+          className: classnames__WEBPACK_IMPORTED_MODULE_11___default()({
             'teamix-pro-field-field-checkbox-tag': true,
             'teamix-pro-field-field-checkbox-tag-over-line': render === null || render === void 0 ? void 0 : render.wrap
           }),
@@ -68031,6 +69062,14 @@ function individualization(dom, render, value, fieldValue) {
         }, individualization(item, listRender, value === null || value === void 0 ? void 0 : value[index], fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue[index]));
       }));
     }
+  } // ip类型
+
+
+  if ((render === null || render === void 0 ? void 0 : render.type) === 'ip') {
+    result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Ip__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z, {
+      value: value,
+      render: render
+    });
   } // 如果有前缀图标，需要加粗
 
 
@@ -68042,7 +69081,7 @@ function individualization(dom, render, value, fieldValue) {
 
 
   if (render === null || render === void 0 ? void 0 : render.isEmphasize) {
-    result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Emphasize__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
+    result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Emphasize__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
       result: result,
       render: render
     });
@@ -68050,7 +69089,7 @@ function individualization(dom, render, value, fieldValue) {
 
 
   if (render === null || render === void 0 ? void 0 : render.unit) {
-    result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Unit__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+    result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Unit__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
       result: result,
       render: render
     });
@@ -68058,7 +69097,7 @@ function individualization(dom, render, value, fieldValue) {
 
 
   if ((render === null || render === void 0 ? void 0 : render.color) && !render.type) {
-    var color = typeof render.color === 'string' ? (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_13__.getColor)(render.color) : 'var(--color-text1-3, #333333)';
+    var color = typeof render.color === 'string' ? (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_12__.getColor)(render.color) : 'var(--color-text1-3, #333333)';
     result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
       style: {
         color: color
@@ -68079,7 +69118,7 @@ function individualization(dom, render, value, fieldValue) {
     if ((render === null || render === void 0 ? void 0 : render.type) !== 'statusTag' && (render === null || render === void 0 ? void 0 : render.type) !== 'statusIconTag') {
       var _render$rows, _render$overlayProps;
 
-      result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_commonComponents__WEBPACK_IMPORTED_MODULE_15__/* .Ellipsis */ .mH, {
+      result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_commonComponents__WEBPACK_IMPORTED_MODULE_14__/* .Ellipsis */ .mH, {
         className: "teamix-pro-field-output-tooltip",
         tooltip: tooltip,
         rows: (_render$rows = render === null || render === void 0 ? void 0 : render.rows) !== null && _render$rows !== void 0 ? _render$rows : 1,
@@ -68106,7 +69145,7 @@ function individualization(dom, render, value, fieldValue) {
   } // 链接
 
 
-  if (render === null || render === void 0 ? void 0 : render.link) {
+  if ((render === null || render === void 0 ? void 0 : render.link) && (render === null || render === void 0 ? void 0 : render.type) !== 'ip') {
     result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Link__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
       result: result,
       value: value,
@@ -68127,7 +69166,7 @@ function individualization(dom, render, value, fieldValue) {
 
 
   if (render === null || render === void 0 ? void 0 : render.edit) {
-    result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Edit__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
+    result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Edit__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
       result: result,
       value: value,
       renderEdit: render.renderEdit,
@@ -68159,7 +69198,7 @@ function individualization(dom, render, value, fieldValue) {
 
 
   if (render === null || render === void 0 ? void 0 : render.valueWithStatusConfig) {
-    result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ValueWithStatus__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z, {
+    result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ValueWithStatus__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
       render: render,
       result: result,
       fieldValue: fieldValue
@@ -68176,15 +69215,16 @@ function individualization(dom, render, value, fieldValue) {
   } // 头像
 
 
-  if (render === null || render === void 0 ? void 0 : render.head) {
-    result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Head__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+  if ((render === null || render === void 0 ? void 0 : render.head) || (render === null || render === void 0 ? void 0 : render.avatar) || (render === null || render === void 0 ? void 0 : render.type) === 'avatarGroup') {
+    result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Avatar__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z, {
       result: result,
-      render: render
+      render: render,
+      value: value
     });
-  } // Tooltip
+  } // Tooltip 头像组的Tooltip自行接管
 
 
-  if (render === null || render === void 0 ? void 0 : render.tooltip) {
+  if ((render === null || render === void 0 ? void 0 : render.tooltip) && (render === null || render === void 0 ? void 0 : render.type) !== 'avatarGroup') {
     result = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Tooltip, {
       trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: "teamix-pro-field-tooltip"
@@ -68235,6 +69275,82 @@ function individualization(dom, render, value, fieldValue) {
 
 /***/ }),
 
+/***/ 55902:
+/***/ ((__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 _teamix_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(65092);
+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 cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.usePrefixCls)('teamix-pro-field-output-ip');
+var ipTypeMap = {
+  "public": '公',
+  "private": '私'
+};
+
+var Ip = function Ip(props) {
+  var value = props.value,
+      _props$render = props.render,
+      render = _props$render === void 0 ? {} : _props$render;
+  var _render$ipType = render.ipType,
+      ipType = _render$ipType === void 0 ? [] : _render$ipType,
+      linkOnClick = render.linkOnClick,
+      link = render.link;
+
+  var renderIp = function renderIp() {
+    return value.map(function (item, index) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+        className: cls('item'),
+        key: item
+      }, ipType[index] && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+        className: cls(_defineProperty({
+          block: true
+        }, ipType[index], true))
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+        className: cls('block-text')
+      }, ipTypeMap[ipType[index]])), link && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Link__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+        result: item,
+        value: item,
+        fieldVal: item,
+        render: {
+          linkOnClick: linkOnClick
+        }
+      }), !link && item);
+    });
+  };
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: cls()
+  }, renderIp());
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Ip);
+
+/***/ }),
+
 /***/ 65092:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -70539,7 +71655,6 @@ var FieldStepItem = function FieldStepItem(props) {
       fail = _index < current && !success || fail;
     }
 
-    console.log(process, success, fail, wait);
     return {
       process: process,
       success: success,
@@ -71630,13 +72745,12 @@ function getIconOptions(iconType, list, filterStr) {
 /* harmony export */   "y8": () => (/* binding */ isPromiseLike),
 /* harmony export */   "yO": () => (/* binding */ momentable)
 /* harmony export */ });
-/* unused harmony exports deepEqual, cloneDeep, isValidElement, moment, loop */
+/* unused harmony exports deepEqual, cloneDeep, isValidElement, moment, loop, isEmpty */
 /* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(52308);
 /* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_clonedeep__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _formily_shared__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(71131);
-/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80653);
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(33034);
-/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(80653);
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33034);
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_2__);
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
 
@@ -71785,7 +72899,6 @@ function _typeof(obj) {
 
 
 
-
 function hasProps(obj) {
   var props = {};
 
@@ -71935,9 +73048,9 @@ function isPromiseLike(it) {
  */
 
 var moment = function moment(date, format) {
-  var local = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getLanguage)();
-  moment__WEBPACK_IMPORTED_MODULE_3___default().locale(local);
-  return moment__WEBPACK_IMPORTED_MODULE_3___default()((date === null || date === void 0 ? void 0 : date.toDate) ? date.toDate() : date, format);
+  var local = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.getLanguage)();
+  moment__WEBPACK_IMPORTED_MODULE_2___default().locale(local);
+  return moment__WEBPACK_IMPORTED_MODULE_2___default()((date === null || date === void 0 ? void 0 : date.toDate) ? date.toDate() : date, format);
 };
 var momentable = function momentable(value, format) {
   return Array.isArray(value) ? value.map(function (val) {
@@ -71952,24 +73065,24 @@ var formatMomentValue = function formatMomentValue(value, format, placeholder) {
     var i = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
     if (!date) return placeholder;
 
-    if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.isArr)(format)) {
+    if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isArr)(format)) {
       var _format = format[i];
 
-      if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.isFn)(_format)) {
+      if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isFn)(_format)) {
         return _format(date);
       }
 
-      if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .isEmpty */ .xb)(_format)) {
+      if (isEmpty(_format)) {
         return date;
       }
 
       return moment(date).add(-2, 'days').format(_format);
     } else {
-      if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.isFn)(format)) {
+      if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isFn)(format)) {
         return format(date);
       }
 
-      if ((0,_formily_shared__WEBPACK_IMPORTED_MODULE_1__/* .isEmpty */ .xb)(format)) {
+      if (isEmpty(format)) {
         return date;
       }
 
@@ -71977,7 +73090,7 @@ var formatMomentValue = function formatMomentValue(value, format, placeholder) {
     }
   };
 
-  if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.isArr)(value)) {
+  if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isArr)(value)) {
     return value.map(function (val, index) {
       return formatDate(val, format, index);
     });
@@ -72082,6 +73195,62 @@ function filterTreeData(nodes, predicate, aliasMap) {
     filterTreeValue: filterTreeValue
   };
 }
+function isEmpty(val) {
+  if (val == null) {
+    return true;
+  } // Booleans...
+
+
+  if (typeof val === 'boolean') {
+    return false;
+  } // Numbers...
+
+
+  if (typeof val === 'number') {
+    return false;
+  } // Strings...
+
+
+  if (typeof val === 'string') {
+    return val.length === 0;
+  } // Functions...
+
+
+  if (typeof val === 'function') {
+    return val.length === 0;
+  } // Arrays...
+
+
+  if (Array.isArray(val)) {
+    if (val.length === 0) {
+      return true;
+    }
+
+    for (var i = 0; i < val.length; i++) {
+      if (val[i] !== undefined && val[i] !== null && val[i] !== '' && val[i] !== 0) {
+        return false;
+      }
+    }
+
+    return true;
+  } // Objects...
+
+
+  if (val.toString === toString) {
+    switch (val.toString()) {
+      // Maps, Sets, Files and Errors...
+      case '[object File]':
+      case '[object Map]':
+      case '[object Set]':
+        {
+          return val.size === 0;
+        }
+    }
+  } // Anything else...
+
+
+  return false;
+}
 
 /***/ }),
 
@@ -72185,7 +73354,7 @@ var ProPageContainerFixedFooter = function ProPageContainerFixedFooter(props) {
 /* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(67389);
 /* harmony import */ var _editable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(63978);
 var _excluded = ["children", "className"],
-    _excluded2 = ["editable", "selectedComponent", "onSelectComponent", "header", "sidebar", "switch", "operation", "content", "footer", "children", "sidebarCloseable", "sidebarClosed", "sidebarOnToggle", "fixedFooter", "footerAlign", "scrollArea", "className", "type"];
+    _excluded2 = ["editable", "selectedComponent", "onSelectComponent", "header", "sidebar", "switch", "operation", "content", "footer", "children", "sidebarCloseable", "sidebarClosed", "sidebarOnToggle", "fixedFooter", "footerAlign", "scrollArea", "className", "type", "sidebarDirection"];
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -72382,6 +73551,8 @@ var ProPageContainer = function ProPageContainer(props) {
       scrollArea = _props$scrollArea === void 0 ? 'all' : _props$scrollArea,
       className = props.className,
       type = props.type,
+      _props$sidebarDirecti = props.sidebarDirection,
+      sidebarDirection = _props$sidebarDirecti === void 0 ? 'left' : _props$sidebarDirecti,
       others = _objectWithoutProperties(props, _excluded2);
 
   var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(false),
@@ -72493,7 +73664,7 @@ var ProPageContainer = function ProPageContainer(props) {
   }, renderSwitch()), bordered && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: cls('split-line')
   })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
-    className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(cls('body-bottom'), {
+    className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(cls(['body-bottom', "body-bottom-".concat(sidebarDirection)]), {
       unscrollable: scorllContentOnly
     })
   }, renderSidebar(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
@@ -74743,7 +75914,7 @@ function useDialogTableAction(action, context) {
 /* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(67096);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(95983);
 var _excluded = ["trigger", "url", "customRequest", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "onOk", "onCancel", "hideFooter"],
-    _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "popType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "className"];
+    _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "popType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "footer", "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); }
 
@@ -74846,6 +76017,7 @@ function useDialogAction(action, actionContext, hasForm) {
         message = _getTargetValue.message,
         footerDescription = _getTargetValue.footerDescription,
         footerAlign = _getTargetValue.footerAlign,
+        footer = _getTargetValue.footer,
         className = _getTargetValue.className,
         containerOtherProps = _objectWithoutPropertiesLoose(_getTargetValue, _excluded2);
 
@@ -74969,7 +76141,7 @@ function useDialogAction(action, actionContext, hasForm) {
       className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('teamix-pro-dialog-footer-description', getFooterAlignClass(isDrawer, footerAlign))
     }, renderDialogFooterDescription(footerDescription))), _extends2.footerAlign = footerAlign, _extends2.className = classnames__WEBPACK_IMPORTED_MODULE_1___default()('teamix-pro-action-dialog', {
       'has-footer-description': !!footerDescription
-    }), _extends2), containerProps, containerOtherProps); // TODO Drawer 基础组件未支持此配置，日后支持，并修改onOk、onCancel写法
+    }), _extends2.footer = addContextForReactNode(footer, dialogContext), _extends2), containerProps, containerOtherProps); // TODO Drawer 基础组件未支持此配置，日后支持，并修改onOk、onCancel写法
 
 
     if ((!dialogType || dialogType === 'dialog') && hideFooter) {
@@ -76982,7 +78154,7 @@ var AdvancedFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(fu
   var prefixCls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.usePrefixCls)('teamix-pro-form-query-filter-advanced');
   var gridSchema = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return [{
-      name: 'FormGrid',
+      name: 'AdvancedFilterFormGrid',
       component: 'FormGrid',
       props: _extends({
         breakpoints: [480, 720, 990, 1200, Infinity],
@@ -77002,6 +78174,7 @@ var AdvancedFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(fu
             align: 'right'
           },
           children: [{
+            name: 'AdvancedFilterReset',
             component: 'Reset',
             props: {
               onResetValidateSuccess: onReset,
@@ -77021,6 +78194,11 @@ var AdvancedFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(fu
       }])
     }];
   }, [schema, onReset]);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    var _otherProps$form;
+
+    otherProps == null ? void 0 : (_otherProps$form = otherProps.form) == null ? void 0 : _otherProps$form.clearFormGraph('AdvancedFilterReset');
+  }, [onReset]);
   var getTeamixLayout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return breakpoints === true ? {
       breakpoints: [990],
@@ -81014,7 +82192,7 @@ if (!((_window = window) != null && _window.TEAMIXPRO_WITHOUT_ICON)) {
 
 
 
-var version = '1.4.24';
+var version = '1.5.0-beta.1';
 
 
 /***/ }),
@@ -81199,7 +82377,18 @@ var InfoValueItem = function InfoValueItem(props) {
       successMessage = _infoItem$successMess === void 0 ? 'success' : _infoItem$successMess,
       actions = infoItem.actions,
       extra = infoItem.extra,
-      valueType = infoItem.valueType; // 获取处理过的 render
+      valueType = infoItem.valueType,
+      _infoItem$editProForm = infoItem.editProFormProps,
+      editProFormProps = _infoItem$editProForm === void 0 ? {} : _infoItem$editProForm; // 获取配置
+
+  var getInfoItemProps = function getInfoItemProps(prop) {
+    if (typeof prop === 'function') {
+      return prop == null ? void 0 : prop(value, record);
+    }
+
+    return prop;
+  }; // 获取处理过的 render
+
 
   var getRender = function getRender() {
     var _ref, _ref2;
@@ -81349,10 +82538,10 @@ var InfoValueItem = function InfoValueItem(props) {
   }; // 重写编辑逻辑替代field原有逻辑
 
 
-  if (isEdit) {
+  if (getInfoItemProps(isEdit)) {
     // 渲染表单
     var renderContent = function renderContent() {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_form__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .ZP, {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_form__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .ZP, _extends({
         schema: [{
           name: dataIndex,
           component: 'Input',
@@ -81360,7 +82549,7 @@ var InfoValueItem = function InfoValueItem(props) {
           "default": value
         }],
         form: dataFilterForm
-      });
+      }, getInfoItemProps(editProFormProps)));
     }; // 表单提交
 
 
@@ -86251,7 +87440,7 @@ var Layout = function Layout(props) {
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80653);
 /* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(42341);
-var _excluded = ["className", "onChange", "total", "totalRender", "pageSize", "current", "pageSizeList", "pageSizeSelector", "onPageSizeChange", "responsivePaginationType"];
+var _excluded = ["className", "onChange", "total", "pageSize", "current", "pageSizeList", "pageSizeSelector", "onPageSizeChange", "responsivePaginationType"];
 
 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); }
 
@@ -86267,7 +87456,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
   var className = props.className,
       propsOnChange = props.onChange,
       total = props.total,
-      totalRender = props.totalRender,
       pageSize = props.pageSize,
       current = props.current,
       pageSizeList = props.pageSizeList,
@@ -88294,6 +89482,7 @@ var ProTable = function ProTable(props) {
 
       (_actionRef$current6 = actionRef.current) == null ? void 0 : _actionRef$current6.clearRowSelection == null ? void 0 : _actionRef$current6.clearRowSelection();
       setCurrentPage(1);
+      console.log('currentPageSize1', pageSize);
 
       _request((_request3 = {}, _request3[targetPageKey] = 1, _request3), false, values);
     },
@@ -88303,6 +89492,7 @@ var ProTable = function ProTable(props) {
       (propsDataFilter == null ? void 0 : propsDataFilter.onReset) && (propsDataFilter == null ? void 0 : propsDataFilter.onReset());
       (_dataFilterFormRef$cu3 = dataFilterFormRef.current) == null ? void 0 : _dataFilterFormRef$cu3.reset();
       setCurrentPage(1);
+      console.log('currentPageSize2', pageSize);
 
       _request((_request4 = {}, _request4[targetPageKey] = 1, _request4), false, values);
     }
@@ -88445,13 +89635,24 @@ var ProTable = function ProTable(props) {
             count: selectedCount
           })));
         }
+      } else if (footerAction) {
+        if (showSkeleton) {
+          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+            className: cls('footer-left-wrapper')
+          }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_5__/* .ProSkeletonRaw.Footer.Operation */ .vR.Footer.Operation, null));
+        } else {
+          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+            className: cls('footer-left-wrapper')
+          }, footerAction && renderFooterAction());
+        }
       }
     }
 
     if (showPagination) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: cls('footer', {
-          'footer-has-rowSelection': rowSelection
+          'footer-has-rowSelection': rowSelection,
+          'footer-has-action': footerAction
         })
       }, renderRowSelection(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: cls('footer-right-wrapper')
@@ -93937,372 +95138,37 @@ function _extends() {
 
 /***/ }),
 
-/***/ 17129:
+/***/ 42081:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* binding */ src_default)
+/* harmony export */   "Z": () => (/* binding */ _inheritsLoose)
 /* harmony export */ });
-/* unused harmony export useStickyBox */
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
-/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(94738);
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/* harmony import */ var _setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(96619);
 
-// src/index.jsx
-
-
-
-var getScrollParent = function getScrollParent(node) {
-  var parent = node;
-
-  while (parent = parent.parentElement) {
-    var overflowYVal = getComputedStyle(parent, null).getPropertyValue("overflow-y");
-    if (parent === document.body) return window;
-    if (overflowYVal === "auto" || overflowYVal === "scroll") return parent;
-  }
-
-  return window;
-};
-
-var offsetTill = function offsetTill(node, target) {
-  var current = node;
-  var offset = 0;
-
-  if (target.firstChild && target.firstChild.offsetParent !== target) {
-    offset += node.offsetTop - target.offsetTop;
-    target = node.offsetParent;
-    offset += -node.offsetTop;
-  }
-
-  do {
-    offset += current.offsetTop;
-    current = current.offsetParent;
-  } while (current && current !== target);
-
-  return offset;
-};
-
-var getParentNode = function getParentNode(node) {
-  var currentParent = node.parentNode;
-
-  while (currentParent) {
-    var style = getComputedStyle(currentParent, null);
-    if (style.getPropertyValue("display") !== "contents") break;
-    currentParent = currentParent.parentNode;
-  }
-
-  return currentParent || window;
-};
-
-var stickyProp = null;
-
-if (typeof CSS !== "undefined" && CSS.supports) {
-  if (CSS.supports("position", "sticky")) stickyProp = "sticky";else if (CSS.supports("position", "-webkit-sticky")) stickyProp = "-webkit-sticky";
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  (0,_setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(subClass, superClass);
 }
 
-var passiveArg = false;
-
-try {
-  opts = Object.defineProperty({}, "passive", {
-    get: function get() {
-      passiveArg = {
-        passive: true
-      };
-    }
-  });
-  window.addEventListener("testPassive", null, opts);
-  window.removeEventListener("testPassive", null, opts);
-} catch (e) {}
-
-var opts;
-
-var registerNode = function registerNode(node, _ref) {
-  var offsetTop = _ref.offsetTop,
-      offsetBottom = _ref.offsetBottom,
-      bottom = _ref.bottom;
-  var scrollPane = getScrollParent(node);
-  var latestScrollY = scrollPane === window ? window.scrollY : scrollPane.scrollTop;
-  var unsubs = [];
-  var mode, offset, nodeHeight, naturalTop, parentHeight, scrollPaneOffset, viewPortHeight;
-
-  var getCurrentOffset = function getCurrentOffset() {
-    if (mode === "relative") return offset;
-
-    if (mode === "stickyTop") {
-      return Math.max(0, scrollPaneOffset + latestScrollY - naturalTop + offsetTop);
-    }
-
-    if (mode === "stickyBottom") {
-      return Math.max(0, scrollPaneOffset + latestScrollY + viewPortHeight - (naturalTop + nodeHeight + offsetBottom));
-    }
-  };
-
-  var changeToStickyBottomIfBoxTooLow = function changeToStickyBottomIfBoxTooLow(scrollY) {
-    if (scrollY + scrollPaneOffset + viewPortHeight >= naturalTop + nodeHeight + offset + offsetBottom) {
-      changeMode("stickyBottom");
-    }
-  };
-
-  var changeMode = function changeMode(newMode) {
-    mode = newMode;
-
-    if (newMode === "relative") {
-      node.style.position = "relative";
-
-      if (bottom) {
-        var nextBottom = Math.max(0, parentHeight - nodeHeight - offset);
-        node.style.bottom = "".concat(nextBottom, "px");
-      } else {
-        node.style.top = "".concat(offset, "px");
-      }
-    } else {
-      node.style.position = stickyProp;
-
-      if (newMode === "stickyBottom") {
-        if (bottom) {
-          node.style.bottom = "".concat(offsetBottom, "px");
-        } else {
-          node.style.top = "".concat(viewPortHeight - nodeHeight - offsetBottom, "px");
-        }
-      } else {
-        if (bottom) {
-          node.style.bottom = "".concat(viewPortHeight - nodeHeight - offsetBottom, "px");
-        } else {
-          node.style.top = "".concat(offsetTop, "px");
-        }
-      }
-    }
-
-    offset = getCurrentOffset();
-  };
-
-  var initial = function initial() {
-    if (bottom) {
-      if (mode !== "stickyBottom") changeMode("stickyBottom");
-    } else {
-      if (mode !== "stickyTop") changeMode("stickyTop");
-    }
-  };
-
-  var addListener = function addListener(element, event, handler, passive) {
-    element.addEventListener(event, handler, passive);
-    unsubs.push(function () {
-      return element.removeEventListener(event, handler);
-    });
-  };
-
-  var handleScroll = function handleScroll() {
-    var scrollY = scrollPane === window ? window.scrollY : scrollPane.scrollTop;
-    if (scrollY === latestScrollY) return;
-
-    if (nodeHeight + offsetTop + offsetBottom <= viewPortHeight) {
-      initial();
-      latestScrollY = scrollY;
-      return;
-    }
-
-    var scrollDelta = scrollY - latestScrollY;
-    offset = getCurrentOffset();
-
-    if (scrollDelta > 0) {
-      if (mode === "stickyTop") {
-        if (scrollY + scrollPaneOffset + offsetTop > naturalTop) {
-          if (scrollY + scrollPaneOffset + viewPortHeight <= naturalTop + nodeHeight + offset + offsetBottom) {
-            changeMode("relative");
-          } else {
-            changeMode("stickyBottom");
-          }
-        }
-      } else if (mode === "relative") {
-        changeToStickyBottomIfBoxTooLow(scrollY);
-      }
-    } else {
-      if (mode === "stickyBottom") {
-        if (scrollPaneOffset + scrollY + viewPortHeight < naturalTop + parentHeight + offsetBottom) {
-          if (scrollPaneOffset + scrollY + offsetTop >= naturalTop + offset) {
-            changeMode("relative");
-          } else {
-            changeMode("stickyTop");
-          }
-        }
-      } else if (mode === "relative") {
-        if (scrollPaneOffset + scrollY + offsetTop < naturalTop + offset) {
-          changeMode("stickyTop");
-        }
-      }
-    }
-
-    latestScrollY = scrollY;
-  };
-
-  var handleWindowResize = function handleWindowResize() {
-    viewPortHeight = window.innerHeight;
-    scrollPaneOffset = 0;
-    handleScroll();
-  };
-
-  var handleScrollPaneResize = function handleScrollPaneResize() {
-    viewPortHeight = scrollPane.offsetHeight;
-
-    if (viewPortHeight === 0) {
-      console.warn("react-sticky-box's scroll pane has a height of 0. This seems odd. Please check this node:", scrollPane);
-    }
-
-    if (scrollPane.firstChild.offsetParent === scrollPane) {
-      scrollPaneOffset = scrollPane.getBoundingClientRect().top;
-    } else {
-      scrollPaneOffset = 0;
-    }
-
-    handleScroll();
-  };
-
-  var handleParentNodeResize = function handleParentNodeResize() {
-    var parentNode = getParentNode(node);
-    var computedParentStyle = getComputedStyle(parentNode, null);
-    var parentPaddingTop = parseInt(computedParentStyle.getPropertyValue("padding-top"), 10);
-    var parentPaddingBottom = parseInt(computedParentStyle.getPropertyValue("padding-bottom"), 10);
-    var verticalParentPadding = parentPaddingTop + parentPaddingBottom;
-    naturalTop = offsetTill(parentNode, scrollPane) + parentPaddingTop + scrollPaneOffset;
-    var oldParentHeight = parentHeight;
-    parentHeight = parentNode.getBoundingClientRect().height - verticalParentPadding;
-
-    if (mode === "relative") {
-      if (bottom) {
-        changeMode("relative");
-      } else {
-        if (oldParentHeight > parentHeight) {
-          changeToStickyBottomIfBoxTooLow(latestScrollY);
-        }
-      }
-    }
-
-    if (oldParentHeight !== parentHeight && mode === "relative") {
-      latestScrollY = Number.POSITIVE_INFINITY;
-      handleScroll();
-    }
-  };
-
-  var handleNodeResize = function handleNodeResize() {
-    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        initialArg = _ref2.initial;
-
-    var prevHeight = nodeHeight;
-    nodeHeight = node.getBoundingClientRect().height;
-
-    if (!initialArg && prevHeight !== nodeHeight) {
-      if (nodeHeight + offsetTop + offsetBottom <= viewPortHeight) {
-        mode = void 0;
-        initial();
-        return;
-      } else {
-        var diff = prevHeight - nodeHeight;
-        var lowestPossible = parentHeight - nodeHeight;
-        var nextOffset = Math.min(lowestPossible, getCurrentOffset() + (bottom ? diff : 0));
-        offset = Math.max(0, nextOffset);
-        if (!bottom || mode !== "stickyBottom") changeMode("relative");
-      }
-    }
-  };
-
-  var addResizeObserver = function addResizeObserver(n, handler) {
-    var ro = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z(handler);
-    ro.observe(n);
-    unsubs.push(function () {
-      return ro.disconnect();
-    });
-  };
-
-  addListener(scrollPane, "scroll", handleScroll, passiveArg);
-  addListener(scrollPane, "mousewheel", handleScroll, passiveArg);
+/***/ }),
 
-  if (scrollPane === window) {
-    addListener(window, "resize", handleWindowResize);
-    handleWindowResize();
-  } else {
-    addResizeObserver(scrollPane, handleScrollPaneResize);
-    handleScrollPaneResize();
-  }
+/***/ 96619:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
-  addResizeObserver(getParentNode(node), handleParentNodeResize);
-  handleParentNodeResize();
-  addResizeObserver(node, handleNodeResize);
-  handleNodeResize({
-    initial: true
-  });
-  initial();
-  return function () {
-    return unsubs.forEach(function (fn) {
-      return fn();
-    });
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (/* binding */ _setPrototypeOf)
+/* harmony export */ });
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
   };
-};
-
-var useStickyBox = function useStickyBox() {
-  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref3$offsetTop = _ref3.offsetTop,
-      offsetTop = _ref3$offsetTop === void 0 ? 0 : _ref3$offsetTop,
-      _ref3$offsetBottom = _ref3.offsetBottom,
-      offsetBottom = _ref3$offsetBottom === void 0 ? 0 : _ref3$offsetBottom,
-      _ref3$bottom = _ref3.bottom,
-      bottom = _ref3$bottom === void 0 ? false : _ref3$bottom;
-
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      node = _useState2[0],
-      setNode = _useState2[1];
-
-  var argRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({
-    offsetTop: offsetTop,
-    offsetBottom: offsetBottom,
-    bottom: bottom
-  });
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    argRef.current = {
-      offsetTop: offsetTop,
-      offsetBottom: offsetBottom,
-      bottom: bottom
-    };
-  });
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    if (!node) return;
-    return registerNode(node, argRef.current);
-  }, [node]);
-  return setNode;
-};
-
-var StickyBox = function StickyBox(_ref4) {
-  var offsetTop = _ref4.offsetTop,
-      offsetBottom = _ref4.offsetBottom,
-      bottom = _ref4.bottom,
-      children = _ref4.children,
-      className = _ref4.className,
-      style = _ref4.style;
-  var ref = useStickyBox({
-    offsetTop: offsetTop,
-    offsetBottom: offsetBottom,
-    bottom: bottom
-  });
-  return /* @__PURE__ */react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
-    className: className,
-    style: style,
-    ref: ref
-  }, children);
-};
-
-var src_default = StickyBox;
-
+  return _setPrototypeOf(o, p);
+}
 
 /***/ }),