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

package/es/ProEditLabel/index.js

@@ -1,159 +1,132 @@
-import _omit from "lodash/omit";
-import { EditOutlined } from '@ant-design/icons';
-import { Input, Popconfirm, Form, Space } from 'antd';
-import { useToggle, useSetState } from 'ahooks';
-import classnames from 'classnames';
-import React, { useEffect, useRef } from 'react';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { EditOutlined } from "@ant-design/icons";
+import { Input, Popconfirm, Form, Space } from "antd";
+import { useToggle, useSetState } from "ahooks";
+import classnames from "classnames";
+import React, { useEffect, useRef } from "react";
+import omit from "lodash/omit";
 import RenderProForm from "./components/RenderProForm";
 import { matchFormValue } from "./utils";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const ProEditLabel = ({
   open = false,
   disabled = false,
   onOpenChange,
   onFinish,
   onConfirm,
-  trigger = 'click',
-  mode = 'current',
+  trigger = "click",
+  mode = "current",
   className,
-  size = 'middle',
+  size = "middle",
   popupProps,
   style,
-  viewEmpty = '-',
+  viewEmpty = "-",
   children,
   form: OriginForm,
   ...props
 }) => {
-  const [{
-    confirmValue
-  }, setState] = useSetState({
-    popValue: props.value || '',
+  const [{ confirmValue }, setState] = useSetState({
+    popValue: props.value || "",
     // 临时value
-    confirmValue: props.value || '' // 确认后value
+    confirmValue: props.value || ""
+    // 确认后value
   });
-  const [status, {
-    toggle: toggleStatus
-  }] = useToggle(open);
+  const [status, { toggle: toggleStatus }] = useToggle(open);
   const [form] = Form.useForm(OriginForm);
   const [viewForm] = Form.useForm();
   const inputRef = useRef(null);
-
-  // 类型断言：antd FormInstance 确实有这些方法（setFieldsValue, validateFields等）
-  // 使用类型断言解决 TypeScript 类型检查问题
   const formInstance = form;
   const viewFormInstance = viewForm;
-  const onPress = e => {
+  const onPress = (e) => {
     const element = e.target;
-    if (e.key === 'Enter') {
+    if (e.key === "Enter") {
       onFinish && onFinish(element.value);
       onConfirm && onConfirm(element.value);
       toggleStatus();
     }
   };
   const editHandle = () => {
+    var _a;
     toggleStatus();
-    inputRef.current?.focus();
-    if (mode === 'popup') {
-      // 兼容老写法
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+    if (mode === "popup") {
       if (!popupProps.columns) {
-        if (!popupProps?.type) {
-          console.warn('ProEditLabel: popupProps.type is required when using old API (without columns)');
+        if (!(popupProps == null ? void 0 : popupProps.type)) {
+          console.warn(
+            "ProEditLabel: popupProps.type is required when using old API (without columns)"
+          );
           return;
         }
-        formInstance.setFieldsValue({
-          [popupProps.type]: confirmValue
-        });
+        formInstance.setFieldsValue({ [popupProps.type]: confirmValue });
       } else {
         const matchedValue = matchFormValue(confirmValue, popupProps.columns);
         formInstance.setFieldsValue(matchedValue || {});
       }
-      // 弹窗同步最新value数据，解决Popconfirm空白处关闭数据不同步问题
-      setState({
-        popValue: confirmValue
-      });
+      setState({ popValue: confirmValue });
     }
   };
   useEffect(() => {
-    status && inputRef.current?.focus();
+    var _a;
+    status && ((_a = inputRef.current) == null ? void 0 : _a.focus());
   }, [status]);
   useEffect(() => {
     onOpenChange && onOpenChange(status);
   }, [onOpenChange, status]);
   useEffect(() => {
-    setState({
-      confirmValue: props.value,
-      popValue: props.value
-    });
+    setState({ confirmValue: props.value, popValue: props.value });
   }, [props.value]);
-
-  // 初始化同步数据或者同步外部数据源
   useEffect(() => {
-    // 弹窗模式使用form赋值
-    if (mode === 'popup' && props.value) {
-      // 兼容老写法
+    if (mode === "popup" && props.value) {
       if (!popupProps.columns) {
-        if (!popupProps?.type) {
-          console.warn('ProEditLabel: popupProps.type is required when using old API (without columns)');
+        if (!(popupProps == null ? void 0 : popupProps.type)) {
+          console.warn(
+            "ProEditLabel: popupProps.type is required when using old API (without columns)"
+          );
           return;
         }
-        formInstance.setFieldsValue({
-          [popupProps.type]: props.value
-        });
-        // 文本模式初始化赋值
-        viewFormInstance.setFieldsValue({
-          [popupProps.type]: props.value
-        });
+        formInstance.setFieldsValue({ [popupProps.type]: props.value });
+        viewFormInstance.setFieldsValue({ [popupProps.type]: props.value });
       } else {
         formInstance.setFieldsValue(matchFormValue(props.value, popupProps.columns) || {});
-        // 文本模式初始化赋值
         viewFormInstance.setFieldsValue(matchFormValue(props.value, popupProps.columns) || {});
       }
     }
   }, [props.value, mode]);
-
-  // 文本模式同步
   useEffect(() => {
-    // 弹窗模式使用form赋值
-    if (mode === 'popup' && confirmValue !== props.value) {
-      // 兼容老写法
+    if (mode === "popup" && confirmValue !== props.value) {
       if (!popupProps.columns) {
-        if (!popupProps?.type) {
-          console.warn('ProEditLabel: popupProps.type is required when using old API (without columns)');
+        if (!(popupProps == null ? void 0 : popupProps.type)) {
+          console.warn(
+            "ProEditLabel: popupProps.type is required when using old API (without columns)"
+          );
           return;
         }
-        viewFormInstance.setFieldsValue({
-          [popupProps.type]: confirmValue
-        });
+        viewFormInstance.setFieldsValue({ [popupProps.type]: confirmValue });
       } else {
         viewFormInstance.setFieldsValue(matchFormValue(confirmValue, popupProps.columns) || {});
       }
     }
   }, [confirmValue, mode]);
   const cls = classnames({
-    'pro-edit-label': true,
+    "pro-edit-label": true,
     [`trigger-${trigger}`]: trigger,
-    'pro-edit-label-small': size === 'small',
-    'pro-edit-label-middle': size === 'middle',
+    "pro-edit-label-small": size === "small",
+    "pro-edit-label-middle": size === "middle",
     // 默认middle
-    'pro-edit-label-large': size === 'large',
+    "pro-edit-label-large": size === "large",
     [`${className}`]: className
   });
-
-  /**
-   * pop确认回调
-   */
   const onConfirmHandle = async () => {
     const res = await formInstance.validateFields();
     let value;
-    // 兼容老写法
     if (!popupProps.columns) {
-      if (!popupProps?.type) {
-        console.warn('ProEditLabel: popupProps.type is required when using old API (without columns)');
-        return Promise.reject(new Error('popupProps.type is required'));
+      if (!(popupProps == null ? void 0 : popupProps.type)) {
+        console.warn(
+          "ProEditLabel: popupProps.type is required when using old API (without columns)"
+        );
+        return Promise.reject(new Error("popupProps.type is required"));
       }
       value = res[popupProps.type];
     } else {
-      // 新写法：如果只有一个字段，提取单个值；否则使用整个对象
       if (popupProps.columns.length === 1) {
         const fieldName = popupProps.columns[0].name || popupProps.columns[0].type;
         value = res[fieldName];
@@ -162,60 +135,34 @@ const ProEditLabel = ({
       }
     }
     try {
-      onFinish && (await onFinish(value));
-      onConfirm && (await onConfirm(value));
-      await setState({
-        confirmValue: value,
-        popValue: value
-      });
+      onFinish && await onFinish(value);
+      onConfirm && await onConfirm(value);
+      await setState({ confirmValue: value, popValue: value });
     } catch (error) {
       return Promise.reject();
     }
   };
-
-  /**
-   * pop取消回调
-   */
   const onCancelHandle = () => {
-    // 兼容老写法
     if (!popupProps.columns) {
-      if (!popupProps?.type) {
-        console.warn('ProEditLabel: popupProps.type is required when using old API (without columns)');
+      if (!(popupProps == null ? void 0 : popupProps.type)) {
+        console.warn(
+          "ProEditLabel: popupProps.type is required when using old API (without columns)"
+        );
         return;
       }
-      formInstance.setFieldsValue({
-        [popupProps.type]: props.value
-      });
+      formInstance.setFieldsValue({ [popupProps.type]: props.value });
     } else {
       formInstance.setFieldsValue(matchFormValue(props.value, popupProps.columns) || {});
     }
-    setState({
-      popValue: props.value
-    });
+    setState({ popValue: props.value });
   };
-
-  /**
-   * 渲染可编辑label
-   * @returns
-   */
   const renderProEditLabel = () => {
-    const TextNode = /*#__PURE__*/_jsx("div", {
-      className: cls,
-      style: style,
-      children: /*#__PURE__*/_jsxs(Space, {
-        align: "start",
-        children: [mode === 'current' ? props.value : /*#__PURE__*/_jsx(RenderProForm, {
-          value: confirmValue,
-          isView: true,
-          form: viewForm,
-          ...popupProps
-        }), !disabled && /*#__PURE__*/_jsx(EditOutlined, {
-          onClick: editHandle
-        })]
-      })
-    });
+    const TextNode = /* @__PURE__ */ jsx("div", { className: cls, style, children: /* @__PURE__ */ jsxs(Space, { align: "start", children: [
+      mode === "current" ? props.value : /* @__PURE__ */ jsx(RenderProForm, { value: confirmValue, isView: true, form: viewForm, ...popupProps }),
+      !disabled && /* @__PURE__ */ jsx(EditOutlined, { onClick: editHandle })
+    ] }) });
     if (disabled) {
-      if ( /*#__PURE__*/React.isValidElement(children)) {
+      if (React.isValidElement(children)) {
         return children;
       }
       if (props.value && !popupProps) {
@@ -223,60 +170,76 @@ const ProEditLabel = ({
       }
       return TextNode;
     }
-    // 当前页编辑模式
-    if (mode === 'current') {
+    if (mode === "current") {
       if (status) {
-        return /*#__PURE__*/_jsx(Input, {
-          ref: inputRef,
-          size: size,
-          onBlur: e => {
-            toggleStatus();
-            onFinish && onFinish(e.target.value);
-            onConfirm && onConfirm(e.target.value);
-          },
-          onKeyDown: onPress,
-          ...props,
-          onChange: e => {
-            props.onChange && props.onChange(e.target.value);
+        return /* @__PURE__ */ jsx(
+          Input,
+          {
+            ref: inputRef,
+            size,
+            onBlur: (e) => {
+              toggleStatus();
+              onFinish && onFinish(e.target.value);
+              onConfirm && onConfirm(e.target.value);
+            },
+            onKeyDown: onPress,
+            ...props,
+            onChange: (e) => {
+              props.onChange && props.onChange(e.target.value);
+            }
           }
-        });
+        );
       }
       return TextNode;
     }
-    // 弹窗编辑模式
-    if (mode === 'popup') {
-      // 查看时内容渲染
+    if (mode === "popup") {
       const labelRender = () => {
-        if ( /*#__PURE__*/React.isValidElement(children)) {
+        if (React.isValidElement(children)) {
           return children;
         }
         return TextNode;
       };
-      return /*#__PURE__*/_jsx(Popconfirm, {
-        classNames: {
-          root: 'pro-edit-label-popconfirm'
-        },
-        icon: null,
-        destroyOnHidden: true,
-        title: /*#__PURE__*/_jsx(RenderProForm, {
-          form: form,
-          value: confirmValue,
-          onChange: props.onChange,
-          isNode: /*#__PURE__*/React.isValidElement(children),
-          ...popupProps
-        }),
-        onConfirm: onConfirmHandle,
-        onCancel: onCancelHandle,
-        onOpenChange: open => {
-          onOpenChange && onOpenChange(open);
-        },
-        ..._omit(popupProps, ['type', 'label', 'title', 'tip', 'trim', 'labelWidth', 'fieldProps', 'columns']),
-        children: labelRender()
-      });
+      return /* @__PURE__ */ jsx(
+        Popconfirm,
+        {
+          classNames: {
+            root: "pro-edit-label-popconfirm"
+          },
+          icon: null,
+          destroyOnHidden: true,
+          title: /* @__PURE__ */ jsx(
+            RenderProForm,
+            {
+              form,
+              value: confirmValue,
+              onChange: props.onChange,
+              isNode: React.isValidElement(children),
+              ...popupProps
+            }
+          ),
+          onConfirm: onConfirmHandle,
+          onCancel: onCancelHandle,
+          onOpenChange: (open2) => {
+            onOpenChange && onOpenChange(open2);
+          },
+          ...omit(popupProps, [
+            "type",
+            "label",
+            "title",
+            "tip",
+            "trim",
+            "labelWidth",
+            "fieldProps",
+            "columns"
+          ]),
+          children: labelRender()
+        }
+      );
     }
   };
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: renderProEditLabel()
-  });
+  return /* @__PURE__ */ jsx(Fragment, { children: renderProEditLabel() });
+};
+var ProEditLabel_default = ProEditLabel;
+export {
+  ProEditLabel_default as default
 };
-export default ProEditLabel;

package/es/ProEditLabel/propsType.js

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

package/es/ProEditLabel/utils/index.js

@@ -1,10 +1,4 @@
-/**
- * 判断columns的length是否为1，给表单赋值，默认匹配到value上
- * @param value 表单值
- * @param columns 表单配置项
- * @returns value
- */
-export const matchFormValue = (value, columns) => {
+const matchFormValue = (value, columns) => {
   if (!Array.isArray(columns)) {
     return value;
   }
@@ -14,4 +8,7 @@ export const matchFormValue = (value, columns) => {
     };
   }
   return value;
-};
+};
+export {
+  matchFormValue
+};