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

package/lib/cjs/hooks/use-drag-sorter/lib/esm/index.js

@@ -0,0 +1,287 @@
+/** @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.
+ */
+'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 typeAssertion = require('@hi-ui/type-assertion');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
+/** @LICENSE
+ * @hi-ui/use-drag-sorter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-drag-sorter#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.
+ */
+
+
+var useDrop = function useDrop(_ref) {
+  var draggable = _ref.draggable,
+      onDropEnd = _ref.onDropEnd,
+      onSwapProp = _ref.onSwap,
+      _ref$idFieldName = _ref.idFieldName,
+      idFieldName = _ref$idFieldName === void 0 ? 'id' : _ref$idFieldName;
+  var dragInfoRef = React.useRef(null);
+  var onDropEndLatest = useLatest.useLatestCallback(onDropEnd);
+  var swapLatest = useLatest.useLatestCallback(onSwapProp);
+  var onSwap = React.useCallback(function (sourceId, targetId, dragDirection) {
+    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee() {
+      var info, dragItem, dropItem, result;
+      return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (draggable) {
+                _context.next = 2;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 2:
+              if (!(targetId === sourceId)) {
+                _context.next = 4;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 4:
+              if (dragInfoRef.current) {
+                _context.next = 6;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 6:
+              // TODO： 根据 id 查询数据原始数据或者直接使用引用值，两者选择，避免bug
+              info = dragInfoRef.current;
+              dragInfoRef.current = null;
+              dragItem = info.dragItem, dropItem = info.dropItem;
+
+              if (!(!dragItem || !dropItem)) {
+                _context.next = 11;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 11:
+              if (!(dragItem[idFieldName] !== sourceId || targetId !== dropItem[idFieldName])) {
+                _context.next = 13;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 13:
+              _context.next = 15;
+              return swapLatest(dragItem, dropItem, dragDirection, info);
+
+            case 15:
+              result = _context.sent;
+
+              if (result === true) {
+                onDropEndLatest(dragItem, dropItem, dragDirection);
+              }
+
+            case 17:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+  }, [draggable, onDropEndLatest, idFieldName, swapLatest]);
+  return {
+    draggable: draggable,
+    dragInfoRef: dragInfoRef,
+    onSwap: onSwap
+  };
+};
+/**
+ * TODO: What is UseDrag
+ */
+
+
+var useDrag = function useDrag(_ref2) {
+  var draggable = _ref2.draggable,
+      dragInfoRef = _ref2.dragInfoRef,
+      onHover = _ref2.onHover,
+      item = _ref2.item,
+      index = _ref2.index,
+      _ref2$idFieldName = _ref2.idFieldName,
+      idFieldName = _ref2$idFieldName === void 0 ? 'id' : _ref2$idFieldName,
+      _ref2$dataTransferKey = _ref2.dataTransferKey,
+      dataTransferKey = _ref2$dataTransferKey === void 0 ? 'data' : _ref2$dataTransferKey,
+      onDragStartProp = _ref2.onDragStart,
+      onDragOverProp = _ref2.onDragOver,
+      onDragLeaveProp = _ref2.onDragLeave,
+      onDragEndProp = _ref2.onDragEnd,
+      onDropProp = _ref2.onDrop,
+      onSwapProp = _ref2.onSwap;
+
+  var _useState = React.useState(false),
+      dragging = _useState[0],
+      setDragging = _useState[1];
+
+  var _useState2 = React.useState(),
+      dragDirection = _useState2[0],
+      setDragDirection = _useState2[1];
+
+  var onDragStartPropLatest = useLatest.useLatestCallback(onDragStartProp);
+  var itemLatestRef = useLatest.useLatestRef(item);
+  var onDragStart = React.useCallback(function (evt) {
+    if (!draggable) return;
+    evt.stopPropagation();
+    var item = itemLatestRef.current;
+    var clientY = evt.clientY;
+    var dragId = item[idFieldName];
+    dragInfoRef.current = {
+      startClientY: clientY,
+      dragId: dragId,
+      dragItem: item,
+      dragIndex: index
+    };
+    setDragging(true);
+    evt.dataTransfer.setData(dataTransferKey, JSON.stringify({
+      sourceId: dragId
+    }));
+    onDragStartPropLatest(evt, item);
+  }, [draggable, onDragStartPropLatest, idFieldName, dataTransferKey, itemLatestRef, dragInfoRef, index]);
+  var hoverLatestRef = useLatest.useLatestRef(onHover);
+  var onDragOverPropLatest = useLatest.useLatestCallback(onDragOverProp);
+  var onDragOver = React.useCallback(function (evt) {
+    if (!draggable) return;
+    evt.preventDefault();
+    evt.stopPropagation();
+    if (!dragInfoRef.current) return;
+    var item = itemLatestRef.current;
+    var _dragInfoRef$current = dragInfoRef.current,
+        startClientY = _dragInfoRef$current.startClientY,
+        dragId = _dragInfoRef$current.dragId;
+    if (dragId === item[idFieldName]) return;
+    var nextDirection;
+
+    if (typeAssertion.isFunction(hoverLatestRef.current)) {
+      nextDirection = hoverLatestRef.current(evt, item, dragInfoRef.current);
+    } else {
+      var hoverClientY = evt.clientY;
+      nextDirection = hoverClientY < startClientY ? UseDropNodeDirection.BEFORE : UseDropNodeDirection.AFTER;
+    }
+
+    setDragDirection(nextDirection);
+    onDragOverPropLatest(evt, item);
+  }, [draggable, onDragOverPropLatest, idFieldName, hoverLatestRef, dragInfoRef, itemLatestRef]);
+  var onDragLeavePropLatest = useLatest.useLatestCallback(onDragLeaveProp);
+  var onDragLeave = React.useCallback(function (evt) {
+    if (!draggable) return;
+    evt.preventDefault();
+    evt.stopPropagation();
+    var item = itemLatestRef.current;
+    setDragDirection(undefined);
+    onDragLeavePropLatest(evt, item);
+  }, [draggable, onDragLeavePropLatest, itemLatestRef]);
+  var onDragEndPropLatest = useLatest.useLatestCallback(onDragEndProp);
+  var onDragEnd = React.useCallback(function (evt) {
+    if (!draggable) return;
+    evt.preventDefault();
+    evt.stopPropagation();
+    var item = itemLatestRef.current;
+    evt.dataTransfer.clearData();
+    dragInfoRef.current = null;
+    setDragDirection(undefined);
+    setDragging(false);
+    onDragEndPropLatest(evt, item);
+  }, [draggable, dragInfoRef, onDragEndPropLatest, itemLatestRef]);
+  var onDropPropLatest = useLatest.useLatestCallback(onDropProp);
+  var onSwapPropLatest = useLatest.useLatestCallback(onSwapProp); // 放置目标元素时触发事件
+
+  var onDrop = React.useCallback(function (evt) {
+    if (!draggable) return;
+    if (!dragInfoRef.current) return;
+    var item = itemLatestRef.current;
+    var dragId = dragInfoRef.current.dragId;
+    evt.preventDefault();
+    evt.stopPropagation();
+    setDragDirection(undefined); // dragInfoRef.current = null
+
+    dragInfoRef.current.dropItem = item;
+    dragInfoRef.current.dropIndex = index;
+    var targetId = item[idFieldName];
+    if (dragId === targetId) return;
+
+    try {
+      var _JSON$parse = JSON.parse(evt.dataTransfer.getData(dataTransferKey)),
+          sourceId = _JSON$parse.sourceId;
+
+      onSwapPropLatest(sourceId, targetId, dragDirection);
+    } catch (error) {
+      console.error(error);
+    }
+
+    onDropPropLatest(evt, item);
+  }, [draggable, dragInfoRef, idFieldName, onDropPropLatest, dragDirection, dataTransferKey, onSwapPropLatest, itemLatestRef, index]);
+  var getDragTriggerProps = React.useCallback(function () {
+    return {
+      draggable: draggable,
+      'data-dragging': dragging,
+      onDragStart: onDragStart,
+      onDragLeave: onDragLeave,
+      onDragEnd: onDragEnd
+    };
+  }, [draggable, onDragStart, onDragLeave, onDragEnd, dragging]);
+  var getDropTriggerProps = React.useCallback(function () {
+    return {
+      'data-drop-direction': dragDirection,
+      onDrop: onDrop,
+      onDragOver: onDragOver
+    };
+  }, [onDrop, onDragOver, dragDirection]);
+  return {
+    dragging: dragging,
+    direction: dragDirection,
+    getDragTriggerProps: getDragTriggerProps,
+    getDropTriggerProps: getDropTriggerProps
+  };
+}; // 表示拖拽放置位置
+
+
+var UseDropNodeDirection = {
+  BEFORE: 'before',
+  INSIDE: 'inside',
+  AFTER: 'after'
+};
+exports.UseDropNodeDirection = UseDropNodeDirection;
+exports.useDrag = useDrag;
+exports.useDrop = useDrop;
+//# sourceMappingURL=index.js.map

package/lib/cjs/hooks/use-drag-sorter/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../hooks/use-drag-sorter/lib/esm/index.js"],"sourcesContent":["/** @LICENSE\n * @hi-ui/use-drag-sorter\n * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-drag-sorter#readme\n *\n * Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport _regeneratorRuntime from '@babel/runtime/regenerator';\nimport { __awaiter } from 'tslib';\nimport { useRef, useCallback, useState } from 'react';\nimport { useLatestCallback, useLatestRef } from '@hi-ui/use-latest';\nimport { isFunction } from '@hi-ui/type-assertion';\n\nvar useDrop = function useDrop(_ref) {\n  var draggable = _ref.draggable,\n      onDropEnd = _ref.onDropEnd,\n      onSwapProp = _ref.onSwap,\n      _ref$idFieldName = _ref.idFieldName,\n      idFieldName = _ref$idFieldName === void 0 ? 'id' : _ref$idFieldName;\n  var dragInfoRef = useRef(null);\n  var onDropEndLatest = useLatestCallback(onDropEnd);\n  var swapLatest = useLatestCallback(onSwapProp);\n  var onSwap = useCallback(function (sourceId, targetId, dragDirection) {\n    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {\n      var info, dragItem, dropItem, result;\n      return _regeneratorRuntime.wrap(function _callee$(_context) {\n        while (1) {\n          switch (_context.prev = _context.next) {\n            case 0:\n              if (draggable) {\n                _context.next = 2;\n                break;\n              }\n\n              return _context.abrupt(\"return\");\n\n            case 2:\n              if (!(targetId === sourceId)) {\n                _context.next = 4;\n                break;\n              }\n\n              return _context.abrupt(\"return\");\n\n            case 4:\n              if (dragInfoRef.current) {\n                _context.next = 6;\n                break;\n              }\n\n              return _context.abrupt(\"return\");\n\n            case 6:\n              // TODO： 根据 id 查询数据原始数据或者直接使用引用值，两者选择，避免bug\n              info = dragInfoRef.current;\n              dragInfoRef.current = null;\n              dragItem = info.dragItem, dropItem = info.dropItem;\n\n              if (!(!dragItem || !dropItem)) {\n                _context.next = 11;\n                break;\n              }\n\n              return _context.abrupt(\"return\");\n\n            case 11:\n              if (!(dragItem[idFieldName] !== sourceId || targetId !== dropItem[idFieldName])) {\n                _context.next = 13;\n                break;\n              }\n\n              return _context.abrupt(\"return\");\n\n            case 13:\n              _context.next = 15;\n              return swapLatest(dragItem, dropItem, dragDirection, info);\n\n            case 15:\n              result = _context.sent;\n\n              if (result === true) {\n                onDropEndLatest(dragItem, dropItem, dragDirection);\n              }\n\n            case 17:\n            case \"end\":\n              return _context.stop();\n          }\n        }\n      }, _callee);\n    }));\n  }, [draggable, onDropEndLatest, idFieldName, swapLatest]);\n  return {\n    draggable: draggable,\n    dragInfoRef: dragInfoRef,\n    onSwap: onSwap\n  };\n};\n/**\n * TODO: What is UseDrag\n */\n\n\nvar useDrag = function useDrag(_ref2) {\n  var draggable = _ref2.draggable,\n      dragInfoRef = _ref2.dragInfoRef,\n      onHover = _ref2.onHover,\n      item = _ref2.item,\n      index = _ref2.index,\n      _ref2$idFieldName = _ref2.idFieldName,\n      idFieldName = _ref2$idFieldName === void 0 ? 'id' : _ref2$idFieldName,\n      _ref2$dataTransferKey = _ref2.dataTransferKey,\n      dataTransferKey = _ref2$dataTransferKey === void 0 ? 'data' : _ref2$dataTransferKey,\n      onDragStartProp = _ref2.onDragStart,\n      onDragOverProp = _ref2.onDragOver,\n      onDragLeaveProp = _ref2.onDragLeave,\n      onDragEndProp = _ref2.onDragEnd,\n      onDropProp = _ref2.onDrop,\n      onSwapProp = _ref2.onSwap;\n\n  var _useState = useState(false),\n      dragging = _useState[0],\n      setDragging = _useState[1];\n\n  var _useState2 = useState(),\n      dragDirection = _useState2[0],\n      setDragDirection = _useState2[1];\n\n  var onDragStartPropLatest = useLatestCallback(onDragStartProp);\n  var itemLatestRef = useLatestRef(item);\n  var onDragStart = useCallback(function (evt) {\n    if (!draggable) return;\n    evt.stopPropagation();\n    var item = itemLatestRef.current;\n    var clientY = evt.clientY;\n    var dragId = item[idFieldName];\n    dragInfoRef.current = {\n      startClientY: clientY,\n      dragId: dragId,\n      dragItem: item,\n      dragIndex: index\n    };\n    setDragging(true);\n    evt.dataTransfer.setData(dataTransferKey, JSON.stringify({\n      sourceId: dragId\n    }));\n    onDragStartPropLatest(evt, item);\n  }, [draggable, onDragStartPropLatest, idFieldName, dataTransferKey, itemLatestRef, dragInfoRef, index]);\n  var hoverLatestRef = useLatestRef(onHover);\n  var onDragOverPropLatest = useLatestCallback(onDragOverProp);\n  var onDragOver = useCallback(function (evt) {\n    if (!draggable) return;\n    evt.preventDefault();\n    evt.stopPropagation();\n    if (!dragInfoRef.current) return;\n    var item = itemLatestRef.current;\n    var _dragInfoRef$current = dragInfoRef.current,\n        startClientY = _dragInfoRef$current.startClientY,\n        dragId = _dragInfoRef$current.dragId;\n    if (dragId === item[idFieldName]) return;\n    var nextDirection;\n\n    if (isFunction(hoverLatestRef.current)) {\n      nextDirection = hoverLatestRef.current(evt, item, dragInfoRef.current);\n    } else {\n      var hoverClientY = evt.clientY;\n      nextDirection = hoverClientY < startClientY ? UseDropNodeDirection.BEFORE : UseDropNodeDirection.AFTER;\n    }\n\n    setDragDirection(nextDirection);\n    onDragOverPropLatest(evt, item);\n  }, [draggable, onDragOverPropLatest, idFieldName, hoverLatestRef, dragInfoRef, itemLatestRef]);\n  var onDragLeavePropLatest = useLatestCallback(onDragLeaveProp);\n  var onDragLeave = useCallback(function (evt) {\n    if (!draggable) return;\n    evt.preventDefault();\n    evt.stopPropagation();\n    var item = itemLatestRef.current;\n    setDragDirection(undefined);\n    onDragLeavePropLatest(evt, item);\n  }, [draggable, onDragLeavePropLatest, itemLatestRef]);\n  var onDragEndPropLatest = useLatestCallback(onDragEndProp);\n  var onDragEnd = useCallback(function (evt) {\n    if (!draggable) return;\n    evt.preventDefault();\n    evt.stopPropagation();\n    var item = itemLatestRef.current;\n    evt.dataTransfer.clearData();\n    dragInfoRef.current = null;\n    setDragDirection(undefined);\n    setDragging(false);\n    onDragEndPropLatest(evt, item);\n  }, [draggable, dragInfoRef, onDragEndPropLatest, itemLatestRef]);\n  var onDropPropLatest = useLatestCallback(onDropProp);\n  var onSwapPropLatest = useLatestCallback(onSwapProp); // 放置目标元素时触发事件\n\n  var onDrop = useCallback(function (evt) {\n    if (!draggable) return;\n    if (!dragInfoRef.current) return;\n    var item = itemLatestRef.current;\n    var dragId = dragInfoRef.current.dragId;\n    evt.preventDefault();\n    evt.stopPropagation();\n    setDragDirection(undefined); // dragInfoRef.current = null\n\n    dragInfoRef.current.dropItem = item;\n    dragInfoRef.current.dropIndex = index;\n    var targetId = item[idFieldName];\n    if (dragId === targetId) return;\n\n    try {\n      var _JSON$parse = JSON.parse(evt.dataTransfer.getData(dataTransferKey)),\n          sourceId = _JSON$parse.sourceId;\n\n      onSwapPropLatest(sourceId, targetId, dragDirection);\n    } catch (error) {\n      console.error(error);\n    }\n\n    onDropPropLatest(evt, item);\n  }, [draggable, dragInfoRef, idFieldName, onDropPropLatest, dragDirection, dataTransferKey, onSwapPropLatest, itemLatestRef, index]);\n  var getDragTriggerProps = useCallback(function () {\n    return {\n      draggable: draggable,\n      'data-dragging': dragging,\n      onDragStart: onDragStart,\n      onDragLeave: onDragLeave,\n      onDragEnd: onDragEnd\n    };\n  }, [draggable, onDragStart, onDragLeave, onDragEnd, dragging]);\n  var getDropTriggerProps = useCallback(function () {\n    return {\n      'data-drop-direction': dragDirection,\n      onDrop: onDrop,\n      onDragOver: onDragOver\n    };\n  }, [onDrop, onDragOver, dragDirection]);\n  return {\n    dragging: dragging,\n    direction: dragDirection,\n    getDragTriggerProps: getDragTriggerProps,\n    getDropTriggerProps: getDropTriggerProps\n  };\n}; // 表示拖拽放置位置\n\n\nvar UseDropNodeDirection = {\n  BEFORE: 'before',\n  INSIDE: 'inside',\n  AFTER: 'after'\n};\nexport { UseDropNodeDirection, useDrag, useDrop };\n//# sourceMappingURL=index.js.map\n"],"names":["useDrop","_ref","draggable","onDropEnd","onSwapProp","onSwap","idFieldName","_ref$idFieldName","dragInfoRef","useRef","onDropEndLatest","useLatestCallback","swapLatest","useCallback","sourceId","targetId","dragDirection","current","info","dragItem","dropItem","result","useDrag","_ref2","onHover","item","index","_ref2$idFieldName","dataTransferKey","_ref2$dataTransferKey","onDragStartProp","onDragStart","onDragOverProp","onDragOver","onDragLeaveProp","onDragLeave","onDragEndProp","onDragEnd","onDropProp","onDrop","useState","dragging","_useState","setDragging","_useState2","setDragDirection","onDragStartPropLatest","itemLatestRef","useLatestRef","evt","clientY","dragId","startClientY","dragIndex","JSON","hoverLatestRef","onDragOverPropLatest","_dragInfoRef$current","nextDirection","isFunction","hoverClientY","UseDropNodeDirection","onDragLeavePropLatest","onDragEndPropLatest","onDropPropLatest","onSwapPropLatest","_JSON$parse","error","console","getDragTriggerProps","getDropTriggerProps","direction","BEFORE","INSIDE","AFTER"],"mappings":"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"}

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

@@ -0,0 +1,110 @@
+/** @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.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react');
+
+var useLatest = require('@hi-ui/use-latest');
+
+var treeUtils = require('@hi-ui/tree-utils');
+
+var typeAssertion = require('@hi-ui/type-assertion');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var useTableDrag = function useTableDrag(_ref) {
+  var cacheData = _ref.cacheData,
+      setCacheData = _ref.setCacheData,
+      draggable = _ref.draggable,
+      onDropEnd = _ref.onDropEnd,
+      onDropProp = _ref.onDrop;
+  var dragRowRef = React__default['default'].useRef(null);
+  var onDropEndLatest = useLatest.useLatestCallback(onDropEnd);
+  var onDrop = React.useCallback(function (evt, sourceId, targetId, dragDirection) {
+    // console.log(sourceId, targetId, dragDirection)
+    if (!draggable) return;
+    if (targetId === sourceId) return; // TODO： 根据 id 查询数据原始数据或者直接使用引用值，两者选择，避免bug
+    // const { rowData, dropRowData, level } = dragRowRef.current
+
+    var sourceNode = treeUtils.findNodeById(cacheData, sourceId, {
+      idFieldName: 'key'
+    });
+    var targetNode = treeUtils.findNodeById(cacheData, targetId, {
+      idFieldName: 'key'
+    });
+
+    if (!sourceNode || !targetNode) {
+      // console.log('未找到任何节点(sourceNode, targetNode)', sourceNode, targetNode)
+      return;
+    }
+
+    var nextTreeData = treeUtils.cloneTree(cacheData);
+    treeUtils.deleteNodeById(nextTreeData, sourceId, {
+      idFieldName: 'key'
+    });
+    treeUtils.insertNodeById(nextTreeData, targetId, sourceNode, dragDirection === 'top' ? 0 : 1, {
+      idFieldName: 'key'
+    });
+    var resultMaybePromise = typeAssertion.isFunction(onDropProp) ? // TODO: 支持 tree 拖拽层级，第四个参数
+    onDropProp(evt, {
+      dragNode: sourceNode,
+      dropNode: targetNode,
+      dataStatus: {
+        before: cacheData,
+        after: nextTreeData
+      }
+    }) : true;
+
+    if (typeAssertion.isPromise(resultMaybePromise)) {
+      resultMaybePromise.then(function (returnResult) {
+        if (returnResult === true) {
+          setCacheData(nextTreeData);
+          onDropEndLatest({
+            dragNode: sourceNode,
+            dropNode: targetNode,
+            dataStatus: {
+              before: cacheData,
+              after: nextTreeData
+            }
+          });
+        }
+      });
+    } else if (resultMaybePromise === true) {
+      setCacheData(nextTreeData);
+      onDropEndLatest({
+        dragNode: sourceNode,
+        dropNode: targetNode,
+        dataStatus: {
+          before: cacheData,
+          after: nextTreeData
+        }
+      });
+    }
+  }, [draggable, onDropProp, cacheData, onDropEndLatest, setCacheData]);
+  return {
+    onDrop: onDrop,
+    dragRowRef: dragRowRef
+  };
+};
+
+exports.useTableDrag = useTableDrag;
+//# sourceMappingURL=use-drag.js.map

package/lib/cjs/hooks/use-drag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-drag.js","sources":["../../../src/hooks/use-drag.ts"],"sourcesContent":[null],"names":["useTableDrag","cacheData","setCacheData","draggable","onDropEnd","onDropProp","onDrop","dragRowRef","React","useRef","onDropEndLatest","useLatestCallback","useCallback","evt","sourceId","targetId","dragDirection","sourceNode","findNodeById","idFieldName","targetNode","nextTreeData","cloneTree","deleteNodeById","insertNodeById","resultMaybePromise","isFunction","dragNode","dropNode","dataStatus","before","after","isPromise","then","returnResult"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,YAAY,GAAG,SAAfA,YAAe,KAAA;MAC1BC,iBAAAA;MACAC,oBAAAA;MACAC,iBAAAA;MAEAC,iBAAAA;MACQC,kBAARC;MASMC,UAAU,GAAGC,yBAAAA,CAAMC,MAAND,CAAyB,IAAzBA;MAEbE,eAAe,GAAGC,2BAAAA,CAAkBP,SAAlBO;MAElBL,MAAM,GAAGM,iBAAAA,CACb,UAACC,GAAD,EAAMC,QAAN,EAAgBC,QAAhB,EAA0BC,aAA1B;;QAGM,CAACb,WAAW;QACZY,QAAQ,KAAKD,UAAU;;;QAKrBG,UAAU,GAAGC,sBAAAA,CAAajB,SAAbiB,EAAwBJ,QAAxBI,EAAkC;AAAEC,MAAAA,WAAW,EAAE;AAAf,KAAlCD;QACbE,UAAU,GAAGF,sBAAAA,CAAajB,SAAbiB,EAAwBH,QAAxBG,EAAkC;AAAEC,MAAAA,WAAW,EAAE;AAAf,KAAlCD;;QAEf,CAACD,UAAD,IAAe,CAACG,YAAY;;;;;QAK1BC,YAAY,GAAGC,mBAAAA,CAAUrB,SAAVqB;AAErBC,IAAAA,wBAAAA,CAAeF,YAAfE,EAA6BT,QAA7BS,EAAuC;AAAEJ,MAAAA,WAAW,EAAE;AAAf,KAAvCI;AACAC,IAAAA,wBAAAA,CAAeH,YAAfG,EAA6BT,QAA7BS,EAAuCP,UAAvCO,EAAmDR,aAAa,KAAK,KAAlBA,GAA0B,CAA1BA,GAA8B,CAAjFQ,EAAoF;AAClFL,MAAAA,WAAW,EAAE;AADqE,KAApFK;QAIMC,kBAAkB,GAAGC,wBAAAA,CAAWrB,UAAXqB;AAEvBrB,IAAAA,UAAU,CAACQ,GAAD,EAAM;AACdc,MAAAA,QAAQ,EAAEV,UADI;AAEdW,MAAAA,QAAQ,EAAER,UAFI;AAGdS,MAAAA,UAAU,EAAE;AAAEC,QAAAA,MAAM,EAAE7B,SAAV;AAAqB8B,QAAAA,KAAK,EAAEV;AAA5B;AAHE,KAAN,CAFaK,GAOvB;;QAEAM,uBAAAA,CAAUP,kBAAVO,GAA+B;AACjCP,MAAAA,kBAAkB,CAACQ,IAAnBR,CAAwB,UAACS,YAAD;YAClBA,YAAY,KAAK,MAAM;AACzBhC,UAAAA,YAAY,CAACmB,YAAD,CAAZnB;AACAQ,UAAAA,eAAe,CAAC;AACdiB,YAAAA,QAAQ,EAAEV,UADI;AAEdW,YAAAA,QAAQ,EAAER,UAFI;AAGdS,YAAAA,UAAU,EAAE;AAAEC,cAAAA,MAAM,EAAE7B,SAAV;AAAqB8B,cAAAA,KAAK,EAAEV;AAA5B;AAHE,WAAD,CAAfX;;AAHJ,OAAAe;AADF,WAWO,IAAIA,kBAAkB,KAAK,IAA3B,EAAiC;AACtCvB,MAAAA,YAAY,CAACmB,YAAD,CAAZnB;AACAQ,MAAAA,eAAe,CAAC;AACdiB,QAAAA,QAAQ,EAAEV,UADI;AAEdW,QAAAA,QAAQ,EAAER,UAFI;AAGdS,QAAAA,UAAU,EAAE;AAAEC,UAAAA,MAAM,EAAE7B,SAAV;AAAqB8B,UAAAA,KAAK,EAAEV;AAA5B;AAHE,OAAD,CAAfX;;AA/CoB,GAAXE,EAsDb,CAACT,SAAD,EAAYE,UAAZ,EAAwBJ,SAAxB,EAAmCS,eAAnC,EAAoDR,YAApD,CAtDaU;SAyDR;AACLN,IAAAA,MAAM,EAANA,MADK;AAELC,IAAAA,UAAU,EAAVA;AAFK;;;"}

package/lib/cjs/hooks/use-embed-expand.js

@@ -0,0 +1,185 @@
+/** @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.
+ */
+'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 typeAssertion = require('@hi-ui/type-assertion');
+
+var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
+
+var useCheck = require('@hi-ui/use-check');
+
+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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var DEFAULT_EXPAND_EMBED_ROW_KEYS = [];
+/**
+ * 行内嵌面板展开
+ */
+
+var useEmbedExpand = function useEmbedExpand(_ref) {
+  var _ref$rowExpandable = _ref.rowExpandable,
+      rowExpandable = _ref$rowExpandable === void 0 ? true : _ref$rowExpandable,
+      _ref$defaultExpandedE = _ref.defaultExpandedEmbedRowKeys,
+      defaultExpandedEmbedRowKeys = _ref$defaultExpandedE === void 0 ? DEFAULT_EXPAND_EMBED_ROW_KEYS : _ref$defaultExpandedE,
+      expandEmbedRowKeysProp = _ref.expandedEmbedRowKeys,
+      onEmbedExpand = _ref.onEmbedExpand,
+      expandedRender = _ref.expandedRender;
+  /**
+   * 收敛行内嵌面板配置开关
+   */
+
+  var embedExpandable = React.useMemo(function () {
+    if (!rowExpandable) return false; // 不传入 render 方法，则不开启内嵌面板
+
+    if (!typeAssertion.isFunction(expandedRender)) return false;
+    return {
+      rowExpandable: rowExpandable,
+      expandedRender: expandedRender
+    };
+  }, [rowExpandable, expandedRender]);
+  /**
+   * 是否展开状态控制
+   */
+
+  var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultExpandedEmbedRowKeys, expandEmbedRowKeysProp, onEmbedExpand),
+      expandEmbedRows = _useUncontrolledState[0],
+      trySetExpandEmbedRows = _useUncontrolledState[1];
+
+  var _useCheck = useCheck.useCheck({
+    checkedIds: expandEmbedRows,
+    onCheck: trySetExpandEmbedRows
+  }),
+      onExpandEmbedRowsChange = _useCheck[0],
+      isExpandEmbedRows = _useCheck[1];
+  /**
+   * 异步展开中状态控制
+   */
+
+
+  var _useCheckState = useCheckState.useCheckState(),
+      addLoadingIds = _useCheckState.add,
+      removeLoadingIds = _useCheckState.remove,
+      isLoadingId = _useCheckState.has;
+  /**
+   * 内嵌面板数据
+   * 结构：{ [id]: 内嵌数据 }
+   */
+
+
+  var _React$useState = React__default['default'].useState({}),
+      embedPanelRecord = _React$useState[0],
+      setEmbedPanelRecord = _React$useState[1];
+
+  var getEmbedPanelById = React.useCallback(function (id) {
+    return embedPanelRecord[id] || null;
+  }, [embedPanelRecord]);
+  /**
+   * 异步展开逻辑处理
+   */
+
+  var onEmbedSwitch = React.useCallback(function (node, rowIndex) {
+    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee() {
+      var embedContentMaybePromise;
+      return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (embedExpandable) {
+                _context.next = 2;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 2:
+              embedContentMaybePromise = embedExpandable.expandedRender(node.raw, rowIndex); // TODO： 复用 use-dataSource 逻辑
+
+              if (!typeAssertion.isPromise(embedContentMaybePromise)) {
+                _context.next = 8;
+                break;
+              }
+
+              addLoadingIds(node.id);
+              embedContentMaybePromise.then(function (jsxElement) {
+                removeLoadingIds(node.id);
+                if (typeof jsxElement === 'undefined') return;
+                setEmbedPanelRecord(function (prev) {
+                  var _Object$assign;
+
+                  return Object.assign(Object.assign({}, prev), (_Object$assign = {}, _Object$assign[node.id] = jsxElement, _Object$assign));
+                });
+              })["catch"](function (jsxElement) {
+                removeLoadingIds(node.id);
+                if (typeof jsxElement === 'undefined') return;
+                setEmbedPanelRecord(function (prev) {
+                  var _Object$assign2;
+
+                  return Object.assign(Object.assign({}, prev), (_Object$assign2 = {}, _Object$assign2[node.id] = jsxElement, _Object$assign2));
+                });
+              });
+              _context.next = 11;
+              break;
+
+            case 8:
+              if (!(typeof embedContentMaybePromise === 'undefined')) {
+                _context.next = 10;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 10:
+              setEmbedPanelRecord(function (prev) {
+                var _Object$assign3;
+
+                return Object.assign(Object.assign({}, prev), (_Object$assign3 = {}, _Object$assign3[node.id] = embedContentMaybePromise, _Object$assign3));
+              });
+
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+  }, [embedExpandable, addLoadingIds, removeLoadingIds]);
+  return {
+    embedExpandable: embedExpandable,
+    onEmbedSwitch: onEmbedSwitch,
+    getEmbedPanelById: getEmbedPanelById,
+    isEmbedLoadingId: isLoadingId,
+    isExpandEmbedRows: isExpandEmbedRows,
+    onExpandEmbedRowsChange: onExpandEmbedRowsChange
+  };
+};
+
+exports.useEmbedExpand = useEmbedExpand;
+//# sourceMappingURL=use-embed-expand.js.map

package/lib/cjs/hooks/use-embed-expand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-embed-expand.js","sources":["../../../src/hooks/use-embed-expand.ts"],"sourcesContent":[null],"names":["DEFAULT_EXPAND_EMBED_ROW_KEYS","useEmbedExpand","rowExpandable","defaultExpandedEmbedRowKeys","expandEmbedRowKeysProp","expandedEmbedRowKeys","onEmbedExpand","expandedRender","embedExpandable","useMemo","isFunction","useUncontrolledState","expandEmbedRows","trySetExpandEmbedRows","useCheck","checkedIds","onCheck","onExpandEmbedRowsChange","isExpandEmbedRows","useCheckState","addLoadingIds","add","removeLoadingIds","remove","isLoadingId","has","React","useState","embedPanelRecord","setEmbedPanelRecord","getEmbedPanelById","useCallback","id","onEmbedSwitch","node","rowIndex","embedContentMaybePromise","raw","isPromise","then","jsxElement","prev","isEmbedLoadingId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,6BAA6B,GAAG,EAAtC;AAEA;;;;IAGaC,cAAc,GAAG,SAAjBA,cAAiB,KAAA;gCAC5BC;MAAAA,gDAAgB;mCAChBC;MAAAA,iEAA8BH;MACRI,8BAAtBC;MACAC,qBAAAA;MACAC,sBAAAA;;;;;MAKMC,eAAe,GAAGC,aAAAA,CAAQ;QAC1B,CAACP,eAAe,OAAO,KAAP;;QAEhB,CAACQ,wBAAAA,CAAWH,cAAXG,GAA4B,OAAO,KAAP;WAE1B;AACLR,MAAAA,aAAa,EAAbA,aADK;AAELK,MAAAA,cAAc,EAAdA;AAFK;AALsB,GAAPE,EASrB,CAACP,aAAD,EAAgBK,cAAhB,CATqBE;;;;;8BAcyBE,yCAAAA,CAC/CR,2BAD+CQ,EAE/CP,sBAF+CO,EAG/CL,aAH+CK;MAA1CC,eAAP;MAAwBC,qBAAxB;;kBAMqDC,iBAAAA,CAAS;AAC5DC,IAAAA,UAAU,EAAEH,eADgD;AAE5DI,IAAAA,OAAO,EAAEH;AAFmD,GAATC;MAA9CG,uBAAP;MAAgCC,iBAAhC;;;;;;uBAQ2EC,2BAAAA;MAA9DC,aAAb,kBAAQC;MAA4BC,gBAApC,kBAA4BC;MAA+BC,WAA3D,kBAAsDC;;;;;;;wBAQNC,yBAAAA,CAAMC,QAAND,CAA6C,EAA7CA;MAAzCE,gBAAP;MAAyBC,mBAAzB;;MAEMC,iBAAiB,GAAGC,iBAAAA,CACxB,UAACC,EAAD;WACSJ,gBAAgB,CAACI,EAAD,CAAhBJ,IAAwB;AAFE,GAAXG,EAIxB,CAACH,gBAAD,CAJwBG;;;;;MAUpBE,aAAa,GAAGF,iBAAAA,CACpB,UAAOG,IAAP,EAAkCC,QAAlC;;;;;;;kBACO3B;;;;;;;;AAEC4B,cAAAA,2BAA2B5B,eAAe,CAACD,cAAhBC,CAA+B0B,IAAI,CAACG,GAApC7B,EAAyC2B,QAAzC3B,CAA3B4B;;mBAGFE,uBAAAA,CAAUF,wBAAVE;;;;;AACFlB,cAAAA,aAAa,CAACc,IAAI,CAACF,EAAN,CAAbZ;AAEAgB,cAAAA,wBAAwB,CACrBG,IADHH,CACQ,UAACI,UAAD;AACJlB,gBAAAA,gBAAgB,CAACY,IAAI,CAACF,EAAN,CAAhBV;oBAEI,OAAOkB,UAAP,KAAsB,aAAa;AAEvCX,gBAAAA,mBAAmB,CAAC,UAACY,IAAD;;;yDAEbA,4CACFP,IAAI,CAACF,MAAKQ;AAHI,iBAAA,CAAnBX;AANJ,eAAAO,WAaS,UAACI,UAAD;AACLlB,gBAAAA,gBAAgB,CAACY,IAAI,CAACF,EAAN,CAAhBV;oBAEI,OAAOkB,UAAP,KAAsB,aAAa;AAEvCX,gBAAAA,mBAAmB,CAAC,UAACY,IAAD;;;yDAEbA,8CACFP,IAAI,CAACF,MAAKQ;AAHI,iBAAA,CAAnBX;AAlBJ,eAAAO;;;;;oBA0BI,OAAOA,wBAAP,KAAoC;;;;;;;;AAExCP,cAAAA,mBAAmB,CAAC,UAACY,IAAD;;;uDAEbA,8CACFP,IAAI,CAACF,MAAKI;AAHI,eAAA,CAAnBP;;;;;;;;;AAtC2B,GAAXE,EA8CpB,CAACvB,eAAD,EAAkBY,aAAlB,EAAiCE,gBAAjC,CA9CoBS;SAiDf;AACLvB,IAAAA,eAAe,EAAfA,eADK;AAELyB,IAAAA,aAAa,EAAbA,aAFK;AAGLH,IAAAA,iBAAiB,EAAjBA,iBAHK;AAILY,IAAAA,gBAAgB,EAAElB,WAJb;AAKLN,IAAAA,iBAAiB,EAAjBA,iBALK;AAMLD,IAAAA,uBAAuB,EAAvBA;AANK;;;"}