@hi-ui/table 4.0.0-alpha.7 → 4.0.0-beta.2

package/lib/esm/TableRow.js

@@ -0,0 +1,189 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { forwardRef } from 'react';
+import { getPrefixCls, cx } from '@hi-ui/classname';
+import { __DEV__ } from '@hi-ui/env';
+import { useTableContext } from './context.js';
+import { TableCell } from './TableCell.js';
+import { TableEmbedRow } from './TableEmbedRow.js';
+import { useLatestCallback } from '@hi-ui/use-latest';
+import { setAttrAria } from '@hi-ui/dom-utils';
+import { SELECTION_DATA_KEY } from './Table.js';
+import { EMBED_DATA_KEY } from './BaseTable.js';
+import { isFunction } from '@hi-ui/type-assertion';
+var _role = 'table';
+
+var _prefix = getPrefixCls(_role);
+/**
+ * TODO: What is TableRow
+ */
+
+
+var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$prefixCls = _ref.prefixCls,
+      prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
+      rowDataProp = _ref.rowData,
+      rowIndex = _ref.rowIndex,
+      expandedTree = _ref.expandedTree,
+      isSumRow = _ref.isSumRow,
+      isAvgRow = _ref.isAvgRow;
+
+  var _useTableContext = useTableContext(),
+      onHighlightedRowChange = _useTableContext.onHighlightedRowChange,
+      isHighlightedRow = _useTableContext.isHighlightedRow,
+      flattedColumnsWithoutChildren = _useTableContext.flattedColumnsWithoutChildren,
+      isErrorRow = _useTableContext.isErrorRow,
+      columns = _useTableContext.columns,
+      embedExpandable = _useTableContext.embedExpandable,
+      hoverRow = _useTableContext.hoverRow,
+      draggable = _useTableContext.draggable,
+      onDragStartContext = _useTableContext.onDragStart,
+      onDragLeaveContext = _useTableContext.onDragLeave,
+      onDragEndContext = _useTableContext.onDragEnd,
+      onDropContext = _useTableContext.onDrop,
+      dragRowRef = _useTableContext.dragRowRef,
+      onRow = _useTableContext.onRow;
+
+  var rowData = rowDataProp.raw,
+      rowId = rowDataProp.id; // ** ************** 拖拽管理 *************** *//
+
+  var _React$useState = React.useState(false),
+      dragging = _React$useState[0],
+      setDragging = _React$useState[1];
+
+  var _React$useState2 = React.useState(),
+      dragDirection = _React$useState2[0],
+      setDragDirection = _React$useState2[1];
+
+  var onDragStartContextLatest = useLatestCallback(onDragStartContext);
+  var onDragStart = React.useCallback(function (evt) {
+    if (!draggable) return;
+    evt.stopPropagation();
+    var clientY = evt.clientY;
+    dragRowRef.current = {
+      startClientY: clientY,
+      dragId: rowId,
+      rowData: rowData
+    };
+    setDragging(true);
+    evt.dataTransfer.setData('tableRow', JSON.stringify({
+      sourceId: rowId
+    }));
+    onDragStartContextLatest(evt, {
+      dragNode: rowData
+    });
+  }, [draggable, dragRowRef, onDragStartContextLatest, rowData, rowId]);
+  var onDragOver = React.useCallback(function (evt) {
+    if (!draggable) return;
+    evt.preventDefault();
+    evt.stopPropagation();
+    if (!dragRowRef.current) return;
+    var _dragRowRef$current = dragRowRef.current,
+        startClientY = _dragRowRef$current.startClientY,
+        dragId = _dragRowRef$current.dragId;
+    if (dragId === rowId) return;
+    var hoverClientY = evt.clientY;
+
+    if (hoverClientY < startClientY) {
+      setDragDirection('top');
+    } else {
+      setDragDirection('bottom');
+    }
+  }, [draggable, dragRowRef, rowId]);
+  var onDragLeaveContextLatest = useLatestCallback(onDragLeaveContext);
+  var onDragLeave = React.useCallback(function (evt) {
+    if (!draggable) return;
+    evt.preventDefault();
+    evt.stopPropagation();
+    setDragDirection(undefined);
+    onDragLeaveContextLatest(evt);
+  }, [draggable, onDragLeaveContextLatest]);
+  var onDragEndContextLatest = useLatestCallback(onDragEndContext);
+  var onDragEnd = React.useCallback(function (evt) {
+    if (!draggable) return;
+    evt.preventDefault();
+    evt.stopPropagation();
+    evt.dataTransfer.clearData();
+    dragRowRef.current = null;
+    setDragDirection(undefined);
+    setDragging(false);
+    onDragEndContextLatest(evt);
+  }, [draggable, dragRowRef, onDragEndContextLatest]);
+  var onDropContextLatest = useLatestCallback(onDropContext); // 放置目标元素时触发事件
+
+  var onDrop = React.useCallback(function (evt) {
+    if (!draggable) return;
+    if (!dragRowRef.current) return;
+    var dragId = dragRowRef.current.dragId;
+    evt.preventDefault();
+    evt.stopPropagation();
+    setDragDirection(undefined);
+    dragRowRef.current = null;
+    var targetId = rowId;
+    if (dragId === targetId) return;
+
+    try {
+      var _JSON$parse = JSON.parse(evt.dataTransfer.getData('tableRow')),
+          sourceId = _JSON$parse.sourceId;
+
+      onDropContextLatest(evt, sourceId, targetId, dragDirection);
+    } catch (error) {
+      console.error(error);
+    }
+  }, [draggable, dragRowRef, onDropContextLatest, dragDirection, rowId]); // ** ************** 行状态管理 *************** *//
+
+  var highlighted = isHighlightedRow(rowId);
+  var hovered = hoverRow === rowId;
+  var hasError = isErrorRow(rowId);
+  var cls = cx(prefixCls + "-row", hasError && prefixCls + "-row--error", hovered && prefixCls + "-row--hovered", highlighted && prefixCls + "-row--highlight", draggable && prefixCls + "-row--draggable", draggable && dragging && prefixCls + "-row--dragging", draggable && dragDirection && prefixCls + "-row--drag-" + dragDirection, isSumRow && prefixCls + "-row--total", isAvgRow && prefixCls + "-row--avg");
+  var firstColumn = flattedColumnsWithoutChildren.find(function (item) {
+    return item.dataKey !== SELECTION_DATA_KEY && item.dataKey !== EMBED_DATA_KEY;
+  });
+  var rowExtraProps = isFunction(onRow) ? onRow() : {};
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tr", Object.assign({
+    ref: ref,
+    className: cls,
+    key: "row"
+  }, rowExtraProps, {
+    onDoubleClick: function onDoubleClick(evt) {
+      if (rowExtraProps.onDoubleClick) {
+        rowExtraProps.onDoubleClick(evt);
+      }
+
+      onHighlightedRowChange(rowData, !highlighted);
+    },
+    draggable: setAttrAria(draggable),
+    onDragStart: onDragStart,
+    onDragOver: onDragOver,
+    onDragEnd: onDragEnd,
+    onDragLeave: onDragLeave,
+    onDrop: onDrop
+  }), flattedColumnsWithoutChildren.map(function (column, idx) {
+    return /*#__PURE__*/React.createElement(TableCell, {
+      key: idx,
+      column: column,
+      isSwitcherCol: firstColumn ? firstColumn.id === column.id : false,
+      rowData: rowDataProp,
+      rowIndex: rowIndex,
+      expandedTree: expandedTree
+    });
+  })), embedExpandable ? /*#__PURE__*/React.createElement(TableEmbedRow, {
+    colSpan: columns.length,
+    rowData: rowDataProp,
+    rowIndex: rowIndex
+  }) : null);
+});
+
+if (__DEV__) {
+  TableRow.displayName = 'TableRow';
+}
+
+export { TableRow };
+//# sourceMappingURL=TableRow.js.map

package/lib/esm/TableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","sources":["../../src/TableRow.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","TableRow","forwardRef","ref","prefixCls","rowDataProp","rowData","rowIndex","expandedTree","isSumRow","isAvgRow","useTableContext","onHighlightedRowChange","isHighlightedRow","flattedColumnsWithoutChildren","isErrorRow","columns","embedExpandable","hoverRow","draggable","onDragStartContext","onDragStart","onDragLeaveContext","onDragLeave","onDragEndContext","onDragEnd","onDropContext","onDrop","dragRowRef","onRow","raw","rowId","id","React","useState","dragging","setDragging","dragDirection","setDragDirection","onDragStartContextLatest","useLatestCallback","useCallback","evt","stopPropagation","clientY","current","startClientY","dragId","dataTransfer","setData","JSON","stringify","sourceId","dragNode","onDragOver","preventDefault","hoverClientY","onDragLeaveContextLatest","undefined","onDragEndContextLatest","clearData","onDropContextLatest","targetId","parse","getData","error","console","highlighted","hovered","hasError","cls","cx","firstColumn","find","item","dataKey","SELECTION_DATA_KEY","EMBED_DATA_KEY","rowExtraProps","isFunction","className","key","onDoubleClick","setAttrAria","map","column","idx","TableCell","isSwitcherCol","TableEmbedRow","colSpan","length","__DEV__","displayName"],"mappings":"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"}

package/lib/esm/TableSettingMenu.js

@@ -0,0 +1,190 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { __awaiter } from 'tslib';
+import React, { forwardRef, useRef, useEffect } from 'react';
+import { getPrefixCls, cx } from '@hi-ui/classname';
+import { __DEV__ } from '@hi-ui/env';
+import { SettingOutlined, MenuOutlined } from '@hi-ui/icons';
+import { IconButton } from '@hi-ui/icon-button';
+import { useToggle } from '@hi-ui/use-toggle';
+import { useLatestCallback } from '@hi-ui/use-latest';
+import { useLocaleContext } from '@hi-ui/locale-context';
+import { runIfFunc } from './utils/func-utils/lib/esm/index.js';
+import { useDrop, useDrag } from './hooks/use-drag-sorter/lib/esm/index.js';
+import { Drawer } from '@hi-ui/drawer';
+import { Button } from '@hi-ui/button';
+import { Checkbox } from '@hi-ui/checkbox';
+
+var _prefix = getPrefixCls('table-setting');
+/**
+ * 表头右侧高级设置菜单（抽屉式）
+ */
+
+
+var TableSettingMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$prefixCls = _ref.prefixCls,
+      prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
+      sortedCols = _ref.sortedCols,
+      setSortCols = _ref.setSortCols,
+      cacheSortedCols = _ref.cacheSortedCols,
+      setCacheSortedCols = _ref.setCacheSortedCols,
+      hiddenColKeys = _ref.hiddenColKeys,
+      setHiddenColKeys = _ref.setHiddenColKeys,
+      cacheHiddenColKeys = _ref.cacheHiddenColKeys,
+      setCacheHiddenColKeys = _ref.setCacheHiddenColKeys;
+  var i18n = useLocaleContext();
+  var dropProps = useDrop({
+    draggable: true,
+    idFieldName: 'dataKey',
+    onSwap: function onSwap(dragItem, dropItem, direction, info) {
+      return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                setCacheSortedCols(function (prev) {
+                  var nextCacheSortColKeys = [].concat(prev);
+
+                  var _nextCacheSortColKeys = nextCacheSortColKeys.splice(info.dragIndex, 1),
+                      removed = _nextCacheSortColKeys[0];
+
+                  nextCacheSortColKeys.splice(info.dropIndex, 0, removed);
+                  return nextCacheSortColKeys;
+                });
+                return _context.abrupt("return", true);
+
+              case 2:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+    }
+  });
+
+  var _useToggle = useToggle(),
+      menuVisible = _useToggle[0],
+      menuVisibleAction = _useToggle[1];
+
+  var resetLatest = useLatestCallback(function () {
+    setCacheHiddenColKeys(hiddenColKeys);
+    setCacheSortedCols(sortedCols);
+  }); // 当 visible 由 false 变为 true 时触发
+
+  var prevShowPopperRef = useRef(!menuVisible);
+  useEffect(function () {
+    if (!prevShowPopperRef.current && menuVisible) {
+      resetLatest();
+    }
+
+    prevShowPopperRef.current = menuVisible;
+  }, [menuVisible, resetLatest]);
+
+  var onConfirm = function onConfirm() {
+    // 触发 table 更新列显隐及排序
+    setHiddenColKeys(cacheHiddenColKeys);
+    setSortCols(cacheSortedCols);
+    menuVisibleAction.off();
+  };
+
+  var cls = cx(prefixCls);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: cls
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    icon: /*#__PURE__*/React.createElement(SettingOutlined, null),
+    onClick: menuVisibleAction.not
+  }), /*#__PURE__*/React.createElement(Drawer, {
+    className: prefixCls + "__drawer",
+    title: i18n.get('table.fieldExplorer'),
+    visible: menuVisible,
+    onClose: menuVisibleAction.off,
+    footer: /*#__PURE__*/React.createElement("div", {
+      className: prefixCls + "__btn-group"
+    }, /*#__PURE__*/React.createElement(Button, {
+      key: 0,
+      className: prefixCls + "__btn-cancel",
+      onClick: resetLatest
+    }, i18n.get('table.reset')), /*#__PURE__*/React.createElement(Button, {
+      key: 1,
+      className: prefixCls + "__btn-confirm",
+      onClick: onConfirm,
+      type: "primary"
+    }, i18n.get('table.confirm')))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: prefixCls + "__content"
+  }, cacheSortedCols.map(function (col, index) {
+    return /*#__PURE__*/React.createElement(TableSettingMenuItem, {
+      key: col.dataKey,
+      prefixCls: prefixCls,
+      column: col,
+      index: index,
+      dropProps: dropProps,
+      cacheHiddenColKeys: cacheHiddenColKeys,
+      setCacheHiddenColKeys: setCacheHiddenColKeys
+    });
+  }))));
+});
+
+if (__DEV__) {
+  TableSettingMenu.displayName = 'TableSettingMenu';
+}
+
+function TableSettingMenuItem(_ref2) {
+  var prefixCls = _ref2.prefixCls,
+      column = _ref2.column,
+      cacheHiddenColKeys = _ref2.cacheHiddenColKeys,
+      setCacheHiddenColKeys = _ref2.setCacheHiddenColKeys,
+      dropProps = _ref2.dropProps,
+      index = _ref2.index;
+  var dataKey = column.dataKey,
+      title = column.title;
+
+  var _useDrag = useDrag(Object.assign(Object.assign({}, dropProps), {
+    item: column,
+    index: index,
+    idFieldName: 'dataKey',
+    dataTransferKey: 'table-setting-data'
+  })),
+      dragging = _useDrag.dragging,
+      direction = _useDrag.direction,
+      getDragTriggerProps = _useDrag.getDragTriggerProps,
+      getDropTriggerProps = _useDrag.getDropTriggerProps;
+
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    className: cx(prefixCls + "-item", dragging && prefixCls + "-item--dragging", direction && prefixCls + "-item--direction-" + direction)
+  }, getDragTriggerProps(), getDropTriggerProps()), /*#__PURE__*/React.createElement("div", {
+    className: prefixCls + "-item__wrap"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: !cacheHiddenColKeys.includes(dataKey),
+    onChange: function onChange(evt) {
+      var shouldChecked = evt.target.checked;
+      var nextCacheHiddenColKeys = shouldChecked ? cacheHiddenColKeys.filter(function (col) {
+        return col !== dataKey;
+      }) : cacheHiddenColKeys.concat(dataKey);
+      setCacheHiddenColKeys(nextCacheHiddenColKeys);
+    }
+  }), /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: 'inline-block',
+      marginLeft: 9
+    }
+  }, runIfFunc(title))), /*#__PURE__*/React.createElement(MenuOutlined, null)));
+}
+
+export { TableSettingMenu };
+//# sourceMappingURL=TableSettingMenu.js.map

package/lib/esm/TableSettingMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSettingMenu.js","sources":["../../src/TableSettingMenu.tsx"],"sourcesContent":[null],"names":["_prefix","getPrefixCls","TableSettingMenu","forwardRef","ref","prefixCls","sortedCols","setSortCols","cacheSortedCols","setCacheSortedCols","hiddenColKeys","setHiddenColKeys","cacheHiddenColKeys","setCacheHiddenColKeys","i18n","useLocaleContext","dropProps","useDrop","draggable","idFieldName","onSwap","dragItem","dropItem","direction","info","prev","nextCacheSortColKeys","splice","dragIndex","removed","dropIndex","useToggle","menuVisible","menuVisibleAction","resetLatest","useLatestCallback","prevShowPopperRef","useRef","useEffect","current","onConfirm","off","cls","cx","React","className","IconButton","icon","SettingOutlined","onClick","not","Drawer","title","get","visible","onClose","footer","Button","key","type","map","col","index","TableSettingMenuItem","dataKey","column","__DEV__","displayName","useDrag","item","dataTransferKey","dragging","getDragTriggerProps","getDropTriggerProps","style","display","alignItems","Checkbox","checked","includes","onChange","evt","shouldChecked","target","nextCacheHiddenColKeys","filter","concat","marginLeft","runIfFunc","MenuOutlined"],"mappings":"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"}

package/lib/esm/context.js

@@ -0,0 +1,25 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useContext, createContext } from 'react';
+var TableContext = /*#__PURE__*/createContext(null);
+var TableProvider = TableContext.Provider;
+
+var useTableContext = function useTableContext() {
+  var context = useContext(TableContext);
+
+  if (!context) {
+    throw new Error('The TableContext context should using in Table.');
+  }
+
+  return context;
+};
+
+export { TableProvider, useTableContext };
+//# sourceMappingURL=context.js.map

package/lib/esm/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../src/context.ts"],"sourcesContent":[null],"names":["TableContext","createContext","TableProvider","Provider","useTableContext","context","useContext","Error"],"mappings":";;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,aAAa,CAUhC,IAVgC,CAAlC;IAYaC,aAAa,GAAGF,YAAY,CAACG;;IAE7BC,eAAe,GAAG,SAAlBA,eAAkB;MACvBC,OAAO,GAAGC,UAAU,CAACN,YAAD;;MAEtB,CAACK,SAAS;UACN,IAAIE,KAAJ,CAAU,iDAAV;;;SAGDF;;;"}

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

@@ -0,0 +1,124 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { __awaiter } from 'tslib';
+import { useCallback } from 'react';
+import { useLatestCallback } from '@hi-ui/use-latest';
+import { cloneTree, addChildrenById } from '@hi-ui/tree-utils';
+import { useCheckState } from '@hi-ui/use-check-state';
+
+var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadChildren) {
+  var onLoadChildrenLatest = useLatestCallback(onLoadChildren); // 加载节点
+
+  var loadChildren = useCallback(function (node) {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var childrenNodes;
+      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 = cloneTree(prev);
+                  addChildrenById(nextTreeData, node.id, childrenNodes);
+                  return nextTreeData;
+                });
+              }
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+  }, [onLoadChildrenLatest, setCascaderData]);
+
+  var _useCheckState = useCheckState(),
+      loadingIds = _useCheckState.state,
+      addLoadingIds = _useCheckState.add,
+      removeLoadingIds = _useCheckState.remove;
+
+  var onExpandLatest = useLatestCallback(onExpand);
+  var onNodeSwitch = useCallback(function (node, onlyExpand) {
+    if (onlyExpand === void 0) {
+      onlyExpand = false;
+    }
+
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var id, children, isLeaf;
+      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();
+          }
+        }
+      }, _callee2, null, [[8, 14]]);
+    }));
+  }, [loadChildren, onLoadChildren, onExpandLatest, addLoadingIds, removeLoadingIds]);
+
+  var isLoadingId = function isLoadingId(id) {
+    return loadingIds.indexOf(id) !== -1;
+  };
+
+  return [isLoadingId, onNodeSwitch];
+};
+
+export { useAsyncSwitch };
+//# sourceMappingURL=use-async-switch.js.map

package/lib/esm/hooks/use-async-switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-async-switch.js","sources":["../../../src/hooks/use-async-switch.ts"],"sourcesContent":[null],"names":["useAsyncSwitch","setCascaderData","onExpand","onLoadChildren","onLoadChildrenLatest","useLatestCallback","loadChildren","useCallback","node","childrenNodes","Array","isArray","prev","nextTreeData","cloneTree","addChildrenById","id","useCheckState","loadingIds","state","addLoadingIds","add","removeLoadingIds","remove","onExpandLatest","onNodeSwitch","onlyExpand","children","isLeaf","isLoadingId","indexOf"],"mappings":";;;;;;;;;;;;;;;;IAMaA,cAAc,GAAG,SAAjBA,cAAiB,CAC5BC,eAD4B,EAE5BC,QAF4B,EAG5BC,cAH4B;MAKtBC,oBAAoB,GAAGC,iBAAiB,CAACF,cAAD;;MAGxCG,YAAY,GAAGC,WAAW,CAC9B,UAAOC,IAAP;;;;;;;;qBAC8BJ,oBAAoB,CAACI,IAAD;;;AAA1CC,cAAAA,6BAAAA;;kBAEFC,KAAK,CAACC,OAAND,CAAcD,aAAdC,GAA8B;AAChCT,gBAAAA,eAAe,CAAC,UAACW,IAAD;sBACRC,YAAY,GAAGC,SAAS,CAACF,IAAD;AAC9BG,kBAAAA,eAAe,CAACF,YAAD,EAAeL,IAAI,CAACQ,EAApB,EAAwBP,aAAxB,CAAfM;yBACOF;AAHM,iBAAA,CAAfZ;;;;;;;;;;AAL0B,GAAA,EAY9B,CAACG,oBAAD,EAAuBH,eAAvB,CAZ8B;;uBAe4CgB,aAAa;MAA1EC,UAAf,kBAAQC;MAAwBC,aAAhC,kBAA2BC;MAA4BC,gBAAvD,kBAA+CC;;MAGzCC,cAAc,GAAGnB,iBAAiB,CAACH,QAAD;MAElCuB,YAAY,GAAGlB,WAAW,CAC9B,UAAOC,IAAP,EAAgCkB,UAAhC;QAAgCA,UAAhC;AAAgCA,MAAAA,UAAhC,GAA6C,KAAbA;;;;;;;;;;AAE9BF,cAAAA,cAAc,CAAChB,IAAD,EAAOkB,UAAP,CAAdF;AAEQR,cAAAA,KAAyBR,KAAzBQ,EAAAA,EAAIW,WAAqBnB,KAArBmB,QAAJX,EAAcY,SAAWpB,KAAXoB,MAAdZ;;mBAEJW;;;;;;;;mBAIAC;;;;;;;;mBAIAzB;;;;;AACFiB,cAAAA,aAAa,CAACJ,EAAD,CAAbI;;;qBAEQd,YAAY,CAACE,IAAD;;;AAClBc,cAAAA,gBAAgB,CAACN,EAAD,CAAhBM;;;;;;;AAEAA,cAAAA,gBAAgB,CAACN,EAAD,CAAhBM;;;;;;;;;AArBwB,GAAA,EAyB9B,CAAChB,YAAD,EAAeH,cAAf,EAA+BqB,cAA/B,EAA+CJ,aAA/C,EAA8DE,gBAA9D,CAzB8B;;MA4B1BO,WAAW,GAAG,SAAdA,WAAc,CAACb,EAAD;WAAyBE,UAAU,CAACY,OAAXZ,CAAmBF,EAAnBE,MAA2B,CAAC;AAAzE;;SAEO,CAACW,WAAD,EAAcJ,YAAd;;;"}

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

@@ -0,0 +1,87 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useCheck } from '@hi-ui/use-check';
+import React from 'react';
+import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
+var DEFAULT_CHECKED_ROW_KEYS = [];
+
+var useTableCheck = function useTableCheck(_ref) {
+  var rowSelection = _ref.rowSelection,
+      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(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]; // TODO: 暂时不支持正反选
+
+
+  var _useCheck = useCheck({
+    checkedIds: checkedRowKeys,
+    onCheck: trySetCheckedRowKeys,
+    idFieldName: fieldKey
+  }),
+      onCheckedRowKeysChange = _useCheck[0],
+      isCheckedRowKey = _useCheck[1]; // 判断是否全选
+
+
+  var _React$useMemo = React.useMemo(function () {
+    if (rowSelection) {
+      if (flattedData.length === 0 || checkedRowKeys.length === 0) {
+        return [false, false];
+      }
+
+      var _checkedAll = flattedData.filter(function (item) {
+        return !checkRowIsDisabledCheckbox(item.raw);
+      }) // TODO: 数组项完全匹配工具函数
+      . // TODO: 数组项完全匹配工具函数
+      every(function (item) {
+        return isCheckedRowKey(item.id);
+      });
+
+      return [_checkedAll, _checkedAll ? false : checkedRowKeys.length > 0];
+    }
+
+    return [false, false];
+  }, [flattedData, rowSelection, isCheckedRowKey, checkedRowKeys.length, checkRowIsDisabledCheckbox]),
+      checkedAll = _React$useMemo[0],
+      semiChecked = _React$useMemo[1];
+
+  var tryCheckAllRow = React.useCallback(function () {
+    if (checkedAll) {
+      trySetCheckedRowKeys([], [], false);
+      return;
+    }
+
+    var targetItems = flattedData.filter(function (item) {
+      return !checkRowIsDisabledCheckbox(item.raw);
+    });
+    var checkedRowKeys = targetItems.map(function (item) {
+      return item.id;
+    });
+    trySetCheckedRowKeys(checkedRowKeys, targetItems, true);
+  }, [trySetCheckedRowKeys, flattedData, checkRowIsDisabledCheckbox, checkedAll]);
+  return {
+    tryCheckAllRow: tryCheckAllRow,
+    checkedAll: checkedAll,
+    semiChecked: semiChecked,
+    onCheckedRowKeysChange: onCheckedRowKeysChange,
+    isCheckedRowKey: isCheckedRowKey,
+    checkedRowKeys: checkedRowKeys,
+    trySetCheckedRowKeys: trySetCheckedRowKeys,
+    checkRowIsDisabledCheckbox: checkRowIsDisabledCheckbox
+  };
+};
+
+export { useTableCheck };
+//# sourceMappingURL=use-check.js.map

package/lib/esm/hooks/use-check.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-check.js","sources":["../../../src/hooks/use-check.ts"],"sourcesContent":[null],"names":["DEFAULT_CHECKED_ROW_KEYS","useTableCheck","rowSelection","flattedData","fieldKey","checkRowIsDisabledCheckbox","React","useCallback","rowItem","checkboxConfig","getCheckboxConfig","disabled","useUncontrolledState","selectedRowKeys","onChange","checkedRowKeys","trySetCheckedRowKeys","useCheck","checkedIds","onCheck","idFieldName","onCheckedRowKeysChange","isCheckedRowKey","useMemo","length","checkedAll","filter","item","raw","every","id","semiChecked","tryCheckAllRow","targetItems","map"],"mappings":";;;;;;;;;;;;AAKA,IAAMA,wBAAwB,GAAG,EAAjC;;IAEaC,aAAa,GAAG,SAAhBA,aAAgB,KAAA;MAC3BC,oBAAAA;MACAC,mBAAAA;MACAC,gBAAAA;MAMMC,0BAA0B,GAAGC,KAAK,CAACC,WAAND,CACjC,UAACE,OAAD;QACQC,cAAc,GAClBP,YAAY,IAAIA,YAAY,CAACQ,iBAA7BR,IAAkDA,YAAY,CAACQ,iBAAbR,CAA+BM,OAA/BN;WAE5CO,cAAc,IAAIA,cAAc,CAACE,QAAjCF,IAA8C;AALvB,GAAAH,EAOjC,CAACJ,YAAD,CAPiCI;;8BAUYM,oBAAoB,CACjEZ,wBADiE,EAEjEE,YAAY,SAAZA,IAAAA,YAAY,WAAZA,SAAAA,GAAAA,YAAY,CAAEW,eAFmD,EAGjEX,YAAY,SAAZA,IAAAA,YAAY,WAAZA,SAAAA,GAAAA,YAAY,CAAEY,QAHmD;MAA5DC,cAAP;MAAuBC,oBAAvB;;;kBAOkDC,QAAQ,CAAC;AACzDC,IAAAA,UAAU,EAAEH,cAD6C;AAEzDI,IAAAA,OAAO,EAAEH,oBAFgD;AAGzDI,IAAAA,WAAW,EAAEhB;AAH4C,GAAD;MAAnDiB,sBAAP;MAA+BC,eAA/B;;;uBAOkChB,KAAK,CAACiB,OAANjB,CAAc;QAC1CJ,cAAc;UACZC,WAAW,CAACqB,MAAZrB,KAAuB,CAAvBA,IAA4BY,cAAc,CAACS,MAAfT,KAA0B,GAAG;eACpD,CAAC,KAAD,EAAQ,KAAR;;;UAGHU,WAAU,GAAGtB,WAAW,CAC3BuB,MADgBvB,CACT,UAACwB,IAAD;eAAU,CAACtB,0BAA0B,CAACsB,IAAI,CAACC,GAAN;AAD5B,OAAAzB;AAAAA;AAGhB0B,MAAAA,KAHgB1B,CAGV,UAACwB,IAAD;eAAUL,eAAe,CAACK,IAAI,CAACG,EAAN;AAHf,OAAA3B;;aAKZ,CAACsB,WAAD,EAAaA,WAAU,GAAG,KAAH,GAAWV,cAAc,CAACS,MAAfT,GAAwB,CAA1D;;;WAGF,CAAC,KAAD,EAAQ,KAAR;AAdyB,GAAAT,EAe/B,CACDH,WADC,EAEDD,YAFC,EAGDoB,eAHC,EAIDP,cAAc,CAACS,MAJd,EAKDnB,0BALC,CAf+BC;MAA3BmB,UAAP;MAAmBM,WAAnB;;MAuBMC,cAAc,GAAG1B,KAAK,CAACC,WAAND,CAAkB;QACnCmB,YAAY;AACdT,MAAAA,oBAAoB,CAAC,EAAD,EAAY,EAAZ,EAAgB,KAAhB,CAApBA;;;;QAIIiB,WAAW,GAAG9B,WAAW,CAACuB,MAAZvB,CAAmB,UAACwB,IAAD;aAAe,CAACtB,0BAA0B,CAACsB,IAAI,CAACC,GAAN;AAA7D,KAAAzB;QACdY,cAAc,GAAGkB,WAAW,CAACC,GAAZD,CAAgB,UAACN,IAAD;aAAeA,IAAI,CAACG;AAApC,KAAAG;AAEvBjB,IAAAA,oBAAoB,CAACD,cAAD,EAAiBkB,WAAjB,EAA8B,IAA9B,CAApBjB;AATqB,GAAAV,EAUpB,CAACU,oBAAD,EAAuBb,WAAvB,EAAoCE,0BAApC,EAAgEoB,UAAhE,CAVoBnB;SAYhB;AACL0B,IAAAA,cAAc,EAAdA,cADK;AAELP,IAAAA,UAAU,EAAVA,UAFK;AAGLM,IAAAA,WAAW,EAAXA,WAHK;AAILV,IAAAA,sBAAsB,EAAtBA,sBAJK;AAKLC,IAAAA,eAAe,EAAfA,eALK;AAMLP,IAAAA,cAAc,EAAdA,cANK;AAOLC,IAAAA,oBAAoB,EAApBA,oBAPK;AAQLX,IAAAA,0BAA0B,EAA1BA;AARK;;;"}