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

package/es/ProTable/components/RenderColumn/index.js

@@ -1,20 +1,16 @@
-import _isBoolean from "lodash/isBoolean";
-import { useRef } from 'react';
-import { Tooltip, Typography, Space } from 'antd';
-import { useSetState } from 'ahooks';
-import classNames from 'classnames';
-import { CheckOutlined } from '@ant-design/icons';
-import { ReactSVG } from 'react-svg';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { Tooltip, Typography, Space } from "antd";
+import { useSetState } from "ahooks";
+import isBoolean from "lodash/isBoolean";
+import classNames from "classnames";
+import { CheckOutlined } from "@ant-design/icons";
+import { ReactSVG } from "react-svg";
 import { isEmpty, isEllipsisActive } from "../../../utils";
 import copySvg from "../../../assets/copy.svg";
 import locale from "../../../locale";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const {
-  Paragraph,
-  Text
-} = Typography;
-// @ts-ignore
-const RenderColumn = props => {
+const { Paragraph, Text } = Typography;
+const RenderColumn = (props) => {
   const {
     valueType,
     value,
@@ -30,219 +26,195 @@ const RenderColumn = props => {
     scroll
   } = props;
   const textRef = useRef(null);
-  const [{
-    tooltip
-  }, setState] = useSetState({
+  const [{ tooltip }, setState] = useSetState({
     tooltip: false
   });
   const cellDiffCls = classNames({
-    'varied-cell': props?.isChanged,
-    'add-cell': props?.isAddCell
+    "varied-cell": props == null ? void 0 : props.isChanged,
+    "add-cell": props == null ? void 0 : props.isAddCell
   });
-  const handleMouseOver = e => {
+  const handleMouseOver = (e) => {
     setState({
       tooltip: isEllipsisActive(e.target)
     });
   };
   const tooltipProps = {
-    getPopupContainer: triggerNode => triggerNode.parentNode,
+    getPopupContainer: (triggerNode) => triggerNode.parentNode,
     ...toolTipProps
   };
-
-  // 比对场景走的逻辑（包括新增行和变更行）
-  if (_isBoolean(props?.isChanged) || isInNewRowFlag) {
-    let renderNode = value ? node : '-';
-    const isXMaxContent = scroll?.x === 'max-content';
-
-    // 新增行场景：直接显示带样式的内容
+  if (isBoolean(props == null ? void 0 : props.isChanged) || isInNewRowFlag) {
+    let renderNode = value ? node : "-";
+    const isXMaxContent = (scroll == null ? void 0 : scroll.x) === "max-content";
     if (isInNewRowFlag) {
       if (ellipsis) {
-        renderNode = !isXMaxContent ? /*#__PURE__*/_jsx(Text, {
-          style: {
-            width: currentValue === '-' ? 32.5 : width,
-            minWidth
-          },
-          ellipsis: {
-            tooltip: false
-          },
-          children: node
-        }) : /*#__PURE__*/_jsx("div", {
+        renderNode = !isXMaxContent ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            style: { width: currentValue === "-" ? 32.5 : width, minWidth },
+            ellipsis: { tooltip: false },
+            children: node
+          }
+        ) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              minWidth,
+              width,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            },
+            children: node
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx("div", { className: "add-cell", style: { width, minWidth }, children: renderNode });
+    }
+    if (ellipsis || (props == null ? void 0 : props.isChanged)) {
+      renderNode = !isXMaxContent ? /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: { width: currentValue === "-" ? 32.5 : width, minWidth },
+          ellipsis: { tooltip: false },
+          children: ellipsis ? node : renderNode
+        }
+      ) : /* @__PURE__ */ jsx(
+        "div",
+        {
           style: {
             minWidth,
             width,
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap'
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
           },
-          children: node
-        });
-      }
-      return /*#__PURE__*/_jsx("div", {
-        className: "add-cell",
-        style: {
-          width,
-          minWidth
-        },
-        children: renderNode
-      });
-    }
-    if (ellipsis || props?.isChanged) {
-      renderNode = !isXMaxContent ? /*#__PURE__*/_jsx(Text, {
-        style: {
-          width: currentValue === '-' ? 32.5 : width,
-          minWidth
-        },
-        ellipsis: {
-          tooltip: false
-        },
-        children: ellipsis ? node : renderNode
-      }) : /*#__PURE__*/_jsx("div", {
-        style: {
-          minWidth,
-          width,
-          overflow: 'hidden',
-          textOverflow: 'ellipsis',
-          whiteSpace: 'nowrap'
-        },
-        children: ellipsis ? node : renderNode
-      });
-      if (props?.isChanged === false) {
+          children: ellipsis ? node : renderNode
+        }
+      );
+      if ((props == null ? void 0 : props.isChanged) === false) {
         if (ellipsis) {
-          return /*#__PURE__*/_jsx(Tooltip, {
-            title: currentValue,
-            onOpenChange: open => {
-              setState({
-                tooltip: false
-              });
-            },
-            open: tooltip,
-            ...tooltipProps,
-            children: /*#__PURE__*/_jsx(Text, {
-              style: {
-                width,
-                minWidth
+          return /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              title: currentValue,
+              onOpenChange: (open) => {
+                setState({
+                  tooltip: false
+                });
               },
-              ellipsis: true,
-              onMouseOver: handleMouseOver,
-              onFocus: handleMouseOver,
-              children: renderNode
-            })
-          });
+              open: tooltip,
+              ...tooltipProps,
+              children: /* @__PURE__ */ jsx(
+                Text,
+                {
+                  style: {
+                    width,
+                    minWidth
+                  },
+                  ellipsis: true,
+                  onMouseOver: handleMouseOver,
+                  onFocus: handleMouseOver,
+                  children: renderNode
+                }
+              )
+            }
+          );
         }
         return renderNode;
       }
       if (Array.isArray(originalValue)) {
-        console.error('Error: When enabled, dataIndex corresponds to an array, which needs to be converted using viewRender');
+        console.error(
+          "Error: When enabled, dataIndex corresponds to an array, which needs to be converted using viewRender"
+        );
       }
       const originalValueCalc = () => {
         if (Array.isArray(originalValue)) {
           return null;
         }
-        return !isEmpty(originalValue) ? originalValue : '-';
+        return !isEmpty(originalValue) ? originalValue : "-";
       };
-      return /*#__PURE__*/_jsx(Tooltip, {
-        style: {
-          width,
-          minWidth
-        },
-        classNames: {
-          root: 'original-value-tooltip'
-        },
-        destroyOnHidden: true,
-        placement: "topLeft",
-        autoAdjustOverflow: false,
-        title: /*#__PURE__*/_jsx(Space, {
-          orientation: "vertical",
-          className: "changed-tooltip",
-          children: props?.isChanged && !props?.isAddCell ? /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsxs(Space, {
-              align: "start",
-              className: "original-value-container",
-              children: ["\u521D\u59CB\u503C\uFF1A", originalValueCalc()]
-            }), /*#__PURE__*/_jsx(Space, {
-              className: "current-value-container",
-              children: ellipsis ? /*#__PURE__*/_jsxs(Space, {
-                children: ["\u5F53\u524D\u503C\uFF1A", currentValue]
-              }) : null
-            })]
-          }) : node
-        }),
-        ...toolTipProps,
-        children: /*#__PURE__*/_jsx("div", {
-          className: cellDiffCls,
-          children: renderNode
-        })
-      });
+      return /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          style: { width, minWidth },
+          classNames: {
+            root: "original-value-tooltip"
+          },
+          destroyOnHidden: true,
+          placement: "topLeft",
+          autoAdjustOverflow: false,
+          title: /* @__PURE__ */ jsx(Space, { orientation: "vertical", className: "changed-tooltip", children: (props == null ? void 0 : props.isChanged) && !(props == null ? void 0 : props.isAddCell) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(Space, { align: "start", className: "original-value-container", children: [
+              "初始值：",
+              originalValueCalc()
+            ] }),
+            /* @__PURE__ */ jsx(Space, { className: "current-value-container", children: ellipsis ? /* @__PURE__ */ jsxs(Space, { children: [
+              "当前值：",
+              currentValue
+            ] }) : null })
+          ] }) : node }),
+          ...toolTipProps,
+          children: /* @__PURE__ */ jsx("div", { className: cellDiffCls, children: renderNode })
+        }
+      );
     }
-    return /*#__PURE__*/_jsx("div", {
-      className: cellDiffCls,
-      style: {
-        width,
-        minWidth
-      },
-      children: renderNode
-    });
+    return /* @__PURE__ */ jsx("div", { className: cellDiffCls, style: { width, minWidth }, children: renderNode });
   }
   if (copyable) {
-    return /*#__PURE__*/_jsx("span", {
-      className: "copyable-table-cell",
-      children: /*#__PURE__*/_jsx(Paragraph, {
-        style: ellipsis ? {
-          width
-        } : undefined,
-        ellipsis: ellipsis ? {
-          tooltip: node
-        } : false,
+    return /* @__PURE__ */ jsx("span", { className: "copyable-table-cell", children: /* @__PURE__ */ jsx(
+      Paragraph,
+      {
+        style: ellipsis ? { width } : void 0,
+        ellipsis: ellipsis ? { tooltip: node } : false,
         copyable: {
           text: node,
-          icon: [/*#__PURE__*/_jsx(ReactSVG, {
-            className: "drag-icon",
-            src: copySvg
-          }, "copy-icon"), /*#__PURE__*/_jsx(CheckOutlined, {}, "copied-icon")],
+          icon: [
+            /* @__PURE__ */ jsx(ReactSVG, { className: "drag-icon", src: copySvg }, "copy-icon"),
+            /* @__PURE__ */ jsx(CheckOutlined, {}, "copied-icon")
+          ],
           tooltips: locale.ProHeader.copyTooltips
         },
         children: node
-      })
-    });
+      }
+    ) });
   }
   if (ellipsis) {
     if (!value) {
-      return /*#__PURE__*/_jsx("div", {
-        style: {
-          minWidth
-        },
-        children: "-"
-      });
+      return /* @__PURE__ */ jsx("div", { style: { minWidth }, children: "-" });
     }
-    return /*#__PURE__*/_jsx(Tooltip, {
-      title: value,
-      destroyOnHidden: true,
-      onOpenChange: () => {
-        setState({
-          tooltip: false
-        });
-      },
-      open: tooltip,
-      ...tooltipProps,
-      getPopupContainer: () => document.body,
-      children: /*#__PURE__*/_jsx(Text, {
-        ref: textRef,
-        style: {
-          width,
-          minWidth
+    return /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: value,
+        destroyOnHidden: true,
+        onOpenChange: () => {
+          setState({
+            tooltip: false
+          });
         },
-        ellipsis: true,
-        onMouseOver: handleMouseOver,
-        onFocus: handleMouseOver,
-        children: node
-      })
-    });
+        open: tooltip,
+        ...tooltipProps,
+        getPopupContainer: () => document.body,
+        children: /* @__PURE__ */ jsx(
+          Text,
+          {
+            ref: textRef,
+            style: {
+              width,
+              minWidth
+            },
+            ellipsis: true,
+            onMouseOver: handleMouseOver,
+            onFocus: handleMouseOver,
+            children: node
+          }
+        )
+      }
+    );
   }
-  return /*#__PURE__*/_jsx("div", {
-    style: {
-      minWidth
-    },
-    children: value || value === 0 ? node : '-'
-  });
+  return /* @__PURE__ */ jsx("div", { style: { minWidth }, children: value || value === 0 ? node : "-" });
+};
+var RenderColumn_default = RenderColumn;
+export {
+  RenderColumn_default as default
 };
-export default RenderColumn;

package/es/ProTable/components/RenderEmptyText/index.js

@@ -1,22 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const RenderEmptyText = props => {
-  const {
-    empty,
-    locale,
-    emptyText
-  } = props || {};
-  return /*#__PURE__*/_jsxs("div", {
-    className: "pro-table-empty",
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "empty-image",
-      children: /*#__PURE__*/_jsx("img", {
-        src: empty,
-        alt: locale?.ProTable?.noData
-      })
-    }), /*#__PURE__*/_jsx("div", {
-      className: "empty-description",
-      children: typeof emptyText === 'function' ? emptyText() : emptyText
-    })]
-  });
+import { jsx, jsxs } from "react/jsx-runtime";
+const RenderEmptyText = (props) => {
+  var _a;
+  const { empty, locale, emptyText } = props || {};
+  return /* @__PURE__ */ jsxs("div", { className: "pro-table-empty", children: [
+    /* @__PURE__ */ jsx("div", { className: "empty-image", children: /* @__PURE__ */ jsx("img", { src: empty, alt: (_a = locale == null ? void 0 : locale.ProTable) == null ? void 0 : _a.noData }) }),
+    /* @__PURE__ */ jsx("div", { className: "empty-description", children: typeof emptyText === "function" ? emptyText() : emptyText })
+  ] });
+};
+var RenderEmptyText_default = RenderEmptyText;
+export {
+  RenderEmptyText_default as default
 };
-export default RenderEmptyText;

package/es/ProTable/components/RenderFooter/index.js

@@ -1,16 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const RenderFooter = props => {
-  const {
-    dataSource
-  } = props || {};
-  const {
-    footerRender,
-    pagination,
-    _dataSource
-  } = dataSource || {};
-  return footerRender ? /*#__PURE__*/_jsx("div", {
-    className: `pro-table-footer ${pagination && !!_dataSource?.length ? 'has-page' : 'no-page'}`,
-    children: typeof footerRender === 'function' ? footerRender() : footerRender
-  }) : null;
+import { jsx } from "react/jsx-runtime";
+const RenderFooter = (props) => {
+  const { dataSource } = props || {};
+  const { footerRender, pagination, _dataSource } = dataSource || {};
+  return footerRender ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `pro-table-footer ${pagination && !!(_dataSource == null ? void 0 : _dataSource.length) ? "has-page" : "no-page"}`,
+      children: typeof footerRender === "function" ? footerRender() : footerRender
+    }
+  ) : null;
+};
+var RenderFooter_default = RenderFooter;
+export {
+  RenderFooter_default as default
 };
-export default RenderFooter;

package/es/ProTable/components/RenderSummary/index.js

@@ -1,55 +1,38 @@
-import _isObject from "lodash/isObject";
-import _get from "lodash/get";
-import { Table } from 'antd';
-import { tools } from '@zat-design/utils';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Table } from "antd";
+import get from "lodash/get";
+import isObject from "lodash/isObject";
+import { tools } from "@zat-design/utils";
 import { valueTypeRender } from "../../../ProUtils/utils";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-const renderSummary = props => {
-  const {
-    summary,
-    dataSource
-  } = props;
-  const {
-    columns,
-    total = true,
-    fixed = true
-  } = summary || {};
-  // 没有数据时，不展示合计栏
-  if (!dataSource?.length) {
+const renderSummary = (props) => {
+  const { summary, dataSource } = props;
+  const { columns, total = true, fixed = true } = summary || {};
+  if (!(dataSource == null ? void 0 : dataSource.length)) {
     return null;
   }
-  return _isObject(summary) ? /*#__PURE__*/_jsx(Table.Summary, {
-    fixed: fixed,
-    children: /*#__PURE__*/_jsx(Table.Summary.Row, {
-      children: columns?.map(({
-        key,
-        dataIndex,
-        index,
-        colSpan,
+  return isObject(summary) ? /* @__PURE__ */ jsx(Table.Summary, { fixed, children: /* @__PURE__ */ jsx(Table.Summary.Row, { children: columns == null ? void 0 : columns.map(
+    ({ key, dataIndex, index, colSpan, prefix, suffix, title, precision, valueType }) => {
+      var _a, _b;
+      const _key = key || dataIndex;
+      let text = null;
+      if (title) {
+        text = title;
+      } else if (total && _key) {
+        const format = (_a = valueTypeRender) == null ? void 0 : _a[valueType];
+        const sum = (_b = dataSource == null ? void 0 : dataSource.reduce) == null ? void 0 : _b.call(dataSource, (pre, cur) => {
+          return tools.calc(pre, "+", get(cur, _key) ?? 0);
+        }, 0);
+        text = format ? format(sum, precision ?? 2) : sum;
+      }
+      return /* @__PURE__ */ jsxs(Table.Summary.Cell, { index, colSpan, children: [
         prefix,
-        suffix,
-        title,
-        precision,
-        valueType
-      }) => {
-        const _key = key || dataIndex;
-        let text = null;
-        if (title) {
-          text = title;
-        } else if (total && _key) {
-          const format = valueTypeRender?.[valueType];
-          const sum = dataSource?.reduce?.((pre, cur) => {
-            return tools.calc(pre, '+', _get(cur, _key) ?? 0);
-          }, 0);
-          text = format ? format(sum, precision ?? 2) : sum;
-        }
-        return /*#__PURE__*/_jsxs(Table.Summary.Cell, {
-          index: index,
-          colSpan: colSpan,
-          children: [prefix, text, suffix]
-        }, _key);
-      })
-    })
-  }) : summary;
+        text,
+        suffix
+      ] }, _key);
+    }
+  ) }) }) : summary;
+};
+var RenderSummary_default = renderSummary;
+export {
+  RenderSummary_default as default
 };
-export default renderSummary;

package/es/ProTable/components/RenderTableHeader/index.js

@@ -1,11 +1,10 @@
-import { Button } from 'antd';
-import { ReactSVG } from 'react-svg';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "antd";
+import { ReactSVG } from "react-svg";
 import { ProTreeModal } from "../../../index";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const RenderTableHeader = props => {
-  const {
-    dataSource
-  } = props;
+const RenderTableHeader = (props) => {
+  var _a, _b, _c;
+  const { dataSource } = props;
   const {
     headerRender,
     columnConfig,
@@ -18,46 +17,45 @@ const RenderTableHeader = props => {
     handleColumnConfig,
     customColumnSvg
   } = dataSource || {};
-
-  // 没有数据时，不展示tableHeader
   if (!(headerRender || columnConfig || resizeColumn)) {
     return null;
   }
-  return /*#__PURE__*/_jsxs("div", {
-    className: "column-config",
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "left-contain",
-      children: headerRender ? typeof headerRender === 'function' ? headerRender() : headerRender : null
-    }), /*#__PURE__*/_jsxs("div", {
-      className: "right-actions",
-      children: [resizeColumn && /*#__PURE__*/_jsx(Button, {
-        icon: /*#__PURE__*/_jsx(ReactSVG, {
-          className: "anticon",
-          wrapper: "span",
-          src: resetSvg
-        }),
-        onClick: resetColumnWidth,
-        children: locale?.ProTable?.resetColumnWidth
-      }), columnConfig && /*#__PURE__*/_jsx(ProTreeModal, {
-        title: locale?.ProTable?.customColumns,
-        span: 8,
-        mode: "list",
-        draggable: true,
-        dataSource: customColumns,
-        value: checkColumns,
-        allValue: "all",
-        onChange: handleColumnConfig,
-        trigger: /*#__PURE__*/_jsx(Button, {
-          className: "custom-column-btn",
-          icon: /*#__PURE__*/_jsx(ReactSVG, {
-            className: "anticon",
-            wrapper: "span",
-            src: customColumnSvg
-          }),
-          children: locale?.ProTable?.customColumns
-        })
-      })]
-    })]
-  });
+  return /* @__PURE__ */ jsxs("div", { className: "column-config", children: [
+    /* @__PURE__ */ jsx("div", { className: "left-contain", children: headerRender ? typeof headerRender === "function" ? headerRender() : headerRender : null }),
+    /* @__PURE__ */ jsxs("div", { className: "right-actions", children: [
+      resizeColumn && /* @__PURE__ */ jsx(
+        Button,
+        {
+          icon: /* @__PURE__ */ jsx(ReactSVG, { className: "anticon", wrapper: "span", src: resetSvg }),
+          onClick: resetColumnWidth,
+          children: (_a = locale == null ? void 0 : locale.ProTable) == null ? void 0 : _a.resetColumnWidth
+        }
+      ),
+      columnConfig && /* @__PURE__ */ jsx(
+        ProTreeModal,
+        {
+          title: (_b = locale == null ? void 0 : locale.ProTable) == null ? void 0 : _b.customColumns,
+          span: 8,
+          mode: "list",
+          draggable: true,
+          dataSource: customColumns,
+          value: checkColumns,
+          allValue: "all",
+          onChange: handleColumnConfig,
+          trigger: /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: "custom-column-btn",
+              icon: /* @__PURE__ */ jsx(ReactSVG, { className: "anticon", wrapper: "span", src: customColumnSvg }),
+              children: (_c = locale == null ? void 0 : locale.ProTable) == null ? void 0 : _c.customColumns
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+};
+var RenderTableHeader_default = RenderTableHeader;
+export {
+  RenderTableHeader_default as default
 };
-export default RenderTableHeader;