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

package/es/ProTreeModal/components/Tree.js

@@ -1,13 +1,18 @@
-/* eslint-disable no-plusplus */
-import React, { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
-import { Tree } from 'antd';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
+import { Tree } from "antd";
 import ListComponent from "./List";
 import SearchTitle from "./SearchTitle";
 import CloseIcon from "./CloseIcon";
 import { filterCheckedNodes, getAllKeys, getParentKey } from "../utils";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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, ref) {
   const {
     checkedValues,
@@ -18,7 +23,7 @@ function List(props, ref) {
     showCodeName = false,
     checkStrictly = false,
     flatTreeData,
-    mode = 'render',
+    mode = "render",
     fieldNames,
     tags,
     onCheck,
@@ -33,9 +38,9 @@ function List(props, ref) {
   const hasInitializedExpand = useRef(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;
@@ -45,7 +50,7 @@ function List(props, ref) {
     }
   }, [searchStr]);
   useEffect(() => {
-    if (!searchStr && !hasInitializedExpand.current && originalTreeData?.length) {
+    if (!searchStr && !hasInitializedExpand.current && (originalTreeData == null ? void 0 : originalTreeData.length)) {
       const defaultExpandedKeys = getAllKeys(originalTreeData || [], fieldNames);
       setExpandedKeys(defaultExpandedKeys);
       setAutoExpandParent(true);
@@ -56,58 +61,44 @@ function List(props, ref) {
     function fn() {
       const loop = (data, index) => {
         index++;
-        return data.map(item => {
+        return data.map((item) => {
           const title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
           if (item[fieldNames.children]) {
             return {
               ...item,
-              title: /*#__PURE__*/_jsxs("div", {
-                className: "pro-tree-modal-tree-node",
-                children: [tags && tags.length ? /*#__PURE__*/_jsx("div", {
-                  className: "pro-tree-modal-tree-node-tag",
-                  style: {
-                    backgroundColor: tagsBgColors[index],
-                    color: tagsColors[index]
-                  },
-                  children: /*#__PURE__*/_jsx("span", {
-                    children: tags[index]
-                  })
-                }) : null, /*#__PURE__*/_jsx("span", {
-                  children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, {
-                    label: title,
-                    searchStr: searchStr
-                  })
-                })]
-              }),
+              title: /* @__PURE__ */ jsxs("div", { className: "pro-tree-modal-tree-node", children: [
+                tags && tags.length ? /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "pro-tree-modal-tree-node-tag",
+                    style: { backgroundColor: tagsBgColors[index], color: tagsColors[index] },
+                    children: /* @__PURE__ */ jsx("span", { children: tags[index] })
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx("span", { children: optionRender ? optionRender(item, searchStr) : /* @__PURE__ */ jsx(SearchTitle, { label: title, searchStr }) })
+              ] }),
               key: item[fieldNameValue],
               children: loop(item[fieldNames.children], index)
             };
           }
           return {
             ...item,
-            title: /*#__PURE__*/_jsxs("div", {
-              className: "pro-tree-modal-tree-node",
-              children: [tags && tags.length ? /*#__PURE__*/_jsx("div", {
-                className: "pro-tree-modal-tree-node-tag",
-                style: {
-                  backgroundColor: tagsBgColors[index],
-                  color: tagsColors[index]
-                },
-                children: /*#__PURE__*/_jsx("span", {
-                  children: tags[index]
-                })
-              }) : null, /*#__PURE__*/_jsx("span", {
-                children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, {
-                  label: title,
-                  searchStr: searchStr
-                })
-              })]
-            }),
+            title: /* @__PURE__ */ jsxs("div", { className: "pro-tree-modal-tree-node", children: [
+              tags && tags.length ? /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "pro-tree-modal-tree-node-tag",
+                  style: { backgroundColor: tagsBgColors[index], color: tagsColors[index] },
+                  children: /* @__PURE__ */ jsx("span", { children: tags[index] })
+                }
+              ) : null,
+              /* @__PURE__ */ jsx("span", { children: optionRender ? optionRender(item, searchStr) : /* @__PURE__ */ jsx(SearchTitle, { label: title, searchStr }) })
+            ] }),
             key: item[fieldNameValue]
           };
         });
       };
-      if (mode === 'view') {
+      if (mode === "view") {
         return;
       }
       let newTreeData = originalTreeData;
@@ -121,96 +112,91 @@ function List(props, ref) {
   const treeViewData = useMemo(() => {
     const loop = (data, index) => {
       index++;
-      return data.map(item => {
+      return data.map((item) => {
         const title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
         if (item[fieldNames.children]) {
           return {
             ...item,
-            title: /*#__PURE__*/_jsxs("div", {
-              className: "pro-tree-modal-checkbox-content pro-tree-modal-tree-content",
-              children: [/*#__PURE__*/_jsxs("div", {
-                className: "pro-tree-modal-checkbox-content-look pro-tree-modal-tree-node",
-                children: [tags && tags.length ? /*#__PURE__*/_jsx("div", {
-                  className: "pro-tree-modal-tree-node-tag",
-                  style: {
-                    backgroundColor: tagsBgColors[index],
-                    color: tagsColors[index]
-                  },
-                  children: /*#__PURE__*/_jsx("span", {
-                    children: tags[index]
-                  })
-                }) : null, /*#__PURE__*/_jsx("span", {
-                  children: optionRender ? optionRender(item) : title
-                })]
-              }), disabled ? null : /*#__PURE__*/_jsx(CloseIcon, {
-                onClick: () => handleFilterClose(item[fieldNameValue], item)
-              })]
-            }),
+            title: /* @__PURE__ */ jsxs("div", { className: "pro-tree-modal-checkbox-content pro-tree-modal-tree-content", children: [
+              /* @__PURE__ */ jsxs("div", { className: "pro-tree-modal-checkbox-content-look pro-tree-modal-tree-node", children: [
+                tags && tags.length ? /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "pro-tree-modal-tree-node-tag",
+                    style: { backgroundColor: tagsBgColors[index], color: tagsColors[index] },
+                    children: /* @__PURE__ */ jsx("span", { children: tags[index] })
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx("span", { children: optionRender ? optionRender(item) : title })
+              ] }),
+              disabled ? null : /* @__PURE__ */ jsx(CloseIcon, { onClick: () => handleFilterClose(item[fieldNameValue], item) })
+            ] }),
             key: item[fieldNameValue],
             children: loop(item[fieldNames.children], index)
           };
         }
         return {
           ...item,
-          title: /*#__PURE__*/_jsxs("div", {
-            className: "pro-tree-modal-checkbox-content pro-tree-modal-tree-content",
-            children: [/*#__PURE__*/_jsx("div", {
-              className: "pro-tree-modal-checkbox-content-look",
-              children: optionRender ? optionRender(item) : title
-            }), disabled ? null : /*#__PURE__*/_jsx(CloseIcon, {
-              onClick: () => handleFilterClose(item[fieldNameValue], item)
-            })]
-          }),
+          title: /* @__PURE__ */ jsxs("div", { className: "pro-tree-modal-checkbox-content pro-tree-modal-tree-content", children: [
+            /* @__PURE__ */ jsx("div", { className: "pro-tree-modal-checkbox-content-look", children: optionRender ? optionRender(item) : title }),
+            disabled ? null : /* @__PURE__ */ jsx(CloseIcon, { onClick: () => handleFilterClose(item[fieldNameValue], item) })
+          ] }),
           key: item[fieldNameValue]
         };
       });
     };
     return loop(treeData, -1);
   }, [treeData]);
-  const onExpand = newExpandedKeys => {
+  const onExpand = (newExpandedKeys) => {
     setExpandedKeys(newExpandedKeys);
     setAutoExpandParent(false);
   };
-  if (mode === 'render') {
-    return /*#__PURE__*/_jsx(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__ */ jsx(
+      Tree,
+      {
+        disabled,
+        style: { width: "100%" },
+        checkable: true,
+        treeData: _treeData,
+        onExpand,
+        expandedKeys,
+        autoExpandParent,
+        selectable: false,
+        onCheck,
+        checkedKeys: checkedValues,
+        checkStrictly: searchStr ? true : checkStrictly,
+        height: 432
+      }
+    );
   }
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: checkStrictly ? /*#__PURE__*/_jsx(ListComponent, {
-      mode: mode,
-      treeData: treeData,
-      searchStr: searchStr,
-      handleFilterClose: handleFilterClose,
-      fieldNames: fieldNames,
-      showCodeName: showCodeName,
-      disabled: disabled,
-      ref: ref,
+  return /* @__PURE__ */ jsx(Fragment, { children: checkStrictly ? /* @__PURE__ */ jsx(
+    ListComponent,
+    {
+      mode,
+      treeData,
+      searchStr,
+      handleFilterClose,
+      fieldNames,
+      showCodeName,
+      disabled,
+      ref,
       ...restProps
-    }) : /*#__PURE__*/_jsx(Tree, {
-      style: {
-        width: '100%'
-      },
+    }
+  ) : /* @__PURE__ */ jsx(
+    Tree,
+    {
+      style: { width: "100%" },
       defaultExpandAll: true,
       autoExpandParent: true,
       selectable: false,
       treeData: treeViewData,
       blockNode: true,
       height: 432
-    })
-  });
+    }
+  ) });
 }
-export default /*#__PURE__*/forwardRef(List);
+var Tree_default = forwardRef(List);
+export {
+  Tree_default as default
+};

package/es/ProTreeModal/components/Trigger.js

@@ -1,13 +1,14 @@
-import { useEffect } from 'react';
-import classNames from 'classnames';
-import { Input, Select, Space } from 'antd';
-import { CloseOutlined } from '@ant-design/icons';
-import { ReactSVG } from 'react-svg';
-import { useSetState } from 'ahooks';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import classNames from "classnames";
+import { Input, Select, Space } from "antd";
+import { CloseOutlined } from "@ant-design/icons";
+import { ReactSVG } from "react-svg";
+import { useSetState } from "ahooks";
 import locale, { formatMessage } from "../../locale";
 import viewSvg from "../../assets/view.svg";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function Trigger(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const {
     value,
     label,
@@ -23,159 +24,124 @@ function Trigger(props) {
     handleClearAll,
     appointChange
   } = props;
-  const {
-    disabled: appointDisabled
-  } = appointProps || {};
+  const { disabled: appointDisabled } = appointProps || {};
   const normalizedAppointDisabled = appointDisabled || false;
   const normalizedDisabled = disabled || false;
   const [beforeDisabled, afterDisabled] = Array.isArray(disabled) ? disabled : [normalizedDisabled, normalizedDisabled];
   const [allDisabled, specifyDisabled] = Array.isArray(appointDisabled) ? appointDisabled : [normalizedAppointDisabled, normalizedAppointDisabled];
-  const [{
-    mode
-  }, setState] = useSetState({
-    mode: 'appoint'
+  const [{ mode }, setState] = useSetState({
+    mode: "appoint"
   });
   useEffect(() => {
     if (allValue === value && appoint) {
       setState({
-        mode: 'all'
+        mode: "all"
       });
     } else {
       setState({
-        mode: 'appoint'
+        mode: "appoint"
       });
     }
   }, [allValue, value, appoint, checkAll]);
   const onIconClick = () => {
-    if (appoint && mode === 'all') {
+    if (appoint && mode === "all") {
       return;
     }
     handleClick();
   };
-  const viewIconClassName = classNames('pro-tree-modal-view-svg', {
-    'pro-tree-modal-view-svg-active': !!isView && checkedValues.length > 0 && mode !== 'all' && !afterDisabled,
-    'pro-tree-modal-view-svg-not-allowed': appoint && mode === 'all'
+  const viewIconClassName = classNames("pro-tree-modal-view-svg", {
+    "pro-tree-modal-view-svg-active": !!isView && checkedValues.length > 0 && mode !== "all" && !afterDisabled,
+    "pro-tree-modal-view-svg-not-allowed": appoint && mode === "all"
   });
-  const addonAfterClassName = classNames('pro-enum-input-addonAfter', {
-    'pro-enum-input-addonAfter-not-allowed': appoint && mode === 'all',
-    'trigger-no-hover': afterDisabled
+  const addonAfterClassName = classNames("pro-enum-input-addonAfter", {
+    "pro-enum-input-addonAfter-not-allowed": appoint && mode === "all",
+    "trigger-no-hover": afterDisabled
   });
   if (isView) {
     const hasValue = checkedValues.length > 0;
-    return /*#__PURE__*/_jsxs("div", {
-      className: "pro-tree-modal-isView",
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "pro-tree-modal-isView-value",
-        children: !hasValue ? '-' : mode === 'all' ? formatMessage(locale?.ProTreeModal.checkAll1, {
-          all: label
-        }) : formatMessage(locale?.ProTreeModal?.checkNumber, {
-          num: checkedValues.length
-        })
-      }), hasValue && /*#__PURE__*/_jsx("div", {
-        className: addonAfterClassName,
-        children: /*#__PURE__*/_jsx(ReactSVG, {
-          className: viewIconClassName,
-          src: viewSvg,
-          onClick: onIconClick
-        })
-      })]
-    });
+    return /* @__PURE__ */ jsxs("div", { className: "pro-tree-modal-isView", children: [
+      /* @__PURE__ */ jsx("div", { className: "pro-tree-modal-isView-value", children: !hasValue ? "-" : mode === "all" ? formatMessage((_a = locale) == null ? void 0 : _a.ProTreeModal.checkAll1, { all: label }) : formatMessage((_c = (_b = locale) == null ? void 0 : _b.ProTreeModal) == null ? void 0 : _c.checkNumber, {
+        num: checkedValues.length
+      }) }),
+      hasValue && /* @__PURE__ */ jsx("div", { className: addonAfterClassName, children: /* @__PURE__ */ jsx(ReactSVG, { className: viewIconClassName, src: viewSvg, onClick: onIconClick }) })
+    ] });
   }
-  const onAppointChange = value => {
+  const onAppointChange = (value2) => {
     setState({
-      mode: value
+      mode: value2
     });
-    if (value === 'all') {
-      appointChange?.(true);
+    if (value2 === "all") {
+      appointChange == null ? void 0 : appointChange(true);
     } else {
-      appointChange?.(false);
+      appointChange == null ? void 0 : appointChange(false);
     }
   };
-  const TriggerComponent = props => {
+  const TriggerComponent = (props2) => {
+    var _a2, _b2;
     if (appoint) {
-      return /*#__PURE__*/_jsxs(Space.Compact, {
-        block: true,
-        className: "pro-tree-modal-appoint-compact",
-        style: {
-          ...triggerStyle
-        },
-        children: [/*#__PURE__*/_jsx(Select, {
-          style: {
-            width: 'auto'
-          },
-          disabled: beforeDisabled,
-          className: classNames(disabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
-          defaultValue: "appoint",
-          value: mode,
-          onChange: onAppointChange,
-          options: [{
-            value: 'all',
-            label: locale?.ProTreeModal.specifyMode[0],
-            disabled: !!allDisabled
-          }, {
-            value: 'appoint',
-            label: locale?.ProTreeModal.specifyMode[1],
-            disabled: !!specifyDisabled
-          }]
-        }), props.children]
-      });
+      return /* @__PURE__ */ jsxs(Space.Compact, { block: true, className: "pro-tree-modal-appoint-compact", style: { ...triggerStyle }, children: [
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            style: { width: "auto" },
+            disabled: beforeDisabled,
+            className: classNames(
+              disabled ? "trigger-no-hover" : "",
+              appoint ? "pro-tree-modal-input-appoint" : ""
+            ),
+            defaultValue: "appoint",
+            value: mode,
+            onChange: onAppointChange,
+            options: [
+              {
+                value: "all",
+                label: (_a2 = locale) == null ? void 0 : _a2.ProTreeModal.specifyMode[0],
+                disabled: !!allDisabled
+              },
+              {
+                value: "appoint",
+                label: (_b2 = locale) == null ? void 0 : _b2.ProTreeModal.specifyMode[1],
+                disabled: !!specifyDisabled
+              }
+            ]
+          }
+        ),
+        props2.children
+      ] });
     }
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: props.children
-    });
+    return /* @__PURE__ */ jsx(Fragment, { children: props2.children });
   };
-
-  // 构建 Input 的基础属性
   const inputProps = {
-    className: classNames(afterDisabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
+    className: classNames(
+      afterDisabled ? "trigger-no-hover" : "",
+      appoint ? "pro-tree-modal-input-appoint" : ""
+    ),
     onClick: handleClick,
-    value: checkedValues.length === 0 ? null : mode === 'all' ? formatMessage(locale?.ProTreeModal.checkAll1, {
-      all: label
-    }) : formatMessage(locale?.ProTreeModal?.checkNumber, {
-      num: checkedValues.length
-    }),
-    placeholder: locale?.ProTreeModal?.select,
-    disabled: afterDisabled || mode === 'all'
+    value: checkedValues.length === 0 ? null : mode === "all" ? formatMessage((_d = locale) == null ? void 0 : _d.ProTreeModal.checkAll1, { all: label }) : formatMessage((_f = (_e = locale) == null ? void 0 : _e.ProTreeModal) == null ? void 0 : _f.checkNumber, { num: checkedValues.length }),
+    placeholder: (_h = (_g = locale) == null ? void 0 : _g.ProTreeModal) == null ? void 0 : _h.select,
+    disabled: afterDisabled || mode === "all"
   };
-
-  // 如果 mode === 'all'，不显示 addonAfter，直接返回 Input
-  if (mode === 'all') {
-    return /*#__PURE__*/_jsx(TriggerComponent, {
-      children: /*#__PURE__*/_jsx(Input, {
-        ...inputProps,
-        style: {
-          ...triggerStyle
-        }
-      })
-    });
+  if (mode === "all") {
+    return /* @__PURE__ */ jsx(TriggerComponent, { children: /* @__PURE__ */ jsx(Input, { ...inputProps, style: { ...triggerStyle } }) });
   }
-
-  // 使用 Space.Compact 包装 Input 和 addonAfter
-  // 注意：Space.Compact 中的元素应该是表单控件，但为了保持原有样式，使用 div 并添加适当的样式
-  return /*#__PURE__*/_jsx(TriggerComponent, {
-    children: /*#__PURE__*/_jsxs(Space.Compact, {
-      block: true,
-      style: appoint ? undefined : triggerStyle,
-      children: [/*#__PURE__*/_jsx(Input, {
+  return /* @__PURE__ */ jsx(TriggerComponent, { children: /* @__PURE__ */ jsxs(Space.Compact, { block: true, style: appoint ? void 0 : triggerStyle, children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
         ...inputProps,
         style: {
           ...triggerStyle,
           flex: 1
         }
-      }), /*#__PURE__*/_jsxs("div", {
-        className: addonAfterClassName,
-        children: [checkedValues.length > 0 && !afterDisabled && /*#__PURE__*/_jsx("span", {
-          className: "close-icon",
-          children: /*#__PURE__*/_jsx(CloseOutlined, {
-            onClick: handleClearAll
-          })
-        }), /*#__PURE__*/_jsx(ReactSVG, {
-          className: viewIconClassName,
-          src: viewSvg,
-          onClick: onIconClick
-        })]
-      })]
-    })
-  });
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: addonAfterClassName, children: [
+      checkedValues.length > 0 && !afterDisabled && /* @__PURE__ */ jsx("span", { className: "close-icon", children: /* @__PURE__ */ jsx(CloseOutlined, { onClick: handleClearAll }) }),
+      /* @__PURE__ */ jsx(ReactSVG, { className: viewIconClassName, src: viewSvg, onClick: onIconClick })
+    ] })
+  ] }) });
 }
-export default Trigger;
+var Trigger_default = Trigger;
+export {
+  Trigger_default as default
+};

package/es/ProTreeModal/components/index.js

@@ -1,6 +1,14 @@
-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";
-export { default as Cascader } from "./Cascader";
+import { default as default2 } from "./CloseIcon";
+import { default as default3 } from "./Trigger";
+import { default as default4 } from "./SearchTitle";
+import { default as default5 } from "./List";
+import { default as default6 } from "./Tree";
+import { default as default7 } from "./Cascader";
+export {
+  default7 as Cascader,
+  default2 as CloseIcon,
+  default5 as ListView,
+  default4 as SearchTitle,
+  default6 as TreeView,
+  default3 as Trigger
+};