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

package/es/ProTooltip/index.js

@@ -1,180 +1,156 @@
-import { useSize, useSetState, useDebounce } from 'ahooks';
-import { Tooltip } from 'antd';
-import { useEffect, useRef } from 'react';
-import classnames from 'classnames';
+import { jsx } from "react/jsx-runtime";
+import { useSize, useSetState, useDebounce } from "ahooks";
+import { Tooltip } from "antd";
+import { useEffect, useRef } from "react";
+import classnames from "classnames";
 import { isEllipsisActive } from "../utils";
-import { jsx as _jsx } from "react/jsx-runtime";
 const findTableParent = (element, depth = 0) => {
-  if (!element || depth >= 3) return false;
-  if (element.tagName?.toLowerCase() === 'td') return true;
+  var _a;
+  if (!element || depth >= 3)
+    return false;
+  if (((_a = element.tagName) == null ? void 0 : _a.toLowerCase()) === "td")
+    return true;
   return findTableParent(element.parentElement, depth + 1);
 };
-const ProTooltip = props => {
-  const ref = useRef(undefined);
-  const childRef = useRef(undefined);
-  const contentWrapRef = useRef(undefined);
+const ProTooltip = (props) => {
+  const ref = useRef(void 0);
+  const childRef = useRef(void 0);
+  const contentWrapRef = useRef(void 0);
   const {
     text,
-    mode = 'default',
+    mode = "default",
     width,
     line = 1,
-    className = '',
+    className = "",
     style = {},
     lineHeight = 22,
     scrollFollowParent = true,
     ...restProps
   } = props;
-  const _width = mode === 'auto' ? 'auto' : width;
-  const content = text ?? '-';
+  const _width = mode === "auto" ? "auto" : width;
+  const content = text ?? "-";
   const isMultiLine = Number(line) > 1;
-  const [{
-    localWidth,
-    isShowToolTip,
-    parentElement,
-    localElement,
-    specialProps,
-    visible
-  }, setState] = useSetState({
+  const [
+    { localWidth, isShowToolTip, parentElement, localElement, specialProps, visible },
+    setState
+  ] = useSetState({
     localWidth: _width,
     isShowToolTip: true,
     localElement: null,
     parentElement: null,
-    specialProps: {
-      visibility: 'hidden'
-    },
-    visible: 'hidden'
+    specialProps: { visibility: "hidden" },
+    visible: "hidden"
   });
   const size = useSize(parentElement);
-  const debouncedValue = useDebounce(size, {
-    wait: 16.7
-  });
-  const {
-    width: _localSizeWidth
-  } = useSize(localElement) ?? {};
+  const debouncedValue = useDebounce(size, { wait: 16.7 });
+  const { width: _localSizeWidth } = useSize(localElement) ?? {};
   const isTable = findTableParent(ref.current);
-  const rootStyles = mode === 'auto' ? {
-    maxWidth: _localSizeWidth
-  } : {};
+  const rootStyles = mode === "auto" ? { maxWidth: _localSizeWidth } : {};
   const multiStyle = isMultiLine ? {
     WebkitLineClamp: line
   } : {};
   const AutoMixinSingle = () => {
-    return isShowToolTip && line === 1 ? /*#__PURE__*/_jsx(Tooltip, {
-      title: text,
-      getPopupContainer: triggerNode => triggerNode.parentNode,
-      ...restProps,
-      styles: {
-        root: rootStyles
-      },
-      children: /*#__PURE__*/_jsx("div", {
-        ...specialProps,
-        style: {
-          ...multiStyle,
-          width: localWidth,
-          visibility: visible
-        },
-        ref: childRef,
-        children: /*#__PURE__*/_jsx("div", {
-          ...specialProps,
-          ref: contentWrapRef,
-          children: content
-        })
-      })
-    }) : /*#__PURE__*/_jsx("div", {
-      className: isMultiLine ? 'multiLine' : 'singleLine',
-      style: {
-        ...multiStyle,
-        width: localWidth
-      },
-      ref: childRef,
-      children: /*#__PURE__*/_jsx("div", {
+    return isShowToolTip && line === 1 ? /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: text,
+        getPopupContainer: (triggerNode) => triggerNode.parentNode,
+        ...restProps,
+        styles: { root: rootStyles },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...specialProps,
+            style: {
+              ...multiStyle,
+              width: localWidth,
+              visibility: visible
+            },
+            ref: childRef,
+            children: /* @__PURE__ */ jsx("div", { ...specialProps, ref: contentWrapRef, children: content })
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "singleLine", style: { ...multiStyle, width: localWidth }, ref: childRef, children: /* @__PURE__ */ jsx(
+      "div",
+      {
         className: "single-content-box",
         style: {
           visibility: visible
         },
         ref: contentWrapRef,
         children: content
-      })
-    });
+      }
+    ) });
   };
   const AutoMixinMulti = () => {
-    return isShowToolTip && line > 1 ? /*#__PURE__*/_jsx(Tooltip, {
-      title: text,
-      getPopupContainer: triggerNode => triggerNode.parentNode,
-      ...restProps,
-      styles: {
-        root: rootStyles
-      },
-      children: /*#__PURE__*/_jsx("div", {
-        ...specialProps,
-        style: {
-          ...multiStyle,
-          width: localWidth,
-          visibility: visible
-        },
-        ref: childRef,
-        children: /*#__PURE__*/_jsx("div", {
-          ...specialProps,
-          ref: contentWrapRef,
-          children: content
-        })
-      })
-    }) : /*#__PURE__*/_jsx("div", {
-      className: "multiLine",
-      style: {
-        ...multiStyle,
-        width: localWidth
-      },
-      ref: childRef,
-      children: /*#__PURE__*/_jsx("div", {
+    return isShowToolTip && line > 1 ? /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: text,
+        getPopupContainer: (triggerNode) => triggerNode.parentNode,
+        ...restProps,
+        styles: { root: rootStyles },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...specialProps,
+            style: {
+              ...multiStyle,
+              width: localWidth,
+              visibility: visible
+            },
+            ref: childRef,
+            children: /* @__PURE__ */ jsx("div", { ...specialProps, ref: contentWrapRef, children: content })
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "multiLine", style: { ...multiStyle, width: localWidth }, ref: childRef, children: /* @__PURE__ */ jsx(
+      "div",
+      {
         className: "multi-content-box",
         style: {
           visibility: visible
         },
         ref: contentWrapRef,
         children: content
-      })
-    });
+      }
+    ) });
   };
   const AutoMixin = () => {
-    if (mode !== 'auto') {
-      return null;
-    }
-    return line > 1 ? /*#__PURE__*/_jsx(AutoMixinMulti, {}) : /*#__PURE__*/_jsx(AutoMixinSingle, {});
+    return line > 1 ? /* @__PURE__ */ jsx(AutoMixinMulti, {}) : /* @__PURE__ */ jsx(AutoMixinSingle, {});
   };
   useEffect(() => {
-    if (mode === 'auto' && line === 1) {
+    if (mode === "auto" && line === 1) {
       const localDom = ref.current;
       setState({
         localElement: localDom,
         parentElement: localDom.parentElement,
-        specialProps: {
-          visibility: 'hidden'
-        },
-        visible: 'hidden'
+        specialProps: { visibility: "hidden" },
+        visible: "hidden"
       });
       const contentWrapDom = childRef.current;
       const contentDom = contentWrapRef.current;
       if (contentWrapDom && contentDom) {
-        if (contentWrapDom?.offsetWidth && contentDom?.scrollWidth) {
+        if ((contentWrapDom == null ? void 0 : contentWrapDom.offsetWidth) && (contentDom == null ? void 0 : contentDom.scrollWidth)) {
           setState({
             isShowToolTip: contentDom.scrollWidth > contentDom.offsetWidth,
             specialProps: {
-              className: 'singleLine',
+              className: "singleLine",
               style: {
-                display: 'inline-block',
-                maxWidth: '100%',
-                visibility: 'visible'
+                display: "inline-block",
+                maxWidth: "100%",
+                visibility: "visible"
               }
             },
-            visible: 'visible'
+            visible: "visible"
           });
         }
       }
     }
   }, [mode, debouncedValue]);
   useEffect(() => {
-    if (mode === 'auto' && line > 1 && JSON.stringify(specialProps) === '{}') {
+    if (mode === "auto" && line > 1 && JSON.stringify(specialProps) === "{}") {
       const localDom = ref.current;
       setState({
         localElement: localDom,
@@ -184,36 +160,36 @@ const ProTooltip = props => {
       const contentWrapDom = childRef.current;
       const contentDom = contentWrapRef.current;
       if (contentWrapDom && contentDom) {
-        if (contentWrapDom?.scrollHeight) {
+        if (contentWrapDom == null ? void 0 : contentWrapDom.scrollHeight) {
           setState({
-            isShowToolTip: contentWrapDom?.scrollHeight > lineHeight * Number(line),
+            isShowToolTip: (contentWrapDom == null ? void 0 : contentWrapDom.scrollHeight) > lineHeight * Number(line),
             specialProps: {
-              className: 'multiLine',
+              className: "multiLine",
               style: {
-                maxWidth: '100%',
-                visibility: 'visible',
+                maxWidth: "100%",
+                visibility: "visible",
                 ...multiStyle
               }
             },
-            visible: 'visible'
+            visible: "visible"
           });
         }
       }
     }
   }, [mode, debouncedValue, specialProps]);
   useEffect(() => {
-    if (mode === 'auto' && line === 1) {
+    if (mode === "auto" && line === 1) {
       setState({
         specialProps: {
-          visibility: 'hidden'
+          visibility: "hidden"
         },
-        visible: 'hidden'
+        visible: "hidden"
       });
     }
   }, [size]);
   useEffect(() => {
-    if (mode === 'auto' && line > 1) {
-      if (JSON.stringify(specialProps) !== '{}') {
+    if (mode === "auto" && line > 1) {
+      if (JSON.stringify(specialProps) !== "{}") {
         setState({
           specialProps: {}
         });
@@ -222,71 +198,59 @@ const ProTooltip = props => {
   }, [debouncedValue]);
   useEffect(() => {
     const localDom = ref.current;
-    const isEllipsis = isEllipsisActive(childRef?.current);
+    const isEllipsis = isEllipsisActive(childRef == null ? void 0 : childRef.current);
     setState({
       parentElement: localDom.parentElement,
       isShowToolTip: isEllipsis
     });
   }, []);
   const cls = classnames({
-    'pro-tooltip': true,
+    "pro-tooltip": true,
     [`${className}`]: className
   });
   const renderContentBox = () => {
-    return /*#__PURE__*/_jsx("div", {
-      className: isMultiLine ? 'multiLine' : 'singleLine',
-      style: {
-        ...multiStyle,
-        width: localWidth
-      },
-      ref: childRef,
-      children: content
-    });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: isMultiLine ? "multiLine" : "singleLine",
+        style: { ...multiStyle, width: localWidth },
+        ref: childRef,
+        children: content
+      }
+    );
   };
   const renderTooltipContent = () => {
-    return /*#__PURE__*/_jsx(Tooltip, {
-      title: text,
-      getPopupContainer: triggerNode => {
-        // 修复scrollFollowParent为false时tooltip不显示的问题
-        // 当scrollFollowParent为false时，应该返回document.body而不是triggerNode本身
-        return scrollFollowParent ? triggerNode.parentNode : document.body;
-      },
-      ...restProps,
-      styles: {
-        root: mode === 'auto' ? rootStyles : {}
-      },
-      children: renderContentBox()
-    });
+    return /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: text,
+        getPopupContainer: (triggerNode) => {
+          return scrollFollowParent ? triggerNode.parentNode : document.body;
+        },
+        ...restProps,
+        styles: { root: {} },
+        children: renderContentBox()
+      }
+    );
   };
   const renderContent = () => {
-    // 自动模式使用专门的渲染逻辑
-    if (mode === 'auto') {
-      return /*#__PURE__*/_jsx(AutoMixin, {});
+    if (mode === "auto") {
+      return /* @__PURE__ */ jsx(AutoMixin, {});
     }
-
-    // 响应式宽度模式，根据是否需要显示tooltip决定渲染内容 且 父元素为table
     if (isTable) {
       if (isShowToolTip) {
         return renderTooltipContent();
       }
       return renderContentBox();
     }
-
-    // 默认模式始终显示tooltip
-    if (mode === 'default') {
+    if (mode === "default") {
       return renderTooltipContent();
     }
     return renderContentBox();
   };
-  return /*#__PURE__*/_jsx("div", {
-    className: cls,
-    ref: ref,
-    style: {
-      ...style,
-      ...multiStyle,
-      width: localWidth
-    },
-    children: renderContent()
-  });
+  return /* @__PURE__ */ jsx("div", { className: cls, ref, style: { ...style, ...multiStyle, width: localWidth }, children: renderContent() });
+};
+var ProTooltip_default = ProTooltip;
+export {
+  ProTooltip_default as default
 };
-export default ProTooltip;

package/es/ProTooltip/propsType.js

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

package/es/ProTree/components/AdaptiveTooltip.js

@@ -1,18 +1,16 @@
-import { Tooltip } from 'antd';
-import { jsx as _jsx } from "react/jsx-runtime";
-const AdaptiveTooltip = ({
-  children
-}) => {
-  return /*#__PURE__*/_jsx(Tooltip, {
-    placement: "rightTop",
-    title: /*#__PURE__*/_jsx("div", {
-      onMouseDown: e => e.stopPropagation(),
-      children: children
-    }),
-    children: /*#__PURE__*/_jsx("span", {
-      className: "pro-tree-wrap-ellipse",
-      children: children
-    })
-  });
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "antd";
+const AdaptiveTooltip = ({ children }) => {
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      placement: "rightTop",
+      title: /* @__PURE__ */ jsx("div", { onMouseDown: (e) => e.stopPropagation(), children }),
+      children: /* @__PURE__ */ jsx("span", { className: "pro-tree-wrap-ellipse", children })
+    }
+  );
+};
+var AdaptiveTooltip_default = AdaptiveTooltip;
+export {
+  AdaptiveTooltip_default as default
 };
-export default AdaptiveTooltip;

package/es/ProTree/components/CloseIcon.js

@@ -1,28 +1,20 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 function CloseIcon(props) {
-  return /*#__PURE__*/_jsx("span", {
-    ...props,
-    children: /*#__PURE__*/_jsx("span", {
-      className: "pro-tree-modal-checkbox-close",
-      role: "button",
-      children: /*#__PURE__*/_jsx("span", {
-        role: "img",
-        "aria-label": "close-circle",
-        className: "anticon anticon-close-circle",
-        children: /*#__PURE__*/_jsx("svg", {
-          viewBox: "64 64 896 896",
-          focusable: "false",
-          "data-icon": "close-circle",
-          width: "1em",
-          height: "1em",
-          fill: "currentColor",
-          "aria-hidden": "true",
-          children: /*#__PURE__*/_jsx("path", {
-            d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-          })
-        })
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx("span", { ...props, children: /* @__PURE__ */ jsx("span", { className: "pro-tree-modal-checkbox-close", role: "button", children: /* @__PURE__ */ jsx("span", { role: "img", "aria-label": "close-circle", className: "anticon anticon-close-circle", children: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: "64 64 896 896",
+      focusable: "false",
+      "data-icon": "close-circle",
+      width: "1em",
+      height: "1em",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" })
+    }
+  ) }) }) });
 }
-export default CloseIcon;
+var CloseIcon_default = CloseIcon;
+export {
+  CloseIcon_default as default
+};

package/es/ProTree/components/List.js

@@ -1,8 +1,8 @@
-import { memo } from 'react';
-import { Checkbox } from 'antd';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { Checkbox } from "antd";
 import SearchTitle from "./SearchTitle";
 import CloseIcon from "./CloseIcon";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function List(props) {
   const {
     checkedValues,
@@ -10,7 +10,7 @@ function List(props) {
     treeData,
     searchStr,
     showCodeName,
-    mode = 'render',
+    mode = "render",
     fieldNames,
     handleOnChange,
     handleFilterClose,
@@ -19,48 +19,29 @@ function List(props) {
   } = props;
   const fieldNameLabel = fieldNames.label;
   const fieldNameValue = fieldNames.value;
-  if (mode === 'render') {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: /*#__PURE__*/_jsx(Checkbox.Group, {
-        disabled: disabled,
-        style: {
-          width: '100%'
-        },
-        value: checkedValues,
-        children: treeData.map(item => {
-          const title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
-          return /*#__PURE__*/_jsx("div", {
-            className: "pro-tree-checkbox-content",
-            children: /*#__PURE__*/_jsx(Checkbox, {
-              onChange: e => handleOnChange(e, item[fieldNameValue]),
-              value: item[fieldNameValue],
-              disabled: item.disabled,
-              children: /*#__PURE__*/_jsx("span", {
-                children: optionRender ? optionRender(item, searchStr) : /*#__PURE__*/_jsx(SearchTitle, {
-                  label: title,
-                  searchStr: searchStr,
-                  ...other
-                })
-              })
-            })
-          }, item[fieldNameValue]);
-        })
-      })
-    });
-  }
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: treeData.map(item => {
+  if (mode === "render") {
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Checkbox.Group, { disabled, style: { width: "100%" }, value: checkedValues, children: treeData.map((item) => {
       const title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
-      return /*#__PURE__*/_jsxs("div", {
-        className: "pro-tree-checkbox-content",
-        children: [/*#__PURE__*/_jsx("div", {
-          className: "pro-tree-checkbox-content-look",
-          children: optionRender ? optionRender(item, searchStr) : title
-        }), disabled ? null : /*#__PURE__*/_jsx(CloseIcon, {
-          onClick: () => handleFilterClose(item[fieldNameValue])
-        })]
-      }, item[fieldNames.value]);
-    })
-  });
+      return /* @__PURE__ */ jsx("div", { className: "pro-tree-checkbox-content", children: /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          onChange: (e) => handleOnChange(e, item[fieldNameValue]),
+          value: item[fieldNameValue],
+          disabled: item.disabled,
+          children: /* @__PURE__ */ jsx("span", { children: optionRender ? optionRender(item, searchStr) : /* @__PURE__ */ jsx(SearchTitle, { label: title, searchStr, ...other }) })
+        }
+      ) }, item[fieldNameValue]);
+    }) }) });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: treeData.map((item) => {
+    const title = showCodeName ? `${item[fieldNameValue]}-${item[fieldNameLabel]}` : item[fieldNameLabel];
+    return /* @__PURE__ */ jsxs("div", { className: "pro-tree-checkbox-content", children: [
+      /* @__PURE__ */ jsx("div", { className: "pro-tree-checkbox-content-look", children: optionRender ? optionRender(item, searchStr) : title }),
+      disabled ? null : /* @__PURE__ */ jsx(CloseIcon, { onClick: () => handleFilterClose(item[fieldNameValue]) })
+    ] }, item[fieldNames.value]);
+  }) });
 }
-export default /*#__PURE__*/memo(List);
+var List_default = memo(List);
+export {
+  List_default as default
+};