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

package/lib/ProEditTable/components/RcTable/DraggableTable.js

@@ -1,218 +1,190 @@
-"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;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProEditTable/components/RcTable/DraggableTable.tsx
+var DraggableTable_exports = {};
+__export(DraggableTable_exports, {
+  default: () => DraggableTable_default
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _antd = require("antd");
-var _react = _interopRequireWildcard(require("react"));
-var _core = require("@dnd-kit/core");
-var _sortable = require("@dnd-kit/sortable");
-var _utilities = require("@dnd-kit/utilities");
-var _ProIcon = _interopRequireDefault(require("../../../ProIcon"));
-var _excluded = ["disabled", "children"],
-  _excluded2 = ["tableProps", "draggableProps"];
-var 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(DraggableTable_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_core = require("@dnd-kit/core");
+var import_lodash = require("lodash");
+var import_sortable = require("@dnd-kit/sortable");
+var import_utilities = require("@dnd-kit/utilities");
+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) {
-      if (child.key === 'RC_TABLE_KEY' && !disabled) {
-        var _restProps$dataRowD;
-        var _ref = (child === null || child === void 0 ? void 0 : child.props) || {},
-          render = _ref.render,
-          record = _ref.record,
-          renderIndex = _ref.renderIndex;
-        var isDrag = restProps['data-row-draggable'] ? (_restProps$dataRowD = restProps['data-row-draggable']) === null || _restProps$dataRowD === void 0 ? void 0 : _restProps$dataRowD.call(restProps, record) : true;
-        return /*#__PURE__*/_react.default.cloneElement(child, {
-          children: (0, _jsxRuntime.jsxs)("span", {
-            className: "drag-wrapper".concat(props['data-hide'] ? ' no-check' : ''),
-            children: [isDrag ? (0, _jsxRuntime.jsx)(_ProIcon.default, (0, _objectSpread2.default)({
-              className: "drag-icon",
-              style: {
-                touchAction: 'none',
-                cursor: disabled ? 'no-drop' : 'move'
-              },
-              type: "drag",
-              size: 20
-            }, listeners)) : (0, _jsxRuntime.jsx)(_ProIcon.default, {
-              size: 20
-            }), 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) => {
+    var _a;
+    if (child.key === "RC_TABLE_KEY" && !disabled) {
+      const { render, record, renderIndex } = (child == null ? void 0 : child.props) || {};
+      const isDrag = restProps["data-row-draggable"] ? (_a = restProps["data-row-draggable"]) == null ? void 0 : _a.call(restProps, record) : true;
+      return import_react.default.cloneElement(child, {
+        children: /* @__PURE__ */ import_react.default.createElement("span", { className: `drag-wrapper${props["data-hide"] ? " no-check" : ""}` }, isDrag ? /* @__PURE__ */ import_react.default.createElement(
+          import_ProIcon.default,
+          {
+            className: "drag-icon",
+            style: { touchAction: "none", cursor: disabled ? "no-drop" : "move" },
+            type: "drag",
+            size: 20,
+            ...listeners
+          }
+        ) : /* @__PURE__ */ import_react.default.createElement(import_ProIcon.default, { size: 20 }), props["data-hide"] ? null : render == null ? void 0 : render(null, record, renderIndex))
+      });
+    }
+    return child;
   }));
 };
-var DndWrapper = function DndWrapper(_ref2) {
-  var _value$;
-  var draggable = _ref2.draggable,
-    value = _ref2.value,
-    onChange = _ref2.onChange,
-    onDrag = _ref2.onDrag,
-    onDragEnd = _ref2.onDragEnd,
-    disabled = _ref2.disabled,
-    children = _ref2.children;
-  var onDragEndtInside = function onDragEndtInside(event) {
-    var active = event.active,
-      over = event.over;
-    if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
-      var activeIndex = value.findIndex(function (i) {
-        return i.rowKey === active.id;
-      });
-      var overIndex = value.findIndex(function (i) {
-        return i.rowKey === (over === null || over === void 0 ? void 0 : over.id);
-      });
-      var nextValue = (0, _sortable.arrayMove)(value, activeIndex, overIndex);
+var DndWrapper = ({ draggable, value, onChange, onDrag, onDragEnd, disabled, children }) => {
+  var _a;
+  const onDragEndtInside = (event) => {
+    const { active, over } = event;
+    if (active.id !== (over == null ? void 0 : over.id)) {
+      const activeIndex = value.findIndex((i) => i.rowKey === active.id);
+      const overIndex = value.findIndex((i) => i.rowKey === (over == null ? void 0 : over.id));
+      const nextValue = (0, import_sortable.arrayMove)(value, activeIndex, overIndex);
       if (onDrag || onDragEnd) {
-        var nextList = onDragEnd ? onDragEnd(event, value, nextValue) : onDrag(event, value, nextValue);
+        const nextList = onDragEnd ? onDragEnd(event, value, nextValue) : onDrag(event, value, nextValue);
         onChange(nextList);
         return;
       }
       onChange(nextValue);
     }
   };
-  return draggable && !disabled ? (0, _jsxRuntime.jsx)(_core.DndContext, {
-    onDragEnd: onDragEndtInside,
-    children: (0, _jsxRuntime.jsx)(_sortable.SortableContext, {
-      items: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value.map(function (i) {
-        return i.rowKey;
-      }) : [],
-      strategy: _sortable.verticalListSortingStrategy,
-      children: children
-    })
-  }) : children;
+  return draggable && !disabled ? /* @__PURE__ */ import_react.default.createElement(import_core.DndContext, { onDragEnd: onDragEndtInside }, /* @__PURE__ */ import_react.default.createElement(
+    import_sortable.SortableContext,
+    {
+      items: ((_a = value == null ? void 0 : value[0]) == null ? void 0 : _a.rowKey) ? value.map((i) => i.rowKey) : [],
+      strategy: import_sortable.verticalListSortingStrategy
+    },
+    children
+  )) : children;
 };
-var DraggableTable = function DraggableTable(_ref3) {
-  var _value$2;
-  var tableProps = _ref3.tableProps,
-    draggableProps = _ref3.draggableProps,
-    resetProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
-  var rowKey = tableProps.rowKey,
-    value = tableProps.value,
-    headerRender = tableProps.headerRender,
-    tableRef = tableProps.tableRef,
-    className = tableProps.className,
-    columns = tableProps.columns,
-    renderRowSelection = tableProps.renderRowSelection,
-    rowClassName = tableProps.rowClassName,
-    disabled = tableProps.disabled,
-    virtualKey = tableProps.virtualKey,
-    editingKeys = tableProps.editingKeys,
-    isHideCheckBox = tableProps.isHideCheckBox,
-    rowDraggable = tableProps.rowDraggable,
-    pagination = tableProps.pagination,
-    scroll = tableProps.scroll,
-    summary = tableProps.summary,
-    page = tableProps.page,
-    formatMessage = tableProps.formatMessage,
-    locale = tableProps.locale,
-    handlePageChange = tableProps.handlePageChange;
-  var onChange = draggableProps.onChange,
-    onDrag = draggableProps.onDrag,
-    draggable = draggableProps.draggable,
-    onDragEnd = draggableProps.onDragEnd;
-  var getScroll = (0, _react.useCallback)(function () {
-    if ((scroll === null || scroll === void 0 ? void 0 : scroll.x) && (scroll === null || scroll === void 0 ? void 0 : scroll.y)) {
-      return {
-        x: scroll === null || scroll === void 0 ? void 0 : scroll.x,
-        y: Number(scroll === null || scroll === void 0 ? void 0 : scroll.y)
-      };
+var DraggableTable = ({ tableProps, draggableProps, ...resetProps }) => {
+  var _a;
+  const {
+    rowKey,
+    value,
+    headerRender,
+    tableRef,
+    className,
+    columns,
+    renderRowSelection,
+    rowClassName,
+    disabled,
+    virtualKey,
+    editingKeys,
+    isHideCheckBox,
+    rowDraggable,
+    pagination,
+    scroll,
+    summary,
+    page,
+    formatMessage,
+    locale,
+    handlePageChange
+  } = tableProps;
+  const { onChange, onDrag, draggable, onDragEnd } = draggableProps;
+  const getScroll = (0, import_react.useCallback)(() => {
+    if ((scroll == null ? void 0 : scroll.x) && (scroll == null ? void 0 : scroll.y)) {
+      return { x: scroll == null ? void 0 : scroll.x, y: Number(scroll == null ? void 0 : scroll.y) };
     }
-    if ((scroll === null || scroll === void 0 ? void 0 : scroll.x) && !(0, _isNumber2.default)(scroll === null || scroll === void 0 ? void 0 : scroll.y)) {
-      return {
-        x: scroll === null || scroll === void 0 ? void 0 : scroll.x
-      };
+    if ((scroll == null ? void 0 : scroll.x) && !(0, import_lodash.isNumber)(scroll == null ? void 0 : scroll.y)) {
+      return { x: scroll == null ? void 0 : scroll.x };
     }
-    if ((scroll === null || scroll === void 0 ? void 0 : scroll.y) && !(scroll === null || scroll === void 0 ? void 0 : scroll.x)) {
-      return {
-        y: Number(scroll === null || scroll === void 0 ? void 0 : scroll.y)
-      };
+    if ((scroll == null ? void 0 : scroll.y) && !(scroll == null ? void 0 : scroll.x)) {
+      return { y: Number(scroll == null ? void 0 : scroll.y) };
     }
     return null;
   }, [scroll]);
-  var nextTableProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    className: className,
-    columns: columns,
-    rowClassName: rowClassName,
+  const nextTableProps = {
+    className,
+    columns,
+    rowClassName,
     rowSelection: renderRowSelection(),
     components: {
       body: {
         row: Row
       }
     },
-    onRow: function onRow() {
-      return {
-        disabled: disabled || virtualKey && !!editingKeys.length,
-        'data-hide': isHideCheckBox,
-        'data-row-draggable': rowDraggable,
-        onClick: function onClick() {}
-      };
-    },
-    dataSource: (value === null || value === void 0 ? void 0 : (_value$2 = value[0]) === null || _value$2 === void 0 ? void 0 : _value$2.rowKey) ? value : []
-  }, resetProps), {}, {
-    rowKey: rowKey || 'rowKey',
-    pagination: pagination ? (0, _objectSpread2.default)({
+    onRow: () => ({
+      disabled: disabled || virtualKey && !!editingKeys.length,
+      "data-hide": isHideCheckBox,
+      "data-row-draggable": rowDraggable,
+      onClick: () => {
+      }
+    }),
+    dataSource: ((_a = value == null ? void 0 : value[0]) == null ? void 0 : _a.rowKey) ? value : [],
+    ...resetProps,
+    rowKey: rowKey || "rowKey",
+    pagination: pagination ? {
       current: page.pageNum,
       pageSize: page.pageSize,
       showSizeChanger: false,
       showQuickJumper: true,
-      total: value === null || value === void 0 ? void 0 : value.length,
-      showTotal: function showTotal(total) {
-        var _locale$ProEditTable;
-        if (!total) return;
-        return formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProEditTable = locale.ProEditTable) === null || _locale$ProEditTable === void 0 ? void 0 : _locale$ProEditTable.total, {
-          total: total
-        });
+      total: value == null ? void 0 : value.length,
+      showTotal: (total) => {
+        var _a2;
+        if (!total)
+          return;
+        return formatMessage((_a2 = locale == null ? void 0 : locale.ProEditTable) == null ? void 0 : _a2.total, { total });
       },
-      onChange: handlePageChange
-    }, pagination) : false,
+      onChange: handlePageChange,
+      ...pagination
+    } : false,
     scroll: getScroll(),
-    summary: summary
-  });
-  return (0, _jsxRuntime.jsxs)(DndWrapper, {
-    value: value,
-    onChange: onChange,
-    onDrag: onDrag,
-    onDragEnd: onDragEnd,
-    disabled: disabled,
-    draggable: draggable,
-    children: [headerRender ? (0, _jsxRuntime.jsx)("div", {
-      className: "pro-edit-table-header",
-      children: typeof headerRender === 'function' ? headerRender() : headerRender
-    }) : null, (0, _jsxRuntime.jsx)(_antd.Table, (0, _objectSpread2.default)({
-      ref: tableRef
-    }, nextTableProps))]
-  });
+    summary
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    DndWrapper,
+    {
+      value,
+      onChange,
+      onDrag,
+      onDragEnd,
+      disabled,
+      draggable
+    },
+    headerRender ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-edit-table-header" }, typeof headerRender === "function" ? headerRender() : headerRender) : null,
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Table, { ref: tableRef, ...nextTableProps })
+  );
 };
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(DraggableTable);
+var DraggableTable_default = (0, import_react.memo)(DraggableTable);

package/lib/ProEditTable/components/RcTable/index.js

@@ -1,20 +1,42 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BaseTable", {
-  enumerable: true,
-  get: function get() {
-    return _BaseTable.default;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ProEditTable/components/RcTable/index.ts
+var RcTable_exports = {};
+__export(RcTable_exports, {
+  BaseTable: () => import_BaseTable.default,
+  DraggableTable: () => import_DraggableTable.default
 });
-Object.defineProperty(exports, "DraggableTable", {
-  enumerable: true,
-  get: function get() {
-    return _DraggableTable.default;
-  }
+module.exports = __toCommonJS(RcTable_exports);
+var import_BaseTable = __toESM(require("./BaseTable"));
+var import_DraggableTable = __toESM(require("./DraggableTable"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BaseTable,
+  DraggableTable
 });
-var _BaseTable = _interopRequireDefault(require("./BaseTable"));
-var _DraggableTable = _interopRequireDefault(require("./DraggableTable"));