@teamix/pro 1.2.8 → 1.2.12

package/dist/pro.js

@@ -16974,6 +16974,30 @@ function createLoadable(_ref) {
       return Component;
     }
 
+    var cachedLoad = function cachedLoad(props) {
+      var cacheKey = _getCacheKey(props);
+
+      var promise = cache[cacheKey];
+
+      if (!promise || promise.status === STATUS_REJECTED) {
+        promise = ctor.requireAsync(props);
+        promise.status = STATUS_PENDING;
+        cache[cacheKey] = promise;
+        promise.then(function () {
+          promise.status = STATUS_RESOLVED;
+        }, function (error) {
+          console.error('loadable-components: failed to asynchronously load component', {
+            fileName: ctor.resolve(props),
+            chunkName: ctor.chunkName(props),
+            error: error ? error.message : error
+          });
+          promise.status = STATUS_REJECTED;
+        });
+      }
+
+      return promise;
+    };
+
     var InnerLoadable = /*#__PURE__*/function (_React$Component) {
       (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(InnerLoadable, _React$Component);
 
@@ -17139,9 +17163,7 @@ function createLoadable(_ref) {
 
         var promise = this.resolveAsync();
         promise.then(function (loadedModule) {
-          var result = resolve(loadedModule, _this3.props, {
-            Loadable: Loadable
-          });
+          var result = resolve(loadedModule, _this3.props, Loadable);
 
           _this3.safeSetState({
             result: result,
@@ -17164,32 +17186,12 @@ function createLoadable(_ref) {
       ;
 
       _proto.resolveAsync = function resolveAsync() {
-        var _this4 = this;
-
         var _this$props = this.props,
             __chunkExtractor = _this$props.__chunkExtractor,
             forwardedRef = _this$props.forwardedRef,
             props = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)(_this$props, ["__chunkExtractor", "forwardedRef"]);
 
-        var promise = this.getCache();
-
-        if (!promise) {
-          promise = ctor.requireAsync(props);
-          promise.status = STATUS_PENDING;
-          this.setCache(promise);
-          promise.then(function () {
-            promise.status = STATUS_RESOLVED;
-          }, function (error) {
-            console.error('loadable-components: failed to asynchronously load component', {
-              fileName: ctor.resolve(_this4.props),
-              chunkName: ctor.chunkName(_this4.props),
-              error: error ? error.message : error
-            });
-            promise.status = STATUS_REJECTED;
-          });
-        }
-
-        return promise;
+        return cachedLoad(props);
       };
 
       _proto.render = function render() {
@@ -17244,11 +17246,11 @@ function createLoadable(_ref) {
     Loadable.displayName = 'Loadable'; // In future, preload could use `<link rel="preload">`
 
     Loadable.preload = function (props) {
-      ctor.requireAsync(props);
+      Loadable.load(props);
     };
 
     Loadable.load = function (props) {
-      return ctor.requireAsync(props);
+      return cachedLoad(props);
     };
 
     return Loadable;
@@ -47495,15 +47497,8 @@ var FieldColor = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(28266);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _output__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(90405);
-/* harmony import */ var dayjs_locale_en__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(65010);
-/* harmony import */ var dayjs_locale_en__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(dayjs_locale_en__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var dayjs_locale_zh__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64476);
-/* harmony import */ var dayjs_locale_zh__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(dayjs_locale_zh__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(80653);
-/* harmony import */ var _utils_dateFormatterDic__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(61261);
-/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(73129);
-/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(72326);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(72326);
 var _excluded = ["type", "value", "mode", "onChange", "inputProps", "render", "layout", "size", "disabled", "state", "options", "format"];
 
 function ownKeys(object, enumerableOnly) {
@@ -47676,23 +47671,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 
-
-
  // import en from '@alicloudfe/components/es/locale/en-us';
 // import zhTw from '@alicloudfe/components/es/locale/zh-tw';
 // import zh from '@alicloudfe/components/es/locale/zh-cn';
 
 
 
-
-
-
-var advancedFormat = __webpack_require__(19910);
-
-var isoWeek = __webpack_require__(17939);
-
-dayjs__WEBPACK_IMPORTED_MODULE_8___default().extend(isoWeek);
-dayjs__WEBPACK_IMPORTED_MODULE_8___default().extend(advancedFormat);
 var FieldDate = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
   var type = props.type,
       value = props.value,
@@ -47720,7 +47704,7 @@ var FieldDate = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwar
 
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     setFieldVal(value);
-    (0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .bindRefValue */ .Dd)(value, ref);
+    (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .bindRefValue */ .Dd)(value, ref);
   }, [value]); // 渲染格式化日期
 
   var renderText = function renderText(date) {
@@ -47731,73 +47715,32 @@ var FieldDate = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwar
     }
 
     if (Array.isArray(date)) {
-      var formatter = processFoldDate(date); // 双行展示
+      var typeFormat = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getDateFormat)(type);
+      var formatter = [typeFormat, typeFormat];
+
+      if (_typeof(render) === 'object' && render.dateFold) {
+        formatter = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getFoldDateFormat)(date, type);
+      } // 双行展示
+
 
       if (_typeof(render) === 'object' && render.rows === 2) {
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", null, date.map(function (item, index) {
+          var _formatter;
+
           return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
             key: item
-          }, dateFormatterForDayjs(item, formatter === null || formatter === void 0 ? void 0 : formatter[index]));
+          }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.customDateFormat)(item, (_formatter = formatter) === null || _formatter === void 0 ? void 0 : _formatter[index]));
         }));
       }
 
       return date.map(function (item, index) {
-        return dateFormatterForDayjs(item, formatter === null || formatter === void 0 ? void 0 : formatter[index]);
-      }).join(' - ');
-    }
-
-    return dateFormatterForDayjs(date, format);
-  }; // 格式化日期
-
-
-  var dateFormatterForDayjs = function dateFormatterForDayjs(date, formatter) {
-    var _dateFormatterDic$typ, _dateFormatterDic$typ2, _dateFormatterDic$typ3;
-
-    if (formatter) {
-      var _result = dayjs__WEBPACK_IMPORTED_MODULE_8___default()(date).format(formatter);
+        var _formatter2;
 
-      return _result === 'Invalid Date' ? date : _result;
-    }
-
-    var result = dayjs__WEBPACK_IMPORTED_MODULE_8___default()(date).format((_dateFormatterDic$typ = _utils_dateFormatterDic__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z === null || _utils_dateFormatterDic__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z === void 0 ? void 0 : (_dateFormatterDic$typ2 = _utils_dateFormatterDic__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z[type]) === null || _dateFormatterDic$typ2 === void 0 ? void 0 : (_dateFormatterDic$typ3 = _dateFormatterDic$typ2[language]) === null || _dateFormatterDic$typ3 === void 0 ? void 0 : _dateFormatterDic$typ3.all) !== null && _dateFormatterDic$typ !== void 0 ? _dateFormatterDic$typ : 'MMM DD, YYYY, HH:mm:ss');
-    return result === 'Invalid Date' ? date : result;
-  }; // 处理时间折叠的情况 如 2021年01月03日 - 07日
-
-
-  var processFoldDate = function processFoldDate(date) {
-    var _dateFormatterDic$typ4;
-
-    var dateStart = dayjs__WEBPACK_IMPORTED_MODULE_8___default()(date[0]);
-    var dateLast = dayjs__WEBPACK_IMPORTED_MODULE_8___default()(date[1]);
-    var formatter = _utils_dateFormatterDic__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z === null || _utils_dateFormatterDic__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z === void 0 ? void 0 : (_dateFormatterDic$typ4 = _utils_dateFormatterDic__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z[type]) === null || _dateFormatterDic$typ4 === void 0 ? void 0 : _dateFormatterDic$typ4[language];
-
-    if (!(_typeof(render) === 'object' && render.dateFold)) {
-      return [formatter.all, formatter.all];
-    }
-
-    if (type === 'dateRange') {
-      if (dateStart.year === dateLast.year) {
-        var _formatter$foldYear;
-
-        if (dateStart.month === dateLast.month) {
-          var _formatter$foldMonth;
-
-          return [formatter === null || formatter === void 0 ? void 0 : formatter.all, (_formatter$foldMonth = formatter === null || formatter === void 0 ? void 0 : formatter.foldMonth) !== null && _formatter$foldMonth !== void 0 ? _formatter$foldMonth : formatter === null || formatter === void 0 ? void 0 : formatter.all];
-        }
-
-        return [formatter === null || formatter === void 0 ? void 0 : formatter.all, (_formatter$foldYear = formatter === null || formatter === void 0 ? void 0 : formatter.foldYear) !== null && _formatter$foldYear !== void 0 ? _formatter$foldYear : formatter === null || formatter === void 0 ? void 0 : formatter.all];
-      }
-    }
-
-    if (['dateWeekRange', 'dateMonthRange', 'dateQuarterRange'].includes(type)) {
-      if (dateStart.year === dateLast.year) {
-        var _formatter$foldYear2;
-
-        return [formatter === null || formatter === void 0 ? void 0 : formatter.all, (_formatter$foldYear2 = formatter === null || formatter === void 0 ? void 0 : formatter.foldYear) !== null && _formatter$foldYear2 !== void 0 ? _formatter$foldYear2 : formatter === null || formatter === void 0 ? void 0 : formatter.all];
-      }
+        return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.customDateFormat)(item, (_formatter2 = formatter) === null || _formatter2 === void 0 ? void 0 : _formatter2[index]);
+      }).join(' - ');
     }
 
-    return [formatter.all, formatter.all];
+    return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.dateFormat)(date, type, format);
   }; // 渲染 DatePicker Props
 
 
@@ -47816,23 +47759,16 @@ var FieldDate = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwar
         setFieldValStr(dateStr);
       }
 
-      (0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .bindRefValue */ .Dd)(dateStr, ref);
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange((0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .formatterOnchangeValue */ .WO)(dateStr), (0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .formatterOnchangeValue */ .WO)(date));
+      (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .bindRefValue */ .Dd)(dateStr, ref);
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange((0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .formatterOnchangeValue */ .WO)(dateStr), (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .formatterOnchangeValue */ .WO)(date));
     },
     size: size,
     disabled: disabled
-  }, (0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .hasProps */ .s_)({
+  }, (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .hasProps */ .s_)({
     state: state,
     format: format
-  })), others), inputProps), (0,_output__WEBPACK_IMPORTED_MODULE_3__/* .renderPreviewProps */ .F)(fieldValStr, mode, render, [], renderText)); // const language = 'en-US';
-
+  })), others), inputProps), (0,_output__WEBPACK_IMPORTED_MODULE_3__/* .renderPreviewProps */ .F)(fieldValStr, mode, render, [], renderText)); // 单独处理timeRange
 
-  var language = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_6__.getLanguage)(); // const localMap = new Map([
-  //   ['zn-Ch', zh],
-  //   ['zn-TW', zhTw],
-  //   ['en-US', en],
-  // ]);
-  // 单独处理timeRange
 
   var timeRangeChange = function timeRangeChange(position, date, dateStr) {
     var resultStr = [];
@@ -47850,8 +47786,8 @@ var FieldDate = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwar
       resultStr = [fieldValStr === null || fieldValStr === void 0 ? void 0 : fieldValStr[0], dateStr];
     }
 
-    (0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .bindRefValue */ .Dd)(resultStr, ref);
-    _onChange === null || _onChange === void 0 ? void 0 : _onChange((0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .formatterOnchangeValue */ .WO)(resultStr), (0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .formatterOnchangeValue */ .WO)(result));
+    (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .bindRefValue */ .Dd)(resultStr, ref);
+    _onChange === null || _onChange === void 0 ? void 0 : _onChange((0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .formatterOnchangeValue */ .WO)(resultStr), (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .formatterOnchangeValue */ .WO)(result));
   };
 
   var renderDatePicker = function renderDatePicker(type) {
@@ -47972,7 +47908,7 @@ var FieldDate = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwar
 
             timeRangeChange.apply(void 0, ['left'].concat(props));
           }
-        }, (0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .hasProps */ .s_)({
+        }, (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .hasProps */ .s_)({
           state: state,
           format: format
         })), {}, {
@@ -47985,7 +47921,7 @@ var FieldDate = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwar
           value: fieldVal === null || fieldVal === void 0 ? void 0 : fieldVal[1],
           size: size,
           disabled: disabled
-        }, (0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .hasProps */ .s_)({
+        }, (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .hasProps */ .s_)({
           state: state,
           format: format
         })), others), inputProps), {}, {
@@ -49487,7 +49423,8 @@ var FieldMultipleSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___defaul
     dataSource: options,
     size: size,
     disabled: disabled,
-    state: state
+    state: state,
+    followTrigger: true
   }, others), inputProps), (0,_output__WEBPACK_IMPORTED_MODULE_2__/* .renderPreviewProps */ .F)(fieldVal, mode, render, options)));
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FieldMultipleSelect);
@@ -51124,7 +51061,8 @@ var FieldSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forw
     dataSource: options,
     size: size,
     disabled: disabled,
-    state: state
+    state: state,
+    followTrigger: true
   }, others), inputProps), (0,_output__WEBPACK_IMPORTED_MODULE_2__/* .renderPreviewProps */ .F)(fieldVal, mode, render, options)));
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FieldSelect);
@@ -52526,7 +52464,8 @@ var FieldTreeSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().
     dataSource: options,
     size: size,
     state: state,
-    disabled: disabled
+    disabled: disabled,
+    followTrigger: true
   }, others), inputProps), (0,_output__WEBPACK_IMPORTED_MODULE_2__/* .renderPreviewProps */ .F)(fieldVal, mode, render, options, undefined, getCascaderLabel)));
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FieldTreeSelect);
@@ -55182,6 +55121,7 @@ var Unit = function Unit(props) {
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89227);
 /* harmony import */ var _useDataSource__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(15267);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80653);
 var _excluded = ["hasAll", "value", "onChange", "disabled", "dataSource", "className", "defaultValue", "icon", "selectMode"];
 
 function ownKeys(object, enumerableOnly) {
@@ -55356,6 +55296,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 
+
 var TagGroup = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tag.Group,
     SelectableTag = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tag.Selectable;
 
@@ -55518,7 +55459,7 @@ var TagSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(f
     onChange: function onChange(checked) {
       return onChangeAll(checked);
     }
-  }, "\u5168\u90E8"), dataSource.filter(filterTags).map(function (item) {
+  }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getMessage)('all')), dataSource.filter(filterTags).map(function (item) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SelectableTag, {
       disabled: item.disabled || disabled,
       key: item.value,
@@ -55542,12 +55483,12 @@ var TagSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(f
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
     type: collapsed ? 'triangle-down-s' : 'triangle-up-s'
-  }), collapsed ? '展开' : '收起')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TagGroup, {
+  }), collapsed ? (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getMessage)('expand') : (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getMessage)('collapse'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TagGroup, {
     ref: tagGroup,
     className: "pro-field-tag-picker-shadow"
   }, selectMode === 'multiple' && hasAll && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SelectableTag, {
     disabled: disabled
-  }, "\u5168\u90E8"), dataSource.map(function (item) {
+  }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getMessage)('all')), dataSource.map(function (item) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SelectableTag, {
       disabled: disabled,
       key: item.value
@@ -55565,7 +55506,7 @@ var TagSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(f
     className: "pro-field-tag-picker-button"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
     type: collapsed ? 'triangle-down-s' : 'triangle-up-s'
-  }), collapsed ? '展开' : '收起')));
+  }), collapsed ? (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getMessage)('expand') : (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getMessage)('collapse'))));
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TagSelect);
 
@@ -56101,184 +56042,6 @@ var getTagColor = function getTagColor(color, type) {
 
 /***/ }),
 
-/***/ 61261:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-var dateFormatterDic = {
-  date: {
-    'zh-cn': {
-      all: 'YYYY年MM月DD日'
-    },
-    'zh-tw': {
-      all: 'YYYY年MM月DD日'
-    },
-    'en-us': {
-      all: 'MMM DD, YYYY'
-    }
-  },
-  dateRange: {
-    'zh-cn': {
-      all: 'YYYY年MM月DD日',
-      foldYear: 'MM月DD日',
-      foldMonth: 'DD日'
-    },
-    'zh-tw': {
-      all: 'YYYY年MM月DD日',
-      foldYear: 'MM月DD日',
-      foldMonth: 'DD日'
-    },
-    'en-us': {
-      all: 'MMM DD, YYYY'
-    }
-  },
-  dateWeek: {
-    'zh-cn': {
-      all: 'YYYY年WW周',
-      foldYear: 'WW周'
-    },
-    'zh-tw': {
-      all: 'YYYY年WW周'
-    },
-    'en-us': {
-      all: 'WW, YYYY'
-    }
-  },
-  dateWeekRange: {
-    'zh-cn': {
-      all: 'YYYY年WW周',
-      foldYear: 'WW周'
-    },
-    'zh-tw': {
-      all: 'YYYY年WW周',
-      foldYear: 'WW周'
-    },
-    'en-us': {
-      all: 'WW, YYYY'
-    }
-  },
-  dateMonth: {
-    'zh-cn': {
-      all: 'YYYY年MM月'
-    },
-    'zh-tw': {
-      all: 'YYYY年MM月'
-    },
-    'en-us': {
-      all: 'MMM, YYYY'
-    }
-  },
-  dateMonthRange: {
-    'zh-cn': {
-      all: 'YYYY年MM月',
-      foldYear: 'MM月'
-    },
-    'zh-tw': {
-      all: 'YYYY年MM月',
-      foldYear: 'MM月'
-    },
-    'en-us': {
-      all: 'MMM, YYYY'
-    }
-  },
-  dateYear: {
-    'zh-cn': {
-      all: 'YYYY年'
-    },
-    'zh-tw': {
-      all: 'YYYY年'
-    },
-    'en-us': {
-      all: 'YYYY'
-    }
-  },
-  dateYearRange: {
-    'zh-cn': {
-      all: 'YYYY年'
-    },
-    'zh-tw': {
-      all: 'YYYY年'
-    },
-    'en-us': {
-      all: 'YYYY'
-    }
-  },
-  dateQuarter: {
-    'zh-cn': {
-      all: 'YYYY年[Q]Q'
-    },
-    'zh-tw': {
-      all: 'YYYY年[Q]Q'
-    },
-    'en-us': {
-      all: '[Q]Q, YYYY'
-    }
-  },
-  dateQuarterRange: {
-    'zh-cn': {
-      all: 'YYYY年[Q]Q',
-      foldYear: '[Q]Q'
-    },
-    'zh-tw': {
-      all: 'YYYY年[Q]Q',
-      foldYear: '[Q]Q'
-    },
-    'en-us': {
-      all: '[Q]Q, YYYY'
-    }
-  },
-  dateTime: {
-    'zh-cn': {
-      all: 'YYYY年MM月DD日 HH:mm:ss'
-    },
-    'zh-tw': {
-      all: 'YYYY年MM月DD日 HH:mm:ss'
-    },
-    'en-us': {
-      all: 'MMM DD, YYYY, HH:mm:ss'
-    }
-  },
-  dateTimeRange: {
-    'zh-cn': {
-      all: 'YYYY年MM月DD日 HH:mm:ss'
-    },
-    'zh-tw': {
-      all: 'YYYY年MM月DD日 HH:mm:ss'
-    },
-    'en-us': {
-      all: 'MMM DD, YYYY, HH:mm:ss'
-    }
-  },
-  time: {
-    'zh-cn': {
-      all: 'HH:mm:ss'
-    },
-    'zh-tw': {
-      all: 'HH:mm:ss'
-    },
-    'en-us': {
-      all: 'HH:mm:ss'
-    }
-  },
-  timeRange: {
-    'zh-cn': {
-      all: 'HH:mm:ss'
-    },
-    'zh-tw': {
-      all: 'HH:mm:ss'
-    },
-    'en-us': {
-      all: 'HH:mm:ss'
-    }
-  }
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (dateFormatterDic);
-
-/***/ }),
-
 /***/ 36463:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -56676,33 +56439,64 @@ var EditableContainer = function EditableContainer(props) {
 
 /***/ }),
 
+/***/ 81220:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "N": () => (/* binding */ ProPageContainerFixedFooter)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20701);
+
+
+var ProPageContainerFixedFooter = function ProPageContainerFixedFooter(props) {
+  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_index__WEBPACK_IMPORTED_MODULE_1__/* .PageContainerContext */ .QU),
+      registerFixedFooter = _useContext.registerFixedFooter;
+
+  var children = props.children;
+  react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {
+    registerFixedFooter && registerFixedFooter(children);
+    return function () {
+      registerFixedFooter && registerFixedFooter(null);
+    };
+  }, [children]);
+
+  if (!registerFixedFooter) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children);
+  }
+
+  return null;
+};
+
+/***/ }),
+
 /***/ 20701:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "OP": () => (/* reexport safe */ _editable__WEBPACK_IMPORTED_MODULE_6__.O),
+/* harmony export */   "OP": () => (/* reexport safe */ _editable__WEBPACK_IMPORTED_MODULE_7__.O),
 /* harmony export */   "QU": () => (/* binding */ PageContainerContext),
 /* harmony export */   "Oy": () => (/* binding */ usePageContainer),
 /* harmony export */   "$0": () => (/* binding */ Section),
-/* harmony export */   "Nc": () => (/* binding */ ProPageContainerFixedFooter),
 /* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(18944);
-/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var ahooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(96979);
-/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33049);
-/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89227);
-/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28266);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _editable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(63978);
+/* harmony import */ var ahooks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(96979);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33049);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(89227);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80653);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(28266);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _fixed_footer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(81220);
+/* 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"],
-    _excluded3 = ["key", "path"];
+    _excluded2 = ["editable", "selectedComponent", "onSelectComponent", "header", "sidebar", "switch", "operation", "content", "footer", "children", "sidebarCloseable", "sidebarClosed", "sidebarOnToggle", "fixedFooter", "footerAlign", "scrollArea"];
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -56879,7 +56673,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 
-var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.baseClass)('teamix-pro-page-container');
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.baseClass)('teamix-pro-page-container');
 var PageContainerContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({});
 var usePageContainer = function usePageContainer() {
   return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(PageContainerContext);
@@ -56890,27 +56685,9 @@ var Section = function Section(props) {
       others = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", _objectSpread({
-    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('section'), className)
+    className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(cls('section'), className)
   }, others), children);
 };
-var ProPageContainerFixedFooter = function ProPageContainerFixedFooter(props) {
-  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(PageContainerContext),
-      registerFixedFooter = _useContext.registerFixedFooter;
-
-  var children = props.children;
-  react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {
-    registerFixedFooter && registerFixedFooter(children);
-    return function () {
-      registerFixedFooter && registerFixedFooter(null);
-    };
-  }, [children]);
-
-  if (!registerFixedFooter) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children);
-  }
-
-  return null;
-};
 
 var ProPageContainer = function ProPageContainer(props) {
   var _props$editable = props.editable,
@@ -56934,8 +56711,6 @@ var ProPageContainer = function ProPageContainer(props) {
       scrollArea = _props$scrollArea === void 0 ? 'all' : _props$scrollArea,
       others = _objectWithoutProperties(props, _excluded2);
 
-  var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_1__.useHistory)();
-
   var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       isClosed = _React$useState2[0],
@@ -56946,14 +56721,19 @@ var ProPageContainer = function ProPageContainer(props) {
       registedFixedFooter = _React$useState4[0],
       setRegistedFixedFooter = _React$useState4[1];
 
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_0___default().useState(null),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      registedSwitch = _React$useState6[0],
+      setRegistedSwitch = _React$useState6[1];
+
   var containerRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(null);
   var switchRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(null);
-  var switchInViewport = (0,ahooks__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)(switchRef);
+  var switchInViewport = (0,ahooks__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(switchRef);
   var showFixedSwitch = !!switchRef.current && switchInViewport === false;
   var controlMode = sidebarClosed !== undefined;
   var showToggle = sidebarCloseable || controlMode;
   var closedState = showToggle && (controlMode ? sidebarClosed : isClosed);
-  var bordered = !!sidebar || !!switchArea;
+  var bordered = !!sidebar || !!switchArea || !!registedSwitch;
   var scorllContentOnly = scrollArea === 'content';
   var hasFixedFooter = fixedFooter && !!footer || registedFixedFooter;
 
@@ -56966,33 +56746,14 @@ var ProPageContainer = function ProPageContainer(props) {
   };
 
   var renderSwitch = function renderSwitch() {
+    if (registedSwitch) {
+      return registedSwitch;
+    }
+
     var tabs = switchArea === null || switchArea === void 0 ? void 0 : switchArea.tabs;
 
     if (_typeof(switchArea) === 'object' && (tabs === null || tabs === void 0 ? void 0 : tabs.length)) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tab, {
-        activeKey: switchArea === null || switchArea === void 0 ? void 0 : switchArea.activeTab,
-        onChange: function onChange(key) {
-          var tab = tabs.find(function (t) {
-            return t.key === key;
-          });
-
-          if (tab === null || tab === void 0 ? void 0 : tab.path) {
-            history.push && history.push(tab.path);
-            return;
-          }
-
-          var onChange = switchArea === null || switchArea === void 0 ? void 0 : switchArea.onChange;
-          onChange && onChange(key);
-        }
-      }, tabs.map(function (tab) {
-        var key = tab.key,
-            path = tab.path,
-            others = _objectWithoutProperties(tab, _excluded3);
-
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tab.Item, _objectSpread({
-          key: tab.key
-        }, others));
-      }));
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tab__WEBPACK_IMPORTED_MODULE_6__/* .ProPageContainerConfigTab */ .h, _objectSpread({}, switchArea));
     }
 
     return switchArea;
@@ -57007,7 +56768,7 @@ var ProPageContainer = function ProPageContainer(props) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: cls('sidebar-toggle'),
         onClick: onSideBarToggle
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
         type: closedState ? 'menu-unfold-line' : 'menu-fold-line',
         size: "small"
       }), !closedState && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, "\u6536\u8D77"));
@@ -57019,7 +56780,7 @@ var ProPageContainer = function ProPageContainer(props) {
       }
 
       if (closedState) {
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Balloon, {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Balloon, {
           align: "t",
           type: "primary",
           closable: false,
@@ -57031,7 +56792,7 @@ var ProPageContainer = function ProPageContainer(props) {
     };
 
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
-      className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('sidebar'), {
+      className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(cls('sidebar'), {
         closed: closedState,
         bordered: bordered
       })
@@ -57042,27 +56803,27 @@ var ProPageContainer = function ProPageContainer(props) {
     className: cls('header')
   }, header) : null;
   var Footer = footer || registedFixedFooter ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
-    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('footer'), "align-".concat(footerAlign), {
+    className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(cls('footer'), "align-".concat(footerAlign), {
       fixed: hasFixedFooter
     })
   }, registedFixedFooter, footer) : null;
   var Content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
-    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('body'), {
+    className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(cls('body'), {
       unscrollable: scorllContentOnly
     })
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
     className: cls('body-top')
-  }, switchArea && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
+  }, (switchArea || registedSwitch) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
     ref: switchRef,
     className: cls('section', 'switch')
   }, renderSwitch()), bordered && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: cls('split-line')
   })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
-    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('body-bottom'), {
+    className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(cls('body-bottom'), {
       unscrollable: scorllContentOnly
     })
   }, renderSidebar(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Section, {
-    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls('body-content'), {
+    className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(cls('body-content'), {
       scrollable: scorllContentOnly,
       bordered: bordered
     })
@@ -57078,12 +56839,13 @@ var ProPageContainer = function ProPageContainer(props) {
     value: {
       ref: containerRef,
       registerFixedFooter: setRegistedFixedFooter,
+      registerSwitch: setRegistedSwitch,
       editable: editable,
       selectedComponent: selectedComponent,
       onSelectComponent: onSelectComponent
     }
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("main", _objectSpread({
-    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(cls(''), {
+    className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(cls(''), {
       'fixed-footer': hasFixedFooter
     }),
     ref: containerRef
@@ -57092,11 +56854,207 @@ var ProPageContainer = function ProPageContainer(props) {
   }, Header, Content), hasFixedFooter && Footer));
 };
 
-ProPageContainer.FixedFooter = ProPageContainerFixedFooter;
+ProPageContainer.FixedFooter = _fixed_footer__WEBPACK_IMPORTED_MODULE_5__/* .ProPageContainerFixedFooter */ .N;
+ProPageContainer.Tab = _tab__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z;
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProPageContainer);
 
 /***/ }),
 
+/***/ 67389:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "h": () => (/* binding */ ProPageContainerConfigTab),
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(18944);
+/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33049);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20701);
+var _excluded = ["key", "path"],
+    _excluded2 = ["activeKey", "children"];
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+
+    keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+  }
+
+  return target;
+}
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+
+  var key, i;
+
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+
+  return target;
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+
+
+
+
+/** 配置化的 Tab */
+
+var ProPageContainerConfigTab = function ProPageContainerConfigTab(props) {
+  var tabs = props.tabs,
+      activeTab = props.activeTab,
+      activeKey = props.activeKey,
+      _onChange = props.onChange;
+  var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_1__.useHistory)();
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tab, {
+    activeKey: activeKey || activeTab,
+    onChange: function onChange(key) {
+      var tab = tabs.find(function (t) {
+        return t.key === key;
+      });
+
+      if (tab === null || tab === void 0 ? void 0 : tab.path) {
+        history.push && history.push(tab.path);
+        return;
+      }
+
+      _onChange && _onChange(key);
+    }
+  }, tabs.map(function (tab) {
+    var key = tab.key,
+        path = tab.path,
+        others = _objectWithoutProperties(tab, _excluded);
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tab.Item, _objectSpread({
+      key: tab.key
+    }, others));
+  }));
+};
+
+var ProPageContainerTab = function ProPageContainerTab(props) {
+  var activeKey = props.activeKey,
+      children = props.children,
+      others = _objectWithoutProperties(props, _excluded2);
+
+  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_index__WEBPACK_IMPORTED_MODULE_3__/* .PageContainerContext */ .QU),
+      registerSwitch = _useContext.registerSwitch;
+
+  react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {
+    if (registerSwitch) {
+      var items = []; // 此处不能用 React.Children.map，会改变 element 的 key
+
+      react__WEBPACK_IMPORTED_MODULE_0___default().Children.forEach(children, function (element) {
+        var _element$props;
+
+        items.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tab.Item, {
+          title: element === null || element === void 0 ? void 0 : (_element$props = element.props) === null || _element$props === void 0 ? void 0 : _element$props.title,
+          key: element === null || element === void 0 ? void 0 : element.key
+        }));
+      });
+      registerSwitch( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tab, _objectSpread({
+        activeKey: activeKey
+      }, others), items));
+    }
+
+    return function () {
+      registerSwitch && registerSwitch(null);
+    };
+  }, [children]);
+
+  if (registerSwitch) {
+    var content = react__WEBPACK_IMPORTED_MODULE_0___default().Children.map(children, function (element) {
+      if ((element === null || element === void 0 ? void 0 : element.key) === activeKey) {
+        var _element$props2;
+
+        return element === null || element === void 0 ? void 0 : (_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.children;
+      }
+
+      return null;
+    });
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, content);
+  }
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tab, _objectSpread({}, props));
+};
+
+ProPageContainerTab.Item = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tab.Item;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProPageContainerTab);
+
+/***/ }),
+
 /***/ 59918:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -57348,73 +57306,192 @@ var BaseSkeleton = ProSkeletonRaw;
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "UseRequestProvider": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.jQ),
-/* harmony export */   "configResponsive": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Py),
-/* harmony export */   "useAntdTable": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.X8),
-/* harmony export */   "useBoolean": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.kt),
-/* harmony export */   "useClickAway": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Vd),
-/* harmony export */   "useControllableValue": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Gj),
-/* harmony export */   "useControlledValue": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.OZ),
-/* harmony export */   "useCookieState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Dz),
-/* harmony export */   "useCountDown": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.hk),
-/* harmony export */   "useCounter": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Cf),
-/* harmony export */   "useCreation": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Jg),
-/* harmony export */   "useDebounce": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Nr),
-/* harmony export */   "useDebounceEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.sH),
-/* harmony export */   "useDebounceFn": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.DI),
-/* harmony export */   "useDocumentVisibility": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.xK),
-/* harmony export */   "useDrag": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.c0),
-/* harmony export */   "useDrop": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.LW),
-/* harmony export */   "useDynamicList": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.iv),
-/* harmony export */   "useEventEmitter": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.x2),
-/* harmony export */   "useEventListener": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.OR),
-/* harmony export */   "useEventTarget": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Rs),
-/* harmony export */   "useExternal": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Ce),
-/* harmony export */   "useFavicon": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.dF),
-/* harmony export */   "useFullscreen": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.O9),
-/* harmony export */   "useFusionTable": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.A_),
-/* harmony export */   "useHistoryTravel": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Xm),
-/* harmony export */   "useHover": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.XI),
-/* harmony export */   "useInViewport": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.NM),
-/* harmony export */   "useInterval": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Yz),
-/* harmony export */   "useKeyPress": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Kr),
-/* harmony export */   "useLocalStorageState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Rr),
-/* harmony export */   "useLockFn": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.JO),
-/* harmony export */   "useMap": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Sx),
-/* harmony export */   "useMount": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.b6),
-/* harmony export */   "useMouse": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.ii),
-/* harmony export */   "useNetwork": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.LN),
-/* harmony export */   "usePersistFn": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.tG),
-/* harmony export */   "usePrevious": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.D9),
-/* harmony export */   "useReactive": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.qA),
-/* harmony export */   "useRequest": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.QT),
-/* harmony export */   "useResponsive": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Fs),
-/* harmony export */   "useSafeState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.FH),
-/* harmony export */   "useScroll": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.vO),
-/* harmony export */   "useSelections": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.a3),
-/* harmony export */   "useSessionStorageState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Aq),
-/* harmony export */   "useSet": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.$X),
-/* harmony export */   "useSetState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.vA),
-/* harmony export */   "useSize": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.tH),
-/* harmony export */   "useTextSelection": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.td),
-/* harmony export */   "useThrottle": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.fB),
-/* harmony export */   "useThrottleEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.kL),
-/* harmony export */   "useThrottleFn": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Jh),
-/* harmony export */   "useTimeout": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.KS),
-/* harmony export */   "useTitle": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.ZQ),
-/* harmony export */   "useToggle": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.OT),
-/* harmony export */   "useTrackedEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.dG),
-/* harmony export */   "useUnmount": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.kw),
-/* harmony export */   "useUnmountedRef": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.yL),
-/* harmony export */   "useUpdate": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.PQ),
-/* harmony export */   "useUpdateEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.rf),
-/* harmony export */   "useUpdateLayoutEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.is),
-/* harmony export */   "useVirtualList": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.Xd),
-/* harmony export */   "useWebSocket": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.sO),
-/* harmony export */   "useWhyDidYouUpdate": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_0__.g)
+/* harmony export */   "useResponsiveProps": () => (/* reexport safe */ _useResponsiveProps_index__WEBPACK_IMPORTED_MODULE_0__.S),
+/* harmony export */   "UseRequestProvider": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.jQ),
+/* harmony export */   "configResponsive": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Py),
+/* harmony export */   "useAntdTable": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.X8),
+/* harmony export */   "useBoolean": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.kt),
+/* harmony export */   "useClickAway": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Vd),
+/* harmony export */   "useControllableValue": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Gj),
+/* harmony export */   "useControlledValue": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.OZ),
+/* harmony export */   "useCookieState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Dz),
+/* harmony export */   "useCountDown": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.hk),
+/* harmony export */   "useCounter": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Cf),
+/* harmony export */   "useCreation": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Jg),
+/* harmony export */   "useDebounce": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Nr),
+/* harmony export */   "useDebounceEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.sH),
+/* harmony export */   "useDebounceFn": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.DI),
+/* harmony export */   "useDocumentVisibility": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.xK),
+/* harmony export */   "useDrag": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.c0),
+/* harmony export */   "useDrop": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.LW),
+/* harmony export */   "useDynamicList": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.iv),
+/* harmony export */   "useEventEmitter": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.x2),
+/* harmony export */   "useEventListener": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.OR),
+/* harmony export */   "useEventTarget": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Rs),
+/* harmony export */   "useExternal": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Ce),
+/* harmony export */   "useFavicon": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.dF),
+/* harmony export */   "useFullscreen": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.O9),
+/* harmony export */   "useFusionTable": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.A_),
+/* harmony export */   "useHistoryTravel": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Xm),
+/* harmony export */   "useHover": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.XI),
+/* harmony export */   "useInViewport": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.NM),
+/* harmony export */   "useInterval": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Yz),
+/* harmony export */   "useKeyPress": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Kr),
+/* harmony export */   "useLocalStorageState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Rr),
+/* harmony export */   "useLockFn": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.JO),
+/* harmony export */   "useMap": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Sx),
+/* harmony export */   "useMount": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.b6),
+/* harmony export */   "useMouse": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.ii),
+/* harmony export */   "useNetwork": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.LN),
+/* harmony export */   "usePersistFn": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.tG),
+/* harmony export */   "usePrevious": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.D9),
+/* harmony export */   "useReactive": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.qA),
+/* harmony export */   "useRequest": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.QT),
+/* harmony export */   "useResponsive": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Fs),
+/* harmony export */   "useSafeState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.FH),
+/* harmony export */   "useScroll": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.vO),
+/* harmony export */   "useSelections": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.a3),
+/* harmony export */   "useSessionStorageState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Aq),
+/* harmony export */   "useSet": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.$X),
+/* harmony export */   "useSetState": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.vA),
+/* harmony export */   "useSize": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.tH),
+/* harmony export */   "useTextSelection": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.td),
+/* harmony export */   "useThrottle": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.fB),
+/* harmony export */   "useThrottleEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.kL),
+/* harmony export */   "useThrottleFn": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Jh),
+/* harmony export */   "useTimeout": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.KS),
+/* harmony export */   "useTitle": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.ZQ),
+/* harmony export */   "useToggle": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.OT),
+/* harmony export */   "useTrackedEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.dG),
+/* harmony export */   "useUnmount": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.kw),
+/* harmony export */   "useUnmountedRef": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.yL),
+/* harmony export */   "useUpdate": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.PQ),
+/* harmony export */   "useUpdateEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.rf),
+/* harmony export */   "useUpdateLayoutEffect": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.is),
+/* harmony export */   "useVirtualList": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.Xd),
+/* harmony export */   "useWebSocket": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.sO),
+/* harmony export */   "useWhyDidYouUpdate": () => (/* reexport safe */ ahooks__WEBPACK_IMPORTED_MODULE_1__.g)
 /* harmony export */ });
-/* harmony import */ var ahooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(92197);
- // export { default as useTable } from './useTable';
+/* harmony import */ var _useResponsiveProps_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26134);
+/* harmony import */ var ahooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(92197);
+
+
+
+/***/ }),
+
+/***/ 26134:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "S": () => (/* binding */ useResponsiveProps)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(80653);
+
+
+
+var calcBreakpointIndex = function calcBreakpointIndex(breakpoints, width) {
+  for (var i = 0; i < breakpoints.length; i++) {
+    if (width <= breakpoints[i]) {
+      return i;
+    }
+  }
+};
+
+var calcFactor = function calcFactor(value, breakpointIndex) {
+  if (Array.isArray(value)) {
+    var _value$breakpointInde;
+
+    if (breakpointIndex === -1) return value[0];
+    return (_value$breakpointInde = value[breakpointIndex]) != null ? _value$breakpointInde : value[value.length - 1];
+  } else {
+    return value;
+  }
+};
+
+var factor = function factor(value, breakpointIndex) {
+  return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isValid)(value) ? calcFactor(value, breakpointIndex) : value;
+};
+
+var calculateProps = function calculateProps(target, breakpoints, props) {
+  var clientWidth = target.clientWidth;
+  var breakpointIndex = calcBreakpointIndex(breakpoints, clientWidth);
+
+  if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isArr)(props)) {
+    return factor(props, breakpointIndex);
+  } else {
+    var responsiveProps = {};
+    Object.entries(props).map(function (_ref) {
+      var key = _ref[0],
+          value = _ref[1];
+      responsiveProps[key] = factor(value, breakpointIndex);
+    });
+    return responsiveProps;
+  }
+};
+/**
+ * @param breakpoints 断点数组
+ * @param props 接收一个根据断点响应的对象或数组
+ * @param defaultProps 响应前的默认值，默认为最后一个响应值
+ * @returns 返回一个对象，参数 ref 表示需要做断点响应 Dom 的 RefObject，responsiveProps 表示响应后的参数值
+ */
+
+
+var useResponsiveProps = function useResponsiveProps(breakpoints, props, defaultProps) {
+  var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+
+  if (!(0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isArr)(breakpoints)) {
+    return {
+      ref: ref,
+      responsiveProps: props
+    };
+  }
+
+  var innerDefaultProps = {};
+
+  if (defaultProps) {
+    innerDefaultProps = defaultProps;
+  } else if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isArr)(props)) {
+    innerDefaultProps = props[props.length - 1];
+  } else {
+    Object.entries(props).map(function (_ref2) {
+      var key = _ref2[0],
+          value = _ref2[1];
+      innerDefaultProps[key] = value[value.length - 1];
+    });
+  }
+
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(innerDefaultProps),
+      responsiveProps = _useState[0],
+      setResponsiveProps = _useState[1];
+
+  var updateUI = function updateUI() {
+    setResponsiveProps(calculateProps(ref.current, breakpoints, props));
+  };
+
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    var observer = function observer() {
+      updateUI();
+    };
+
+    var resizeObserver = new ResizeObserver(observer);
+
+    if (ref.current) {
+      resizeObserver.observe(ref.current);
+    }
+
+    updateUI();
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, []);
+  return {
+    ref: ref,
+    responsiveProps: responsiveProps
+  };
+};
 
 /***/ }),
 
@@ -57425,25 +57502,80 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "$": () => (/* binding */ eventHandler)
 /* harmony export */ });
-function eventHandler(action, onTrigger) {
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+
+function eventHandler(action, actionContext, onTrigger) {
   var _ref;
 
   var _action$trigger = action.trigger,
       trigger = _action$trigger === void 0 ? 'onClick' : _action$trigger,
       preventDefault = action.preventDefault,
-      stopPropagation = action.stopPropagation;
-  return _ref = {}, _ref["" + trigger] = function _(e) {
-    if (preventDefault) {
-      e.preventDefault();
-    }
+      stopPropagation = action.stopPropagation,
+      beforeAction = action.beforeAction;
+  return _ref = {}, _ref["" + trigger] = function () {
+    var _2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(e) {
+      var beforeActionContext;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (preventDefault) {
+                e.preventDefault();
+              }
 
-    if (stopPropagation) {
-      e.stopPropagation();
+              if (stopPropagation) {
+                e.stopPropagation();
+              }
+
+              if (!beforeAction) {
+                _context.next = 14;
+                break;
+              }
+
+              _context.prev = 3;
+              _context.next = 6;
+              return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.resolveMaybePromiseMethod)(beforeAction, actionContext);
+
+            case 6:
+              beforeActionContext = _context.sent;
+              _context.next = 12;
+              break;
+
+            case 9:
+              _context.prev = 9;
+              _context.t0 = _context["catch"](3);
+              beforeActionContext = false;
+
+            case 12:
+              if (!(beforeActionContext === false)) {
+                _context.next = 14;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 14:
+              onTrigger(Object.assign({}, beforeActionContext, actionContext));
+              action.onTrigger == null ? void 0 : action.onTrigger();
+
+            case 16:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[3, 9]]);
+    }));
+
+    function _(_x) {
+      return _2.apply(this, arguments);
     }
 
-    onTrigger();
-    action.onTrigger == null ? void 0 : action.onTrigger();
-  }, _ref;
+    return _;
+  }(), _ref;
 }
 /* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (eventHandler)));
 
@@ -57641,18 +57773,18 @@ function useDialogFormAction(action, context) {
       _onFinish = action.onFinish,
       others = _objectWithoutPropertiesLoose(action, _excluded2);
 
-  var formRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+  var formRef = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createRef)();
   return (0,_dialog__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)(Object.assign({
     size: size,
     closeable: true,
-    content: function content() {
+    content: function content(contentContext) {
       var dialogFormProps = {
         initialValues: initialValues,
         initialRequest: initialRequest,
         schema: schema,
         size: size,
         formProps: formProps,
-        context: context
+        context: contentContext
       };
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(DialogForm, _extends({
         formRef: formRef
@@ -57755,18 +57887,11 @@ function useDialogTableAction(action, context) {
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
 /* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89417);
 /* harmony import */ var _utils_message__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(94891);
-/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(54842);
-/* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(67096);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(95983);
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(54842);
+/* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(67096);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(95983);
 var _excluded = ["url", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError"],
-    _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "overlayProps"],
-    _excluded3 = ["className"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+    _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "className"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -57774,6 +57899,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 
@@ -57817,7 +57948,7 @@ function getFooterAlignClass(isDrawer, align) {
 } // 弹窗 -> 请求（点击确认，发送数据请求）
 
 
-function useDialogAction(action, context) {
+function useDialogAction(action, actionContext) {
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
       loading = _useState[0],
       setLoading = _useState[1];
@@ -57825,7 +57956,7 @@ function useDialogAction(action, context) {
   var footerDescriptionRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
   var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_2__.useHistory)();
 
-  var onActionStart = function onActionStart() {
+  var onActionStart = function onActionStart(context) {
     var url = action.url,
         method = action.method,
         params = action.params,
@@ -57857,28 +57988,21 @@ function useDialogAction(action, context) {
         message = _getTargetValue.message,
         footerDescription = _getTargetValue.footerDescription,
         footerAlign = _getTargetValue.footerAlign,
-        _getTargetValue$overl = _getTargetValue.overlayProps,
-        overlayProps = _getTargetValue$overl === void 0 ? {} : _getTargetValue$overl,
+        className = _getTargetValue.className,
         containerProps = _objectWithoutPropertiesLoose(_getTargetValue, _excluded2);
 
     var isDrawer = dialogType === 'drawer';
     var container = isDrawer ? _alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Drawer : _alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Dialog;
-
-    var overlayClassName = overlayProps.className,
-        overlayOtherProps = _objectWithoutPropertiesLoose(overlayProps, _excluded3);
-
     var dialogOnlyProps = {
       type: dialogQuickShowType,
       messageProps: {
         type: messageType
-      },
-      overlayProps: _objectSpread({
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('teamix-pro-action-dialog', overlayClassName, {
-          'has-footer-description': !!footerDescription
-        })
-      }, overlayOtherProps)
+      }
     };
-    var containerOtherProps = isDrawer ? {} : dialogOnlyProps;
+    var containerOtherProps = isDrawer ? {
+      okText: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getMessage)('ok'),
+      cancelText: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getMessage)('cancel')
+    } : dialogOnlyProps;
 
     var renderDialogFooterDescription = function renderDialogFooterDescription(footer) {
       if (footer instanceof Array || footer.component) {
@@ -57928,7 +58052,7 @@ function useDialogAction(action, context) {
                     footer: footerDescriptionValues
                   }, context);
                   _context.next = 11;
-                  return (0,_request__WEBPACK_IMPORTED_MODULE_7__/* .doRequest */ .NE)(action, requestContext, history, footerDescriptionValues);
+                  return (0,_request__WEBPACK_IMPORTED_MODULE_8__/* .doRequest */ .NE)(action, requestContext, history, footerDescriptionValues);
 
                 case 11:
                   onFinish && onFinish();
@@ -57971,7 +58095,7 @@ function useDialogAction(action, context) {
     });
     var dialogContent = Component ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, _extends({
       key: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.uuid)()
-    }, (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .addContext */ .F)(componentProps, dialogContext))) : addContextForReactNode(content, dialogContext);
+    }, (0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .addContext */ .F)(componentProps, dialogContext))) : addContextForReactNode(content, dialogContext);
 
     var quickShowProps = _objectSpread(_objectSpread({
       // @ts-ignore
@@ -57987,14 +58111,17 @@ function useDialogAction(action, context) {
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('teamix-pro-dialog-footer-description', getFooterAlignClass(isDrawer, footerAlign))
       }, renderDialogFooterDescription(footerDescription))),
       closeable: !loading,
-      footerAlign: footerAlign
+      footerAlign: footerAlign,
+      className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('teamix-pro-action-dialog', {
+        'has-footer-description': !!footerDescription
+      })
     }, containerOtherProps), containerProps);
 
     var ret = container.show(quickShowProps);
     store.hide = ret.hide;
   };
 
-  return _objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_9__/* .eventHandler */ .$)(action, onActionStart));
+  return _objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_7__/* .eventHandler */ .$)(action, actionContext, onActionStart));
 }
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useDialogAction);
 
@@ -58291,13 +58418,15 @@ var ProActionButton = function ProActionButton(props) {
   }, buttonProps), buttonContent(children, icon, iconSize, context));
 };
 
-function renderMenuButtonItem(item, key, context) {
-  var config = item.config,
-      btnContext = item.context,
-      _onClick2 = item.onClick,
-      children = item.children,
-      icon = item.icon,
-      disabled = item.disabled;
+var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
+  var action = props.action,
+      context = props.context;
+  var config = action.config,
+      btnContext = action.context,
+      _onClick2 = action.onClick,
+      children = action.children,
+      icon = action.icon,
+      disabled = action.disabled;
   var menuItemActionConfig = Object.assign({}, config, {
     trigger: 'onClick'
   });
@@ -58306,30 +58435,33 @@ function renderMenuButtonItem(item, key, context) {
       loading = _useAction.loading,
       menuItemProps = _objectWithoutPropertiesLoose(_useAction, _excluded3);
 
-  var buttonProps = _onClick2 ? _objectSpread(_objectSpread({}, menuItemProps), {}, {
+  var buttonProps = disabled ? {} : _onClick2 ? _objectSpread(_objectSpread({}, menuItemProps), {}, {
     onClick: function onClick(e) {
       return _onClick2(e, context);
     }
   }) : _objectSpread({}, menuItemProps);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.MenuButton.Item, _extends({
-    key: key,
-    disabled: disabled
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('teamix-pro-action-menu-item', 'next-menu-item', {
+      'next-disabled': disabled
+    })
   }, buttonProps), buttonContent(children, icon, undefined, context));
-}
+};
 
-function renderCommonActionButtonMenuItem(action, key, context) {
+function renderCommonActionButtonMenuItem(action, context) {
   var menuBtn = action;
 
   if (menuBtn.actions && menuBtn.actions.length && menuBtn.disabled !== true) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Menu.SubMenu, {
-      key: key,
       label: menuBtn.label || menuBtn.children
     }, menuBtn.actions.map(function (a, j) {
-      return renderCommonActionButtonMenuItem(a, j, context);
+      return renderCommonActionButtonMenuItem(a, context);
     }));
   }
 
-  return renderMenuButtonItem(action, key, context);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ProActionMenuButtonItem, {
+    action: action,
+    context: context
+  });
 }
 
 var ProActionMenuButton = function ProActionMenuButton(props) {
@@ -58344,7 +58476,7 @@ var ProActionMenuButton = function ProActionMenuButton(props) {
       others = _objectWithoutPropertiesLoose(props, _excluded4);
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.MenuButton, _extends({
-    popupTriggerType: "click",
+    popupTriggerType: "hover",
     autoWidth: false,
     menuProps: {
       mode: 'popup',
@@ -58355,8 +58487,8 @@ var ProActionMenuButton = function ProActionMenuButton(props) {
     },
     type: type,
     label: buttonContent(label || children, icon, iconSize, context)
-  }, others), actions.map(function (action, i) {
-    return renderCommonActionButtonMenuItem(action, i, context);
+  }, others), actions.map(function (action) {
+    return renderCommonActionButtonMenuItem(action, context);
   }));
 };
 
@@ -58463,9 +58595,7 @@ function ProActionGroup(props) {
     })
   }, containerProps), formatedActions.map(function (actionBtn, i) {
     var isLastOne = i === formatedActions.length - 1;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), {
-      key: i
-    }, renderCommonActionButton(actionBtn, context, isTypeText), isTypeText && divider && !isLastOne && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Divider, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, renderCommonActionButton(actionBtn, context, isTypeText), isTypeText && divider && !isLastOne && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Divider, {
       direction: "ver"
     }));
   }));
@@ -58517,9 +58647,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-function useLinkAction(action, context) {
+function useLinkAction(action, actionContext) {
   var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_1__.useHistory)();
-  return _objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_2__/* .eventHandler */ .$)(action, function () {
+  return _objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_2__/* .eventHandler */ .$)(action, actionContext, function (context) {
     var linkAction = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getTargetValue)(action, context);
     (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.goToLink)(linkAction, history);
   }));
@@ -58590,7 +58720,7 @@ function doRequest(action, context, history, extraParams) {
     method: method
   }, others), context, history, extraParams);
 }
-function useRequestAction(action, context) {
+function useRequestAction(action, actionContext) {
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
       loading = _useState[0],
       setLoading = _useState[1];
@@ -58600,7 +58730,7 @@ function useRequestAction(action, context) {
   var onFinish = action.onFinish,
       others = _objectWithoutPropertiesLoose(action, _excluded2);
 
-  return _objectSpread(_objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_3__/* .eventHandler */ .$)(action, function () {
+  return _objectSpread(_objectSpread({}, (0,_base__WEBPACK_IMPORTED_MODULE_3__/* .eventHandler */ .$)(action, actionContext, function (context) {
     setLoading(true);
     doRequest(_objectSpread({}, others), context, history).then(function () {
       setLoading(false);
@@ -58718,8 +58848,8 @@ ProCardDivider.isProCardDivider = true;
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "_L": () => (/* reexport safe */ _card_container__WEBPACK_IMPORTED_MODULE_10__._),
-/* harmony export */   "l0": () => (/* reexport safe */ _card_container__WEBPACK_IMPORTED_MODULE_10__.l),
+/* harmony export */   "_L": () => (/* reexport safe */ _card_container__WEBPACK_IMPORTED_MODULE_13__._),
+/* harmony export */   "l0": () => (/* reexport safe */ _card_container__WEBPACK_IMPORTED_MODULE_13__.l),
 /* harmony export */   "QW": () => (/* binding */ ProCard),
 /* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
@@ -58727,18 +58857,21 @@ ProCardDivider.isProCardDivider = true;
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28266);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33049);
-/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89227);
-/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
-/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(53277);
-/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(28758);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(20559);
-/* harmony import */ var _divider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(66113);
-/* harmony import */ var _selectable__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(80617);
-/* harmony import */ var _card_container__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(18110);
+/* harmony import */ var _teamix_result__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77226);
+/* 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__);
+/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(89227);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80653);
+/* harmony import */ var _utils_components_tags__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(91936);
+/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(53277);
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(28758);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(20559);
+/* harmony import */ var _divider__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(66113);
+/* harmony import */ var _selectable__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(80617);
+/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(56904);
+/* harmony import */ var _card_container__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(18110);
 var _excluded = ["context"],
-    _excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "description", "extra", "actions", "style", "className", "image", "hoveredShadow", "divider", "bordered", "compacted", "centered", "loading", "borderColor", "backgroundColor", "contentClassName", "contentStyle", "direction", "wrap", "spacing", "split", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "context"];
+    _excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "tags", "description", "extra", "actions", "style", "className", "image", "hoveredShadow", "divider", "bordered", "compacted", "centered", "loading", "empty", "borderColor", "backgroundColor", "contentClassName", "contentStyle", "direction", "wrap", "spacing", "split", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "context"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -58762,7 +58895,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.baseClass)('teamix-pro-card');
+
+
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.baseClass)('teamix-pro-card');
 
 var renderActionGroup = function renderActionGroup(extra, context) {
   if (!extra) {
@@ -58776,7 +58912,7 @@ var renderActionGroup = function renderActionGroup(extra, context) {
 
     var mergedContext = _objectSpread(_objectSpread({}, context), userContext);
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_6__/* .ProActionGroup */ .d5, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_8__/* .ProActionGroup */ .d5, _extends({
       context: mergedContext
     }, others, {
       type: "text"
@@ -58802,6 +58938,7 @@ var ProCard = function ProCard(props) {
       subTitle = props.subTitle,
       tooltip = props.tooltip,
       tooltipIcon = props.tooltipIcon,
+      tags = props.tags,
       description = props.description,
       extra = props.extra,
       actions = props.actions,
@@ -58814,6 +58951,7 @@ var ProCard = function ProCard(props) {
       compacted = props.compacted,
       centered = props.centered,
       loading = props.loading,
+      empty = props.empty,
       borderColor = props.borderColor,
       backgroundColor = props.backgroundColor,
       contentClassName = props.contentClassName,
@@ -58833,7 +58971,7 @@ var ProCard = function ProCard(props) {
       innerCollapseState = _React$useState[0],
       setInnerCollapseState = _React$useState[1];
 
-  var _formatSpacing = (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .formatSpacing */ .A)(spacing),
+  var _formatSpacing = (0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .formatSpacing */ .A)(spacing),
       horizonal = _formatSpacing.horizonal,
       vertical = _formatSpacing.vertical;
 
@@ -58879,7 +59017,7 @@ var ProCard = function ProCard(props) {
       containProCard = true;
       var col = element.props.col;
 
-      var _getColClassAndStyle = (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .getColClassAndStyle */ .Q)(col),
+      var _getColClassAndStyle = (0,_utils__WEBPACK_IMPORTED_MODULE_9__/* .getColClassAndStyle */ .Q)(col),
           colClassName = _getColClassAndStyle.className,
           colStyle = _getColClassAndStyle.style;
 
@@ -58891,7 +59029,6 @@ var ProCard = function ProCard(props) {
     }
 
     if (element != null && (_element$type2 = element.type) != null && _element$type2.isProCardDivider) {
-      console.log('isProCardDivider');
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(element, {
         style: dividerStyle
       });
@@ -58904,7 +59041,7 @@ var ProCard = function ProCard(props) {
   }, _classnames["border-" + borderColor] = borderColor, _classnames.compacted = compacted, _classnames.hoverable = hoveredShadow, _classnames));
   var cardContentClassName = classnames__WEBPACK_IMPORTED_MODULE_1___default()(cls('content'), contentClassName, getFlexDirectionClassName(direction, split), (_classnames2 = {
     'contain-pro-card': containProCard
-  }, _classnames2["split-" + split] = split, _classnames2['flex-wrap'] = wrap, _classnames2.centered = centered, _classnames2));
+  }, _classnames2["split-" + split] = split, _classnames2['flex-wrap'] = wrap, _classnames2.centered = centered || empty, _classnames2));
   var cardContentMargin = containProCard && !split ? {
     marginRight: -horizonal,
     marginLeft: -horizonal,
@@ -58916,7 +59053,7 @@ var ProCard = function ProCard(props) {
 
   var renderTitle = function renderTitle() {
     var icon = tooltipIcon || 'info-circle-line';
-    var tooltipTrigger = typeof icon === 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+    var tooltipTrigger = typeof icon === 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
       size: "small",
       type: icon
     }) : icon;
@@ -58927,7 +59064,7 @@ var ProCard = function ProCard(props) {
         collapsed: collapseState
       }),
       onClick: onCollapseChanged
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
       size: "small",
       type: "down-fill"
     }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -58936,43 +59073,53 @@ var ProCard = function ProCard(props) {
       className: cls('title-name')
     }, title), tooltip && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       className: cls('title-tooltip')
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Balloon.Tooltip, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Balloon.Tooltip, {
       align: "t",
       trigger: tooltipTrigger
-    }, tooltip)), description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    }, tooltip)), tags && (0,_utils_components_tags__WEBPACK_IMPORTED_MODULE_6__/* .renderTags */ .a)(tags, 'small'), description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       className: cls('title-description')
     }, description));
   };
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Card, _extends({
     free: true,
     className: cardClassName,
     style: style,
     actions: renderActionGroup(actions, context)
-  }, others), !loading && image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Media, {
+  }, others), !loading && image && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Card.Media, {
     component: "img",
     src: image
-  }), (title || extra) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Header, {
-    title: loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_5__/* .ProSkeletonRaw.Card.Title */ .vR.Card.Title, null) : renderTitle(),
+  }), (title || extra) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Card.Header, {
+    title: loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__/* .ProSkeletonRaw.Card.Title */ .vR.Card.Title, null) : renderTitle(),
     subTitle: !loading && subTitle,
     extra: !loading && renderActionGroup(extra, context)
-  }), hasDivider && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Divider, null), showContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Card.Content, {
+  }), hasDivider && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Card.Divider, null), showContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Card.Content, {
     style: split ? {
       padding: 0,
       margin: 0
     } : {}
-  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_5__/* .ProSkeletonRaw.Card.Content */ .vR.Card.Content, null), !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__/* .ProSkeletonRaw.Card.Content */ .vR.Card.Content, null), !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: cardContentClassName,
     style: cardContentStyle
-  }, childrenModified)));
+  }, empty && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: cls('empty')
+  }, childrenModified ? childrenModified : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_result__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+    theme: "hybridcloud-container",
+    img: "noData",
+    title: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getMessage)('noData'),
+    style: {
+      padding: '50px 0 60px'
+    }
+  })), !empty && childrenModified)));
 };
 ProCard.defaultProps = {
   bordered: true,
   spacing: 16,
   direction: 'row'
 };
-ProCard.Divider = _divider__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z;
-ProCard.Selectable = _selectable__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z;
+ProCard.Divider = _divider__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z;
+ProCard.Selectable = _selectable__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z;
+ProCard.Tab = _tab__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z;
 ProCard.isProCard = true;
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProCard);
 /**
@@ -59037,6 +59184,43 @@ ProCardSelectable.isProCard = true;
 
 /***/ }),
 
+/***/ 56904:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28266);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33049);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__);
+var _excluded = ["className"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+var ProCardTab = function ProCardTab(props) {
+  var className = props.className,
+      others = _objectWithoutPropertiesLoose(props, _excluded);
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tab, _extends({
+    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('teamix-pro-card-tab', className)
+  }, others));
+};
+
+ProCardTab.Item = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tab.Item;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProCardTab);
+
+/***/ }),
+
 /***/ 20559:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -59719,8 +59903,7 @@ var Text = function Text(_ref) {
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "h4": () => (/* binding */ AdvancedFilter),
-/* harmony export */   "aT": () => (/* binding */ SimpleFilter),
-/* harmony export */   "ti": () => (/* binding */ QueryFilter)
+/* harmony export */   "aT": () => (/* binding */ SimpleFilter)
 /* 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__);
@@ -59730,8 +59913,7 @@ var Text = function Text(_ref) {
 /* harmony import */ var _formily_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7186);
 /* harmony import */ var _ProForm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(44344);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(51344);
-var _excluded = ["schema", "triggerType", "onFilter"],
-    _excluded2 = ["schema", "triggerType", "onFilter"];
+var _excluded = ["schema", "triggerType", "onFilter"];
 
 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); }
 
@@ -59750,6 +59932,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
 var getEventProps = function getEventProps(triggerType, onFilter) {
   var keydownEvent = {
     onSubmit: onFilter
@@ -59810,53 +59993,221 @@ SimpleFilter.defaultProps = {
   triggerType: 'change'
 };
 /**
- * 查询筛选
+ * 高级筛选
  */
 
-var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (props) {
+var AdvancedFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (props) {
+  var form = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return (props == null ? void 0 : props.form) || (0,_formily_core__WEBPACK_IMPORTED_MODULE_3__.createForm)();
+  }, []);
   var schema = props.schema,
       triggerType = props.triggerType,
       onFilter = props.onFilter,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
-
+      onReset = props.onReset,
+      layout = props.layout,
+      labelAlign = props.labelAlign,
+      wrapperAlign = props.wrapperAlign,
+      labelCol = props.labelCol,
+      wrapperCol = props.wrapperCol;
   var prefixCls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.usePrefixCls)('', {
-    prefix: 'teamix-pro-form-filter-query'
+    prefix: 'teamix-pro-form-filter-advanced'
   });
-  var querySchema = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+  var gridSchema = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return [{
-      component: 'QueryFilter',
+      name: 'FormGrid',
+      component: 'FormGrid',
       props: {
-        placeholder: 'placeholder'
+        breakpoints: [480, 720, 990, 1200, Infinity],
+        maxColumns: [1, 2, 3, 3, 4],
+        columnGap: 16,
+        rowGap: 12
       },
-      children: schema
-    }, {
-      type: 'void',
-      decorator: null,
-      component: 'Submit',
-      props: {
-        style: _objectSpread({}, triggerType === 'submit' ? {} : {
-          display: 'none'
-        })
-      }
+      children: [].concat(schema, [{
+        component: 'FormGrid.GridColumn',
+        props: {
+          gridSpan: -1
+        },
+        children: [{
+          component: 'FormButtonGroup',
+          props: {
+            align: 'right'
+          },
+          children: [{
+            component: 'Reset',
+            props: {
+              onResetValidateSuccess: onReset,
+              style: _objectSpread({}, triggerType === 'submit' ? {} : {
+                marginRight: -16
+              }),
+              children: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('reset')
+            }
+          }, {
+            component: 'Submit',
+            props: {
+              style: _objectSpread({}, triggerType === 'submit' ? {
+                marginRight: -8
+              } : {
+                display: 'none'
+              }),
+              children: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('search')
+            }
+          }]
+        }]
+      }])
     }];
   }, []);
+  var getTeamixLayout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return {
+      breakpoints: [990],
+      layout: (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .mergeArrayValue */ .UT)(['vertical'], layout),
+      labelAlign: (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .mergeArrayValue */ .UT)(['left'], labelAlign),
+      wrapperAlign: (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .mergeArrayValue */ .UT)(['left'], wrapperAlign),
+      labelCol: (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .mergeArrayValue */ .UT)([24], labelCol),
+      wrapperCol: (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .mergeArrayValue */ .UT)([24], wrapperCol)
+    };
+  }, [layout, labelAlign, wrapperAlign, labelCol, wrapperCol]);
   var eventProps = getEventProps(triggerType, onFilter);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ProForm__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, _extends({
-    feedbackLayout: "none",
+    feedbackLayout: "popover"
+  }, props, eventProps, getTeamixLayout, {
+    form: form,
+    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls, props.className),
+    schema: gridSchema,
+    onSubmit: onFilter
+  }));
+});
+AdvancedFilter.defaultProps = {
+  triggerType: 'change',
+  layout: 'horizontal',
+  labelAlign: 'right',
+  labelCol: 6,
+  wrapperCol: 18
+};
+
+/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (AdvancedFilter)));
+
+/***/ }),
+
+/***/ 90316:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "t": () => (/* binding */ QueryFilter)
+/* 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 classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28266);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33049);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89227);
+/* harmony import */ var _formily_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7186);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80653);
+/* harmony import */ var _ProForm__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(44344);
+/* harmony import */ var _ProForm_useFormDisplayValues__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(28927);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(51344);
+var _excluded = ["schema", "triggerType", "onFilter"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+
+
+
+
+
+
+var getEventProps = function getEventProps(triggerType, onFilter) {
+  var keydownEvent = {
+    onSubmit: onFilter
+  };
+  var changeEvent = {
+    onChange: onFilter
+  };
+  var eventMap = {
+    keydown: keydownEvent,
+    change: _objectSpread(_objectSpread({}, keydownEvent), changeEvent),
+    submit: keydownEvent
+  };
+  return eventMap[triggerType];
+};
+
+var schemaTemp = [{
+  name: 'taskName',
+  title: '实例名称',
+  component: 'Input',
+  required: true,
+  props: {
+    style: {
+      width: 180
+    },
+    placeholder: '请输入'
+  }
+}];
+/**
+ * 简单筛选
+ */
+
+var SimpleFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (props) {
+  var schema = props.schema,
+      triggerType = props.triggerType,
+      onFilter = props.onFilter,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var prefixCls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.usePrefixCls)('', {
+    prefix: 'teamix-pro-form-filter-simple'
+  });
+  var simpleSchema = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return [{
+      component: 'FormFlex',
+      props: {
+        size: 8
+      },
+      children: [].concat(schema, [{
+        type: 'void',
+        decorator: null,
+        component: 'Submit',
+        props: {
+          style: _objectSpread({}, triggerType === 'submit' ? {} : {
+            display: 'none'
+          })
+        }
+      }])
+    }];
+  }, []);
+  var eventProps = getEventProps(triggerType, onFilter);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ProForm__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, _extends({
+    feedbackLayout: "popover",
     breakpoints: [],
-    bordered: false
+    inset: true
   }, otherProps, eventProps, {
     className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls, props.className),
-    schema: querySchema
+    schema: simpleSchema
   }));
 });
+SimpleFilter.defaultProps = {
+  triggerType: 'change'
+};
 /**
  * 高级筛选
  */
 
 var AdvancedFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (props) {
   var form = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return (props == null ? void 0 : props.form) || (0,_formily_core__WEBPACK_IMPORTED_MODULE_3__.createForm)();
+    return (props == null ? void 0 : props.form) || (0,_formily_core__WEBPACK_IMPORTED_MODULE_4__.createForm)();
   }, []);
   var schema = props.schema,
       triggerType = props.triggerType,
@@ -59867,7 +60218,7 @@ var AdvancedFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(fu
       wrapperAlign = props.wrapperAlign,
       labelCol = props.labelCol,
       wrapperCol = props.wrapperCol;
-  var prefixCls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.usePrefixCls)('', {
+  var prefixCls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.usePrefixCls)('', {
     prefix: 'teamix-pro-form-filter-advanced'
   });
   var gridSchema = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
@@ -59897,7 +60248,7 @@ var AdvancedFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(fu
               style: _objectSpread({}, triggerType === 'submit' ? {} : {
                 marginRight: -16
               }),
-              children: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('reset')
+              children: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getMessage)('reset')
             }
           }, {
             component: 'Submit',
@@ -59907,7 +60258,7 @@ var AdvancedFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(fu
               } : {
                 display: 'none'
               }),
-              children: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('search')
+              children: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getMessage)('search')
             }
           }]
         }]
@@ -59917,15 +60268,15 @@ var AdvancedFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(fu
   var getTeamixLayout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return {
       breakpoints: [990],
-      layout: (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .mergeArrayValue */ .UT)(['vertical'], layout),
-      labelAlign: (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .mergeArrayValue */ .UT)(['left'], labelAlign),
-      wrapperAlign: (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .mergeArrayValue */ .UT)(['left'], wrapperAlign),
-      labelCol: (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .mergeArrayValue */ .UT)([24], labelCol),
-      wrapperCol: (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .mergeArrayValue */ .UT)([24], wrapperCol)
+      layout: (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .mergeArrayValue */ .UT)(['vertical'], layout),
+      labelAlign: (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .mergeArrayValue */ .UT)(['left'], labelAlign),
+      wrapperAlign: (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .mergeArrayValue */ .UT)(['left'], wrapperAlign),
+      labelCol: (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .mergeArrayValue */ .UT)([24], labelCol),
+      wrapperCol: (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .mergeArrayValue */ .UT)([24], wrapperCol)
     };
   }, [layout, labelAlign, wrapperAlign, labelCol, wrapperCol]);
   var eventProps = getEventProps(triggerType, onFilter);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ProForm__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ProForm__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, _extends({
     feedbackLayout: "popover"
   }, props, eventProps, getTeamixLayout, {
     form: form,
@@ -59941,8 +60292,115 @@ AdvancedFilter.defaultProps = {
   labelCol: 6,
   wrapperCol: 18
 };
+/**
+ * 查询筛选
+ */
+
+var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (props) {
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true),
+      advancedFilterVisible = _useState[0],
+      setAdvancedFilterVisible = _useState[1];
+
+  var _useState2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),
+      tagDataSource = _useState2[0],
+      setTagDataSource = _useState2[1]; // const [values, setValues] = useState<any>();
+
+
+  var form = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return (props == null ? void 0 : props.form) || (0,_formily_core__WEBPACK_IMPORTED_MODULE_4__.createForm)({
+      validateFirst: true
+    });
+  }, []);
+  var schema = props.schema,
+      addonAfter = props.addonAfter,
+      addonBefore = props.addonBefore;
+  var prefixCls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.usePrefixCls)('', {
+    prefix: 'teamix-pro-form-query-filter'
+  }); // 展开收起高级筛选
+
+  var toggleAdvancedFilter = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    setAdvancedFilterVisible(function (visible) {
+      return !visible;
+    });
+  }, []); // 获取标签数据
+
+  var getTagDataSource = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (form) {
+    var displayValues = (0,_ProForm_useFormDisplayValues__WEBPACK_IMPORTED_MODULE_7__/* .getFormDisplayValues */ .z)(form);
+    return Object.entries(displayValues).map(function (_ref) {
+      var _data$displayValue;
+
+      var key = _ref[0],
+          data = _ref[1];
+      return {
+        key: key,
+        label: data.title,
+        value: (_data$displayValue = data.displayValue) != null ? _data$displayValue : data.value
+      };
+    }); // .filter((item) => isValid(item.value));
+  }, []); // 表单值变化
+
+  var onFormValueChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (values) {
+    setTagDataSource(getTagDataSource(form));
+  }, []);
+  console.log(tagDataSource); // useEffect(() => {
+  //   console.log(form.values);
+  // }, [form.values]);
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls, props.className)
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: prefixCls + "-inline"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: prefixCls + "-left"
+  }, addonBefore ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: prefixCls + "-addonBefore"
+  }, addonBefore) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: prefixCls + "-simple"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SimpleFilter, {
+    schema: schemaTemp
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: prefixCls + "-toggle"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Badge, {
+    count: tagDataSource.length,
+    style: _objectSpread({
+      backgroundColor: 'var(--color-brand1-6, #0064c8)',
+      color: 'var(--color-white, #fff)'
+    }, advancedFilterVisible ? {
+      display: 'none'
+    } : {})
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Button, {
+    onClick: toggleAdvancedFilter
+  }, advancedFilterVisible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+    type: "up-line"
+  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+    type: "filter-line"
+  }), (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getMessage)('advancedFilter'))))), addonAfter ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: prefixCls + "-addonAfter"
+  }, addonAfter) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: prefixCls + "-panel"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls + "-tag", !advancedFilterVisible ? prefixCls + "-tag-hidden" : '')
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tag.Group, null, tagDataSource.map(function (_ref2) {
+    var key = _ref2.key,
+        label = _ref2.label,
+        value = _ref2.value;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tag.Closeable, {
+      key: key,
+      afterClose: console.log
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+      className: prefixCls + "-tag-title"
+    }, label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+      className: prefixCls + "-tag-content"
+    }, value));
+  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls + "-advanced", !advancedFilterVisible ? prefixCls + "-advanced-hidden" : '')
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AdvancedFilter, _extends({
+    form: form
+  }, props, {
+    onFilter: onFormValueChange
+  })))));
+});
 
-/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (AdvancedFilter)));
 
 /***/ }),
 
@@ -60025,7 +60483,8 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
       context: context
     });
   }, [scope, context]);
-  var onAutoSubmit = (0,_useAutoSubmit__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(onSubmit);
+  var onAutoSubmit = (0,_useAutoSubmit__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(onSubmit); // todo 需要formily支持断点下的属性更新
+
   var getTeamixLayout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return breakpoints ? {
       breakpoints: breakpoints,
@@ -60077,28 +60536,7 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
     schema: schema,
     scope: mergedScope,
     components: components
-  }), children); // return outerForm === false ? ( // 特殊表单，无需渲染form实例，例如FormDialog等
-  //   <FormLayout
-  //     className={cls(prefixCls, className)}
-  //     {...otherProps}
-  //     {...getTeamixLayout}
-  //   >
-  //     <SchemaForm schema={schema} scope={scope} components={components} />
-  //     {children}
-  //   </FormLayout>
-  // ) : (
-  //   <Form
-  //     className={cls(prefixCls, className)}
-  //     {...otherProps}
-  //     {...getTeamixLayout}
-  //     form={form}
-  //     onAutoSubmit={onAutoSubmit}
-  //     onAutoSubmitFailed={onSubmitFailed}
-  //   >
-  //     <SchemaForm schema={schema} scope={scope} components={components} />
-  //     {children}
-  //   </Form>
-  // );
+  }), children);
 });
 ProForm.defaultProps = {
   colon: false,
@@ -60192,7 +60630,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   "s": () => (/* binding */ useFormDisplayValues),
+/* harmony export */   "z": () => (/* binding */ getFormDisplayValues)
 /* harmony export */ });
 /* harmony import */ var _formily_react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(61006);
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(80653);
@@ -60202,54 +60641,60 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /**
  * 获取表单值的可显示值
  * @returns 如果某字段有dataSource，则返回value对应label
+ * @example const example = {
+    a: [
+        [{ b: 'a.0.0.b', c: 'a.0.0.c' }, { d: 'a.0.1.d' }],
+        { e: [{ f: { g: [{ h: 'a.1.e.0.f.g.0.h' }] } }, 'a.1.e.1'] },
+      ],
+  };
+  console.log(getDisplayValues(example));
  */
-var useFormDisplayValues = function useFormDisplayValues() {
-  var form = (0,_formily_react__WEBPACK_IMPORTED_MODULE_0__.useForm)();
-  var values = form.values; // 判断值的类型，递归获取每个值在该结构中的完整路径
+var getDisplayValues = function getDisplayValues(form, values, prefix) {
+  if (prefix === void 0) {
+    prefix = '';
+  }
 
-  var getDisplayValues = function getDisplayValues(values, prefix) {
-    if (prefix === void 0) {
-      prefix = '';
-    }
+  var displayValues; // 判断值的类型，递归获取每个值在该结构中的完整路径
 
-    var displayValues;
+  if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isPlainObj)(values)) {
+    displayValues = {};
+    Object.entries(values).forEach(function (_ref) {
+      var key = _ref[0],
+          value = _ref[1];
+      var path = prefix ? prefix + "." + key : "" + key;
+      displayValues[key] = getDisplayValues(form, value, path);
+    });
+  } else if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isArr)(values)) {
+    displayValues = []; // todo 如果对象或数组的值不再是对象或数组，并且找不到路径，判断为非复合组件，直接返回原始值
 
-    if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isPlainObj)(values)) {
-      displayValues = {};
-      Object.entries(values).forEach(function (_ref) {
-        var key = _ref[0],
-            value = _ref[1];
-        var path = prefix ? prefix + "." + key : "" + key;
-        displayValues[key] = getDisplayValues(value, path);
-      });
-    } else if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isArr)(values)) {
-      displayValues = [];
-      values.map(function (value, index) {
-        var path = prefix ? prefix + "." + index : "" + index;
-        displayValues[index] = getDisplayValues(value, path);
-      });
-    } else {
-      // 通过值的完整路径获取字段address（从form实例的indexes中），然后获取该字段的value在该字段dataSource中对应的label
-      var address = form.indexes[prefix];
-      var field = form.query(address).take();
-      displayValues = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.getValueByValue)(field == null ? void 0 : field.dataSource, values) || values;
-    }
+    values.map(function (value, index) {
+      var path = prefix ? prefix + "." + index : "" + index;
+      displayValues[index] = getDisplayValues(form, value, path);
+    });
+  } else {
+    // 通过值的完整路径获取字段address（从form实例的indexes中），然后获取该字段的value在该字段dataSource中对应的label
+    var address = form.indexes[prefix];
+    var field = form.query(address).take();
+    displayValues = {
+      title: field == null ? void 0 : field.title,
+      value: values,
+      displayValue: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.getValueByValue)(field == null ? void 0 : field.dataSource, values)
+    };
+  }
 
-    return displayValues;
-  }; // 测试样例
-  // const example = {
-  //   a: [
-  //     [{ b: 'a.0.0.b', c: 'a.0.0.c' }, { d: 'a.0.1.d' }],
-  //     { e: [{ f: { g: [{ h: 'a.1.e.0.f.g.0.h' }] } }, 'a.1.e.1'] },
-  //   ],
-  // };
-  // console.log(getDisplayValues(example));
+  return displayValues;
+};
 
+var useFormDisplayValues = function useFormDisplayValues() {
+  var form = (0,_formily_react__WEBPACK_IMPORTED_MODULE_0__.useForm)();
+  return getDisplayValues(form, form.values);
+};
 
-  return getDisplayValues(values);
+var getFormDisplayValues = function getFormDisplayValues(form) {
+  return getDisplayValues(form, form.values);
 };
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useFormDisplayValues);
+
 
 /***/ }),
 
@@ -60473,6 +60918,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   var schema = _ref.schema,
       scope = _ref.scope,
       components = _ref.components;
+  // 创建 SchemaField
   var SchemaField = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.createSchemaField)({
       components: _objectSpread(_objectSpread({}, _Components_ProField__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z), {}, {
@@ -60503,15 +60949,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         Text: _Components_Text_index__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z
       })
     });
-  }, []); // 合并schema中request的scope
+  }, []); // 合并 schema 中 request 的 scope
 
   var mergedScope = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return _objectSpread({}, scope);
-  }, [scope]); // 格式化schema
+  }, [scope]); // 格式化 schema
 
   var formatSchema = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (schema) {
     var schemaProperties = {};
-    schema.forEach(function (item) {
+    schema == null ? void 0 : schema.forEach(function (item) {
       var newItem = (0,_warning__WEBPACK_IMPORTED_MODULE_19__/* ["default"] */ .Z)(item);
       var _newItem = newItem,
           originalComponent = _newItem.component; // 根据component的不同，初始化为内置的item
@@ -60645,15 +61091,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     });
     return schemaProperties;
   }, [mergedScope]);
-  var schemaPro = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+  var proFormSchema = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return {
       type: 'object',
       properties: formatSchema(schema)
     };
-  }, []); // console.log(schemaPro);
+  }, []); // console.log(proFormSchema);
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SchemaField, {
-    schema: schemaPro,
+    schema: proFormSchema,
     components: components,
     scope: mergedScope
   });
@@ -61560,7 +62006,7 @@ var fieldTypeMap = {
 /* harmony export */   "cI": () => (/* reexport safe */ _formily_react__WEBPACK_IMPORTED_MODULE_3__.useForm),
 /* harmony export */   "h4": () => (/* reexport safe */ _Filter__WEBPACK_IMPORTED_MODULE_6__.h4),
 /* harmony export */   "aT": () => (/* reexport safe */ _Filter__WEBPACK_IMPORTED_MODULE_6__.aT),
-/* harmony export */   "ti": () => (/* reexport safe */ _Filter__WEBPACK_IMPORTED_MODULE_6__.ti),
+/* harmony export */   "ti": () => (/* reexport safe */ _Filter_index2__WEBPACK_IMPORTED_MODULE_7__.t),
 /* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _formily_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7186);
@@ -61570,7 +62016,8 @@ var fieldTypeMap = {
 /* harmony import */ var _ProForm_useFormDisplayValues__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(28927);
 /* harmony import */ var _ProForm_useFieldRequest__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(31345);
 /* harmony import */ var _Filter__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(19531);
-/* harmony import */ var _ProForm__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(44344);
+/* harmony import */ var _Filter_index2__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(90316);
+/* harmony import */ var _ProForm__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(44344);
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -61597,7 +62044,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var formilyReact = _objectSpread(_objectSpread({}, _formily_react__WEBPACK_IMPORTED_MODULE_3__), {}, {
   useFieldRequest: _ProForm_useFieldRequest__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z,
-  useFormDisplayValues: _ProForm_useFormDisplayValues__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z
+  useFormDisplayValues: _ProForm_useFormDisplayValues__WEBPACK_IMPORTED_MODULE_4__/* .useFormDisplayValues */ .s
 });
 
 
@@ -61615,12 +62062,13 @@ var formilyReact = _objectSpread(_objectSpread({}, _formily_react__WEBPACK_IMPOR
 
 
 
+
 /**
  * 导出 ProForm 组件，支持快速搭建表单
  */
 
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_ProForm__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_ProForm__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z);
 
 /***/ }),
 
@@ -62106,52 +62554,51 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "registerValidateLocale": () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_3__.Qe),
 /* harmony export */   "setValidateLanguage": () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_3__.dI),
 /* harmony export */   "useForm": () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_3__.cI),
-/* harmony export */   "ComponentConfiguratorMap": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.ComponentConfiguratorMap),
-/* harmony export */   "PageContainer": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PageContainer),
-/* harmony export */   "PageDefaultInitialValues": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PageDefaultInitialValues),
-/* harmony export */   "PageEditor": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PageEditor),
-/* harmony export */   "PageMap": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PageMap),
-/* harmony export */   "PagePlayground": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PagePlayground),
-/* harmony export */   "PageRenderer": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PageRenderer),
-/* harmony export */   "PlayGround": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PlayGround),
-/* harmony export */   "PlayGroundLayout": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.PlayGroundLayout),
-/* harmony export */   "initConfigurator": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_10__.initConfigurator),
-/* harmony export */   "EditableContainer": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.OP),
-/* harmony export */   "PageContainerContext": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.QU),
-/* harmony export */   "ProPageContainerFixedFooter": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.Nc),
-/* harmony export */   "Section": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.$0),
-/* harmony export */   "usePageContainer": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.Oy),
-/* harmony export */   "BaseSkeleton": () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_8__.aM),
-/* harmony export */   "ProSkeletonRaw": () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_8__.vR),
+/* harmony export */   "ComponentConfiguratorMap": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.ComponentConfiguratorMap),
+/* harmony export */   "PageContainer": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.PageContainer),
+/* harmony export */   "PageDefaultInitialValues": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.PageDefaultInitialValues),
+/* harmony export */   "PageEditor": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.PageEditor),
+/* harmony export */   "PageMap": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.PageMap),
+/* harmony export */   "PagePlayground": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.PagePlayground),
+/* harmony export */   "PageRenderer": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.PageRenderer),
+/* harmony export */   "PlayGround": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.PlayGround),
+/* harmony export */   "PlayGroundLayout": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.PlayGroundLayout),
+/* harmony export */   "initConfigurator": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_11__.initConfigurator),
+/* harmony export */   "EditableContainer": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_6__.OP),
+/* harmony export */   "PageContainerContext": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_6__.QU),
+/* harmony export */   "Section": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_6__.$0),
+/* harmony export */   "usePageContainer": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_6__.Oy),
+/* harmony export */   "BaseSkeleton": () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_9__.aM),
+/* harmony export */   "ProSkeletonRaw": () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_9__.vR),
 /* harmony export */   "version": () => (/* binding */ version),
 /* harmony export */   "ProAction": () => (/* reexport safe */ _actions__WEBPACK_IMPORTED_MODULE_0__.ZP),
 /* harmony export */   "ProCard": () => (/* reexport safe */ _card__WEBPACK_IMPORTED_MODULE_1__.ZP),
 /* harmony export */   "ProField": () => (/* reexport safe */ _field__WEBPACK_IMPORTED_MODULE_2__.Z),
 /* harmony export */   "ProForm": () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_3__.ZP),
-/* harmony export */   "ProInfo": () => (/* reexport safe */ _info__WEBPACK_IMPORTED_MODULE_4__.Z),
-/* harmony export */   "ProPageContainer": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_5__.ZP),
-/* harmony export */   "ProPageHeader": () => (/* reexport safe */ _page_header__WEBPACK_IMPORTED_MODULE_6__.Z),
-/* harmony export */   "ProSkeleton": () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_8__.ZP),
-/* harmony export */   "ProTable": () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_7__.Z),
-/* harmony export */   "hooks": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_13__.Z),
-/* harmony export */   "nocode": () => (/* reexport module object */ _nocode__WEBPACK_IMPORTED_MODULE_10__),
-/* harmony export */   "templates": () => (/* reexport module object */ _templates__WEBPACK_IMPORTED_MODULE_11__),
-/* harmony export */   "utils": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_9__.Z)
+/* harmony export */   "ProInfo": () => (/* reexport safe */ _info__WEBPACK_IMPORTED_MODULE_5__.Z),
+/* harmony export */   "ProPageContainer": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_6__.ZP),
+/* harmony export */   "ProPageHeader": () => (/* reexport safe */ _page_header__WEBPACK_IMPORTED_MODULE_7__.Z),
+/* harmony export */   "ProSkeleton": () => (/* reexport safe */ _skeleton__WEBPACK_IMPORTED_MODULE_9__.ZP),
+/* harmony export */   "ProTable": () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_8__.Z),
+/* harmony export */   "hooks": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.Z),
+/* harmony export */   "nocode": () => (/* reexport module object */ _nocode__WEBPACK_IMPORTED_MODULE_11__),
+/* harmony export */   "templates": () => (/* reexport module object */ _templates__WEBPACK_IMPORTED_MODULE_12__),
+/* harmony export */   "utils": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.Z)
 /* harmony export */ });
 /* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28758);
 /* harmony import */ var _card__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39465);
 /* harmony import */ var _field__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(75241);
 /* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89417);
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(28621);
-/* harmony import */ var _info__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(27872);
-/* harmony import */ var _page_container__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2781);
-/* harmony import */ var _page_header__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(79257);
-/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(18119);
-/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(53277);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(28570);
-/* harmony import */ var _nocode__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(59047);
-/* harmony import */ var _templates__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(3397);
-/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(89227);
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(28621);
+/* harmony import */ var _info__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(27872);
+/* harmony import */ var _page_container__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2781);
+/* harmony import */ var _page_header__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(79257);
+/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(18119);
+/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(53277);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(28570);
+/* harmony import */ var _nocode__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(59047);
+/* harmony import */ var _templates__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(3397);
+/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(89227);
 
 
 
@@ -62169,7 +62616,7 @@ __webpack_require__.r(__webpack_exports__);
 
  // 设置图标源
 
-_teamix_icon__WEBPACK_IMPORTED_MODULE_12__/* ["default"].setConfig */ .Z.setConfig(_utils__WEBPACK_IMPORTED_MODULE_9__/* ["default"].getTeamixIconConfig */ .Z.getTeamixIconConfig());
+_teamix_icon__WEBPACK_IMPORTED_MODULE_13__/* ["default"].setConfig */ .Z.setConfig(_utils__WEBPACK_IMPORTED_MODULE_10__/* ["default"].getTeamixIconConfig */ .Z.getTeamixIconConfig());
 
 
 
@@ -62181,7 +62628,7 @@ _teamix_icon__WEBPACK_IMPORTED_MODULE_12__/* ["default"].setConfig */ .Z.setConf
 
  // export * from './sidebar';
 
-var version = '1.2.7';
+var version = '1.2.11';
 
 
 /***/ }),
@@ -62196,10 +62643,10 @@ var version = '1.2.7';
 /* 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 _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(90557);
-/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(26245);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(28266);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(27872);
+/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(42341);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(28266);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(27872);
 var _excluded = ["children", "url", "method", "params", "formatResult", "onSuccess", "onError", "formatParams", "beforeRequest", "extendParams", "className", "compacted", "divider", "style", "backgroundColor", "context"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -62238,7 +62685,7 @@ var ProInfoGroup = function ProInfoGroup(props) {
       others = _objectWithoutPropertiesLoose(props, _excluded);
 
   var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
-  var size = (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(ref);
+  var size = (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_2__.useSize)(ref);
   var infoType = 'infoDom';
 
   if (Array.isArray(children)) {
@@ -62263,7 +62710,7 @@ var ProInfoGroup = function ProInfoGroup(props) {
     extendParams: extendParams,
     context: context
   };
-  var proInfoClassName = classnames__WEBPACK_IMPORTED_MODULE_2___default()({
+  var proInfoClassName = classnames__WEBPACK_IMPORTED_MODULE_3___default()({
     'teamix-pro-info-group-item': true,
     'teamix-pro-info-group-item-divider': divider
   });
@@ -62282,7 +62729,7 @@ var ProInfoGroup = function ProInfoGroup(props) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       className: proInfoClassName,
       key: index
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, _extends({
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, _extends({
       compacted: compacted
     }, item)));
   })), infoType === 'infoDom' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -63085,8 +63532,8 @@ var ProTableInfo = function ProTableInfo(props) {
 /* harmony import */ var _components_InfoGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7703);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(90557);
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(80653);
-/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(26245);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(42345);
+/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(42341);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(42345);
 var _excluded = ["type", "url", "method", "formatResult", "formatParams", "params", "actionRef", "header", "onSuccess", "onError", "beforeRequest", "extendParams", "className", "style", "columns", "layout", "dataSource", "loading", "extra", "context"],
     _excluded2 = ["context"];
 
@@ -63157,7 +63604,7 @@ var ProInfo = function ProInfo(props) {
 
 
   var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
-  var size = contextVisible ? contextSize : (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(ref);
+  var size = contextVisible ? contextSize : (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_7__.useSize)(ref);
 
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
       loading = _useState[0],
@@ -63238,7 +63685,7 @@ var ProInfo = function ProInfo(props) {
     ref: ref,
     className: "teamix-pro-info " + (className != null ? className : ''),
     style: style
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_7__.ProCard, _extends({
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_8__.ProCard, _extends({
     compacted: true,
     hoveredShadow: false,
     bordered: false,
@@ -64650,14 +65097,14 @@ var PageDefaultInitialValues = {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33049);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(23602);
-/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(89227);
-/* harmony import */ var _teamix_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(10377);
-/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
-/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28758);
-/* harmony import */ var _configurators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(91782);
-/* harmony import */ var _configurators_map__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(12320);
-/* harmony import */ var _playground__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(51036);
+/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(42341);
+/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89227);
+/* harmony import */ var _teamix_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10377);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80653);
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(28758);
+/* harmony import */ var _configurators__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(91782);
+/* harmony import */ var _configurators_map__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(12320);
+/* harmony import */ var _playground__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(51036);
 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); }
 
 
@@ -64670,7 +65117,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 
 
-var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.baseClass)('teamix-nocode');
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.baseClass)('teamix-nocode');
 var PagePlayground = function PagePlayground(props) {
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(undefined),
       selectedComponent = _useState[0],
@@ -64685,7 +65132,7 @@ var PagePlayground = function PagePlayground(props) {
       pageProps = _useState2[0],
       setPageProps = _useState2[1];
 
-  var setterAction = (0,_actions__WEBPACK_IMPORTED_MODULE_5__/* .useAction */ .BH)({
+  var setterAction = (0,_actions__WEBPACK_IMPORTED_MODULE_6__/* .useAction */ .BH)({
     type: 'drawer-form',
     initialValues: {
       pageProps: pageProps
@@ -64722,10 +65169,10 @@ var PagePlayground = function PagePlayground(props) {
     },
     pageProps: pageProps
   };
-  var maper = Object.assign({}, _configurators_map__WEBPACK_IMPORTED_MODULE_7__/* .ComponentConfiguratorMap */ .L, configuratorMap);
+  var maper = Object.assign({}, _configurators_map__WEBPACK_IMPORTED_MODULE_8__/* .ComponentConfiguratorMap */ .L, configuratorMap);
   var configurator = maper[selectedComponent == null ? void 0 : selectedComponent.component];
 
-  var _useDebounceFn = (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z)(function (values) {
+  var _useDebounceFn = (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_2__.useDebounceFn)(function (values) {
     var newValues = {};
     newValues[selectedComponent == null ? void 0 : selectedComponent.id] = Object.assign({}, values);
     var newPageProps = Object.assign({}, pageProps, newValues);
@@ -64741,12 +65188,12 @@ var PagePlayground = function PagePlayground(props) {
       return;
     }
 
-    return (0,_configurators__WEBPACK_IMPORTED_MODULE_6__/* .initConfigurator */ .N)(configurator.schema, configurator.initialValues, configurator.defaultValues);
+    return (0,_configurators__WEBPACK_IMPORTED_MODULE_7__/* .initConfigurator */ .N)(configurator.schema, configurator.initialValues, configurator.defaultValues);
   }, [configurator]);
   var pageKey = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return "page-" + Math.random();
   }, [pageProps]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_playground__WEBPACK_IMPORTED_MODULE_8__/* .PlayGroundLayout */ .a, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_playground__WEBPACK_IMPORTED_MODULE_9__/* .PlayGroundLayout */ .a, {
     component: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PageContainer, _extends({
       key: pageKey
     }, pageContainerProps)),
@@ -64756,13 +65203,13 @@ var PagePlayground = function PagePlayground(props) {
       onValuesChange: onConfiguratorValuesChange
     }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       className: cls('empty')
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_svg__WEBPACK_IMPORTED_MODULE_3__/* ["default"].NoData */ .Z.NoData, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_svg__WEBPACK_IMPORTED_MODULE_4__/* ["default"].NoData */ .Z.NoData, {
       width: 160,
       height: 160
     }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, "\u8BF7\u9009\u62E9\u4E00\u4E2A\u7EC4\u4EF6\u8FDB\u884C\u7F16\u8F91")),
     tools: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Balloon, {
       align: "l",
-      trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _extends({
+      trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, _extends({
         type: "set-line",
         size: "large"
       }, setterAction)),
@@ -64917,8 +65364,8 @@ var PageRenderer = function PageRenderer(props) {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(80653);
-/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(23602);
-/* harmony import */ var _configurators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(91782);
+/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(42341);
+/* harmony import */ var _configurators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(91782);
 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); }
 
 
@@ -64950,10 +65397,10 @@ var PlayGround = function PlayGround(props) {
     return "component-" + Math.random();
   }, [componentState]);
   var Configurator = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return (0,_configurators__WEBPACK_IMPORTED_MODULE_2__/* .initConfigurator */ .N)(configurator.schema, configurator.initialValues);
+    return (0,_configurators__WEBPACK_IMPORTED_MODULE_3__/* .initConfigurator */ .N)(configurator.schema, configurator.initialValues);
   }, [configurator]);
 
-  var _useDebounceFn = (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(function (values) {
+  var _useDebounceFn = (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_2__.useDebounceFn)(function (values) {
     setComponentState(values);
   }, {
     wait: 500
@@ -64980,7 +65427,6 @@ var PlayGround = function PlayGround(props) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "OP": () => (/* reexport safe */ _teamix_pro_page_container__WEBPACK_IMPORTED_MODULE_0__.OP),
 /* harmony export */   "QU": () => (/* reexport safe */ _teamix_pro_page_container__WEBPACK_IMPORTED_MODULE_0__.QU),
-/* harmony export */   "Nc": () => (/* reexport safe */ _teamix_pro_page_container__WEBPACK_IMPORTED_MODULE_0__.Nc),
 /* harmony export */   "$0": () => (/* reexport safe */ _teamix_pro_page_container__WEBPACK_IMPORTED_MODULE_0__.$0),
 /* harmony export */   "Oy": () => (/* reexport safe */ _teamix_pro_page_container__WEBPACK_IMPORTED_MODULE_0__.Oy),
 /* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__)
@@ -65009,13 +65455,13 @@ var PlayGround = function PlayGround(props) {
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(33049);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80653);
-/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(28758);
-/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(53277);
-/* harmony import */ var _info__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(27872);
+/* harmony import */ var _utils_components_tags__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(91936);
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(28758);
+/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(53277);
+/* harmony import */ var _info__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(27872);
 var _excluded = ["text", "children"],
-    _excluded2 = ["text", "children", "closable"],
-    _excluded3 = ["color", "title", "num", "className"],
-    _excluded4 = ["title", "description", "icon", "iconColor", "iconBackgroundType", "iconBackgroundColor", "goback", "operation", "extra", "image", "loading", "breadcrumb", "tags", "data", "info", "children", "className", "style"];
+    _excluded2 = ["color", "title", "num", "className"],
+    _excluded3 = ["title", "description", "icon", "iconColor", "iconBackgroundType", "iconBackgroundColor", "goback", "operation", "extra", "image", "loading", "breadcrumb", "tags", "data", "info", "children", "className", "style"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -65037,6 +65483,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.baseClass)('teamix-pro-page-header');
 
 var renderNav = function renderNav(breadcrumbs) {
@@ -65072,7 +65519,7 @@ var renderActionGroup = function renderActionGroup(group, defaultProps, buttonTy
         type: buttonType
       }, item);
     });
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_6__/* .ProActionGroup */ .d5, _extends({}, defaultProps, actionGroup, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_7__/* .ProActionGroup */ .d5, _extends({}, defaultProps, actionGroup, {
       actions: actions
     }));
   }
@@ -65080,40 +65527,6 @@ var renderActionGroup = function renderActionGroup(group, defaultProps, buttonTy
   return group;
 };
 
-var renderTags = function renderTags(tags) {
-  if (!tags) {
-    return null;
-  }
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_4__.Tag.Group, {
-    className: cls('tags')
-  }, tags.map(function (tag, i) {
-    // @ts-ignore
-    var text = tag.text,
-        children = tag.children,
-        closable = tag.closable,
-        others = _objectWithoutPropertiesLoose(tag, _excluded2);
-
-    if (closable) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_4__.Tag.Closeable, _extends({
-        key: i,
-        size: "large",
-        style: {
-          marginBottom: 0
-        }
-      }, others), text || children);
-    }
-
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_4__.Tag, _extends({
-      key: i,
-      size: "large",
-      style: {
-        marginBottom: 0
-      }
-    }, others), text || children);
-  }));
-};
-
 var isPresetColor = function isPresetColor(color) {
   if (!color) {
     return false;
@@ -65151,7 +65564,7 @@ var renderData = function renderData(data) {
         title = item.title,
         num = item.num,
         customClassName = item.className,
-        others = _objectWithoutPropertiesLoose(item, _excluded3);
+        others = _objectWithoutPropertiesLoose(item, _excluded2);
 
     var _getColorAndStyle = getColorAndStyle(color),
         className = _getColorAndStyle.className,
@@ -65171,7 +65584,7 @@ var renderData = function renderData(data) {
 
 var renderInfo = function renderInfo(info) {
   if (info != null && info.columns) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_info__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_info__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, _extends({
       type: "header"
     }, info));
   }
@@ -65199,7 +65612,7 @@ var ProPageHeader = function ProPageHeader(props) {
       children = props.children,
       className = props.className,
       style = props.style,
-      others = _objectWithoutPropertiesLoose(props, _excluded4);
+      others = _objectWithoutPropertiesLoose(props, _excluded3);
 
   var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_1__.useHistory)();
   var backgroundImage = image ? "url('" + image + "')" : undefined;
@@ -65217,12 +65630,22 @@ var ProPageHeader = function ProPageHeader(props) {
         iconClass = _getColorAndStyle2.className,
         iconStyle = _getColorAndStyle2.style;
 
-    var onBack = function onBack() {
+    var onBack = function onBack(e) {
+      if (!goback) {
+        return;
+      }
+
+      if (typeof goback === 'function') {
+        goback(e);
+        return;
+      }
+
       if (goback === true) {
         history.go(-1);
-      } else if (typeof goback === 'string') {
-        history.push && history.push(goback);
+        return;
       }
+
+      (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.goToLink)(goback, history);
     };
 
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, goback && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
@@ -65230,14 +65653,14 @@ var ProPageHeader = function ProPageHeader(props) {
       onClick: onBack,
       type: "return-line",
       size: "large"
-    }), icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+    }), icon && (typeof icon === 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
       className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(iconClass, cls('title-icon')),
       style: iconStyle,
       type: icon,
       size: "large"
-    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+    }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, icon)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
       className: cls('title-name')
-    }, title), renderTags(tags));
+    }, title), (0,_utils_components_tags__WEBPACK_IMPORTED_MODULE_6__/* .renderTags */ .a)(tags, 'large'));
   };
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("header", _extends({
@@ -65249,7 +65672,7 @@ var ProPageHeader = function ProPageHeader(props) {
     className: cls('section')
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("nav", {
     className: cls('nav')
-  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__/* .ProSkeletonRaw.Header.Nav */ .vR.Header.Nav, null), !loading && renderNav(breadcrumb)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
+  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_8__/* .ProSkeletonRaw.Header.Nav */ .vR.Header.Nav, null), !loading && renderNav(breadcrumb)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
     className: cls('extra')
   }, !loading && renderActionGroup(extra, {
     type: 'text',
@@ -65262,9 +65685,9 @@ var ProPageHeader = function ProPageHeader(props) {
     className: cls('left')
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
     className: cls('title')
-  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__/* .ProSkeletonRaw.Header.Title */ .vR.Header.Title, null), !loading && renderTitle()), description !== undefined && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
+  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_8__/* .ProSkeletonRaw.Header.Title */ .vR.Header.Title, null), !loading && renderTitle()), description !== undefined && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
     className: cls('description')
-  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__/* .ProSkeletonRaw.Header.Description */ .vR.Header.Description, null), !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, description))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
+  }, loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_8__/* .ProSkeletonRaw.Header.Description */ .vR.Header.Description, null), !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, description))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
     className: cls('right')
   }, data && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
     className: cls('data')
@@ -65272,7 +65695,7 @@ var ProPageHeader = function ProPageHeader(props) {
     className: cls('operation')
   }, !loading && renderActionGroup(operation)))), info && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
     className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(cls('section'), cls('info'))
-  }, !loading && renderInfo(info), loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_7__/* .ProSkeletonRaw.Info.Header */ .vR.Info.Header, null)), children);
+  }, !loading && renderInfo(info), loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_8__/* .ProSkeletonRaw.Info.Header */ .vR.Info.Header, null)), children);
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProPageHeader);
@@ -65485,7 +65908,7 @@ var Filter = function Filter(props) {
       btn: true
     }),
     onClick: function onClick() {
-      var _actionRef$current2, _actionRef$current$ge4, _actionRef$current3, _actionRef$current3$g, _actionRef$current4, _actionRef$current5, _objectSpread2, _actionRef$current6, _objectSpread3, _actionRef$current7;
+      var _actionRef$current2, _actionRef$current$ge4, _actionRef$current3, _actionRef$current3$g, _actionRef$current4, _actionRef$current5, _objectSpread2, _actionRef$current6, _objectSpread3, _actionRef$current7, _actionRef$current8;
 
       (_actionRef$current2 = actionRef.current) == null ? void 0 : _actionRef$current2.filterDataSource == null ? void 0 : _actionRef$current2.filterDataSource(column.dataIndex); // 先获取此列的param
 
@@ -65525,27 +65948,29 @@ var Filter = function Filter(props) {
       }, _objectSpread2))); // 发送请求
 
       (_actionRef$current6 = actionRef.current) == null ? void 0 : _actionRef$current6.request == null ? void 0 : _actionRef$current6.request(_objectSpread(_objectSpread({}, params), {}, (_objectSpread3 = {}, _objectSpread3[targetPageKey] = 1, _objectSpread3)));
-      (_actionRef$current7 = actionRef.current) == null ? void 0 : _actionRef$current7.resetPage == null ? void 0 : _actionRef$current7.resetPage();
+      (_actionRef$current7 = actionRef.current) == null ? void 0 : _actionRef$current7.resetPage == null ? void 0 : _actionRef$current7.resetPage(); // 清空表格选择
+
+      (_actionRef$current8 = actionRef.current) == null ? void 0 : _actionRef$current8.clearRowSelection == null ? void 0 : _actionRef$current8.clearRowSelection();
       setVisible(false);
     }
-  }, "\u786E\u5B9A"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Button, {
+  }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.getMessage)('ok')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Button, {
     type: "normal",
     size: "small",
     className: cls({
       btn: true
     }),
     onClick: function onClick() {
-      var _actionRef$current$ge5, _actionRef$current8, _actionRef$current8$g, _actionRef$current9, _objectSpread4, _actionRef$current10;
+      var _actionRef$current$ge5, _actionRef$current9, _actionRef$current9$g, _actionRef$current10, _objectSpread4, _actionRef$current11;
 
       setSelected([]);
-      var rules = (_actionRef$current$ge5 = (_actionRef$current8 = actionRef.current) == null ? void 0 : _actionRef$current8.getState == null ? void 0 : (_actionRef$current8$g = _actionRef$current8.getState()) == null ? void 0 : _actionRef$current8$g.filterRules) != null ? _actionRef$current$ge5 : {};
-      (_actionRef$current9 = actionRef.current) == null ? void 0 : _actionRef$current9.setFilterRules == null ? void 0 : _actionRef$current9.setFilterRules(_objectSpread(_objectSpread({}, rules), {}, (_objectSpread4 = {}, _objectSpread4[column.dataIndex] = {
+      var rules = (_actionRef$current$ge5 = (_actionRef$current9 = actionRef.current) == null ? void 0 : _actionRef$current9.getState == null ? void 0 : (_actionRef$current9$g = _actionRef$current9.getState()) == null ? void 0 : _actionRef$current9$g.filterRules) != null ? _actionRef$current$ge5 : {};
+      (_actionRef$current10 = actionRef.current) == null ? void 0 : _actionRef$current10.setFilterRules == null ? void 0 : _actionRef$current10.setFilterRules(_objectSpread(_objectSpread({}, rules), {}, (_objectSpread4 = {}, _objectSpread4[column.dataIndex] = {
         rules: [],
         params: ''
       }, _objectSpread4)));
-      (_actionRef$current10 = actionRef.current) == null ? void 0 : _actionRef$current10.filterDataSource == null ? void 0 : _actionRef$current10.filterDataSource(column.dataIndex); // setVisible(!visible);
+      (_actionRef$current11 = actionRef.current) == null ? void 0 : _actionRef$current11.filterDataSource == null ? void 0 : _actionRef$current11.filterDataSource(column.dataIndex); // setVisible(!visible);
     }
-  }, "\u91CD\u7F6E")))));
+  }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.getMessage)('reset'))))));
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Filter);
@@ -65627,7 +66052,16 @@ var Layout = function Layout(props) {
     var _actions;
 
     if (typeof mainAction === 'object' && (mainAction == null ? void 0 : (_actions = mainAction.actions) == null ? void 0 : _actions.length) > 0) {
-      // 默认 context
+      // 判断 actions 是否 visible 都为 false，是的话也不渲染
+      var isEmptyActions = mainAction == null ? void 0 : mainAction.actions.every(function (action) {
+        return (action == null ? void 0 : action.visible) === false;
+      });
+
+      if (isEmptyActions) {
+        return;
+      } // 默认 context
+
+
       var defaultContext = {
         action: actionRef.current,
         rowSelection: rowSelection
@@ -67117,8 +67551,7 @@ var ProTable = function ProTable(props) {
 
       if (props.onError) {
         props.onError(error);
-      } else {
-        _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Message.error(error.toString());
+      } else {// Message.error(error.toString());
       } // 重新计算是否需要吸底
 
 
@@ -67420,7 +67853,7 @@ var ProTable = function ProTable(props) {
 
     }),
     ref: tableRef
-  }, renderTable(), footerSuctionState && footerSuction && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_page_container__WEBPACK_IMPORTED_MODULE_15__/* ["default"].FixedFooter */ .ZP.FixedFooter, null, renderFooter()), !(footerSuctionState && footerSuction) && renderFooter()));
+  }, renderTable(), footerSuctionState && footerSuction && !fullscreenState && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_page_container__WEBPACK_IMPORTED_MODULE_15__/* ["default"].FixedFooter */ .ZP.FixedFooter, null, renderFooter()), !(footerSuctionState && footerSuction) && !fullscreenState && renderFooter(), fullscreenState && renderFooter()));
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProTable);
@@ -68051,6 +68484,65 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ 91936:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "a": () => (/* binding */ renderTags)
+/* 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 _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33049);
+/* 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);
+var _excluded = ["text", "children", "closable"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.baseClass)('teamix-pro-tags');
+var renderTags = function renderTags(tags, size) {
+  if (!tags || !tags.length) {
+    return null;
+  }
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Tag.Group, {
+    className: cls('')
+  }, tags.map(function (tag, i) {
+    // @ts-ignore
+    var text = tag.text,
+        children = tag.children,
+        closable = tag.closable,
+        others = _objectWithoutPropertiesLoose(tag, _excluded);
+
+    if (closable) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Tag.Closeable, _extends({
+        key: i,
+        size: size,
+        style: {
+          marginBottom: 0
+        }
+      }, others), text || children);
+    }
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Tag, _extends({
+      key: i,
+      size: size,
+      style: {
+        marginBottom: 0
+      }
+    }, others), text || children);
+  }));
+};
+
 /***/ }),
 
 /***/ 28570:
@@ -68166,11 +68658,126 @@ var isHTMLElement = function isHTMLElement(target) {
 
 /***/ }),
 
+/***/ 84678:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+var brandColor = [['snow', 'var(--color-white, #fff)'], ['b0', 'var(--color-brand1-1, #f0f7ff)'], ['b10', 'var(--color-brand1-2, #cae3fd)'], ['b20', 'var(--color-brand1-3, #90c0ef)'], ['b30', 'var(--color-brand1-4, #589ad8)'], ['b40', 'var(--color-brand1-5, #2a7dd1)'], ['b50', 'var(--color-brand1-6, #0064c8)'], ['b60', 'var(--color-brand1-7, #0057ad)'], ['b70', 'var(--color-brand1-8, #003e7c)'], ['b80', '#003263'], ['b90', '#002953']];
+var grey = [['g0', 'var(--color-fill1-2, #f7f7f7)'], ['g10', 'var(--color-line1-1, #eaeaea)'], ['g20', 'var(--color-line1-2, #d9d9d9)'], ['g30', 'var(--color-line1-3, #ccc)'], ['g40', 'var(--color-line1-5, #ababab)'], ['g50', 'var(--color-fill1-6, #848484)'], ['g60', 'var(--color-text1-2, #5a5a5a)'], ['g70', 'var(--color-text1-3, #333333)'], ['g80', 'var(--color-text1-5, #292929)'], ['g90', 'var(--color-text1-4, #1a1a1a)'], ['black', 'var(--color-black, #000)']];
+var error = [['r0', 'var(--color-error-1, #fff1f0)'], ['r10', 'var(--color-error-2, #fcceca)'], ['r20', 'var(--color-error-3, #f7aaa3)'], ['r30', 'var(--color-error-7, #f2887e)'], ['r40', 'var(--color-error-4, #ed675a)'], ['r50', 'var(--color-error-5, #e84738)'], ['r60', 'var(--color-error-6, #c43123)'], ['r70', '#A11F13'], ['r80', '#7D1207'], ['r90', '#520700']];
+var success = [['gn0', 'var(--color-success-1, #f0fff7)'], ['gn10', 'var(--color-success-2, #cdf8e1)'], ['gn20', 'var(--color-success-3, #90deb5)'], ['gn30', 'var(--color-success-7, #67cf98)'], ['gn40', 'var(--color-success-4, #43bf7d)'], ['gn50', 'var(--color-success-5, #22b066)'], ['gn60', 'var(--color-success-6, #159953)'], ['gn70', '#098243'], ['gn80', '#026B34'], ['gn90', '#005420']];
+var warning = [['o0', 'var(--color-warning-1, #fff8f0)'], ['o10', 'var(--color-warning-2, #ffe0bf)'], ['o20', 'var(--color-warning-3, #ffcd96)'], ['o30', 'var(--color-warning-7, #ffb96e)'], ['o40', 'var(--color-warning-4, #ffa544)'], ['o50', 'var(--color-warning-5, #f98e1a)'], ['o60', 'var(--color-warning-6, #cf7412)'], ['o70', '#A35A0A'], ['o80', '#774106'], ['o90', '#522A00']];
+var help = [['y0', 'var(--color-help-1, #fffcf0)'], ['y10', 'var(--color-help-2, #fff5c2)'], ['y20', 'var(--color-help-3, #ffee96)'], ['y30', 'var(--color-help-7, #ffe66b)'], ['y40', 'var(--color-help-4, #ffdf40)'], ['y50', 'var(--color-help-5, #fad414)'], ['y60', 'var(--color-help-6, #d1b10d)'], ['y70', '#A88E07'], ['y80', '#796702'], ['y90', '#524400']];
+var mention = [['p0', 'var(--color-mention-1, #f0f0ff)'], ['p10', 'var(--color-mention-2, #c9cbf5)'], ['p20', 'var(--color-mention-3, #afb2f0)'], ['p30', 'var(--color-mention-4, #969aeb)'], ['p40', 'var(--color-mention-5, #7e83e6)'], ['p50', 'var(--color-mention-6, #666ce0)'], ['p60', 'var(--color-mention-7, #4046bd)'], ['p70', 'var(--color-mention-8, #232999)'], ['p80', 'var(--color-mention-9, #0e1375)'], ['p90', 'var(--color-mention-10, #000452)']];
+var text = [['blue', 'var(--color-notice-5)'], ['green', 'var(--color-success-5)'], ['orange', 'var(--color-warning-5)'], ['red', 'var(--color-error-5)'], ['yellow', 'var(--color-help-5)'], ['purple', 'var(--color-mention-5)']];
+var colorMap = new Map([].concat(brandColor, grey, error, success, warning, help, mention, text));
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (colorMap);
+
+/***/ }),
+
+/***/ 6293:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "L": () => (/* binding */ getColor),
+/* harmony export */   "v": () => (/* binding */ getTagColor)
+/* harmony export */ });
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
+/* harmony import */ var _color__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(84678);
+/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(13943);
+
+
+
+/** 全局 color props */
+
+/**
+ * 获取颜色
+ * @param symbol 颜色色值
+ * @returns
+ */
+function getColor(symbol) {
+  var _getGlobalConfig;
+
+  // 全局 color
+  var globalColor = new Map(Object.entries((_getGlobalConfig = (0,___WEBPACK_IMPORTED_MODULE_0__.getGlobalConfig)('color')) != null ? _getGlobalConfig : {}));
+  var allColorMap = new Map([].concat(globalColor, _color__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z));
+  var value = allColorMap.get((symbol != null ? symbol : '').toLocaleLowerCase());
+  return value != null ? value : symbol;
+}
+/**
+ * 获取标签配置
+ * @param color 标签色值、状态
+ * @param type 标签类型 'tag' | 'progress' | 'statusIcon'
+ * @returns
+ */
+
+function getTagColor(color, type) {
+  var _mapper$type$color, _mapper$type;
+
+  var mapper = {
+    tag: _tag__WEBPACK_IMPORTED_MODULE_2__/* .tagMapper */ .En,
+    progress: _tag__WEBPACK_IMPORTED_MODULE_2__/* .progressMapper */ .mN,
+    statusIcon: _tag__WEBPACK_IMPORTED_MODULE_2__/* .statusIconMapper */ .yH
+  };
+  return (_mapper$type$color = mapper == null ? void 0 : (_mapper$type = mapper[type]) == null ? void 0 : _mapper$type[color]) != null ? _mapper$type$color : color;
+}
+
+/***/ }),
+
+/***/ 13943:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "En": () => (/* binding */ tagMapper),
+/* harmony export */   "mN": () => (/* binding */ progressMapper),
+/* harmony export */   "yH": () => (/* binding */ statusIconMapper)
+/* harmony export */ });
+var tagMapper = {
+  fail: 'error',
+  process: 'prompt',
+  pause: 'pause'
+};
+var progressMapper = {
+  fail: 'error',
+  process: 'normal',
+  pause: 'pause',
+  help: 'Y50',
+  warning: 'O50',
+  mention: 'P50'
+};
+var statusIconMapper = {
+  'cloud-running': {
+    icon: 'success-fill',
+    color: 'var(--color-success-5, #22b066)'
+  },
+  'cloud-stopped': {
+    icon: 'pause-fill',
+    color: 'var(--color-warning-5, #f98e1a)'
+  },
+  'cloud-fail': {
+    icon: 'prompt-fill',
+    color: 'var(--color-error-5, #e84738)'
+  },
+  'cloud-useless': {
+    icon: 'minus-fill',
+    color: 'var(--color-line1-5, #ababab)'
+  },
+  'cloud-loading': 'loading'
+};
+
+/***/ }),
+
 /***/ 60780:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "$": () => (/* binding */ resolveMaybePromiseMethod),
 /* harmony export */   "H": () => (/* binding */ doCommonRequest)
 /* harmony export */ });
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33049);
@@ -68186,13 +68793,12 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
 
 
-
-function resolveMaybePromiseMethod(fun) {
-  return new Promise(function (resolve) {
-    var res = fun();
+function resolveMaybePromiseMethod(fun, context) {
+  return new Promise(function (resolve, reject) {
+    var res = fun(context);
 
     if (res instanceof Promise) {
-      res.then(resolve);
+      res.then(resolve)["catch"](reject);
     } else {
       resolve(res);
     }
@@ -68302,25 +68908,34 @@ function doCommonRequest(config, context, history, extraParams) {
           switch (_context2.prev = _context2.next) {
             case 0:
               if (!beforeRequest) {
-                _context2.next = 7;
+                _context2.next = 13;
                 break;
               }
 
-              _context2.next = 3;
-              return resolveMaybePromiseMethod(beforeRequest);
+              _context2.prev = 1;
+              _context2.next = 4;
+              return resolveMaybePromiseMethod(beforeRequest, context);
 
-            case 3:
+            case 4:
               beforeRequestContext = _context2.sent;
+              _context2.next = 10;
+              break;
 
+            case 7:
+              _context2.prev = 7;
+              _context2.t0 = _context2["catch"](1);
+              beforeRequestContext = false;
+
+            case 10:
               if (!(beforeRequestContext === false)) {
-                _context2.next = 7;
+                _context2.next = 13;
                 break;
               }
 
               reject(false);
               return _context2.abrupt("return");
 
-            case 7:
+            case 13:
               requestContext = Object.assign({}, context, typeof beforeRequestContext === 'object' ? beforeRequestContext : {});
               paramsWithContext = Object.assign({}, extraParams, handleExtendParmas(extendParams, requestContext), params, data);
               reuqestParams = (0,_getTargetValue__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP)(paramsWithContext, requestContext);
@@ -68389,12 +69004,12 @@ function doCommonRequest(config, context, history, extraParams) {
                 reject(error);
               });
 
-            case 14:
+            case 20:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2);
+      }, _callee2, null, [[1, 7]]);
     }));
 
     return function (_x, _x2) {
@@ -68695,6 +69310,309 @@ var LabelIconTip = function LabelIconTip(_ref) {
 
 /***/ }),
 
+/***/ 75925:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+var dateFormatterDic = {
+  date: {
+    'zh-cn': {
+      all: 'YYYY年MM月DD日'
+    },
+    'zh-tw': {
+      all: 'YYYY年MM月DD日'
+    },
+    'en-us': {
+      all: 'MMM DD, YYYY'
+    }
+  },
+  dateRange: {
+    'zh-cn': {
+      all: 'YYYY年MM月DD日',
+      foldYear: 'MM月DD日',
+      foldMonth: 'DD日'
+    },
+    'zh-tw': {
+      all: 'YYYY年MM月DD日',
+      foldYear: 'MM月DD日',
+      foldMonth: 'DD日'
+    },
+    'en-us': {
+      all: 'MMM DD, YYYY'
+    }
+  },
+  dateWeek: {
+    'zh-cn': {
+      all: 'YYYY年WW周',
+      foldYear: 'WW周'
+    },
+    'zh-tw': {
+      all: 'YYYY年WW周'
+    },
+    'en-us': {
+      all: 'WW, YYYY'
+    }
+  },
+  dateWeekRange: {
+    'zh-cn': {
+      all: 'YYYY年WW周',
+      foldYear: 'WW周'
+    },
+    'zh-tw': {
+      all: 'YYYY年WW周',
+      foldYear: 'WW周'
+    },
+    'en-us': {
+      all: 'WW, YYYY'
+    }
+  },
+  dateMonth: {
+    'zh-cn': {
+      all: 'YYYY年MM月'
+    },
+    'zh-tw': {
+      all: 'YYYY年MM月'
+    },
+    'en-us': {
+      all: 'MMM, YYYY'
+    }
+  },
+  dateMonthRange: {
+    'zh-cn': {
+      all: 'YYYY年MM月',
+      foldYear: 'MM月'
+    },
+    'zh-tw': {
+      all: 'YYYY年MM月',
+      foldYear: 'MM月'
+    },
+    'en-us': {
+      all: 'MMM, YYYY'
+    }
+  },
+  dateYear: {
+    'zh-cn': {
+      all: 'YYYY年'
+    },
+    'zh-tw': {
+      all: 'YYYY年'
+    },
+    'en-us': {
+      all: 'YYYY'
+    }
+  },
+  dateYearRange: {
+    'zh-cn': {
+      all: 'YYYY年'
+    },
+    'zh-tw': {
+      all: 'YYYY年'
+    },
+    'en-us': {
+      all: 'YYYY'
+    }
+  },
+  dateQuarter: {
+    'zh-cn': {
+      all: 'YYYY年[Q]Q'
+    },
+    'zh-tw': {
+      all: 'YYYY年[Q]Q'
+    },
+    'en-us': {
+      all: '[Q]Q, YYYY'
+    }
+  },
+  dateQuarterRange: {
+    'zh-cn': {
+      all: 'YYYY年[Q]Q',
+      foldYear: '[Q]Q'
+    },
+    'zh-tw': {
+      all: 'YYYY年[Q]Q',
+      foldYear: '[Q]Q'
+    },
+    'en-us': {
+      all: '[Q]Q, YYYY'
+    }
+  },
+  dateTime: {
+    'zh-cn': {
+      all: 'YYYY年MM月DD日 HH:mm:ss'
+    },
+    'zh-tw': {
+      all: 'YYYY年MM月DD日 HH:mm:ss'
+    },
+    'en-us': {
+      all: 'MMM DD, YYYY, HH:mm:ss'
+    }
+  },
+  dateTimeRange: {
+    'zh-cn': {
+      all: 'YYYY年MM月DD日 HH:mm:ss'
+    },
+    'zh-tw': {
+      all: 'YYYY年MM月DD日 HH:mm:ss'
+    },
+    'en-us': {
+      all: 'MMM DD, YYYY, HH:mm:ss'
+    }
+  },
+  time: {
+    'zh-cn': {
+      all: 'HH:mm:ss'
+    },
+    'zh-tw': {
+      all: 'HH:mm:ss'
+    },
+    'en-us': {
+      all: 'HH:mm:ss'
+    }
+  },
+  timeRange: {
+    'zh-cn': {
+      all: 'HH:mm:ss'
+    },
+    'zh-tw': {
+      all: 'HH:mm:ss'
+    },
+    'en-us': {
+      all: 'HH:mm:ss'
+    }
+  }
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (dateFormatterDic);
+
+/***/ }),
+
+/***/ 21008:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "vc": () => (/* binding */ dateFormat),
+/* harmony export */   "Hf": () => (/* binding */ dateFoldFormat),
+/* harmony export */   "Cb": () => (/* binding */ customDateFormat),
+/* harmony export */   "mh": () => (/* binding */ getDateFormat),
+/* harmony export */   "Ui": () => (/* binding */ getFoldDateFormat)
+/* harmony export */ });
+/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73129);
+/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var dayjs_locale_en__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65010);
+/* harmony import */ var dayjs_locale_en__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(dayjs_locale_en__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var dayjs_locale_zh__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64476);
+/* harmony import */ var dayjs_locale_zh__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(dayjs_locale_zh__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80653);
+/* harmony import */ var _dateFormatterDic__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75925);
+
+
+
+
+
+
+var advancedFormat = __webpack_require__(19910);
+
+var isoWeek = __webpack_require__(17939);
+
+dayjs__WEBPACK_IMPORTED_MODULE_0___default().extend(isoWeek);
+dayjs__WEBPACK_IMPORTED_MODULE_0___default().extend(advancedFormat);
+var language = (0,___WEBPACK_IMPORTED_MODULE_3__.getLanguage)();
+/**
+ * 日期时间格式化（使用type支持自动国际化）
+ * @param date 日期
+ * @param type 格式化日期类型。参考 ProField 日期时间类型
+ * @param format 自定义格式化类型
+ * @returns 格式化完成的日期字符串
+ */
+
+function dateFormat(date, type, format) {
+  var _dateFormatterDic$typ, _dateFormatterDic$typ2, _dateFormatterDic$typ3;
+
+  if (format) {
+    return customDateFormat(date, format);
+  }
+
+  var result = dayjs__WEBPACK_IMPORTED_MODULE_0___default()(date).format((_dateFormatterDic$typ = _dateFormatterDic__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z == null ? void 0 : (_dateFormatterDic$typ2 = _dateFormatterDic__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z[type]) == null ? void 0 : (_dateFormatterDic$typ3 = _dateFormatterDic$typ2[language]) == null ? void 0 : _dateFormatterDic$typ3.all) != null ? _dateFormatterDic$typ : 'MMM DD, YYYY, HH:mm:ss');
+  return result === 'Invalid Date' ? date : result;
+}
+/**
+ * 折叠日期时间格式化（使用type支持自动国际化）
+ * @param date 日期数组
+ * @param type 格式化日期类型。参考 ProField range类 日期时间类型
+ * @returns 格式化完成的日期字符串数组
+ */
+
+function dateFoldFormat(date, type) {
+  var format = getFoldDateFormat(date, type);
+  return [customDateFormat(date == null ? void 0 : date[0], format == null ? void 0 : format[0]), customDateFormat(date == null ? void 0 : date[1], format == null ? void 0 : format[1])];
+}
+/**
+ * 自定义日期时间格式化
+ * @param date 日期
+ * @param format 格式化规则
+ * @returns 格式化完成的日期字符串
+ */
+
+function customDateFormat(date, format) {
+  var result = dayjs__WEBPACK_IMPORTED_MODULE_0___default()(date).format(format);
+  return result === 'Invalid Date' ? date : result;
+}
+/**
+ * 获取日期格式（仅格式）
+ * @param type 格式化日期类型。参考 ProField 日期时间类型
+ * @returns 格式
+ */
+
+function getDateFormat(type) {
+  var _dateFormatterDic$typ4;
+
+  var formatter = _dateFormatterDic__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z == null ? void 0 : (_dateFormatterDic$typ4 = _dateFormatterDic__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z[type]) == null ? void 0 : _dateFormatterDic$typ4[language];
+  return formatter.all;
+}
+/**
+ * 获取折叠日期格式（仅格式）
+ * @param date 日期时间数组
+ * @param type 格式化日期类型。参考 ProField range类 日期时间类型
+ * @returns 格式数组
+ */
+
+function getFoldDateFormat(date, type) {
+  var _dateFormatterDic$typ5;
+
+  var dateStart = dayjs__WEBPACK_IMPORTED_MODULE_0___default()(date[0]);
+  var dateLast = dayjs__WEBPACK_IMPORTED_MODULE_0___default()(date[1]);
+  var formatter = _dateFormatterDic__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z == null ? void 0 : (_dateFormatterDic$typ5 = _dateFormatterDic__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z[type]) == null ? void 0 : _dateFormatterDic$typ5[language];
+
+  if (type === 'dateRange') {
+    if (dateStart.year === dateLast.year) {
+      var _formatter$foldYear;
+
+      if (dateStart.month === dateLast.month) {
+        var _formatter$foldMonth;
+
+        return [formatter == null ? void 0 : formatter.all, (_formatter$foldMonth = formatter == null ? void 0 : formatter.foldMonth) != null ? _formatter$foldMonth : formatter == null ? void 0 : formatter.all];
+      }
+
+      return [formatter == null ? void 0 : formatter.all, (_formatter$foldYear = formatter == null ? void 0 : formatter.foldYear) != null ? _formatter$foldYear : formatter == null ? void 0 : formatter.all];
+    }
+  }
+
+  if (['dateWeekRange', 'dateMonthRange', 'dateQuarterRange'].includes(type)) {
+    if (dateStart.year === dateLast.year) {
+      var _formatter$foldYear2;
+
+      return [formatter == null ? void 0 : formatter.all, (_formatter$foldYear2 = formatter == null ? void 0 : formatter.foldYear) != null ? _formatter$foldYear2 : formatter == null ? void 0 : formatter.all];
+    }
+  }
+
+  return [formatter.all, formatter.all];
+}
+
+/***/ }),
+
 /***/ 46070:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -68977,6 +69895,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "setRequestConfig": () => (/* reexport safe */ _request__WEBPACK_IMPORTED_MODULE_9__.LF),
 /* harmony export */   "useRequest": () => (/* reexport safe */ _request__WEBPACK_IMPORTED_MODULE_9__.QT),
 /* harmony export */   "doCommonRequest": () => (/* reexport safe */ _common_request__WEBPACK_IMPORTED_MODULE_10__.H),
+/* harmony export */   "resolveMaybePromiseMethod": () => (/* reexport safe */ _common_request__WEBPACK_IMPORTED_MODULE_10__.$),
 /* harmony export */   "getLanguage": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_11__.G3),
 /* harmony export */   "getMessage": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_11__.FC),
 /* harmony export */   "getSourceLocale": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_11__.xL),
@@ -69001,19 +69920,27 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "getValueByValue": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_13__.BN),
 /* harmony export */   "listToTree": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_13__.OH),
 /* harmony export */   "paramMap": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_13__.ur),
+/* harmony export */   "treeToList": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_13__.iU),
 /* harmony export */   "getGlobalConfig": () => (/* reexport safe */ _globalConfig__WEBPACK_IMPORTED_MODULE_14__.Hi),
 /* harmony export */   "setGlobalConfig": () => (/* reexport safe */ _globalConfig__WEBPACK_IMPORTED_MODULE_14__.Qb),
 /* harmony export */   "updateGlobalConfig": () => (/* reexport safe */ _globalConfig__WEBPACK_IMPORTED_MODULE_14__.Hl),
-/* harmony export */   "uuid": () => (/* reexport safe */ _uuid__WEBPACK_IMPORTED_MODULE_15__.Z),
+/* harmony export */   "getColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_15__.L),
+/* harmony export */   "getTagColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_15__.v),
+/* harmony export */   "customDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_16__.Cb),
+/* harmony export */   "dateFoldFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_16__.Hf),
+/* harmony export */   "dateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_16__.vc),
+/* harmony export */   "getDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_16__.mh),
+/* harmony export */   "getFoldDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_16__.Ui),
+/* harmony export */   "uuid": () => (/* reexport safe */ _uuid__WEBPACK_IMPORTED_MODULE_17__.Z),
 /* harmony export */   "getTeamixIconConfig": () => (/* reexport safe */ _getTeamixIconConfig__WEBPACK_IMPORTED_MODULE_1__.Z),
 /* harmony export */   "LabelIconTip": () => (/* reexport safe */ _components_LabelIconTip__WEBPACK_IMPORTED_MODULE_2__.Z),
 /* harmony export */   "Header": () => (/* reexport safe */ _components_Header__WEBPACK_IMPORTED_MODULE_3__.Z),
-/* harmony export */   "getDeepValue": () => (/* reexport safe */ _getDeepValue__WEBPACK_IMPORTED_MODULE_16__.Z),
-/* harmony export */   "deepMerge": () => (/* reexport safe */ _deepMerge__WEBPACK_IMPORTED_MODULE_17__.Z),
+/* harmony export */   "getDeepValue": () => (/* reexport safe */ _getDeepValue__WEBPACK_IMPORTED_MODULE_18__.Z),
+/* harmony export */   "deepMerge": () => (/* reexport safe */ _deepMerge__WEBPACK_IMPORTED_MODULE_19__.Z),
 /* harmony export */   "getTargetValue": () => (/* reexport safe */ _getTargetValue__WEBPACK_IMPORTED_MODULE_4__.ZP),
 /* harmony export */   "registerCustomContext": () => (/* reexport safe */ _getTargetValue__WEBPACK_IMPORTED_MODULE_4__.Vn),
 /* harmony export */   "pickAttrs": () => (/* reexport safe */ _pickAttrs__WEBPACK_IMPORTED_MODULE_5__.Z),
-/* harmony export */   "pickProps": () => (/* reexport safe */ _pickProps__WEBPACK_IMPORTED_MODULE_18__.Z),
+/* harmony export */   "pickProps": () => (/* reexport safe */ _pickProps__WEBPACK_IMPORTED_MODULE_20__.Z),
 /* harmony export */   "usePrefixCls": () => (/* reexport safe */ _usePrefixCls__WEBPACK_IMPORTED_MODULE_6__.Z),
 /* harmony export */   "Ellipsis": () => (/* reexport safe */ _components_Ellipsis__WEBPACK_IMPORTED_MODULE_7__.Z),
 /* harmony export */   "baseClass": () => (/* binding */ baseClass)
@@ -69023,14 +69950,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _getTeamixIconConfig__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(67913);
 /* harmony import */ var _components_LabelIconTip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(25933);
 /* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(19152);
-/* harmony import */ var _getDeepValue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(2273);
-/* harmony import */ var _deepMerge__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(46070);
+/* harmony import */ var _getDeepValue__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(2273);
+/* harmony import */ var _deepMerge__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(46070);
 /* harmony import */ var _getTargetValue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(24618);
 /* harmony import */ var _pickAttrs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(95512);
-/* harmony import */ var _pickProps__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(9736);
+/* harmony import */ var _pickProps__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(9736);
 /* harmony import */ var _usePrefixCls__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(42326);
 /* harmony import */ var _components_Ellipsis__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(31302);
-/* harmony import */ var _uuid__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(46689);
+/* harmony import */ var _uuid__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(46689);
 /* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(91516);
 /* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(75159);
 /* harmony import */ var _common_request__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(60780);
@@ -69038,6 +69965,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _checkers__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(77981);
 /* harmony import */ var _paramMap__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(52842);
 /* harmony import */ var _globalConfig__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(74052);
+/* harmony import */ var _color__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(6293);
+/* harmony import */ var _date_time__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(21008);
 /// <reference path="../../../typings.d.ts" />
 
 
@@ -69057,6 +69986,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
 
 
 function baseClass(perfix) {
@@ -69146,8 +70077,11 @@ function goToLink(link, history) {
   density: 'Density',
   "default": 'Default',
   compact: 'Compact',
+  expand: 'Expand',
+  collapse: 'Collapse',
   expandAll: 'Expand all',
   collapseAll: 'Collapse all',
+  all: 'All',
   displayLevel: 'Display level',
   level: 'Level {level}',
   noData: 'No data',
@@ -69167,9 +70101,12 @@ function goToLink(link, history) {
   copyFailed: 'Copy failed',
   expandAdvancedFilter: 'Expand Advanced Filter',
   collapseAdvancedFilter: 'Collapse Advanced Filter',
+  advancedFilter: 'Advanced Filter',
   press: 'Press',
   toExitFullScreen: 'to exit fullscreen mode',
-  filter: 'Filter'
+  filter: 'Filter',
+  ok: 'OK',
+  cancel: 'Cancel'
 });
 
 /***/ }),
@@ -69250,8 +70187,11 @@ function getMessage(id, data) {
   density: '疏密度',
   "default": '默认',
   compact: '紧凑',
+  expand: '展开',
+  collapse: '收起',
   expandAll: '全部展开',
   collapseAll: '全部收起',
+  all: '全部',
   displayLevel: '展示层级',
   level: '{level}级',
   noData: '暂无数据',
@@ -69271,9 +70211,12 @@ function getMessage(id, data) {
   copyFailed: '复制失败',
   expandAdvancedFilter: '展开高级筛选',
   collapseAdvancedFilter: '收起高级筛选',
+  advancedFilter: '高级筛选',
   press: '按',
   toExitFullScreen: '即可退出全屏模式',
-  filter: '过滤器'
+  filter: '过滤器',
+  ok: '确定',
+  cancel: '取消'
 });
 
 /***/ }),
@@ -69302,8 +70245,11 @@ function getMessage(id, data) {
   density: '疏密度',
   "default": '默認',
   compact: '緊湊',
+  expand: '展開',
+  collapse: '收起',
   expandAll: '全部展開',
   collapseAll: '全部收起',
+  all: '全部',
   displayLevel: '展展示層級',
   level: '{level}級',
   noData: '暫無數據',
@@ -69323,9 +70269,12 @@ function getMessage(id, data) {
   copyFailed: '複製失敗',
   expandAdvancedFilter: '展開高級篩選',
   collapseAdvancedFilter: '收起高級篩選',
+  advancedFilter: '高級篩選',
   press: '按',
   toExitFullScreen: '即可退出全屏模式',
-  filter: '過濾器'
+  filter: '過濾器',
+  ok: '確定',
+  cancel: '取消'
 });
 
 /***/ }),
@@ -69337,7 +70286,8 @@ function getMessage(id, data) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "ur": () => (/* binding */ paramMap),
 /* harmony export */   "OH": () => (/* binding */ listToTree),
-/* harmony export */   "BN": () => (/* binding */ getValueByValue)
+/* harmony export */   "BN": () => (/* binding */ getValueByValue),
+/* harmony export */   "iU": () => (/* binding */ treeToList)
 /* harmony export */ });
 /* harmony import */ var _checkers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(77981);
 /* harmony import */ var _getDeepValue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2273);
@@ -69429,6 +70379,31 @@ var listToTree = function listToTree(list, root, aliasMap) {
 
   return treeList;
 };
+/**
+ * tree 扁平化
+ * @param dataSource tree 数据源
+ * @param childrenKey children key
+ * @returns
+ */
+
+
+var treeToList = function treeToList(dataSource, childrenKey) {
+  if (childrenKey === void 0) {
+    childrenKey = 'children';
+  }
+
+  var res = [];
+
+  var fn = function fn(dataSource) {
+    dataSource.forEach(function (item) {
+      res.push(item);
+      item[childrenKey] && item[childrenKey].length > 0 ? fn(item[childrenKey]) : '';
+    });
+  };
+
+  fn(dataSource);
+  return res;
+};
 /**
  * 从对象数组中根据输入key的值获取输出key的值
  * @param array: 目标数组