@teamix/pro 1.5.17 → 1.5.18-beta.1

package/es/templates/List/index.js

@@ -1,7 +1,5 @@
 var _excluded = ["loading", "pageProps"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
@@ -20,17 +18,17 @@ export var ListPage = function ListPage(props) {
   var contentProps = (pageProps === null || pageProps === void 0 ? void 0 : pageProps.content) || {
     columns: []
   };
-  return /*#__PURE__*/React.createElement(PageContainer, _objectSpread({
+  return /*#__PURE__*/React.createElement(PageContainer, _extends({
     header: /*#__PURE__*/React.createElement(EditableContainer, {
       id: "header",
       component: "PageHeader"
-    }, /*#__PURE__*/React.createElement(PageHeader, _objectSpread({
+    }, /*#__PURE__*/React.createElement(PageHeader, _extends({
       loading: loading
     }, headerProps))),
     content: /*#__PURE__*/React.createElement(EditableContainer, {
       id: "content",
       component: "ProTable"
-    }, /*#__PURE__*/React.createElement(ProTable, _objectSpread({
+    }, /*#__PURE__*/React.createElement(ProTable, _extends({
       loading: loading
     }, contentProps)))
   }, others));

package/es/templates/index.js

@@ -1,3 +1,4 @@
 export * from './Detail';
 export * from './Form';
-export * from './List';
+export * from './List';
+export {};

package/es/timeline/ProTimeLineItem/index.js

@@ -1,7 +1,5 @@
 var _excluded = ["_comment", "_shape", "status", "image", "icon", "title", "subTitle", "time", "timeLeft", "content", "animation", "discription", "tags", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "dotRender"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _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); }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -42,6 +40,7 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
     dotRender = props.dotRender,
     others = _objectWithoutProperties(props, _excluded);
   var timeRight = time !== null && time !== void 0 ? time : subTitle; // 兼容 subTitle
+
   /** 内容去折叠相关 */
   var _useState = useState(defaultCollapsed !== undefined ? defaultCollapsed : false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -57,6 +56,7 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
     }
     setInnerCollapseState(!collapseState);
   };
+
   /** 对枚举参数进行处理 */
   var formatTime = function formatTime(time) {
     if (typeof time === 'string') return dateFormat(time, '', 'YYYY-MM-DD HH:mm:ss');
@@ -70,6 +70,7 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
     if (['success', 'fail', 'process', 'warning', 'wait'].includes(status)) return status;
     return 'wait';
   };
+
   /**一些复用常数 */
   var circle = formatShape() === 'circle';
   var dot = formatShape() === 'dot';
@@ -78,6 +79,7 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
   var error = formatStatus() === 'fail';
   var warning = formatStatus() === 'warning';
   var wait = formatStatus() === 'wait';
+
   /**对元素进行渲染 */
   var renderImage = function renderImage() {
     if (typeof image === 'string') {
@@ -149,6 +151,7 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
       }))
     }, content))));
   }, [_shape, timeLeft, image, title, tags, timeRight, discription, content, collapsible, collapsed, defaultCollapsed, onCollapseChanged]);
+
   /**
    * 重新渲染 timeline 节点
    * */
@@ -177,6 +180,7 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
         size: "small"
       }));
     };
+
     // shape 取 circle
     var renderCircle = function renderCircle() {
       if (dotRender) return /*#__PURE__*/React.createElement("div", {
@@ -234,7 +238,7 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
       }))
     }, !_comment && renderStateNode()));
   }, [_shape, icon, status, dotRender]);
-  return /*#__PURE__*/React.createElement(TimelineItem, _objectSpread({
+  return /*#__PURE__*/React.createElement(TimelineItem, _extends({
     title: renderTitle(),
     dot: renderNode(),
     timeLeft: renderTimeLeft(),

package/es/timeline/index.js

@@ -1,7 +1,5 @@
 var _excluded = ["items", "comment", "shape", "fold", "children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useMemo } from 'react';
@@ -18,6 +16,7 @@ var ProTimeline = function ProTimeline(props) {
     fold = props.fold,
     children = props.children,
     others = _objectWithoutProperties(props, _excluded);
+
   // 判断渲染组件是不是 ProTimelineItem, 并返回筛选后的children
   var renderChildren = useMemo(function () {
     return React.Children.map(children, function (child) {
@@ -36,7 +35,7 @@ var ProTimeline = function ProTimeline(props) {
     // 传递了 item 采用 item 渲染数组的方式
     if (items) {
       return items.map(function (item, index) {
-        return /*#__PURE__*/React.createElement(ProTimeLineItem, _objectSpread({
+        return /*#__PURE__*/React.createElement(ProTimeLineItem, _extends({
           key: index,
           _shape: shape,
           _comment: comment
@@ -46,9 +45,10 @@ var ProTimeline = function ProTimeline(props) {
       return renderChildren;
     }
   };
+
   // 渲染 ProTimelineItem
   var renderProTimeline = function renderProTimeline() {
-    return /*#__PURE__*/React.createElement(Timeline, _objectSpread({
+    return /*#__PURE__*/React.createElement(Timeline, _extends({
       fold: fold
     }, others), renderItem());
   };

package/es/utils/message.js

@@ -1,6 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _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); }
 import React from 'react';
 import { Message } from '@alicloudfe/components';
 export var renderProMessage = function renderProMessage(message, defaultProps) {
@@ -8,7 +6,7 @@ export var renderProMessage = function renderProMessage(message, defaultProps) {
     return null;
   }
   if (typeof message === 'string') {
-    return /*#__PURE__*/React.createElement(Message, _objectSpread({}, defaultProps), message);
+    return /*#__PURE__*/React.createElement(Message, defaultProps, message);
   }
-  return /*#__PURE__*/React.createElement(Message, _objectSpread(_objectSpread({}, defaultProps), message));
+  return /*#__PURE__*/React.createElement(Message, _extends({}, defaultProps, message));
 };

package/es/xconsole.scss

@@ -500,4 +500,27 @@
     border: 0 solid #d9d9d9;
     border: var(--colortag-border-width,0) solid var(--color-line1-2,#d9d9d9);
   }
+  .teamix-pro-table-toolbar-filter-column-all-select {
+    .next-menu-item-inner {
+      display: flex;
+    }
+  }
+  .next-dialog-centered {
+    text-align: center;
+  }
+  .next-dialog-wrapper {
+    position: fixed;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+
+    .next-dialog-v2 {
+      margin: 40px 0;
+      display: inline-block;
+      text-align: left;
+      vertical-align: middle;
+      position: relative;
+    }
+  }
 }

package/lib/form/Filter/index.scss

@@ -41,6 +41,7 @@ $query-filter: #{$teamix-pro-form}-query-filter;
       width: inherit;
       input {
         width: inherit;
+        display: block;
       }
     }
   }

package/lib/form/Filter/index2.scss

@@ -11,6 +11,7 @@
       width: inherit;
       input {
         width: inherit;
+        display: block;
       }
     }
   }

package/lib/index.d.ts

@@ -28,5 +28,5 @@ export * from './table';
 export * from './sidebar';
 export * from './utils';
 export * from './timeline';
-declare const version = "1.5.17";
+declare const version = "1.5.18-beta.1";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils, };

package/lib/index.js

@@ -280,7 +280,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 if (!((_window = window) === null || _window === void 0 ? void 0 : _window.TEAMIXPRO_WITHOUT_ICON)) {
   _icon.default.setConfig(_utils.default.getTeamixIconConfig());
 }
-var version = '1.5.17';
+var version = '1.5.18-beta.1';
 // By TeamixTest
 exports.version = version;
 window.postMessage({

package/lib/table/components/CardView/index.js

@@ -12,7 +12,7 @@ var _utils = require("@teamix/utils");
 require("./index.scss");
 var _columnRender = require("../../utils/columnRender");
 var _LoadMore = _interopRequireDefault(require("../LoadMore"));
-var _result = _interopRequireDefault(require("@teamix/result"));
+var _proField = require("@teamix/pro-field");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -44,7 +44,9 @@ var CardView = function CardView(props) {
     context = props.context,
     scrollHeight = props.scrollHeight,
     _props$showSkeleton = props.showSkeleton,
-    showSkeleton = _props$showSkeleton === void 0 ? false : _props$showSkeleton;
+    showSkeleton = _props$showSkeleton === void 0 ? false : _props$showSkeleton,
+    emptyProps = props.emptyProps,
+    emptyContent = props.emptyContent;
   // 加载状态
   var _useState = (0, _react.useState)('none'),
     _useState2 = _slicedToArray(_useState, 2),
@@ -367,14 +369,7 @@ var CardView = function CardView(props) {
   };
   // 渲染卡片主体
   var renderCardBox = function renderCardBox() {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, skeletonVisible && /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Content, null), !skeletonVisible && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) === 0 && /*#__PURE__*/_react.default.createElement(_result.default, {
-      theme: "hybridcloud-container",
-      img: "noData",
-      title: (0, _.getMessage)('noData'),
-      style: {
-        padding: '50px 0 60px'
-      }
-    }), !skeletonVisible && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0 && /*#__PURE__*/_react.default.createElement(Row, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, skeletonVisible && /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Content, null), !skeletonVisible && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) === 0 && !emptyContent && /*#__PURE__*/_react.default.createElement(_proField.EmptyContent, _objectSpread({}, emptyProps)), !skeletonVisible && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) === 0 && emptyContent && /*#__PURE__*/_react.default.createElement("div", null, emptyContent), !skeletonVisible && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0 && /*#__PURE__*/_react.default.createElement(Row, {
       gutter: 16,
       wrap: true,
       style: {

package/lib/table/components/ToolBar/index.js

@@ -83,11 +83,11 @@ var ToolBar = function ToolBar(props) {
   (0, _react.useEffect)((0, _lodash.default)(function () {
     if ((layoutInlineSize === null || layoutInlineSize === void 0 ? void 0 : layoutInlineSize.width) && leftWidth && toolBarContentRef.current && toolBarAutoWidth) {
       var _toolBarContentRef$cu;
-      var width = layoutInlineSize.width,
-        height = layoutInlineSize.height;
-      if (width - leftWidth <= ((_toolBarContentRef$cu = toolBarContentRef.current) === null || _toolBarContentRef$cu === void 0 ? void 0 : _toolBarContentRef$cu.clientWidth) + 8 || height > 40) {
+      var width = layoutInlineSize.width;
+      // 60 为容错
+      if (width - leftWidth - 60 <= ((_toolBarContentRef$cu = toolBarContentRef.current) === null || _toolBarContentRef$cu === void 0 ? void 0 : _toolBarContentRef$cu.clientWidth) + 8) {
         setFlat(false);
-      } else if (height === 40) {
+      } else {
         setFlat(true);
       }
     }
@@ -152,9 +152,12 @@ var ToolBar = function ToolBar(props) {
         })
       }, Component));
     }));
-  }, [toolBarList]);
+  }, [toolBarList, props.columns]);
   var renderUnFlatShape = function renderUnFlatShape() {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, {
+    if (toolBar === false) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+    return /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, {
       triggerType: ['click'],
       popupProps: {
         cache: true
@@ -166,7 +169,7 @@ var ToolBar = function ToolBar(props) {
         type: "more-line"
       })),
       align: "tr"
-    }, renderFlatShape));
+    }, renderFlatShape);
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: cls('', {

package/lib/table/index.js

@@ -22,6 +22,7 @@ var _proField = require("@teamix/pro-field");
 var _actions = require("../actions");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _pageContainer = _interopRequireDefault(require("../page-container"));
+var _genAutoWidthColumns = require("./utils/genAutoWidthColumns");
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
 var _CardView = _interopRequireDefault(require("./components/CardView"));
 var _hooks = require("@teamix/hooks");
@@ -38,7 +39,7 @@ Object.keys(_typing).forEach(function (key) {
     }
   });
 });
-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"],
+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"],
   _excluded2 = ["onChange"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -167,6 +168,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 ? true : _props$autoWidth,
     _props$fixedTableBody = props.fixedTableBody,
     fixedTableBody = _props$fixedTableBody === void 0 ? false : _props$fixedTableBody,
     isTree = props.isTree,
@@ -227,6 +230,11 @@ var ProTable = function ProTable(props) {
     _useState16 = _slicedToArray(_useState15, 2),
     filteredColumns = _useState16[0],
     setFilteredColumns = _useState16[1];
+  // 判断是否有操作列，有的话则渲染一个 shadow dom
+  var hasActionColumn = filteredColumns.some(function (column) {
+    var _column$actionSchema, _column$actionSchema$;
+    return (column === null || column === void 0 ? void 0 : column.actionSchema) && ((_column$actionSchema = column.actionSchema) === null || _column$actionSchema === void 0 ? void 0 : (_column$actionSchema$ = _column$actionSchema.actions) === null || _column$actionSchema$ === void 0 ? void 0 : _column$actionSchema$.length) > 0;
+  });
   var _useState17 = (0, _react.useState)(propsSize),
     _useState18 = _slicedToArray(_useState17, 2),
     size = _useState18[0],
@@ -235,6 +243,13 @@ var ProTable = function ProTable(props) {
     _useState20 = _slicedToArray(_useState19, 2),
     showLoading = _useState20[0],
     setShowLoading = _useState20[1];
+  // 自动计算列宽需要的一些hook
+  var _useState21 = (0, _react.useState)(true),
+    _useState22 = _slicedToArray(_useState21, 2),
+    showShadowContainer = _useState22[0],
+    setShowShadowContainer = _useState22[1];
+  var shadowContainerRef = (0, _react.useRef)(null);
+  var shadowActionColumnContainerRef = (0, _react.useRef)(null);
   // 表格内部用作存储的 Ref，标识 Table 组件是否被第一次渲染。用作 useUrlState filter 第一次渲染时使用 state 数据请求
   var dataRef = (0, _react.useRef)({
     flag: true
@@ -255,19 +270,19 @@ var ProTable = function ProTable(props) {
   }, [currentPage, pageSize, urlState]);
   // 存储能够被 on 监听到的 ProTable 状态
   // 因为只做存储用。不需要更新视图以及需要同步更改。所以不使用 setState 更新
-  var _useState21 = (0, _react.useState)({
+  var _useState23 = (0, _react.useState)({
       fullScreenState: false,
       filterRules: {},
       filterColumns: []
     }),
-    _useState22 = _slicedToArray(_useState21, 1),
-    actionRefState = _useState22[0];
+    _useState24 = _slicedToArray(_useState23, 1),
+    actionRefState = _useState24[0];
   // 存储 on 监听事件
-  var _useState23 = (0, _react.useState)({
+  var _useState25 = (0, _react.useState)({
       fullScreenState: {}
     }),
-    _useState24 = _slicedToArray(_useState23, 1),
-    actionRefCallback = _useState24[0];
+    _useState26 = _slicedToArray(_useState25, 1),
+    actionRefCallback = _useState26[0];
   // 存储定时器 id
   var autoRefreshTimerRef = (0, _react.useRef)();
   var onResize = null;
@@ -379,20 +394,20 @@ var ProTable = function ProTable(props) {
     }, 50);
   };
   // header 区域高度。用作全屏计算吸顶吸底高度。默认不做计算
-  var _useState25 = (0, _react.useState)(0),
-    _useState26 = _slicedToArray(_useState25, 2),
-    headerHeight = _useState26[0],
-    setHeaderHeight = _useState26[1];
-  // 全屏显示 className
-  var _useState27 = (0, _react.useState)(false),
+  var _useState27 = (0, _react.useState)(0),
     _useState28 = _slicedToArray(_useState27, 2),
-    fullscreenState = _useState28[0],
-    setFullscreenState = _useState28[1];
-  // 切换视角
-  var _useState29 = (0, _react.useState)(defaultView !== null && defaultView !== void 0 ? defaultView : 'table'),
+    headerHeight = _useState28[0],
+    setHeaderHeight = _useState28[1];
+  // 全屏显示 className
+  var _useState29 = (0, _react.useState)(false),
     _useState30 = _slicedToArray(_useState29, 2),
-    switchViewState = _useState30[0],
-    setSwitchViewState = _useState30[1];
+    fullscreenState = _useState30[0],
+    setFullscreenState = _useState30[1];
+  // 切换视角
+  var _useState31 = (0, _react.useState)(defaultView !== null && defaultView !== void 0 ? defaultView : 'table'),
+    _useState32 = _slicedToArray(_useState31, 2),
+    switchViewState = _useState32[0],
+    setSwitchViewState = _useState32[1];
   // 切换全屏搜索开关
   var filterEnableRef = (0, _react.useRef)({
     fullscreen: false,
@@ -407,10 +422,10 @@ var ProTable = function ProTable(props) {
   var dataFilterFormRef = !fullscreenState ? normalDataFilterFormRef : fullscreenDataFilterFormRef;
   // let dataFilterForm = dataFilterFormRef.current;
   // 整个内容区是否超过一屏。用于表格在非全屏模式下的吸底
-  var _useState31 = (0, _react.useState)(false),
-    _useState32 = _slicedToArray(_useState31, 2),
-    footerSuctionState = _useState32[0],
-    setFooterSuctionState = _useState32[1];
+  var _useState33 = (0, _react.useState)(false),
+    _useState34 = _slicedToArray(_useState33, 2),
+    footerSuctionState = _useState34[0],
+    setFooterSuctionState = _useState34[1];
   // TODO 获取内容区是否超出一屏（暂时仅支持全家桶）
   var getFooterSuctionState = function getFooterSuctionState() {
     if (!footerSuction) {
@@ -561,6 +576,7 @@ var ProTable = function ProTable(props) {
       setFullscreenState(state);
       getHeaderHeight(state);
       actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$s = _actionRef$current2.setState) === null || _actionRef$current2$s === void 0 ? void 0 : _actionRef$current2$s.call(_actionRef$current2, 'fullScreenState', state);
+      reGenFilteredColumnsByAutoWidth();
       return state;
     },
     setColumn: function setColumn(newColumns) {
@@ -572,10 +588,12 @@ var ProTable = function ProTable(props) {
       if (update) {
         (0, _utils2.emit)('refreshFilterState', newColumns);
       }
+      reGenFilteredColumnsByAutoWidth();
     },
     size: size,
     setSize: function setSize(mode) {
       _setSize(mode);
+      reGenFilteredColumnsByAutoWidth();
     },
     refresh: function refresh(params) {
       // card视角的刷新等于重新请求
@@ -685,6 +703,22 @@ var ProTable = function ProTable(props) {
   if (propsActionRef) {
     propsActionRef.current = actionRef.current;
   }
+  function reGenFilteredColumnsByAutoWidth() {
+    if (!autoWidth) {
+      return;
+    }
+    console.time('calc width');
+    setShowShadowContainer(true);
+    var authWidthedColumns = (0, _genAutoWidthColumns.genAutoWidthColumns)(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);
+    console.timeEnd('calc width');
+  }
   function onFormatResult(next) {
     props.onFormatResult && props.onFormatResult(next);
     var time = 0;
@@ -713,6 +747,7 @@ var ProTable = function ProTable(props) {
       setTotal(total + (next.total || ((_next$data2 = next.data) === null || _next$data2 === void 0 ? void 0 : _next$data2.length)));
     }
     setShowSkeleton(false);
+    reGenFilteredColumnsByAutoWidth();
   }
   // 请求表格数据工具函数
   var getData = (0, _utils.useRequest)(function (params) {
@@ -849,6 +884,7 @@ var ProTable = function ProTable(props) {
               _setData([].concat(_toConsumableArray(data), _toConsumableArray(dataRes || [])));
               setTotal(total + (totalRes || (dataRes === null || dataRes === void 0 ? void 0 : dataRes.length)));
             }
+            reGenFilteredColumnsByAutoWidth();
             setShowSkeleton(false);
             setCustomTableLoading(false);
           }
@@ -989,7 +1025,9 @@ var ProTable = function ProTable(props) {
         scrollHeight: fullscreenState || fixedTableBody ? "calc(100vh - ".concat(headerHeight, "px)") : undefined,
         actionRef: actionRef,
         context: context,
-        columns: (0, _genProColumnToColumn.default)(filteredColumns, showSkeleton, actionRef, context)
+        columns: (0, _genProColumnToColumn.default)(filteredColumns, showSkeleton, actionRef, context),
+        emptyProps: emptyProps,
+        emptyContent: otherProps === null || otherProps === void 0 ? void 0 : otherProps.emptyContent
       }));
     } else {
       // 不传 columns 直接返回原始 Table
@@ -1144,8 +1182,16 @@ var ProTable = function ProTable(props) {
         // 'footer-suction': footerSuctionState && footerSuction,
       }),
       ref: tableRef
-    }, renderTable(isFullScreen), fixFooterState && /*#__PURE__*/_react.default.createElement(_pageContainer.default.FixedFooter, null, renderFooter()), !fixFooterState && renderFooter());
+    }, showShadowContainer && (0, _genAutoWidthColumns.shadowContainer)({
+      columns: filteredColumns,
+      data: data,
+      shadowContainerRef: shadowContainerRef
+    }), hasActionColumn && (0, _genAutoWidthColumns.shadowActionColumnContainer)(filteredColumns, shadowActionColumnContainerRef), renderTable(isFullScreen), fixFooterState && /*#__PURE__*/_react.default.createElement(_pageContainer.default.FixedFooter, null, renderFooter()), !fixFooterState && renderFooter());
   });
 };
+// window.TeamixMaterial = {
+//   ...window.TeamixMaterial,
+//   ProTable
+// }
 var _default = ProTable;
 exports.default = _default;

package/lib/table/index.scss

@@ -77,6 +77,32 @@ $fullscreenPadding: 24px;
       transition: all 0.1s;
     }
   }
+  &-shadow-container {
+    overflow: hidden;
+    position: absolute;
+    right: 0;
+    left: 0;
+    top: 0;
+    visibility: hidden;
+    pointer-events: none;
+  }
+  &-shadow-container-columns {
+    display: flex;
+    >* {
+      flex-shrink: 0;
+    }
+  }
+  &-action-column-shadow-container {
+    overflow: hidden;
+    position: absolute;
+    right: 0;
+    left: 0;
+    top: 0;
+    visibility: hidden;
+    pointer-events: none;
+    display: flex;
+  }
+  
   // sort icon
   .next-table-sort.next-table-header-icon {
     line-height: 16px;

package/lib/table/typing.d.ts

@@ -13,7 +13,7 @@ import { ProCardProps } from '../card';
 declare type IFieldRenderProps = keyof ProFieldRenderProps;
 /** 列record函数 */
 declare type ProTableCellFunProp = (value: any, index: number, record: any, ...others: any) => any;
-declare type ITableCellRender = {
+export declare type ITableCellRender = {
     [key in IFieldRenderProps]?: ProFieldRenderProps[key] | ProTableCellFunProp;
 } | ((...other: any) => React.ReactNode);
 declare type TDataService = {
@@ -24,6 +24,10 @@ declare type TDataService = {
 };
 export declare type responsivePaginationType = 'mini' | 'small' | 'simple' | 'normal';
 export declare type ProTableColumnProps = {
+    /** 自动计算宽度时的被挤占的情况 */
+    shrink?: number;
+    /** 是否自动适应该列宽度 */
+    autoWidth?: boolean;
     /**
      * 会在 title 之后展示一个 icon，hover 之后提示一些信息
      */
@@ -65,6 +69,8 @@ export declare type ProTableColumnProps = {
 } & Omit<ColumnProps, 'filters' | 'dataIndex' | 'filtersMode' | 'children'>;
 export declare type ProColumnProps = ProTableColumnProps;
 export declare type ProTableProps = {
+    /** 表格是否自适应宽度 */
+    autoWidth?: boolean;
     /** ProColums 定义，取代 Table 的 columns */
     columns: ProTableColumnProps[];
     /** 请求地址 */
@@ -406,6 +412,10 @@ export declare type ProTableCardViewProps = {
     cardProps?: ProTableCardProps['cardProps'];
     /** 表格分页器参数 **/
     tablePaginationProps?: PaginationProps;
+    /** 空数据配置 **/
+    emptyProps?: ProTableProps['emptyProps'];
+    /** 自定义渲染空数据 **/
+    emptyContent?: ProTableProps['emptyContent'];
 };
 export declare type ProTableBindUrlProps = {
     /** 翻页器区域 **/

package/lib/table/utils/columnRender.d.ts

@@ -11,3 +11,4 @@ export declare const renderColumnsTitle: (item: ProTableColumnProps, actionRef:
  * 负责单元格的具体渲染
  */
 export declare const renderCell: (value: any, item: ProTableColumnProps, index: number, record: any, actionRef: React.MutableRefObject<ProTableActionType | undefined>, context?: any, dataTeamixSpm?: string) => JSX.Element;
+export declare const renderCellSmartWidth: (value: any, item: ProTableColumnProps, index: number, record: any) => 0 | import("@teamix/pro-field/lib/autoWidth/typing").ProFieldAutoWidthPropsItem;