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

package/es/ProDrawerForm/components/ProModal/index.js

@@ -1,14 +1,10 @@
-import _isArray from "lodash/isArray";
-import React, { useCallback, useState, useRef } from 'react';
-import { Space, Button, Modal } from 'antd';
-import { useScroll, useSize } from 'ahooks';
-import classnames from 'classnames';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React, { useCallback, useState, useRef } from "react";
+import { Space, Button, Modal } from "antd";
+import { useScroll, useSize } from "ahooks";
+import classnames from "classnames";
+import isArray from "lodash/isArray";
 import { useConfirmClose } from "../../hooks/useConfirmClose";
-
-/**
- * 弹窗组件
- */
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const ProModal = ({
   form,
   title,
@@ -32,139 +28,112 @@ const ProModal = ({
   destroyOnHidden,
   modalProps
 }) => {
+  var _a;
   const ref = useRef(null);
-  const {
-    top
-  } = useScroll(ref.current?.parentNode) || {};
-  const {
-    height
-  } = useSize(ref) || {};
+  const { top } = useScroll((_a = ref.current) == null ? void 0 : _a.parentNode) || {};
+  const { height } = useSize(ref) || {};
   const noRenderFooter = isView || footer === false || footer === null;
-  const {
-    mask: modalMask,
-    ...restModalProps
-  } = modalProps || {};
+  const { mask: modalMask, ...restModalProps } = modalProps || {};
   const [loading, toggleLoading] = useState(false);
-  const {
-    markInteracted,
-    onConfirm,
-    contextHolder
-  } = useConfirmClose({
+  const { markInteracted, onConfirm, contextHolder } = useConfirmClose({
     open,
     isView,
     isConfirmClose,
     isConfirmCloseModalProps,
     onCancel
   });
-  const _className = classnames(['pro-modal', className, {
-    'pro-modal-scrolling': top > 0,
-    'pro-modal-no-footer': noRenderFooter,
-    'pro-modal-footer-shadow': height >= 450
-  }]);
+  const _className = classnames([
+    "pro-modal",
+    className,
+    {
+      "pro-modal-scrolling": top > 0,
+      "pro-modal-no-footer": noRenderFooter,
+      "pro-modal-footer-shadow": height >= 450
+    }
+  ]);
   const handleFinish = useCallback(async () => {
     try {
       if (open) {
         const values = await form.validateFields();
-        // 当传入okLoading时不走下面的默认loading逻辑
-        if (okLoading !== undefined) {
-          if (onOk && (await onOk(values, form)) === true) {
+        if (okLoading !== void 0) {
+          if (onOk && await onOk(values, form) === true) {
             onCancel && onCancel();
           }
           return true;
         }
         toggleLoading(true);
-        if (onOk && (await onOk(values, form)) === true) {
+        if (onOk && await onOk(values, form) === true) {
           onCancel && onCancel();
         }
       }
     } catch (error) {
-      /** 使用setTimeout确保DOM已经更新，错误标记已经渲染 */
       setTimeout(() => {
-        const errorElement = ref.current?.querySelector('[class*="form-item-has-error"]');
-        if (errorElement && error?.errorFields?.length) {
-          errorElement.scrollIntoView({
-            behavior: 'smooth',
-            block: 'center'
-          });
+        var _a2, _b;
+        const errorElement = (_a2 = ref.current) == null ? void 0 : _a2.querySelector('[class*="form-item-has-error"]');
+        if (errorElement && ((_b = error == null ? void 0 : error.errorFields) == null ? void 0 : _b.length)) {
+          errorElement.scrollIntoView({ behavior: "smooth", block: "center" });
         }
       }, 100);
     } finally {
       toggleLoading(false);
     }
   }, [onOk, onCancel, form]);
-
-  /**
-   * 描述：默认底部操作按钮
-   *
-   */
-  const defaultFooter = /*#__PURE__*/_jsxs("div", {
-    className: classnames({
-      'pro-modal-footer': extraLeft,
-      'pro-modal-footer-123': true
-    }),
-    children: [extraLeft, /*#__PURE__*/_jsxs(Space, {
-      children: [/*#__PURE__*/_jsx(Button, {
-        onClick: onCancel,
-        children: cancelText
-      }), /*#__PURE__*/_jsx(Button, {
-        type: "primary",
-        onClick: handleFinish,
-        loading: okLoading ?? loading,
-        disabled: okDisabled ?? loading,
-        children: okText
-      })]
-    })]
-  });
+  const defaultFooter = /* @__PURE__ */ jsxs("div", { className: classnames({ "pro-modal-footer": extraLeft, "pro-modal-footer-123": true }), children: [
+    extraLeft,
+    /* @__PURE__ */ jsxs(Space, { children: [
+      /* @__PURE__ */ jsx(Button, { onClick: onCancel, children: cancelText }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "primary",
+          onClick: handleFinish,
+          loading: okLoading ?? loading,
+          disabled: okDisabled ?? loading,
+          children: okText
+        }
+      )
+    ] })
+  ] });
   const renderFooter = () => {
     if (noRenderFooter) {
       return null;
     }
-    if ( /*#__PURE__*/React.isValidElement(footer)) {
-      return /*#__PURE__*/_jsx("div", {
-        className: "pro-drawer-footer",
-        children: footer
-      });
+    if (React.isValidElement(footer)) {
+      return /* @__PURE__ */ jsx("div", { className: "pro-drawer-footer", children: footer });
     }
-    if (_isArray(footer) && footer?.length) {
-      return /*#__PURE__*/_jsx("div", {
-        className: "pro-drawer-footer",
-        children: footer.map(item => {
-          if ( /*#__PURE__*/React.isValidElement(item)) {
-            return item;
-          }
-          return false;
-        })
-      });
+    if (isArray(footer) && (footer == null ? void 0 : footer.length)) {
+      return /* @__PURE__ */ jsx("div", { className: "pro-drawer-footer", children: footer.map((item) => {
+        if (React.isValidElement(item)) {
+          return item;
+        }
+        return false;
+      }) });
     }
     return defaultFooter;
   };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [contextHolder, /*#__PURE__*/_jsx(Modal, {
-      className: _className,
-      title: title,
-      width: width,
-      open: open,
-      mask: typeof modalMask === 'object' && modalMask !== null ? {
-        closable: maskClosable,
-        ...modalMask
-      } : modalMask ?? {
-        blur: false,
-        closable: maskClosable
-      },
-      onCancel: onConfirm,
-      footer: renderFooter(),
-      okText: okText,
-      cancelText: cancelText,
-      zIndex: zIndex,
-      destroyOnHidden: destroyOnHidden,
-      ...restModalProps,
-      children: /*#__PURE__*/_jsx("div", {
-        ref: ref,
-        onInput: markInteracted,
-        onChange: markInteracted,
-        children: children
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    contextHolder,
+    /* @__PURE__ */ jsx(
+      Modal,
+      {
+        className: _className,
+        title,
+        width,
+        open,
+        mask: typeof modalMask === "object" && modalMask !== null ? { closable: maskClosable, ...modalMask } : modalMask ?? { blur: false, closable: maskClosable },
+        onCancel: onConfirm,
+        footer: renderFooter(),
+        okText,
+        cancelText,
+        zIndex,
+        destroyOnHidden,
+        ...restModalProps,
+        children: /* @__PURE__ */ jsx("div", { ref, onInput: markInteracted, onChange: markInteracted, children })
+      }
+    )
+  ] });
+};
+var ProModal_default = ProModal;
+export {
+  ProModal_default as default
 };
-export default ProModal;

package/es/ProDrawerForm/components/index.js

@@ -1,2 +1,6 @@
-export { default as ProDrawer } from "./ProDrawer";
-export { default as ProModal } from "./ProModal";
+import { default as default2 } from "./ProDrawer";
+import { default as default3 } from "./ProModal";
+export {
+  default2 as ProDrawer,
+  default3 as ProModal
+};

package/es/ProDrawerForm/hooks/useConfirmClose.js

@@ -1,18 +1,8 @@
-import { useCallback, useEffect, useRef } from 'react';
-import { Modal } from 'antd';
+import { useCallback, useEffect, useRef } from "react";
+import { Modal } from "antd";
 import { shouldConfirmClose } from "../utils";
 import locale from "../../locale";
-/**
- * 关闭抽屉/弹窗时的二次确认逻辑
- *
- * - markInteracted：绑定到内容容器的 input / change 事件，标记用户真实交互过。
- *   setFieldsValue 等程序回填不会派发用户输入事件，因此异步回填不会误触发二次确认。
- * - onConfirm：组件自带关闭入口（右上角 × / 遮罩）的关闭处理。未交互、查看模式或
- *   未开启二次确认时直接关闭；否则弹出二次确认。底部取消按钮不走此逻辑。
- * - contextHolder：Modal.useModal 的上下文占位，需渲染进组件，使二次确认弹框能继承
- *   ConfigProvider 的主题 / 国际化（替代静态 Modal.confirm，消除上下文告警）。
- */
-export const useConfirmClose = ({
+const useConfirmClose = ({
   open,
   isView,
   isConfirmClose,
@@ -20,11 +10,8 @@ export const useConfirmClose = ({
   onCancel
 }) => {
   const [modal, contextHolder] = Modal.useModal();
-  // 记录用户是否真实交互过表单内容（区别于 setFieldsValue 等程序回填）
   const userInteractedRef = useRef(false);
   const confirmingRef = useRef(false);
-
-  // open 变化时重置用户交互标记
   useEffect(() => {
     userInteractedRef.current = false;
   }, [open]);
@@ -32,29 +19,24 @@ export const useConfirmClose = ({
     userInteractedRef.current = true;
   }, []);
   const onConfirm = useCallback(() => {
-    // 用户真实交互过才弹二次确认；查看模式、未开启确认、或仅程序回填均直接关闭
-    if (!shouldConfirmClose({
-      isView,
-      isConfirmClose,
-      userInteracted: userInteractedRef.current
-    })) {
-      onCancel?.();
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    if (!shouldConfirmClose({ isView, isConfirmClose, userInteracted: userInteractedRef.current })) {
+      onCancel == null ? void 0 : onCancel();
       return;
     }
-    if (confirmingRef.current) return;
+    if (confirmingRef.current)
+      return;
     confirmingRef.current = true;
     modal.confirm({
-      className: 'width430',
-      title: locale?.ProDrawerForm?.isSureClose,
-      okText: locale?.ProDrawerForm?.confirm,
-      cancelText: locale?.ProDrawerForm?.cancel,
-      content: locale?.ProDrawerForm?.secondTipsWhenSave,
-      mask: {
-        blur: false
-      },
+      className: "width430",
+      title: (_b = (_a = locale) == null ? void 0 : _a.ProDrawerForm) == null ? void 0 : _b.isSureClose,
+      okText: (_d = (_c = locale) == null ? void 0 : _c.ProDrawerForm) == null ? void 0 : _d.confirm,
+      cancelText: (_f = (_e = locale) == null ? void 0 : _e.ProDrawerForm) == null ? void 0 : _f.cancel,
+      content: (_h = (_g = locale) == null ? void 0 : _g.ProDrawerForm) == null ? void 0 : _h.secondTipsWhenSave,
+      mask: { blur: false },
       onOk: () => {
         confirmingRef.current = false;
-        onCancel?.();
+        onCancel == null ? void 0 : onCancel();
       },
       onCancel: () => {
         confirmingRef.current = false;
@@ -62,9 +44,8 @@ export const useConfirmClose = ({
       ...isConfirmCloseModalProps
     });
   }, [isView, isConfirmClose, isConfirmCloseModalProps, onCancel, modal]);
-  return {
-    markInteracted,
-    onConfirm,
-    contextHolder
-  };
-};
+  return { markInteracted, onConfirm, contextHolder };
+};
+export {
+  useConfirmClose
+};

package/es/ProDrawerForm/index.js

@@ -1,16 +1,17 @@
-import React, { createContext, forwardRef, useContext, useImperativeHandle, useMemo } from 'react';
+import { jsx } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useImperativeHandle, useMemo } from "react";
 import { ProDrawer, ProModal } from "./components";
 import ProForm from "../ProForm";
 import { resolveDrawerSize } from "./utils";
 import locale from "../locale";
-import { jsx as _jsx } from "react/jsx-runtime";
-const ProDrawerFormContext = /*#__PURE__*/createContext(null);
-export const useProDrawerFormContext = () => useContext(ProDrawerFormContext);
-const ProDrawerForm = /*#__PURE__*/forwardRef((props, ref) => {
+const ProDrawerFormContext = createContext(null);
+const useProDrawerFormContext = () => useContext(ProDrawerFormContext);
+const ProDrawerForm = forwardRef((props, ref) => {
+  var _a, _b, _c, _d, _e, _f;
   const {
     open,
-    mode = 'Drawer',
-    size = 'middle',
+    mode = "Drawer",
+    size = "middle",
     disabled,
     isView,
     form: originalForm,
@@ -21,25 +22,18 @@ const ProDrawerForm = /*#__PURE__*/forwardRef((props, ref) => {
     okText,
     isConfirmClose = true,
     maskClosable = false,
-    cancelText = locale?.ProDrawerForm?.cancel,
+    cancelText = (_b = (_a = locale) == null ? void 0 : _a.ProDrawerForm) == null ? void 0 : _b.cancel,
     ...restProps
   } = props;
   const nextIsView = isView || disabled;
-  const nextOkText = okText ?? (mode === 'Drawer' ? locale?.ProDrawerForm?.save : locale?.ProDrawerForm?.confirm);
-  const {
-    width: deprecatedWidth,
-    ...restPropsWithoutWidth
-  } = restProps;
-
-  // size 优先；显式传入（已废弃的）width 仍兼容生效并告警
+  const nextOkText = okText ?? (mode === "Drawer" ? (_d = (_c = locale) == null ? void 0 : _c.ProDrawerForm) == null ? void 0 : _d.save : (_f = (_e = locale) == null ? void 0 : _e.ProDrawerForm) == null ? void 0 : _f.confirm);
+  const { width: deprecatedWidth, ...restPropsWithoutWidth } = restProps;
   const width = resolveDrawerSize(size, deprecatedWidth);
   const [form] = ProForm.useForm(originalForm);
   const handleCancel = () => {
     onCloseClean && form.resetFields();
-    onCancel?.();
+    onCancel == null ? void 0 : onCancel();
   };
-
-  // 暴露form实例给用户
   useImperativeHandle(ref, () => form);
   const DrawerModal = useMemo(() => {
     return {
@@ -47,28 +41,25 @@ const ProDrawerForm = /*#__PURE__*/forwardRef((props, ref) => {
       Modal: ProModal
     }[mode];
   }, [mode]);
-  return /*#__PURE__*/_jsx(ProDrawerFormContext.Provider, {
-    value: {
-      source: 'ProDrawerForm'
-    },
-    children: open ? /*#__PURE__*/_jsx(DrawerModal, {
+  return /* @__PURE__ */ jsx(ProDrawerFormContext.Provider, { value: { source: "ProDrawerForm" }, children: open ? /* @__PURE__ */ jsx(
+    DrawerModal,
+    {
       ...restPropsWithoutWidth,
       isView: nextIsView,
-      open: open,
-      form: form,
-      width: width,
+      open,
+      form,
+      width,
       okText: nextOkText,
       onCancel: handleCancel,
-      isConfirmClose: isConfirmClose,
-      maskClosable: maskClosable,
-      cancelText: cancelText,
-      children: children || /*#__PURE__*/_jsx(ProForm, {
-        form: form,
-        disabled: nextIsView,
-        footer: false,
-        ...proFormProps
-      })
-    }) : null
-  });
+      isConfirmClose,
+      maskClosable,
+      cancelText,
+      children: children || /* @__PURE__ */ jsx(ProForm, { form, disabled: nextIsView, footer: false, ...proFormProps })
+    }
+  ) : null });
 });
-export default ProDrawerForm;
+var ProDrawerForm_default = ProDrawerForm;
+export {
+  ProDrawerForm_default as default,
+  useProDrawerFormContext
+};

package/es/ProDrawerForm/propsType.js

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

package/es/ProDrawerForm/utils/index.js

@@ -1,31 +1,19 @@
-/**
- * 将枚举值转成数值px，暴露枚举，隐藏真实数值，暂时不让用户自定义
- * @param size 设计规范的三个尺寸  460 960 1200 对应 'small' | 'middle' | 'large'
- */
-export const transformBySize = size => {
+const transformBySize = (size) => {
   switch (size) {
-    case 'small':
+    case "small":
       return 460;
-    case 'middle':
+    case "middle":
       return 960;
-    case 'large':
+    case "large":
       return 1200;
     default:
       return 960;
   }
 };
-const SIZE_PRESETS = ['small', 'middle', 'large'];
-
-/**
- * 解析最终尺寸
- *
- * - 显式传入（已废弃的）`width` 时打印警告并优先生效，保证向后兼容。
- * - `size` 命中三档枚举走 `transformBySize`；否则视为自定义数字 / 像素 / 百分比直接返回。
- */
-export const resolveDrawerSize = (size, width) => {
-  if (width !== undefined && width !== '') {
-    // eslint-disable-next-line no-console
-    console.warn('[ProDrawerForm] `width` 已废弃，请改用 `size`');
+const SIZE_PRESETS = ["small", "middle", "large"];
+const resolveDrawerSize = (size, width) => {
+  if (width !== void 0 && width !== "") {
+    console.warn("[ProDrawerForm] `width` 已废弃，请改用 `size`");
     return width;
   }
   if (SIZE_PRESETS.includes(size)) {
@@ -33,20 +21,14 @@ export const resolveDrawerSize = (size, width) => {
   }
   return size;
 };
-
-/**
- * 关闭抽屉时是否需要弹出二次确认
- *
- * 判定「用户是否真实改动过」依据 userInteracted —— 它由抽屉内容容器上监听到的
- * 真实用户输入事件（input / change）置位。打开后通过 setFieldsValue 异步回填
- * 详情数据属于程序行为，不会派发这些用户事件，因此不会误触发二次确认。
- */
-export const shouldConfirmClose = params => {
-  const {
-    isView,
-    isConfirmClose,
-    userInteracted
-  } = params;
-  if (isView || !isConfirmClose) return false;
+const shouldConfirmClose = (params) => {
+  const { isView, isConfirmClose, userInteracted } = params;
+  if (isView || !isConfirmClose)
+    return false;
   return userInteracted;
-};
+};
+export {
+  resolveDrawerSize,
+  shouldConfirmClose,
+  transformBySize
+};

package/es/ProEditLabel/components/RenderProForm.js

@@ -1,33 +1,28 @@
-import _omit from "lodash/omit";
-import { useEffect } from 'react';
-import { InfoCircleOutlined } from '@ant-design/icons';
-import { Space } from 'antd';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import omit from "lodash/omit";
+import { InfoCircleOutlined } from "@ant-design/icons";
+import { Space } from "antd";
 import { ProForm } from "../../index";
 import { matchFormValue } from "../utils";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const RenderProForm = props => {
+const RenderProForm = (props) => {
+  var _a, _b;
   const columns = [];
-  const primitiveProps = {
-    ...props
-  };
+  const primitiveProps = { ...props };
   let _props = {};
   useEffect(() => {
-    // isNode以ReactNode节点方式打开popUp，默认每次打开弹窗清空弹窗内容
-    if (primitiveProps?.value && !primitiveProps?.isNode) {
-      _props.form.setFieldsValue(matchFormValue(primitiveProps?.value, _props?.columns));
+    if ((primitiveProps == null ? void 0 : primitiveProps.value) && !(primitiveProps == null ? void 0 : primitiveProps.isNode)) {
+      _props.form.setFieldsValue(matchFormValue(primitiveProps == null ? void 0 : primitiveProps.value, _props == null ? void 0 : _props.columns));
     }
-
-    // 销毁重置表单数据
     return () => {
-      _props.form?.resetFields();
+      var _a2;
+      (_a2 = _props.form) == null ? void 0 : _a2.resetFields();
     };
   }, []);
-
-  // 兼容老写法
   if (!props.columns) {
     columns[0] = {
-      ..._omit(props, ['title', 'tip', 'form', 'onChange', 'isView', 'isNode']),
-      name: props.type || 'Input'
+      ...omit(props, ["title", "tip", "form", "onChange", "isView", "isNode"]),
+      name: props.type || "Input"
     };
     _props = {
       columns,
@@ -35,41 +30,42 @@ const RenderProForm = props => {
       isView: props.isView
     };
   } else {
-    _props = {
-      ..._omit(props, ['onChange', 'isNode'])
-    };
+    _props = { ...omit(props, ["onChange", "isNode"]) };
   }
-  if (_props?.isView) {
-    _props?.columns?.forEach(item => {
+  if (_props == null ? void 0 : _props.isView) {
+    (_a = _props == null ? void 0 : _props.columns) == null ? void 0 : _a.forEach((item) => {
       item.noStyle = true;
     });
   } else {
-    _props?.columns?.forEach(item => {
+    (_b = _props == null ? void 0 : _props.columns) == null ? void 0 : _b.forEach((item) => {
       item.noStyle = false;
     });
   }
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [primitiveProps?.title && !_props?.isView && /*#__PURE__*/_jsx("div", {
-      className: "pro-edit-label-title",
-      children: primitiveProps?.title
-    }), primitiveProps?.tip && !_props?.isView && /*#__PURE__*/_jsx("div", {
-      className: "pro-edit-label-tip",
-      children: /*#__PURE__*/_jsxs(Space, {
-        align: "start",
-        children: [/*#__PURE__*/_jsx(InfoCircleOutlined, {}), primitiveProps?.tip]
-      })
-    }), /*#__PURE__*/_jsx(ProForm, {
-      span: 24,
-      footer: false,
-      onValuesChange: (changeValue, values) => {
-        if (_props?.columns.length === 1) {
-          primitiveProps.onChange && primitiveProps.onChange(values[_props?.columns[0]?.name]);
-          return;
-        }
-        primitiveProps.onChange && primitiveProps.onChange(values);
-      },
-      ..._props
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    (primitiveProps == null ? void 0 : primitiveProps.title) && !(_props == null ? void 0 : _props.isView) && /* @__PURE__ */ jsx("div", { className: "pro-edit-label-title", children: primitiveProps == null ? void 0 : primitiveProps.title }),
+    (primitiveProps == null ? void 0 : primitiveProps.tip) && !(_props == null ? void 0 : _props.isView) && /* @__PURE__ */ jsx("div", { className: "pro-edit-label-tip", children: /* @__PURE__ */ jsxs(Space, { align: "start", children: [
+      /* @__PURE__ */ jsx(InfoCircleOutlined, {}),
+      primitiveProps == null ? void 0 : primitiveProps.tip
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      ProForm,
+      {
+        span: 24,
+        footer: false,
+        onValuesChange: (changeValue, values) => {
+          var _a2;
+          if ((_props == null ? void 0 : _props.columns.length) === 1) {
+            primitiveProps.onChange && primitiveProps.onChange(values[(_a2 = _props == null ? void 0 : _props.columns[0]) == null ? void 0 : _a2.name]);
+            return;
+          }
+          primitiveProps.onChange && primitiveProps.onChange(values);
+        },
+        ..._props
+      }
+    )
+  ] });
+};
+var RenderProForm_default = RenderProForm;
+export {
+  RenderProForm_default as default
 };
-export default RenderProForm;