@teamix/pro 1.4.14 → 1.4.17

package/dist/pro.js

@@ -66255,7 +66255,7 @@ var FieldSearch = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
     if (Array.isArray(value)) {
       var selectText = (0,_output__WEBPACK_IMPORTED_MODULE_2__/* .formatterOutput */ .h)(value[0], render, dataSource);
       var inputText = value[1];
-      return (0,_output__WEBPACK_IMPORTED_MODULE_2__/* .formatterOutput */ .h)([selectText, inputText], render);
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, selectText, ", ", (0,_output__WEBPACK_IMPORTED_MODULE_2__/* .formatterOutput */ .h)(inputText, render));
     }
 
     return (0,_output__WEBPACK_IMPORTED_MODULE_2__/* .formatterOutput */ .h)(value, render);
@@ -70772,7 +70772,7 @@ var renderEventLevelTag = function renderEventLevelTag(item, render) {
     type: 'normal',
     children: item,
     className: "custom-field-tag-event-level custom-field-tag-event-level-".concat(item),
-    size: (_sizeMap = sizeMap === null || sizeMap === void 0 ? void 0 : sizeMap[(_render$size = render === null || render === void 0 ? void 0 : render.size) !== null && _render$size !== void 0 ? _render$size : '']) !== null && _sizeMap !== void 0 ? _sizeMap : sizeMap
+    size: (_sizeMap = sizeMap === null || sizeMap === void 0 ? void 0 : sizeMap[(_render$size = render === null || render === void 0 ? void 0 : render.size) !== null && _render$size !== void 0 ? _render$size : '']) !== null && _sizeMap !== void 0 ? _sizeMap : 'large'
   });
 };
 /**
@@ -77506,8 +77506,8 @@ ProCardDivider.isProCardDivider = true;
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "QW": () => (/* binding */ ProCard),
 /* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__),
-/* harmony export */   "_L": () => (/* reexport safe */ _card_container__WEBPACK_IMPORTED_MODULE_15__._),
-/* harmony export */   "l0": () => (/* reexport safe */ _card_container__WEBPACK_IMPORTED_MODULE_15__.l)
+/* harmony export */   "_L": () => (/* reexport safe */ _card_container__WEBPACK_IMPORTED_MODULE_16__._),
+/* harmony export */   "l0": () => (/* reexport safe */ _card_container__WEBPACK_IMPORTED_MODULE_16__.l)
 /* 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__);
@@ -77527,7 +77527,9 @@ ProCardDivider.isProCardDivider = true;
 /* harmony import */ var _selectable__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(80617);
 /* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(56904);
 /* harmony import */ var _teamix_pro_field__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(35511);
-/* harmony import */ var _card_container__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(18110);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(55156);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var _card_container__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(18110);
 var _excluded = ["context"],
     _excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "tags", "description", "extra", "actions", "message", "style", "className", "image", "hoveredShadow", "divider", "bordered", "compacted", "centered", "loading", "contentLoading", "empty", "borderColor", "backgroundColor", "contentClassName", "contentStyle", "direction", "wrap", "spacing", "split", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "context"];
 
@@ -77552,6 +77554,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.usePrefixCls)('teamix-pro-card');
 
 var renderActionGroup = function renderActionGroup(extra, context) {
@@ -77627,9 +77630,18 @@ var ProCard = function ProCard(props) {
       innerCollapseState = _React$useState[0],
       setInnerCollapseState = _React$useState[1];
 
+  var cardRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(); // 表头 tooltip tags description 宽度
+
+  var _React$useState2 = react__WEBPACK_IMPORTED_MODULE_0___default().useState(0),
+      headerWithoutTitleWidth = _React$useState2[0],
+      setHeaderWithoutTitleWidth = _React$useState2[1];
+
   var _formatSpacing = (0,_utils__WEBPACK_IMPORTED_MODULE_10__/* .formatSpacing */ .A)(spacing),
       horizonal = _formatSpacing.horizonal,
-      vertical = _formatSpacing.vertical;
+      vertical = _formatSpacing.vertical; // useEffect(() => {
+  //   calculateHeaderWidth();
+  // }, []);
+
 
   var hasDivider = (divider || !!split) && (title || extra);
   var hasCollapse = collapsible === true || defaultCollapsed !== undefined || collapsed !== undefined;
@@ -77705,7 +77717,28 @@ var ProCard = function ProCard(props) {
     marginBottom: -vertical
   } : {};
 
-  var cardContentStyle = _extends({}, cardContentMargin, contentStyle);
+  var cardContentStyle = _extends({}, cardContentMargin, contentStyle); // 计算宽度
+
+
+  var calculateHeaderWidth = function calculateHeaderWidth() {
+    if (cardRef != null && cardRef.current) {
+      var _tooltipDom$clientWid, _tagsDom$clientWidth, _descriptionDom$clien;
+
+      var cardDom = react_dom__WEBPACK_IMPORTED_MODULE_15___default().findDOMNode(cardRef.current);
+      var headerDom = cardDom == null ? void 0 : cardDom.querySelector('.teamix-pro-card-title');
+      var tooltipDom = headerDom == null ? void 0 : headerDom.querySelector('.teamix-pro-card-title-tooltip');
+      var tagsDom = headerDom == null ? void 0 : headerDom.querySelector('.teamix-pro-tags');
+      var descriptionDom = headerDom == null ? void 0 : headerDom.querySelector('.teamix-pro-card-title-description');
+      var widthList = [(_tooltipDom$clientWid = tooltipDom == null ? void 0 : tooltipDom.clientWidth) != null ? _tooltipDom$clientWid : 0, (_tagsDom$clientWidth = tagsDom == null ? void 0 : tagsDom.clientWidth) != null ? _tagsDom$clientWidth : 0, (_descriptionDom$clien = descriptionDom == null ? void 0 : descriptionDom.clientWidth) != null ? _descriptionDom$clien : 0].filter(function (item) {
+        return item;
+      });
+      var width = widthList.reduce(function (acc, cur) {
+        return acc + cur;
+      }, 0) + widthList.length * 8; // 无法取出精准宽度，减去1作为阈值
+
+      setHeaderWithoutTitleWidth(width - 1);
+    }
+  };
 
   var renderTitle = function renderTitle() {
     var icon = tooltipIcon || 'info-circle-line';
@@ -77725,9 +77758,20 @@ var ProCard = function ProCard(props) {
       type: "down-fill"
     }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       className: cls('title-name')
-    }, title)), !hasCollapse && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-      className: cls('title-name')
-    }, title), tooltip && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_pro_field__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .ZP, {
+      value: title,
+      type: "text",
+      render: {
+        ellipsis: true
+      }
+    }))), !hasCollapse && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: cls('title-name'),
+      style: {
+        maxWidth: "calc(100% - " + headerWithoutTitleWidth + "px)"
+      }
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_pro_field__WEBPACK_IMPORTED_MODULE_14__/* .Ellipsis */ .mH, {
+      tooltip: title
+    }, title)), tooltip && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       className: cls('title-tooltip')
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_3__.Balloon.Tooltip, {
       align: "t",
@@ -79940,11 +79984,11 @@ var customComponent = function customComponent(component) {
 /* harmony import */ var _Components_LightFilter__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(58295);
 /* harmony import */ var _Components_Text_index__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(70041);
 /* harmony import */ var _SchemaForm__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(12051);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(51344);
-/* harmony import */ var _useAutoSubmit__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(86924);
+/* harmony import */ var _useAutoSubmit__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(86924);
+/* harmony import */ var _useAutoLayout__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(67995);
 /* harmony import */ var _useInitialRequest__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(8550);
 /* harmony import */ var _locales_validate__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(67315);
-var _excluded = ["form", "initialValues", "initialRequest", "scope", "context", "components", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol", "breakpoints", "onChange", "onChangeType", "onSubmit", "onSubmitFailed", "onInitialComplete", "className", "validateFirst", "schema", "children"];
+var _excluded = ["form", "initialValues", "initialRequest", "scope", "context", "components", "onChange", "onChangeType", "onSubmit", "onSubmitFailed", "onInitialComplete", "className", "validateFirst", "schema", "children"];
 
 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); }
 
@@ -80003,12 +80047,6 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
       scope = _ref.scope,
       context = _ref.context,
       components = _ref.components,
-      layout = _ref.layout,
-      labelAlign = _ref.labelAlign,
-      wrapperAlign = _ref.wrapperAlign,
-      labelCol = _ref.labelCol,
-      wrapperCol = _ref.wrapperCol,
-      breakpoints = _ref.breakpoints,
       onChange = _ref.onChange,
       onChangeType = _ref.onChangeType,
       onSubmit = _ref.onSubmit,
@@ -80020,7 +80058,8 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
       children = _ref.children,
       otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  // 获取全局配置
+  var formRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(); // 获取全局配置
+
   var _ref2 = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.getGlobalConfig)('ProForm') || {},
       globalComponents = _ref2.components,
       globalScope = _ref2.scope;
@@ -80038,25 +80077,10 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
 
   var mergedComponents = _extends({}, globalComponents, components, formilyComponents, _Components_ProField__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z);
 
-  var onAutoSubmit = (0,_useAutoSubmit__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z)(onSubmit, context); // todo 需要formily支持断点下的属性更新
-
-  var getTeamixLayout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return breakpoints === true ? {
-      breakpoints: [480],
-      layout: (0,_utils__WEBPACK_IMPORTED_MODULE_12__/* .mergeArrayValue */ .UT)(['vertical'], layout),
-      labelAlign: (0,_utils__WEBPACK_IMPORTED_MODULE_12__/* .mergeArrayValue */ .UT)(['left'], labelAlign),
-      wrapperAlign: (0,_utils__WEBPACK_IMPORTED_MODULE_12__/* .mergeArrayValue */ .UT)(['left'], wrapperAlign),
-      labelCol: (0,_utils__WEBPACK_IMPORTED_MODULE_12__/* .mergeArrayValue */ .UT)([24], labelCol),
-      wrapperCol: (0,_utils__WEBPACK_IMPORTED_MODULE_12__/* .mergeArrayValue */ .UT)([24], wrapperCol)
-    } : {
-      breakpoints: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isBool)(breakpoints) ? undefined : breakpoints,
-      layout: layout,
-      labelAlign: labelAlign,
-      wrapperAlign: wrapperAlign,
-      labelCol: labelCol,
-      wrapperCol: wrapperCol
-    };
-  }, [breakpoints, layout, labelAlign, wrapperAlign, labelCol, wrapperCol]);
+  var onAutoSubmit = (0,_useAutoSubmit__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z)(onSubmit, context);
+  var autoTeamixLayout = (0,_useAutoLayout__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z)(_extends({}, otherProps, {
+    schema: schema
+  }), formRef);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     // 配置表单默认值
     if (initialValues) {
@@ -80097,7 +80121,7 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
   }, []);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_formily__WEBPACK_IMPORTED_MODULE_4__.Form, _extends({
     className: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.cls)(prefixCls(), className)
-  }, otherProps, getTeamixLayout, {
+  }, otherProps, autoTeamixLayout, {
     form: form,
     onAutoSubmit: onAutoSubmit,
     onAutoSubmitFailed: onSubmitFailed
@@ -80105,7 +80129,9 @@ var ProForm = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function
     schema: schema,
     scope: mergedScope,
     components: mergedComponents
-  }) : null, children);
+  }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    ref: formRef
+  }), children);
 });
 ProForm.defaultProps = {
   colon: false,
@@ -80117,6 +80143,121 @@ ProForm.defaultProps = {
 
 /***/ }),
 
+/***/ 67995:
+/***/ ((__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_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(80653);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(51344);
+
+
+
+
+var useAutoLayout = function useAutoLayout(_ref, formRef) {
+  var outBreakpoints = _ref.breakpoints,
+      layout = _ref.layout,
+      labelAlign = _ref.labelAlign,
+      wrapperAlign = _ref.wrapperAlign,
+      outLabelCol = _ref.labelCol,
+      outWrapperCol = _ref.wrapperCol,
+      autoLayout = _ref.autoLayout,
+      schema = _ref.schema;
+
+  var _ref2 = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isPlainObj)(autoLayout) ? autoLayout : {
+    autoLabel: autoLayout
+  },
+      autoLabel = _ref2.autoLabel;
+
+  var breakpoints = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return autoLabel ? false : outBreakpoints;
+  }, []); // 当前断点不支持Col更新
+
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
+    labelCol: outLabelCol,
+    wrapperCol: outWrapperCol
+  }),
+      autoCol = _useState[0],
+      setAutoCol = _useState[1];
+
+  var labelCol = autoCol.labelCol,
+      wrapperCol = autoCol.wrapperCol;
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    /**
+     * autolayout
+     */
+    if (autoLabel) {
+      var formWidth = formRef.current.getBoundingClientRect().width; // 表单宽度
+
+      var labelArray = schema.map(function (item) {
+        var text = item.title;
+
+        if ((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isStr)(text)) {
+          var _item$decoratorProps;
+
+          if (item.required) {
+            text += '一'; // 必填 + 12
+          }
+
+          if ((_item$decoratorProps = item.decoratorProps) != null && _item$decoratorProps.tooltip) {
+            text += '一'; // 提示 + 18
+          }
+
+          return text;
+        }
+
+        return '';
+      }); // 标题内容集合
+
+      var labelWidthArray = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.getWidthByCharacterMap)(labelArray); // 标题宽度集合
+
+      var _autoWidthBySpace = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.autoWidthBySpace)(labelWidthArray),
+          expectedWidth = _autoWidthBySpace.expectedWidth,
+          consoleArray = _autoWidthBySpace.consoleArray; // 智能计算预期宽度
+
+
+      var expectedCol = Math.ceil(expectedWidth / formWidth * 24); // 预期宽度转换为 Col 值
+
+      setAutoCol({
+        labelCol: expectedCol,
+        wrapperCol: wrapperCol
+      });
+    } else {
+      setAutoCol({
+        labelCol: outLabelCol,
+        wrapperCol: outWrapperCol
+      });
+    }
+  }, [outLabelCol, outWrapperCol]); // Layout配置By断点（配置断点后，目前不支持 Col 更新）
+
+  var autoTeamixLayout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return breakpoints === true ? {
+      breakpoints: [480],
+      layout: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .mergeArrayValue */ .UT)(['vertical'], layout),
+      labelAlign: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .mergeArrayValue */ .UT)(['left'], labelAlign),
+      wrapperAlign: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .mergeArrayValue */ .UT)(['left'], wrapperAlign),
+      labelCol: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .mergeArrayValue */ .UT)([24], labelCol),
+      wrapperCol: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .mergeArrayValue */ .UT)([24], wrapperCol)
+    } : {
+      breakpoints: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.isBool)(breakpoints) ? undefined : breakpoints,
+      layout: layout,
+      labelAlign: labelAlign,
+      wrapperAlign: wrapperAlign,
+      labelCol: labelCol,
+      wrapperCol: wrapperCol
+    };
+  }, [breakpoints, layout, labelAlign, wrapperAlign, labelCol, wrapperCol]);
+  return autoTeamixLayout;
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useAutoLayout);
+
+/***/ }),
+
 /***/ 86924:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -80804,7 +80945,8 @@ var initialize = function initialize(item) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-var _excluded = ["title", "decoratorProps"];
+var _excluded = ["title", "decoratorProps"],
+    _excluded2 = ["title", "dataIndex", "cell", "htmlTitle", "sortable", "width", "align", "alignHeader", "filters", "filterMode", "filterMenuProps", "lock", "resizable", "colSpan"];
 
 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); }
 
@@ -80812,16 +80954,49 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var initializeColumn = function initializeColumn(item) {
   var title = item.title,
-      decoratorProps = item.decoratorProps,
-      children = _objectWithoutPropertiesLoose(item, _excluded);
-
+      _item$decoratorProps = item.decoratorProps,
+      decoratorProps = _item$decoratorProps === void 0 ? {} : _item$decoratorProps,
+      children = _objectWithoutPropertiesLoose(item, _excluded); // 将Table.Column属性和组件FormItem属性通过decoratorProps统一传入，再分别赋值
+
+
+  var columnTitle = decoratorProps.title,
+      dataIndex = decoratorProps.dataIndex,
+      cell = decoratorProps.cell,
+      htmlTitle = decoratorProps.htmlTitle,
+      sortable = decoratorProps.sortable,
+      width = decoratorProps.width,
+      align = decoratorProps.align,
+      alignHeader = decoratorProps.alignHeader,
+      filters = decoratorProps.filters,
+      filterMode = decoratorProps.filterMode,
+      filterMenuProps = decoratorProps.filterMenuProps,
+      lock = decoratorProps.lock,
+      resizable = decoratorProps.resizable,
+      colSpan = decoratorProps.colSpan,
+      formItemDecoratorProps = _objectWithoutPropertiesLoose(decoratorProps, _excluded2);
+
+  var columnProperties = {
+    title: title != null ? title : columnTitle,
+    dataIndex: dataIndex,
+    cell: cell,
+    htmlTitle: htmlTitle,
+    sortable: sortable,
+    width: width,
+    align: align,
+    alignHeader: alignHeader,
+    filters: filters,
+    filterMode: filterMode,
+    filterMenuProps: filterMenuProps,
+    lock: lock,
+    resizable: resizable,
+    colSpan: colSpan
+  };
   return {
     component: 'ArrayTable.Column',
-    props: _extends({}, decoratorProps, {
-      // 将ArrayTable.Column理解为decorator，传入decoratorProps作为component的props
-      title: title
-    }),
-    children: [_extends({}, children)]
+    props: columnProperties,
+    children: [_extends({}, children, {
+      decoratorProps: formItemDecoratorProps
+    })]
   };
 };
 
@@ -82331,7 +82506,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 */   "TeamixIcon": () => (/* reexport safe */ _teamix_icon__WEBPACK_IMPORTED_MODULE_15__.Z),
-/* harmony export */   "autoWidth": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.Md),
+/* harmony export */   "autoWidthBySpace": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.wz),
 /* harmony export */   "brandColorInfo": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.Oz),
 /* harmony export */   "cls": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.yI),
 /* harmony export */   "createForm": () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_3__.Np),
@@ -82372,6 +82547,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "getTreeLevel": () => (/* reexport safe */ _sidebar__WEBPACK_IMPORTED_MODULE_11__.zr),
 /* harmony export */   "getTreeLevelKey": () => (/* reexport safe */ _sidebar__WEBPACK_IMPORTED_MODULE_11__.Ch),
 /* harmony export */   "getTreeNodeLevel": () => (/* reexport safe */ _sidebar__WEBPACK_IMPORTED_MODULE_11__.vk),
+/* harmony export */   "getTreeNodeProps": () => (/* reexport safe */ _sidebar__WEBPACK_IMPORTED_MODULE_11__.H8),
 /* 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),
@@ -82488,7 +82664,7 @@ if (!((_window = window) != null && _window.TEAMIXPRO_WITHOUT_ICON)) {
 
 
 
-var version = '1.4.14';
+var version = '1.4.17';
 
 
 /***/ }),
@@ -83135,7 +83311,13 @@ 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 _ref, _ref2, _layout$span, _layout$span2, _item$title, _item$valueType, _ref3, _item$colSpan;
+
+      var hidden = (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .isHidden */ .xj)(item == null ? void 0 : item.hidden, (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .getDataIndexValue */ .vc)(item.dataIndex, (_ref = dataSource != null ? dataSource : result) != null ? _ref : {}), (_ref2 = dataSource != null ? dataSource : result) != null ? _ref2 : {}, context);
+
+      if (hidden) {
+        return;
+      }
 
       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;
@@ -83147,7 +83329,7 @@ var ProBaseInfo = function ProBaseInfo(props) {
         loading: loading,
         value: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_InfoValueItem__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
           type: (_item$valueType = item == null ? void 0 : item.valueType) != null ? _item$valueType : 'text',
-          value: (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .getDataIndexValue */ .vc)(item.dataIndex, (_ref = dataSource != null ? dataSource : result) != null ? _ref : {}),
+          value: (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .getDataIndexValue */ .vc)(item.dataIndex, (_ref3 = dataSource != null ? dataSource : result) != null ? _ref3 : {}),
           render: item.render,
           dataSource: item.dataSource,
           infoItem: item,
@@ -83213,12 +83395,19 @@ var ProHeaderInfo = function ProHeaderInfo(props) {
       loading = props.loading,
       result = props.result,
       actionRef = props.actionRef,
-      size = props.size;
+      size = props.size,
+      context = props.context;
   var defaultLayout = _utils_layout__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z[(0,_utils_utils__WEBPACK_IMPORTED_MODULE_6__/* .getLayout */ .G)((_size$width = size == null ? void 0 : size.width) != null ? _size$width : 0)];
 
   var renderContent = function renderContent() {
     return columns.map(function (item, index) {
-      var _item$title, _item$valueType;
+      var _ref, _ref2, _item$title, _item$valueType;
+
+      var hidden = (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .isHidden */ .xj)(item == null ? void 0 : item.hidden, (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .getDataIndexValue */ .vc)(item.dataIndex, (_ref = dataSource != null ? dataSource : result) != null ? _ref : {}), (_ref2 = dataSource != null ? dataSource : result) != null ? _ref2 : {}, context);
+
+      if (hidden) {
+        return;
+      }
 
       var span = 24;
 
@@ -83246,6 +83435,7 @@ var ProHeaderInfo = function ProHeaderInfo(props) {
           infoItem: item,
           record: dataSource != null ? dataSource : result,
           actionRef: actionRef,
+          context: context,
           props: item.props
         }),
         headerInfoLayout: layout != null ? layout : defaultLayout,
@@ -83316,7 +83506,8 @@ var ProTableInfo = function ProTableInfo(props) {
       layout = _props$layout === void 0 ? {} : _props$layout,
       loading = props.loading,
       result = props.result,
-      actionRef = props.actionRef;
+      actionRef = props.actionRef,
+      context = props.context;
   var _ref = layout,
       _ref$colNum = _ref.colNum,
       colNum = _ref$colNum === void 0 ? 2 : _ref$colNum,
@@ -83357,7 +83548,9 @@ var ProTableInfo = function ProTableInfo(props) {
 
   var newDataSource = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     var nResult = [];
-    var columnsCopy = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_6___default()(columns); // 取当前行的数据。直到取完
+    var columnsCopy = lodash_clonedeep__WEBPACK_IMPORTED_MODULE_6___default()(columns).filter(function (item) {
+      return !(0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .isHidden */ .xj)(item.hidden, (0,_utils__WEBPACK_IMPORTED_MODULE_5__/* .getDataIndexValue */ .vc)(item.dataIndex, dataSource != null ? dataSource : result), dataSource != null ? dataSource : result, context);
+    }); // 取当前行的数据。直到取完
 
     while (columnsCopy.length > 0) {
       var filterColumns = [];
@@ -83681,7 +83874,8 @@ ProInfo.ProInfoGroup = _components_InfoGroup__WEBPACK_IMPORTED_MODULE_4__/* ["de
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "TH": () => (/* binding */ ProInfoGroupContext),
 /* harmony export */   "tx": () => (/* binding */ useActionType),
-/* harmony export */   "vc": () => (/* binding */ getDataIndexValue)
+/* harmony export */   "vc": () => (/* binding */ getDataIndexValue),
+/* harmony export */   "xj": () => (/* binding */ isHidden)
 /* 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);
@@ -83715,6 +83909,33 @@ function getDataIndexValue(dataIndex, dataSource) {
 
   return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getDeepValue)(dataIndex != null ? dataIndex : '', dataSource);
 }
+/**
+ * 判断是否隐藏
+ * @param hidden
+ * @param value
+ * @param record
+ * @param context
+ */
+
+function isHidden(hidden, value, record, context) {
+  if (typeof hidden === 'string') {
+    return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getTargetValue)(hidden, _extends({}, record, {
+      record: record,
+      value: value,
+      context: context
+    }));
+  }
+
+  if (typeof hidden === 'boolean') {
+    return hidden;
+  }
+
+  if (typeof hidden === 'function') {
+    return hidden == null ? void 0 : hidden(value, record);
+  }
+
+  return false;
+}
 
 /***/ }),
 
@@ -85060,7 +85281,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 
 
-var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.usePrefixCls)('teamix-nocode');
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_5__.usePrefixCls)('teamix-pro-nocode');
 var PagePlayground = function PagePlayground(props) {
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(undefined),
       selectedComponent = _useState[0],
@@ -85197,7 +85418,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 
 
-var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_6__.usePrefixCls)('teamix-nocode');
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_6__.usePrefixCls)('teamix-pro-nocode');
 
 var Loading = function Loading(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_page_container__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, _extends({
@@ -85315,7 +85536,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 
 
-var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.usePrefixCls)('teamix-nocode-playground');
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.usePrefixCls)('teamix-pro-nocode-playground');
 var PlayGroundLayout = function PlayGroundLayout(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: cls()
@@ -86095,9 +86316,10 @@ var ProIconSwitch = function ProIconSwitch(props) {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(59787);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _teamix_pro_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(35511);
-/* harmony import */ var _components_IconAction__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(88653);
-/* harmony import */ var _components_IconSwitch__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(16786);
-/* harmony import */ var _components_HoverTooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(13753);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1975);
+/* harmony import */ var _components_IconAction__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(88653);
+/* harmony import */ var _components_IconSwitch__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(16786);
+/* harmony import */ var _components_HoverTooltip__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(13753);
 var _excluded = ["type", "action", "props"];
 
 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; }
@@ -86112,6 +86334,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 
 
+
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.usePrefixCls)('teamix-pro-sidebar-tree');
 
 var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
@@ -86134,7 +86357,7 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
         hover = _ref$hover === void 0 ? true : _ref$hover;
 
     if (type === 'action') {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_components_HoverTooltip__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_components_HoverTooltip__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
         visible: !hover || extraVisible,
         trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_1__/* .ProActionGroup */ .d5, _extends({
           type: "text",
@@ -86144,20 +86367,20 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
     }
 
     if (type === 'iconSwitch') {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_components_IconSwitch__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, _extends({
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_components_IconSwitch__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, _extends({
         tooltipVisible: !hover || extraVisible
       }, props));
     }
 
     if (type === 'iconAction') {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_components_IconAction__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, _extends({
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_components_IconAction__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, _extends({
         visible: !hover || extraVisible,
         action: action
       }, props));
     }
 
     if (type === 'custom') {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_components_HoverTooltip__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_components_HoverTooltip__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
         className: cls('extra-custom'),
         visible: !hover || extraVisible,
         trigger: others.trigger
@@ -86281,10 +86504,14 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
 
 function renderTreeNode(data) {
   return data.map(function (item) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Tree.Node, {
+    var _getTreeNodeProps = (0,___WEBPACK_IMPORTED_MODULE_5__/* .getTreeNodeProps */ .H8)(item),
+        nodeProps = _getTreeNodeProps.nodeProps,
+        labelProps = _getTreeNodeProps.labelProps;
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Tree.Node, _extends({
       key: item.value,
-      label: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(ProSideBarTreeNode, item)
-    }, item.children && item.children.length > 0 && renderTreeNode(item.children));
+      label: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(ProSideBarTreeNode, labelProps)
+    }, nodeProps), item.children && item.children.length > 0 && renderTreeNode(item.children));
   });
 } // 渲染树节点 依赖 value
 
@@ -86296,10 +86523,14 @@ function renderTreeNodeDependenceValue(data, onBeforeRenderNodeEvent, checkedKey
       newProps = onBeforeRenderNodeEvent(item, checkedKeys, selectedKeys, allData != null ? allData : data);
     }
 
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Tree.Node, {
+    var _getTreeNodeProps2 = (0,___WEBPACK_IMPORTED_MODULE_5__/* .getTreeNodeProps */ .H8)(item),
+        nodeProps = _getTreeNodeProps2.nodeProps,
+        labelProps = _getTreeNodeProps2.labelProps;
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Tree.Node, _extends({
       key: item.value,
-      label: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(ProSideBarTreeNode, newProps)
-    }, item.children && item.children.length > 0 && renderTreeNodeDependenceValue(item.children, onBeforeRenderNodeEvent, checkedKeys, selectedKeys, allData != null ? allData : data));
+      label: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(ProSideBarTreeNode, labelProps)
+    }, nodeProps), item.children && item.children.length > 0 && renderTreeNodeDependenceValue(item.children, onBeforeRenderNodeEvent, checkedKeys, selectedKeys, allData != null ? allData : data));
   });
 }
 /* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (ProSideBarTreeNode)));
@@ -86621,6 +86852,7 @@ var ProSidebarTree = function ProSidebarTree(props) {
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Ch": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.Ch),
+/* harmony export */   "H8": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.H8),
 /* 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),
@@ -86659,6 +86891,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.usePrefixCls)('teamix-pro-sidebar');
 
 var ProSidebar = function ProSidebar(props) {
+  var _cls;
+
   var selectedKeys = props.selectedKeys,
       checkedKeys = props.checkedKeys,
       dataSourceProp = props.dataSource,
@@ -86787,10 +87021,10 @@ var ProSidebar = function ProSidebar(props) {
   };
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: cls({
+    className: cls((_cls = {
       '': true,
       'scroll-tree': scrollArea === 'tree'
-    }) + " " + className,
+    }, _cls["deep-" + expandLevel] = true, _cls)) + " " + className,
     style: style
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_sidebar_container__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _extends({
     searchOnChange: lodash_debounce__WEBPACK_IMPORTED_MODULE_5___default()(function (value) {
@@ -86852,6 +87086,7 @@ function useActionType(ref, action) {
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Ch": () => (/* binding */ getTreeLevelKey),
+/* harmony export */   "H8": () => (/* binding */ getTreeNodeProps),
 /* harmony export */   "N4": () => (/* binding */ findNodeWithPath),
 /* harmony export */   "VX": () => (/* binding */ loop),
 /* harmony export */   "Y2": () => (/* binding */ findNodeWithoutPath),
@@ -86860,6 +87095,10 @@ function useActionType(ref, action) {
 /* harmony export */   "vk": () => (/* binding */ getTreeNodeLevel),
 /* harmony export */   "zr": () => (/* binding */ getTreeLevel)
 /* harmony export */ });
+var _excluded = ["selectable", "checkable", "editable", "draggable", "disabled", "checkboxDisabled", "isLeaf", "treeNodeProps"];
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function _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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -87037,19 +87276,15 @@ function getTreeLevel(data, aliasMap) {
       _ref6$children = _ref6.children,
       children = _ref6$children === void 0 ? 'children' : _ref6$children;
 
-  var result = 1;
+  var result = 0;
   loop(data, function (item, level) {
     if (result < level) {
       result = level;
     }
-
-    if ('children' in item) {
-      result += 1;
-    }
   }, {
     children: children
   });
-  return result;
+  return result + 1;
 }
 /**
  * 获取树层级对应的所有 key
@@ -87124,6 +87359,42 @@ function filterTreeData(nodes, predicate, aliasMap) {
     filterTreeValue: filterTreeValue
   };
 }
+/**
+ * 获取TreeNodeProps
+ * @param item
+ */
+
+function getTreeNodeProps(item) {
+  var selectable = item.selectable,
+      checkable = item.checkable,
+      editable = item.editable,
+      draggable = item.draggable,
+      disabled = item.disabled,
+      checkboxDisabled = item.checkboxDisabled,
+      isLeaf = item.isLeaf,
+      _item$treeNodeProps = item.treeNodeProps,
+      treeNodeProps = _item$treeNodeProps === void 0 ? {} : _item$treeNodeProps,
+      others = _objectWithoutPropertiesLoose(item, _excluded);
+
+  var nodeProps = _extends({
+    selectable: selectable,
+    checkable: checkable,
+    editable: editable,
+    draggable: draggable,
+    disabled: disabled,
+    checkboxDisabled: checkboxDisabled,
+    isLeaf: isLeaf
+  }, treeNodeProps);
+
+  return {
+    nodeProps: Object.fromEntries(Object.entries(nodeProps).filter(function (_ref9) {
+      var _ = _ref9[0],
+          v = _ref9[1];
+      return v !== undefined;
+    })),
+    labelProps: others
+  };
+}
 
 /***/ }),
 
@@ -87545,14 +87816,20 @@ var Layout = function Layout(props) {
       }
     } else if (mainAction) {
       // 没传 dataFilter 但是传了 mainAction
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_form__WEBPACK_IMPORTED_MODULE_4__/* .QueryFilterLayout */ .rx, {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_form__WEBPACK_IMPORTED_MODULE_4__/* .QueryFilterLayout */ .rx, {
         addonBefore: renderMainAction(),
-        addonAfter: renderAddonAfter()
-      });
+        addonAfter: renderAddonAfter(),
+        children: afterDataFilter ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+          className: "mb8 " + cls('after-data-filter-wrapper')
+        }, afterDataFilter) : null
+      }));
     } else {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_form__WEBPACK_IMPORTED_MODULE_4__/* .QueryFilterLayout */ .rx, {
-        addonAfter: renderAddonAfter()
-      });
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_form__WEBPACK_IMPORTED_MODULE_4__/* .QueryFilterLayout */ .rx, {
+        addonAfter: renderAddonAfter(),
+        children: afterDataFilter ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+          className: "mb8 " + cls('after-data-filter-wrapper')
+        }, afterDataFilter) : null
+      }));
     }
   }; // 区域组合渲染
 
@@ -87886,7 +88163,7 @@ var QuickAction = function QuickAction(props) {
       actionRef = props.actionRef,
       rowSelection = props.rowSelection; // 如果传对象的话，默认为主要文字类型的 ProActionButton
 
-  if (typeof quickAction === 'object') {
+  if (typeof quickAction === 'object' && quickAction != null && quickAction.config) {
     // 默认 context
     var defaultContext = {
       action: actionRef.current,
@@ -88832,7 +89109,7 @@ var ToolBar = function ToolBar(props) {
 /* harmony import */ var _page_container__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(2781);
 /* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(39339);
 /* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_15__);
-var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "afterDataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody"];
+var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "afterDataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree"];
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -88993,6 +89270,7 @@ var ProTable = function ProTable(props) {
       context = props.context,
       _props$fixedTableBody = props.fixedTableBody,
       fixedTableBody = _props$fixedTableBody === void 0 ? false : _props$fixedTableBody,
+      isTree = props.isTree,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   var targetPageKey = pageKey || globalPageKey;
@@ -89120,7 +89398,11 @@ var ProTable = function ProTable(props) {
   }, []); // 获取header高度，用作全屏吸底吸底高度计算以及固定body高度计算（滚动条在底部）
 
   var getHeaderHeight = function getHeaderHeight(isFullscreen, offset) {
-    var _tableDom$getElements, _tableDom$getElements2;
+    var _tableDom$getElements, _tableDom$getElements2, _document$querySelect, _document$querySelect2, _document$querySelect3;
+
+    if (!fixedTableBody) {
+      return;
+    }
 
     var tableDom = tableRef.current;
     var headerDom = tableDom == null ? void 0 : (_tableDom$getElements = tableDom.getElementsByClassName('teamix-pro-table-layout')) == null ? void 0 : _tableDom$getElements[0];
@@ -89130,8 +89412,9 @@ var ProTable = function ProTable(props) {
     var tableHeaderDom = tableDom == null ? void 0 : (_tableDom$getElements2 = tableDom.getElementsByClassName(basePrefix('table-header-inner'))) == null ? void 0 : _tableDom$getElements2[0];
     var pageContainerDom = document.querySelector('.teamix-pro-page-container-header');
     var teamixNavDom = document.querySelector('.teamix-nav-console');
-    var footerRowSelectionDom = document.querySelector('.teamix-pro-page-container-footer');
-    var tableBodyDom = document.querySelector('.next-table-body');
+    var footerRowSelectionDom = document.querySelector('.teamix-pro-page-container-footer'); // 这边不能直接取 next-table-body
+
+    var tableBodyDom = (_document$querySelect = document.querySelector('.teamix-pro-table')) == null ? void 0 : (_document$querySelect2 = _document$querySelect.getElementsByTagName('table')) == null ? void 0 : (_document$querySelect3 = _document$querySelect2[1]) == null ? void 0 : _document$querySelect3.parentNode;
     var headerFixedTopSectionDom = document.querySelector('.teamix-pro-page-container-fixed-top');
     setTimeout(function () {
       var _headerDom$offsetHeig, _tableHeaderDom$offse;
@@ -89149,9 +89432,8 @@ var ProTable = function ProTable(props) {
         var teamixNavHeight = (_teamixNavDom$offsetH = teamixNavDom == null ? void 0 : teamixNavDom.offsetHeight) != null ? _teamixNavDom$offsetH : 0; // 1 为预留值，js无法取出精确高度，会被四舍五入
 
         var offsetHeaderHeight = headerHeight + tableHeaderHeight + pageHeaderHeight + teamixNavHeight + footerRowSelectionHeight + 16 + (offset != null ? offset : 0) + 1;
-        var clientTableBodyHeight = document.body.clientHeight - offsetHeaderHeight;
 
-        if (tableBodyDom.clientHeight < clientTableBodyHeight) {
+        if (tableBodyDom.clientHeight < tableBodyDom.scrollHeight) {
           setFooterSuctionState(true);
         } else {
           setFooterSuctionState(false);
@@ -89206,6 +89488,10 @@ var ProTable = function ProTable(props) {
 
 
   var getFooterSuctionState = function getFooterSuctionState() {
+    if (!footerSuction) {
+      return;
+    }
+
     var containerDom = document.querySelector('.teamix-pro-page-container-scroll-container');
 
     if (containerDom) {
@@ -89606,7 +89892,7 @@ var ProTable = function ProTable(props) {
           if (Number.isInteger(time) && time >= 1000) {
             autoRefreshTimerRef.current = setTimeout(function () {
               // 自动刷新不显示 loading
-              _request({}, true);
+              _request(requestData, true);
             }, Number(time));
           }
         });
@@ -89702,8 +89988,10 @@ var ProTable = function ProTable(props) {
         columns: (0,_utils_genProColumnToColumn__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(filteredColumns, showSkeleton, actionRef, context),
         loading: getTableLoading(),
         className: classnames__WEBPACK_IMPORTED_MODULE_13___default()('teamix-pro-table', tableClassName, {
-          'with-row-select': rowSelection
+          'with-row-select': rowSelection,
+          'teamix-pro-tree-table': isTree
         }),
+        isTree: isTree,
         size: size,
         onSort: onSort,
         sort: sort,
@@ -89846,8 +90134,22 @@ var ProTable = function ProTable(props) {
         className: cls('footer-right-wrapper')
       }, showSkeleton ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_5__/* .ProSkeletonRaw.Footer.Pagination */ .vR.Footer.Pagination, null) : footer));
     }
-  };
+  }; // 判断是否需要吸底
 
+
+  var fixFooterState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    if (fullscreenState) {
+      return false;
+    }
+
+    if (fixedTableBody || footerSuction) {
+      if (footerSuctionState) {
+        return true;
+      }
+    }
+
+    return false;
+  }, [fullscreenState, fixedTableBody, footerSuction, footerSuctionState]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_ToolBar_Fullscreen__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
     visible: fullscreenState,
     actionRef: actionRef
@@ -89859,7 +90161,7 @@ var ProTable = function ProTable(props) {
 
       }),
       ref: tableRef
-    }, renderTable(isFullScreen), footerSuctionState && !fullscreenState && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_page_container__WEBPACK_IMPORTED_MODULE_14__/* ["default"].FixedFooter */ .ZP.FixedFooter, null, renderFooter()), !(footerSuctionState && !fullscreenState) && renderFooter(), fullscreenState && renderFooter());
+    }, renderTable(isFullScreen), fixFooterState && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_page_container__WEBPACK_IMPORTED_MODULE_14__/* ["default"].FixedFooter */ .ZP.FixedFooter, null, renderFooter()), !fixFooterState && renderFooter());
   });
 };
 
@@ -91284,7 +91586,6 @@ ProTimeline.Item = _ProTimeLineItem__WEBPACK_IMPORTED_MODULE_2__/* ["default"] *
 /* harmony export */   "LF": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.setRequestConfig),
 /* 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 */   "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 */   "Oz": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.brandColorInfo),
@@ -91329,6 +91630,7 @@ ProTimeline.Item = _ProTimeLineItem__WEBPACK_IMPORTED_MODULE_2__/* ["default"] *
 /* harmony export */   "vm": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getTagColor),
 /* harmony export */   "wd": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.lightBrandColor),
 /* harmony export */   "wk": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getTeamixIconConfig),
+/* harmony export */   "wz": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.autoWidthBySpace),
 /* harmony export */   "xL": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getSourceLocale),
 /* harmony export */   "yI": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.cls),
 /* harmony export */   "yn": () => (/* reexport safe */ _teamix_utils__WEBPACK_IMPORTED_MODULE_0__.isWeakMap),
@@ -92642,7 +92944,7 @@ var chartLightTheme = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "autoWidth": () => (/* reexport safe */ _inner__WEBPACK_IMPORTED_MODULE_0__.Md),
+/* harmony export */   "autoWidthBySpace": () => (/* reexport safe */ _inner__WEBPACK_IMPORTED_MODULE_0__.wz),
 /* harmony export */   "brandColorInfo": () => (/* reexport safe */ _global__WEBPACK_IMPORTED_MODULE_4__.Oz),
 /* harmony export */   "cls": () => (/* reexport safe */ _inner__WEBPACK_IMPORTED_MODULE_0__.yI),
 /* harmony export */   "customDateFormat": () => (/* reexport safe */ _date_time__WEBPACK_IMPORTED_MODULE_2__.Cb),
@@ -92751,13 +93053,25 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 54661:
+/***/ 73523:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "M": () => (/* binding */ autoWidth)
+/* harmony export */   "w": () => (/* binding */ autoWidthBySpace)
 /* harmony export */ });
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 /**
  * 获取某个宽度在宽度集中的无效空间
  * @param array 宽度集
@@ -92766,12 +93080,14 @@ __webpack_require__.r(__webpack_exports__);
  */
 var getInvalidSpace = function getInvalidSpace(array, used) {
   return array.reduce(function (prev, current) {
+    var coefficient = 5; // （可调节参数）
+
     if (used > current) {
       prev[0] += used - current; // 闲置值
     }
 
     if (used < current) {
-      prev[1] += current - used; // 溢出值
+      prev[1] += (current - used) * coefficient; // 溢出值
     }
 
     return prev;
@@ -92783,17 +93099,20 @@ var getInvalidSpace = function getInvalidSpace(array, used) {
  * @param array
  * @returns
  */
-var autoWidth = function autoWidth(array) {
+var autoWidthBySpace = function autoWidthBySpace(array) {
   var consoleArray = []; // 日志记录
 
   var minInvalidSpace = 0; // 最小无效空间
 
   var expectedWidth = 0; // 期望宽度
 
+  var maxWidth = Math.max.apply(Math, _toConsumableArray(array)); // 最大值
+
   array == null ? void 0 : array.forEach(function (width, index) {
     var _getInvalidSpace = getInvalidSpace(array, width),
         idleSpace = _getInvalidSpace[0],
-        overflowSpace = _getInvalidSpace[1];
+        overflowSpace = _getInvalidSpace[1]; // 获取闲置空间、溢出空间
+
 
     var invalidSpace = idleSpace + overflowSpace; // 使用第一个作为比对基准
 
@@ -92817,6 +93136,7 @@ var autoWidth = function autoWidth(array) {
   });
   return {
     expectedWidth: Math.ceil(expectedWidth),
+    maxWidth: maxWidth,
     consoleArray: consoleArray
   };
 };
@@ -92832,6 +93152,7 @@ var autoWidth = function autoWidth(array) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "h": () => (/* binding */ getWidthByCharacterMap)
 /* harmony export */ });
+/* harmony import */ var _checkers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(68755);
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -92844,7 +93165,8 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-// 中文汉字 [\u4e00-\u9fa5]
+ // 中文汉字 [\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) {
@@ -92913,13 +93235,17 @@ var calculateWidth = function calculateWidth(text, map) {
 };
 
 var getWidthByCharacterMap = function getWidthByCharacterMap(data, style) {
-  console.time('字符宽度集耗时');
-  var characterMap = characterMapLibrary.get(style || 'default') || getCharacterMap(style);
-  console.timeEnd('字符宽度集耗时');
+  // 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);
+      if ((0,_checkers__WEBPACK_IMPORTED_MODULE_0__/* .isStr */ .d8)(item)) {
+        return calculateWidth(item, characterMap);
+      } else {
+        console.warn('警告：遭遇非法内容，请使用字符串。', item);
+        return 0;
+      }
     });
   } else {
     return calculateWidth(data, characterMap);
@@ -93358,7 +93684,6 @@ function getTargetValue(target, context) {
 /* harmony export */   "F8": () => (/* reexport safe */ _usePrefixCls__WEBPACK_IMPORTED_MODULE_1__.F),
 /* harmony export */   "H6": () => (/* reexport safe */ _pickProps__WEBPACK_IMPORTED_MODULE_7__.Z),
 /* harmony export */   "HE": () => (/* reexport safe */ _common_request__WEBPACK_IMPORTED_MODULE_2__.H),
-/* harmony export */   "Md": () => (/* reexport safe */ _autoWidth__WEBPACK_IMPORTED_MODULE_8__.M),
 /* harmony export */   "Tn": () => (/* reexport safe */ _test_request__WEBPACK_IMPORTED_MODULE_5__.T),
 /* harmony export */   "Vn": () => (/* reexport safe */ _getTargetValue__WEBPACK_IMPORTED_MODULE_0__.Vn),
 /* harmony export */   "cd": () => (/* reexport safe */ _getTargetValue__WEBPACK_IMPORTED_MODULE_0__.ZP),
@@ -93366,6 +93691,7 @@ function getTargetValue(target, context) {
 /* harmony export */   "hS": () => (/* reexport safe */ _getDeepValue__WEBPACK_IMPORTED_MODULE_6__.Z),
 /* harmony export */   "iF": () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_3__.i),
 /* harmony export */   "tV": () => (/* reexport safe */ _test_request__WEBPACK_IMPORTED_MODULE_5__.t),
+/* harmony export */   "wz": () => (/* reexport safe */ _autoWidthBySpace__WEBPACK_IMPORTED_MODULE_8__.w),
 /* harmony export */   "yI": () => (/* reexport safe */ _usePrefixCls__WEBPACK_IMPORTED_MODULE_1__.y)
 /* harmony export */ });
 /* harmony import */ var _getDeepValue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6010);
@@ -93375,7 +93701,7 @@ function getTargetValue(target, context) {
 /* 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_8__ = __webpack_require__(54661);
+/* harmony import */ var _autoWidthBySpace__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(73523);
 /* harmony import */ var _test_request__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(19460);