@hi-ui/table 4.3.0 → 4.3.2-alpha.0

package/lib/cjs/hooks/use-async-switch.js

@@ -9,53 +9,31 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-
 var tslib = require('tslib');
-
 var React = require('react');
-
 var useLatest = require('@hi-ui/use-latest');
-
 var treeUtils = require('@hi-ui/tree-utils');
-
 var useCheckState = require('@hi-ui/use-check-state');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
-
 var useAsyncSwitch = function useAsyncSwitch(_ref) {
   var setCascaderData = _ref.setCascaderData,
-      onExpand = _ref.onExpand,
-      onLoadChildren = _ref.onLoadChildren,
-      _ref$fieldKey = _ref.fieldKey,
-      fieldKey = _ref$fieldKey === void 0 ? 'key' : _ref$fieldKey;
-  var onLoadChildrenLatest = useLatest.useLatestCallback(onLoadChildren); // 加载节点
-
+    onExpand = _ref.onExpand,
+    onLoadChildren = _ref.onLoadChildren,
+    _ref$fieldKey = _ref.fieldKey,
+    fieldKey = _ref$fieldKey === void 0 ? 'key' : _ref$fieldKey;
+  var onLoadChildrenLatest = useLatest.useLatestCallback(onLoadChildren);
+  // 加载节点
   var loadChildren = React.useCallback(function (node) {
-    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var childrenNodes;
-      return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.next = 2;
               return onLoadChildrenLatest(node);
-
             case 2:
               childrenNodes = _context.sent;
-
               if (Array.isArray(childrenNodes)) {
                 setCascaderData(function (prev) {
                   var nextTreeData = treeUtils.cloneTree(prev);
@@ -63,7 +41,6 @@ var useAsyncSwitch = function useAsyncSwitch(_ref) {
                   return nextTreeData;
                 });
               }
-
             case 4:
             case "end":
               return _context.stop();
@@ -72,64 +49,52 @@ var useAsyncSwitch = function useAsyncSwitch(_ref) {
       }, _callee);
     }));
   }, [fieldKey, onLoadChildrenLatest, setCascaderData]);
-
   var _useCheckState = useCheckState.useCheckState(),
-      loadingIds = _useCheckState.state,
-      addLoadingIds = _useCheckState.add,
-      removeLoadingIds = _useCheckState.remove;
-
+    loadingIds = _useCheckState.state,
+    addLoadingIds = _useCheckState.add,
+    removeLoadingIds = _useCheckState.remove;
   var onExpandLatest = useLatest.useLatestCallback(onExpand);
   var onNodeSwitch = React.useCallback(function (node, onlyExpand) {
     if (onlyExpand === void 0) {
       onlyExpand = false;
     }
-
-    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
+    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var id, children, isLeaf;
-      return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
               // 直接触发选中该节点
               onExpandLatest(node, onlyExpand);
               id = node.id, children = node.children, isLeaf = node.isLeaf;
-
               if (!children) {
                 _context2.next = 4;
                 break;
               }
-
               return _context2.abrupt("return");
-
             case 4:
               if (!isLeaf) {
                 _context2.next = 6;
                 break;
               }
-
               return _context2.abrupt("return");
-
             case 6:
               if (!onLoadChildren) {
                 _context2.next = 17;
                 break;
               }
-
               addLoadingIds(id);
               _context2.prev = 8;
               _context2.next = 11;
               return loadChildren(node);
-
             case 11:
               removeLoadingIds(id);
               _context2.next = 17;
               break;
-
             case 14:
               _context2.prev = 14;
               _context2.t0 = _context2["catch"](8);
               removeLoadingIds(id);
-
             case 17:
             case "end":
               return _context2.stop();
@@ -138,12 +103,9 @@ var useAsyncSwitch = function useAsyncSwitch(_ref) {
       }, _callee2, null, [[8, 14]]);
     }));
   }, [loadChildren, onLoadChildren, onExpandLatest, addLoadingIds, removeLoadingIds]);
-
   var isLoadingId = function isLoadingId(id) {
     return loadingIds.indexOf(id) !== -1;
   };
-
   return [isLoadingId, onNodeSwitch];
 };
-
 exports.useAsyncSwitch = useAsyncSwitch;

package/lib/cjs/hooks/use-check.js

@@ -9,60 +9,38 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var useCheck = require('@hi-ui/use-check');
-
 var React = require('react');
-
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var DEFAULT_CHECKED_ROW_KEYS = [];
-
 var useTableCheck = function useTableCheck(_ref) {
   var rowSelection = _ref.rowSelection,
-      flattedData = _ref.flattedData,
-      fieldKey = _ref.fieldKey;
-  var checkRowIsDisabledCheckbox = React__default["default"].useCallback(function (rowItem) {
+    flattedData = _ref.flattedData,
+    fieldKey = _ref.fieldKey;
+  var checkRowIsDisabledCheckbox = React.useCallback(function (rowItem) {
     var checkboxConfig = rowSelection && rowSelection.getCheckboxConfig && rowSelection.getCheckboxConfig(rowItem);
     return checkboxConfig && checkboxConfig.disabled || false;
   }, [rowSelection]);
-
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(DEFAULT_CHECKED_ROW_KEYS, rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys, rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange),
-      checkedRowKeys = _useUncontrolledState[0],
-      trySetCheckedRowKeys = _useUncontrolledState[1]; // 已选中的行数据集合
-
-
-  var checkedRowDataItemsRef = React__default["default"].useRef([]);
-  var checkedRowDataItems = checkedRowDataItemsRef.current; // TODO: 暂时不支持正反选
-
+    checkedRowKeys = _useUncontrolledState[0],
+    trySetCheckedRowKeys = _useUncontrolledState[1];
+  // 已选中的行数据集合
+  var checkedRowDataItemsRef = React.useRef([]);
+  var checkedRowDataItems = checkedRowDataItemsRef.current;
+  // TODO: 暂时不支持正反选
   var _useCheck = useCheck.useCheck({
-    checkedIds: checkedRowKeys,
-    onCheck: function onCheck(checkedRowKeys, rowItem, checked) {
-      trySetCheckedRowKeys(checkedRowKeys, rowItem, checked, checkedRowDataItemsRef.current);
-    },
-    idFieldName: fieldKey
-  }),
-      handleCheckedRowKeysChange = _useCheck[0],
-      isCheckedRowKey = _useCheck[1]; // 选中项变化会触发该函数
-
-
-  var onCheckedRowKeysChange = React__default["default"].useCallback(function (rowItem, checked) {
+      checkedIds: checkedRowKeys,
+      onCheck: function onCheck(checkedRowKeys, rowItem, checked) {
+        trySetCheckedRowKeys(checkedRowKeys, rowItem, checked, checkedRowDataItemsRef.current);
+      },
+      idFieldName: fieldKey
+    }),
+    handleCheckedRowKeysChange = _useCheck[0],
+    isCheckedRowKey = _useCheck[1];
+  // 选中项变化会触发该函数
+  var onCheckedRowKeysChange = React.useCallback(function (rowItem, checked) {
     // 记录选中的行数据集合
     var nextCheckedDataItems = checkedRowDataItems;
-
     if (checked) {
       if (!nextCheckedDataItems.find(function (item) {
         return item[fieldKey] === rowItem[fieldKey];
@@ -74,40 +52,34 @@ var useTableCheck = function useTableCheck(_ref) {
         return item[fieldKey] !== rowItem[fieldKey];
       });
     }
-
     handleCheckedRowKeysChange(rowItem, checked);
-  }, [checkedRowDataItems, fieldKey, handleCheckedRowKeysChange]); // 判断是否全选
-
-  var _React$useMemo = React__default["default"].useMemo(function () {
-    if (rowSelection) {
-      if (flattedData.length === 0 || checkedRowKeys.length === 0) {
-        return [false, false];
+  }, [checkedRowDataItems, fieldKey, handleCheckedRowKeysChange]);
+  // 判断是否全选
+  var _React$useMemo = React.useMemo(function () {
+      if (rowSelection) {
+        if (flattedData.length === 0 || checkedRowKeys.length === 0) {
+          return [false, false];
+        }
+        var idsCanBeChecked = flattedData.filter(function (item) {
+          return !checkRowIsDisabledCheckbox(item.raw);
+        }).map(function (item) {
+          return item.id;
+        });
+        // TODO: 数组项完全匹配工具函数
+        // TODO: 数组项完全匹配工具函数
+        var _checkedAll = idsCanBeChecked.every(function (id) {
+          return isCheckedRowKey(id);
+        });
+        var _semiChecked = _checkedAll ? false : checkedRowKeys.length > 0 && idsCanBeChecked.some(function (id) {
+          return isCheckedRowKey(id);
+        });
+        return [_checkedAll, _semiChecked];
       }
-
-      var idsCanBeChecked = flattedData.filter(function (item) {
-        return !checkRowIsDisabledCheckbox(item.raw);
-      }).map(function (item) {
-        return item.id;
-      }); // TODO: 数组项完全匹配工具函数
-      // TODO: 数组项完全匹配工具函数
-
-      var _checkedAll = idsCanBeChecked.every(function (id) {
-        return isCheckedRowKey(id);
-      });
-
-      var _semiChecked = _checkedAll ? false : checkedRowKeys.length > 0 && idsCanBeChecked.some(function (id) {
-        return isCheckedRowKey(id);
-      });
-
-      return [_checkedAll, _semiChecked];
-    }
-
-    return [false, false];
-  }, [flattedData, rowSelection, isCheckedRowKey, checkedRowKeys.length, checkRowIsDisabledCheckbox]),
-      checkedAll = _React$useMemo[0],
-      semiChecked = _React$useMemo[1];
-
-  var tryCheckAllRow = React__default["default"].useCallback(function () {
+      return [false, false];
+    }, [flattedData, rowSelection, isCheckedRowKey, checkedRowKeys.length, checkRowIsDisabledCheckbox]),
+    checkedAll = _React$useMemo[0],
+    semiChecked = _React$useMemo[1];
+  var tryCheckAllRow = React.useCallback(function () {
     var targetItems = flattedData.filter(function (item) {
       return !checkRowIsDisabledCheckbox(item.raw);
     });
@@ -118,7 +90,6 @@ var useTableCheck = function useTableCheck(_ref) {
       return item.raw;
     });
     var checkedRowKeysSet = new Set(checkedRowKeys);
-
     if (checkedAll) {
       // 移除当前页所有行 ids
       trySetCheckedRowKeys(function (prev) {
@@ -128,8 +99,8 @@ var useTableCheck = function useTableCheck(_ref) {
       }, targetRowItems, false);
       return;
     }
-
-    trySetCheckedRowKeys( // 添加当前页所有行 ids
+    trySetCheckedRowKeys(
+    // 添加当前页所有行 ids
     function (prev) {
       prev.forEach(function (id) {
         return checkedRowKeysSet.add(id);
@@ -148,5 +119,4 @@ var useTableCheck = function useTableCheck(_ref) {
     checkRowIsDisabledCheckbox: checkRowIsDisabledCheckbox
   };
 };
-
 exports.useTableCheck = useTableCheck;

package/lib/cjs/hooks/use-col-hidden.js

@@ -9,39 +9,29 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var React = require('react');
-
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
-
 var index = require('../utils/index.js');
-
 var DEFAULT_COLUMNS = [];
 /**
  * 列操作逻辑
  */
-
 var useColHidden = function useColHidden(_ref) {
   var uniqueId = _ref.uniqueId,
-      _ref$columns = _ref.columns,
-      columns = _ref$columns === void 0 ? DEFAULT_COLUMNS : _ref$columns,
-      hiddenColKeysProp = _ref.hiddenColKeys,
-      onHiddenColKeysChange = _ref.onHiddenColKeysChange;
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? DEFAULT_COLUMNS : _ref$columns,
+    hiddenColKeysProp = _ref.hiddenColKeys,
+    onHiddenColKeysChange = _ref.onHiddenColKeysChange;
   var cacheKey = uniqueId ? uniqueId + "_hiddenColKeys" : '';
-
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(function () {
-    return index.parseLocalArray({
-      key: cacheKey,
-      defaultValue: []
-    });
-  }, hiddenColKeysProp, onHiddenColKeysChange),
-      _hiddenColKeys = _useUncontrolledState[0],
-      setHiddenColKeys = _useUncontrolledState[1]; // 保证 includes 匹配 column，是有效的可展示的列
-
-
+      return index.parseLocalArray({
+        key: cacheKey,
+        defaultValue: []
+      });
+    }, hiddenColKeysProp, onHiddenColKeysChange),
+    _hiddenColKeys = _useUncontrolledState[0],
+    setHiddenColKeys = _useUncontrolledState[1];
+  // 保证 includes 匹配 column，是有效的可展示的列
   var hiddenColKeys = React.useMemo(function () {
     return _hiddenColKeys.filter(function (dataKey) {
       return typeof dataKey === 'string' && dataKey !== '';
@@ -50,12 +40,11 @@ var useColHidden = function useColHidden(_ref) {
   React.useEffect(function () {
     if (!cacheKey) return;
     window.localStorage.setItem(cacheKey, JSON.stringify(hiddenColKeys));
-  }, [cacheKey, hiddenColKeys]); // 用于维护列操作时显隐临时状态
-
+  }, [cacheKey, hiddenColKeys]);
+  // 用于维护列操作时显隐临时状态
   var _useState = React.useState(hiddenColKeys),
-      cacheHiddenColKeys = _useState[0],
-      setCacheHiddenColKeys = _useState[1];
-
+    cacheHiddenColKeys = _useState[0],
+    setCacheHiddenColKeys = _useState[1];
   var visibleCols = React.useMemo(function () {
     // TODO: 支持隐藏叶子结点，而不是根节点
     // @ts-ignore
@@ -71,5 +60,4 @@ var useColHidden = function useColHidden(_ref) {
     setCacheHiddenColKeys: setCacheHiddenColKeys
   };
 };
-
 exports.useColHidden = useColHidden;

package/lib/cjs/hooks/use-col-set.js

@@ -9,50 +9,38 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var React = require('react');
-
 var DEFAULT_COLUMNS = [];
 /**
  * 列设置
  */
-
 var useColSet = function useColSet(_ref) {
   var _ref$columns = _ref.columns,
-      columns = _ref$columns === void 0 ? DEFAULT_COLUMNS : _ref$columns,
-      sortedColKeysProp = _ref.sortedColKeys,
-      hiddenColKeysProp = _ref.hiddenColKeys;
+    columns = _ref$columns === void 0 ? DEFAULT_COLUMNS : _ref$columns,
+    sortedColKeysProp = _ref.sortedColKeys,
+    hiddenColKeysProp = _ref.hiddenColKeys;
   var isColumnsEqual = React.useMemo(function () {
-    var _a; // 判断columns和之前的是不是一样的，如果之前columns对不上，那么认为设置数据无效。
-
-
+    var _a;
+    // 判断columns和之前的是不是一样的，如果之前columns对不上，那么认为设置数据无效。
     if (!sortedColKeysProp) {
       return true;
     }
-
     if (columns.length !== sortedColKeysProp.length) {
       return false;
     }
-
     for (var cIndex = 0; cIndex < columns.length; cIndex++) {
       var exist = false;
       var dataKey = (_a = columns[cIndex]) === null || _a === void 0 ? void 0 : _a.dataKey;
-
       for (var sIndex = 0; sIndex < sortedColKeysProp.length; sIndex++) {
         if (dataKey === sortedColKeysProp[sIndex]) {
           exist = true;
           break;
         }
       }
-
       if (!exist) {
         return false;
       }
     }
-
     return true;
   }, [columns, sortedColKeysProp]);
   return {
@@ -60,5 +48,4 @@ var useColSet = function useColSet(_ref) {
     hiddenColKeys: isColumnsEqual ? hiddenColKeysProp : undefined
   };
 };
-
 exports.useColSet = useColSet;

package/lib/cjs/hooks/use-col-sorter.js

@@ -9,44 +9,32 @@
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var React = require('react');
-
 var useUpdateEffect = require('@hi-ui/use-update-effect');
-
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
-
 var useLatest = require('@hi-ui/use-latest');
-
 var index = require('../utils/index.js');
-
 var DEFAULT_COLUMNS = [];
 /**
  * 列排序
  */
-
 var useColSorter = function useColSorter(_ref) {
   var uniqueId = _ref.uniqueId,
-      _ref$columns = _ref.columns,
-      columns = _ref$columns === void 0 ? DEFAULT_COLUMNS : _ref$columns,
-      sortedColKeysProp = _ref.sortedColKeys,
-      onSortedColKeysChange = _ref.onSortedColKeysChange;
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? DEFAULT_COLUMNS : _ref$columns,
+    sortedColKeysProp = _ref.sortedColKeys,
+    onSortedColKeysChange = _ref.onSortedColKeysChange;
   var cacheKey = uniqueId ? uniqueId + "_sortCols" : '';
-
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(function () {
-    return index.parseLocalArray({
-      key: cacheKey,
-      defaultValue: columns.map(function (column) {
-        return column.dataKey;
-      })
-    });
-  }, sortedColKeysProp, onSortedColKeysChange),
-      sortedColKeys = _useUncontrolledState[0],
-      setSortColKeys = _useUncontrolledState[1];
-
+      return index.parseLocalArray({
+        key: cacheKey,
+        defaultValue: columns.map(function (column) {
+          return column.dataKey;
+        })
+      });
+    }, sortedColKeysProp, onSortedColKeysChange),
+    sortedColKeys = _useUncontrolledState[0],
+    setSortColKeys = _useUncontrolledState[1];
   useUpdateEffect.useUpdateEffect(function () {
     // 当column发生改变的时候，同步 setting 的 sortedCols 设置
     setSortColKeys(columns.map(function (column) {
@@ -66,13 +54,12 @@ var useColSorter = function useColSorter(_ref) {
   React.useEffect(function () {
     if (!cacheKey) return;
     window.localStorage.setItem(cacheKey, JSON.stringify(sortedColKeys));
-  }, [cacheKey, sortedColKeys]); // 用于维护列操作时排序临时状态（（未确认保存时））
-
+  }, [cacheKey, sortedColKeys]);
+  // 用于维护列操作时排序临时状态（（未确认保存时））
   var _useState = React.useState(sortedCols),
-      _cacheSortedCols = _useState[0],
-      setCacheSortedCols = _useState[1]; // 保证排序的 column，是有效的可展示的列
-
-
+    _cacheSortedCols = _useState[0],
+    setCacheSortedCols = _useState[1];
+  // 保证排序的 column，是有效的可展示的列
   var cacheSortedCols = React.useMemo(function () {
     return _cacheSortedCols.filter(function (col) {
       return col && typeof col.dataKey === 'string' && col.dataKey !== '';
@@ -85,5 +72,4 @@ var useColSorter = function useColSorter(_ref) {
     setCacheSortedCols: setCacheSortedCols
   };
 };
-
 exports.useColSorter = useColSorter;