@teamix/pro 1.3.2 → 1.3.3

package/dist/pro.js

@@ -57030,6 +57030,11 @@ var SelectGroup = function SelectGroup(props) {
       loading = _useState4[0],
       setLoading = _useState4[1];
 
+  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(1),
+      _useState6 = _slicedToArray(_useState5, 2),
+      pageNumber = _useState6[0],
+      setPageNumber = _useState6[1];
+
   var _ref = valueAlias !== null && valueAlias !== void 0 ? valueAlias : {},
       _ref$value = _ref.value,
       valueAliasValue = _ref$value === void 0 ? 'value' : _ref$value,
@@ -57059,33 +57064,33 @@ var SelectGroup = function SelectGroup(props) {
   }; // 搜索框绑定值
 
 
-  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(defaultSearchValue),
-      _useState6 = _slicedToArray(_useState5, 2),
-      searchValue = _useState6[0],
-      setSearchValue = _useState6[1]; // dataSource 数据源
-
-
-  var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []),
+  var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(defaultSearchValue),
       _useState8 = _slicedToArray(_useState7, 2),
-      dataSource = _useState8[0],
-      setDataSource = _useState8[1]; // 全部的 dataSource
+      searchValue = _useState8[0],
+      setSearchValue = _useState8[1]; // dataSource 数据源
 
 
   var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []),
       _useState10 = _slicedToArray(_useState9, 2),
-      totalDataSource = _useState10[0],
-      setTotalDataSource = _useState10[1]; // 右侧 values 列表 展示当前的 key
+      dataSource = _useState10[0],
+      setDataSource = _useState10[1]; // 全部的 dataSource
 
 
-  var _useState11 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(getDataSourceValue(dataSource === null || dataSource === void 0 ? void 0 : dataSource[0])),
+  var _useState11 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []),
       _useState12 = _slicedToArray(_useState11, 2),
-      activeKey = _useState12[0],
-      setActiveKey = _useState12[1];
+      totalDataSource = _useState12[0],
+      setTotalDataSource = _useState12[1]; // 右侧 values 列表 展示当前的 key
+
 
-  var _useState13 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]),
+  var _useState13 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(getDataSourceValue(dataSource === null || dataSource === void 0 ? void 0 : dataSource[0])),
       _useState14 = _slicedToArray(_useState13, 2),
-      labelTag = _useState14[0],
-      setLabelTag = _useState14[1]; // 获取 select 中展示的标签
+      activeKey = _useState14[0],
+      setActiveKey = _useState14[1];
+
+  var _useState15 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]),
+      _useState16 = _slicedToArray(_useState15, 2),
+      labelTag = _useState16[0],
+      setLabelTag = _useState16[1]; // 获取 select 中展示的标签
 
 
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
@@ -57179,8 +57184,8 @@ var SelectGroup = function SelectGroup(props) {
     setSearchValue(value);
 
     if (!value) {
-      setDataSource(totalDataSource !== null && totalDataSource !== void 0 ? totalDataSource : []);
-      setActiveKey(getDataSourceValue(totalDataSource === null || totalDataSource === void 0 ? void 0 : totalDataSource[0]));
+      setDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []);
+      setActiveKey(getDataSourceValue(dataSourceProp === null || dataSourceProp === void 0 ? void 0 : dataSourceProp[0]));
       onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange(value);
       return;
     } // 前端搜索
@@ -57234,8 +57239,9 @@ var SelectGroup = function SelectGroup(props) {
   var onLoadMore = function onLoadMore() {
     if (loadMore && typeof loadMore === 'function') {
       setLoading(true);
-      loadMore().then(function (res) {
-        var newDataSource = dataSource.concat(res);
+      loadMore(pageNumber).then(function (res) {
+        var newDataSource = res.dataSource;
+        setPageNumber(res.pageNumber);
         setDataSource(newDataSource);
         setTotalDataSource(newDataSource);
         setLoading(false);
@@ -62640,14 +62646,16 @@ var useMain = function useMain(active) {
 }; // 筛选项数据
 
 
-var useFilterItems = function useFilterItems() {
+var useFilterItems = function useFilterItems(filterValues) {
   var schema = (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.useFieldSchema)();
   var filterItems = [];
   schema.mapProperties(function (schema, name) {
-    filterItems.push({
-      label: schema.title,
-      value: schema.name
-    });
+    if (!filterValues || filterValues && filterValues.includes(schema.name)) {
+      filterItems.push({
+        label: schema.title,
+        value: schema.name
+      });
+    }
   });
   return filterItems;
 }; // 是否输入框类型的组件
@@ -62665,12 +62673,13 @@ var isInputCategory = function isInputCategory(currentSchema) {
 var LightFilter = (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.observer)(function (props) {
   var _filterItems$, _main$;
 
-  var filterItems = useFilterItems();
   var size = props.size,
       defaultFilterValue = props.defaultFilterValue,
+      filterValues = props.filterValues,
       onFilterChange = props.onFilterChange,
       filterProps = props.filterProps,
       buttonProps = props.buttonProps;
+  var filterItems = useFilterItems(filterValues);
 
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(defaultFilterValue || ((_filterItems$ = filterItems[0]) == null ? void 0 : _filterItems$.value)),
       active = _useState[0],
@@ -63011,7 +63020,7 @@ var QueryFilterLayout = function QueryFilterLayout(_ref) {
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80653);
 /* harmony import */ var _ProForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(44344);
-var _excluded = ["form", "schema", "onSubmit", "onChange", "defaultFilterValue", "activeFilterValueRef"];
+var _excluded = ["form", "schema", "onSubmit", "onChange", "defaultFilterValue", "filterValues", "activeFilterValueRef"];
 
 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); }
 
@@ -63033,6 +63042,7 @@ var LightFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(funct
       onSubmit = props.onSubmit,
       onChange = props.onChange,
       defaultFilterValue = props.defaultFilterValue,
+      filterValues = props.filterValues,
       activeFilterValueRef = props.activeFilterValueRef,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -63055,17 +63065,24 @@ var LightFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(funct
   }, [form]); // 实际输出onFilter
 
   var onFilter = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
-    var _onChange;
+    var _Object$keys, _onChange;
 
     var key = filterValue.current;
-    var value = form.values[key];
-    onChange == null ? void 0 : onChange((_onChange = {}, _onChange[key] = value, _onChange));
+    var value = form.values[key]; // 删除旧值
+
+    (_Object$keys = Object.keys(form.values)) == null ? void 0 : _Object$keys.forEach(function (item) {
+      if (item !== key) {
+        form.setValuesIn(item, undefined);
+      }
+    });
+    onChange == null ? void 0 : onChange((_onChange = {}, _onChange[key] = value, _onChange), value, key);
   }, [onChange]);
   var LightSchema = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return [{
       component: 'LightFilter',
       props: {
         defaultFilterValue: defaultFilterValue,
+        filterValues: filterValues,
         onFilterChange: onFilterChange,
         buttonProps: {
           onClick: onFilter
@@ -63196,7 +63213,7 @@ var SimpleFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(func
     } else {
       onChange == null ? void 0 : onChange(values, name, value);
     }
-  }, [searchName, searchValue.current]);
+  }, [onChange, searchName, searchValue.current]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     var _props$form$initialVa, _props$form$initialVa2;
 
@@ -63244,7 +63261,7 @@ var SimpleFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(func
 /* harmony import */ var _AdvancedFilter__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(84051);
 /* harmony import */ var _Layout__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(48483);
 /* harmony import */ var _useSpecialProps__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(50667);
-var _excluded = ["addonAfter", "addonBefore", "mode", "purePanel", "expand", "formRef", "defaultFilterValue", "filterDebounce", "onFilter", "onInit", "onReset", "onExpand"];
+var _excluded = ["addonAfter", "addonBefore", "mode", "purePanel", "expand", "formRef", "defaultFilterValue", "filterValues", "filterDebounce", "onFilter", "onInit", "onReset", "onExpand", "onChange"];
 
 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); }
 
@@ -63282,11 +63299,13 @@ var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(funct
       expand = props.expand,
       formRef = props.formRef,
       defaultFilterValue = props.defaultFilterValue,
+      filterValues = props.filterValues,
       filterDebounce = props.filterDebounce,
       onFilter = props.onFilter,
       onInit = props.onInit,
       onReset = props.onReset,
       onExpand = props.onExpand,
+      onChange = props.onChange,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   var _useSpecialProps = (0,_useSpecialProps__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z)(props),
@@ -63370,6 +63389,7 @@ var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(funct
       if (!formRef.current.updateTags) {
         formRef.current.updateTags = function () {
           configFilterItem(form);
+          configTag();
         };
       }
     }
@@ -63543,7 +63563,13 @@ var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(funct
     return function (_x) {
       return _ref3.apply(this, arguments);
     };
-  }(), [onFilter, hasRequired, onInit]); // 轻量搜索Filter
+  }(), [onFilter, hasRequired, onInit]); // 简单搜索Change
+
+  var onSimpleChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (values, fieldValue, fieldName) {
+    if (currentForm.current === 'simple') {
+      onChange == null ? void 0 : onChange(values, fieldValue, fieldName);
+    }
+  }, [onChange]); // 轻量搜索Filter
 
   var onLightFilter = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (values) {
     if (currentForm.current === 'light') {
@@ -63561,7 +63587,13 @@ var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(funct
         configTag();
       }
     }
-  }, [onFilter]); // 高级搜索Filter by Submit
+  }, [onFilter]); // 轻量搜索Change
+
+  var onLightChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (values, fieldValue, fieldName) {
+    if (currentForm.current === 'light') {
+      onChange == null ? void 0 : onChange(values, fieldValue, fieldName);
+    }
+  }, [onChange]); // 高级搜索Filter
 
   var onAdvancedFilter = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (values) {
     setCurrentForm('advanced');
@@ -63581,9 +63613,9 @@ var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(funct
     lightForm.reset('*', {
       forceClear: true
     });
-  }, [onReset]); // 高级搜索Filter by Change
+  }, [onReset]); // 高级搜索Init
 
-  var onAdvancedChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)( /*#__PURE__*/function () {
+  var onAdvancedInit = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)( /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(values) {
       return regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
@@ -63628,7 +63660,13 @@ var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(funct
     return function (_x2) {
       return _ref4.apply(this, arguments);
     };
-  }(), [hasRequired, onInit]); // 关闭标签清空表单字段值
+  }(), [hasRequired, onInit]); // 高级搜索Change
+
+  var onAdvancedChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (values, fieldValue, fieldName) {
+    if (currentForm.current === 'advanced') {
+      onChange == null ? void 0 : onChange(values, fieldValue, fieldName);
+    }
+  }, [onChange]); // 关闭标签清空表单字段值
 
   var onTagClose = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (key, index) {
     var newValue = undefined;
@@ -63648,7 +63686,10 @@ var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(funct
     form.setState({
       loading: false
     });
-  }, []); // 组件挂载
+  }, []);
+  var debounceFun = lodash_debounce__WEBPACK_IMPORTED_MODULE_2___default()(function (fun, props) {
+    return fun(props);
+  }, filterDebounce); // 组件挂载
 
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     setCurrentForm(currentForm.current);
@@ -63665,20 +63706,30 @@ var QueryFilter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(funct
       )
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LightFilter__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, _extends({}, otherProps, {
       defaultFilterValue: defaultFilterValue,
+      filterValues: filterValues,
       activeFilterValueRef: activeFilterValueRef,
       form: lightForm,
-      onChange: lodash_debounce__WEBPACK_IMPORTED_MODULE_2___default()(onLightFilter, filterDebounce)
+      onChange: function onChange(values, fieldValue, fieldName) {
+        debounceFun(onLightFilter, values);
+        onLightChange(values, fieldValue, fieldName);
+      }
     }))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       className: prefixCls + "-inline"
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SimpleFilter__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, _extends({}, otherProps, {
       form: simpleForm,
-      onChange: lodash_debounce__WEBPACK_IMPORTED_MODULE_2___default()(onSimpleFilter, filterDebounce),
+      onChange: function onChange(values, fieldValue, fieldName) {
+        debounceFun(onSimpleFilter, values);
+        onSimpleChange(values, fieldValue, fieldName);
+      },
       onSubmit: onSimpleFilter,
       onInitialComplete: onInitialComplete
     }))),
     panelContent: mode === 'panel' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_AdvancedFilter__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, _extends({}, otherProps, {
       form: advancedForm,
-      onChange: lodash_debounce__WEBPACK_IMPORTED_MODULE_2___default()(onAdvancedChange, filterDebounce),
+      onChange: function onChange(values, fieldValue, fieldName) {
+        debounceFun(onAdvancedInit, values);
+        onAdvancedChange(values, fieldValue, fieldName);
+      },
       onSubmit: onAdvancedFilter,
       onReset: onAdvancedReset,
       onInitialComplete: onInitialComplete
@@ -64371,7 +64422,7 @@ var componentMap = (_componentMap = {
     return decorator;
   }
 
-  if ([].concat(Object.keys(_fieldTypeMap__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .ZP), ['Upload', 'ArrayCards', 'ArrayCollapse', 'ArrayTable', 'ArrayItems']).includes(component)) {
+  if ([].concat(Object.keys(_fieldTypeMap__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .ZP), ['Upload', 'SelectTable', 'ArrayCards', 'ArrayCollapse', 'ArrayTable', 'ArrayItems']).includes(component)) {
     return 'FormItem';
   }
 
@@ -64434,11 +64485,8 @@ var typeMap = (_typeMap = {
   Range: 'string',
   Search: 'array',
   SelectGroup: 'array',
-  ArrayCollapse: 'array',
-  ArrayCards: 'array',
-  ArrayTable: 'array',
-  ArrayItems: 'array'
-}, _typeMap['Editable.Popover'] = 'object', _typeMap['Editable.Dialog'] = 'object', _typeMap['Editable.Drawer'] = 'object', _typeMap);
+  SelectTable: 'array'
+}, _typeMap['SelectTable.Column'] = 'string', _typeMap.ArrayCollapse = 'array', _typeMap.ArrayCards = 'array', _typeMap.ArrayTable = 'array', _typeMap.ArrayItems = 'array', _typeMap['Editable.Popover'] = 'object', _typeMap['Editable.Dialog'] = 'object', _typeMap['Editable.Drawer'] = 'object', _typeMap);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (function (type, component) {
   return type || typeMap[component] || 'void';
 });
@@ -64470,19 +64518,21 @@ var typeMap = (_typeMap = {
 /* harmony import */ var _initializeReactions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(88111);
 /* harmony import */ var _initializeDataSource__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(8565);
 /* harmony import */ var _initializeRules__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(30206);
-/* harmony import */ var _initializeArrayCards__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(24112);
-/* harmony import */ var _initializeArrayCollapse__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(68018);
-/* harmony import */ var _initializeArrayTable__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(49174);
-/* harmony import */ var _initializeArrayItems__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(16795);
+/* harmony import */ var _initializeArrayCards__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(24112);
+/* harmony import */ var _initializeArrayCollapse__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(68018);
+/* harmony import */ var _initializeArrayTable__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(49174);
+/* harmony import */ var _initializeArrayItems__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(16795);
 /* harmony import */ var _initializeFormButton__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(58741);
-/* harmony import */ var _initializeFormGroup__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(80734);
-/* harmony import */ var _initializeFormStep__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(31763);
-/* harmony import */ var _initializeFormTab__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(9201);
-/* harmony import */ var _initializeFormCollapse__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(61739);
+/* harmony import */ var _initializeFormGroup__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(80734);
+/* harmony import */ var _initializeFormStep__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(31763);
+/* harmony import */ var _initializeFormTab__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(9201);
+/* harmony import */ var _initializeFormCollapse__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(61739);
+/* harmony import */ var _initializeSelectTable__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(33873);
 /* harmony import */ var _reactions__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(33650);
 /* harmony import */ var _fieldTypeMap__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(59687);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(51344);
-/* harmony import */ var _warning__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(27324);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(80653);
+/* harmony import */ var _warning__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(27324);
 var _excluded = ["component", "type", "name", "decorator", "decoratorProps", "dataSource", "reactions", "rules", "children", "items", "tooltip", "request", "data"];
 
 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; }
@@ -64519,6 +64569,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
+
 
 
 
@@ -64526,10 +64578,16 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   var schema = _ref.schema,
       scope = _ref.scope,
       components = _ref.components;
-  // 创建 SchemaField
+
+  // 获取全局配置
+  var _ref2 = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_20__.getGlobalConfig)('ProForm') || {},
+      globalComponents = _ref2.components,
+      globalScope = _ref2.scope; // 创建 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), {}, {
+      components: _objectSpread(_objectSpread(_objectSpread({}, globalComponents), _Components_ProField__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z), {}, {
         FormLayout: _teamix_formily__WEBPACK_IMPORTED_MODULE_3__.FormLayout,
         FormItem: _teamix_formily__WEBPACK_IMPORTED_MODULE_3__.FormItem,
         ArrayCollapse: _teamix_formily__WEBPACK_IMPORTED_MODULE_3__.ArrayCollapse,
@@ -64552,6 +64610,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         EditablePopover: _Components_Editable__WEBPACK_IMPORTED_MODULE_5__/* .EditablePopover */ .j4,
         FormGroup: _Components_FormGroup__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z,
         Upload: _teamix_formily__WEBPACK_IMPORTED_MODULE_3__.Upload,
+        SelectTable: _teamix_formily__WEBPACK_IMPORTED_MODULE_3__.SelectTable,
         Affix: _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Affix,
         LightFilter: _Components_LightFilter__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z,
         Text: _Components_Text_index__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z
@@ -64560,7 +64619,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   }, []); // 合并 schema 中 request 的 scope
 
   var mergedScope = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return _objectSpread(_objectSpread({}, scope), {}, {
+    return _objectSpread(_objectSpread(_objectSpread({}, globalScope), scope), {}, {
       $request: _reactions__WEBPACK_IMPORTED_MODULE_17__/* .$request */ .bE,
       $common: _reactions__WEBPACK_IMPORTED_MODULE_17__/* .$common */ .Wn,
       $dataSource: _reactions__WEBPACK_IMPORTED_MODULE_17__/* .$dataSource */ .Sv,
@@ -64576,7 +64635,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     var schemaProperties = {};
     schema == null ? void 0 : schema.forEach(function (item, index) {
       var suffix = "" + parentSuffix + index;
-      var newItem = (0,_warning__WEBPACK_IMPORTED_MODULE_20__/* ["default"] */ .Z)(item);
+      var newItem = (0,_warning__WEBPACK_IMPORTED_MODULE_21__/* ["default"] */ .Z)(item);
       var _newItem = newItem,
           originalComponent = _newItem.component; // 根据component的不同，初始化为内置的item
 
@@ -64596,42 +64655,47 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
         if (['ArrayCards'].includes(originalComponent)) {
-          newItem = (0,_initializeArrayCards__WEBPACK_IMPORTED_MODULE_21__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeArrayCards__WEBPACK_IMPORTED_MODULE_22__/* ["default"] */ .Z)(newItem);
         } // 初始化高级组件 - ArrayCollapse
 
 
         if (['ArrayCollapse'].includes(originalComponent)) {
-          newItem = (0,_initializeArrayCollapse__WEBPACK_IMPORTED_MODULE_22__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeArrayCollapse__WEBPACK_IMPORTED_MODULE_23__/* ["default"] */ .Z)(newItem);
         } // 初始化高级组件 - ArrayTable
 
 
         if (['ArrayTable'].includes(originalComponent)) {
-          newItem = (0,_initializeArrayTable__WEBPACK_IMPORTED_MODULE_23__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeArrayTable__WEBPACK_IMPORTED_MODULE_24__/* ["default"] */ .Z)(newItem);
         } // 初始化高级组件 - ArrayItems
 
 
         if (['ArrayItems'].includes(originalComponent)) {
-          newItem = (0,_initializeArrayItems__WEBPACK_IMPORTED_MODULE_24__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeArrayItems__WEBPACK_IMPORTED_MODULE_25__/* ["default"] */ .Z)(newItem);
         } // 初始化布局组件 - FormStep
 
 
         if (['FormStep'].includes(originalComponent)) {
-          newItem = (0,_initializeFormStep__WEBPACK_IMPORTED_MODULE_25__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeFormStep__WEBPACK_IMPORTED_MODULE_26__/* ["default"] */ .Z)(newItem);
         } // 初始化布局组件 - FormGroup
 
 
         if (['FormGroup'].includes(originalComponent)) {
-          newItem = (0,_initializeFormGroup__WEBPACK_IMPORTED_MODULE_26__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeFormGroup__WEBPACK_IMPORTED_MODULE_27__/* ["default"] */ .Z)(newItem);
         } // 初始化布局组件 - FormTab
 
 
         if (['FormTab'].includes(originalComponent)) {
-          newItem = (0,_initializeFormTab__WEBPACK_IMPORTED_MODULE_27__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeFormTab__WEBPACK_IMPORTED_MODULE_28__/* ["default"] */ .Z)(newItem);
         } // 初始化布局组件 - FormCollapse
 
 
         if (['FormCollapse'].includes(originalComponent)) {
-          newItem = (0,_initializeFormCollapse__WEBPACK_IMPORTED_MODULE_28__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeFormCollapse__WEBPACK_IMPORTED_MODULE_29__/* ["default"] */ .Z)(newItem);
+        } // 初始化选择表格 - SelectTable
+
+
+        if (['SelectTable'].includes(originalComponent)) {
+          newItem = (0,_initializeSelectTable__WEBPACK_IMPORTED_MODULE_30__/* ["default"] */ .Z)(newItem);
         }
       }
 
@@ -64682,9 +64746,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
       var defaultReactions = (0,_initializeReactions__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z)(reactions, [].concat(requestReactions, dataSourceReactions)); // 合并scope
 
-      Object.entries(_objectSpread(_objectSpread(_objectSpread({}, requestScope), dataSourceScope), rulesScope)).map(function (_ref2) {
-        var k = _ref2[0],
-            v = _ref2[1];
+      Object.entries(_objectSpread(_objectSpread(_objectSpread({}, requestScope), dataSourceScope), rulesScope)).map(function (_ref3) {
+        var k = _ref3[0],
+            v = _ref3[1];
         mergedScope[k] = v;
       });
       var formatParam = (0,_utils__WEBPACK_IMPORTED_MODULE_19__/* .mapSchemaName */ .Uk)(_objectSpread(_objectSpread({}, otherProps), {}, {
@@ -65470,6 +65534,52 @@ var initializeRules = function initializeRules(rules, suffix) {
 
 /***/ }),
 
+/***/ 33873:
+/***/ ((__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 _excluded = ["name", "title", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var initializeTableColumn = function initializeTableColumn(item) {
+  var name = item.name,
+      title = item.title,
+      children = item.children,
+      otherProps = _objectWithoutPropertiesLoose(item, _excluded);
+
+  return {
+    name: name,
+    title: title,
+    component: 'SelectTable.Column',
+    children: children,
+    props: _objectSpread({}, otherProps)
+  };
+};
+
+var initialize = function initialize(item) {
+  var _item$children = item.children,
+      children = _item$children === void 0 ? [] : _item$children;
+  return _objectSpread(_objectSpread({}, item), {}, {
+    children: children.map(function (item) {
+      return initializeTableColumn(item);
+    })
+  });
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (initialize);
+
+/***/ }),
+
 /***/ 33650:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -65495,6 +65605,7 @@ var $request = function $request(field, requestConfig, context, type) {
 
   var params = requestConfig.params,
       beforeRequest = requestConfig.beforeRequest,
+      formatResult = requestConfig.formatResult,
       onSuccess = requestConfig.onSuccess;
   var beforeRequestResult = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.isFn)(beforeRequest) ? beforeRequest(field, context) : {};
   /**
@@ -65509,6 +65620,9 @@ var $request = function $request(field, requestConfig, context, type) {
     beforeRequest: function beforeRequest() {
       return beforeRequestResult;
     },
+    formatResult: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.isFn)(formatResult) ? function (res) {
+      return formatResult(res, field, context);
+    } : formatResult,
     onSuccess: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.isFn)(onSuccess) ? function (res) {
       return onSuccess(res, field, context);
     } : onSuccess
@@ -65540,9 +65654,6 @@ var $dataSource = function $dataSource(services, requestConfig, context) {
     field.setState({
       loading: true
     });
-    field.setComponentProps({
-      readOnly: true
-    });
     return services(field, requestConfig, context, 'dataSource').then(function (res) {
       var isValueInDataSource = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getValueByValue)(res, field.value);
       var clearValue = isValueInDataSource ? {} : {
@@ -65552,17 +65663,11 @@ var $dataSource = function $dataSource(services, requestConfig, context) {
         dataSource: res,
         loading: false
       }, clearValue));
-      field.setComponentProps({
-        readOnly: false
-      });
       return requestConfig.onComplete == null ? void 0 : requestConfig.onComplete(res, field, context);
     })["catch"](function () {
       field.setState({
         loading: false
       });
-      field.setComponentProps({
-        readOnly: false
-      });
     });
   };
 };
@@ -66022,9 +66127,16 @@ var mapStatus = function mapStatus(props, field) {
     return state;
   };
 
-  return _objectSpread(_objectSpread({}, props), {}, {
-    state: takeState(props.state) || takeStatus()
-  });
+  var state = takeState(props.state) || takeStatus();
+  var result = {
+    state: state
+  }; // 当组件处于loading状态时，仅可读不可写。
+
+  if (state === 'loading') {
+    result.readOnly = true;
+  }
+
+  return _objectSpread(_objectSpread({}, props), result);
 };
 
 var patchDataSource = function patchDataSource(dataSource) {
@@ -66044,7 +66156,7 @@ var patchDataSource = function patchDataSource(dataSource) {
     return result;
   };
 
-  return dataSource.map(removeEmptyChildren);
+  return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.isArr)(dataSource) ? dataSource.map(removeEmptyChildren) : [];
 };
 
 var mapDataSource = function mapDataSource(props, field) {
@@ -66224,6 +66336,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 */   "CapsuleTab": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.FC),
 /* harmony export */   "Ellipsis": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.mH),
 /* harmony export */   "Header": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.h4),
 /* harmony export */   "LabelIconTip": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.Gx),
@@ -66244,7 +66357,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "getFoldDateFormat": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.Ui),
 /* harmony export */   "getGlobalConfig": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.Hi),
 /* harmony export */   "getLanguage": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.G3),
-/* harmony export */   "getMessage": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.FC),
+/* harmony export */   "getMessage": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.On),
 /* harmony export */   "getSourceLocale": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.xL),
 /* harmony export */   "getTagColor": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.vm),
 /* harmony export */   "getTargetValue": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.cd),
@@ -66355,7 +66468,7 @@ _teamix_icon__WEBPACK_IMPORTED_MODULE_14__/* ["default"].setConfig */ .Z.setConf
  // export * from './sidebar';
 
 
-var version = '1.3.2';
+var version = '1.3.3';
 
 
 /***/ }),
@@ -69223,7 +69336,7 @@ var PlayGround = function PlayGround(props) {
 /* harmony import */ var _info__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(27872);
 var _excluded = ["text", "children"],
     _excluded2 = ["color", "title", "num", "className"],
-    _excluded3 = ["title", "description", "icon", "iconColor", "iconBackgroundType", "iconBackgroundColor", "goback", "operation", "extra", "image", "loading", "breadcrumb", "tags", "data", "info", "children", "className", "style"];
+    _excluded3 = ["title", "description", "icon", "iconColor", "iconBackgroundType", "iconBackgroundColor", "goback", "operation", "extra", "image", "loading", "breadcrumb", "tags", "data", "info", "children", "className", "style", "tabs"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -69348,6 +69461,14 @@ var renderInfo = function renderInfo(info) {
   return info;
 };
 
+var renderTabs = function renderTabs(tabs) {
+  if (tabs) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.CapsuleTab, tabs);
+  }
+
+  return null;
+};
+
 var ProPageHeader = function ProPageHeader(props) {
   var title = props.title,
       description = props.description,
@@ -69368,6 +69489,7 @@ var ProPageHeader = function ProPageHeader(props) {
       children = props.children,
       className = props.className,
       style = props.style,
+      tabs = props.tabs,
       others = _objectWithoutPropertiesLoose(props, _excluded3);
 
   var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_1__.useHistory)();
@@ -69416,7 +69538,7 @@ var ProPageHeader = function ProPageHeader(props) {
       size: "large"
     }) : /*#__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), (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.renderTags)(tags, 'large'));
+    }, title), (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.renderTags)(tags, 'large'), renderTabs(tabs != null ? tabs : {}));
   };
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("header", _extends({
@@ -73240,6 +73362,7 @@ ProTimeline.Item = _ProTimeLineItem__WEBPACK_IMPORTED_MODULE_2__/* ["default"] *
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "FC": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.CapsuleTab),
 /* harmony export */   "mH": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.Ellipsis),
 /* harmony export */   "h4": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.Header),
 /* harmony export */   "Gx": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.LabelIconTip),
@@ -73260,7 +73383,7 @@ ProTimeline.Item = _ProTimeLineItem__WEBPACK_IMPORTED_MODULE_2__/* ["default"] *
 /* harmony export */   "Ui": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getFoldDateFormat),
 /* harmony export */   "Hi": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getGlobalConfig),
 /* harmony export */   "G3": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getLanguage),
-/* harmony export */   "FC": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getMessage),
+/* harmony export */   "On": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getMessage),
 /* harmony export */   "xL": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getSourceLocale),
 /* harmony export */   "vm": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getTagColor),
 /* harmony export */   "cd": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getTargetValue),
@@ -73882,6 +74005,177 @@ function doCommonRequest(config, context, history, extraParams) {
 
 /***/ }),
 
+/***/ 404:
+/***/ ((__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 _teamix_icon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(89227);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(28266);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80653);
+
+
+
+
+
+var cls = (0,_index__WEBPACK_IMPORTED_MODULE_3__.baseClass)('teamix-pro-capsule-tab-item');
+
+var CapsuleTabItem = function CapsuleTabItem(props) {
+  var activeTabKey = props.activeTabKey,
+      tabKey = props.tabKey,
+      icon = props.icon,
+      text = props.text,
+      disabled = props.disabled,
+      onChange = props.onChange,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'medium' : _props$size,
+      _props$isLastChild = props.isLastChild,
+      isLastChild = _props$isLastChild === void 0 ? false : _props$isLastChild;
+  console.log(props);
+
+  var renderIcon = function renderIcon(icon) {
+    if (typeof icon === 'string') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+      type: icon,
+      size: size
+    });
+    return icon;
+  };
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(cls({
+      '': true,
+      normal: !(tabKey === activeTabKey || disabled),
+      active: tabKey === activeTabKey,
+      disabled: disabled
+    })),
+    onClick: function onClick() {
+      if (disabled) return;
+      onChange == null ? void 0 : onChange(tabKey);
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(cls({
+      content: true,
+      'content-medium': size === 'medium',
+      'content-small': size === 'small'
+    }))
+  }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(cls('content-icon'))
+  }, renderIcon(icon)), text && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(cls('content-text'))
+  }, text)), !isLastChild && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(cls('divider'))
+  }));
+};
+
+CapsuleTabItem.displayName = 'CapsuleTabItem';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CapsuleTabItem);
+
+/***/ }),
+
+/***/ 42875:
+/***/ ((__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 _components_CapsuleTabItem_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(404);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+
+
+var CapsuleTab = function CapsuleTab(props) {
+  var items = props.items,
+      activeKey = props.activeKey,
+      defaultActiveKey = props.defaultActiveKey,
+      size = props.size,
+      children = props.children,
+      onChange = props.onChange;
+
+  var getActiveKey = function getActiveKey() {
+    if (activeKey) return activeKey;else if (defaultActiveKey) return defaultActiveKey;else if (items) {
+      return items != null && items[0].tabKey ? items == null ? void 0 : items[0].tabKey : '0';
+    } else if (children) {
+      return children != null && children[0].props.tabKey ? children == null ? void 0 : children[0].props.tabKey : '0';
+    }
+    return '';
+  };
+
+  var getChildrenLength = function getChildrenLength() {
+    if (items) {
+      return items.length;
+    } else if (children) {
+      return children.length;
+    }
+  };
+
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(getActiveKey()),
+      activeTabKey = _useState[0],
+      setActiveTabKey = _useState[1];
+
+  var onTabChange = function onTabChange(key) {
+    if (activeTabKey !== key) {
+      onChange == null ? void 0 : onChange(key);
+    }
+
+    if (activeKey) return;
+    setActiveTabKey(key);
+  };
+
+  var renderChildren = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return react__WEBPACK_IMPORTED_MODULE_0___default().Children.map(children, function (child, index) {
+      var childElement = child;
+      var displayName = childElement.type.displayName;
+
+      if (displayName === 'CapsuleTabItem') {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(childElement, {
+          isLastChild: index === getChildrenLength() - 1,
+          activeTabKey: activeTabKey,
+          onChange: onTabChange,
+          size: size,
+          tabKey: children != null && children[index].props.tabKey ? children == null ? void 0 : children[index].props.tabKey : index.toString()
+        });
+      }
+
+      console.error('Warning: CapsuleTab has a child which is not a CapsuleTabItem component');
+    });
+  }, [children, activeTabKey, size, onChange]);
+  var renderItem = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    if (items) {
+      return items.map(function (item, index) {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_CapsuleTabItem_index__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, _extends({
+          isLastChild: index === getChildrenLength() - 1,
+          key: index
+        }, item, {
+          tabKey: item.tabKey ? item.tabKey : index.toString(),
+          activeTabKey: activeTabKey,
+          onChange: onTabChange,
+          size: size
+        }));
+      });
+    } else {
+      return renderChildren;
+    }
+  }, [items, activeTabKey, size, onChange]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: "teamix-pro-capsule-tab"
+  }, renderItem());
+};
+
+CapsuleTab.Item = _components_CapsuleTabItem_index__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CapsuleTab);
+
+/***/ }),
+
 /***/ 31302:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -75059,71 +75353,72 @@ function getGlobalConfig(key) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "goToLink": () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_10__.i),
-/* harmony export */   "request": () => (/* reexport safe */ _request__WEBPACK_IMPORTED_MODULE_11__.WY),
-/* harmony export */   "setRequestConfig": () => (/* reexport safe */ _request__WEBPACK_IMPORTED_MODULE_11__.LF),
-/* harmony export */   "useRequest": () => (/* reexport safe */ _request__WEBPACK_IMPORTED_MODULE_11__.QT),
-/* harmony export */   "doCommonRequest": () => (/* reexport safe */ _common_request__WEBPACK_IMPORTED_MODULE_12__.H),
-/* harmony export */   "resolveMaybePromiseMethod": () => (/* reexport safe */ _common_request__WEBPACK_IMPORTED_MODULE_12__.$),
-/* harmony export */   "getLanguage": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_13__.G3),
-/* harmony export */   "getMessage": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_13__.FC),
-/* harmony export */   "getSourceLocale": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_13__.xL),
-/* harmony export */   "setLocale": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_13__.i_),
-/* harmony export */   "getType": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.oL),
-/* harmony export */   "isArr": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.H1),
-/* harmony export */   "isBool": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.Bl),
-/* harmony export */   "isFn": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.LQ),
-/* harmony export */   "isHTMLElement": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.Re),
-/* harmony export */   "isMap": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__._N),
-/* harmony export */   "isNum": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.e9),
-/* harmony export */   "isNumberLike": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.sI),
-/* harmony export */   "isObj": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.BP),
-/* harmony export */   "isPlainObj": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.Uk),
-/* harmony export */   "isPureObj": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.Ks),
-/* harmony export */   "isReactElement": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.vZ),
-/* harmony export */   "isRegExp": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.Kj),
-/* harmony export */   "isSet": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.DM),
-/* harmony export */   "isSignificative": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.Vq),
-/* harmony export */   "isStr": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.d8),
-/* harmony export */   "isUsable": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.fb),
-/* harmony export */   "isValid": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.JY),
-/* harmony export */   "isWeakMap": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.yn),
-/* harmony export */   "isWeakSet": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_14__.uD),
-/* harmony export */   "getValueByValue": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_15__.BN),
-/* harmony export */   "listToTree": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_15__.OH),
-/* harmony export */   "paramMap": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_15__.ur),
-/* harmony export */   "treeToList": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_15__.iU),
-/* harmony export */   "getGlobalConfig": () => (/* reexport safe */ _globalConfig__WEBPACK_IMPORTED_MODULE_16__.Hi),
-/* harmony export */   "setGlobalConfig": () => (/* reexport safe */ _globalConfig__WEBPACK_IMPORTED_MODULE_16__.Qb),
-/* harmony export */   "updateGlobalConfig": () => (/* reexport safe */ _globalConfig__WEBPACK_IMPORTED_MODULE_16__.Hl),
-/* harmony export */   "getBackgroundColorClassName": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_17__.jM),
-/* harmony export */   "getBorderColorClassName": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_17__.h2),
-/* harmony export */   "getColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_17__.Lq),
-/* harmony export */   "getColorClassName": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_17__.Gd),
-/* harmony export */   "getTagColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_17__.vm),
-/* harmony export */   "isPresetBackgroundColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_17__.Iz),
-/* harmony export */   "isPresetBorderColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_17__.q0),
-/* harmony export */   "isPresetColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_17__.o2),
-/* harmony export */   "customDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_18__.Cb),
-/* harmony export */   "dateFoldFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_18__.Hf),
-/* harmony export */   "dateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_18__.vc),
-/* harmony export */   "getDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_18__.mh),
-/* harmony export */   "getFoldDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_18__.Ui),
-/* harmony export */   "renderTags": () => (/* reexport safe */ _components_Tags__WEBPACK_IMPORTED_MODULE_19__.a),
-/* harmony export */   "getValidValues": () => (/* reexport safe */ _values__WEBPACK_IMPORTED_MODULE_20__.C),
-/* harmony export */   "uuid": () => (/* reexport safe */ _uuid__WEBPACK_IMPORTED_MODULE_21__.Z),
+/* harmony export */   "goToLink": () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_11__.i),
+/* harmony export */   "request": () => (/* reexport safe */ _request__WEBPACK_IMPORTED_MODULE_12__.WY),
+/* harmony export */   "setRequestConfig": () => (/* reexport safe */ _request__WEBPACK_IMPORTED_MODULE_12__.LF),
+/* harmony export */   "useRequest": () => (/* reexport safe */ _request__WEBPACK_IMPORTED_MODULE_12__.QT),
+/* harmony export */   "doCommonRequest": () => (/* reexport safe */ _common_request__WEBPACK_IMPORTED_MODULE_13__.H),
+/* harmony export */   "resolveMaybePromiseMethod": () => (/* reexport safe */ _common_request__WEBPACK_IMPORTED_MODULE_13__.$),
+/* harmony export */   "getLanguage": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_14__.G3),
+/* harmony export */   "getMessage": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_14__.FC),
+/* harmony export */   "getSourceLocale": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_14__.xL),
+/* harmony export */   "setLocale": () => (/* reexport safe */ _locale__WEBPACK_IMPORTED_MODULE_14__.i_),
+/* harmony export */   "getType": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.oL),
+/* harmony export */   "isArr": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.H1),
+/* harmony export */   "isBool": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.Bl),
+/* harmony export */   "isFn": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.LQ),
+/* harmony export */   "isHTMLElement": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.Re),
+/* harmony export */   "isMap": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__._N),
+/* harmony export */   "isNum": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.e9),
+/* harmony export */   "isNumberLike": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.sI),
+/* harmony export */   "isObj": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.BP),
+/* harmony export */   "isPlainObj": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.Uk),
+/* harmony export */   "isPureObj": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.Ks),
+/* harmony export */   "isReactElement": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.vZ),
+/* harmony export */   "isRegExp": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.Kj),
+/* harmony export */   "isSet": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.DM),
+/* harmony export */   "isSignificative": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.Vq),
+/* harmony export */   "isStr": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.d8),
+/* harmony export */   "isUsable": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.fb),
+/* harmony export */   "isValid": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.JY),
+/* harmony export */   "isWeakMap": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.yn),
+/* harmony export */   "isWeakSet": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_15__.uD),
+/* harmony export */   "getValueByValue": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_16__.BN),
+/* harmony export */   "listToTree": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_16__.OH),
+/* harmony export */   "paramMap": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_16__.ur),
+/* harmony export */   "treeToList": () => (/* reexport safe */ _paramMap__WEBPACK_IMPORTED_MODULE_16__.iU),
+/* harmony export */   "getGlobalConfig": () => (/* reexport safe */ _globalConfig__WEBPACK_IMPORTED_MODULE_17__.Hi),
+/* harmony export */   "setGlobalConfig": () => (/* reexport safe */ _globalConfig__WEBPACK_IMPORTED_MODULE_17__.Qb),
+/* harmony export */   "updateGlobalConfig": () => (/* reexport safe */ _globalConfig__WEBPACK_IMPORTED_MODULE_17__.Hl),
+/* harmony export */   "getBackgroundColorClassName": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_18__.jM),
+/* harmony export */   "getBorderColorClassName": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_18__.h2),
+/* harmony export */   "getColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_18__.Lq),
+/* harmony export */   "getColorClassName": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_18__.Gd),
+/* harmony export */   "getTagColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_18__.vm),
+/* harmony export */   "isPresetBackgroundColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_18__.Iz),
+/* harmony export */   "isPresetBorderColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_18__.q0),
+/* harmony export */   "isPresetColor": () => (/* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_18__.o2),
+/* harmony export */   "customDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_19__.Cb),
+/* harmony export */   "dateFoldFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_19__.Hf),
+/* harmony export */   "dateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_19__.vc),
+/* harmony export */   "getDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_19__.mh),
+/* harmony export */   "getFoldDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_19__.Ui),
+/* harmony export */   "renderTags": () => (/* reexport safe */ _components_Tags__WEBPACK_IMPORTED_MODULE_20__.a),
+/* harmony export */   "getValidValues": () => (/* reexport safe */ _values__WEBPACK_IMPORTED_MODULE_21__.C),
+/* harmony export */   "uuid": () => (/* reexport safe */ _uuid__WEBPACK_IMPORTED_MODULE_22__.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_22__.Z),
-/* harmony export */   "deepMerge": () => (/* reexport safe */ _deepMerge__WEBPACK_IMPORTED_MODULE_23__.Z),
+/* harmony export */   "getDeepValue": () => (/* reexport safe */ _getDeepValue__WEBPACK_IMPORTED_MODULE_23__.Z),
+/* harmony export */   "deepMerge": () => (/* reexport safe */ _deepMerge__WEBPACK_IMPORTED_MODULE_24__.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_24__.Z),
+/* harmony export */   "pickProps": () => (/* reexport safe */ _pickProps__WEBPACK_IMPORTED_MODULE_25__.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 */   "ProTagGroup": () => (/* reexport safe */ _components_Tags_TagGroup__WEBPACK_IMPORTED_MODULE_8__.Z),
+/* harmony export */   "CapsuleTab": () => (/* reexport safe */ _components_CapsuleTab__WEBPACK_IMPORTED_MODULE_10__.Z),
 /* harmony export */   "baseClass": () => (/* binding */ baseClass),
 /* harmony export */   "getCookie": () => (/* binding */ getCookie)
 /* harmony export */ });
@@ -75132,27 +75427,28 @@ __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_22__ = __webpack_require__(2273);
-/* harmony import */ var _deepMerge__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(46070);
+/* harmony import */ var _getDeepValue__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(2273);
+/* harmony import */ var _deepMerge__WEBPACK_IMPORTED_MODULE_24__ = __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_24__ = __webpack_require__(9736);
+/* harmony import */ var _pickProps__WEBPACK_IMPORTED_MODULE_25__ = __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 _components_Tags_TagGroup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(69324);
-/* harmony import */ var _uuid__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(46689);
+/* harmony import */ var _uuid__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(46689);
 /* harmony import */ var js_cookie__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(31955);
-/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(91516);
-/* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(75159);
-/* harmony import */ var _common_request__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(60780);
-/* harmony import */ var _locale__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(47535);
-/* harmony import */ var _checkers__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(77981);
-/* harmony import */ var _paramMap__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(52842);
-/* harmony import */ var _globalConfig__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(74052);
-/* harmony import */ var _color__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(6293);
-/* harmony import */ var _date_time__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(21008);
-/* harmony import */ var _components_Tags__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(864);
-/* harmony import */ var _values__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(69214);
+/* harmony import */ var _components_CapsuleTab__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(42875);
+/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(91516);
+/* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(75159);
+/* harmony import */ var _common_request__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(60780);
+/* harmony import */ var _locale__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(47535);
+/* harmony import */ var _checkers__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(77981);
+/* harmony import */ var _paramMap__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(52842);
+/* harmony import */ var _globalConfig__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(74052);
+/* harmony import */ var _color__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(6293);
+/* harmony import */ var _date_time__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(21008);
+/* harmony import */ var _components_Tags__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(864);
+/* harmony import */ var _values__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(69214);
 /// <reference path="../../../typings.d.ts" />
 
 
@@ -75179,6 +75475,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 function baseClass(perfix) {