@dtjoy/dt-design 1.1.1 → 1.1.5

package/lib/table/features/summary/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Summary", {
+  enumerable: true,
+  get: function get() {
+    return _Summary.default;
+  }
+});
+var _Summary = _interopRequireDefault(require("../../components/Footer/Summary"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/table/features/virtual/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useFlattenRecords", {
+  enumerable: true,
+  get: function get() {
+    return _useFlattenRecords.default;
+  }
+});
+Object.defineProperty(exports, "useLayoutState", {
+  enumerable: true,
+  get: function get() {
+    return _useFrame.useLayoutState;
+  }
+});
+Object.defineProperty(exports, "useTimeoutLock", {
+  enumerable: true,
+  get: function get() {
+    return _useFrame.useTimeoutLock;
+  }
+});
+var _useFlattenRecords = _interopRequireDefault(require("./useFlattenRecords"));
+var _useFrame = require("./useFrame");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/table/features/virtual/useFlattenRecords.js

@@ -0,0 +1,64 @@
+"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 = useFlattenRecords;
+var React = _interopRequireWildcard(require("react"));
+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; }
+// recursion (flat tree structure)
+function fillRecords(list, record, indent, childrenColumnName, expandedKeys, getRowKey, index) {
+  var key = getRowKey(record, index);
+  list.push({
+    record: record,
+    indent: indent,
+    index: index,
+    rowKey: key
+  });
+  var expanded = expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.has(key);
+  var children = record ? record[childrenColumnName] : undefined;
+  if (Array.isArray(children) && expanded) {
+    // expanded state, flat record
+    for (var i = 0; i < children.length; i += 1) {
+      fillRecords(list, children[i], indent + 1, childrenColumnName, expandedKeys, getRowKey, i);
+    }
+  }
+}
+/**
+ * flat tree data on expanded state
+ *
+ * @export
+ * @template T
+ * @param {*} data : table data
+ * @param {string} childrenColumnName : 指定树形结构的列名
+ * @param {Set<Key>} expandedKeys : 展开的行对应的keys
+ * @param {GetRowKey<T>} getRowKey  : 获取当前rowKey的方法
+ * @returns flattened data
+ */
+function useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey) {
+  var arr = React.useMemo(function () {
+    if (expandedKeys !== null && expandedKeys !== void 0 && expandedKeys.size) {
+      var list = [];
+
+      // collect flattened record
+      for (var i = 0; i < (data === null || data === void 0 ? void 0 : data.length); i += 1) {
+        var record = data[i];
+
+        // using array.push or spread operator may cause "Maximum call stack size exceeded" exception if array size is big enough.
+        fillRecords(list, record, 0, childrenColumnName, expandedKeys, getRowKey, i);
+      }
+      return list;
+    }
+    return data === null || data === void 0 ? void 0 : data.map(function (item, index) {
+      return {
+        record: item,
+        indent: 0,
+        index: index,
+        rowKey: getRowKey(item, index)
+      };
+    });
+  }, [data, childrenColumnName, expandedKeys, getRowKey]);
+  return arr;
+}

package/lib/table/features/virtual/useFrame.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLayoutState = useLayoutState;
+exports.useTimeoutLock = useTimeoutLock;
+var _react = require("react");
+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; }
+/**
+ * Execute code before next frame but async
+ */
+function useLayoutState(defaultState) {
+  var stateRef = (0, _react.useRef)(defaultState);
+  var _useState = (0, _react.useState)({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    forceUpdate = _useState2[1];
+  var lastPromiseRef = (0, _react.useRef)(null);
+  var updateBatchRef = (0, _react.useRef)([]);
+  function setFrameState(updater) {
+    updateBatchRef.current.push(updater);
+    var promise = Promise.resolve();
+    lastPromiseRef.current = promise;
+    promise.then(function () {
+      if (lastPromiseRef.current === promise) {
+        var prevBatch = updateBatchRef.current;
+        var prevState = stateRef.current;
+        updateBatchRef.current = [];
+        prevBatch.forEach(function (batchUpdater) {
+          stateRef.current = batchUpdater(stateRef.current);
+        });
+        lastPromiseRef.current = null;
+        if (prevState !== stateRef.current) {
+          forceUpdate({});
+        }
+      }
+    });
+  }
+  (0, _react.useEffect)(function () {
+    return function () {
+      lastPromiseRef.current = null;
+    };
+  }, []);
+  return [stateRef.current, setFrameState];
+}
+
+/** Lock frame, when frame pass reset the lock. */
+function useTimeoutLock(defaultState) {
+  var frameRef = (0, _react.useRef)(defaultState || null);
+  var timeoutRef = (0, _react.useRef)(undefined);
+  function cleanUp() {
+    clearTimeout(timeoutRef.current);
+  }
+  function setState(newState) {
+    frameRef.current = newState;
+    cleanUp();
+    timeoutRef.current = setTimeout(function () {
+      frameRef.current = null;
+      timeoutRef.current = undefined;
+    }, 100);
+  }
+  function getState() {
+    return frameRef.current;
+  }
+  (0, _react.useEffect)(function () {
+    return cleanUp;
+  }, []);
+  return [setState, getState];
+}

package/lib/table/immutableHelper.js

@@ -0,0 +1,46 @@
+"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.makeImmutable = makeImmutable;
+exports.responseImmutable = responseImmutable;
+var React = _interopRequireWildcard(require("react"));
+var _isEqual = _interopRequireDefault(require("rc-util/lib/isEqual"));
+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); }
+/**
+ * HOC that prevents re-render when props are equal.
+ */
+function makeImmutable(Component) {
+  var componentName = Component.displayName || Component.name || 'Component';
+  var ComponentWithRef = Component;
+  var ForwardedComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ComponentWithRef, _extends({
+      ref: ref
+    }, props));
+  });
+  ForwardedComponent.displayName = "Immutable(".concat(componentName, ")");
+  var MemoComponent = /*#__PURE__*/React.memo(ForwardedComponent, function (prevProps, nextProps) {
+    return (0, _isEqual.default)(prevProps, nextProps);
+  });
+  MemoComponent.displayName = "Immutable(".concat(componentName, ")");
+  return MemoComponent;
+}
+
+/**
+ * HOC that simply memoizes a component.
+ */
+function responseImmutable(Component) {
+  var componentName = Component.displayName || Component.name || 'Component';
+  var ResponseComponent = function ResponseComponent(props) {
+    return /*#__PURE__*/React.createElement(Component, props);
+  };
+  ResponseComponent.displayName = "ResponseImmutable(".concat(componentName, ")");
+  var MemoComponent = /*#__PURE__*/React.memo(ResponseComponent);
+  MemoComponent.displayName = "ResponseImmutable(".concat(componentName, ")");
+  return MemoComponent;
+}

package/lib/table/index.js

@@ -1,9 +1,124 @@
 "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;
+Object.defineProperty(exports, "BatchEditModal", {
+  enumerable: true,
+  get: function get() {
+    return _BatchEditModal.default;
+  }
+});
+Object.defineProperty(exports, "Column", {
+  enumerable: true,
+  get: function get() {
+    return _Column.default;
+  }
+});
+Object.defineProperty(exports, "ColumnGroup", {
+  enumerable: true,
+  get: function get() {
+    return _ColumnGroup.default;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_PREFIX", {
+  enumerable: true,
+  get: function get() {
+    return _RcTable.DEFAULT_PREFIX;
+  }
+});
+Object.defineProperty(exports, "EXPAND_COLUMN", {
+  enumerable: true,
+  get: function get() {
+    return _constant.EXPAND_COLUMN;
+  }
+});
+Object.defineProperty(exports, "INTERNAL_COL_DEFINE", {
+  enumerable: true,
+  get: function get() {
+    return _legacyUtil.INTERNAL_COL_DEFINE;
+  }
+});
+Object.defineProperty(exports, "INTERNAL_HOOKS", {
+  enumerable: true,
+  get: function get() {
+    return _constant.INTERNAL_HOOKS;
+  }
+});
+Object.defineProperty(exports, "Summary", {
+  enumerable: true,
+  get: function get() {
+    return _Summary.default;
+  }
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function get() {
+    return _Table.default;
+  }
+});
+Object.defineProperty(exports, "TableContext", {
+  enumerable: true,
+  get: function get() {
+    return _TableContext.default;
+  }
+});
+Object.defineProperty(exports, "VirtualTable", {
+  enumerable: true,
+  get: function get() {
+    return _VirtualTableBody.default;
+  }
+});
+Object.defineProperty(exports, "applyBatchRules", {
+  enumerable: true,
+  get: function get() {
+    return _batchEditUtils.applyBatchRules;
+  }
+});
+Object.defineProperty(exports, "convertChildrenToColumns", {
+  enumerable: true,
+  get: function get() {
+    return _columns.convertChildrenToColumns;
+  }
+});
+Object.defineProperty(exports, "genTable", {
+  enumerable: true,
+  get: function get() {
+    return _RcTable.genTable;
+  }
+});
+Object.defineProperty(exports, "genVirtualTable", {
+  enumerable: true,
+  get: function get() {
+    return _VirtualTableBody.genVirtualTable;
+  }
+});
+Object.defineProperty(exports, "makeImmutable", {
+  enumerable: true,
+  get: function get() {
+    return _TableContext.makeImmutable;
+  }
+});
+Object.defineProperty(exports, "responseImmutable", {
+  enumerable: true,
+  get: function get() {
+    return _TableContext.responseImmutable;
+  }
+});
+require("./style");
+var _Column = _interopRequireDefault(require("./Column"));
+var _ColumnGroup = _interopRequireDefault(require("./ColumnGroup"));
+var _Summary = _interopRequireDefault(require("./components/Footer/Summary"));
+var _RcTable = require("./components/RcTable");
+var _VirtualTableBody = _interopRequireWildcard(require("./components/VirtualTableBody"));
+var _constant = require("./constant");
+var _columns = require("./features/columns");
+var _BatchEditModal = _interopRequireDefault(require("./features/editable/BatchEditModal"));
+var _batchEditUtils = require("./features/editable/batchEditUtils");
+var _TableContext = _interopRequireWildcard(require("./shared/context/TableContext"));
+var _legacyUtil = require("./shared/utils/legacyUtil");
 var _Table = _interopRequireDefault(require("./Table"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = _Table.default;
+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 }; }

package/lib/table/interface.js

@@ -3,6 +3,58 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-const _TableActions = ['paginate', 'sort', 'filter'];
+// ===================== namePathType.ts =====================
 
-// 非必要请勿导出
+/**
+ * Store: The store type from `FormInstance<Store>`
+ * ParentNamePath: Auto generate by nest logic. Do not fill manually.
+ */
+
+// ===================== Core interface =====================
+
+/**
+ * ColumnType which applied in antd: https://ant.design/components/table-cn/#Column
+ * - defaultSortOrder
+ * - filterDropdown
+ * - filterDropdownVisible
+ * - filtered
+ * - filteredValue
+ * - filterIcon
+ * - filterMultiple
+ * - filters
+ * - sorter
+ * - sortOrder
+ * - sortDirections
+ * - onFilter
+ * - onFilterDropdownVisibleChange
+ */
+
+/**
+ * Use `start` or `end` instead. `left` or `right` is deprecated.
+ */
+
+// ==================== Row =====================
+
+// =================== Column ===================
+
+// SpecialString will be removed in antd@6
+
+// ===================== Editable Types =====================
+
+// ================= Fix Column =================
+
+// ================= Customized =================
+
+// =================== Expand ===================
+
+// =================== Render ===================
+
+// =================== Events ===================
+
+// =================== Sticky ===================
+
+// ===================== Antd wrapper interface =====================
+
+var _TableActions = ['paginate', 'sort', 'filter'];
+
+/** @deprecated Please use `FilterResetProps` instead. */

package/lib/table/shared/context/PerfContext.js

@@ -0,0 +1,15 @@
+"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"));
+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; }
+// TODO: Remove when use `responsiveImmutable`
+var PerfContext = /*#__PURE__*/React.createContext({
+  renderWithProps: false
+});
+var _default = exports.default = PerfContext;

package/lib/table/shared/context/TableContext.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useImmutableMark = exports.responseImmutable = exports.makeImmutable = exports.default = void 0;
+var _context = require("../../../_util/context");
+var _createImmutable = (0, _context.createImmutable)(),
+  makeImmutable = exports.makeImmutable = _createImmutable.makeImmutable,
+  responseImmutable = exports.responseImmutable = _createImmutable.responseImmutable,
+  useImmutableMark = exports.useImmutableMark = _createImmutable.useImmutableMark;
+var TableContext = (0, _context.createContext)();
+var _default = exports.default = TableContext;

package/lib/table/shared/hooks/useContainerWidth.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useContainerWidth;
+function useContainerWidth(prefixCls) {
+  var getContainerWidth = function getContainerWidth(ele, width) {
+    var container = ele.querySelector(".".concat(prefixCls, "-container"));
+    var returnWidth = width;
+    if (container) {
+      var style = getComputedStyle(container);
+      var borderLeft = Number.parseInt(style.borderLeftWidth, 10);
+      var borderRight = Number.parseInt(style.borderRightWidth, 10);
+      returnWidth = width - borderLeft - borderRight;
+    }
+    return returnWidth;
+  };
+  return getContainerWidth;
+}

package/lib/table/shared/hooks/useLazyKVMap.js

@@ -0,0 +1,39 @@
+"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 _is = require("../../../_util/is");
+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; }
+var useLazyKVMap = function useLazyKVMap(data, childrenColumnName, getRowKey) {
+  var mapCacheRef = React.useRef({});
+  function getRecordByKey(key) {
+    var _mapCacheRef$current$;
+    if (!mapCacheRef.current || mapCacheRef.current.data !== data || mapCacheRef.current.childrenColumnName !== childrenColumnName || mapCacheRef.current.getRowKey !== getRowKey) {
+      var kvMap = new Map();
+      function dig(records) {
+        records.forEach(function (record, index) {
+          var rowKey = getRowKey(record, index);
+          kvMap.set(rowKey, record);
+          if ((0, _is.isPlainObject)(record) && childrenColumnName in record) {
+            dig(record[childrenColumnName] || []);
+          }
+        });
+      }
+      dig(data);
+      mapCacheRef.current = {
+        data: data,
+        childrenColumnName: childrenColumnName,
+        kvMap: kvMap,
+        getRowKey: getRowKey
+      };
+    }
+    return (_mapCacheRef$current$ = mapCacheRef.current.kvMap) === null || _mapCacheRef$current$ === void 0 ? void 0 : _mapCacheRef$current$.get(key);
+  }
+  return [getRecordByKey];
+};
+var _default = exports.default = useLazyKVMap;

package/lib/table/shared/hooks/useRenderTimes.js

@@ -0,0 +1,49 @@
+"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 = exports.RenderBlock = void 0;
+var React = _interopRequireWildcard(require("react"));
+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; }
+/* istanbul ignore file */
+
+function useRenderTimes(props, debug) {
+  // Render times
+  var timesRef = React.useRef(0);
+  timesRef.current += 1;
+
+  // Props changed
+  var propsRef = React.useRef(props);
+  var keys = [];
+  Object.keys(props || {}).forEach(function (key) {
+    var nextProps = props;
+    var prevProps = propsRef.current;
+    if ((nextProps === null || nextProps === void 0 ? void 0 : nextProps[key]) !== (prevProps === null || prevProps === void 0 ? void 0 : prevProps[key])) {
+      keys.push(key);
+    }
+  });
+  propsRef.current = props;
+
+  // Cache keys since React rerender may cause it lost
+  var keysRef = React.useRef([]);
+  if (keys.length) {
+    keysRef.current = keys;
+  }
+  React.useDebugValue(timesRef.current);
+  React.useDebugValue(keysRef.current.join(', '));
+  if (debug) {
+    console.warn("".concat(debug, ":"), timesRef.current, keysRef.current);
+  }
+  return timesRef.current;
+}
+var _default = exports.default = process.env.NODE_ENV !== 'production' ? useRenderTimes : function () {};
+var RenderBlock = exports.RenderBlock = /*#__PURE__*/React.memo(function () {
+  var times = useRenderTimes();
+  return /*#__PURE__*/React.createElement("h1", null, "Render Times: ", times);
+});
+if (process.env.NODE_ENV !== 'production') {
+  RenderBlock.displayName = 'RenderBlock';
+}

package/lib/table/shared/hooks/useRowInfo.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useRowInfo;
+var _context = require("../../../_util/context");
+var _TableContext = _interopRequireDefault(require("../context/TableContext"));
+var _valueUtil = require("../utils/valueUtil");
+var _useEvent = _interopRequireDefault(require("../../../_util/hooks/useEvent"));
+var _clsx = require("clsx");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 useRowInfo(record, rowKey, recordIndex, indent) {
+  var context = (0, _context.useContext)(_TableContext.default, ['prefixCls', 'fixedInfoList', 'flattenColumns', 'expandableType', 'expandRowByClick', 'onTriggerExpand', 'rowClassName', 'expandedRowClassName', 'indentSize', 'expandIcon', 'expandedRowRender', 'expandIconColumnIndex', 'expandedKeys', 'childrenColumnName', 'rowExpandable', 'onRow']);
+  var flattenColumns = context.flattenColumns,
+    expandableType = context.expandableType,
+    expandedKeys = context.expandedKeys,
+    childrenColumnName = context.childrenColumnName,
+    onTriggerExpand = context.onTriggerExpand,
+    rowExpandable = context.rowExpandable,
+    onRow = context.onRow,
+    expandRowByClick = context.expandRowByClick,
+    rowClassName = context.rowClassName;
+
+  // ======================= Expandable =======================
+  // Only when row is not expandable and `children` exist in record
+  var nestExpandable = expandableType === 'nest';
+  var rowSupportExpand = expandableType === 'row' && (!rowExpandable || rowExpandable(record));
+  var mergedExpandable = rowSupportExpand || nestExpandable;
+  var expanded = expandedKeys && expandedKeys.has(rowKey);
+
+  // Declared as `boolean` in the return type; historically the raw children
+  // value (a truthy array) flows through, so keep the runtime value as-is.
+  var hasNestChildren = childrenColumnName && record && record[childrenColumnName];
+  var onInternalTriggerExpand = (0, _useEvent.default)(onTriggerExpand);
+
+  // ========================= onRow ==========================
+  var rowProps = onRow === null || onRow === void 0 ? void 0 : onRow(record, recordIndex);
+  var onRowClick = rowProps === null || rowProps === void 0 ? void 0 : rowProps.onClick;
+  var onClick = function onClick(event) {
+    if (expandRowByClick && mergedExpandable) {
+      onTriggerExpand(record, event);
+    }
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    onRowClick === null || onRowClick === void 0 || onRowClick.apply(void 0, [event].concat(args));
+  };
+
+  // ====================== RowClassName ======================
+  var computeRowClassName;
+  if (typeof rowClassName === 'string') {
+    computeRowClassName = rowClassName;
+  } else if (typeof rowClassName === 'function') {
+    computeRowClassName = rowClassName(record, recordIndex, indent);
+  }
+
+  // ========================= Column =========================
+  var columnsKey = (0, _valueUtil.getColumnsKey)(flattenColumns);
+  return _objectSpread(_objectSpread({}, context), {}, {
+    columnsKey: columnsKey,
+    nestExpandable: nestExpandable,
+    expanded: expanded,
+    hasNestChildren: hasNestChildren,
+    record: record,
+    onTriggerExpand: onInternalTriggerExpand,
+    rowSupportExpand: rowSupportExpand,
+    expandable: mergedExpandable,
+    rowProps: _objectSpread(_objectSpread({}, rowProps), {}, {
+      className: (0, _clsx.clsx)(computeRowClassName, rowProps === null || rowProps === void 0 ? void 0 : rowProps.className),
+      onClick: onClick
+    })
+  });
+}