@zat-design/sisyphus-react 4.0.0-beta.2 → 4.0.0-beta.3

package/lib/ProTable/components/RcTable/components/BaseTable/index.js

@@ -1,47 +1,60 @@
-"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProTable/components/RcTable/components/BaseTable/index.tsx
+var BaseTable_exports = {};
+__export(BaseTable_exports, {
+  default: () => BaseTable_default
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _antd = require("antd");
-var _react = require("react");
-var _index = require("../../../index");
-var _excluded = ["dataSource", "tableProps", "draggableProps", "summaryProps", "emptyTextProps"];
-var BaseTable = function BaseTable(_ref) {
-  var dataSource = _ref.dataSource,
-    tableProps = _ref.tableProps,
-    draggableProps = _ref.draggableProps,
-    summaryProps = _ref.summaryProps,
-    emptyTextProps = _ref.emptyTextProps,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var columns = tableProps.columns,
-    renderRowSelection = tableProps.renderRowSelection,
-    rowClassName = tableProps.rowClassName,
-    resizeColumn = tableProps.resizeColumn;
-  var renderComponents = function renderComponents() {
+module.exports = __toCommonJS(BaseTable_exports);
+var import_antd = require("antd");
+var import_react = require("react");
+var import__ = require("../../../index");
+var BaseTable = ({
+  dataSource,
+  tableProps,
+  draggableProps,
+  summaryProps,
+  emptyTextProps,
+  ...restProps
+}) => {
+  const { columns, renderRowSelection, rowClassName, resizeColumn } = tableProps;
+  const renderComponents = () => {
     if (resizeColumn) {
-      return _index.TableResizable.components;
+      return import__.TableResizable.components;
     }
     return null;
   };
-  return (0, _jsxRuntime.jsx)(_antd.Table, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    components: renderComponents(),
-    columns: columns,
-    locale: {
-      emptyText: (0, _index.RenderEmptyText)(emptyTextProps)
-    },
-    summary: function summary() {
-      return (0, _index.RenderSummary)(summaryProps);
-    },
-    rowClassName: rowClassName
-  }, tableProps), {}, {
-    dataSource: dataSource,
-    rowSelection: renderRowSelection()
-  }, restProps));
+  return /* @__PURE__ */ React.createElement(
+    import_antd.Table,
+    {
+      components: renderComponents(),
+      columns,
+      locale: {
+        emptyText: (0, import__.RenderEmptyText)(emptyTextProps)
+      },
+      summary: () => (0, import__.RenderSummary)(summaryProps),
+      rowClassName,
+      ...tableProps,
+      dataSource,
+      rowSelection: renderRowSelection(),
+      ...restProps
+    }
+  );
 };
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(BaseTable);
+var BaseTable_default = (0, import_react.memo)(BaseTable);

package/lib/ProTable/components/RcTable/components/DraggableTable/components/DndWrapper/index.js

@@ -1,210 +1,149 @@
-"use strict";
+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);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProTable/components/RcTable/components/DraggableTable/components/DndWrapper/index.tsx
+var DndWrapper_exports = {};
+__export(DndWrapper_exports, {
+  Row: () => Row,
+  default: () => DndWrapper_default
 });
-exports.default = exports.Row = void 0;
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = _interopRequireDefault(require("react"));
-var _core = require("@dnd-kit/core");
-var _sortable = require("@dnd-kit/sortable");
-var _utilities = require("@dnd-kit/utilities");
-var _index = require("./utils/index");
-var _ProIcon = _interopRequireDefault(require("../../../../../../../ProIcon"));
-var _excluded = ["disabled", "children"];
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
-var Row = exports.Row = function Row(props) {
-  var disabled = props.disabled,
-    children = props.children,
-    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var data = (0, _sortable.useSortable)({
-    id: props['data-row-key'],
-    disabled: disabled
+module.exports = __toCommonJS(DndWrapper_exports);
+var import_react = __toESM(require("react"));
+var import_core = require("@dnd-kit/core");
+var import_sortable = require("@dnd-kit/sortable");
+var import_utilities = require("@dnd-kit/utilities");
+var import_lodash = require("lodash");
+var import_utils = require("./utils/index");
+var import_ProIcon = __toESM(require("../../../../../../../ProIcon"));
+var Row = (props) => {
+  const { disabled, children, ...restProps } = props;
+  const data = (0, import_sortable.useSortable)({
+    id: props["data-row-key"],
+    disabled
   });
-  var attributes = data.attributes,
-    listeners = data.listeners,
-    setNodeRef = data.setNodeRef,
-    transform = data.transform,
-    transition = data.transition,
-    isDragging = data.isDragging;
-  var style = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.style), {}, {
-    transform: _utilities.CSS.Transform.toString(transform && (0, _objectSpread2.default)((0, _objectSpread2.default)({}, transform), {}, {
-      scaleY: 1
-    })),
-    transition: transition
-  }, isDragging ? {
-    position: 'relative',
-    zIndex: 2
-  } : {});
-  return (0, _jsxRuntime.jsx)("tr", (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
-    ref: setNodeRef,
-    style: style
-  }, attributes), {}, {
-    children: _react.default.Children.map(children, function (child, index) {
-      // 在第一列（通常是rowSelection列）显示拖拽图标
-      if (index === 0) {
-        var _ref = (child === null || child === void 0 ? void 0 : child.props) || {},
-          render = _ref.render,
-          record = _ref.record,
-          renderIndex = _ref.renderIndex;
-        return /*#__PURE__*/_react.default.cloneElement(child, {
-          children: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [(0, _jsxRuntime.jsx)("span", {
-              className: "drag-wrapper".concat(props['data-hide'] ? ' no-check' : ''),
-              children: (0, _jsxRuntime.jsx)(_ProIcon.default, (0, _objectSpread2.default)({
-                className: "drag-icon",
-                style: {
-                  touchAction: 'none',
-                  cursor: disabled ? 'no-drop' : 'move'
-                },
-                type: "drag",
-                size: 20
-              }, listeners))
-            }), props['data-hide'] ? null : render === null || render === void 0 ? void 0 : render(null, record, renderIndex)]
-          })
-        });
-      }
-      return child;
-    })
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = data;
+  const style = {
+    ...props.style,
+    transform: import_utilities.CSS.Transform.toString(transform && { ...transform, scaleY: 1 }),
+    transition,
+    ...isDragging ? { position: "relative", zIndex: 2 } : {}
+  };
+  return /* @__PURE__ */ import_react.default.createElement("tr", { ...restProps, ref: setNodeRef, style, ...attributes }, import_react.default.Children.map(children, (child, index) => {
+    if (index === 0) {
+      const { render, record, renderIndex } = (child == null ? void 0 : child.props) || {};
+      return import_react.default.cloneElement(child, {
+        children: /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { className: `drag-wrapper${props["data-hide"] ? " no-check" : ""}` }, /* @__PURE__ */ import_react.default.createElement(
+          import_ProIcon.default,
+          {
+            className: "drag-icon",
+            style: { touchAction: "none", cursor: disabled ? "no-drop" : "move" },
+            type: "drag",
+            size: 20,
+            ...listeners
+          }
+        )), props["data-hide"] ? null : render == null ? void 0 : render(null, record, renderIndex))
+      });
+    }
+    return child;
   }));
 };
-var DndWrapper = function DndWrapper(_ref2) {
-  var _flatTree$;
-  var draggable = _ref2.draggable,
-    value = _ref2.value,
-    onChange = _ref2.onChange,
-    disabled = _ref2.disabled,
-    children = _ref2.children,
-    rowKey = _ref2.rowKey,
-    onDragStartGuard = _ref2.onDragStartGuard,
-    onDragEndGuard = _ref2.onDragEndGuard;
-  var onDragStart = /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee(_ref3) {
-      var active, _transformedValue, activeObject;
-      return _regenerator().w(function (_context) {
-        while (1) switch (_context.n) {
-          case 0:
-            active = _ref3.active;
-            if (!(onDragStartGuard && (0, _isFunction2.default)(onDragStartGuard))) {
-              _context.n = 1;
-              break;
-            }
-            // 为数据源划分层级及parentId
-            _transformedValue = (0, _index.addLevelAndParentId)(value, rowKey);
-            activeObject = (0, _index.treeNodeFind)(_transformedValue, function (t) {
-              return t.rowKey === active.id;
-            });
-            _context.n = 1;
-            return onDragStartGuard({
-              activeObject: activeObject,
-              currentDataSource: value
-            });
-          case 1:
-            return _context.a(2);
-        }
-      }, _callee);
-    }));
-    return function onDragStart(_x) {
-      return _ref4.apply(this, arguments);
-    };
-  }();
-  var onDragEnd = /*#__PURE__*/function () {
-    var _ref6 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee2(_ref5) {
-      var active, over, transformedValue, activeObject, overObject, activeLevel, activeParentId, overLevel, overParentId, nextDataSource, _nextDataSource, _flatTree, activeIndex, overIndex, nextValue;
-      return _regenerator().w(function (_context2) {
-        while (1) switch (_context2.n) {
-          case 0:
-            active = _ref5.active, over = _ref5.over;
-            // 为数据源划分层级及parentId
-            transformedValue = (0, _index.addLevelAndParentId)(value, rowKey); // 同一level层级的且parentId相同的，可以互相之间拖拽替换
-            if (!(active.id !== (over === null || over === void 0 ? void 0 : over.id))) {
-              _context2.n = 3;
-              break;
-            }
-            activeObject = (0, _index.treeNodeFind)(transformedValue, function (t) {
-              return t.rowKey === active.id;
-            });
-            overObject = (0, _index.treeNodeFind)(transformedValue, function (t) {
-              return t.rowKey === (over === null || over === void 0 ? void 0 : over.id);
-            });
-            if (!(activeObject && overObject)) {
-              _context2.n = 3;
-              break;
-            }
-            activeLevel = activeObject.level, activeParentId = activeObject.parentId;
-            overLevel = overObject.level, overParentId = overObject.parentId;
-            nextDataSource = value;
-            if (!(activeLevel === overLevel && activeParentId === overParentId)) {
-              _context2.n = 3;
-              break;
-            }
-            // 将树平铺
-            _flatTree = (0, _index.transformTreeToArray)(transformedValue).map(function (item) {
-              return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-                children: undefined
-              });
-            });
-            activeIndex = _flatTree.findIndex(function (i) {
-              return i.rowKey === active.id;
-            });
-            overIndex = _flatTree.findIndex(function (i) {
-              return i.rowKey === (over === null || over === void 0 ? void 0 : over.id);
-            });
-            nextValue = (0, _sortable.arrayMove)(_flatTree, activeIndex, overIndex);
-            nextDataSource = (0, _index.createTreeFromArray)(nextValue, {
-              itemKey: 'rowKey',
-              parentKey: 'parentId',
-              childrenKey: 'children'
-            });
-            // 如果传了onDragEndGuard 则视为外部业务逻辑自处理
-            if (!(onDragEndGuard && (0, _isFunction2.default)(onDragEndGuard))) {
-              _context2.n = 2;
-              break;
-            }
-            _context2.n = 1;
-            return onDragEndGuard({
-              activeObject: activeObject,
-              overObject: overObject,
+var DndWrapper = ({
+  draggable,
+  value,
+  onChange,
+  disabled,
+  children,
+  rowKey,
+  onDragStartGuard,
+  onDragEndGuard
+}) => {
+  var _a;
+  const onDragStart = async ({ active }) => {
+    if (onDragStartGuard && (0, import_lodash.isFunction)(onDragStartGuard)) {
+      const transformedValue2 = (0, import_utils.addLevelAndParentId)(value, rowKey);
+      const activeObject = (0, import_utils.treeNodeFind)(transformedValue2, (t) => t.rowKey === active.id);
+      await onDragStartGuard({
+        activeObject,
+        currentDataSource: value
+      });
+    }
+  };
+  const onDragEnd = async ({ active, over }) => {
+    const transformedValue2 = (0, import_utils.addLevelAndParentId)(value, rowKey);
+    if (active.id !== (over == null ? void 0 : over.id)) {
+      const activeObject = (0, import_utils.treeNodeFind)(transformedValue2, (t) => t.rowKey === active.id);
+      const overObject = (0, import_utils.treeNodeFind)(transformedValue2, (t) => t.rowKey === (over == null ? void 0 : over.id));
+      if (activeObject && overObject) {
+        const { level: activeLevel, parentId: activeParentId } = activeObject;
+        const { level: overLevel, parentId: overParentId } = overObject;
+        let nextDataSource = value;
+        if (activeLevel === overLevel && activeParentId === overParentId) {
+          const flatTree2 = (0, import_utils.transformTreeToArray)(transformedValue2).map((item) => ({
+            ...item,
+            children: void 0
+          }));
+          const activeIndex = flatTree2.findIndex((i) => i.rowKey === active.id);
+          const overIndex = flatTree2.findIndex((i) => i.rowKey === (over == null ? void 0 : over.id));
+          const nextValue = (0, import_sortable.arrayMove)(flatTree2, activeIndex, overIndex);
+          nextDataSource = (0, import_utils.createTreeFromArray)(nextValue, {
+            itemKey: "rowKey",
+            parentKey: "parentId",
+            childrenKey: "children"
+          });
+          if (onDragEndGuard && (0, import_lodash.isFunction)(onDragEndGuard)) {
+            nextDataSource = await onDragEndGuard({
+              activeObject,
+              overObject,
               originDataSource: value,
               currentDataSource: nextDataSource
             });
-          case 1:
-            nextDataSource = _context2.v;
-          case 2:
-            onChange((_nextDataSource = nextDataSource) !== null && _nextDataSource !== void 0 ? _nextDataSource : []);
-          case 3:
-            return _context2.a(2);
+          }
+          onChange(nextDataSource ?? []);
         }
-      }, _callee2);
-    }));
-    return function onDragEnd(_x2) {
-      return _ref6.apply(this, arguments);
-    };
-  }();
-  var transformedValue = (0, _index.addLevelAndParentId)(value, rowKey);
-  // 将树平铺
-  var flatTree = (0, _index.transformTreeToArray)(transformedValue).map(function (item) {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-      children: undefined
-    });
-  });
-  return draggable && !disabled ? (0, _jsxRuntime.jsx)(_core.DndContext, {
-    onDragStart: onDragStart,
-    onDragEnd: onDragEnd,
-    collisionDetection: _core.closestCorners,
-    children: (0, _jsxRuntime.jsx)(_sortable.SortableContext, {
-      items: (flatTree === null || flatTree === void 0 ? void 0 : (_flatTree$ = flatTree[0]) === null || _flatTree$ === void 0 ? void 0 : _flatTree$.rowKey) ? flatTree.map(function (i) {
-        return i.rowKey;
-      }) : [],
-      strategy: _sortable.verticalListSortingStrategy,
-      children: children
-    })
-  }) : children;
+      }
+    }
+  };
+  const transformedValue = (0, import_utils.addLevelAndParentId)(value, rowKey);
+  const flatTree = (0, import_utils.transformTreeToArray)(transformedValue).map((item) => ({
+    ...item,
+    children: void 0
+  }));
+  return draggable && !disabled ? /* @__PURE__ */ import_react.default.createElement(import_core.DndContext, { onDragStart, onDragEnd, collisionDetection: import_core.closestCorners }, /* @__PURE__ */ import_react.default.createElement(
+    import_sortable.SortableContext,
+    {
+      items: ((_a = flatTree == null ? void 0 : flatTree[0]) == null ? void 0 : _a.rowKey) ? flatTree.map((i) => i.rowKey) : [],
+      strategy: import_sortable.verticalListSortingStrategy
+    },
+    children
+  )) : children;
 };
-var _default = exports.default = DndWrapper;
+var DndWrapper_default = DndWrapper;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Row
+});