@teamix/pro 1.5.24 → 1.5.26

package/dist/pro.js

@@ -73900,6 +73900,171 @@ function useDeepCompareEffectNoCheck(callback, dependencies) {
 }
 
 
+/***/ }),
+
+/***/ 6516:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "i": () => (/* binding */ getProFieldWidth)
+/* harmony export */ });
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
+/* harmony import */ var _typeMap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74248);
+/* harmony import */ var _renderMap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(96272);
+
+
+
+function getProFieldWidth(type, render) {
+  var _typeMap$language;
+  if (!type) {
+    return 0;
+  }
+  var language = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getLanguage)();
+  var typeValue = _typeMap__WEBPACK_IMPORTED_MODULE_1__/* .typeMap */ .Y === null || _typeMap__WEBPACK_IMPORTED_MODULE_1__/* .typeMap */ .Y === void 0 ? void 0 : (_typeMap$language = _typeMap__WEBPACK_IMPORTED_MODULE_1__/* .typeMap */ .Y[language]) === null || _typeMap$language === void 0 ? void 0 : _typeMap$language[type];
+  if (!typeValue) {
+    var renderValue = (0,_renderMap__WEBPACK_IMPORTED_MODULE_2__/* .getRenderWidth */ .L)(render);
+    return renderValue || 0;
+  }
+  return typeValue || 0;
+}
+
+/***/ }),
+
+/***/ 96272:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "L": () => (/* binding */ getRenderWidth)
+/* harmony export */ });
+function getRenderWidth(render) {
+  if (typeof render === 'function') {
+    return 0;
+  }
+  // ministep垂直布局 + 水平布局
+  if ((render === null || render === void 0 ? void 0 : render.type) === 'step') {
+    return {
+      width: [],
+      shrink: true,
+      minWidth: 120,
+      level: 3,
+      maxWidth: 320
+    };
+  }
+  // 告警等级标签 大中小同大小
+  if ((render === null || render === void 0 ? void 0 : render.type) === 'eventLevelTag') {
+    return {
+      width: [42],
+      shrink: false,
+      minWidth: 42,
+      level: 1
+    };
+  }
+  // 强调型数字
+  if (render === null || render === void 0 ? void 0 : render.isEmphasize) {
+    return {
+      width: [],
+      shrink: false,
+      level: 1
+    };
+  }
+  // 首列 图标 + id + 描述 + copy
+  if ((render === null || render === void 0 ? void 0 : render.icon) && (render === null || render === void 0 ? void 0 : render.description)) {
+    return {
+      width: [],
+      shrink: false,
+      level: 1
+    };
+  }
+  return 0;
+}
+
+/***/ }),
+
+/***/ 74248:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Y": () => (/* binding */ typeMap)
+/* harmony export */ });
+var typeMapZH = {
+  date: {
+    width: [90],
+    shrink: false,
+    minWidth: 90,
+    level: 1
+  },
+  dateWeek: {
+    width: [66],
+    shrink: false,
+    minWidth: 66,
+    level: 1
+  },
+  dateMonth: {
+    width: [60],
+    shrink: false,
+    minWidth: 60,
+    level: 1
+  },
+  dateYear: {
+    width: [40],
+    shrink: false,
+    minWidth: 40,
+    level: 1
+  },
+  dateQuarter: {
+    width: [56],
+    shrink: false,
+    minWidth: 56,
+    level: 1
+  },
+  dateYearRange: {
+    width: [94],
+    shrink: false,
+    minWidth: 94,
+    level: 1
+  },
+  dateTime: {
+    width: [142],
+    shrink: false,
+    minWidth: 142,
+    level: 1
+  },
+  dateRange: {
+    width: [132],
+    shrink: false,
+    minWidth: 132,
+    level: 1
+  }
+};
+var typeMapEN = {
+  date: {
+    width: [72],
+    shrink: false,
+    minWidth: 72,
+    level: 1
+  },
+  dateYear: {
+    width: [40],
+    shrink: false,
+    minWidth: 40,
+    level: 1
+  },
+  dateRange: {
+    width: [98],
+    shrink: false,
+    minWidth: 98,
+    level: 1
+  }
+};
+var typeMap = {
+  'zh-cn': typeMapZH,
+  'zh-tw': typeMapZH,
+  'en-us': typeMapEN
+};
+
 /***/ }),
 
 /***/ 50870:
@@ -77067,7 +77232,6 @@ var FieldIcon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwar
     showLeft = _useState20[0],
     setShowLeft = _useState20[1];
   var balloonRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  console.log('showLeft', showLeft);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     setFieldVal(value);
     (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .bindRefValue */ .Dd)(value, ref);
@@ -85884,6 +86048,7 @@ var TagSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(f
 /* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__),
 /* harmony export */   "as": () => (/* reexport safe */ _commonComponents__WEBPACK_IMPORTED_MODULE_27__.as),
 /* harmony export */   "h4": () => (/* reexport safe */ _commonComponents__WEBPACK_IMPORTED_MODULE_27__.h4),
+/* harmony export */   "i": () => (/* reexport safe */ _autoWidth_index__WEBPACK_IMPORTED_MODULE_28__.i),
 /* harmony export */   "mH": () => (/* reexport safe */ _commonComponents__WEBPACK_IMPORTED_MODULE_27__.mH),
 /* harmony export */   "z1": () => (/* reexport safe */ _commonComponents__WEBPACK_IMPORTED_MODULE_27__.z1)
 /* harmony export */ });
@@ -85917,7 +86082,8 @@ var TagSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(f
 /* harmony import */ var _components_FieldSelectGroup__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(98203);
 /* harmony import */ var _components_FieldMenuCascaderSelect__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(19799);
 /* harmony import */ var _commonComponents__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(76457);
-var _excluded = ["dataSource", "state", "tooltip", "tooltipLabel", "tooltipIcon", "tooltipIconSize", "className", "style"];
+/* harmony import */ var _autoWidth_index__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(6516);
+var _excluded = ["dataSource", "state", "tooltip", "tooltipLabel", "tooltipIcon", "tooltipIconSize", "className", "style", "proFieldWidthType"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -86061,6 +86227,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 // 导出非Field的一些通用组件
 
+
 var externalComponents = {};
 var innerComponents = {
   text: _components_FieldText__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z,
@@ -86133,6 +86300,7 @@ var ProField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forward
     tooltipIconSize = props.tooltipIconSize,
     className = props.className,
     style = props.style,
+    proFieldWidthType = props.proFieldWidthType,
     others = _objectWithoutProperties(props, _excluded);
   var proFieldRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
   // 注册全局自定义组件
@@ -99758,6 +99926,7 @@ function getColClassAndStyle(col) {
 /* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__),
 /* harmony export */   "as": () => (/* reexport safe */ _teamix_pro_field__WEBPACK_IMPORTED_MODULE_0__.as),
 /* harmony export */   "h4": () => (/* reexport safe */ _teamix_pro_field__WEBPACK_IMPORTED_MODULE_0__.h4),
+/* harmony export */   "i": () => (/* reexport safe */ _teamix_pro_field__WEBPACK_IMPORTED_MODULE_0__.i),
 /* harmony export */   "mH": () => (/* reexport safe */ _teamix_pro_field__WEBPACK_IMPORTED_MODULE_0__.mH),
 /* harmony export */   "z1": () => (/* reexport safe */ _teamix_pro_field__WEBPACK_IMPORTED_MODULE_0__.z1)
 /* harmony export */ });
@@ -100213,8 +100382,7 @@ var BaseItem = function BaseItem(props) {
   }
   var prefixCls = (0,_builtins___WEBPACK_IMPORTED_MODULE_2__/* .usePrefixCls */ .F8)('formily-item', props);
   var prefix = (0,_builtins___WEBPACK_IMPORTED_MODULE_2__/* .usePrefixCls */ .F8)();
-  console.log('feedbackLayout', feedbackLayout);
-  var formatChildren = feedbackLayout === 'popover' || feedbackLayout === 'hover-popover' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_6__.Balloon, _extends({
+  var formatChildren = (feedbackLayout === 'popover' || feedbackLayout === 'hover-popover') && !!feedbackText ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_6__.Balloon, _extends({
     needAdjust: true,
     align: "t",
     closable: false,
@@ -105227,6 +105395,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "getMicroApp": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.DO),
 /* harmony export */   "getOwnerShip": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.qp),
 /* harmony export */   "getPageConfig": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.qQ),
+/* harmony export */   "getProFieldWidth": () => (/* reexport safe */ _field__WEBPACK_IMPORTED_MODULE_2__.i),
 /* harmony export */   "getQuery": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.pm),
 /* harmony export */   "getRequestConfig": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.cF),
 /* harmony export */   "getSessionStorage": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_10__.G),
@@ -105380,7 +105549,7 @@ if (!((_window = window) != null && _window.TEAMIXPRO_WITHOUT_ICON)) {
 
 
 
-var version = '1.5.24';
+var version = '1.5.26';
 
 // By TeamixTest
 window.postMessage({
@@ -109973,7 +110142,7 @@ var CardView = function CardView(props) {
         });
         return (_titleColumn$cell = titleColumn == null ? void 0 : titleColumn.cell == null ? void 0 : titleColumn.cell(getDataIndexValue(itemProps, record), index, record)) != null ? _titleColumn$cell : '';
       }
-      return (0,_utils_columnRender__WEBPACK_IMPORTED_MODULE_5__/* .renderCell */ .c)(getDataIndexValue(itemProps.dataIndex, record), itemProps, index, record, actionRef, context);
+      return (0,_utils_columnRender__WEBPACK_IMPORTED_MODULE_5__/* .renderCell */ .cw)(getDataIndexValue(itemProps.dataIndex, record), itemProps, index, record, actionRef, context);
     }
   };
 
@@ -110002,7 +110171,7 @@ var CardView = function CardView(props) {
           descriptionCopy: undefined
         })
       });
-      return (0,_utils_columnRender__WEBPACK_IMPORTED_MODULE_5__/* .renderCell */ .c)(getDataIndexValue(column == null ? void 0 : column.dataIndex, record), _columns, index, record, actionRef, context);
+      return (0,_utils_columnRender__WEBPACK_IMPORTED_MODULE_5__/* .renderCell */ .cw)(getDataIndexValue(column == null ? void 0 : column.dataIndex, record), _columns, index, record, actionRef, context);
     }
 
     // 【默认情况】直接拿第一列的 cell
@@ -110034,7 +110203,7 @@ var CardView = function CardView(props) {
           descriptionCopy: undefined
         }
       });
-      return (0,_utils_columnRender__WEBPACK_IMPORTED_MODULE_5__/* .renderCell */ .c)(getDataIndexValue(column == null ? void 0 : (_column$render2 = column.render) == null ? void 0 : _column$render2.value, record), _columns2, index, record, actionRef, context);
+      return (0,_utils_columnRender__WEBPACK_IMPORTED_MODULE_5__/* .renderCell */ .cw)(getDataIndexValue(column == null ? void 0 : (_column$render2 = column.render) == null ? void 0 : _column$render2.value, record), _columns2, index, record, actionRef, context);
     }
   };
 
@@ -110081,7 +110250,7 @@ var CardView = function CardView(props) {
           max: 1
         }
       });
-      return (0,_utils_columnRender__WEBPACK_IMPORTED_MODULE_5__/* .renderCell */ .c)(null, newActionColumn, index, record, actionRef, context);
+      return (0,_utils_columnRender__WEBPACK_IMPORTED_MODULE_5__/* .renderCell */ .cw)(null, newActionColumn, index, record, actionRef, context);
     }
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null);
   };
@@ -110109,7 +110278,7 @@ var CardView = function CardView(props) {
         }
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
           className: cls('extra-item')
-        }, (0,_utils_columnRender__WEBPACK_IMPORTED_MODULE_5__/* .renderCell */ .c)(null, item, index, record, actionRef, context));
+        }, (0,_utils_columnRender__WEBPACK_IMPORTED_MODULE_5__/* .renderCell */ .cw)(null, item, index, record, actionRef, context));
       }));
     }
     return getActionGroupFromColumn(undefined, record, index);
@@ -112230,7 +112399,7 @@ var ToolBar = function ToolBar(props) {
       flat: flat
     }),
     ref: toolBarRef
-  }, !flat && !fullScreenState ? renderUnFlatShape() : renderFlatShape, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+  }, !flat && !fullScreenState ? renderUnFlatShape() : renderFlatShape, toolBarAutoWidth && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
     className: cls('shadow'),
     ref: toolBarContentRef
   }, renderFlatShape));
@@ -112256,7 +112425,7 @@ var ToolBar = function ToolBar(props) {
 /* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(53277);
 /* harmony import */ var _components_Layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9458);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(90450);
-/* harmony import */ var _utils_getTableProps__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(78964);
+/* harmony import */ var _utils_getTableProps__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(78964);
 /* harmony import */ var _utils_getTableSortIcons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(98806);
 /* harmony import */ var _utils_useTableSelection__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(23779);
 /* harmony import */ var _components_ToolBar_Fullscreen__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(21630);
@@ -112265,12 +112434,13 @@ var ToolBar = function ToolBar(props) {
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(28266);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_13__);
 /* 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__);
-/* harmony import */ var _components_CardView__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(9285);
-/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(42341);
-/* harmony import */ var _utils_util__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(49618);
-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", "requestConfig", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "autoRefreshProps", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree", "toolBarAutoWidth", "data-teamix-spm", "switchCardView", "cardViewProps", "defaultView", "emptyProps", "bindUrlProps", "bindUrl", "autoRedirect", "useMaxData"],
+/* harmony import */ var _utils_genAutoWidthColumns__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(79389);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(39339);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var _components_CardView__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(9285);
+/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(42341);
+/* harmony import */ var _utils_util__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(49618);
+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", "requestConfig", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "autoRefreshProps", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "autoWidth", "fixedTableBody", "isTree", "toolBarAutoWidth", "data-teamix-spm", "switchCardView", "cardViewProps", "defaultView", "emptyProps", "bindUrlProps", "bindUrl", "autoRedirect", "useMaxData"],
   _excluded2 = ["onChange"];
 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."); }
@@ -112300,6 +112470,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
 
 
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.usePrefixCls)('teamix-pro-table');
@@ -112412,6 +112583,8 @@ var ProTable = function ProTable(props) {
     propsSize = _props$size === void 0 ? 'medium' : _props$size,
     disableSelectAll = props.disableSelectAll,
     context = props.context,
+    _props$autoWidth = props.autoWidth,
+    autoWidth = _props$autoWidth === void 0 ? false : _props$autoWidth,
     _props$fixedTableBody = props.fixedTableBody,
     fixedTableBody = _props$fixedTableBody === void 0 ? false : _props$fixedTableBody,
     isTree = props.isTree,
@@ -112433,7 +112606,7 @@ var ProTable = function ProTable(props) {
   var targetPageKey = pageKey || globalPageKey;
   var targetPageSizeKey = pageSizeKey || globalPageSizeKey;
   var targetFormatSort = formatSort || globalFormatSort;
-  var _ref = bindUrl ? (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_17__.useUrlState)() : [],
+  var _ref = bindUrl ? (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_18__.useUrlState)() : [],
     urlState = _ref[0],
     setUrlState = _ref[1];
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((_urlState$currentPage = urlState == null ? void 0 : urlState.currentPage) != null ? _urlState$currentPage : 1),
@@ -112466,6 +112639,14 @@ var ProTable = function ProTable(props) {
   var _useState8 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(processColumns(propsColumns != null ? propsColumns : [], propsColumns)),
     filteredColumns = _useState8[0],
     setFilteredColumns = _useState8[1];
+  // 判断是否有操作列，有的话则渲染一个 shadow dom
+  var hasActionColumn = false;
+  if (autoWidth) {
+    hasActionColumn = filteredColumns.some(function (column) {
+      var _column$actionSchema, _column$actionSchema$;
+      return (column == null ? void 0 : column.actionSchema) && ((_column$actionSchema = column.actionSchema) == null ? void 0 : (_column$actionSchema$ = _column$actionSchema.actions) == null ? void 0 : _column$actionSchema$.length) > 0;
+    });
+  }
   var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(propsSize),
     size = _useState9[0],
     _setSize = _useState9[1];
@@ -112473,6 +112654,12 @@ var ProTable = function ProTable(props) {
     showLoading = _useState10[0],
     setShowLoading = _useState10[1];
 
+  // 自动计算列宽需要的一些hook
+  var _useState11 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+    showShadowContainer = _useState11[0],
+    setShowShadowContainer = _useState11[1];
+  var shadowContainerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  var shadowActionColumnContainerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   // 表格内部用作存储的 Ref，标识 Table 组件是否被第一次渲染。用作 useUrlState filter 第一次渲染时使用 state 数据请求
   var dataRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({
     flag: true
@@ -112494,18 +112681,18 @@ var ProTable = function ProTable(props) {
 
   // 存储能够被 on 监听到的 ProTable 状态
   // 因为只做存储用。不需要更新视图以及需要同步更改。所以不使用 setState 更新
-  var _useState11 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
+  var _useState12 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
       fullScreenState: false,
       filterRules: {},
       filterColumns: []
     }),
-    actionRefState = _useState11[0];
+    actionRefState = _useState12[0];
 
   // 存储 on 监听事件
-  var _useState12 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
+  var _useState13 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
       fullScreenState: {}
     }),
-    actionRefCallback = _useState12[0];
+    actionRefCallback = _useState13[0];
 
   // 存储定时器 id
   var autoRefreshTimerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
@@ -112526,7 +112713,7 @@ var ProTable = function ProTable(props) {
     getFooterSuctionState();
     if (window.onresize) {
       onResize = window.onresize;
-      window.onresize = lodash_debounce__WEBPACK_IMPORTED_MODULE_15___default()(function () {
+      window.onresize = lodash_debounce__WEBPACK_IMPORTED_MODULE_16___default()(function () {
         onResize == null ? void 0 : onResize();
         if (footerSuction) {
           getFooterSuctionState();
@@ -112536,7 +112723,7 @@ var ProTable = function ProTable(props) {
         }
       }, 500);
     } else {
-      window.onresize = lodash_debounce__WEBPACK_IMPORTED_MODULE_15___default()(function () {
+      window.onresize = lodash_debounce__WEBPACK_IMPORTED_MODULE_16___default()(function () {
         if (footerSuction) {
           getFooterSuctionState();
         }
@@ -112627,18 +112814,18 @@ var ProTable = function ProTable(props) {
   };
 
   // header 区域高度。用作全屏计算吸顶吸底高度。默认不做计算
-  var _useState13 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
-    headerHeight = _useState13[0],
-    setHeaderHeight = _useState13[1];
+  var _useState14 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
+    headerHeight = _useState14[0],
+    setHeaderHeight = _useState14[1];
 
   // 全屏显示 className
-  var _useState14 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-    fullscreenState = _useState14[0],
-    setFullscreenState = _useState14[1];
+  var _useState15 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+    fullscreenState = _useState15[0],
+    setFullscreenState = _useState15[1];
   // 切换视角
-  var _useState15 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(defaultView != null ? defaultView : 'table'),
-    switchViewState = _useState15[0],
-    setSwitchViewState = _useState15[1];
+  var _useState16 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(defaultView != null ? defaultView : 'table'),
+    switchViewState = _useState16[0],
+    setSwitchViewState = _useState16[1];
   // 切换全屏搜索开关
   var filterEnableRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({
     fullscreen: false,
@@ -112662,9 +112849,9 @@ var ProTable = function ProTable(props) {
   // let dataFilterForm = dataFilterFormRef.current;
 
   // 整个内容区是否超过一屏。用于表格在非全屏模式下的吸底
-  var _useState16 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-    footerSuctionState = _useState16[0],
-    setFooterSuctionState = _useState16[1];
+  var _useState17 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+    footerSuctionState = _useState17[0],
+    setFooterSuctionState = _useState17[1];
 
   // TODO 获取内容区是否超出一屏（暂时仅支持全家桶）
   var getFooterSuctionState = function getFooterSuctionState() {
@@ -112820,6 +113007,9 @@ var ProTable = function ProTable(props) {
       setFullscreenState(state);
       getHeaderHeight(state);
       actionRef == null ? void 0 : (_actionRef$current2 = actionRef.current) == null ? void 0 : _actionRef$current2.setState == null ? void 0 : _actionRef$current2.setState('fullScreenState', state);
+      if (autoWidth) {
+        reGenFilteredColumnsByAutoWidth();
+      }
       return state;
     },
     setColumn: function setColumn(newColumns, update) {
@@ -112833,10 +113023,16 @@ var ProTable = function ProTable(props) {
       if (update) {
         (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .emit */ .j8)('refreshFilterState', newColumns);
       }
+      if (autoWidth) {
+        reGenFilteredColumnsByAutoWidth();
+      }
     },
     size: size,
     setSize: function setSize(mode) {
       _setSize(mode);
+      if (autoWidth) {
+        reGenFilteredColumnsByAutoWidth();
+      }
     },
     refresh: function refresh(params) {
       // card视角的刷新等于重新请求
@@ -112949,6 +113145,21 @@ var ProTable = function ProTable(props) {
   if (propsActionRef) {
     propsActionRef.current = actionRef.current;
   }
+  function reGenFilteredColumnsByAutoWidth() {
+    if (!autoWidth) {
+      return;
+    }
+    setShowShadowContainer(true);
+    var authWidthedColumns = (0,_utils_genAutoWidthColumns__WEBPACK_IMPORTED_MODULE_15__/* .genAutoWidthColumns */ .ie)(filteredColumns, shadowContainerRef, data, size, useRowSelection, shadowActionColumnContainerRef);
+    setFilteredColumns(authWidthedColumns);
+    // 移除 shadow dom
+    // setTimeout(() => {
+    //   if (document.querySelector('.teamix-pro-table-shadow-container')) {
+    //     document.querySelector('.teamix-pro-table-shadow-container')?.remove();
+    //   }
+    // }, 0);
+  }
+
   function onFormatResult(next) {
     props.onFormatResult && props.onFormatResult(next);
 
@@ -112990,6 +113201,9 @@ var ProTable = function ProTable(props) {
       setTotal(total + (next.total || ((_next$data3 = next.data) == null ? void 0 : _next$data3.length)));
     }
     setShowSkeleton(false);
+    if (autoWidth) {
+      reGenFilteredColumnsByAutoWidth();
+    }
   }
 
   // 请求表格数据工具函数
@@ -113063,7 +113277,7 @@ var ProTable = function ProTable(props) {
     var _dataFilterFormRef$cu2, _actionRef$current$ge, _actionRef$current6, _extends3;
     // 首次渲染表格，获取 urlState 上的 表头 filter 数据
     if (bindUrl && (bindUrlProps == null ? void 0 : bindUrlProps.headerFilters) !== false && dataRef.current.flag) {
-      (0,_utils_util__WEBPACK_IMPORTED_MODULE_18__/* .getUrlStateFilter */ .a)(urlState != null ? urlState : {}, actionRef);
+      (0,_utils_util__WEBPACK_IMPORTED_MODULE_19__/* .getUrlStateFilter */ .a)(urlState != null ? urlState : {}, actionRef);
       dataRef.current.flag = false;
     }
 
@@ -113143,6 +113357,9 @@ var ProTable = function ProTable(props) {
               _setData([].concat(_toConsumableArray(data), _toConsumableArray(dataRes || [])));
               setTotal(total + (totalRes || (dataRes == null ? void 0 : dataRes.length)));
             }
+            if (autoWidth) {
+              reGenFilteredColumnsByAutoWidth();
+            }
             setShowSkeleton(false);
             setCustomTableLoading(false);
           }
@@ -113275,7 +113492,7 @@ var ProTable = function ProTable(props) {
         fixedHeader: fullscreenState || fixedTableBody,
         maxBodyHeight: "calc(100vh - " + headerHeight + "px)"
         // 过滤出可以传到 Table 的 Props
-      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_19__/* ["default"] */ .Z)(), otherProps))), switchViewState === 'card' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_CardView__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z, {
+      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_20__/* ["default"] */ .Z)(), otherProps))), switchViewState === 'card' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_CardView__WEBPACK_IMPORTED_MODULE_17__/* ["default"] */ .Z, {
         dataSource: showSkeleton ? skeletonDataSource : data || props.dataSource,
         showSkeleton: showSkeleton,
         loading: getTableLoading(),
@@ -113292,7 +113509,7 @@ var ProTable = function ProTable(props) {
       // 不传 columns 直接返回原始 Table
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Table, _extends({
         className: cls()
-      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_19__/* ["default"] */ .Z)(), otherProps)));
+      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_20__/* ["default"] */ .Z)(), otherProps)));
     }
   };
   var renderFooterAction = function renderFooterAction() {
@@ -113443,7 +113660,11 @@ var ProTable = function ProTable(props) {
       }),
 
       ref: tableRef
-    }, 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());
+    }, showShadowContainer && (0,_utils_genAutoWidthColumns__WEBPACK_IMPORTED_MODULE_15__/* .shadowContainer */ .yV)({
+      columns: filteredColumns,
+      data: data,
+      shadowContainerRef: shadowContainerRef
+    }), hasActionColumn && (0,_utils_genAutoWidthColumns__WEBPACK_IMPORTED_MODULE_15__/* .shadowActionColumnContainer */ .tG)(filteredColumns, shadowActionColumnContainerRef), 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());
   });
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProTable);
@@ -113455,8 +113676,9 @@ var ProTable = function ProTable(props) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "c": () => (/* binding */ renderCell),
-/* harmony export */   "p": () => (/* binding */ renderColumnsTitle)
+/* harmony export */   "cw": () => (/* binding */ renderCell),
+/* harmony export */   "mn": () => (/* binding */ renderCellSmartWidth),
+/* harmony export */   "pt": () => (/* binding */ renderColumnsTitle)
 /* 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__);
@@ -113464,6 +113686,7 @@ var ProTable = function ProTable(props) {
 /* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(28758);
 /* harmony import */ var _field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(75241);
 /* harmony import */ var _components_Filter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(34166);
+/* harmony import */ var _teamix_pro_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(35511);
 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); }
@@ -113646,9 +113869,52 @@ var renderCell = function renderCell(value, item, index, record, actionRef, cont
     value: value,
     render: newRender,
     dataSource: newDataSource,
-    format: format
+    format: format,
+    proFieldWidthType: valueType
   }, props));
 };
+var renderCellSmartWidth = function renderCellSmartWidth(value, item, index, record
+// actionRef: React.MutableRefObject<ProTableActionType | undefined>,
+/** 接收外部比如 dialog-table 传过来的 context，用于弹窗关闭等 */
+// context?: any,
+) {
+  var _item$valueType2 = item.valueType,
+    valueType = _item$valueType2 === void 0 ? 'text' : _item$valueType2,
+    render = item.render;
+  var newRender = null;
+  var newDataSource = null;
+  var props = item.props;
+  // 如果 render 直接传函数
+  if (typeof render === 'function') {
+    newRender = function newRender() {
+      return render == null ? void 0 : render(value, index, record);
+    };
+  } else {
+    newRender = processBuriedPoint(processRenderFunction(render, value, index, record), record, value, index);
+    if (valueType === 'selectGroup') {
+      newRender = _extends({
+        maxShowNumber: 'auto',
+        foldText: 'more',
+        editOnClick: function editOnClick() {},
+        edit: true
+      }, newRender, {
+        ellipsis: false
+      });
+      props = _extends({
+        valueAlias: {
+          value: 'TagValue',
+          key: 'TagKey'
+        }
+      }, props);
+    }
+    if ((render == null ? void 0 : render.type) === 'step') {
+      newRender = _extends({}, newRender, {
+        ellipsis: false
+      });
+    }
+  }
+  return (0,_teamix_pro_field__WEBPACK_IMPORTED_MODULE_5__/* .getProFieldWidth */ .i)(valueType, newRender);
+};
 
 /**
  * 处理 render 配置项是函数的情况
@@ -113709,6 +113975,371 @@ var processBuriedPoint = function processBuriedPoint(render, record, value, inde
 
 /***/ }),
 
+/***/ 79389:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "ie": () => (/* binding */ genAutoWidthColumns),
+/* harmony export */   "tG": () => (/* binding */ shadowActionColumnContainer),
+/* harmony export */   "yV": () => (/* binding */ shadowContainer)
+/* harmony export */ });
+/* unused harmony exports computeableWidthTypeList, fixedWidthTypeList, fieldTypeShrink */
+/* 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 _pureColumnRender__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(26370);
+/* harmony import */ var _columnRender__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(97332);
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(28758);
+/* harmony import */ var _teamix_pro_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(35511);
+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; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+
+
+
+
+
+// 最大宽度
+var maxColumnWidth = 600;
+// 最小宽度
+var minColumnWidth = 48;
+// 每个列可以缩减的最大宽度
+var columnShrinkMaxWidth = 100;
+
+/**
+ * @param fileteredColumns
+ * @param ref
+ * @param data
+ * @returns
+ */
+function genAutoWidthColumns(fileteredColumns, ref, data, size, useRowSelection, actionColumnRef) {
+  if (!ref.current) {
+    return fileteredColumns;
+  }
+  var hasLockFlag = false;
+  var dom = ref.current;
+  var actionColumnDom = actionColumnRef == null ? void 0 : actionColumnRef.current;
+  var childNodes = dom.children;
+  var finalColumns = [];
+  fileteredColumns.forEach(function (column, index) {
+    var render = column.render,
+      _column$valueType = column.valueType,
+      valueType = _column$valueType === void 0 ? 'text' : _column$valueType,
+      _column$autoWidth = column.autoWidth,
+      autoWidth = _column$autoWidth === void 0 ? true : _column$autoWidth,
+      actionSchema = column.actionSchema,
+      sortable = column.sortable,
+      lock = column.lock;
+    if (lock) {
+      hasLockFlag = true;
+    }
+    //@ts-ignore
+    var type = render == null ? void 0 : render.type;
+    var finalType = type || valueType || '';
+    var shrink = fieldTypeShrink[finalType];
+    column.shrink = column.shrink || (shrink !== undefined ? shrink : 1);
+    //@ts-ignore
+    // if (!autoWidth) {
+    //   finalColumns.push(column);
+    //   return;
+    // }
+    if (actionSchema) {
+      // TODO 操作列暂时未处理，但是应该根据actionSchema的数量直接推测出操作列的宽度
+      // console.log('column', column);
+      column.shrink = 0;
+      // column.width = 280;
+      // console.log(
+      //   'actionColumnDom',
+      //   actionColumnDom?.childNodes[0].scrollWidth,
+      // );
+      if (actionColumnDom != null && actionColumnDom.childNodes[0]) {
+        //@ts-ignore
+        var width = actionColumnDom == null ? void 0 : actionColumnDom.childNodes[0].scrollWidth;
+        if (width >= 280) {
+          width = 280;
+        }
+        column.width = defaultPaddingFixer(width, size, false);
+      }
+      finalColumns.push(column);
+      return;
+    }
+    // @ts-ignore
+    var titleWidth = childNodes[index].children[0].scrollWidth;
+    // @ts-ignore
+    if (fixedWidthTypeList[finalType]) {
+      // console.log(
+      //   'fixedWidthTypeList[finalType]',
+      //   fixedWidthTypeList[finalType],
+      // );
+      // 固定宽度
+      column.width = defaultPaddingFixer(
+      // @ts-ignore
+      Math.max(titleWidth, fixedWidthTypeList[finalType]), size, index === 0 && useRowSelection);
+      // @ts-ignore
+    } else if (computeableWidthTypeList[finalType]) {
+      // 可计算宽度
+      column.width = defaultPaddingFixer(
+      // @ts-ignore
+      Math.max(titleWidth, computeableWidthTypeList[finalType](data, render)), size, index === 0 && useRowSelection);
+    } else {
+      // 直接根据 dom 计算
+      column.width = defaultPaddingFixer(Math.max(titleWidth,
+      // @ts-ignore
+      calcWidthWithParentDOM(childNodes[index], column.shrink)), size, index === 0 && useRowSelection);
+    }
+    if (index === 0) {
+      // 首列不会被挤占
+      column.shrink = 0;
+    }
+    finalColumns.push(column);
+  });
+  if (!hasLockFlag) {
+    // 如果没有锁列的情况，需要将所有列放到一屏内，此时需要将所有列放到一起计算一次
+    var containerWidth = dom.offsetWidth;
+    var comboColumns = calcMultiColumnLength(finalColumns, useRowSelection ? containerWidth - 50 : containerWidth);
+    return comboColumns;
+  }
+  return finalColumns;
+}
+var shadowContainer = function shadowContainer(props) {
+  var ref = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createRef)();
+  var columns = props.columns,
+    data = props.data,
+    shadowContainerRef = props.shadowContainerRef;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    ref: shadowContainerRef,
+    className: "teamix-pro-table-shadow-container"
+  }, columns.map(function (column, index) {
+    var dataIndex = column.dataIndex,
+      valueType = column.valueType;
+    if (!(column != null && column.actionSchema)) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+        className: "teamix-pro-table-shadow-container-columns",
+        key: index
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, (0,_columnRender__WEBPACK_IMPORTED_MODULE_3__/* .renderColumnsTitle */ .pt)(column, ref)),
+      //@ts-ignore
+      !computeableWidthTypeList[valueType] &&
+      //@ts-ignore
+      !fixedWidthTypeList[valueType] && data.map(function (item, index) {
+        // @ts-ignore
+        column.smartWidth = (0,_columnRender__WEBPACK_IMPORTED_MODULE_3__/* .renderCellSmartWidth */ .mn)(getValueFromRecord(dataIndex, item), column, index, item);
+        return (0,_pureColumnRender__WEBPACK_IMPORTED_MODULE_2__/* .renderCell */ .c)(getValueFromRecord(dataIndex, item), column, index, item);
+      }));
+    }
+  }));
+};
+var shadowActionColumnContainer = function shadowActionColumnContainer(columns, shadowActionColumnContainerRef) {
+  var actionColumn = columns.find(function (column) {
+    return column == null ? void 0 : column.actionSchema;
+  });
+  if (actionColumn != null && actionColumn.actionSchema) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      ref: shadowActionColumnContainerRef,
+      className: "teamix-pro-table-action-column-shadow-container"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_4__/* .ProActionGroup */ .d5, _extends({
+      type: "text"
+    }, actionColumn == null ? void 0 : actionColumn.actionSchema, {
+      context: _extends({}, actionColumn == null ? void 0 : actionColumn.actionSchema.context)
+    })));
+  }
+};
+
+// 计算操作列的宽度
+
+function getValueFromRecord(dataIndex, record) {
+  if (!dataIndex) {
+    return null;
+  }
+  if (Array.isArray(dataIndex)) {
+    var value = dataIndex.map(function (item) {
+      return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.getTargetValue)("{{" + item + "}}", _extends({}, record, {
+        record: record
+      }));
+    });
+    return value;
+  } else {
+    var result = record;
+    var array = dataIndex.split('.');
+    array.forEach(function (item) {
+      return result = result ? result[item] : undefined;
+    });
+    return result;
+  }
+}
+
+// TODO 某些可以直接算出结果的 profield 类型白名单，待补充，每个类型下支持一个函数，用当前值和渲染类型算出一个结果
+var computeableWidthTypeList = {
+  dateTime: function dateTime(data, render) {
+    var result = (0,_teamix_pro_field__WEBPACK_IMPORTED_MODULE_5__/* .getProFieldWidth */ .i)('dateTime', render);
+    // @ts-ignore
+    return (result == null ? void 0 : result.minWidth) || 0;
+  }
+};
+
+// TODO 某些固定宽度的 profield 类型白名单，这里的数据可能需要综合考虑 dataFold 和 render.rows
+var fixedWidthTypeList = {
+  // 时间日期
+  // dateTime: 142,
+  // dateMonth: 74, // 60
+  // dateWeek: 74,
+  // date: 100,
+  // dateYear: 46,
+  // dateQuarter: 64,
+  // dateRange: 212,
+  dateWeekRange: 156,
+  dateMonthRange: 156,
+  dateYearRange: 102,
+  dateQuarterRange: 136,
+  dateTimeRange: 326,
+  time: 38,
+  timeRange: 124
+};
+
+// TODO 不同类型的 profield 的 shrink，0表示不可以省略号，数字越大越容易被挤占空间
+var fieldTypeShrink = {
+  tag: 0,
+  statusTag: 0,
+  statusIconTag: 0,
+  circle: 0,
+  rank: 0,
+  progress: 0,
+  money: 0,
+  number: 0,
+  percent: 0,
+  dateTime: 0,
+  ip: 0
+};
+function calcWidthWithParentDOM(dom, shrink) {
+  var childNodes = _toConsumableArray(dom.children);
+  childNodes.shift();
+  return calcSingleColumnLength(childNodes.map(function (node) {
+    return node.scrollWidth;
+  }), shrink);
+}
+function calcSingleColumnLength(list, shrink) {
+  if (list === void 0) {
+    list = [];
+  }
+  if (shrink === 0) {
+    return Math.ceil(Math.max.apply(null, list));
+  }
+  return getConfidence90UpperBound(list);
+}
+
+/**
+ * 根据所有列的宽度和权重，结合总宽度，计算出各个列合适的宽度
+ * 目前算法：
+ * 当前需要的总宽度-总宽度=需要降低的宽度
+ * 从后往前，将shrink不为0的列，降低一些宽度到最小宽度
+ * 最小宽度可以用百分比去算
+ * TODO 当前shrink只用了0，其他的权重也要考虑一下
+ * @param list
+ * @param max
+ * @returns
+ */
+function calcMultiColumnLength(list, max) {
+  if (list === void 0) {
+    list = [];
+  }
+  var result = _toConsumableArray(list);
+  var targetList = [];
+  var needWidth = 0;
+  var canShrink = 0;
+  list.forEach(function (item) {
+    //@ts-ignore
+    needWidth += item.width;
+    if (item.shrink !== 0) {
+      targetList.push(item);
+      //@ts-ignore
+      canShrink += Math.min(item.width - minColumnWidth, columnShrinkMaxWidth);
+    }
+  });
+  var widthToBeRemoved = needWidth - max;
+  if (widthToBeRemoved <= 0) {
+    return list;
+  }
+  // TODO 超过的特别多直接加锁列，这个逻辑怎么设计
+  // 目前用可以缩小的宽度加起来比较一下
+  if (canShrink < widthToBeRemoved) {
+    list[0].lock = 'left';
+    if (list[list.length - 1].actionSchema) {
+      list[list.length - 1].lock = 'right';
+    }
+    return list;
+  }
+  //@ts-ignore
+  var sortedList = targetList.sort(function (a, b) {
+    return a.width - b.width;
+  });
+  var shrinkedWidth = 0;
+  for (var i = sortedList.length - 1; i >= 0; i--) {
+    if (shrinkedWidth >= widthToBeRemoved) {
+      break;
+    }
+    var singleShrinkedWidth = Math.min(sortedList[i].width - minColumnWidth, columnShrinkMaxWidth, widthToBeRemoved - shrinkedWidth);
+    sortedList[i].width = sortedList[i].width - singleShrinkedWidth;
+    shrinkedWidth += singleShrinkedWidth;
+  }
+  return result;
+}
+
+/**
+ * 修正内容放在table中默认的padding
+ * @param width
+ * @returns
+ */
+function defaultPaddingFixer(width, size, half) {
+  if (size === void 0) {
+    size = 'medium';
+  }
+  if (half === void 0) {
+    half = false;
+  }
+  return size === 'medium' ? width + (half ? 16 : 32) + 0.5 : width + (half ? 8 : 16) + 0.5;
+}
+function sum(list) {
+  if (list === void 0) {
+    list = [];
+  }
+  return list.reduce(function (a, b) {
+    return a + b;
+  });
+}
+
+/**
+ * 假设样本正态分布，取 90% 置信区间的上界
+ * 当上界与最大值差距不大(目前是20)的时候，直接用最大值
+ * TODO 这里没考虑是否可以直接用标准差做评判依据，如标准差过大时，直接排序并展示前90%，或标准差很小时直接用最大值
+ * TODO 这里极限情况是不是会挂？ 如：长度为9个100和2个10000，估计会挂，是否置信区间这个不靠谱。。。最差情况就直接展示90%的数据算了
+ */
+function getConfidence90UpperBound(list) {
+  if (list === void 0) {
+    list = [];
+  }
+  var max = Math.max.apply(null, list);
+  var length = list.length;
+  var mean = sum(list) / length;
+  var std = Math.sqrt(sum(list.map(function (n) {
+    return (n - mean) * (n - mean);
+  })) / length);
+  var interval = length > 30 ? 1.65 * std / Math.sqrt(length) : 2.2622 * std / Math.sqrt(length);
+  var bound = Math.ceil(mean + interval);
+  if (max - bound < 20) {
+    return Math.min(max, maxColumnWidth);
+  }
+  return Math.min(bound, maxColumnWidth);
+}
+
+/***/ }),
+
 /***/ 40339:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -113761,9 +114392,9 @@ dataTeamixSpm, bindUrl, bindUrlProps) {
     }, others, {
       children: children ? genProColumnToColumn(children, showSkeleton, actionRef, context) : undefined,
       dataIndex: dataIndex == null ? void 0 : dataIndex.toString(),
-      title: (0,_columnRender__WEBPACK_IMPORTED_MODULE_1__/* .renderColumnsTitle */ .p)(columnProps, actionRef, bindUrl, bindUrlProps),
+      title: (0,_columnRender__WEBPACK_IMPORTED_MODULE_1__/* .renderColumnsTitle */ .pt)(columnProps, actionRef, bindUrl, bindUrlProps),
       cell: function cell(value, index, record) {
-        return (0,_columnRender__WEBPACK_IMPORTED_MODULE_1__/* .renderCell */ .c)(value, columnProps, index, record, actionRef, context, dataTeamixSpm);
+        return (0,_columnRender__WEBPACK_IMPORTED_MODULE_1__/* .renderCell */ .cw)(value, columnProps, index, record, actionRef, context, dataTeamixSpm);
       }
     });
   });
@@ -116298,8 +116929,9 @@ var stringifyQuery = query_string__WEBPACK_IMPORTED_MODULE_0__.stringify;
  * 设置URL的query
  * @param newQuery
  * @param customHistory 如果没有提供history，则默认使用全局的 history
+ * @param options 参数配置
  */
-var setQuery = function setQuery(newQuery, customHistory) {
+var setQuery = function setQuery(newQuery, customHistory, options) {
   // 获取原始链接
   var _window$location = window.location,
     origin = _window$location.origin,
@@ -116310,6 +116942,11 @@ var setQuery = function setQuery(newQuery, customHistory) {
   // 处理原来的query
   var originQuery = getQuery();
 
+  // 如 overwrite true 则清空原数据
+  if (options && options.overwrite) {
+    originQuery = {};
+  }
+
   // 追加新的query
   var paramsStr = Object.entries(_extends({}, originQuery, newQuery)).map(function (_ref) {
     var k = _ref[0],
@@ -118509,8 +119146,10 @@ var lightCategoryColor = {
 /* harmony export */ });
 // 专有云暗色主题图表配置
 var chartDarkTheme = {
+  name: 'dark',
   category_12: [],
-  linear_10: ['#307ac9', '#2d70b7', '#2a66a5', '#285b93', '#255181', '#22476f', '#1f3d5c', '#1c334a', '#1a2838', '#171e26'],
+  category_20: ['#307ac9', '#1b9657', '#5b50ba', '#d47815', '#b0a046', '#781ad6', '#527d0e', '#0e9dad', '#19779c', '#d95777', '#ffdc73', '#727a8a', '#40571c', '#398cd4', '#e66000', '#38a3c9', '#e04f6c', '#42b3a4', '#7236ad', '#9b94ff'],
+  linear_10: ['#307ac9', '#255181', '#1a2838', '#2a66a5', '#1f3d5c', '#171e26', '#2d70b7', '#285b93', '#22476f', '#1a2838'],
   order_10: ['#307ac9', '#2d70b7', '#2a66a5', '#285b93', '#255181', '#22476f', '#1f3d5c', '#1c334a', '#1a2838', '#171e26'],
   'size-base': '4px',
   s0: 0,
@@ -118536,14 +119175,51 @@ var chartDarkTheme = {
   'widgets-color-background': '#141414',
   'widgets-color-layout-background': '#0a0a0a',
   'widgets-color-container-background': '#1c1c1c',
+  'widgets-color-decoration-background': '#1c1c1c',
   'widgets-color-blue': '#307ac9',
   'widgets-color-normal': '#2789f2',
   'widgets-color-orange': '#ff8d16',
   'widgets-color-red': '#f2493a',
-  'widgets-color-green': '#1b9657',
+  'widgets-color-green': '#12b862',
   'widgets-color-gray': '#666666',
   'widgets-color-purple': '#6154d6',
   'widgets-color-yellow': '#ffc619',
+  'widgets-color-bg-normal': 'rgba(38, 60, 84, 0.5)',
+  'widgets-color-bg-orange': 'rgba(84, 61, 36, 0.5)',
+  'widgets-color-bg-red': 'rgba(82, 40, 37, 0.5)',
+  'widgets-color-bg-green': 'rgba(28, 66, 46, 0.5)',
+  'widgets-color-bg-purple': 'rgba(45, 40, 84, 0.5)',
+  'widgets-color-bg-yellow': 'rgba(82, 68, 28, 0.5)',
+  'widgets-color-category-1': '#307ac9',
+  'widgets-color-category-2': '#1b9657',
+  'widgets-color-category-3': '#5b50ba',
+  'widgets-color-category-4': '#d47815',
+  'widgets-color-category-5': '#b0a046',
+  'widgets-color-category-6': '#781ad6',
+  'widgets-color-category-7': '#527d0e',
+  'widgets-color-category-8': '#0e9dad',
+  'widgets-color-category-9': '#19779c',
+  'widgets-color-category-10': '#d95777',
+  'widgets-color-category-11': '#ffdc73',
+  'widgets-color-category-12': '#727a8a',
+  'widgets-color-category-13': '#40571c',
+  'widgets-color-category-14': '#398cd4',
+  'widgets-color-category-15': '#e66000',
+  'widgets-color-category-16': '#38a3c9',
+  'widgets-color-category-17': '#e04f6c',
+  'widgets-color-category-18': '#42b3a4',
+  'widgets-color-category-19': '#7236ad',
+  'widgets-color-category-20': '#9b94ff',
+  'widgets-color-linear-1': '#307ac9',
+  'widgets-color-linear-2': '#2d70b7',
+  'widgets-color-linear-3': '#2a66a5',
+  'widgets-color-linear-4': '#285b93',
+  'widgets-color-linear-5': '#255181',
+  'widgets-color-linear-6': '#22476f',
+  'widgets-color-linear-7': '#1f3d5c',
+  'widgets-color-linear-8': '#1c334a',
+  'widgets-color-linear-9': '#1a2838',
+  'widgets-color-linear-10': '#171e26',
   'widgets-color-p1': '#b81838',
   'widgets-color-p2': '#f2493a',
   'widgets-color-p3': '#ff8d16',
@@ -118551,6 +119227,13 @@ var chartDarkTheme = {
   'widgets-color-p5': '#d1bb4f',
   'widgets-color-p6': '#00bacf',
   'widgets-color-p7': '#1289b8',
+  'widgets-color-bg-p1': 'rgba(77, 34, 43, 0.5)',
+  'widgets-color-bg-p2': 'rgba(82, 40, 37, 0.5)',
+  'widgets-color-bg-p3': 'rgba(84, 61, 36, 0.5)',
+  'widgets-color-bg-p4': 'rgba(82, 68, 28, 0.5)',
+  'widgets-color-bg-p5': 'rgba(71, 65, 34, 0.5)',
+  'widgets-color-bg-p6': 'rgba(31, 73, 79, 0.5)',
+  'widgets-color-bg-p7': 'rgba(30, 60, 71, 0.5)',
   'widgets-color-text-1': '#cccccc',
   'widgets-color-text-2': '#8c8c8c',
   'widgets-color-text-3': '#666666',
@@ -118593,9 +119276,11 @@ var chartDarkTheme = {
   'widgets-map-area-bg': '#333333',
   'widgets-map-area-border': '#141414',
   'widgets-map-label': '#cccccc',
-  'widgets-circle-stroke-background': 'rgba(255, 255, 255, 0.2)',
+  'widgets-circle-stroke-background': 'rgba(51, 51, 51, 0.5)',
   'widgets-circle-number': 'currentColor',
   'widgets-circle-stroke-width': '6px',
+  'widgets-circle-outer-background': 'l(90) 0:rgba(51, 51, 51, 0.2) 1:rgba(20, 20, 20, 0.2)',
+  'widgets-circle-inner-shadow': '0 2px 11px 0 rgb(21, 21, 21)',
   'widgets-sankey-edge': '#333333',
   'widgets-sankey-node-text': '#8c8c8c',
   'widgets-scrollbar-bg': '#4d4d4d',
@@ -118604,7 +119289,13 @@ var chartDarkTheme = {
   'widgets-numbercard-color-text': '#e6e6e6',
   'widgets-numbercard-color-red-bg': '#522825',
   'widgets-numbercard-color-blue-bg': '#263c54',
-  'widgets-capacity-color-grey': '#595f6b'
+  'widgets-numbercard-color-hover': 'rgba(51, 51, 51, 0.5)',
+  'widgets-numbercard-color-click': '#333333',
+  'widgets-capacity-color-grey': '#595f6b',
+  'widgets-capacity-background-default': '#18232e',
+  'widgets-capacity-background-success': '#0f1f16',
+  'widgets-capacity-background-warning': '#241b12',
+  'widgets-capacity-background-error': '#291614'
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (chartDarkTheme);
 
@@ -118619,8 +119310,10 @@ var chartDarkTheme = {
 /* harmony export */ });
 // 专有云亮色主题图表配置
 var chartLightTheme = {
+  name: 'normal',
   category_12: [],
-  linear_10: ['#297acc', '#3b85d1', '#4d91d6', '#609edb', '#75aae0', '#8ab7e6', '#a0c5eb', '#b6d3f0', '#cee1f5', '#e6f0fa'],
+  category_20: ['#297acc', '#43bf7e', '#8a87f5', '#f7a854', '#e8d36b', '#d48fff', '#85ba2f', '#57ccd9', '#49add1', '#d95777', '#ffe7a1', '#a4acbd', '#457000', '#5aabf2', '#db5b00', '#007fad', '#e68aa1', '#61baae', '#bd44c2', '#a6a3f7'],
+  linear_10: ['#297acc', '#75aae0', '#cee1f5', '#4d91d6', '#a0c5eb', '#e6f0fa', '#3b85d1', '#609edb', '#8ab7e6', '#b6d3f0'],
   order_10: ['#297acc', '#3b85d1', '#4d91d6', '#609edb', '#75aae0', '#8ab7e6', '#a0c5eb', '#b6d3f0', '#cee1f5', '#e6f0fa'],
   'size-base': '4px',
   s0: 0,
@@ -118646,6 +119339,7 @@ var chartLightTheme = {
   'widgets-color-background': '#ffffff',
   'widgets-color-layout-background': '#f7f7f7',
   'widgets-color-container-background': '#f7f7f7',
+  'widgets-color-decoration-background': '#ffffff',
   'widgets-color-blue': '#297acc',
   'widgets-color-normal': '#0064c8',
   'widgets-color-orange': '#f98e1a',
@@ -118654,6 +119348,42 @@ var chartLightTheme = {
   'widgets-color-gray': '#aaaaaa',
   'widgets-color-purple': '#6b67e0',
   'widgets-color-yellow': '#fac31e',
+  'widgets-color-bg-normal': 'rgba(202, 227, 253, 0.5)',
+  'widgets-color-bg-orange': 'rgba(255, 224, 191, 0.5)',
+  'widgets-color-bg-red': 'rgba(252, 206, 202, 0.5)',
+  'widgets-color-bg-green': 'rgba(209, 244, 225, 0.5)',
+  'widgets-color-bg-purple': 'rgba(215, 215, 252, 0.5)',
+  'widgets-color-bg-yellow': 'rgba(255, 242, 204, 0.5)',
+  'widgets-color-category-1': '#297acc',
+  'widgets-color-category-2': '#43bf7e',
+  'widgets-color-category-3': '#8a87f5',
+  'widgets-color-category-4': '#f7a854',
+  'widgets-color-category-5': '#e8d36b',
+  'widgets-color-category-6': '#d48fff',
+  'widgets-color-category-7': '#85ba2f',
+  'widgets-color-category-8': '#57ccd9',
+  'widgets-color-category-9': '#49add1',
+  'widgets-color-category-10': '#d95777',
+  'widgets-color-category-11': '#ffe7a1',
+  'widgets-color-category-12': '#a4acbd',
+  'widgets-color-category-13': '#457000',
+  'widgets-color-category-14': '#5aabf2',
+  'widgets-color-category-15': '#db5b00',
+  'widgets-color-category-16': '#007fad',
+  'widgets-color-category-17': '#e68aa1',
+  'widgets-color-category-18': '#61baae',
+  'widgets-color-category-19': '#bd44c2',
+  'widgets-color-category-20': '#a6a3f7',
+  'widgets-color-linear-1': '#297acc',
+  'widgets-color-linear-2': '#3b85d1',
+  'widgets-color-linear-3': '#4d91d6',
+  'widgets-color-linear-4': '#609edb',
+  'widgets-color-linear-5': '#75aae0',
+  'widgets-color-linear-6': '#8ab7e6',
+  'widgets-color-linear-7': '#a0c5eb',
+  'widgets-color-linear-8': '#b6d3f0',
+  'widgets-color-linear-9': '#cee1f5',
+  'widgets-color-linear-10': '#e6f0fa',
   'widgets-color-p1': '#bf0030',
   'widgets-color-p2': '#e84738',
   'widgets-color-p3': '#f98e1a',
@@ -118661,6 +119391,13 @@ var chartLightTheme = {
   'widgets-color-p5': '#d1bb4f',
   'widgets-color-p6': '#00bacf',
   'widgets-color-p7': '#1289b8',
+  'widgets-color-bg-p1': 'rgba(242, 194, 206, 0.5)',
+  'widgets-color-bg-p2': 'rgba(252, 206, 202, 0.5)',
+  'widgets-color-bg-p3': 'rgba(255, 224, 191, 0.5)',
+  'widgets-color-bg-p4': 'rgba(255, 242, 204, 0.5)',
+  'widgets-color-bg-p5': 'rgba(255, 245, 196, 0.5)',
+  'widgets-color-bg-p6': 'rgba(174, 226, 235, 0.5)',
+  'widgets-color-bg-p7': 'rgba(175, 222, 240, 0.5)',
   'widgets-color-text-1': '#333333',
   'widgets-color-text-2': '#696969',
   'widgets-color-text-3': '#808080',
@@ -118703,9 +119440,11 @@ var chartLightTheme = {
   'widgets-map-area-bg': '#e5e5e5',
   'widgets-map-area-border': '#ffffff',
   'widgets-map-label': '#333333',
-  'widgets-circle-stroke-background': 'rgba(0, 0, 0, 0.04)',
+  'widgets-circle-stroke-background': 'rgba(229, 229, 229, 0.5)',
   'widgets-circle-number': 'currentColor',
   'widgets-circle-stroke-width': '6px',
+  'widgets-circle-outer-background': 'l(90) 0:#F7F7F7 1:#F7F7F700',
+  'widgets-circle-inner-shadow': '0 4px 20px 0 rgba(204, 204, 204, 0.5)',
   'widgets-sankey-edge': '#e5e5e5',
   'widgets-sankey-node-text': '#808080',
   'widgets-scrollbar-bg': '#ebecf0',
@@ -118714,7 +119453,13 @@ var chartLightTheme = {
   'widgets-numbercard-color-text': '#1a1a1a',
   'widgets-numbercard-color-red-bg': '#fcceca',
   'widgets-numbercard-color-blue-bg': '#cae3fd',
-  'widgets-capacity-color-grey': '#818a9c'
+  'widgets-numbercard-color-hover': 'rgba(229, 229, 229, 0.5)',
+  'widgets-numbercard-color-click': '#f0f7ff',
+  'widgets-capacity-color-grey': '#818a9c',
+  'widgets-capacity-background-default': '#f0f7ff',
+  'widgets-capacity-background-success': '#ebfff6',
+  'widgets-capacity-background-warning': '#fff5eb',
+  'widgets-capacity-background-error': '#ffeceb'
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (chartLightTheme);