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

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

@@ -1,91 +1,87 @@
-import { Tabs, Form, Segmented } from 'antd';
-import { useMemo, useState, useEffect, memo } from 'react';
+import { jsx } from "react/jsx-runtime";
+import { Tabs, Form, Segmented } from "antd";
+import { useMemo, useState, useEffect, memo } from "react";
 import useEnum from "../../../ProEnum/hooks/useEnum";
-import { jsx as _jsx } from "react/jsx-runtime";
-const RenderTabs = props => {
+const RenderTabs = (props) => {
   const {
     code,
     dataSource = [],
     transformResponse,
     tabsProps,
     segmentedProps,
-    mode = 'Segmented',
+    mode = "Segmented",
     name,
     formTableProps,
     transformParams
   } = props;
-  const {
-    form,
-    onSearch
-  } = formTableProps || {};
+  const { form, onSearch } = formTableProps || {};
   const [activeKey, setActiveKey] = useState(props.activeKey);
-
-  // 当 code 不存在时，传入一个不存在的 code 值，这样 useEnum 会返回 [空数组, getEnumLabel] 而不是整个缓存数据
-  const [options] = useEnum(code || '__PRO_TABLE_NO_CODE__');
+  const [options] = useEnum(code || "__PRO_TABLE_NO_CODE__");
   const fieldValue = Form.useWatch(name, form);
-
-  // 使用useMemo计算派生状态
   const tabItems = useMemo(() => {
-    const defaultItems = [...dataSource, ...(options || [])];
-    // 合并数据源并转换格式
-    let mergedData = defaultItems.map(item => ({
+    const defaultItems = [...dataSource, ...options || []];
+    let mergedData = defaultItems.map((item) => ({
       key: item.value,
       label: item.label
     }));
-    if (transformResponse && typeof transformResponse === 'function') {
+    if (transformResponse && typeof transformResponse === "function") {
       mergedData = transformResponse(defaultItems, formTableProps);
-      return mergedData.map(item => ({
+      return mergedData.map((item) => ({
         key: String(item.value),
         label: item.label
       }));
     }
-    return mergedData.map(item => ({
+    return mergedData.map((item) => ({
       key: String(item.key),
       label: item.label
     }));
   }, [dataSource, options, transformResponse]);
   useEffect(() => {
-    if (fieldValue !== undefined && fieldValue !== null && fieldValue !== activeKey) {
+    var _a;
+    if (fieldValue !== void 0 && fieldValue !== null && fieldValue !== activeKey) {
       setActiveKey(fieldValue);
-    } else if (!fieldValue && !activeKey && tabItems?.[0]?.key) {
+    } else if (!fieldValue && !activeKey && ((_a = tabItems == null ? void 0 : tabItems[0]) == null ? void 0 : _a.key)) {
       setActiveKey(tabItems[0].key);
     }
   }, [fieldValue, tabItems, activeKey]);
-  if (!tabItems?.length) {
+  if (!(tabItems == null ? void 0 : tabItems.length)) {
     return null;
   }
-  const handleChange = key => {
-    const fieldsValues = form?.getFieldsValue() || {};
+  const handleChange = (key) => {
+    const fieldsValues = (form == null ? void 0 : form.getFieldsValue()) || {};
     setActiveKey(key);
     form.setFieldValue(name, key);
-    let params = {
-      ...fieldsValues,
-      [name]: key
-    };
-    if (transformParams && typeof transformParams === 'function') {
+    let params = { ...fieldsValues, [name]: key };
+    if (transformParams && typeof transformParams === "function") {
       params = transformParams(params);
     }
-    onSearch?.(params);
+    onSearch == null ? void 0 : onSearch(params);
   };
-  if (mode === 'Tab') {
-    return /*#__PURE__*/_jsx(Tabs, {
-      className: "pro-table-tabs",
-      onChange: handleChange,
-      type: "card",
-      ...tabsProps,
-      items: tabItems,
-      activeKey: activeKey
-    });
+  if (mode === "Tab") {
+    return /* @__PURE__ */ jsx(
+      Tabs,
+      {
+        className: "pro-table-tabs",
+        onChange: handleChange,
+        type: "card",
+        ...tabsProps,
+        items: tabItems,
+        activeKey
+      }
+    );
   }
-  return /*#__PURE__*/_jsx(Segmented, {
-    className: "pro-table-segmented",
-    options: tabItems.map(item => ({
-      label: item.label,
-      value: item.key
-    })),
-    ...segmentedProps,
-    onChange: value => handleChange(value),
-    value: activeKey
-  });
+  return /* @__PURE__ */ jsx(
+    Segmented,
+    {
+      className: "pro-table-segmented",
+      options: tabItems.map((item) => ({ label: item.label, value: item.key })),
+      ...segmentedProps,
+      onChange: (value) => handleChange(value),
+      value: activeKey
+    }
+  );
+};
+var RenderTabs_default = memo(RenderTabs);
+export {
+  RenderTabs_default as default
 };
-export default /*#__PURE__*/memo(RenderTabs);

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

@@ -1,85 +1,69 @@
-import { useState } from 'react';
-import { Resizable } from 'react-resizable';
-import classnames from 'classnames';
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Resizable } from "react-resizable";
+import classnames from "classnames";
 import { getParentElement } from "../FormatColumn";
-import { jsx as _jsx } from "react/jsx-runtime";
-const ResizableTitle = props => {
-  const {
-    onDrag,
-    width,
-    minwidth = 50,
-    ...restProps
-  } = props;
-
-  // 添加偏移量
+const ResizableTitle = (props) => {
+  var _a;
+  const { onDrag, width, minwidth = 50, ...restProps } = props;
   const [offset, setOffset] = useState(0);
-  if (restProps?.className?.includes('ant-table-selection-column')) {
-    return /*#__PURE__*/_jsx("th", {
-      ...restProps
-    });
+  if ((_a = restProps == null ? void 0 : restProps.className) == null ? void 0 : _a.includes("ant-table-selection-column")) {
+    return /* @__PURE__ */ jsx("th", { ...restProps });
   }
   const ResizableComponent = Resizable;
-  return /*#__PURE__*/_jsx(ResizableComponent, {
-    width: Number(width) + Number(offset),
-    minConstraints: [minwidth, 0],
-    height: 0,
-    handle: /*#__PURE__*/_jsx("span", {
-      className: classnames(['react-resizable-handle', offset && 'active']),
-      style: {
-        transform: `translateX(${offset}px)`
+  return /* @__PURE__ */ jsx(
+    ResizableComponent,
+    {
+      width: Number(width) + Number(offset),
+      minConstraints: [minwidth, 0],
+      height: 0,
+      handle: /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: classnames(["react-resizable-handle", offset && "active"]),
+          style: { transform: `translateX(${offset}px)` },
+          onClick: (e) => {
+            e.stopPropagation();
+          }
+        }
+      ),
+      onResize: (e, { size, node }) => {
+        var _a2;
+        const parentDom = getParentElement(node, "pro-table-container");
+        const parentClient = parentDom == null ? void 0 : parentDom.getBoundingClientRect();
+        const subClient = node == null ? void 0 : node.getBoundingClientRect();
+        const lineDom = (_a2 = parentDom.getElementsByClassName("pro-table-resizable-line")) == null ? void 0 : _a2[0];
+        if (parentClient && subClient && lineDom) {
+          const height = parentDom.getElementsByTagName("table")[0].clientHeight;
+          lineDom.style.display = "block";
+          lineDom.style.height = `${height}px`;
+          lineDom.style.left = `${subClient.left - parentClient.left + 6}px`;
+        }
+        setOffset(size.width - width);
       },
-      onClick: e => {
-        e.stopPropagation();
-      }
-    }),
-    onResize: (e, {
-      size,
-      node
-    }) => {
-      const parentDom = getParentElement(node, 'pro-table-container');
-      // 获取父元素视窗位置信息
-      const parentClient = parentDom?.getBoundingClientRect();
-      const subClient = node?.getBoundingClientRect();
-      const lineDom = parentDom.getElementsByClassName('pro-table-resizable-line')?.[0];
-      // 设置辅助线数据
-      if (parentClient && subClient && lineDom) {
-        const height = parentDom.getElementsByTagName('table')[0].clientHeight;
-        lineDom.style.display = 'block';
-        lineDom.style.height = `${height}px`;
-        lineDom.style.left = `${subClient.left - parentClient.left + 6}px`;
-      }
-      setOffset(size.width - width);
-    },
-    onResizeStop: (...args) => {
-      const parentDom = getParentElement(args[1].node, 'pro-table-container');
-      const lineDom = parentDom.getElementsByClassName('pro-table-resizable-line')?.[0];
-      setOffset(0);
-      onDrag && onDrag(...args);
-      if (lineDom) {
-        lineDom.style.display = 'none';
-      }
-    },
-    draggableOpts: {
-      enableUserSelectHack: false
-    },
-    children: /*#__PURE__*/_jsx("th", {
-      ...restProps,
-      style: {
-        overflow: 'visible',
-        ...restProps.style
+      onResizeStop: (...args) => {
+        var _a2;
+        const parentDom = getParentElement(args[1].node, "pro-table-container");
+        const lineDom = (_a2 = parentDom.getElementsByClassName("pro-table-resizable-line")) == null ? void 0 : _a2[0];
+        setOffset(0);
+        onDrag && onDrag(...args);
+        if (lineDom) {
+          lineDom.style.display = "none";
+        }
       },
-      children: /*#__PURE__*/_jsx("div", {
-        className: "pro-table-th-cell",
-        children: restProps.children
-      })
-    })
-  });
+      draggableOpts: { enableUserSelectHack: false },
+      children: /* @__PURE__ */ jsx("th", { ...restProps, style: { overflow: "visible", ...restProps.style }, children: /* @__PURE__ */ jsx("div", { className: "pro-table-th-cell", children: restProps.children }) })
+    }
+  );
 };
 const components = {
   header: {
     cell: ResizableTitle
   }
 };
-export default {
+var TableResizable_default = {
   components
-};
+};
+export {
+  TableResizable_default as default
+};

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

@@ -1,23 +1,15 @@
-import { Tooltip } from 'antd';
-import { QuestionCircleOutlined } from '@ant-design/icons';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const TooltipTitle = props => {
-  const {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip } from "antd";
+import { QuestionCircleOutlined } from "@ant-design/icons";
+const TooltipTitle = (props) => {
+  const { title, tooltip } = props;
+  const { title: tooltipTitle, icon } = tooltip || {};
+  return /* @__PURE__ */ jsxs("span", { className: "pro-table-tooltip", children: [
     title,
-    tooltip
-  } = props;
-  const {
-    title: tooltipTitle,
-    icon
-  } = tooltip || {};
-  return /*#__PURE__*/_jsxs("span", {
-    className: "pro-table-tooltip",
-    children: [title, /*#__PURE__*/_jsx(Tooltip, {
-      title: tooltipTitle ?? tooltip,
-      children: /*#__PURE__*/_jsx(QuestionCircleOutlined, {
-        className: "icon-tip"
-      })
-    })]
-  });
+    /* @__PURE__ */ jsx(Tooltip, { title: tooltipTitle ?? tooltip, children: /* @__PURE__ */ jsx(QuestionCircleOutlined, { className: "icon-tip" }) })
+  ] });
+};
+var TooltipTitle_default = TooltipTitle;
+export {
+  TooltipTitle_default as default
 };
-export default TooltipTitle;

package/es/ProTable/components/index.js

@@ -1,36 +1,16 @@
-/**
- * 表格可伸缩列组件
- * @description 实现表格列宽可调整功能
- */
-export { default as TableResizable } from "./TableResizable";
-
-/**
- * 表格空数据渲染组件
- * @description 当表格数据为空时的显示内容
- */
-export { default as RenderEmptyText } from "./RenderEmptyText";
-
-/**
- * 表格汇总行组件
- * @description 用于渲染表格底部的汇总信息
- */
-export { default as RenderSummary } from "./RenderSummary";
-
-/**
- * 表格头部渲染组件
- * @description 自定义表格头部区域，支持自定义内容和操作按钮
- */
-export { default as RenderTableHeader } from "./RenderTableHeader";
-
-/**
- * 表格底部渲染组件
- * @description 自定义表格底部区域，支持添加额外操作按钮
- */
-export { default as RenderFooter } from "./RenderFooter";
-
-/**
- * 表格标签页组件
- * @description 实现表格顶部的标签页切换功能，用于数据分类展示
- */
-export { default as RenderTabs } from "./RenderTabs";
-export { default as EditableCell } from "./EditableCell";
+import { default as default2 } from "./TableResizable";
+import { default as default3 } from "./RenderEmptyText";
+import { default as default4 } from "./RenderSummary";
+import { default as default5 } from "./RenderTableHeader";
+import { default as default6 } from "./RenderFooter";
+import { default as default7 } from "./RenderTabs";
+import { default as default8 } from "./EditableCell";
+export {
+  default8 as EditableCell,
+  default3 as RenderEmptyText,
+  default6 as RenderFooter,
+  default4 as RenderSummary,
+  default5 as RenderTableHeader,
+  default7 as RenderTabs,
+  default2 as TableResizable
+};