@dtjoy/dt-design 1.1.1 → 1.1.5

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

@@ -0,0 +1,205 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _context = require("../../../_util/context");
+var _clsx2 = require("clsx");
+var React = _interopRequireWildcard(require("react"));
+var _TableContext = _interopRequireDefault(require("../../shared/context/TableContext"));
+var _useRenderTimes = _interopRequireDefault(require("../../shared/hooks/useRenderTimes"));
+var _useCellRender3 = _interopRequireDefault(require("./useCellRender"));
+var _useHoverState3 = _interopRequireDefault(require("./useHoverState"));
+var _useEvent = _interopRequireDefault(require("../../../_util/hooks/useEvent"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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."); }
+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 _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var getTitleFromCellRenderChildren = function getTitleFromCellRenderChildren(_ref) {
+  var ellipsis = _ref.ellipsis,
+    rowType = _ref.rowType,
+    children = _ref.children;
+  var title;
+  var ellipsisConfig = ellipsis === true ? {
+    showTitle: true
+  } : ellipsis;
+  if (ellipsisConfig && (ellipsisConfig.showTitle || rowType === 'header')) {
+    var _children$props;
+    if (typeof children === 'string' || typeof children === 'number') {
+      title = children.toString();
+    } else if ( /*#__PURE__*/React.isValidElement(children) && typeof ((_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children) === 'string') {
+      var _children$props2;
+      title = (_children$props2 = children.props) === null || _children$props2 === void 0 ? void 0 : _children$props2.children;
+    }
+  }
+  return title;
+};
+var Cell = function Cell(props) {
+  var _ref3, _ref4, _legacyCellProps$colS, _ref5, _ref6, _legacyCellProps$rowS, _additionalProps$titl, _clsx;
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _useRenderTimes.default)(props);
+  }
+  var children = props.children,
+    ellipsis = props.ellipsis,
+    scope = props.scope,
+    prefixCls = props.prefixCls,
+    className = props.className,
+    style = props.style,
+    align = props.align,
+    record = props.record,
+    render = props.render,
+    dataIndex = props.dataIndex,
+    renderIndex = props.renderIndex,
+    shouldCellUpdate = props.shouldCellUpdate,
+    index = props.index,
+    rowType = props.rowType,
+    colSpan = props.colSpan,
+    rowSpan = props.rowSpan,
+    fixStart = props.fixStart,
+    fixEnd = props.fixEnd,
+    fixedStartShadow = props.fixedStartShadow,
+    fixedEndShadow = props.fixedEndShadow,
+    offsetFixedStartShadow = props.offsetFixedStartShadow,
+    offsetFixedEndShadow = props.offsetFixedEndShadow,
+    zIndex = props.zIndex,
+    zIndexReverse = props.zIndexReverse,
+    appendNode = props.appendNode,
+    _props$additionalProp = props.additionalProps,
+    additionalProps = _props$additionalProp === void 0 ? {} : _props$additionalProp,
+    isSticky = props.isSticky;
+
+  // `component` is optional in props but is always provided by call sites when rendering
+  var Component = props.component;
+  var cellPrefixCls = "".concat(prefixCls, "-cell");
+  var _useContext = (0, _context.useContext)(_TableContext.default, ['allColumnsFixedLeft', 'rowHoverable']),
+    allColumnsFixedLeft = _useContext.allColumnsFixedLeft,
+    rowHoverable = _useContext.rowHoverable;
+
+  // ====================== Value =======================
+  var _useCellRender = (0, _useCellRender3.default)(record, dataIndex, renderIndex, children, render, shouldCellUpdate),
+    _useCellRender2 = _slicedToArray(_useCellRender, 2),
+    childNode = _useCellRender2[0],
+    legacyCellProps = _useCellRender2[1];
+
+  // ====================== Fixed =======================
+  var fixedStyle = {};
+  var isFixStart = typeof fixStart === 'number' && !allColumnsFixedLeft;
+  var isFixEnd = typeof fixEnd === 'number' && !allColumnsFixedLeft;
+  var _useContext2 = (0, _context.useContext)(_TableContext.default, function (_ref2) {
+      var scrollInfo = _ref2.scrollInfo;
+      if (!isFixStart && !isFixEnd) {
+        return [false, false];
+      }
+      var _scrollInfo = _slicedToArray(scrollInfo, 2),
+        absScroll = _scrollInfo[0],
+        scrollWidth = _scrollInfo[1];
+      var showStartShadow = isFixStart && fixedStartShadow && absScroll - (offsetFixedStartShadow || 0) >= 1;
+      var showEndShadow = isFixEnd && fixedEndShadow && scrollWidth - absScroll - (offsetFixedEndShadow || 0) > 1;
+      return [showStartShadow, showEndShadow];
+    }),
+    _useContext3 = _slicedToArray(_useContext2, 2),
+    showFixStartShadow = _useContext3[0],
+    showFixEndShadow = _useContext3[1];
+  if (isFixStart) {
+    fixedStyle.insetInlineStart = fixStart;
+    fixedStyle['--z-offset'] = zIndex;
+    fixedStyle['--z-offset-reverse'] = zIndexReverse;
+  }
+  if (isFixEnd) {
+    fixedStyle.insetInlineEnd = fixEnd;
+    fixedStyle['--z-offset'] = zIndex;
+    fixedStyle['--z-offset-reverse'] = zIndexReverse;
+  }
+
+  // ================ RowSpan & ColSpan =================
+  var mergedColSpan = (_ref3 = (_ref4 = (_legacyCellProps$colS = legacyCellProps === null || legacyCellProps === void 0 ? void 0 : legacyCellProps.colSpan) !== null && _legacyCellProps$colS !== void 0 ? _legacyCellProps$colS : additionalProps.colSpan) !== null && _ref4 !== void 0 ? _ref4 : colSpan) !== null && _ref3 !== void 0 ? _ref3 : 1;
+  var mergedRowSpan = (_ref5 = (_ref6 = (_legacyCellProps$rowS = legacyCellProps === null || legacyCellProps === void 0 ? void 0 : legacyCellProps.rowSpan) !== null && _legacyCellProps$rowS !== void 0 ? _legacyCellProps$rowS : additionalProps.rowSpan) !== null && _ref6 !== void 0 ? _ref6 : rowSpan) !== null && _ref5 !== void 0 ? _ref5 : 1;
+
+  // ====================== Hover =======================
+  var _useHoverState = (0, _useHoverState3.default)(index, mergedRowSpan),
+    _useHoverState2 = _slicedToArray(_useHoverState, 2),
+    hovering = _useHoverState2[0],
+    onHover = _useHoverState2[1];
+  var onMouseEnter = (0, _useEvent.default)(function (event) {
+    var _additionalProps$onMo;
+    if (record && index !== undefined) {
+      onHover(index, index + mergedRowSpan - 1);
+    }
+    additionalProps === null || additionalProps === void 0 || (_additionalProps$onMo = additionalProps.onMouseEnter) === null || _additionalProps$onMo === void 0 || _additionalProps$onMo.call(additionalProps, event);
+  });
+  var onMouseLeave = (0, _useEvent.default)(function (event) {
+    var _additionalProps$onMo2;
+    if (record) {
+      onHover(-1, -1);
+    }
+    additionalProps === null || additionalProps === void 0 || (_additionalProps$onMo2 = additionalProps.onMouseLeave) === null || _additionalProps$onMo2 === void 0 || _additionalProps$onMo2.call(additionalProps, event);
+  });
+
+  // ====================== Render ======================
+  if (mergedColSpan === 0 || mergedRowSpan === 0) {
+    return null;
+  }
+
+  // >>>>> Title
+  var title = (_additionalProps$titl = additionalProps.title) !== null && _additionalProps$titl !== void 0 ? _additionalProps$titl : getTitleFromCellRenderChildren({
+    rowType: rowType,
+    ellipsis: ellipsis,
+    children: childNode
+  });
+
+  // >>>>> ClassName
+  var mergedClassName = (0, _clsx2.clsx)(cellPrefixCls, className, (_clsx = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_clsx, "".concat(cellPrefixCls, "-fix"), isFixStart || isFixEnd), "".concat(cellPrefixCls, "-fix-start"), isFixStart), "".concat(cellPrefixCls, "-fix-end"), isFixEnd), "".concat(cellPrefixCls, "-fix-start-shadow"), fixedStartShadow), "".concat(cellPrefixCls, "-fix-start-shadow-show"), fixedStartShadow && showFixStartShadow), "".concat(cellPrefixCls, "-fix-end-shadow"), fixedEndShadow), "".concat(cellPrefixCls, "-fix-end-shadow-show"), fixedEndShadow && showFixEndShadow), "".concat(cellPrefixCls, "-ellipsis"), ellipsis), "".concat(cellPrefixCls, "-with-append"), appendNode), "".concat(cellPrefixCls, "-fix-sticky"), (isFixStart || isFixEnd) && isSticky), _defineProperty(_clsx, "".concat(cellPrefixCls, "-row-hover"), !legacyCellProps && hovering)), additionalProps.className, legacyCellProps === null || legacyCellProps === void 0 ? void 0 : legacyCellProps.className);
+
+  // >>>>> Style
+  var alignStyle = {};
+  if (align) {
+    alignStyle.textAlign = align;
+  }
+
+  // The order is important since user can overwrite style.
+  // For example ant-design/ant-design#51763
+  var mergedStyle = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, legacyCellProps === null || legacyCellProps === void 0 ? void 0 : legacyCellProps.style), fixedStyle), alignStyle), additionalProps.style), style);
+
+  // >>>>> Children Node
+  var mergedChildNode = childNode;
+
+  // Not crash if final `childNode` is not validate ReactNode
+  if (_typeof(mergedChildNode) === 'object' && !Array.isArray(mergedChildNode) && ! /*#__PURE__*/React.isValidElement(mergedChildNode)) {
+    mergedChildNode = null;
+  }
+  if (ellipsis && (fixedStartShadow || fixedEndShadow)) {
+    mergedChildNode = /*#__PURE__*/React.createElement("span", {
+      className: "".concat(cellPrefixCls, "-content")
+    }, mergedChildNode);
+  }
+  return /*#__PURE__*/React.createElement(Component, _extends({}, legacyCellProps, additionalProps, {
+    className: mergedClassName,
+    style: mergedStyle
+    // A11y
+    ,
+    title: title,
+    scope: scope
+    // Hover
+    ,
+    onMouseEnter: rowHoverable ? onMouseEnter : undefined,
+    onMouseLeave: rowHoverable ? onMouseLeave : undefined
+    //Span
+    ,
+    colSpan: mergedColSpan !== 1 ? mergedColSpan : undefined,
+    rowSpan: mergedRowSpan !== 1 ? mergedRowSpan : undefined
+  }), appendNode, mergedChildNode);
+};
+var _default = exports.default = /*#__PURE__*/React.memo(Cell);

package/lib/table/components/Cell/useCellRender.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useCellRender;
+var _get = _interopRequireDefault(require("rc-util/lib/utils/get"));
+var _isEqual = _interopRequireDefault(require("rc-util/lib/isEqual"));
+var _useMemo = _interopRequireDefault(require("rc-util/lib/hooks/useMemo"));
+var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
+var React = _interopRequireWildcard(require("react"));
+var _PerfContext = _interopRequireDefault(require("../../shared/context/PerfContext"));
+var _valueUtil = require("../../shared/utils/valueUtil");
+var _TableContext = require("../../shared/context/TableContext");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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."); }
+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 _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function isRenderCell(data) {
+  return !!data && _typeof(data) === 'object' && !Array.isArray(data) && ! /*#__PURE__*/React.isValidElement(data);
+}
+function useCellRender(record, dataIndex, renderIndex, children, render, shouldCellUpdate) {
+  // TODO: Remove this after next major version
+  var perfRecord = React.useContext(_PerfContext.default);
+  var mark = (0, _TableContext.useImmutableMark)();
+
+  // ======================== Render ========================
+  var retData = (0, _useMemo.default)(function () {
+    if ((0, _valueUtil.validateValue)(children)) {
+      return [children];
+    }
+    var path = dataIndex === null || dataIndex === undefined || dataIndex === '' ? [] : Array.isArray(dataIndex) ? dataIndex : [dataIndex];
+    var value = (0, _get.default)(record, path);
+
+    // Customize render node
+    var returnChildNode = value;
+    var returnCellProps;
+    if (render) {
+      var renderData = render(value, record, renderIndex);
+      if (isRenderCell(renderData)) {
+        if (process.env.NODE_ENV !== 'production') {
+          (0, _warning.default)(false, '`columns.render` return cell props is deprecated with perf issue, please use `onCell` instead.');
+        }
+        returnChildNode = renderData.children;
+        returnCellProps = renderData.props;
+        perfRecord.renderWithProps = true;
+      } else {
+        returnChildNode = renderData;
+      }
+    }
+    return [returnChildNode, returnCellProps];
+  }, [
+  // Force update deps
+  mark,
+  // Normal deps
+  record, children, dataIndex, render, renderIndex], function (prev, next) {
+    if (shouldCellUpdate) {
+      var _prev = _slicedToArray(prev, 2),
+        prevRecord = _prev[1];
+      var _next = _slicedToArray(next, 2),
+        nextRecord = _next[1];
+      return shouldCellUpdate(nextRecord, prevRecord);
+    }
+
+    // Legacy mode should always update
+    if (perfRecord.renderWithProps) {
+      return true;
+    }
+    return !(0, _isEqual.default)(prev, next, true);
+  });
+  return retData;
+}

package/lib/table/components/Cell/useHoverState.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useHoverState;
+var _context = require("../../../_util/context");
+var _TableContext = _interopRequireDefault(require("../../shared/context/TableContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/** Check if cell is in hover range */
+function inHoverRange(cellStartRow, cellRowSpan, startRow, endRow) {
+  var cellEndRow = cellStartRow + cellRowSpan - 1;
+  return cellStartRow <= endRow && cellEndRow >= startRow;
+}
+function useHoverState(rowIndex, rowSpan) {
+  return (0, _context.useContext)(_TableContext.default, function (ctx) {
+    var hovering = inHoverRange(rowIndex, rowSpan || 1, ctx.hoverStartRow, ctx.hoverEndRow);
+    return [hovering, ctx.onHover];
+  });
+}

package/lib/table/components/ColGroup.js

@@ -0,0 +1,62 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _legacyUtil = require("../shared/utils/legacyUtil");
+var _context = require("../../_util/context");
+var _TableContext = _interopRequireDefault(require("../shared/context/TableContext"));
+var _excluded = ["columnType"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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; }
+/** Column injected with internal col props by internal features (e.g. expandable, selection) */
+
+var ColGroup = function ColGroup(props) {
+  var colWidths = props.colWidths,
+    columns = props.columns,
+    columCount = props.columCount;
+  var _useContext = (0, _context.useContext)(_TableContext.default, ['tableLayout']),
+    tableLayout = _useContext.tableLayout;
+  var cols = [];
+  var len = columCount || (columns === null || columns === void 0 ? void 0 : columns.length) || 0;
+
+  // Only insert col with width & additional props
+  // Skip if rest col do not have any useful info
+  var mustInsert = false;
+  for (var i = len - 1; i >= 0; i -= 1) {
+    var width = colWidths[i];
+    var column = columns && columns[i];
+    var additionalProps = void 0;
+    var minWidth = void 0;
+    if (column) {
+      additionalProps = column[_legacyUtil.INTERNAL_COL_DEFINE];
+
+      // fixed will cause layout problems
+      if (tableLayout === 'auto') {
+        minWidth = column.minWidth;
+      }
+    }
+    if (width || minWidth || additionalProps || mustInsert) {
+      var _ref = additionalProps || {},
+        columnType = _ref.columnType,
+        restAdditionalProps = _objectWithoutProperties(_ref, _excluded);
+      cols.unshift( /*#__PURE__*/React.createElement("col", _extends({
+        key: i,
+        style: {
+          width: width,
+          minWidth: minWidth
+        }
+      }, restAdditionalProps)));
+      mustInsert = true;
+    }
+  }
+  return cols.length > 0 ? /*#__PURE__*/React.createElement("colgroup", null, cols) : null;
+};
+var _default = exports.default = ColGroup;

package/lib/table/components/ExpandIcon.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _clsx2 = require("clsx");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function renderExpandIcon(locale) {
+  return function (props) {
+    var prefixCls = props.prefixCls,
+      onExpand = props.onExpand,
+      record = props.record,
+      expanded = props.expanded,
+      expandable = props.expandable;
+    var iconPrefix = "".concat(prefixCls, "-row-expand-icon");
+    return /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      onClick: function onClick(e) {
+        onExpand(record, e);
+        e.stopPropagation();
+      },
+      className: (0, _clsx2.clsx)(iconPrefix, _defineProperty(_defineProperty(_defineProperty({}, "".concat(iconPrefix, "-spaced"), !expandable), "".concat(iconPrefix, "-expanded"), expandable && expanded), "".concat(iconPrefix, "-collapsed"), expandable && !expanded)),
+      "aria-label": expanded ? locale.collapse : locale.expand,
+      "aria-expanded": expanded
+    });
+  };
+}
+var _default = exports.default = renderExpandIcon;

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

@@ -0,0 +1,195 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _context = require("../../../_util/context");
+var _clsx = require("clsx");
+var _ref2 = require("rc-util/lib/ref");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _ColGroup = _interopRequireDefault(require("../ColGroup"));
+var _TableContext = _interopRequireDefault(require("../../shared/context/TableContext"));
+var _useRenderTimes = _interopRequireDefault(require("../../shared/hooks/useRenderTimes"));
+var _excluded = ["className", "style", "noData", "columns", "flattenColumns", "colWidths", "colGroup", "columCount", "stickyOffsets", "direction", "fixHeader", "stickyTopOffset", "stickyBottomOffset", "stickyClassName", "scrollX", "tableLayout", "onScroll", "maxContentScroll", "children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 _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; }
+function useColumnWidth(colWidths, columCount) {
+  return (0, _react.useMemo)(function () {
+    var cloneColumns = [];
+    for (var i = 0; i < columCount; i += 1) {
+      var val = colWidths[i];
+      if (val !== undefined) {
+        cloneColumns[i] = val;
+      } else {
+        return null;
+      }
+    }
+    return cloneColumns;
+  }, [colWidths.join('_'), columCount]);
+}
+var FixedHolder = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _useRenderTimes.default)(props);
+  }
+  var className = props.className,
+    style = props.style,
+    noData = props.noData,
+    columns = props.columns,
+    flattenColumns = props.flattenColumns,
+    colWidths = props.colWidths,
+    colGroup = props.colGroup,
+    columCount = props.columCount,
+    stickyOffsets = props.stickyOffsets,
+    direction = props.direction,
+    fixHeader = props.fixHeader,
+    stickyTopOffset = props.stickyTopOffset,
+    stickyBottomOffset = props.stickyBottomOffset,
+    stickyClassName = props.stickyClassName,
+    scrollX = props.scrollX,
+    _props$tableLayout = props.tableLayout,
+    tableLayout = _props$tableLayout === void 0 ? 'fixed' : _props$tableLayout,
+    onScroll = props.onScroll,
+    maxContentScroll = props.maxContentScroll,
+    children = props.children,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _useContext = (0, _context.useContext)(_TableContext.default, ['prefixCls', 'scrollbarSize', 'isSticky', 'getComponent']),
+    prefixCls = _useContext.prefixCls,
+    scrollbarSize = _useContext.scrollbarSize,
+    isSticky = _useContext.isSticky,
+    getComponent = _useContext.getComponent;
+  var TableComponent = getComponent(['header', 'table'], 'table');
+  var combinationScrollBarSize = isSticky && !fixHeader ? 0 : scrollbarSize;
+
+  // Pass wheel to scroll event
+  var scrollRef = React.useRef(null);
+  var setScrollRef = React.useCallback(function (element) {
+    (0, _ref2.fillRef)(ref, element);
+    (0, _ref2.fillRef)(scrollRef, element);
+  }, []);
+  React.useEffect(function () {
+    function onWheel(e) {
+      var _ref = e,
+        currentTarget = _ref.currentTarget,
+        deltaX = _ref.deltaX;
+      if (deltaX) {
+        var scrollLeft = currentTarget.scrollLeft,
+          scrollWidth = currentTarget.scrollWidth,
+          clientWidth = currentTarget.clientWidth;
+        var maxScrollWidth = scrollWidth - clientWidth;
+        var nextScroll = scrollLeft + deltaX;
+        if (direction === 'rtl') {
+          nextScroll = Math.max(-maxScrollWidth, nextScroll);
+          nextScroll = Math.min(0, nextScroll);
+        } else {
+          nextScroll = Math.min(maxScrollWidth, nextScroll);
+          nextScroll = Math.max(0, nextScroll);
+        }
+        onScroll({
+          currentTarget: currentTarget,
+          scrollLeft: nextScroll
+        });
+        e.preventDefault();
+      }
+    }
+    var scrollEle = scrollRef.current;
+    scrollEle === null || scrollEle === void 0 || scrollEle.addEventListener('wheel', onWheel, {
+      passive: false
+    });
+    return function () {
+      scrollEle === null || scrollEle === void 0 || scrollEle.removeEventListener('wheel', onWheel);
+    };
+  }, []);
+
+  // Add scrollbar column
+  var lastColumn = flattenColumns[flattenColumns.length - 1];
+  var ScrollBarColumn = {
+    fixed: lastColumn === null || lastColumn === void 0 ? void 0 : lastColumn.fixed,
+    scrollbar: true,
+    onHeaderCell: function onHeaderCell() {
+      return {
+        className: "".concat(prefixCls, "-cell-scrollbar")
+      };
+    }
+  };
+  var columnsWithScrollbar = (0, _react.useMemo)(function () {
+    return combinationScrollBarSize ? [].concat(_toConsumableArray(columns), [ScrollBarColumn]) : columns;
+  }, [combinationScrollBarSize, columns]);
+  var flattenColumnsWithScrollbar = (0, _react.useMemo)(function () {
+    return combinationScrollBarSize ? [].concat(_toConsumableArray(flattenColumns), [ScrollBarColumn]) : flattenColumns;
+  }, [combinationScrollBarSize, flattenColumns]);
+
+  // Calculate the sticky offsets
+  var headerStickyOffsets = (0, _react.useMemo)(function () {
+    var start = stickyOffsets.start,
+      end = stickyOffsets.end;
+    return _objectSpread(_objectSpread({}, stickyOffsets), {}, {
+      // left:
+      //   direction === 'rtl' ? [...left.map(width => width + combinationScrollBarSize), 0] : left,
+      // right:
+      //   direction === 'rtl' ? right : [...right.map(width => width + combinationScrollBarSize), 0],
+      start: start,
+      end: [].concat(_toConsumableArray(end.map(function (width) {
+        return width + combinationScrollBarSize;
+      })), [0]),
+      isSticky: isSticky
+    });
+  }, [combinationScrollBarSize, stickyOffsets, isSticky]);
+  var mergedColumnWidth = useColumnWidth(colWidths, columCount);
+  var isColGroupEmpty = (0, _react.useMemo)(function () {
+    // use original ColGroup if no data or no calculated column width, otherwise use calculated column width
+    // Return original colGroup if no data, or mergedColumnWidth is empty, or all widths are falsy
+    var noWidth = !mergedColumnWidth || !mergedColumnWidth.length || mergedColumnWidth.every(function (w) {
+      return !w;
+    });
+    return noData || noWidth;
+  }, [noData, mergedColumnWidth]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread(_objectSpread({
+      overflow: 'hidden'
+    }, isSticky ? {
+      top: stickyTopOffset,
+      bottom: stickyBottomOffset
+    } : {}), style),
+    ref: setScrollRef,
+    className: (0, _clsx.clsx)(className, stickyClassName)
+  }, /*#__PURE__*/React.createElement(TableComponent, {
+    style: {
+      tableLayout: tableLayout,
+      minWidth: '100%',
+      // https://github.com/ant-design/ant-design/issues/54894
+      width: scrollX
+    }
+  }, isColGroupEmpty ? colGroup : /*#__PURE__*/React.createElement(_ColGroup.default, {
+    colWidths: [].concat(_toConsumableArray(mergedColumnWidth || []), [combinationScrollBarSize]),
+    columCount: columCount + 1,
+    columns: flattenColumnsWithScrollbar
+  }), children(_objectSpread(_objectSpread({}, restProps), {}, {
+    stickyOffsets: headerStickyOffsets,
+    columns: columnsWithScrollbar,
+    flattenColumns: flattenColumnsWithScrollbar
+  }))));
+});
+if (process.env.NODE_ENV !== 'production') {
+  FixedHolder.displayName = 'FixedHolder';
+}
+
+/** Return a table in div as fixed element which contains sticky info */
+// export default responseImmutable(FixedHolder);
+var _default = exports.default = /*#__PURE__*/React.memo(FixedHolder);