@dtjoy/dt-design 1.1.2 → 1.1.5

package/lib/table/features/selection/useSelection.js

@@ -0,0 +1,588 @@
+"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.SELECTION_NONE = exports.SELECTION_INVERT = exports.SELECTION_COLUMN = exports.SELECTION_ALL = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _DownOutlined = _interopRequireDefault(require("@ant-design/icons/DownOutlined"));
+var _legacyUtil = require("../../shared/utils/legacyUtil");
+var _conductUtil = require("rc-tree/lib/utils/conductUtil");
+var _treeUtil = require("rc-tree/lib/utils/treeUtil");
+var _rcUtil = require("../../../_util/rcUtil");
+var _clsx2 = require("clsx");
+var _useMultipleSelect3 = require("../../../_util/hooks/useMultipleSelect");
+var _is = require("../../../_util/is");
+var _warning = require("../../../_util/warning");
+var _checkbox = _interopRequireDefault(require("antd/lib/checkbox"));
+var _dropdown = _interopRequireDefault(require("antd/lib/dropdown"));
+var _radio = _interopRequireDefault(require("antd/lib/radio"));
+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 _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
+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 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 _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 _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 arrAdd(list, value) {
+  var clone = list.slice();
+  var index = clone.indexOf(value);
+  if (index === -1) {
+    clone.push(value);
+  }
+  return clone;
+}
+function arrDel(list, value) {
+  var clone = list.slice();
+  var index = clone.indexOf(value);
+  if (index !== -1) {
+    clone.splice(index, 1);
+  }
+  return clone;
+}
+var SELECTION_COLUMN = exports.SELECTION_COLUMN = {};
+var SELECTION_ALL = exports.SELECTION_ALL = 'SELECT_ALL';
+var SELECTION_INVERT = exports.SELECTION_INVERT = 'SELECT_INVERT';
+var SELECTION_NONE = exports.SELECTION_NONE = 'SELECT_NONE';
+var EMPTY_LIST = [];
+var flattenData = function flattenData(childrenColumnName, data) {
+  var list = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  (data || []).forEach(function (record) {
+    list.push(record);
+    if ((0, _is.isPlainObject)(record) && childrenColumnName in record) {
+      flattenData(childrenColumnName, record[childrenColumnName], list);
+    }
+  });
+  return list;
+};
+var useSelection = function useSelection(config, rowSelection) {
+  var _ref = rowSelection || {},
+    preserveSelectedRowKeys = _ref.preserveSelectedRowKeys,
+    selectedRowKeys = _ref.selectedRowKeys,
+    defaultSelectedRowKeys = _ref.defaultSelectedRowKeys,
+    getCheckboxProps = _ref.getCheckboxProps,
+    getTitleCheckboxProps = _ref.getTitleCheckboxProps,
+    onSelectionChange = _ref.onChange,
+    onSelect = _ref.onSelect,
+    onSelectAll = _ref.onSelectAll,
+    onSelectInvert = _ref.onSelectInvert,
+    onSelectNone = _ref.onSelectNone,
+    onSelectMultiple = _ref.onSelectMultiple,
+    selectionColWidth = _ref.columnWidth,
+    selectionType = _ref.type,
+    selections = _ref.selections,
+    fixed = _ref.fixed,
+    customizeRenderCell = _ref.renderCell,
+    hideSelectAll = _ref.hideSelectAll,
+    _ref$checkStrictly = _ref.checkStrictly,
+    checkStrictly = _ref$checkStrictly === void 0 ? true : _ref$checkStrictly;
+  var prefixCls = config.prefixCls,
+    data = config.data,
+    pageData = config.pageData,
+    getRecordByKey = config.getRecordByKey,
+    getRowKey = config.getRowKey,
+    expandType = config.expandType,
+    childrenColumnName = config.childrenColumnName,
+    tableLocale = config.locale,
+    getPopupContainer = config.getPopupContainer;
+  var warning = (0, _warning.devUseWarning)('Table');
+  var _useMultipleSelect = (0, _useMultipleSelect3.useMultipleSelect)(function (item) {
+      return item;
+    }),
+    _useMultipleSelect2 = _slicedToArray(_useMultipleSelect, 2),
+    multipleSelect = _useMultipleSelect2[0],
+    updatePrevSelectedIndex = _useMultipleSelect2[1];
+  var _ref2 = (0, _rcUtil.useControlledState)(defaultSelectedRowKeys || EMPTY_LIST, {
+      value: selectedRowKeys
+    }),
+    _ref3 = _slicedToArray(_ref2, 2),
+    mergedSelectedKeys = _ref3[0],
+    setMergedSelectedKeys = _ref3[1];
+  var mergedSelectedKeyList = mergedSelectedKeys !== null && mergedSelectedKeys !== void 0 ? mergedSelectedKeys : EMPTY_LIST;
+  var preserveRecordsRef = React.useRef(new Map());
+  var updatePreserveRecordsCache = (0, _react.useCallback)(function (keys) {
+    if (preserveSelectedRowKeys) {
+      var newCache = new Map();
+      keys.forEach(function (key) {
+        var record = getRecordByKey(key);
+        if (!record && preserveRecordsRef.current.has(key)) {
+          record = preserveRecordsRef.current.get(key);
+        }
+        newCache.set(key, record);
+      });
+      preserveRecordsRef.current = newCache;
+    }
+  }, [getRecordByKey, preserveSelectedRowKeys]);
+  React.useEffect(function () {
+    updatePreserveRecordsCache(mergedSelectedKeyList);
+  }, [mergedSelectedKeyList, updatePreserveRecordsCache]);
+  var flattedData = (0, _react.useMemo)(function () {
+    return flattenData(childrenColumnName, pageData);
+  }, [childrenColumnName, pageData]);
+  var _useMemo = (0, _react.useMemo)(function () {
+      if (checkStrictly) {
+        return {
+          keyEntities: null
+        };
+      }
+      var convertData = data;
+      if (preserveSelectedRowKeys) {
+        var keysSet = new Set(flattedData.map(getRowKey));
+        var preserveRecords = Array.from(preserveRecordsRef.current).reduce(function (total, _ref4) {
+          var _ref5 = _slicedToArray(_ref4, 2),
+            key = _ref5[0],
+            value = _ref5[1];
+          return keysSet.has(key) ? total : total.concat(value);
+        }, []);
+        convertData = [].concat(_toConsumableArray(convertData), _toConsumableArray(preserveRecords));
+      }
+      return (0, _treeUtil.convertDataToEntities)(convertData, {
+        externalGetKey: getRowKey,
+        childrenPropName: childrenColumnName
+      });
+    }, [data, getRowKey, checkStrictly, childrenColumnName, preserveSelectedRowKeys, flattedData]),
+    keyEntities = _useMemo.keyEntities;
+  var checkboxPropsMap = (0, _react.useMemo)(function () {
+    var map = new Map();
+    flattedData.forEach(function (record, index) {
+      var key = getRowKey(record, index);
+      var checkboxProps = (getCheckboxProps ? getCheckboxProps(record) : null) || {};
+      map.set(key, checkboxProps);
+      warning(!('checked' in checkboxProps || 'defaultChecked' in checkboxProps), 'usage', 'Do not set `checked` or `defaultChecked` in `getCheckboxProps`. Please use `selectedRowKeys` instead.');
+    });
+    return map;
+  }, [flattedData, getRowKey, getCheckboxProps]);
+  var isCheckboxDisabled = (0, _react.useCallback)(function (r) {
+    var _checkboxProps;
+    var rowKey = getRowKey(r);
+    var checkboxProps;
+    if (checkboxPropsMap.has(rowKey)) {
+      checkboxProps = checkboxPropsMap.get(getRowKey(r));
+    } else {
+      checkboxProps = getCheckboxProps ? getCheckboxProps(r) : undefined;
+    }
+    return !!((_checkboxProps = checkboxProps) !== null && _checkboxProps !== void 0 && _checkboxProps.disabled);
+  }, [checkboxPropsMap, getRowKey]);
+  var _useMemo2 = (0, _react.useMemo)(function () {
+      if (checkStrictly) {
+        return [mergedSelectedKeyList, []];
+      }
+      var _conductCheck = (0, _conductUtil.conductCheck)(mergedSelectedKeyList, true, keyEntities, isCheckboxDisabled),
+        checkedKeys = _conductCheck.checkedKeys,
+        halfCheckedKeys = _conductCheck.halfCheckedKeys;
+      return [checkedKeys || [], halfCheckedKeys];
+    }, [mergedSelectedKeyList, checkStrictly, keyEntities, isCheckboxDisabled]),
+    _useMemo3 = _slicedToArray(_useMemo2, 2),
+    derivedSelectedKeys = _useMemo3[0],
+    derivedHalfSelectedKeys = _useMemo3[1];
+  var derivedSelectedKeySet = (0, _react.useMemo)(function () {
+    var keys = selectionType === 'radio' ? derivedSelectedKeys.slice(0, 1) : derivedSelectedKeys;
+    return new Set(keys);
+  }, [derivedSelectedKeys, selectionType]);
+  var derivedHalfSelectedKeySet = (0, _react.useMemo)(function () {
+    return selectionType === 'radio' ? new Set() : new Set(derivedHalfSelectedKeys);
+  }, [derivedHalfSelectedKeys, selectionType]);
+  React.useEffect(function () {
+    if (!rowSelection) {
+      setMergedSelectedKeys(EMPTY_LIST);
+    }
+  }, [!!rowSelection]);
+  var setSelectedKeys = (0, _react.useCallback)(function (keys, method) {
+    var availableKeys;
+    var records;
+    updatePreserveRecordsCache(keys);
+    if (preserveSelectedRowKeys) {
+      availableKeys = keys;
+      records = keys.map(function (key) {
+        return preserveRecordsRef.current.get(key);
+      });
+    } else {
+      availableKeys = [];
+      records = [];
+      keys.forEach(function (key) {
+        var record = getRecordByKey(key);
+        if (record !== undefined) {
+          availableKeys.push(key);
+          records.push(record);
+        }
+      });
+    }
+    setMergedSelectedKeys(availableKeys);
+    onSelectionChange === null || onSelectionChange === void 0 || onSelectionChange(availableKeys, records, {
+      type: method
+    });
+  }, [setMergedSelectedKeys, getRecordByKey, onSelectionChange, preserveSelectedRowKeys]);
+  var triggerSingleSelection = (0, _react.useCallback)(function (key, selected, keys, event) {
+    if (onSelect) {
+      var rows = keys.map(getRecordByKey);
+      onSelect(getRecordByKey(key), selected, rows, event);
+    }
+    setSelectedKeys(keys, 'single');
+  }, [onSelect, getRecordByKey, setSelectedKeys]);
+  var mergedSelections = (0, _react.useMemo)(function () {
+    if (!selections || hideSelectAll) {
+      return null;
+    }
+    var selectionList = selections === true ? [SELECTION_ALL, SELECTION_INVERT, SELECTION_NONE] : selections;
+    return selectionList.map(function (selection) {
+      var mergedSelection;
+      if (selection === SELECTION_ALL) {
+        mergedSelection = {
+          key: 'all',
+          text: tableLocale.selectionAll,
+          onSelect: function onSelect() {
+            setSelectedKeys(data.reduce(function (keys, record, index) {
+              var key = getRowKey(record, index);
+              var checkProps = checkboxPropsMap.get(key);
+              if (!(checkProps !== null && checkProps !== void 0 && checkProps.disabled) || derivedSelectedKeySet.has(key)) {
+                keys.push(key);
+              }
+              return keys;
+            }, []), 'all');
+          }
+        };
+      } else if (selection === SELECTION_INVERT) {
+        mergedSelection = {
+          key: 'invert',
+          text: tableLocale.selectInvert,
+          onSelect: function onSelect() {
+            var keySet = new Set(derivedSelectedKeySet);
+            pageData.forEach(function (record, index) {
+              var key = getRowKey(record, index);
+              var checkProps = checkboxPropsMap.get(key);
+              if (!(checkProps !== null && checkProps !== void 0 && checkProps.disabled)) {
+                if (keySet.has(key)) {
+                  keySet.delete(key);
+                } else {
+                  keySet.add(key);
+                }
+              }
+            });
+            var keys = Array.from(keySet);
+            if (onSelectInvert) {
+              warning.deprecated(false, 'onSelectInvert', 'onChange');
+              onSelectInvert(keys);
+            }
+            setSelectedKeys(keys, 'invert');
+          }
+        };
+      } else if (selection === SELECTION_NONE) {
+        mergedSelection = {
+          key: 'none',
+          text: tableLocale.selectNone,
+          onSelect: function onSelect() {
+            onSelectNone === null || onSelectNone === void 0 || onSelectNone();
+            setSelectedKeys(Array.from(derivedSelectedKeySet).filter(function (key) {
+              var checkProps = checkboxPropsMap.get(key);
+              return checkProps === null || checkProps === void 0 ? void 0 : checkProps.disabled;
+            }), 'none');
+          }
+        };
+      } else {
+        mergedSelection = selection;
+      }
+      return _objectSpread(_objectSpread({}, mergedSelection), {}, {
+        onSelect: function onSelect(currentRowKeys) {
+          var _mergedSelection$onSe, _mergedSelection;
+          (_mergedSelection$onSe = (_mergedSelection = mergedSelection).onSelect) === null || _mergedSelection$onSe === void 0 || _mergedSelection$onSe.call(_mergedSelection, currentRowKeys);
+          updatePrevSelectedIndex(null);
+        }
+      });
+    });
+  }, [selections, hideSelectAll, tableLocale.selectionAll, tableLocale.selectInvert, tableLocale.selectNone, checkboxPropsMap, derivedSelectedKeySet, data, pageData, getRowKey, onSelectInvert, setSelectedKeys]);
+  var transformColumns = (0, _react.useCallback)(function (columns) {
+    var _prevCol$INTERNAL_COL;
+    if (!rowSelection) {
+      warning(!columns.includes(SELECTION_COLUMN), 'usage', '`rowSelection` is not config but `SELECTION_COLUMN` exists in the `columns`.');
+      return columns.filter(function (col) {
+        return col !== SELECTION_COLUMN;
+      });
+    }
+    var cloneColumns = _toConsumableArray(columns);
+    var keySet = new Set(derivedSelectedKeySet);
+    var recordKeys = flattedData.reduce(function (keys, record, index) {
+      var key = getRowKey(record, index);
+      if (!checkboxPropsMap.get(key).disabled) {
+        keys.push(key);
+      }
+      return keys;
+    }, []);
+    var checkedCurrentAll = recordKeys.every(function (key) {
+      return keySet.has(key);
+    });
+    var checkedCurrentSome = recordKeys.some(function (key) {
+      return keySet.has(key);
+    });
+    var onSelectAllChange = function onSelectAllChange() {
+      var changeKeys = [];
+      if (checkedCurrentAll) {
+        recordKeys.forEach(function (key) {
+          keySet.delete(key);
+          changeKeys.push(key);
+        });
+      } else {
+        recordKeys.forEach(function (key) {
+          if (!keySet.has(key)) {
+            keySet.add(key);
+            changeKeys.push(key);
+          }
+        });
+      }
+      var keys = Array.from(keySet);
+      onSelectAll === null || onSelectAll === void 0 || onSelectAll(!checkedCurrentAll, keys.map(getRecordByKey), changeKeys.map(getRecordByKey));
+      setSelectedKeys(keys, 'all');
+      updatePrevSelectedIndex(null);
+    };
+    var title;
+    var columnTitleCheckbox;
+    if (selectionType !== 'radio') {
+      var customizeSelections;
+      if (mergedSelections) {
+        var menu = {
+          getPopupContainer: getPopupContainer,
+          items: mergedSelections.map(function (selection, index) {
+            var key = selection.key,
+              text = selection.text,
+              onSelectionClick = selection.onSelect;
+            return {
+              key: key !== null && key !== void 0 ? key : index,
+              onClick: function onClick() {
+                onSelectionClick === null || onSelectionClick === void 0 || onSelectionClick(recordKeys);
+              },
+              label: text
+            };
+          })
+        };
+        customizeSelections = /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefixCls, "-selection-extra")
+        }, /*#__PURE__*/React.createElement(_dropdown.default, {
+          menu: menu,
+          getPopupContainer: getPopupContainer
+        }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(_DownOutlined.default, null))));
+      }
+      var allDisabledData = flattedData.reduce(function (list, record, index) {
+        var key = getRowKey(record, index);
+        var checkboxProps = checkboxPropsMap.get(key) || {};
+        var item = _objectSpread({
+          checked: keySet.has(key)
+        }, checkboxProps);
+        if (item.disabled) {
+          list.push(item);
+        }
+        return list;
+      }, []);
+      var allDisabled = !!allDisabledData.length && allDisabledData.length === flattedData.length;
+      var allDisabledAndChecked = allDisabled && allDisabledData.every(function (_ref6) {
+        var checked = _ref6.checked;
+        return checked;
+      });
+      var allDisabledSomeChecked = allDisabled && allDisabledData.some(function (_ref7) {
+        var checked = _ref7.checked;
+        return checked;
+      });
+      var customCheckboxProps = (getTitleCheckboxProps === null || getTitleCheckboxProps === void 0 ? void 0 : getTitleCheckboxProps()) || {};
+      var _onChange = customCheckboxProps.onChange,
+        disabled = customCheckboxProps.disabled;
+      columnTitleCheckbox = /*#__PURE__*/React.createElement(_checkbox.default, _extends({
+        "aria-label": customizeSelections ? 'Custom selection' : 'Select all'
+      }, customCheckboxProps, {
+        checked: !allDisabled ? !!flattedData.length && checkedCurrentAll : allDisabledAndChecked,
+        indeterminate: !allDisabled ? !checkedCurrentAll && checkedCurrentSome : !allDisabledAndChecked && allDisabledSomeChecked,
+        onChange: function onChange(e) {
+          onSelectAllChange();
+          _onChange === null || _onChange === void 0 || _onChange(e);
+        },
+        disabled: disabled !== null && disabled !== void 0 ? disabled : flattedData.length === 0 || allDisabled,
+        skipGroup: true
+      }));
+      title = !hideSelectAll && /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-selection")
+      }, columnTitleCheckbox, customizeSelections);
+    }
+    var renderCell;
+    if (selectionType === 'radio') {
+      renderCell = function renderCell(_, record, index) {
+        var key = getRowKey(record, index);
+        var checked = keySet.has(key);
+        var checkboxProps = checkboxPropsMap.get(key);
+        var defaultAriaLabel = "Select row ".concat(index + 1);
+        return {
+          node: /*#__PURE__*/React.createElement(_radio.default, _extends({
+            "aria-label": defaultAriaLabel
+          }, checkboxProps, {
+            checked: checked,
+            onClick: function onClick(e) {
+              var _checkboxProps$onClic;
+              e.stopPropagation();
+              checkboxProps === null || checkboxProps === void 0 || (_checkboxProps$onClic = checkboxProps.onClick) === null || _checkboxProps$onClic === void 0 || _checkboxProps$onClic.call(checkboxProps, e);
+            },
+            onChange: function onChange(event) {
+              var _checkboxProps$onChan;
+              if (!keySet.has(key)) {
+                triggerSingleSelection(key, true, [key], event.nativeEvent);
+              }
+              checkboxProps === null || checkboxProps === void 0 || (_checkboxProps$onChan = checkboxProps.onChange) === null || _checkboxProps$onChan === void 0 || _checkboxProps$onChan.call(checkboxProps, event);
+            }
+          })),
+          checked: checked
+        };
+      };
+    } else {
+      renderCell = function renderCell(_, record, index) {
+        var key = getRowKey(record, index);
+        var checked = keySet.has(key);
+        var indeterminate = derivedHalfSelectedKeySet.has(key);
+        var checkboxProps = checkboxPropsMap.get(key);
+        var mergedIndeterminate;
+        if (expandType === 'nest') {
+          mergedIndeterminate = indeterminate;
+          warning(typeof (checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.indeterminate) !== 'boolean', 'usage', 'set `indeterminate` using `rowSelection.getCheckboxProps` is not allowed with tree structured dataSource.');
+        } else {
+          var _checkboxProps$indete;
+          mergedIndeterminate = (_checkboxProps$indete = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.indeterminate) !== null && _checkboxProps$indete !== void 0 ? _checkboxProps$indete : indeterminate;
+        }
+        var defaultAriaLabel = checked ? "Row ".concat(index + 1, " selected") : "Select row ".concat(index + 1);
+        return {
+          node: /*#__PURE__*/React.createElement(_checkbox.default, _extends({
+            "aria-label": defaultAriaLabel
+          }, checkboxProps, {
+            indeterminate: mergedIndeterminate,
+            checked: checked,
+            skipGroup: true,
+            onClick: function onClick(e) {
+              var _checkboxProps$onClic2;
+              e.stopPropagation();
+              checkboxProps === null || checkboxProps === void 0 || (_checkboxProps$onClic2 = checkboxProps.onClick) === null || _checkboxProps$onClic2 === void 0 || _checkboxProps$onClic2.call(checkboxProps, e);
+            },
+            onChange: function onChange(event) {
+              var _checkboxProps$onChan2;
+              var nativeEvent = event.nativeEvent;
+              var shiftKey = nativeEvent.shiftKey;
+              var currentSelectedIndex = recordKeys.indexOf(key);
+              var isMultiple = derivedSelectedKeySet.size > 0 && recordKeys.some(function (key) {
+                return derivedSelectedKeySet.has(key);
+              });
+              if (shiftKey && checkStrictly && isMultiple) {
+                var changedKeys = multipleSelect(currentSelectedIndex, recordKeys, keySet);
+                var keys = Array.from(keySet);
+                onSelectMultiple === null || onSelectMultiple === void 0 || onSelectMultiple(!checked, keys.map(getRecordByKey), changedKeys.map(getRecordByKey));
+                setSelectedKeys(keys, 'multiple');
+              } else {
+                var originCheckedKeys = derivedSelectedKeys;
+                if (checkStrictly) {
+                  var checkedKeys = checked ? arrDel(originCheckedKeys, key) : arrAdd(originCheckedKeys, key);
+                  triggerSingleSelection(key, !checked, checkedKeys, nativeEvent);
+                } else {
+                  var result = (0, _conductUtil.conductCheck)([].concat(_toConsumableArray(originCheckedKeys), [key]), true, keyEntities, isCheckboxDisabled);
+                  var _checkedKeys = result.checkedKeys,
+                    halfCheckedKeys = result.halfCheckedKeys;
+                  var nextCheckedKeys = _checkedKeys;
+                  if (checked) {
+                    var tempKeySet = new Set(_checkedKeys);
+                    tempKeySet.delete(key);
+                    nextCheckedKeys = (0, _conductUtil.conductCheck)(Array.from(tempKeySet), {
+                      checked: false,
+                      halfCheckedKeys: halfCheckedKeys
+                    }, keyEntities, isCheckboxDisabled).checkedKeys;
+                  }
+                  triggerSingleSelection(key, !checked, nextCheckedKeys, nativeEvent);
+                }
+              }
+              if (checked) {
+                updatePrevSelectedIndex(null);
+              } else {
+                updatePrevSelectedIndex(currentSelectedIndex);
+              }
+              checkboxProps === null || checkboxProps === void 0 || (_checkboxProps$onChan2 = checkboxProps.onChange) === null || _checkboxProps$onChan2 === void 0 || _checkboxProps$onChan2.call(checkboxProps, event);
+            }
+          })),
+          checked: checked
+        };
+      };
+    }
+    var renderSelectionCell = function renderSelectionCell(_, record, index) {
+      var _renderCell = renderCell(_, record, index),
+        node = _renderCell.node,
+        checked = _renderCell.checked;
+      if (customizeRenderCell) {
+        return customizeRenderCell(checked, record, index, node);
+      }
+      return node;
+    };
+    if (!cloneColumns.includes(SELECTION_COLUMN)) {
+      if (cloneColumns.findIndex(function (col) {
+        var _col$INTERNAL_COL_DEF;
+        return ((_col$INTERNAL_COL_DEF = col[_legacyUtil.INTERNAL_COL_DEFINE]) === null || _col$INTERNAL_COL_DEF === void 0 ? void 0 : _col$INTERNAL_COL_DEF.columnType) === 'EXPAND_COLUMN';
+      }) === 0) {
+        var _cloneColumns = cloneColumns,
+          _cloneColumns2 = _toArray(_cloneColumns),
+          expandColumn = _cloneColumns2[0],
+          restColumns = _cloneColumns2.slice(1);
+        cloneColumns = [expandColumn, SELECTION_COLUMN].concat(_toConsumableArray(restColumns));
+      } else {
+        cloneColumns = [SELECTION_COLUMN].concat(_toConsumableArray(cloneColumns));
+      }
+    }
+    var selectionColumnIndex = cloneColumns.indexOf(SELECTION_COLUMN);
+    warning(cloneColumns.filter(function (col) {
+      return col === SELECTION_COLUMN;
+    }).length <= 1, 'usage', 'Multiple `SELECTION_COLUMN` exist in `columns`.');
+    cloneColumns = cloneColumns.filter(function (column, index) {
+      return column !== SELECTION_COLUMN || index === selectionColumnIndex;
+    });
+    var prevCol = cloneColumns[selectionColumnIndex - 1];
+    var nextCol = cloneColumns[selectionColumnIndex + 1];
+    var mergedFixed = fixed;
+    if (mergedFixed === undefined) {
+      if ((nextCol === null || nextCol === void 0 ? void 0 : nextCol.fixed) !== undefined) {
+        mergedFixed = nextCol.fixed;
+      } else if ((prevCol === null || prevCol === void 0 ? void 0 : prevCol.fixed) !== undefined) {
+        mergedFixed = prevCol.fixed;
+      }
+    }
+    if (mergedFixed && prevCol && ((_prevCol$INTERNAL_COL = prevCol[_legacyUtil.INTERNAL_COL_DEFINE]) === null || _prevCol$INTERNAL_COL === void 0 ? void 0 : _prevCol$INTERNAL_COL.columnType) === 'EXPAND_COLUMN' && prevCol.fixed === undefined) {
+      prevCol.fixed = mergedFixed;
+    }
+    var columnCls = (0, _clsx2.clsx)("".concat(prefixCls, "-selection-col"), _defineProperty({}, "".concat(prefixCls, "-selection-col-with-dropdown"), selections && selectionType === 'checkbox'));
+    var renderColumnTitle = function renderColumnTitle() {
+      if (!(rowSelection !== null && rowSelection !== void 0 && rowSelection.columnTitle)) {
+        return title;
+      }
+      if ((0, _is.isFunction)(rowSelection.columnTitle)) {
+        return rowSelection.columnTitle(columnTitleCheckbox);
+      }
+      return rowSelection.columnTitle;
+    };
+    var selectionColumn = _defineProperty({
+      fixed: mergedFixed,
+      width: selectionColWidth,
+      className: "".concat(prefixCls, "-selection-column"),
+      title: renderColumnTitle(),
+      render: renderSelectionCell,
+      onCell: rowSelection.onCell,
+      align: rowSelection.align
+    }, _legacyUtil.INTERNAL_COL_DEFINE, {
+      className: columnCls
+    });
+    return cloneColumns.map(function (col) {
+      return col === SELECTION_COLUMN ? selectionColumn : col;
+    });
+  }, [getRowKey, flattedData, rowSelection, derivedSelectedKeys, derivedSelectedKeySet, derivedHalfSelectedKeySet, selectionColWidth, mergedSelections, expandType, checkboxPropsMap, onSelectMultiple, triggerSingleSelection, isCheckboxDisabled]);
+  return [transformColumns, derivedSelectedKeySet];
+};
+var _default = exports.default = useSelection;

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

@@ -0,0 +1,21 @@
+"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
+});
+Object.defineProperty(exports, "getSortData", {
+  enumerable: true,
+  get: function get() {
+    return _useSorter.getSortData;
+  }
+});
+Object.defineProperty(exports, "useSorter", {
+  enumerable: true,
+  get: function get() {
+    return _useSorter.default;
+  }
+});
+var _useSorter = _interopRequireWildcard(require("./useSorter"));
+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; }