@qsxy/element-plus-react 1.0.0-next.8 → 1.0.1

package/dist/Table/hooks/useScroll.js

@@ -1,126 +1,100 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Table/hooks/useScroll.ts
-var useScroll_exports = {};
-__export(useScroll_exports, {
-  useScroll: () => useScroll
-});
-module.exports = __toCommonJS(useScroll_exports);
-var import_debounce = __toESM(require("lodash/debounce"));
-var import_isNumber = __toESM(require("lodash/isNumber"));
-var import_react = require("react");
-var import_util = require("../util");
-var useScroll = (props, data, refs, m) => {
-  const { maxHeight } = props;
-  const hiddenDivRef = (0, import_react.useRef)(null);
-  const debounceRefreshHeight = (0, import_debounce.default)(
-    (0, import_react.useCallback)(() => {
-      var _a, _b, _c, _d;
-      if (!hiddenDivRef.current) {
-        const hiddenDiv = document.createElement("div");
-        hiddenDiv.className = m`hidden-div`;
-        hiddenDiv.style.height = maxHeight;
-        if ((_a = refs.tableWrapper.current) == null ? void 0 : _a.parentNode) {
-          refs.tableWrapper.current.parentNode.appendChild(hiddenDiv);
-        }
-        hiddenDivRef.current = hiddenDiv;
-      }
-      if (refs.headerWrapper.current && ((_b = refs.scrollBarRef.current) == null ? void 0 : _b.wrapRef.current)) {
-        refs.scrollBarRef.current.wrapRef.current.style.maxHeight = hiddenDivRef.current.clientHeight - ((_c = refs.headerWrapper.current) == null ? void 0 : _c.clientHeight) + "px";
-        (_d = refs.scrollBarRef.current) == null ? void 0 : _d.update();
-      }
-    }, [refs.headerWrapper, refs.scrollBarRef, refs.tableWrapper, m, maxHeight]),
-    200
-  );
-  const setHeight = (0, import_react.useCallback)(
-    (height) => {
-      var _a, _b;
-      if (refs.tableWrapper.current) {
-        if (typeof height === "number") {
-          refs.tableWrapper.current.style.height = height + "px";
-        } else {
-          refs.tableWrapper.current.style.height = height;
-        }
-      }
-      if (refs.innerWrpper.current) {
-        if (typeof height === "number") {
-          refs.innerWrpper.current.style.height = height + "px";
-        } else {
-          refs.innerWrpper.current.style.height = height;
-        }
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import debounce from 'lodash/debounce';
+import isNumber from 'lodash/isNumber';
+import { useCallback, useEffect, useRef } from 'react';
+import { parseHeight } from "../util";
+export var useScroll = function useScroll(props, data, refs, m) {
+  var maxHeight = props.maxHeight;
+  var hiddenDivRef = useRef(null);
+  var debounceRefreshHeight = debounce(useCallback(function () {
+    var _refs$scrollBarRef$cu;
+    if (!hiddenDivRef.current) {
+      var _refs$tableWrapper$cu;
+      var hiddenDiv = document.createElement('div');
+      hiddenDiv.className = m(_templateObject || (_templateObject = _taggedTemplateLiteral(["hidden-div"])));
+      hiddenDiv.style.height = maxHeight;
+      if ((_refs$tableWrapper$cu = refs.tableWrapper.current) !== null && _refs$tableWrapper$cu !== void 0 && _refs$tableWrapper$cu.parentNode) {
+        refs.tableWrapper.current.parentNode.appendChild(hiddenDiv);
       }
-      (_b = (_a = refs.scrollBarRef) == null ? void 0 : _a.current) == null ? void 0 : _b.update();
-    },
-    [refs.innerWrpper, refs.scrollBarRef, refs.tableWrapper]
-  );
-  const scrollTo = (0, import_react.useCallback)(
-    // eslint-disable-next-line no-undef
-    (options, yCoord) => {
-      const scrollbar = refs.scrollBarRef;
-      if (scrollbar.current) {
-        scrollbar.current.scrollTo(options, yCoord);
+      hiddenDivRef.current = hiddenDiv;
+    }
+    if (refs.headerWrapper.current && (_refs$scrollBarRef$cu = refs.scrollBarRef.current) !== null && _refs$scrollBarRef$cu !== void 0 && _refs$scrollBarRef$cu.wrapRef.current) {
+      var _refs$headerWrapper$c, _refs$scrollBarRef$cu2;
+      refs.scrollBarRef.current.wrapRef.current.style.maxHeight = hiddenDivRef.current.clientHeight - ((_refs$headerWrapper$c = refs.headerWrapper.current) === null || _refs$headerWrapper$c === void 0 ? void 0 : _refs$headerWrapper$c.clientHeight) + 'px';
+      (_refs$scrollBarRef$cu2 = refs.scrollBarRef.current) === null || _refs$scrollBarRef$cu2 === void 0 || _refs$scrollBarRef$cu2.update();
+    }
+  }, [refs.headerWrapper, refs.scrollBarRef, refs.tableWrapper, m, maxHeight]), 200);
+  var setHeight = useCallback(function (height) {
+    var _refs$scrollBarRef;
+    if (refs.tableWrapper.current) {
+      if (typeof height === 'number') {
+        refs.tableWrapper.current.style.height = height + 'px';
+      } else {
+        refs.tableWrapper.current.style.height = height;
       }
-    },
-    [refs.scrollBarRef]
-  );
-  const setScrollPosition = (0, import_react.useCallback)(
-    (position, offset) => {
-      const scrollbar = refs.scrollBarRef;
-      if (scrollbar.current && (0, import_isNumber.default)(offset) && ["Top", "Left"].includes(position)) {
-        scrollbar.current[`setScroll${position}`](offset);
+    }
+    if (refs.innerWrpper.current) {
+      if (typeof height === 'number') {
+        refs.innerWrpper.current.style.height = height + 'px';
+      } else {
+        refs.innerWrpper.current.style.height = height;
       }
-    },
-    [refs.scrollBarRef]
-  );
-  const setScrollTop = (0, import_react.useCallback)((top) => setScrollPosition("Top", top), [setScrollPosition]);
-  const setScrollLeft = (0, import_react.useCallback)((left) => setScrollPosition("Left", left), [setScrollPosition]);
-  (0, import_react.useEffect)(() => {
-    var _a, _b, _c;
+    }
+    (_refs$scrollBarRef = refs.scrollBarRef) === null || _refs$scrollBarRef === void 0 || (_refs$scrollBarRef = _refs$scrollBarRef.current) === null || _refs$scrollBarRef === void 0 || _refs$scrollBarRef.update();
+  }, [refs.innerWrpper, refs.scrollBarRef, refs.tableWrapper]);
+
+  /** 滚动到一组特定坐标 */
+  var scrollTo = useCallback(
+  // eslint-disable-next-line no-undef
+  function (options, yCoord) {
+    var scrollbar = refs.scrollBarRef;
+    if (scrollbar.current) {
+      scrollbar.current.scrollTo(options, yCoord);
+    }
+  }, [refs.scrollBarRef]);
+  var setScrollPosition = useCallback(function (position, offset) {
+    var scrollbar = refs.scrollBarRef;
+    if (scrollbar.current && isNumber(offset) && ['Top', 'Left'].includes(position)) {
+      scrollbar.current["setScroll".concat(position)](offset);
+    }
+  }, [refs.scrollBarRef]);
+
+  /** 设置滚动条到顶部的距离 */
+  var setScrollTop = useCallback(function (top) {
+    return setScrollPosition('Top', top);
+  }, [setScrollPosition]);
+
+  /** 设置滚动条到左边的距离 */
+  var setScrollLeft = useCallback(function (left) {
+    return setScrollPosition('Left', left);
+  }, [setScrollPosition]);
+  useEffect(function () {
     if (refs.tableWrapper.current && refs.headerWrapper.current) {
       if (maxHeight) {
-        const _maxHeight = (0, import_util.parseHeight)(maxHeight);
-        if (typeof _maxHeight === "number") {
-          if (refs.headerWrapper.current && ((_a = refs.scrollBarRef.current) == null ? void 0 : _a.wrapRef.current)) {
-            refs.scrollBarRef.current.wrapRef.current.style.maxHeight = _maxHeight - ((_b = refs.headerWrapper.current) == null ? void 0 : _b.clientHeight) + "px";
-            (_c = refs.scrollBarRef.current) == null ? void 0 : _c.update();
+        var _maxHeight = parseHeight(maxHeight);
+        if (typeof _maxHeight === 'number') {
+          var _refs$scrollBarRef$cu3;
+          if (refs.headerWrapper.current && (_refs$scrollBarRef$cu3 = refs.scrollBarRef.current) !== null && _refs$scrollBarRef$cu3 !== void 0 && _refs$scrollBarRef$cu3.wrapRef.current) {
+            var _refs$headerWrapper$c2, _refs$scrollBarRef$cu4;
+            refs.scrollBarRef.current.wrapRef.current.style.maxHeight = _maxHeight - ((_refs$headerWrapper$c2 = refs.headerWrapper.current) === null || _refs$headerWrapper$c2 === void 0 ? void 0 : _refs$headerWrapper$c2.clientHeight) + 'px';
+            (_refs$scrollBarRef$cu4 = refs.scrollBarRef.current) === null || _refs$scrollBarRef$cu4 === void 0 || _refs$scrollBarRef$cu4.update();
           }
         } else {
-          window.addEventListener("resize", debounceRefreshHeight);
+          window.addEventListener('resize', debounceRefreshHeight);
           debounceRefreshHeight();
-          return () => window.removeEventListener("resize", debounceRefreshHeight);
+          return function () {
+            return window.removeEventListener('resize', debounceRefreshHeight);
+          };
         }
       }
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [data.length, maxHeight]);
-  return { setHeight, scrollTo, setScrollTop, setScrollLeft };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useScroll
-});
+  return {
+    setHeight: setHeight,
+    scrollTo: scrollTo,
+    setScrollTop: setScrollTop,
+    setScrollLeft: setScrollLeft
+  };
+};

package/dist/Table/hooks/useSelection.d.ts

@@ -12,7 +12,7 @@ export declare const useSelection: <T>(props: TableProps<T>, data: T[]) => {
     };
     dispatch: import("react").Dispatch<Action>;
     oldActiveRow: import("react").MutableRefObject<T>;
-    setCurrentRow: (row?: T) => void;
+    setCurrentRow: (row?: T | null) => void;
     disabledRows: import("react").MutableRefObject<T[]>;
     toggleRowSelection: (row: T, selected: boolean) => void;
     toggleAllSelection: () => void;
@@ -33,10 +33,10 @@ export interface Action {
  * @param payload
  * @returns
  */
-export declare const activeRow: <T>(payload: T) => Action;
+export declare const activeRow: <T>(payload: State<T>['currentRow']) => Action;
 /**
  * 多选模式下选中行
  * @param payload
  * @returns
  */
-export declare const onCheck: <T>(payload: Pick<State<T>, "isIndeterminate" | "selection">) => Action;
+export declare const onCheck: <T>(payload: Pick<State<T>, 'isIndeterminate' | 'selection'>) => Action;

package/dist/Table/hooks/useSelection.js

@@ -1,132 +1,167 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Table/hooks/useSelection.ts
-var useSelection_exports = {};
-__export(useSelection_exports, {
-  activeRow: () => activeRow,
-  onCheck: () => onCheck,
-  useSelection: () => useSelection
-});
-module.exports = __toCommonJS(useSelection_exports);
-var import_isEqual = __toESM(require("lodash/isEqual"));
-var import_some = __toESM(require("lodash/some"));
-var import_uniqWith = __toESM(require("lodash/uniqWith"));
-var import_react = require("react");
-var import_Util = require("../../Util");
-var import_util = require("../util");
-var useSelection = (props, data) => {
-  const { rowKey, currentRowKey } = props;
-  const _selection = (0, import_react.useRef)([]);
-  const disabledRows = (0, import_react.useRef)([]);
-  const oldActiveRow = (0, import_react.useRef)(null);
-  const reducer = (0, import_react.useCallback)((state2, action) => {
+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 _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 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); }
+import isEqual from 'lodash/isEqual';
+import some from 'lodash/some';
+import uniqWith from 'lodash/uniqWith';
+import { useCallback, useEffect, useReducer, useRef } from 'react';
+import { isNotEmpty } from "../../Util";
+import { getRowIdentity } from "../util";
+export var useSelection = function useSelection(props, data) {
+  var rowKey = props.rowKey,
+    currentRowKey = props.currentRowKey;
+  var _selection = useRef([]);
+  var disabledRows = useRef([]);
+  var oldActiveRow = useRef(null);
+  var reducer = useCallback(function (state, action) {
     switch (action.type) {
-      case "onCheck":
+      case 'onCheck':
         _selection.current = action.payload.selection || [];
-        return { ...state2, isIndeterminate: action.payload.isIndeterminate, selection: action.payload.selection };
-      case "activeRow":
+        return _objectSpread(_objectSpread({}, state), {}, {
+          isIndeterminate: action.payload.isIndeterminate,
+          selection: action.payload.selection
+        });
+      case 'activeRow':
         oldActiveRow.current = action.payload;
-        return { ...state2, currentRow: action.payload };
+        return _objectSpread(_objectSpread({}, state), {}, {
+          currentRow: action.payload
+        });
       default:
-        return state2;
+        return state;
     }
   }, []);
-  const [state, dispatch] = (0, import_react.useReducer)(reducer, { isIndeterminate: false, selection: [], currentRow: void 0 });
-  const setCurrentRow = (0, import_react.useCallback)((row) => dispatch(activeRow(row)), []);
-  const toggleRowSelection = (0, import_react.useCallback)(
-    (row, selected) => {
-      if ((0, import_Util.isNotEmpty)(row)) {
-        const isSelected = (0, import_some.default)(_selection.current || [], (item) => (0, import_isEqual.default)(item, row));
-        if (typeof selected === "boolean") {
-          if (isSelected === selected) {
-            return;
-          }
-          _selection.current = selected ? [..._selection.current, row] : _selection.current.filter((item) => rowKey ? (0, import_util.getRowIdentity)(item, rowKey) !== (0, import_util.getRowIdentity)(row, rowKey) : !(0, import_isEqual.default)(item, row));
-        } else {
-          _selection.current = !isSelected ? [..._selection.current, row] : _selection.current.filter((item) => rowKey ? (0, import_util.getRowIdentity)(item, rowKey) !== (0, import_util.getRowIdentity)(row, rowKey) : !(0, import_isEqual.default)(item, row));
+  var _useReducer = useReducer(reducer, {
+      isIndeterminate: false,
+      selection: [],
+      currentRow: undefined
+    }),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
+
+  /** 用于单选表格，设定某一行为选中行， 如果调用时不加参数，则会取消目前高亮行的选中状态。 */
+  var setCurrentRow = useCallback(function (row) {
+    return dispatch(activeRow(row));
+  }, []);
+
+  /** 用于可扩展的表格或树表格，如果某行被扩展，则切换。 使用第二个参数，您可以直接设置该行应该被扩展或折叠。 */
+  var toggleRowSelection = useCallback(function (row, selected) {
+    if (isNotEmpty(row)) {
+      var isSelected = some(_selection.current || [], function (item) {
+        return isEqual(item, row);
+      });
+      if (typeof selected === 'boolean') {
+        if (isSelected === selected) {
+          return;
         }
-        dispatch(
-          onCheck({
-            selection: _selection.current,
-            isIndeterminate: _selection.current.length > 0 && _selection.current.length !== data.length
-          })
-        );
+        _selection.current = selected ? [].concat(_toConsumableArray(_selection.current), [row]) : _selection.current.filter(function (item) {
+          return rowKey ? getRowIdentity(item, rowKey) !== getRowIdentity(row, rowKey) : !isEqual(item, row);
+        });
+      } else {
+        _selection.current = !isSelected ? [].concat(_toConsumableArray(_selection.current), [row]) : _selection.current.filter(function (item) {
+          return rowKey ? getRowIdentity(item, rowKey) !== getRowIdentity(row, rowKey) : !isEqual(item, row);
+        });
       }
-    },
-    [data.length, rowKey]
-  );
-  const toggleAllSelection = (0, import_react.useCallback)(() => dispatch(onCheck({ selection: state.selection.length > 0 ? data : [], isIndeterminate: false })), [data, state.selection.length]);
-  const getSelectionRows = (0, import_react.useCallback)(() => _selection.current, []);
-  const clearSelection = (0, import_react.useCallback)(() => {
-    dispatch(onCheck({ isIndeterminate: false, selection: [] }));
+      dispatch(onCheck({
+        selection: _selection.current,
+        isIndeterminate: _selection.current.length > 0 && _selection.current.length !== data.length
+      }));
+    }
+  }, [data.length, rowKey]);
+
+  /** 用于多选表格，切换全选和全不选 */
+  var toggleAllSelection = useCallback(function () {
+    return dispatch(onCheck({
+      selection: state.selection.length > 0 ? data : [],
+      isIndeterminate: false
+    }));
+  }, [data, state.selection.length]);
+  var getSelectionRows = useCallback(function () {
+    return _selection.current;
+  }, []);
+
+  /** 用于多选表格，清空用户的选择 */
+  var clearSelection = useCallback(function () {
+    dispatch(onCheck({
+      isIndeterminate: false,
+      selection: []
+    }));
   }, []);
-  (0, import_react.useEffect)(() => {
-    const selection = _selection.current.filter((item) => data.some((row) => rowKey ? (0, import_util.getRowIdentity)(item, rowKey) === (0, import_util.getRowIdentity)(row, rowKey) : (0, import_isEqual.default)(item, row)));
-    dispatch(onCheck({ selection, isIndeterminate: selection.length > 0 && selection.length < data.length }));
-    disabledRows.current = disabledRows.current.filter(
-      (item1) => data.some((item2) => rowKey ? (0, import_util.getRowIdentity)(item1, rowKey) === (0, import_util.getRowIdentity)(item2, rowKey) : (0, import_isEqual.default)(item1, item2))
-    );
-    disabledRows.current = (0, import_uniqWith.default)(disabledRows.current, rowKey ? (item1, item2) => (0, import_util.getRowIdentity)(item1, rowKey) === (0, import_util.getRowIdentity)(item2, rowKey) : import_isEqual.default);
+  useEffect(function () {
+    var selection = _selection.current.filter(function (item) {
+      return data.some(function (row) {
+        return rowKey ? getRowIdentity(item, rowKey) === getRowIdentity(row, rowKey) : isEqual(item, row);
+      });
+    });
+    dispatch(onCheck({
+      selection: selection,
+      isIndeterminate: selection.length > 0 && selection.length < data.length
+    }));
+
+    // 禁止选择行数据内过滤掉不在表格数据范围内的数据
+    disabledRows.current = disabledRows.current.filter(function (item1) {
+      return data.some(function (item2) {
+        return rowKey ? getRowIdentity(item1, rowKey) === getRowIdentity(item2, rowKey) : isEqual(item1, item2);
+      });
+    });
+    // 去重
+    disabledRows.current = uniqWith(disabledRows.current, rowKey ? function (item1, item2) {
+      return getRowIdentity(item1, rowKey) === getRowIdentity(item2, rowKey);
+    } : isEqual);
   }, [data, rowKey]);
-  (0, import_react.useEffect)(() => {
+  useEffect(function () {
     if (rowKey) {
-      const current = data.find((item) => currentRowKey === (0, import_util.getRowIdentity)(item, rowKey));
+      var current = data.find(function (item) {
+        return currentRowKey === getRowIdentity(item, rowKey);
+      });
       dispatch(activeRow(current));
     }
   }, [currentRowKey, data, rowKey]);
   return {
-    state,
-    dispatch,
-    oldActiveRow,
-    setCurrentRow,
-    disabledRows,
-    toggleRowSelection,
-    toggleAllSelection,
-    getSelectionRows,
-    clearSelection
+    state: state,
+    dispatch: dispatch,
+    oldActiveRow: oldActiveRow,
+    setCurrentRow: setCurrentRow,
+    disabledRows: disabledRows,
+    toggleRowSelection: toggleRowSelection,
+    toggleAllSelection: toggleAllSelection,
+    getSelectionRows: getSelectionRows,
+    clearSelection: clearSelection
   };
 };
-var activeRow = (payload) => {
+/**
+ * 用于单选表格，设定某一行为选中行
+ * @param payload
+ * @returns
+ */
+export var activeRow = function activeRow(payload) {
   return {
-    type: "activeRow",
-    payload
+    type: 'activeRow',
+    payload: payload
   };
 };
-var onCheck = (payload) => {
+
+/**
+ * 多选模式下选中行
+ * @param payload
+ * @returns
+ */
+export var onCheck = function onCheck(payload) {
   return {
-    type: "onCheck",
-    payload
+    type: 'onCheck',
+    payload: payload
   };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  activeRow,
-  onCheck,
-  useSelection
-});
+};

package/dist/Table/hooks/useTable.d.ts

@@ -1,12 +1,5 @@
 import React from 'react';
 import { TableColumnCtx, TableColumnProps, TableProps, TableRefs, TreeNode } from '../typings';
-/**
- * @author	Parker
- * @CreateTime	2022/9/11 12:24:23
- * @LastEditor	Parker
- * @LastEditor	Parker
- * @ModifyTime	2022/11/19 23:23:42
- */
 export declare const useTable: <T extends object>(props: TableProps<T>, refs: TableRefs, tableId: string) => {
     data: T[];
     setData: React.Dispatch<React.SetStateAction<T[]>>;