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

package/es/ProForm/components/combination/FormList/components/BlockFields.js

@@ -1,14 +1,14 @@
-import _isFunction from "lodash/isFunction";
-import { Row, Space } from 'antd';
-import React, { useMemo } from 'react';
-import classNames from 'classnames';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Row, Space } from "antd";
+import React, { useMemo } from "react";
+import isFunction from "lodash/isFunction";
+import classNames from "classnames";
 import ActionButton from "./ActionButton";
 import RenderFields from "../../../render/RenderFields";
 import ProCollapse from "../../../../../ProLayout/components/ProCollapse";
 import { memoWith } from "../utils";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const MemoRenderFields = /*#__PURE__*/React.memo(RenderFields, memoWith);
-const BlockFields = props => {
+const MemoRenderFields = React.memo(RenderFields, memoWith);
+const BlockFields = (props) => {
   const {
     title,
     mode,
@@ -25,7 +25,7 @@ const BlockFields = props => {
     colProps,
     disabled,
     isView,
-    level = '2',
+    level = "2",
     towCollapse,
     id,
     diffConfig,
@@ -33,108 +33,104 @@ const BlockFields = props => {
     titlePosition
   } = props;
   const _title = useMemo(() => {
-    if (_isFunction(title)) {
+    if (isFunction(title)) {
       const record = form.getFieldValue(namePath);
       return title(record, index, form);
     }
     return title;
   }, [title, index]);
   const cls = classNames({
-    [`pro-form-list-mode-${mode}`]: mode === 'block' || mode === 'line' || mode === 'less',
-    'pro-form-list-title-left': titlePosition === 'left'
+    [`pro-form-list-mode-${mode}`]: mode === "block" || mode === "line" || mode === "less",
+    "pro-form-list-title-left": titlePosition === "left"
   });
-
-  // 左侧标题布局
-  if (titlePosition === 'left') {
-    return /*#__PURE__*/_jsx(Space, {
-      orientation: "vertical",
-      className: cls,
-      id: id,
-      children: /*#__PURE__*/_jsxs("div", {
-        className: "pro-form-list-left-title-wrapper",
-        children: [/*#__PURE__*/_jsx("div", {
-          className: "pro-form-list-left-title",
-          children: _title
-        }), /*#__PURE__*/_jsx("div", {
-          className: "pro-form-list-left-content",
-          children: /*#__PURE__*/_jsx(ProCollapse, {
-            title: _title,
-            index: index,
-            form: form,
-            level: level,
-            towCollapse: towCollapse,
-            extra: actionProps !== false && /*#__PURE__*/_jsx(ActionButton, {
-              min: min,
-              max: max,
-              index: index,
+  if (titlePosition === "left") {
+    return /* @__PURE__ */ jsx(Space, { orientation: "vertical", className: cls, id, children: /* @__PURE__ */ jsxs("div", { className: "pro-form-list-left-title-wrapper", children: [
+      /* @__PURE__ */ jsx("div", { className: "pro-form-list-left-title", children: _title }),
+      /* @__PURE__ */ jsx("div", { className: "pro-form-list-left-content", children: /* @__PURE__ */ jsx(
+        ProCollapse,
+        {
+          className: "pro-form-list-left-action-right",
+          title: _title,
+          index,
+          form,
+          level,
+          towCollapse,
+          extra: actionProps !== false && /* @__PURE__ */ jsx(
+            ActionButton,
+            {
+              min,
+              max,
+              index,
               length: fields.length,
-              operation: operation,
-              namePath: namePath,
-              form: form,
-              field: field,
-              fields: fields,
-              actionProps: actionProps,
-              mode: mode,
-              disabled: disabled,
-              isView: isView,
-              hideStartEndActionProps: hideStartEndActionProps
-            }),
-            children: /*#__PURE__*/_jsx(Row, {
-              gutter: 24,
-              children: /*#__PURE__*/_jsx(MemoRenderFields, {
-                columns: columns,
-                form: form,
-                colProps: colProps,
-                disabled: disabled,
-                isView: isView,
-                diffConfig: diffConfig
-              })
-            }, field.key)
-          })
-        })]
-      })
-    });
+              operation,
+              namePath,
+              form,
+              field,
+              fields,
+              actionProps,
+              mode,
+              disabled,
+              isView,
+              hideStartEndActionProps
+            }
+          ),
+          children: /* @__PURE__ */ jsx(Row, { gutter: 24, children: /* @__PURE__ */ jsx(
+            MemoRenderFields,
+            {
+              columns,
+              form,
+              colProps,
+              disabled,
+              isView,
+              diffConfig
+            }
+          ) }, field.key)
+        }
+      ) })
+    ] }) });
   }
-
-  // 默认顶部标题布局
-  return /*#__PURE__*/_jsx(Space, {
-    orientation: "vertical",
-    className: cls,
-    id: id,
-    children: /*#__PURE__*/_jsx(ProCollapse, {
+  return /* @__PURE__ */ jsx(Space, { orientation: "vertical", className: cls, id, children: /* @__PURE__ */ jsx(
+    ProCollapse,
+    {
       title: _title,
-      index: index,
-      form: form,
-      level: level,
-      towCollapse: towCollapse,
-      extra: actionProps !== false && /*#__PURE__*/_jsx(ActionButton, {
-        min: min,
-        max: max,
-        index: index,
-        length: fields.length,
-        operation: operation,
-        namePath: namePath,
-        form: form,
-        field: field,
-        fields: fields,
-        actionProps: actionProps,
-        mode: mode,
-        disabled: disabled,
-        isView: isView,
-        hideStartEndActionProps: hideStartEndActionProps
-      }),
-      children: /*#__PURE__*/_jsx(Row, {
-        gutter: 24,
-        children: /*#__PURE__*/_jsx(MemoRenderFields, {
-          columns: columns,
-          form: form,
-          colProps: colProps,
-          disabled: disabled,
-          isView: isView,
-          diffConfig: diffConfig
-        })
-      }, field.key)
-    })
-  });
+      index,
+      form,
+      level,
+      towCollapse,
+      extra: actionProps !== false && /* @__PURE__ */ jsx(
+        ActionButton,
+        {
+          min,
+          max,
+          index,
+          length: fields.length,
+          operation,
+          namePath,
+          form,
+          field,
+          fields,
+          actionProps,
+          mode,
+          disabled,
+          isView,
+          hideStartEndActionProps
+        }
+      ),
+      children: /* @__PURE__ */ jsx(Row, { gutter: 24, children: /* @__PURE__ */ jsx(
+        MemoRenderFields,
+        {
+          columns,
+          form,
+          colProps,
+          disabled,
+          isView,
+          diffConfig
+        }
+      ) }, field.key)
+    }
+  ) });
+};
+var BlockFields_default = BlockFields;
+export {
+  BlockFields_default as default
 };
-export default BlockFields;

package/es/ProForm/components/combination/FormList/components/Empty.js

@@ -1,29 +1,17 @@
-import _isFunction from "lodash/isFunction";
-import { Button } from 'antd';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "antd";
+import isFunction from "lodash/isFunction";
 import EmptyImg from "../../../../../assets/empty.png";
 import locale from "../../../../../locale";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// 空列表状态
-const Empty = ({
-  disabled,
-  toolbarProps,
-  operation,
-  form,
-  namePath,
-  emptyBtnText
-}) => {
-  // 找到type为'add'的配置
-  const addConfig = Array.isArray(toolbarProps) ? toolbarProps.find(item => item.type === 'add') : null;
+const Empty = ({ disabled, toolbarProps, operation, form, namePath, emptyBtnText }) => {
+  const addConfig = Array.isArray(toolbarProps) ? toolbarProps.find((item) => item.type === "add") : null;
   const handleAddClick = async () => {
-    if (!operation || !form || !namePath) return;
+    var _a;
+    if (!operation || !form || !namePath)
+      return;
     const value = form.getFieldValue(namePath);
-    const data = await addConfig?.onClick?.(value, {
-      operation,
-      form,
-      namePath,
-      index: 0
-    });
-    if (!addConfig?.onClick || data === true) {
+    const data = await ((_a = addConfig == null ? void 0 : addConfig.onClick) == null ? void 0 : _a.call(addConfig, value, { operation, form, namePath, index: 0 }));
+    if (!(addConfig == null ? void 0 : addConfig.onClick) || data === true) {
       operation.add({});
       return;
     }
@@ -31,40 +19,25 @@ const Empty = ({
       operation.add(data);
     }
   };
-
-  // 获取按钮文案
   const getBtnText = () => {
-    return emptyBtnText || addConfig?.label || locale.ProForm.formListActions[6];
+    return emptyBtnText || (addConfig == null ? void 0 : addConfig.label) || locale.ProForm.formListActions[6];
   };
-  let show = true;
-  if (addConfig?.show !== undefined) {
-    show = _isFunction(addConfig.show) ? addConfig.show(form.getFieldValue(namePath), {
-      namePath,
-      form
-    }) : !!addConfig.show;
+  let show = toolbarProps !== false;
+  if ((addConfig == null ? void 0 : addConfig.show) !== void 0) {
+    show = isFunction(addConfig.show) ? addConfig.show(form.getFieldValue(namePath), { namePath, form }) : !!addConfig.show;
   }
-  return /*#__PURE__*/_jsxs("div", {
-    className: "pro-form-list-empty",
-    children: [/*#__PURE__*/_jsx("img", {
-      className: "pro-form-list-empty-img",
-      src: EmptyImg,
-      alt: "Empty"
-    }), /*#__PURE__*/_jsx("div", {
-      className: "pro-form-list-empty-content",
-      children: disabled || !show ? locale.ProForm.noData : /*#__PURE__*/_jsxs(_Fragment, {
-        children: [locale.ProForm.noData, !disabled && /*#__PURE__*/_jsxs(_Fragment, {
-          children: ["\uFF0C", /*#__PURE__*/_jsx(Button, {
-            type: "link",
-            onClick: handleAddClick,
-            style: {
-              padding: 0,
-              height: 'auto'
-            },
-            children: getBtnText()
-          })]
-        })]
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs("div", { className: "pro-form-list-empty", children: [
+    /* @__PURE__ */ jsx("img", { className: "pro-form-list-empty-img", src: EmptyImg, alt: "Empty" }),
+    /* @__PURE__ */ jsx("div", { className: "pro-form-list-empty-content", children: disabled || !show ? locale.ProForm.noData : /* @__PURE__ */ jsxs(Fragment, { children: [
+      locale.ProForm.noData,
+      !disabled && /* @__PURE__ */ jsxs(Fragment, { children: [
+        "，",
+        /* @__PURE__ */ jsx(Button, { type: "link", onClick: handleAddClick, style: { padding: 0, height: "auto" }, children: getBtnText() })
+      ] })
+    ] }) })
+  ] });
+};
+var Empty_default = Empty;
+export {
+  Empty_default as default
 };
-export default Empty;

package/es/ProForm/components/combination/FormList/components/LineFields.js

@@ -1,16 +1,16 @@
-import { Row } from 'antd';
-import React from 'react';
-import classNames from 'classnames';
-import { useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Row } from "antd";
+import React from "react";
+import classNames from "classnames";
+import { useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
 import dragSvg from "../../../../../assets/drag.svg";
 import ProIcon from "../../../../../ProIcon";
 import ActionButton from "./ActionButton";
 import RenderFields from "../../../render/RenderFields";
 import { memoWith } from "../utils";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const MemoRenderFields = /*#__PURE__*/React.memo(RenderFields, memoWith);
-const LineFields = props => {
+const MemoRenderFields = React.memo(RenderFields, memoWith);
+const LineFields = (props) => {
   const {
     mode,
     index,
@@ -32,7 +32,7 @@ const LineFields = props => {
     diffConfig,
     hideStartEndActionProps
   } = props;
-  const isLess = mode === 'less';
+  const isLess = mode === "less";
   const {
     attributes,
     listeners,
@@ -46,55 +46,58 @@ const LineFields = props => {
     disabled
   });
   const classnames = classNames({
-    'pro-form-list': true,
-    'pro-form-list-line': mode === 'line',
+    "pro-form-list": true,
+    "pro-form-list-line": mode === "line",
     [className]: !!className
   });
   const style = {
-    opacity: isDragging ? 0.4 : undefined,
+    opacity: isDragging ? 0.4 : void 0,
     transform: CSS.Translate.toString(transform),
     transition
   };
-  return /*#__PURE__*/_jsxs("div", {
-    className: classnames,
-    ref: setNodeRef,
-    style: style,
-    id: id,
-    children: [!disabled && draggable && /*#__PURE__*/_jsx("div", {
-      ...attributes,
-      ...listeners,
-      className: "pro-form-list-drag-handle",
-      ref: setActivatorNodeRef,
-      children: /*#__PURE__*/_jsx(ProIcon, {
-        component: dragSvg,
-        size: 20,
-        color: "#949599"
-      })
-    }), /*#__PURE__*/_jsx(Row, {
-      gutter: isLess ? 0 : 24,
-      children: /*#__PURE__*/_jsx(MemoRenderFields, {
-        columns: columns,
-        form: form,
-        colProps: colProps,
-        disabled: disabled,
-        isView: isView,
-        diffConfig: diffConfig
-      })
-    }), actionProps !== false && /*#__PURE__*/_jsx(ActionButton, {
-      min: min,
-      max: max,
-      index: index,
-      length: fields.length,
-      operation: operation,
-      namePath: namePath,
-      form: form,
-      field: field,
-      fields: fields,
-      actionProps: actionProps,
-      mode: mode,
-      disabled: disabled,
-      hideStartEndActionProps: hideStartEndActionProps
-    })]
-  });
+  return /* @__PURE__ */ jsxs("div", { className: classnames, ref: setNodeRef, style, id, children: [
+    !disabled && draggable && /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...attributes,
+        ...listeners,
+        className: "pro-form-list-drag-handle",
+        ref: setActivatorNodeRef,
+        children: /* @__PURE__ */ jsx(ProIcon, { component: dragSvg, size: 20, color: "#949599" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Row, { gutter: isLess ? 0 : 24, children: /* @__PURE__ */ jsx(
+      MemoRenderFields,
+      {
+        columns,
+        form,
+        colProps,
+        disabled,
+        isView,
+        diffConfig
+      }
+    ) }),
+    actionProps !== false && /* @__PURE__ */ jsx(
+      ActionButton,
+      {
+        min,
+        max,
+        index,
+        length: fields.length,
+        operation,
+        namePath,
+        form,
+        field,
+        fields,
+        actionProps,
+        mode,
+        disabled,
+        hideStartEndActionProps
+      }
+    )
+  ] });
+};
+var LineFields_default = LineFields;
+export {
+  LineFields_default as default
 };
-export default LineFields;