@zat-design/sisyphus-react 4.5.9 → 4.5.10-beta.2

package/es/ProTree/components/ProTreeSelect/propsType.js

@@ -1 +0,0 @@
-export {};

package/es/ProTree/components/SearchTitle.js

@@ -1,54 +1,35 @@
-import { memo } from 'react';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
 import AdaptiveTooltip from "./AdaptiveTooltip";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function SearchTitle(props) {
-  const {
-    label,
-    searchStr = '',
-    showEllipse,
-    ellipseWidth,
-    otherProps
-  } = props;
-  const {
-    isDiffChange = false
-  } = otherProps ?? {};
+  const { label, searchStr = "", showEllipse, ellipseWidth, otherProps } = props;
+  const { isDiffChange = false } = otherProps ?? {};
   const strTitle = label;
-  const index = strTitle?.indexOf(searchStr);
-  const beforeStr = strTitle?.substring(0, index);
-  const afterStr = strTitle?.slice(index + searchStr.length);
+  const index = strTitle == null ? void 0 : strTitle.indexOf(searchStr);
+  const beforeStr = strTitle == null ? void 0 : strTitle.substring(0, index);
+  const afterStr = strTitle == null ? void 0 : strTitle.slice(index + searchStr.length);
   let classEllipse;
   const style = {};
   if (showEllipse) {
-    classEllipse = 'ellipse';
+    classEllipse = "ellipse";
     style.width = ellipseWidth;
   }
-  const title = index > -1 ? /*#__PURE__*/_jsxs("span", {
-    className: classEllipse,
-    style: style,
-    children: [beforeStr, searchStr ? /*#__PURE__*/_jsx("span", {
-      className: "pro-tree-modal-search-value",
-      children: searchStr
-    }) : null, afterStr]
-  }) : /*#__PURE__*/_jsx("span", {
-    className: classEllipse,
-    style: style,
-    children: strTitle
-  });
-  const titleTips = index > -1 ? /*#__PURE__*/_jsxs("span", {
-    style: style,
-    children: [beforeStr, searchStr ? /*#__PURE__*/_jsx("span", {
-      className: "pro-tree-modal-search-value",
-      children: searchStr
-    }) : null, afterStr]
-  }) : /*#__PURE__*/_jsx("span", {
-    style: style,
-    children: strTitle
-  });
+  const title = index > -1 ? /* @__PURE__ */ jsxs("span", { className: classEllipse, style, children: [
+    beforeStr,
+    searchStr ? /* @__PURE__ */ jsx("span", { className: "pro-tree-modal-search-value", children: searchStr }) : null,
+    afterStr
+  ] }) : /* @__PURE__ */ jsx("span", { className: classEllipse, style, children: strTitle });
+  const titleTips = index > -1 ? /* @__PURE__ */ jsxs("span", { style, children: [
+    beforeStr,
+    searchStr ? /* @__PURE__ */ jsx("span", { className: "pro-tree-modal-search-value", children: searchStr }) : null,
+    afterStr
+  ] }) : /* @__PURE__ */ jsx("span", { style, children: strTitle });
   if (classEllipse && !isDiffChange) {
-    return /*#__PURE__*/_jsx(AdaptiveTooltip, {
-      children: titleTips
-    });
+    return /* @__PURE__ */ jsx(AdaptiveTooltip, { children: titleTips });
   }
   return title;
 }
-export default /*#__PURE__*/memo(SearchTitle);
+var SearchTitle_default = memo(SearchTitle);
+export {
+  SearchTitle_default as default
+};

package/es/ProTree/components/Tree.js

@@ -1,15 +1,21 @@
-/* eslint-disable no-plusplus */
-import React, { useEffect, useState } from 'react';
-import { Tree, Popover } from 'antd';
-import { useSetState } from 'ahooks';
-import { CaretDownOutlined } from '@ant-design/icons';
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from "react";
+import { Tree, Popover } from "antd";
+import { useSetState } from "ahooks";
+import { CaretDownOutlined } from "@ant-design/icons";
 import SearchTitle from "./SearchTitle";
 import { filterCheckedNodes, getParentKey } from "../utils";
 import locale from "../../locale";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const 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)'];
-const tagsColors = ['#006AFF', '#00C44A', '#FF8C00', '#FF5050', '#616161'];
+const 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)"
+];
+const tagsColors = ["#006AFF", "#00C44A", "#FF8C00", "#FF5050", "#616161"];
 function List(props) {
+  var _a, _b;
   const {
     checkedValues,
     disabled,
@@ -18,7 +24,7 @@ function List(props) {
     showCodeName = false,
     checkStrictly = false,
     flatTreeData,
-    mode = 'render',
+    mode = "render",
     fieldNames,
     tags,
     onCheck,
@@ -26,7 +32,7 @@ function List(props) {
     optionRender,
     treeData,
     showLine = true,
-    switcherIcon = /*#__PURE__*/_jsx(CaretDownOutlined, {}),
+    switcherIcon = /* @__PURE__ */ jsx(CaretDownOutlined, {}),
     checkable = false,
     menu,
     innerExpandKeys,
@@ -37,22 +43,17 @@ function List(props) {
   } = props;
   const fieldNameLabel = fieldNames.label;
   const fieldNameValue = fieldNames.value;
-  const [{
-    expandedKeys,
-    autoExpandParent,
-    currentClickTreeNode,
-    handing
-  }, setState] = useSetState({
-    expandedKeys: undefined,
+  const [{ expandedKeys, autoExpandParent, currentClickTreeNode, handing }, setState] = useSetState({
+    expandedKeys: void 0,
     autoExpandParent: true,
     currentClickTreeNode: null,
     handing: false
   });
   useEffect(() => {
     if (searchStr) {
-      const newExpandedKeys = flatTreeData.map(item => {
+      const newExpandedKeys = flatTreeData.map((item) => {
         const title = item[fieldNameValue] + item[fieldNameLabel];
-        if (title?.indexOf(searchStr) > -1) {
+        if ((title == null ? void 0 : title.indexOf(searchStr)) > -1) {
           return getParentKey(item[fieldNameValue], originalTreeData, fieldNames);
         }
         return null;
@@ -72,14 +73,12 @@ function List(props) {
   }, [innerExpandKeys]);
   useEffect(() => {
     if (!checkable) {
-      // 单选树，checkedValues为string，选中那个树节点
       setState({
         currentClickTreeNode: checkedValues
       });
     }
   }, [checkedValues]);
   useEffect(() => {
-    // 复选树，配置的selectedKey在这里处理选中，单选树，在ProTree组件里跟value比优先级处理，到这个组件里面是checkedValues了
     if (checkable) {
       setState({
         currentClickTreeNode: selectedKey
@@ -87,211 +86,166 @@ function List(props) {
     }
   }, [selectedKey]);
   const onSelect = async (value, item) => {
+    var _a2;
     if (handing) {
       return null;
     }
     let val = value;
     if (!isRadioSelect && value === currentClickTreeNode) {
-      // 如果当前点击了已经选中节点，那么取消选择
-      val = '';
+      val = "";
     }
     setState({
       currentClickTreeNode: val,
       handing: true
     });
-    await props?.onSelect?.(val, item);
+    await ((_a2 = props == null ? void 0 : props.onSelect) == null ? void 0 : _a2.call(props, val, item));
     setState({
       handing: false
     });
   };
-  const TreeNodeRow = props => {
-    const {
-      nodeClass,
-      item,
-      index,
-      title,
-      isChecked,
-      onlyKey
-    } = props;
+  const TreeNodeRow = (props2) => {
+    const { nodeClass, item, index, title, isChecked, onlyKey } = props2;
     const [open, setOpen] = useState(false);
-    const operateButton = menu && menu(item?.[fieldNameValue], item);
-    operateButton?.map((item, i) => {
-      return /*#__PURE__*/_jsx(React.Fragment, {
-        children: item
-      }, i);
+    const operateButton = menu && menu(item == null ? void 0 : item[fieldNameValue], item);
+    operateButton == null ? void 0 : operateButton.map((item2, i) => {
+      return /* @__PURE__ */ jsx(React.Fragment, { children: item2 }, i);
     });
     const hide = () => {
       setOpen(false);
     };
-    const handleOpenChange = newOpen => {
+    const handleOpenChange = (newOpen) => {
       setOpen(newOpen);
     };
-    const expandIcon = /*#__PURE__*/_jsx("span", {
-      className: "icon-item",
-      children: /*#__PURE__*/_jsx("svg", {
+    const expandIcon = /* @__PURE__ */ jsx("span", { className: "icon-item", children: /* @__PURE__ */ jsx(
+      "svg",
+      {
         width: "1em",
         height: "1em",
         viewBox: "0 0 16 16",
         version: "1.1",
         className: "icon-item svg-icon-expand",
-        children: /*#__PURE__*/_jsx("g", {
-          id: "\u6811\u7ED3\u6784",
-          stroke: "none",
-          strokeWidth: "1",
-          fill: "none",
-          fillRule: "evenodd",
-          children: /*#__PURE__*/_jsx("g", {
-            id: "\u6811\u7ED3\u6784\u4EA4\u4E92",
+        children: /* @__PURE__ */ jsx("g", { id: "树结构", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsx(
+          "g",
+          {
+            id: "树结构交互",
             transform: "translate(-2285.000000, -2413.000000)",
             fill: "currentColor",
-            children: /*#__PURE__*/_jsx("g", {
-              id: "\u6570\u636E\u5C55\u793A/\u6811\u5F62\u63A7\u4EF6/\u5E26\u8FDE\u63A5\u7EBF\u5907\u4EFD-3",
-              transform: "translate(2065.000000, 2411.000000)",
-              children: /*#__PURE__*/_jsxs("g", {
-                id: "\u7F16\u7EC4-4",
-                transform: "translate(220.000000, 2.000000)",
-                children: [/*#__PURE__*/_jsxs("g", {
-                  id: "icon_more\u5907\u4EFD-9",
-                  transform: "translate(7.000000, 3.000000)",
-                  children: [/*#__PURE__*/_jsx("rect", {
-                    id: "\u77E9\u5F62",
-                    x: "0",
-                    y: "0",
-                    width: "2",
-                    height: "2"
-                  }), /*#__PURE__*/_jsx("rect", {
-                    id: "\u77E9\u5F62\u5907\u4EFD-3",
-                    x: "0",
-                    y: "4",
-                    width: "2",
-                    height: "2"
-                  }), /*#__PURE__*/_jsx("rect", {
-                    id: "\u77E9\u5F62\u5907\u4EFD-4",
-                    x: "0",
-                    y: "8",
-                    width: "2",
-                    height: "2"
-                  })]
-                }), /*#__PURE__*/_jsxs("g", {
-                  id: "icon_more\u5907\u4EFD-9",
-                  transform: "translate(7.000000, 3.000000)",
-                  children: [/*#__PURE__*/_jsx("rect", {
-                    id: "\u77E9\u5F62",
-                    x: "0",
-                    y: "0",
-                    width: "2",
-                    height: "2"
-                  }), /*#__PURE__*/_jsx("rect", {
-                    id: "\u77E9\u5F62\u5907\u4EFD-3",
-                    x: "0",
-                    y: "4",
-                    width: "2",
-                    height: "2"
-                  }), /*#__PURE__*/_jsx("rect", {
-                    id: "\u77E9\u5F62\u5907\u4EFD-4",
-                    x: "0",
-                    y: "8",
-                    width: "2",
-                    height: "2"
-                  })]
-                })]
-              })
-            })
-          })
-        })
-      })
-    });
-    return /*#__PURE__*/_jsxs("div", {
-      className: nodeClass,
-      onClick: e => {
-        e.stopPropagation();
-        onSelect(item?.[fieldNameValue], {
-          node: e?.target,
-          event: e,
-          item,
-          selected: !isChecked
-        });
-      },
-      children: [tags && tags.length ? /*#__PURE__*/_jsx("div", {
-        className: "pro-tree-tree-node-tag",
-        style: {
-          backgroundColor: tagsBgColors[index],
-          color: tagsColors[index]
+            children: /* @__PURE__ */ jsx(
+              "g",
+              {
+                id: "数据展示/树形控件/带连接线备份-3",
+                transform: "translate(2065.000000, 2411.000000)",
+                children: /* @__PURE__ */ jsxs("g", { id: "编组-4", transform: "translate(220.000000, 2.000000)", children: [
+                  /* @__PURE__ */ jsxs("g", { id: "icon_more备份-9", transform: "translate(7.000000, 3.000000)", children: [
+                    /* @__PURE__ */ jsx("rect", { id: "矩形", x: "0", y: "0", width: "2", height: "2" }),
+                    /* @__PURE__ */ jsx("rect", { id: "矩形备份-3", x: "0", y: "4", width: "2", height: "2" }),
+                    /* @__PURE__ */ jsx("rect", { id: "矩形备份-4", x: "0", y: "8", width: "2", height: "2" })
+                  ] }),
+                  /* @__PURE__ */ jsxs("g", { id: "icon_more备份-9", transform: "translate(7.000000, 3.000000)", children: [
+                    /* @__PURE__ */ jsx("rect", { id: "矩形", x: "0", y: "0", width: "2", height: "2" }),
+                    /* @__PURE__ */ jsx("rect", { id: "矩形备份-3", x: "0", y: "4", width: "2", height: "2" }),
+                    /* @__PURE__ */ jsx("rect", { id: "矩形备份-4", x: "0", y: "8", width: "2", height: "2" })
+                  ] })
+                ] })
+              }
+            )
+          }
+        ) })
+      }
+    ) });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: nodeClass,
+        onClick: (e) => {
+          e.stopPropagation();
+          onSelect(item == null ? void 0 : item[fieldNameValue], {
+            node: e == null ? void 0 : e.target,
+            event: e,
+            item,
+            selected: !isChecked
+          });
         },
-        children: /*#__PURE__*/_jsx("span", {
-          children: tags[index]
-        })
-      }) : null, /*#__PURE__*/_jsxs("div", {
-        className: "tree-node-show-text",
-        children: [/*#__PURE__*/_jsx("div", {
-          className: "tree-node-show-text-label",
-          children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, {
-            label: title,
-            searchStr: searchStr,
-            ...other
-          })
-        }), /*#__PURE__*/_jsx("div", {
-          className: "operate-tree-node-btns",
-          onClick: e => {
-            e.stopPropagation();
-          },
-          children: operateButton?.length > 1 ? /*#__PURE__*/_jsx(Popover, {
-            classNames: {
-              root: 'pro-tree-operate-container'
-            },
-            content: /*#__PURE__*/_jsx("div", {
-              className: "pro-tree-operate-btn-popover",
-              onClick: hide,
-              children: operateButton
-            }),
-            trigger: "click",
-            open: open,
-            onOpenChange: handleOpenChange,
-            placement: "bottomRight",
-            children: expandIcon
-          }) : operateButton
-        })]
-      }), /*#__PURE__*/_jsx("div", {
-        className: "brand-bg-opa-ten"
-      })]
-    }, onlyKey);
+        children: [
+          tags && tags.length ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "pro-tree-tree-node-tag",
+              style: { backgroundColor: tagsBgColors[index], color: tagsColors[index] },
+              children: /* @__PURE__ */ jsx("span", { children: tags[index] })
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs("div", { className: "tree-node-show-text", children: [
+            /* @__PURE__ */ jsx("div", { className: "tree-node-show-text-label", children: optionRender ? optionRender(item, searchStr) : /* @__PURE__ */ jsx(SearchTitle, { label: title, searchStr, ...other }) }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "operate-tree-node-btns",
+                onClick: (e) => {
+                  e.stopPropagation();
+                },
+                children: (operateButton == null ? void 0 : operateButton.length) > 1 ? /* @__PURE__ */ jsx(
+                  Popover,
+                  {
+                    classNames: {
+                      root: "pro-tree-operate-container"
+                    },
+                    content: /* @__PURE__ */ jsx("div", { className: "pro-tree-operate-btn-popover", onClick: hide, children: operateButton }),
+                    trigger: "click",
+                    open,
+                    onOpenChange: handleOpenChange,
+                    placement: "bottomRight",
+                    children: expandIcon
+                  }
+                ) : operateButton
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "brand-bg-opa-ten" })
+        ]
+      },
+      onlyKey
+    );
   };
   function fn() {
     const loop = (data, index) => {
       index++;
-      const treeRow = data.map(item => {
-        let nodeClass = 'pro-tree-tree-node ';
+      const treeRow = data.map((item) => {
+        let nodeClass = "pro-tree-tree-node ";
         let isChecked = false;
         if (currentClickTreeNode === item[fieldNameValue]) {
-          nodeClass += ' checked';
+          nodeClass += " checked";
           isChecked = true;
         }
         const title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
-        const nodeTitle = /*#__PURE__*/_jsx(TreeNodeRow, {
-          nodeClass: nodeClass,
-          item: item,
-          index: index,
-          title: item?.title || title,
-          isChecked: isChecked,
-          onlyKey: item[fieldNameValue]
-        });
+        const nodeTitle = /* @__PURE__ */ jsx(
+          TreeNodeRow,
+          {
+            nodeClass,
+            item,
+            index,
+            title: (item == null ? void 0 : item.title) || title,
+            isChecked,
+            onlyKey: item[fieldNameValue]
+          }
+        );
         if (item[fieldNames.children]) {
           return {
             ...item,
             title: nodeTitle,
-            key: item?.key || item[fieldNameValue],
+            key: (item == null ? void 0 : item.key) || item[fieldNameValue],
             children: loop(item[fieldNames.children], index)
           };
         }
         return {
           ...item,
           title: nodeTitle,
-          key: item?.key || item[fieldNameValue]
+          key: (item == null ? void 0 : item.key) || item[fieldNameValue]
         };
       });
       return treeRow;
     };
-    if (other?.mode === 'view') {
+    if ((other == null ? void 0 : other.mode) === "view") {
       return;
     }
     let newTreeData = originalTreeData;
@@ -315,31 +269,29 @@ function List(props) {
   if (expandedKeys) {
     additionProps.expandedKeys = expandedKeys;
   }
-  return /*#__PURE__*/_jsx("div", {
-    className: disabledMode === 'hide' ? 'hide-disable-node' : '',
-    children: _treeData?.length ? /*#__PURE__*/_jsx(Tree, {
+  return /* @__PURE__ */ jsx("div", { className: disabledMode === "hide" ? "hide-disable-node" : "", children: (_treeData == null ? void 0 : _treeData.length) ? /* @__PURE__ */ jsx(
+    Tree,
+    {
       ...others,
       ...additionProps,
-      disabled: disabled,
-      style: {
-        width: '100%'
-      },
+      disabled,
+      style: { width: "100%" },
       treeData: _treeData,
-      onExpand: onExpand,
-      autoExpandParent: autoExpandParent,
+      onExpand,
+      autoExpandParent,
       selectable: false,
-      onCheck: onCheck,
+      onCheck,
       checkedKeys: checkedValues,
-      checkStrictly: checkStrictly,
-      showLine: showLine,
-      switcherIcon: switcherIcon,
-      checkable: checkable,
-      onSelect: onSelect,
+      checkStrictly,
+      showLine,
+      switcherIcon,
+      checkable,
+      onSelect,
       blockNode: true
-    }) : /*#__PURE__*/_jsx("div", {
-      className: "empty-tree",
-      children: locale?.ProTree?.emptyTips
-    })
-  });
+    }
+  ) : /* @__PURE__ */ jsx("div", { className: "empty-tree", children: (_b = (_a = locale) == null ? void 0 : _a.ProTree) == null ? void 0 : _b.emptyTips }) });
 }
-export default List;
+var Tree_default = List;
+export {
+  Tree_default as default
+};

package/es/ProTree/components/index.js

@@ -1,5 +1,10 @@
-export { default as CloseIcon } from "./CloseIcon";
-// export { default as Trigger } from './Trigger';
-export { default as SearchTitle } from "./SearchTitle";
-export { default as ListView } from "./List";
-export { default as TreeView } from "./Tree";
+import { default as default2 } from "./CloseIcon";
+import { default as default3 } from "./SearchTitle";
+import { default as default4 } from "./List";
+import { default as default5 } from "./Tree";
+export {
+  default2 as CloseIcon,
+  default4 as ListView,
+  default3 as SearchTitle,
+  default5 as TreeView
+};

package/es/ProTree/index.js

@@ -1,23 +1,19 @@
+import { jsx } from "react/jsx-runtime";
 import ProTree from "./components/ProTree";
 import ProTreeSelect from "./components/ProTreeSelect";
-import { jsx as _jsx } from "react/jsx-runtime";
-const ProTreeHandle = props => {
-  const {
-    mode = 'tree'
-  } = props;
-  if (mode === 'treeSelect') {
+const ProTreeHandle = (props) => {
+  const { mode = "tree" } = props;
+  if (mode === "treeSelect") {
     const adaptorProps = {
       ...props,
-      treeCheckable: props?.checkable,
-      treeCheckStrictly: props?.checkStrictly
+      treeCheckable: props == null ? void 0 : props.checkable,
+      treeCheckStrictly: props == null ? void 0 : props.checkStrictly
     };
-    return /*#__PURE__*/_jsx(ProTreeSelect, {
-      ...adaptorProps
-    });
+    return /* @__PURE__ */ jsx(ProTreeSelect, { ...adaptorProps });
   }
-  return /*#__PURE__*/_jsx(ProTree, {
-    ...props,
-    checkedValues: props?.checkedKeys
-  });
+  return /* @__PURE__ */ jsx(ProTree, { ...props, checkedValues: props == null ? void 0 : props.checkedKeys });
+};
+var ProTree_default = ProTreeHandle;
+export {
+  ProTree_default as default
 };
-export default ProTreeHandle;

package/es/ProTree/propsType.js

@@ -1 +0,0 @@
-export {};