@teamix/pro 1.3.8 → 1.3.9

package/dist/pro.js

@@ -59488,47 +59488,37 @@ var Unit = function Unit(props) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59787);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var 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_pro__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(42345);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80653);
 
 
-var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.baseClass)('teamix-pro-field-output-value-with-status');
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.baseClass)('teamix-pro-field-output-value-with-status');
 
 var ValueWithStatus = function ValueWithStatus(props) {
-  var _render$valueWithStat4, _render$valueWithStat5, _fieldValue$endValue;
+  var _render$valueWithStat, _render$valueWithStat2, _fieldValue$endValue, _render$valueWithStat3, _render$valueWithStat4;
 
   var fieldValue = props.fieldValue,
       result = props.result,
       render = props.render;
-
-  var getIconColor = function getIconColor() {
-    var _render$valueWithStat, _render$valueWithStat2;
-
-    if ((render === null || render === void 0 ? void 0 : (_render$valueWithStat = render.valueWithStatusConfig) === null || _render$valueWithStat === void 0 ? void 0 : _render$valueWithStat.endValueColor) && typeof (render === null || render === void 0 ? void 0 : (_render$valueWithStat2 = render.valueWithStatusConfig) === null || _render$valueWithStat2 === void 0 ? void 0 : _render$valueWithStat2.endValueColor) === 'string') {
-      var _render$valueWithStat3;
-
-      return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getColor)(render === null || render === void 0 ? void 0 : (_render$valueWithStat3 = render.valueWithStatusConfig) === null || _render$valueWithStat3 === void 0 ? void 0 : _render$valueWithStat3.endValueColor);
-    }
-
-    return '';
-  };
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: cls('')
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: cls('result'),
     style: {
-      width: (_render$valueWithStat4 = render === null || render === void 0 ? void 0 : (_render$valueWithStat5 = render.valueWithStatusConfig) === null || _render$valueWithStat5 === void 0 ? void 0 : _render$valueWithStat5.fronValueWidth) !== null && _render$valueWithStat4 !== void 0 ? _render$valueWithStat4 : 50
+      width: (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.endValue) !== undefined ? (_render$valueWithStat = render === null || render === void 0 ? void 0 : (_render$valueWithStat2 = render.valueWithStatusConfig) === null || _render$valueWithStat2 === void 0 ? void 0 : _render$valueWithStat2.fronValueWidth) !== null && _render$valueWithStat !== void 0 ? _render$valueWithStat : 50 : 'unset'
     }
-  }, result), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+  }, result), (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.endValue) !== undefined && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: cls('divider')
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
-    className: cls('value-with-status'),
-    style: {
-      color: getIconColor()
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_pro__WEBPACK_IMPORTED_MODULE_1__.ProField, {
+    type: "text",
+    value: (_fieldValue$endValue = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.endValue) !== null && _fieldValue$endValue !== void 0 ? _fieldValue$endValue : '',
+    render: {
+      color: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getColor)((_render$valueWithStat3 = render === null || render === void 0 ? void 0 : (_render$valueWithStat4 = render.valueWithStatusConfig) === null || _render$valueWithStat4 === void 0 ? void 0 : _render$valueWithStat4.endValueColor) !== null && _render$valueWithStat3 !== void 0 ? _render$valueWithStat3 : 'var(--color-text1-3, #333333)')
     }
-  }, (_fieldValue$endValue = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.endValue) !== null && _fieldValue$endValue !== void 0 ? _fieldValue$endValue : ''));
+  }));
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ValueWithStatus);
@@ -63659,17 +63649,22 @@ function useDialogAction(action, actionContext) {
                 case 6:
                   onFinish && onFinish();
                   resolve(true);
-                  _context.next = 15;
+                  _context.next = 16;
                   break;
 
                 case 10:
                   _context.prev = 10;
                   _context.t0 = _context["catch"](2);
-                  setLoading(false);
+                  setLoading(false); // 如果 beforeRequest 中返回了 false，则直接关闭弹窗
+
+                  if (beforeRequest) {
+                    resolve(true);
+                  }
+
                   resolve(false);
                   return _context.abrupt("return");
 
-                case 15:
+                case 16:
                 case "end":
                   return _context.stop();
               }
@@ -65419,13 +65414,14 @@ var useMain = function useMain(active) {
 }; // 筛选项数据
 
 
-var useFilterItems = function useFilterItems(filterValues) {
+var useFilterItems = function useFilterItems(filterValues, scope) {
   var schema = (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.useFieldSchema)();
   var filterItems = [];
   schema.mapProperties(function (schema, name) {
     if (!filterValues || filterValues && filterValues.includes(schema.name)) {
+      var label = /{{.*}}/.test(schema.title) ? (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getTargetValue)(schema.title, scope) : schema.title;
       filterItems.push({
-        label: schema.title,
+        label: label,
         value: schema.name
       });
     }
@@ -65452,7 +65448,8 @@ var LightFilter = (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.observer)(funct
       onFilterChange = props.onFilterChange,
       filterProps = props.filterProps,
       buttonProps = props.buttonProps;
-  var filterItems = useFilterItems(filterValues);
+  var scope = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_formily_react__WEBPACK_IMPORTED_MODULE_1__.SchemaExpressionScopeContext);
+  var filterItems = useFilterItems(filterValues, scope);
 
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(defaultFilterValue || ((_filterItems$ = filterItems[0]) == null ? void 0 : _filterItems$.value)),
       active = _useState[0],
@@ -66895,6 +66892,11 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
       validateFirst = _ref.validateFirst,
       otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
+  // 获取全局配置
+  var _ref2 = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.getGlobalConfig)('ProForm') || {},
+      globalComponents = _ref2.components,
+      globalScope = _ref2.scope;
+
   var form = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return outerForm || (0,_formily_core__WEBPACK_IMPORTED_MODULE_2__.createForm)({
       validateFirst: validateFirst
@@ -66903,11 +66905,14 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
   var prefixCls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.usePrefixCls)('', {
     prefix: 'teamix-pro-form'
   });
-  var mergedScope = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return _objectSpread(_objectSpread({}, scope), {}, {
-      context: context
-    });
-  }, [scope, context]);
+
+  var mergedScope = _objectSpread(_objectSpread(_objectSpread({}, globalScope), scope), {}, {
+    context: context
+  }); // context需要实名不能解构
+
+
+  var mergedComponents = _objectSpread(_objectSpread({}, globalComponents), components);
+
   var onAutoSubmit = (0,_useAutoSubmit__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(onSubmit); // todo 需要formily支持断点下的属性更新
 
   var getTeamixLayout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
@@ -66964,7 +66969,7 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SchemaForm__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
     schema: schema,
     scope: mergedScope,
-    components: components
+    components: mergedComponents
   }), children);
 });
 ProForm.defaultProps = {
@@ -67310,21 +67315,20 @@ 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_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 _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 _initializeFormButton__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(58741);
-/* 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 _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 _initializeSelectTable__WEBPACK_IMPORTED_MODULE_29__ = __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 _teamix_utils__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(80653);
-/* harmony import */ var _warning__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(27324);
+/* harmony import */ var _warning__WEBPACK_IMPORTED_MODULE_20__ = __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; }
@@ -67363,23 +67367,17 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-
 
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (_ref) {
   var schema = _ref.schema,
       scope = _ref.scope,
       components = _ref.components;
-
-  // 获取全局配置
-  var _ref2 = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_20__.getGlobalConfig)('ProForm') || {},
-      globalComponents = _ref2.components,
-      globalScope = _ref2.scope; // 创建 SchemaField
-
+  var schemaScopeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({}); // 创建 SchemaField，添加内置组件
 
   var SchemaField = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return (0,_formily_react__WEBPACK_IMPORTED_MODULE_1__.createSchemaField)({
-      components: _objectSpread(_objectSpread(_objectSpread({}, globalComponents), _Components_ProField__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z), {}, {
+      components: _objectSpread(_objectSpread({}, _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,
@@ -67408,16 +67406,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         Text: _Components_Text_index__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z
       })
     });
-  }, []); // 合并 schema 中 request 的 scope
-
-  var mergedScope = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    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,
-      $validator: _reactions__WEBPACK_IMPORTED_MODULE_17__/* .$validator */ .fn
-    });
-  }, [scope]); // 格式化 schema
+  }, []); // 格式化 schema
 
   var formatSchema = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (schema, parentSuffix) {
     if (parentSuffix === void 0) {
@@ -67427,7 +67416,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_21__/* ["default"] */ .Z)(item);
+      var newItem = (0,_warning__WEBPACK_IMPORTED_MODULE_20__/* ["default"] */ .Z)(item);
       var _newItem = newItem,
           originalComponent = _newItem.component; // 根据component的不同，初始化为内置的item
 
@@ -67447,47 +67436,47 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
         if (['ArrayCards'].includes(originalComponent)) {
-          newItem = (0,_initializeArrayCards__WEBPACK_IMPORTED_MODULE_22__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeArrayCards__WEBPACK_IMPORTED_MODULE_21__/* ["default"] */ .Z)(newItem);
         } // 初始化高级组件 - ArrayCollapse
 
 
         if (['ArrayCollapse'].includes(originalComponent)) {
-          newItem = (0,_initializeArrayCollapse__WEBPACK_IMPORTED_MODULE_23__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeArrayCollapse__WEBPACK_IMPORTED_MODULE_22__/* ["default"] */ .Z)(newItem);
         } // 初始化高级组件 - ArrayTable
 
 
         if (['ArrayTable'].includes(originalComponent)) {
-          newItem = (0,_initializeArrayTable__WEBPACK_IMPORTED_MODULE_24__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeArrayTable__WEBPACK_IMPORTED_MODULE_23__/* ["default"] */ .Z)(newItem);
         } // 初始化高级组件 - ArrayItems
 
 
         if (['ArrayItems'].includes(originalComponent)) {
-          newItem = (0,_initializeArrayItems__WEBPACK_IMPORTED_MODULE_25__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeArrayItems__WEBPACK_IMPORTED_MODULE_24__/* ["default"] */ .Z)(newItem);
         } // 初始化布局组件 - FormStep
 
 
         if (['FormStep'].includes(originalComponent)) {
-          newItem = (0,_initializeFormStep__WEBPACK_IMPORTED_MODULE_26__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeFormStep__WEBPACK_IMPORTED_MODULE_25__/* ["default"] */ .Z)(newItem);
         } // 初始化布局组件 - FormGroup
 
 
         if (['FormGroup'].includes(originalComponent)) {
-          newItem = (0,_initializeFormGroup__WEBPACK_IMPORTED_MODULE_27__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeFormGroup__WEBPACK_IMPORTED_MODULE_26__/* ["default"] */ .Z)(newItem);
         } // 初始化布局组件 - FormTab
 
 
         if (['FormTab'].includes(originalComponent)) {
-          newItem = (0,_initializeFormTab__WEBPACK_IMPORTED_MODULE_28__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeFormTab__WEBPACK_IMPORTED_MODULE_27__/* ["default"] */ .Z)(newItem);
         } // 初始化布局组件 - FormCollapse
 
 
         if (['FormCollapse'].includes(originalComponent)) {
-          newItem = (0,_initializeFormCollapse__WEBPACK_IMPORTED_MODULE_29__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeFormCollapse__WEBPACK_IMPORTED_MODULE_28__/* ["default"] */ .Z)(newItem);
         } // 初始化选择表格 - SelectTable
 
 
         if (['SelectTable'].includes(originalComponent)) {
-          newItem = (0,_initializeSelectTable__WEBPACK_IMPORTED_MODULE_30__/* ["default"] */ .Z)(newItem);
+          newItem = (0,_initializeSelectTable__WEBPACK_IMPORTED_MODULE_29__/* ["default"] */ .Z)(newItem);
         }
       }
 
@@ -67539,10 +67528,10 @@ 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 (_ref3) {
-        var k = _ref3[0],
-            v = _ref3[1];
-        mergedScope[k] = v;
+      Object.entries(_objectSpread(_objectSpread(_objectSpread({}, requestScope), dataSourceScope), rulesScope)).map(function (_ref2) {
+        var k = _ref2[0],
+            v = _ref2[1];
+        schemaScopeRef.current[k] = v;
       });
       var formatParam = (0,_utils__WEBPACK_IMPORTED_MODULE_19__/* .mapSchemaName */ .Uk)(_objectSpread(_objectSpread({}, otherProps), {}, {
         type: defaultType,
@@ -67567,13 +67556,20 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       schemaProperties[name] = _objectSpread(_objectSpread(_objectSpread({}, formatParam), recursiveProperties), recursiveItems);
     });
     return schemaProperties;
-  }, [mergedScope]);
+  }, []);
   var formilySchema = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return {
       type: 'object',
       properties: formatSchema(schema)
     };
-  }, [schema]); // console.log(formilySchema);
+  }, [schema]);
+
+  var mergedScope = _objectSpread(_objectSpread({}, 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,
+    $validator: _reactions__WEBPACK_IMPORTED_MODULE_17__/* .$validator */ .fn
+  }, schemaScopeRef.current);
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SchemaField, {
     schema: formilySchema,
@@ -69146,6 +69142,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "QueryFilterLayout": () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_3__.rx),
 /* harmony export */   "Section": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_6__.$0),
 /* harmony export */   "SimpleFilter": () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_3__.aT),
+/* harmony export */   "autoWidth": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.Md),
 /* harmony export */   "baseClass": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.MG),
 /* harmony export */   "createForm": () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_3__.Np),
 /* harmony export */   "customComponent": () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_3__.Pj),
@@ -69154,6 +69151,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "dateFormat": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.vc),
 /* harmony export */   "deepMerge": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.RH),
 /* harmony export */   "doCommonRequest": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.HE),
+/* harmony export */   "filterTreeData": () => (/* reexport safe */ _sidebar__WEBPACK_IMPORTED_MODULE_11__.lH),
 /* harmony export */   "findNodeWithPath": () => (/* reexport safe */ _sidebar__WEBPACK_IMPORTED_MODULE_11__.N4),
 /* harmony export */   "findNodeWithoutPath": () => (/* reexport safe */ _sidebar__WEBPACK_IMPORTED_MODULE_11__.Y2),
 /* harmony export */   "flattenTree": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.fK),
@@ -69184,6 +69182,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "getType": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.oL),
 /* harmony export */   "getValidValues": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.Cc),
 /* harmony export */   "getValueByValue": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.BN),
+/* harmony export */   "getWidthByCharacterMap": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.hF),
 /* harmony export */   "goToLink": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.iF),
 /* harmony export */   "hooks": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.Z),
 /* harmony export */   "initConfigurator": () => (/* reexport safe */ _nocode__WEBPACK_IMPORTED_MODULE_13__.initConfigurator),
@@ -69289,7 +69288,7 @@ _teamix_icon__WEBPACK_IMPORTED_MODULE_15__/* ["default"].setConfig */ .Z.setConf
  // export * from './sidebar';
 
 
-var version = '1.3.8';
+var version = '1.3.9';
 
 
 /***/ }),
@@ -69870,23 +69869,33 @@ var ProBaseInfo = function ProBaseInfo(props) {
     var formItemLayout = JSON.parse(JSON.stringify(defaultLayout.formItemLayout)); // 自定义布局
 
     if (layout) {
-      var _layout$labelCol, _layout$wrapperCol;
+      var _layout$labelCol, _layout$wrapperCol, _layout$span;
 
       var labelCol = (_layout$labelCol = layout == null ? void 0 : layout.labelCol) != null ? _layout$labelCol : defaultLayout.formItemLayout.labelCol;
       var wrapperCol = (_layout$wrapperCol = layout == null ? void 0 : layout.wrapperCol) != null ? _layout$wrapperCol : defaultLayout.formItemLayout.wrapperCol;
+      var span = (_layout$span = layout == null ? void 0 : layout.span) != null ? _layout$span : defaultLayout.span;
+
+      if (layout != null && layout.colNum && layout.colNum > 0 && layout.colNum <= 4) {
+        span = 24 / layout.colNum;
+      }
+
+      formItemLayout.span = span;
       formItemLayout.labelCol = labelCol;
       formItemLayout.wrapperCol = wrapperCol;
     }
 
+    var newSpan = formItemLayout.span;
     var newLabelSpan = formItemLayout.labelCol.span;
     var newWrapperSpan = formItemLayout.wrapperCol.span; // 计算合并列情况。label与wrapper需要重新计算
 
     if (colspan) {
+      newSpan = newSpan * (colspan != null ? colspan : 1);
       newLabelSpan = newLabelSpan / colspan;
       newWrapperSpan = newWrapperSpan + (formItemLayout.labelCol.span - newLabelSpan);
     }
 
     var newFormItemLayout = {
+      span: newSpan,
       labelCol: {
         span: newLabelSpan
       },
@@ -69899,12 +69908,10 @@ var ProBaseInfo = function ProBaseInfo(props) {
 
   var renderContent = function renderContent() {
     return columns.map(function (item, index) {
-      var _layout$span, _layout$span2, _item$title, _item$valueType, _ref, _item$colSpan;
+      var _getFormItemLayout, _item$colSpan, _item$title, _item$valueType, _ref, _item$colSpan2;
 
-      var span = item.colSpan ? defaultLayout.span * item.colSpan : defaultLayout.span;
-      var layoutSpan = item.colSpan ? ((_layout$span = layout == null ? void 0 : layout.span) != null ? _layout$span : span) * item.colSpan : (_layout$span2 = layout == null ? void 0 : layout.span) != null ? _layout$span2 : span;
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Col, {
-        span: layoutSpan,
+        span: (_getFormItemLayout = getFormItemLayout((_item$colSpan = item == null ? void 0 : item.colSpan) != null ? _item$colSpan : 0)) == null ? void 0 : _getFormItemLayout.span,
         key: index
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ProInfoItem__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
         label: (_item$title = item == null ? void 0 : item.title) != null ? _item$title : '',
@@ -69920,7 +69927,7 @@ var ProBaseInfo = function ProBaseInfo(props) {
           context: context,
           props: item.props
         }),
-        baseInfoLayout: getFormItemLayout((_item$colSpan = item == null ? void 0 : item.colSpan) != null ? _item$colSpan : 0),
+        baseInfoLayout: getFormItemLayout((_item$colSpan2 = item == null ? void 0 : item.colSpan) != null ? _item$colSpan2 : 0),
         tooltip: item.tooltip,
         tooltipIcon: item.tooltipIcon
       }));
@@ -73065,13 +73072,11 @@ function renderTreeNodeDependenceValue(data, onBeforeRenderNodeEvent, checkedKey
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59787);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _tree_node__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(37911);
-/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(39339);
-/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(65272);
-/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(42341);
-/* harmony import */ var _utils_action_ref__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(89611);
-/* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(52308);
-/* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_clonedeep__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(65272);
+/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(42341);
+/* harmony import */ var _utils_action_ref__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89611);
+/* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(52308);
+/* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_clonedeep__WEBPACK_IMPORTED_MODULE_5__);
 var _excluded = ["dataSource", "selectedKeys", "checkedKeys", "defaultExpandedKeys", "defaultExpandAll", "expandedKeys", "onSelect", "onCheck", "isNodeBlock", "searchKey", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "className", "expandAll", "onDataSourceChange", "expandLevel"];
 
 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); }
@@ -73088,7 +73093,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.baseClass)('teamix-pro-sidebar-tree');
 
 var ProSidebarTree = function ProSidebarTree(props) {
@@ -73117,10 +73121,10 @@ var ProSidebarTree = function ProSidebarTree(props) {
 
 
   var processDataSource = function processDataSource(dataSource) {
-    var newDataSource = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_6___default()(dataSource);
+    var newDataSource = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_5___default()(dataSource);
 
     if (beforeRenderNode) {
-      (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .loop */ .VX)(newDataSource, function (item, level) {
+      (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .loop */ .VX)(newDataSource, function (item, level) {
         var _beforeRenderNode;
 
         var newItem = (_beforeRenderNode = beforeRenderNode == null ? void 0 : beforeRenderNode(item, level, dataSource)) != null ? _beforeRenderNode : {};
@@ -73167,20 +73171,20 @@ var ProSidebarTree = function ProSidebarTree(props) {
     setSelectedKeys(selectedKeysProp);
   }, [selectedKeysProp]); // 更新外部传入的 dataSource
 
-  (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_5__.useUpdateEffect)(function () {
+  (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_4__.useUpdateEffect)(function () {
     setDataSource(processDataSource(dataSourceProp != null ? dataSourceProp : []));
   }, [dataSourceProp]); // 监听展开全部事件
 
-  (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_5__.useUpdateEffect)(function () {
+  (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_4__.useUpdateEffect)(function () {
     if (expandAll) {
-      setExpandedKeys((0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .getAllNodeKey */ .Zc)(dataSource));
+      setExpandedKeys((0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .getAllNodeKey */ .Zc)(dataSource));
     } else {
       setExpandedKeys([]);
     }
   }, [expandAll]); // 监听展开层级事件
 
-  (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_5__.useUpdateEffect)(function () {
-    var keys = (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .getTreeLevelKey */ .Ch)(dataSource, expandLevel - 1);
+  (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_4__.useUpdateEffect)(function () {
+    var keys = (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .getTreeLevelKey */ .Ch)(dataSource, expandLevel - 1);
     setExpandedKeys(keys);
   }, [expandLevel]); // 监听 DataSource 变化事件
 
@@ -73188,11 +73192,11 @@ var ProSidebarTree = function ProSidebarTree(props) {
     onDataSourceChange == null ? void 0 : onDataSourceChange(dataSource);
   }, [dataSource]); // 绑定actionRef
 
-  (0,_utils_action_ref__WEBPACK_IMPORTED_MODULE_8__/* .useActionType */ .t)(actionRef, {
+  (0,_utils_action_ref__WEBPACK_IMPORTED_MODULE_7__/* .useActionType */ .t)(actionRef, {
     setTreeNode: function setTreeNode(treeNode) {
-      var newDataSource = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_6___default()(dataSource); // TODO 此处可做性能优化
+      var newDataSource = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_5___default()(dataSource); // TODO 此处可做性能优化
 
-      (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .loop */ .VX)(newDataSource, function (item) {
+      (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .loop */ .VX)(newDataSource, function (item) {
         if (item.value === treeNode.value) {
           Object.entries(treeNode).forEach(function (_ref2) {
             var key = _ref2[0],
@@ -73216,11 +73220,11 @@ var ProSidebarTree = function ProSidebarTree(props) {
     return flag;
   }, [dataSource]); // 组件第一次加载时不执行过滤
 
-  (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_5__.useUpdateEffect)(function () {
+  (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_4__.useUpdateEffect)(function () {
     filterDataSource(searchKey != null ? searchKey : '');
   }, [searchKey]); // expandedKeys 更新
 
-  (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_5__.useUpdateEffect)(function () {
+  (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_4__.useUpdateEffect)(function () {
     var _ref3;
 
     setExpandedKeys((_ref3 = expandedKeysProp != null ? expandedKeysProp : defaultExpandedKeys) != null ? _ref3 : []);
@@ -73228,7 +73232,7 @@ var ProSidebarTree = function ProSidebarTree(props) {
 
   var setDefaultExpandedKeys = function setDefaultExpandedKeys() {
     if (defaultExpandAll) {
-      setExpandedKeys((0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .getAllNodeKey */ .Zc)(dataSource));
+      setExpandedKeys((0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .getAllNodeKey */ .Zc)(dataSource));
     } else {
       var _ref4;
 
@@ -73253,7 +73257,7 @@ var ProSidebarTree = function ProSidebarTree(props) {
   }; // 过滤
 
 
-  var filterDataSource = lodash_debounce__WEBPACK_IMPORTED_MODULE_4___default()(function (value) {
+  var filterDataSource = function filterDataSource(value) {
     var searchDataSource = processDataSource(dataSourceProp != null ? dataSourceProp : []);
     var expandedKeys = [];
 
@@ -73265,21 +73269,22 @@ var ProSidebarTree = function ProSidebarTree(props) {
       return;
     }
 
-    (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .loop */ .VX)(searchDataSource, function (item) {
+    var _filterTreeData = (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .filterTreeData */ .lH)(searchDataSource, function (node) {
+      var _node$label;
+
+      return ((_node$label = node == null ? void 0 : node.label) != null ? _node$label : '').includes(value);
+    }),
+        filterTreeValue = _filterTreeData.filterTreeValue;
+
+    (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .loop */ .VX)(filterTreeValue, function (item) {
       hasSearchValue(value, item) && expandedKeys.push(String(item['value']));
     }, {
       children: 'children'
     });
-    setExpandedKeys([].concat(expandedKeys));
     setMatchedKeys(matchedKeys);
     handleExpand(expandedKeys);
-    var filterDataSource = (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .findNodeWithPath */ .N4)(searchDataSource, function (node) {
-      var _node$label;
-
-      return ((_node$label = node == null ? void 0 : node.label) != null ? _node$label : '').includes(value);
-    });
-    setDataSource(filterDataSource);
-  }, 100);
+    setDataSource(filterTreeValue);
+  };
 
   var filterTreeNode = function filterTreeNode(node) {
     return matchedKeys && matchedKeys.indexOf(node.props.eventKey) > -1;
@@ -73356,14 +73361,15 @@ var ProSidebarTree = function ProSidebarTree(props) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Ch": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_5__.Ch),
-/* harmony export */   "N4": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_5__.N4),
-/* harmony export */   "VX": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_5__.VX),
-/* harmony export */   "Y2": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_5__.Y2),
+/* harmony export */   "Ch": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.Ch),
+/* harmony export */   "N4": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.N4),
+/* harmony export */   "VX": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.VX),
+/* harmony export */   "Y2": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.Y2),
 /* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__),
-/* harmony export */   "Zc": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_5__.Zc),
-/* harmony export */   "vk": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_5__.vk),
-/* harmony export */   "zr": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_5__.zr)
+/* harmony export */   "Zc": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.Zc),
+/* harmony export */   "lH": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.lH),
+/* harmony export */   "vk": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.vk),
+/* harmony export */   "zr": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.zr)
 /* 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__);
@@ -73371,8 +73377,10 @@ var ProSidebarTree = function ProSidebarTree(props) {
 /* harmony import */ var _components_sidebar_container__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60343);
 /* harmony import */ var _components_tree__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20867);
 /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(42345);
-/* harmony import */ var _utils_action_ref__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(89611);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65272);
+/* harmony import */ var _utils_action_ref__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89611);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(39339);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(65272);
 var _excluded = ["selectedKeys", "checkedKeys", "dataSource", "className", "style", "searchOnChange", "showSearch", "onSelect", "onCheck", "treeProps", "cardProps", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "url", "method", "params", "data", "extendParams", "beforeRequest", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "link", "scrollArea", "onExpandAllChange", "onExpandLevelChange"];
 
 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); }
@@ -73388,6 +73396,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.baseClass)('teamix-pro-sidebar');
 
 var ProSidebar = function ProSidebar(props) {
@@ -73397,7 +73406,7 @@ var ProSidebar = function ProSidebar(props) {
       _props$className = props.className,
       className = _props$className === void 0 ? '' : _props$className,
       style = props.style,
-      _searchOnChange = props.searchOnChange,
+      searchOnChange = props.searchOnChange,
       _props$showSearch = props.showSearch,
       showSearch = _props$showSearch === void 0 ? true : _props$showSearch,
       onSelect = props.onSelect,
@@ -73495,7 +73504,7 @@ var ProSidebar = function ProSidebar(props) {
     });
   };
 
-  (0,_utils_action_ref__WEBPACK_IMPORTED_MODULE_6__/* .useActionType */ .t)(actionRefProp != null ? actionRefProp : actionRef, {
+  (0,_utils_action_ref__WEBPACK_IMPORTED_MODULE_7__/* .useActionType */ .t)(actionRefProp != null ? actionRefProp : actionRef, {
     refresh: function refresh() {
       request();
     }
@@ -73525,12 +73534,12 @@ var ProSidebar = function ProSidebar(props) {
     }) + " " + className,
     style: style
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_sidebar_container__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _extends({
-    searchOnChange: function searchOnChange(value) {
+    searchOnChange: lodash_debounce__WEBPACK_IMPORTED_MODULE_5___default()(function (value) {
       if (showSearch) {
-        _searchOnChange == null ? void 0 : _searchOnChange(value);
+        searchOnChange == null ? void 0 : searchOnChange(value);
         setSearchKey(value);
       }
-    },
+    }, 300),
     onExpandAllChange: onExpandAllChange,
     onExpandLevelChange: onExpandLevelChange,
     showSearch: showSearch,
@@ -73592,9 +73601,12 @@ function useActionType(ref, action) {
 /* harmony export */   "VX": () => (/* binding */ loop),
 /* harmony export */   "Y2": () => (/* binding */ findNodeWithoutPath),
 /* harmony export */   "Zc": () => (/* binding */ getAllNodeKey),
+/* harmony export */   "lH": () => (/* binding */ filterTreeData),
 /* harmony export */   "vk": () => (/* binding */ getTreeNodeLevel),
 /* harmony export */   "zr": () => (/* binding */ getTreeLevel)
 /* harmony export */ });
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
@@ -73808,6 +73820,53 @@ function getTreeLevelKey(data, level, aliasMap) {
   });
   return result;
 }
+/**
+ * 深度遍历并查找节点（展开查找到的字节点路径）
+ * @param nodes 数据
+ * @param predicate 条件
+ * @param aliasMap 标识
+ * @returns
+ */
+
+function filterTreeData(nodes, predicate, aliasMap) {
+  if (!(nodes && nodes.length)) {
+    return {
+      filterTreeValue: []
+    };
+  }
+
+  var _ref8 = aliasMap != null ? aliasMap : {},
+      _ref8$children = _ref8.children,
+      children = _ref8$children === void 0 ? 'children' : _ref8$children;
+
+  var filterTreeValue = [];
+
+  for (var _iterator2 = _createForOfIteratorHelperLoose(nodes), _step2; !(_step2 = _iterator2()).done;) {
+    var _node2 = _step2.value;
+
+    var others = _extends({}, _node2);
+
+    if (predicate(_node2)) {
+      var _node2$children;
+
+      filterTreeValue.push(_objectSpread(_objectSpread({}, others), {}, {
+        children: filterTreeData((_node2$children = _node2[children]) != null ? _node2$children : [], predicate, aliasMap).filterTreeValue
+      }));
+    } else {
+      var subs = filterTreeData(_node2[children], predicate, aliasMap);
+
+      if (subs && subs.filterTreeValue.length) {
+        filterTreeValue.push(_objectSpread(_objectSpread({}, others), {}, {
+          children: subs.filterTreeValue
+        }));
+      }
+    }
+  }
+
+  return {
+    filterTreeValue: filterTreeValue
+  };
+}
 
 /***/ }),
 
@@ -77625,6 +77684,7 @@ ProTimeline.Item = _ProTimeLineItem__WEBPACK_IMPORTED_MODULE_2__/* ["default"] *
 /* harmony export */   "LQ": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.isFn),
 /* harmony export */   "Lq": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getColor),
 /* harmony export */   "MG": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.baseClass),
+/* harmony export */   "Md": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.autoWidth),
 /* harmony export */   "Nx": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.mapKeyValue),
 /* harmony export */   "OH": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.listToTree),
 /* harmony export */   "On": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getMessage),
@@ -77652,6 +77712,7 @@ ProTimeline.Item = _ProTimeLineItem__WEBPACK_IMPORTED_MODULE_2__/* ["default"] *
 /* harmony export */   "fb": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.isUsable),
 /* harmony export */   "h2": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getBorderColorClassName),
 /* harmony export */   "h4": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.Header),
+/* harmony export */   "hF": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getWidthByCharacterMap),
 /* harmony export */   "hS": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getDeepValue),
 /* harmony export */   "iF": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.goToLink),
 /* harmony export */   "iU": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.treeToList),
@@ -79188,6 +79249,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "Header": () => (/* reexport safe */ _components_Header__WEBPACK_IMPORTED_MODULE_6__.Z),
 /* harmony export */   "LabelIconTip": () => (/* reexport safe */ _components_LabelIconTip__WEBPACK_IMPORTED_MODULE_5__.Z),
 /* harmony export */   "ProTagGroup": () => (/* reexport safe */ _components_Tags_TagGroup__WEBPACK_IMPORTED_MODULE_9__.Z),
+/* harmony export */   "autoWidth": () => (/* reexport safe */ _inner__WEBPACK_IMPORTED_MODULE_0__.Md),
 /* harmony export */   "baseClass": () => (/* binding */ baseClass),
 /* harmony export */   "customDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_2__.Cb),
 /* harmony export */   "dateFoldFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_2__.Hf),
@@ -79214,6 +79276,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "getType": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.oL),
 /* harmony export */   "getValidValues": () => (/* reexport safe */ _values__WEBPACK_IMPORTED_MODULE_13__.Cc),
 /* harmony export */   "getValueByValue": () => (/* reexport safe */ _values__WEBPACK_IMPORTED_MODULE_13__.BN),
+/* harmony export */   "getWidthByCharacterMap": () => (/* reexport safe */ _inner__WEBPACK_IMPORTED_MODULE_0__.hF),
 /* harmony export */   "goToLink": () => (/* reexport safe */ _inner__WEBPACK_IMPORTED_MODULE_0__.iF),
 /* harmony export */   "isArr": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.H1),
 /* harmony export */   "isBool": () => (/* reexport safe */ _checkers__WEBPACK_IMPORTED_MODULE_12__.Bl),
@@ -79329,6 +79392,174 @@ function getCookie(name) {
   return js_cookie__WEBPACK_IMPORTED_MODULE_15__/* ["default"].get */ .Z.get(name);
 }
 
+/***/ }),
+
+/***/ 54661:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "M": () => (/* binding */ autoWidth)
+/* harmony export */ });
+var autoWidth = function autoWidth(array) {
+  var consoleArray = []; // 日志记录
+
+  var minInvalidSpace = 0; // 最小无效空间
+
+  var expectedWidth = 0; // 期望宽度
+
+  var getInvalidSpace = function getInvalidSpace(value) {
+    var idleflowRate = 0.7; // 闲置宽度权重，越大则内容紧密性越好，反之信息呈现性越好。
+
+    var overflowRate = 2; // 溢出宽度权重，越大则信息呈现性越好，反之内容紧密性越好。
+
+    var idleSpace = 0; // 空间闲置总量
+
+    var overflowSpace = 0; // 空间溢出总量
+
+    array.forEach(function (width) {
+      if (value > width) {
+        idleSpace += (value - width) * idleflowRate; // 闲置值
+      }
+
+      if (value < width) {
+        overflowSpace += (width - value) * overflowRate; // 溢出值
+      }
+    });
+    return {
+      idleSpace: idleSpace,
+      // 闲置空间
+      overflowSpace: overflowSpace,
+      // 溢出空间
+      invalidSpace: idleSpace + overflowSpace // 无效空间
+
+    };
+  };
+
+  array == null ? void 0 : array.forEach(function (width, index) {
+    var _getInvalidSpace = getInvalidSpace(width),
+        idleSpace = _getInvalidSpace.idleSpace,
+        overflowSpace = _getInvalidSpace.overflowSpace,
+        invalidSpace = _getInvalidSpace.invalidSpace;
+
+    consoleArray.push({
+      width: Math.ceil(width),
+      idleSpace: idleSpace,
+      overflowSpace: overflowSpace,
+      invalidSpace: invalidSpace
+    });
+
+    if (index === 0) {
+      minInvalidSpace = invalidSpace;
+      expectedWidth = width;
+    }
+
+    if (invalidSpace <= minInvalidSpace) {
+      minInvalidSpace = invalidSpace;
+      expectedWidth = width;
+    }
+  });
+  return {
+    expectedWidth: Math.ceil(expectedWidth),
+    consoleArray: consoleArray
+  };
+};
+
+
+
+/***/ }),
+
+/***/ 92073:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "h": () => (/* binding */ getWidthByCharacterMap)
+/* harmony export */ });
+// 中文汉字 [\u4e00-\u9fa5]
+var chineseCharacters = ['一']; // 中文常用标点 ·–—‘’“”…、。〈〉《》「」『』【】〔〕！（），．：；？￥
+
+var chineseSymbol = [183, 8211, 8212, 8216, 8217, 8220, 8221, 8230, 12289, 12290, 12296, 12297, 12298, 12299, 12300, 12301, 12302, 12303, 12304, 12305, 12308, 12309, 65281, 65288, 65289, 65292, 65294, 65306, 65307, 65311, 65509].map(function (v) {
+  return String.fromCharCode(v);
+}); // 英文键盘字符
+
+var keyboardCharacters = Array.from(new Array(127).keys()).filter(function (v) {
+  return v > 31;
+}).map(function (v) {
+  return String.fromCharCode(v);
+});
+var characterMapLibrary = new Map();
+
+var getCharacterMap = function getCharacterMap(style) {
+  var wrapperId = "character-map-wrapper";
+  var html = [].concat(chineseCharacters, chineseSymbol, keyboardCharacters).map(function (item) {
+    return "<span>" + item + "</span>";
+  }).join('');
+  var div = document.createElement('div');
+  div.id = wrapperId;
+  style && div.setAttribute('style', style);
+  div.innerHTML = html;
+  document.body.appendChild(div);
+  var $wrapper = document.querySelector("#" + wrapperId);
+  var map = {};
+  var specialMap = {
+    '&amp;': '&',
+    '&lt;': '<',
+    '&gt;': '>'
+  };
+  $wrapper == null ? void 0 : $wrapper.childNodes.forEach(function (item) {
+    var child = item;
+    var text = child.innerHTML;
+    var name = specialMap[text] || text;
+    map[name] = child.getBoundingClientRect().width;
+  });
+  $wrapper && document.body.removeChild($wrapper);
+  characterMapLibrary.set(style || 'default', map);
+  return map;
+};
+/**
+ * 通过字符宽度集计算文本宽度
+ * @param text 文本
+ * @param map 字符宽度集
+ * @returns 文本宽度
+ */
+
+
+var calculateWidth = function calculateWidth(text, map) {
+  return text.split('').reduce(function (prev, current) {
+    var width = map[current];
+
+    if (width === undefined) {
+      if (/[\u4e00-\u9fa5]/.test(current)) {
+        // 汉字使用“一”来获取宽度
+        width = map['一'];
+      } else {
+        // 不在字符集内的字符宽度使用汉字的一半来粗略计算
+        width = map['一'] / 2;
+        console.warn("'" + current + "' is not found in characterMap");
+      }
+    }
+
+    return prev + width;
+  }, 0);
+};
+
+var getWidthByCharacterMap = function getWidthByCharacterMap(data, style) {
+  console.time('字符宽度集耗时');
+  var characterMap = characterMapLibrary.get(style || 'default') || getCharacterMap(style);
+  console.timeEnd('字符宽度集耗时');
+
+  if (Array.isArray(data)) {
+    return data.map(function (item) {
+      return calculateWidth(item, characterMap);
+    });
+  } else {
+    return calculateWidth(data, characterMap);
+  }
+};
+
+
+
 /***/ }),
 
 /***/ 35881:
@@ -79761,19 +79992,25 @@ function getTargetValue(target, context) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "$t": () => (/* reexport safe */ _common_request__WEBPACK_IMPORTED_MODULE_2__.$),
 /* harmony export */   "F8": () => (/* reexport safe */ _usePrefixCls__WEBPACK_IMPORTED_MODULE_1__.Z),
-/* harmony export */   "H6": () => (/* reexport safe */ _pickProps__WEBPACK_IMPORTED_MODULE_5__.Z),
+/* harmony export */   "H6": () => (/* reexport safe */ _pickProps__WEBPACK_IMPORTED_MODULE_6__.Z),
 /* harmony export */   "HE": () => (/* reexport safe */ _common_request__WEBPACK_IMPORTED_MODULE_2__.H),
+/* harmony export */   "Md": () => (/* reexport safe */ _autoWidth__WEBPACK_IMPORTED_MODULE_7__.M),
 /* harmony export */   "Vn": () => (/* reexport safe */ _getTargetValue__WEBPACK_IMPORTED_MODULE_0__.Vn),
 /* harmony export */   "cd": () => (/* reexport safe */ _getTargetValue__WEBPACK_IMPORTED_MODULE_0__.ZP),
-/* harmony export */   "hS": () => (/* reexport safe */ _getDeepValue__WEBPACK_IMPORTED_MODULE_4__.Z),
+/* harmony export */   "hF": () => (/* reexport safe */ _characterMap__WEBPACK_IMPORTED_MODULE_4__.h),
+/* harmony export */   "hS": () => (/* reexport safe */ _getDeepValue__WEBPACK_IMPORTED_MODULE_5__.Z),
 /* harmony export */   "iF": () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_3__.i)
 /* harmony export */ });
-/* harmony import */ var _getDeepValue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6010);
+/* harmony import */ var _getDeepValue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6010);
 /* harmony import */ var _getTargetValue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(21317);
-/* harmony import */ var _pickProps__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(37199);
+/* harmony import */ var _pickProps__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(37199);
 /* harmony import */ var _usePrefixCls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(49737);
 /* harmony import */ var _common_request__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(35881);
 /* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(96830);
+/* harmony import */ var _characterMap__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(92073);
+/* harmony import */ var _autoWidth__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(54661);
+
+