@ant-design/pro-components 3.1.12-0 → 3.1.13-0

package/lib/field/components/Switch/FieldSwitchEdit.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldSwitchEdit = FieldSwitchEdit;
+var _util = require("@rc-component/util");
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldSwitchEdit(props, ref) {
+  const {
+    text,
+    mode,
+    formItemRender,
+    fieldProps
+  } = props;
+  const editDom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Switch, {
+    ref: ref,
+    ...(0, _util.omit)(fieldProps || {}, ['value']),
+    checked: fieldProps?.checked ?? fieldProps?.value
+  });
+  if (formItemRender) {
+    return formItemRender(text, {
+      mode,
+      ...fieldProps
+    }, editDom);
+  }
+  return editDom;
+}

package/lib/field/components/Switch/FieldSwitchLightEdit.d.ts

@@ -0,0 +1,12 @@
+import type { SwitchProps } from 'antd';
+import React from 'react';
+import type { ProFieldFC } from '../../types';
+type Props = Parameters<ProFieldFC<{
+    text: boolean;
+    fieldProps?: SwitchProps;
+    variant?: 'outlined' | 'borderless' | 'filled';
+}>>[0] & {
+    variant: 'outlined' | 'borderless' | 'filled' | undefined;
+};
+export declare function FieldSwitchLightEdit(props: Props, ref: React.Ref<unknown>): React.JSX.Element;
+export {};

package/lib/field/components/Switch/FieldSwitchLightEdit.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldSwitchLightEdit = FieldSwitchLightEdit;
+var _util = require("@rc-component/util");
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("../../../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldSwitchLightEdit(props, ref) {
+  const {
+    text,
+    mode,
+    label,
+    formItemRender,
+    fieldProps,
+    variant
+  } = props;
+  const editDom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Switch, {
+    ref: ref,
+    size: "small",
+    ...(0, _util.omit)(fieldProps || {}, ['value']),
+    checked: fieldProps?.checked ?? fieldProps?.value
+  });
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.FieldLabel, {
+    label: label,
+    disabled: fieldProps?.disabled,
+    variant: variant,
+    downIcon: false,
+    value: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        paddingInlineStart: 8
+      },
+      children: editDom
+    }),
+    allowClear: false
+  });
+  if (formItemRender) {
+    return formItemRender(text, {
+      mode,
+      ...fieldProps
+    }, dom);
+  }
+  return dom;
+}

package/lib/field/components/Switch/FieldSwitchRead.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ProFieldFC } from '../../types';
+type Props = Parameters<ProFieldFC<{
+    text: boolean;
+    variant?: 'outlined' | 'borderless' | 'filled';
+}>>[0] & {
+    readLabel: React.ReactNode;
+};
+export declare function FieldSwitchRead(props: Props): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element;
+export {};

package/lib/field/components/Switch/FieldSwitchRead.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldSwitchRead = FieldSwitchRead;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldSwitchRead(props) {
+  const {
+    text,
+    mode,
+    render,
+    fieldProps,
+    readLabel
+  } = props;
+  if (render) {
+    return render(text, {
+      mode,
+      ...fieldProps
+    }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: readLabel
+    }));
+  }
+  return readLabel ?? '-';
+}

package/lib/field/components/Switch/index.d.ts

@@ -3,6 +3,6 @@ import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
     text: boolean;
     fieldProps?: SwitchProps | undefined;
-    variant?: "outlined" | "filled" | "borderless" | undefined;
+    variant?: "outlined" | "borderless" | "filled" | undefined;
 } & React.RefAttributes<any>>;
 export default _default;

package/lib/field/components/Switch/index.js

@@ -5,26 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _util = require("@rc-component/util");
-var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../../provider");
-var _utils = require("../../../utils");
+var _fieldMode = require("../../internal/fieldMode");
+var _FieldSwitchEdit = require("./FieldSwitchEdit");
+var _FieldSwitchLightEdit = require("./FieldSwitchLightEdit");
+var _FieldSwitchRead = require("./FieldSwitchRead");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * 开关组件
- *
- * @param text
- * @param mode
- * @param render
- * @param light
- * @param label
- * @param formItemRender
- * @param fieldProps
- * @param propsVariant
- * @param ref
- */
-const FieldSwitch = ({
+ */const FieldSwitch = ({
   text,
   mode,
   render,
@@ -36,53 +26,36 @@ const FieldSwitch = ({
 }, ref) => {
   const intl = (0, _provider.useIntl)();
   const variant = propsVariant ?? fieldProps?.variant;
-  const dom = (0, _react.useMemo)(() => {
+  const readLabel = (0, _react.useMemo)(() => {
     if (text === undefined || text === null || `${text}`.length < 1) return '-';
     return text ? fieldProps?.checkedChildren ?? intl.getMessage('switch.open', '打开') : fieldProps?.unCheckedChildren ?? intl.getMessage('switch.close', '关闭');
   }, [fieldProps?.checkedChildren, fieldProps?.unCheckedChildren, text]);
-  if (mode === 'read') {
-    if (render) {
-      return render(text, {
-        mode,
-        ...fieldProps
-      }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: dom
-      }));
-    }
-    return dom ?? '-';
-  }
-  if (mode === 'edit' || mode === 'update') {
-    const editDom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Switch, {
-      ref: ref,
-      size: light ? 'small' : undefined,
-      ...(0, _util.omit)(fieldProps, ['value']),
-      checked: fieldProps?.checked ?? fieldProps?.value
+  if ((0, _fieldMode.isProFieldReadMode)(mode)) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldSwitchRead.FieldSwitchRead, {
+      text: text,
+      mode: mode,
+      render: render,
+      formItemRender: formItemRender,
+      fieldProps: fieldProps,
+      light: light,
+      label: label,
+      readLabel: readLabel
     });
+  }
+  if ((0, _fieldMode.isProFieldEditOrUpdateMode)(mode)) {
+    const editProps = {
+      text,
+      mode,
+      render,
+      label,
+      formItemRender,
+      fieldProps,
+      variant
+    };
     if (light) {
-      const {
-        disabled
-      } = fieldProps;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.FieldLabel, {
-        label: label,
-        disabled: disabled,
-        variant: variant,
-        downIcon: false,
-        value: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          style: {
-            paddingLeft: 8
-          },
-          children: editDom
-        }),
-        allowClear: false
-      });
-    }
-    if (formItemRender) {
-      return formItemRender(text, {
-        mode,
-        ...fieldProps
-      }, editDom);
+      return (0, _FieldSwitchLightEdit.FieldSwitchLightEdit)(editProps, ref);
     }
-    return editDom;
+    return (0, _FieldSwitchEdit.FieldSwitchEdit)(editProps, ref);
   }
   return null;
 };

package/lib/field/components/Text/FieldTextEdit.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { IntlType } from '../../../provider';
+import type { ProFieldFC } from '../../types';
+type FieldTextEditProps = Parameters<ProFieldFC<{
+    text: string;
+    emptyText?: React.ReactNode;
+}>>[0] & {
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    intl: IntlType;
+};
+export declare function FieldTextEdit(props: FieldTextEditProps): React.JSX.Element;
+export {};

package/lib/field/components/Text/FieldTextEdit.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldTextEdit = FieldTextEdit;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldTextEdit(props) {
+  const {
+    text,
+    mode,
+    formItemRender,
+    fieldProps,
+    inputRef,
+    intl
+  } = props;
+  const placeholder = intl.getMessage('tableForm.inputPlaceholder', '请输入');
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, {
+    ref: inputRef,
+    placeholder: placeholder,
+    allowClear: true,
+    ...fieldProps
+  });
+  if (formItemRender) {
+    return formItemRender(text, {
+      mode,
+      ...fieldProps
+    }, dom);
+  }
+  return dom;
+}

package/lib/field/components/Text/FieldTextRead.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ProFieldFC } from '../../types';
+type FieldTextReadProps = Parameters<ProFieldFC<{
+    text: string;
+    emptyText?: React.ReactNode;
+}>>[0] & {
+    emptyText: React.ReactNode;
+};
+export declare function FieldTextRead(props: FieldTextReadProps): React.JSX.Element;
+export {};

package/lib/field/components/Text/FieldTextRead.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldTextRead = FieldTextRead;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldTextRead(props) {
+  const {
+    text,
+    mode,
+    render,
+    fieldProps,
+    emptyText
+  } = props;
+  const {
+    prefix = '',
+    suffix = ''
+  } = fieldProps || {};
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [prefix, text ?? emptyText, suffix]
+  });
+  if (render) {
+    return render(text, {
+      mode,
+      ...fieldProps
+    }, dom) ?? emptyText;
+  }
+  return dom;
+}

package/lib/field/components/Text/index.js

@@ -5,22 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../../provider");
+var _fieldMode = require("../../internal/fieldMode");
+var _FieldTextEdit = require("./FieldTextEdit");
+var _FieldTextRead = require("./FieldTextRead");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * 最基本的组件，就是个普通的 Input
- *
- * @param text
- * @param mode
- * @param render
- * @param formItemRender
- * @param fieldProps
- * @param emptyText
- * @param ref
- */
-const FieldText = ({
+ */const FieldText = ({
   text,
   mode,
   render,
@@ -29,48 +22,39 @@ const FieldText = ({
   emptyText = '-'
 }, ref) => {
   const {
-    autoFocus,
-    prefix = '',
-    suffix = ''
+    autoFocus
   } = fieldProps || {};
   const intl = (0, _provider.useIntl)();
-  const inputRef = (0, _react.useRef)();
+  const inputRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, () => inputRef.current, []);
   (0, _react.useEffect)(() => {
     if (autoFocus) {
-      // 使用 queueMicrotask 延迟 focus 调用，避免在渲染期间触发 flushSync
       queueMicrotask(() => {
         inputRef.current?.focus();
       });
     }
   }, [autoFocus]);
-  if (mode === 'read') {
-    const dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [prefix, text ?? emptyText, suffix]
+  if ((0, _fieldMode.isProFieldReadMode)(mode)) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldTextRead.FieldTextRead, {
+      text: text,
+      mode: mode,
+      render: render,
+      formItemRender: formItemRender,
+      fieldProps: fieldProps,
+      emptyText: emptyText
     });
-    if (render) {
-      return render(text, {
-        mode,
-        ...fieldProps
-      }, dom) ?? emptyText;
-    }
-    return dom;
   }
-  if (mode === 'edit' || mode === 'update') {
-    const placeholder = intl.getMessage('tableForm.inputPlaceholder', '请输入');
-    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, {
-      ref: inputRef,
-      placeholder: placeholder,
-      allowClear: true,
-      ...fieldProps
+  if ((0, _fieldMode.isProFieldEditOrUpdateMode)(mode)) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldTextEdit.FieldTextEdit, {
+      text: text,
+      mode: mode,
+      render: render,
+      formItemRender: formItemRender,
+      fieldProps: fieldProps,
+      emptyText: emptyText,
+      inputRef: inputRef,
+      intl: intl
     });
-    if (formItemRender) {
-      return formItemRender(text, {
-        mode,
-        ...fieldProps
-      }, dom);
-    }
-    return dom;
   }
   return null;
 };

package/lib/field/components/TextArea/FieldTextAreaEdit.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { IntlType } from '../../../provider';
+import type { ProFieldFC } from '../../types';
+type Props = Parameters<ProFieldFC<{
+    text: string;
+}>>[0] & {
+    intl: IntlType;
+};
+export declare function FieldTextAreaEdit(props: Props, ref: React.Ref<unknown>): React.JSX.Element;
+export {};

package/lib/field/components/TextArea/FieldTextAreaEdit.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldTextAreaEdit = FieldTextAreaEdit;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldTextAreaEdit(props, ref) {
+  const {
+    text,
+    mode,
+    formItemRender,
+    fieldProps,
+    intl
+  } = props;
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input.TextArea, {
+    ref: ref,
+    rows: 3,
+    onKeyDown: e => {
+      if (e.key === 'Enter') {
+        e.stopPropagation();
+      }
+    },
+    placeholder: intl.getMessage('tableForm.inputPlaceholder', '请输入'),
+    ...fieldProps
+  });
+  if (formItemRender) {
+    return formItemRender(text, {
+      mode,
+      ...fieldProps
+    }, dom);
+  }
+  return dom;
+}

package/lib/field/components/TextArea/FieldTextAreaRead.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ProFieldFC } from '../../types';
+type Props = Parameters<ProFieldFC<{
+    text: string;
+}>>[0];
+export declare function FieldTextAreaRead(props: Props, ref: React.Ref<unknown>): React.JSX.Element;
+export {};

package/lib/field/components/TextArea/FieldTextAreaRead.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldTextAreaRead = FieldTextAreaRead;
+var _util = require("@rc-component/util");
+var _react = _interopRequireDefault(require("react"));
+var _readonly = _interopRequireDefault(require("./readonly"));
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldTextAreaRead(props, ref) {
+  const {
+    text,
+    mode,
+    render,
+    fieldProps
+  } = props;
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_readonly.default, {
+    ...props,
+    ref: ref
+  });
+  if (render) {
+    return render(text, {
+      text,
+      mode,
+      ...(0, _util.omit)(fieldProps, ['showCount'])
+    }, dom);
+  }
+  return dom;
+}

package/lib/field/components/TextArea/index.js

@@ -5,58 +5,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _util = require("@rc-component/util");
-var _antd = require("antd");
 var _react = _interopRequireDefault(require("react"));
 var _provider = require("../../../provider");
-var _readonly = _interopRequireDefault(require("./readonly"));
-var _jsxRuntime = require("react/jsx-runtime");
+var _fieldMode = require("../../internal/fieldMode");
+var _FieldTextAreaEdit = require("./FieldTextAreaEdit");
+var _FieldTextAreaRead = require("./FieldTextAreaRead");
 /**
  * 最基本的组件，就是个普通的 Input.TextArea
- *
- * @param props
- * @param ref
- */const FieldTextArea = (props, ref) => {
+ */
+const FieldTextArea = (props, ref) => {
   const {
-    text,
-    mode,
-    render,
-    formItemRender,
-    fieldProps
+    mode
   } = props;
   const intl = (0, _provider.useIntl)();
-  if (mode === 'read') {
-    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_readonly.default, {
-      ...props,
-      ref: ref
-    });
-    if (render) {
-      return render(text, {
-        mode,
-        ...(0, _util.omit)(fieldProps, ['showCount'])
-      }, dom);
-    }
-    return dom;
+  if ((0, _fieldMode.isProFieldReadMode)(mode)) {
+    return (0, _FieldTextAreaRead.FieldTextAreaRead)(props, ref);
   }
-  if (mode === 'edit' || mode === 'update') {
-    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input.TextArea, {
-      ref: ref,
-      rows: 3,
-      onKeyDown: e => {
-        if (e.key === 'Enter') {
-          e.stopPropagation();
-        }
-      },
-      placeholder: intl.getMessage('tableForm.inputPlaceholder', '请输入'),
-      ...fieldProps
-    });
-    if (formItemRender) {
-      return formItemRender(text, {
-        mode,
-        ...fieldProps
-      }, dom);
-    }
-    return dom;
+  if ((0, _fieldMode.isProFieldEditOrUpdateMode)(mode)) {
+    return (0, _FieldTextAreaEdit.FieldTextAreaEdit)({
+      ...props,
+      intl
+    }, ref);
   }
   return null;
 };

package/lib/field/components/TimePicker/FieldTimePickerEdit.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ProFieldFC } from '../../types';
+type Props = Parameters<ProFieldFC<{
+    text: string | number;
+    format?: string;
+    variant?: 'outlined' | 'borderless' | 'filled' | 'underlined';
+}>>[0] & {
+    finalFormat: string;
+    format: string;
+};
+export declare function FieldTimePickerEdit(props: Props, ref: React.Ref<unknown>): React.JSX.Element;
+export {};

package/lib/field/components/TimePicker/FieldTimePickerEdit.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldTimePickerEdit = FieldTimePickerEdit;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("../../../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldTimePickerEdit(props, ref) {
+  const {
+    text,
+    mode,
+    format,
+    formItemRender,
+    fieldProps,
+    finalFormat,
+    variant
+  } = props;
+  const {
+    value
+  } = fieldProps;
+  const dayValue = (0, _utils.parseValueToDay)(value, finalFormat);
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.DatePicker.TimePicker, {
+    ref: ref,
+    format: format,
+    ...fieldProps,
+    variant: variant ?? fieldProps?.variant,
+    value: dayValue
+  });
+  if (formItemRender) {
+    return formItemRender(text, {
+      mode,
+      ...fieldProps
+    }, dom);
+  }
+  return dom;
+}

package/lib/field/components/TimePicker/FieldTimePickerLightEdit.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { IntlType } from '../../../provider';
+import type { ProFieldFC, ProFieldLightProps } from '../../types';
+type Props = Parameters<ProFieldFC<{
+    text: string | number;
+    format?: string;
+    variant?: 'outlined' | 'borderless' | 'filled' | 'underlined';
+} & ProFieldLightProps>>[0] & {
+    finalFormat: string;
+    format: string;
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    intl: IntlType;
+};
+export declare function FieldTimePickerLightEdit(props: Props, ref: React.Ref<unknown>): React.JSX.Element;
+export {};