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

package/lib/ProTreeModal/components/SortableItem.js

@@ -1,64 +1,65 @@
-"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/ProTreeModal/components/SortableItem.tsx
+var SortableItem_exports = {};
+__export(SortableItem_exports, {
+  default: () => SortableItem_default
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _antd = require("antd");
-var _sortable = require("@dnd-kit/sortable");
-var _utilities = require("@dnd-kit/utilities");
-var _ProIcon = _interopRequireDefault(require("../../ProIcon"));
-var _index = require("../../index");
-var SortableItem = function SortableItem(props) {
-  var drag = props.drag,
-    label = props.label,
-    item = props.item,
-    _onClose = props.onClose,
-    disabled = props.disabled;
-  var data = (0, _sortable.useSortable)({
-    id: props['data-row-key'],
+module.exports = __toCommonJS(SortableItem_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_sortable = require("@dnd-kit/sortable");
+var import_utilities = require("@dnd-kit/utilities");
+var import_ProIcon = __toESM(require("../../ProIcon"));
+var import__ = require("../../index");
+var SortableItem = (props) => {
+  const { drag, label, item, onClose, disabled } = props;
+  const data = (0, import_sortable.useSortable)({
+    id: props["data-row-key"],
     disabled: item.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: 9999
-  } : {});
-  return (0, _jsxRuntime.jsx)("li", (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    ref: item.disabled || disabled ? null : setNodeRef,
-    style: style,
-    className: "checked-item ".concat(item.disabled || disabled ? 'disabled' : '', " ").concat(drag ? 'dragable' : '')
-  }, item.disabled ? {} : attributes), {}, {
-    children: (0, _jsxRuntime.jsxs)(_antd.Tag, {
-      closable: true,
-      onClose: function onClose(e) {
-        return _onClose(e);
-      },
-      children: [drag ? item.disabled || disabled ? (0, _jsxRuntime.jsx)(_ProIcon.default, {
-        className: "disabled-icon",
-        type: "lock"
-      }) : (0, _jsxRuntime.jsx)(_ProIcon.default, (0, _objectSpread2.default)({
-        className: "drag-icon",
-        type: "drag"
-      }, listeners)) : null, (0, _jsxRuntime.jsx)(_index.ProTooltip, {
-        mode: "auto",
-        line: 1,
-        text: label
-      })]
-    })
-  }));
+  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: 9999 } : {}
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "li",
+    {
+      ref: item.disabled || disabled ? null : setNodeRef,
+      style,
+      className: `checked-item ${item.disabled || disabled ? "disabled" : ""} ${drag ? "dragable" : ""}`,
+      ...item.disabled ? {} : attributes
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { closable: true, onClose: (e) => onClose(e) }, drag ? item.disabled || disabled ? /* @__PURE__ */ import_react.default.createElement(import_ProIcon.default, { className: "disabled-icon", type: "lock" }) : /* @__PURE__ */ import_react.default.createElement(import_ProIcon.default, { className: "drag-icon", type: "drag", ...listeners }) : null, /* @__PURE__ */ import_react.default.createElement(import__.ProTooltip, { mode: "auto", line: 1, text: label }))
+  );
 };
-var _default = exports.default = SortableItem;
+var SortableItem_default = SortableItem;

package/lib/ProTreeModal/components/Tree.js

@@ -1,226 +1,208 @@
-"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/ProTreeModal/components/Tree.tsx
+var Tree_exports = {};
+__export(Tree_exports, {
+  default: () => Tree_default
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _antd = require("antd");
-var _List = _interopRequireDefault(require("./List"));
-var _SearchTitle = _interopRequireDefault(require("./SearchTitle"));
-var _CloseIcon = _interopRequireDefault(require("./CloseIcon"));
-var _utils = require("../utils");
-var _excluded = ["checkedValues", "disabled", "treeData", "searchStr", "originalTreeData", "showCodeName", "checkStrictly", "flatTreeData", "mode", "fieldNames", "tags", "onCheck", "handleFilterClose", "optionRender"];
-/* eslint-disable no-plusplus */
-var tagsBgColors = ['rgba(0, 106, 255,0.16)', 'rgba(0, 196, 74,0.16)', 'rgba(255, 140, 0,0.16)', 'rgba(255, 80, 80,0.16)', 'rgba(97, 97, 97, 0.16)'];
-var tagsColors = ['#006AFF', '#00C44A', '#FF8C00', '#FF5050', '#616161'];
+module.exports = __toCommonJS(Tree_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_List = __toESM(require("./List"));
+var import_SearchTitle = __toESM(require("./SearchTitle"));
+var import_CloseIcon = __toESM(require("./CloseIcon"));
+var import_utils = require("../utils");
+var tagsBgColors = [
+  "rgba(0, 106, 255,0.16)",
+  "rgba(0, 196, 74,0.16)",
+  "rgba(255, 140, 0,0.16)",
+  "rgba(255, 80, 80,0.16)",
+  "rgba(97, 97, 97, 0.16)"
+];
+var tagsColors = ["#006AFF", "#00C44A", "#FF8C00", "#FF5050", "#616161"];
 function List(props, ref) {
-  var checkedValues = props.checkedValues,
-    disabled = props.disabled,
-    treeData = props.treeData,
-    searchStr = props.searchStr,
-    originalTreeData = props.originalTreeData,
-    _props$showCodeName = props.showCodeName,
-    showCodeName = _props$showCodeName === void 0 ? false : _props$showCodeName,
-    _props$checkStrictly = props.checkStrictly,
-    checkStrictly = _props$checkStrictly === void 0 ? false : _props$checkStrictly,
-    flatTreeData = props.flatTreeData,
-    _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'render' : _props$mode,
-    fieldNames = props.fieldNames,
-    tags = props.tags,
-    onCheck = props.onCheck,
-    handleFilterClose = props.handleFilterClose,
-    optionRender = props.optionRender,
-    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var fieldNameLabel = fieldNames.label;
-  var fieldNameValue = fieldNames.value;
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    expandedKeys = _useState2[0],
-    setExpandedKeys = _useState2[1];
-  var _useState3 = (0, _react.useState)(true),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    autoExpandParent = _useState4[0],
-    setAutoExpandParent = _useState4[1];
-  (0, _react.useEffect)(function () {
+  const {
+    checkedValues,
+    disabled,
+    treeData,
+    searchStr,
+    originalTreeData,
+    showCodeName = false,
+    checkStrictly = false,
+    flatTreeData,
+    mode = "render",
+    fieldNames,
+    tags,
+    onCheck,
+    handleFilterClose,
+    optionRender,
+    ...restProps
+  } = props;
+  const fieldNameLabel = fieldNames.label;
+  const fieldNameValue = fieldNames.value;
+  const [expandedKeys, setExpandedKeys] = (0, import_react.useState)([]);
+  const [autoExpandParent, setAutoExpandParent] = (0, import_react.useState)(true);
+  (0, import_react.useEffect)(() => {
     if (searchStr) {
-      var newExpandedKeys = flatTreeData.map(function (item) {
-        var title = item[fieldNameValue] + item[fieldNameLabel];
-        if ((title === null || title === void 0 ? void 0 : title.indexOf(searchStr)) > -1) {
-          return (0, _utils.getParentKey)(item[fieldNameValue], originalTreeData, fieldNames);
+      const newExpandedKeys = flatTreeData.map((item) => {
+        const title = item[fieldNameValue] + item[fieldNameLabel];
+        if ((title == null ? void 0 : title.indexOf(searchStr)) > -1) {
+          return (0, import_utils.getParentKey)(item[fieldNameValue], originalTreeData, fieldNames);
         }
         return null;
-      }).filter(function (item, i, self) {
-        return item && self.indexOf(item) === i;
-      });
+      }).filter((item, i, self) => item && self.indexOf(item) === i);
       setExpandedKeys(newExpandedKeys);
       setAutoExpandParent(true);
     }
   }, [searchStr]);
-  var _treeData = (0, _react.useMemo)(function () {
+  const _treeData = (0, import_react.useMemo)(() => {
     function fn() {
-      var _loop = function loop(data, index) {
+      const loop = (data, index) => {
         index++;
-        return data.map(function (item) {
-          var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
+        return data.map((item) => {
+          const title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
           if (item[fieldNames.children]) {
-            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-              title: (0, _jsxRuntime.jsxs)("div", {
-                className: "pro-tree-modal-tree-node",
-                children: [tags && tags.length ? (0, _jsxRuntime.jsx)("div", {
+            return {
+              ...item,
+              title: /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-tree-modal-tree-node" }, tags && tags.length ? /* @__PURE__ */ import_react.default.createElement(
+                "div",
+                {
                   className: "pro-tree-modal-tree-node-tag",
-                  style: {
-                    backgroundColor: tagsBgColors[index],
-                    color: tagsColors[index]
-                  },
-                  children: (0, _jsxRuntime.jsx)("span", {
-                    children: tags[index]
-                  })
-                }) : null, (0, _jsxRuntime.jsx)("span", {
-                  children: optionRender ? optionRender(item, searchStr) : (0, _jsxRuntime.jsx)(_SearchTitle.default, {
-                    label: title,
-                    searchStr: searchStr
-                  })
-                })]
-              }),
+                  style: { backgroundColor: tagsBgColors[index], color: tagsColors[index] }
+                },
+                /* @__PURE__ */ import_react.default.createElement("span", null, tags[index])
+              ) : null, /* @__PURE__ */ import_react.default.createElement("span", null, optionRender ? optionRender(item, searchStr) : /* @__PURE__ */ import_react.default.createElement(import_SearchTitle.default, { label: title, searchStr }))),
               key: item[fieldNameValue],
-              children: _loop(item[fieldNames.children], index)
-            });
+              children: loop(item[fieldNames.children], index)
+            };
           }
-          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-            title: (0, _jsxRuntime.jsxs)("div", {
-              className: "pro-tree-modal-tree-node",
-              children: [tags && tags.length ? (0, _jsxRuntime.jsx)("div", {
+          return {
+            ...item,
+            title: /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-tree-modal-tree-node" }, tags && tags.length ? /* @__PURE__ */ import_react.default.createElement(
+              "div",
+              {
                 className: "pro-tree-modal-tree-node-tag",
-                style: {
-                  backgroundColor: tagsBgColors[index],
-                  color: tagsColors[index]
-                },
-                children: (0, _jsxRuntime.jsx)("span", {
-                  children: tags[index]
-                })
-              }) : null, (0, _jsxRuntime.jsx)("span", {
-                children: optionRender ? optionRender(item, searchStr) : (0, _jsxRuntime.jsx)(_SearchTitle.default, {
-                  label: title,
-                  searchStr: searchStr
-                })
-              })]
-            }),
+                style: { backgroundColor: tagsBgColors[index], color: tagsColors[index] }
+              },
+              /* @__PURE__ */ import_react.default.createElement("span", null, tags[index])
+            ) : null, /* @__PURE__ */ import_react.default.createElement("span", null, optionRender ? optionRender(item, searchStr) : /* @__PURE__ */ import_react.default.createElement(import_SearchTitle.default, { label: title, searchStr }))),
             key: item[fieldNameValue]
-          });
+          };
         });
       };
-      if (mode === 'view') {
+      if (mode === "view") {
         return;
       }
-      var newTreeData = originalTreeData;
+      let newTreeData = originalTreeData;
       if (searchStr) {
-        newTreeData = (0, _utils.filterCheckedNodes)(originalTreeData, [], searchStr, fieldNames);
+        newTreeData = (0, import_utils.filterCheckedNodes)(originalTreeData, [], searchStr, fieldNames);
       }
-      return _loop(newTreeData, -1);
+      return loop(newTreeData, -1);
     }
     return fn();
   }, [searchStr, expandedKeys, showCodeName]);
-  var treeViewData = (0, _react.useMemo)(function () {
-    var _loop2 = function loop(data, index) {
+  const treeViewData = (0, import_react.useMemo)(() => {
+    const loop = (data, index) => {
       index++;
-      return data.map(function (item) {
-        var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
+      return data.map((item) => {
+        const title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
         if (item[fieldNames.children]) {
-          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-            title: (0, _jsxRuntime.jsxs)("div", {
-              className: "pro-tree-modal-checkbox-content pro-tree-modal-tree-content",
-              children: [(0, _jsxRuntime.jsxs)("div", {
-                className: "pro-tree-modal-checkbox-content-look pro-tree-modal-tree-node",
-                children: [tags && tags.length ? (0, _jsxRuntime.jsx)("div", {
-                  className: "pro-tree-modal-tree-node-tag",
-                  style: {
-                    backgroundColor: tagsBgColors[index],
-                    color: tagsColors[index]
-                  },
-                  children: (0, _jsxRuntime.jsx)("span", {
-                    children: tags[index]
-                  })
-                }) : null, (0, _jsxRuntime.jsx)("span", {
-                  children: optionRender ? optionRender(item) : title
-                })]
-              }), disabled ? null : (0, _jsxRuntime.jsx)(_CloseIcon.default, {
-                onClick: function onClick() {
-                  return handleFilterClose(item[fieldNameValue], item);
-                }
-              })]
-            }),
+          return {
+            ...item,
+            title: /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-tree-modal-checkbox-content pro-tree-modal-tree-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-tree-modal-checkbox-content-look pro-tree-modal-tree-node" }, tags && tags.length ? /* @__PURE__ */ import_react.default.createElement(
+              "div",
+              {
+                className: "pro-tree-modal-tree-node-tag",
+                style: { backgroundColor: tagsBgColors[index], color: tagsColors[index] }
+              },
+              /* @__PURE__ */ import_react.default.createElement("span", null, tags[index])
+            ) : null, /* @__PURE__ */ import_react.default.createElement("span", null, optionRender ? optionRender(item) : title)), disabled ? null : /* @__PURE__ */ import_react.default.createElement(import_CloseIcon.default, { onClick: () => handleFilterClose(item[fieldNameValue], item) })),
             key: item[fieldNameValue],
-            children: _loop2(item[fieldNames.children], index)
-          });
+            children: loop(item[fieldNames.children], index)
+          };
         }
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-          title: (0, _jsxRuntime.jsxs)("div", {
-            className: "pro-tree-modal-checkbox-content pro-tree-modal-tree-content",
-            children: [(0, _jsxRuntime.jsx)("div", {
-              className: "pro-tree-modal-checkbox-content-look",
-              children: optionRender ? optionRender(item) : title
-            }), disabled ? null : (0, _jsxRuntime.jsx)(_CloseIcon.default, {
-              onClick: function onClick() {
-                return handleFilterClose(item[fieldNameValue], item);
-              }
-            })]
-          }),
+        return {
+          ...item,
+          title: /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-tree-modal-checkbox-content pro-tree-modal-tree-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-tree-modal-checkbox-content-look" }, optionRender ? optionRender(item) : title), disabled ? null : /* @__PURE__ */ import_react.default.createElement(import_CloseIcon.default, { onClick: () => handleFilterClose(item[fieldNameValue], item) })),
           key: item[fieldNameValue]
-        });
+        };
       });
     };
-    return _loop2(treeData, -1);
+    return loop(treeData, -1);
   }, [treeData]);
-  var onExpand = function onExpand(newExpandedKeys) {
+  const onExpand = (newExpandedKeys) => {
     setExpandedKeys(newExpandedKeys);
     setAutoExpandParent(false);
   };
-  if (mode === 'render') {
-    return (0, _jsxRuntime.jsx)(_antd.Tree, {
-      disabled: disabled,
-      style: {
-        width: '100%'
-      },
-      checkable: true,
-      treeData: _treeData,
-      onExpand: onExpand,
-      expandedKeys: expandedKeys,
-      autoExpandParent: autoExpandParent,
-      selectable: false,
-      onCheck: onCheck,
-      checkedKeys: checkedValues,
-      checkStrictly: searchStr ? true : checkStrictly,
-      height: 432
-    });
+  if (mode === "render") {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Tree,
+      {
+        disabled,
+        style: { width: "100%" },
+        checkable: true,
+        treeData: _treeData,
+        onExpand,
+        expandedKeys,
+        autoExpandParent,
+        selectable: false,
+        onCheck,
+        checkedKeys: checkedValues,
+        checkStrictly: searchStr ? true : checkStrictly,
+        height: 432
+      }
+    );
   }
-  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: checkStrictly ? (0, _jsxRuntime.jsx)(_List.default, (0, _objectSpread2.default)({
-      mode: mode,
-      treeData: treeData,
-      searchStr: searchStr,
-      handleFilterClose: handleFilterClose,
-      fieldNames: fieldNames,
-      showCodeName: showCodeName,
-      disabled: disabled,
-      ref: ref
-    }, restProps)) : (0, _jsxRuntime.jsx)(_antd.Tree, {
-      style: {
-        width: '100%'
-      },
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, checkStrictly ? /* @__PURE__ */ import_react.default.createElement(
+    import_List.default,
+    {
+      mode,
+      treeData,
+      searchStr,
+      handleFilterClose,
+      fieldNames,
+      showCodeName,
+      disabled,
+      ref,
+      ...restProps
+    }
+  ) : /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Tree,
+    {
+      style: { width: "100%" },
       defaultExpandAll: true,
       autoExpandParent: true,
       selectable: false,
       treeData: treeViewData,
       blockNode: true,
       height: 432
-    })
-  });
+    }
+  ));
 }
-var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(List);
+var Tree_default = (0, import_react.forwardRef)(List);