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

package/es/field/components/Password/FieldPasswordEdit.d.ts

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

package/es/field/components/Password/FieldPasswordEdit.js

@@ -0,0 +1,24 @@
+import { Input } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FieldPasswordEdit(props, ref) {
+  const {
+    text,
+    mode,
+    formItemRender,
+    fieldProps,
+    intl
+  } = props;
+  const dom = /*#__PURE__*/_jsx(Input.Password, {
+    placeholder: intl.getMessage('tableForm.inputPlaceholder', '请输入'),
+    ref: ref,
+    ...fieldProps
+  });
+  if (formItemRender) {
+    return formItemRender(text, {
+      mode,
+      ...fieldProps
+    }, dom);
+  }
+  return dom;
+}

package/es/field/components/Password/FieldPasswordRead.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ProFieldFC } from '../../types';
+type Props = Parameters<ProFieldFC<{
+    text: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}>>[0] & {
+    open: boolean;
+    setOpen: (updater: boolean | ((prev: boolean) => boolean)) => void;
+};
+export declare function FieldPasswordRead(props: Props, ref: React.Ref<unknown>): React.JSX.Element;
+export {};

package/es/field/components/Password/FieldPasswordRead.js

@@ -0,0 +1,37 @@
+import { EyeInvisibleOutlined, EyeOutlined } from '@ant-design/icons';
+import { Space } from 'antd';
+import React from 'react';
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export function FieldPasswordRead(props, ref) {
+  const {
+    text,
+    mode,
+    render,
+    fieldProps,
+    open,
+    setOpen
+  } = props;
+  let dom = /*#__PURE__*/_jsx(_Fragment, {
+    children: "-"
+  });
+  if (text) {
+    dom = /*#__PURE__*/_jsxs(Space, {
+      children: [/*#__PURE__*/_jsx("span", {
+        ref: ref,
+        children: open ? text : '********'
+      }), /*#__PURE__*/_jsx("a", {
+        onClick: () => setOpen(!open),
+        children: open ? /*#__PURE__*/_jsx(EyeOutlined, {}) : /*#__PURE__*/_jsx(EyeInvisibleOutlined, {})
+      })]
+    });
+  }
+  if (render) {
+    return render(text, {
+      mode,
+      ...fieldProps
+    }, dom);
+  }
+  return dom;
+}

package/es/field/components/Password/index.js

@@ -1,16 +1,12 @@
-import { EyeInvisibleOutlined, EyeOutlined } from '@ant-design/icons';
 import { omit, useControlledState } from '@rc-component/util';
-import { Input, Space } from 'antd';
 import React, { useCallback } from 'react';
 import { useIntl } from "../../../provider";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { isProFieldEditOrUpdateMode, isProFieldReadMode } from "../../internal/fieldMode";
+import { FieldPasswordEdit } from "./FieldPasswordEdit";
+import { FieldPasswordRead } from "./FieldPasswordRead";
+
 /**
  * 最基本的组件，就是个普通的 Input.Password
- *
- * @param props
- * @param ref
  */
 const FieldPassword = (props, ref) => {
   const intl = useIntl();
@@ -30,42 +26,26 @@ const FieldPassword = (props, ref) => {
       return next;
     });
   }, [rest.onOpenChange]);
-  if (mode === 'read') {
-    let dom = /*#__PURE__*/_jsx(_Fragment, {
-      children: "-"
-    });
-    if (text) {
-      dom = /*#__PURE__*/_jsxs(Space, {
-        children: [/*#__PURE__*/_jsx("span", {
-          ref: ref,
-          children: open ? text : '********'
-        }), /*#__PURE__*/_jsx("a", {
-          onClick: () => setOpen(!open),
-          children: open ? /*#__PURE__*/_jsx(EyeOutlined, {}) : /*#__PURE__*/_jsx(EyeInvisibleOutlined, {})
-        })]
-      });
-    }
-    if (render) {
-      return render(text, {
-        mode,
-        ...fieldProps
-      }, dom);
-    }
-    return dom;
+  const merged = {
+    text,
+    mode,
+    render,
+    formItemRender,
+    fieldProps,
+    ...rest
+  };
+  if (isProFieldReadMode(mode)) {
+    return FieldPasswordRead({
+      ...merged,
+      open,
+      setOpen
+    }, ref);
   }
-  if (mode === 'edit' || mode === 'update') {
-    const dom = /*#__PURE__*/_jsx(Input.Password, {
-      placeholder: intl.getMessage('tableForm.inputPlaceholder', '请输入'),
-      ref: ref,
-      ...fieldProps
-    });
-    if (formItemRender) {
-      return formItemRender(text, {
-        mode,
-        ...fieldProps
-      }, dom);
-    }
-    return dom;
+  if (isProFieldEditOrUpdateMode(mode)) {
+    return FieldPasswordEdit({
+      ...merged,
+      intl
+    }, ref);
   }
   return null;
 };

package/es/field/components/Percent/FieldPercentEdit.d.ts

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

package/es/field/components/Percent/FieldPercentEdit.js

@@ -0,0 +1,32 @@
+import { InputNumber } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FieldPercentEdit(props, ref) {
+  const {
+    text,
+    mode,
+    formItemRender,
+    fieldProps,
+    prefix,
+    placeholderValue
+  } = props;
+  const dom = /*#__PURE__*/_jsx(InputNumber, {
+    ref: ref,
+    formatter: value => {
+      if (value && prefix) {
+        return `${prefix} ${value}`.replace(/\B(?=(\d{3})+(?!\d)$)/g, ',');
+      }
+      return value;
+    },
+    parser: value => value ? value.replace(/.*\s|,/g, '') : '',
+    placeholder: placeholderValue,
+    ...fieldProps
+  });
+  if (formItemRender) {
+    return formItemRender(text, {
+      mode,
+      ...fieldProps
+    }, dom);
+  }
+  return dom;
+}

package/es/field/components/Percent/FieldPercentRead.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ProFieldFC } from '../../types';
+import type { PercentPropInt } from './types';
+type Props = Parameters<ProFieldFC<PercentPropInt>>[0] & {
+    realValue: number;
+    showSymbol: boolean | undefined;
+};
+export declare function FieldPercentRead(props: Props, ref: React.Ref<unknown>): React.JSX.Element;
+export {};

package/es/field/components/Percent/FieldPercentRead.js

@@ -0,0 +1,41 @@
+import React, { Fragment } from 'react';
+import { getColorByRealValue, getRealTextWithPrecision, getSymbolByRealValue } from "./util";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export function FieldPercentRead(props, ref) {
+  const {
+    text,
+    prefix,
+    precision,
+    mode,
+    showColor = false,
+    render,
+    fieldProps,
+    suffix = '%',
+    realValue,
+    showSymbol
+  } = props;
+  const style = showColor ? {
+    color: getColorByRealValue(realValue)
+  } : {};
+  const dom = /*#__PURE__*/_jsxs("span", {
+    style: style,
+    ref: ref,
+    children: [prefix && /*#__PURE__*/_jsx("span", {
+      children: prefix
+    }), showSymbol && /*#__PURE__*/_jsxs(Fragment, {
+      children: [getSymbolByRealValue(realValue), " "]
+    }), getRealTextWithPrecision(Math.abs(realValue), precision), suffix && suffix]
+  });
+  if (render) {
+    return render(text, {
+      mode,
+      ...fieldProps,
+      prefix,
+      precision,
+      showSymbol,
+      suffix
+    }, dom);
+  }
+  return dom;
+}

package/es/field/components/Percent/index.d.ts

@@ -1,13 +1,5 @@
-import type { ReactNode } from 'react';
 import React from 'react';
-export type PercentPropInt = {
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    text?: number | string;
-    precision?: number;
-    showColor?: boolean;
-    showSymbol?: boolean | ((value: any) => boolean);
-    placeholder?: string;
-};
+import type { PercentPropInt } from './types';
+export type { PercentPropInt };
 declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & PercentPropInt & React.RefAttributes<any>>;
 export default _default;

package/es/field/components/Percent/index.js

@@ -1,27 +1,22 @@
-import { InputNumber } from 'antd';
-import React, { Fragment, useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { useIntl } from "../../../provider";
-import { getColorByRealValue, getRealTextWithPrecision, getSymbolByRealValue, toNumber } from "./util";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { isProFieldEditOrUpdateMode, isProFieldReadMode } from "../../internal/fieldMode";
+import { FieldPercentEdit } from "./FieldPercentEdit";
+import { FieldPercentRead } from "./FieldPercentRead";
+import { toNumber } from "./util";
 /**
  * 百分比组件
- *
- * @param PercentPropInt
  */
-const FieldPercent = ({
-  text,
-  prefix,
-  precision,
-  suffix = '%',
-  mode,
-  showColor = false,
-  render,
-  formItemRender,
-  fieldProps,
-  placeholder,
-  showSymbol: propsShowSymbol
-}, ref) => {
+const FieldPercent = (props, ref) => {
+  const {
+    text,
+    mode,
+    render,
+    formItemRender,
+    fieldProps,
+    placeholder,
+    showSymbol: propsShowSymbol
+  } = props;
   const intl = useIntl();
   const placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
   const realValue = useMemo(() => typeof text === 'string' && text.includes('%') ? toNumber(text.replace('%', '')) : toNumber(text), [text]);
@@ -31,52 +26,18 @@ const FieldPercent = ({
     }
     return propsShowSymbol;
   }, [propsShowSymbol, text]);
-  if (mode === 'read') {
-    /** 颜色有待确定, 根据提供 colors: ['正', '负'] | boolean */
-    const style = showColor ? {
-      color: getColorByRealValue(realValue)
-    } : {};
-    const dom = /*#__PURE__*/_jsxs("span", {
-      style: style,
-      ref: ref,
-      children: [prefix && /*#__PURE__*/_jsx("span", {
-        children: prefix
-      }), showSymbol && /*#__PURE__*/_jsxs(Fragment, {
-        children: [getSymbolByRealValue(realValue), " "]
-      }), getRealTextWithPrecision(Math.abs(realValue), precision), suffix && suffix]
-    });
-    if (render) {
-      return render(text, {
-        mode,
-        ...fieldProps,
-        prefix,
-        precision,
-        showSymbol,
-        suffix
-      }, dom);
-    }
-    return dom;
+  if (isProFieldReadMode(mode)) {
+    return FieldPercentRead({
+      ...props,
+      realValue,
+      showSymbol
+    }, ref);
   }
-  if (mode === 'edit' || mode === 'update') {
-    const dom = /*#__PURE__*/_jsx(InputNumber, {
-      ref: ref,
-      formatter: value => {
-        if (value && prefix) {
-          return `${prefix} ${value}`.replace(/\B(?=(\d{3})+(?!\d)$)/g, ',');
-        }
-        return value;
-      },
-      parser: value => value ? value.replace(/.*\s|,/g, '') : '',
-      placeholder: placeholderValue,
-      ...fieldProps
-    });
-    if (formItemRender) {
-      return formItemRender(text, {
-        mode,
-        ...fieldProps
-      }, dom);
-    }
-    return dom;
+  if (isProFieldEditOrUpdateMode(mode)) {
+    return FieldPercentEdit({
+      ...props,
+      placeholderValue
+    }, ref);
   }
   return null;
 };

package/es/field/components/Percent/types.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export type PercentPropInt = {
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    text?: number | string;
+    precision?: number;
+    showColor?: boolean;
+    showSymbol?: boolean | ((value: any) => boolean);
+    placeholder?: string;
+};

package/es/field/components/Percent/types.js

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

package/es/field/components/Percent/util.d.ts

@@ -1,7 +1,7 @@
 /** 获取展示符号 */
 export declare function getSymbolByRealValue(realValue: number): "-" | "+" | null;
 /** 获取颜色 */
-export declare function getColorByRealValue(realValue: number /** ,color: string */): "#52c41a" | "#595959" | "#ff4d4f";
+export declare function getColorByRealValue(realValue: number /** ,color: string */): "#595959" | "#ff4d4f" | "#52c41a";
 /** 获取到最后展示的数字 */
 export declare function getRealTextWithPrecision(realValue: number, precision?: number): string | number;
 /**

package/es/field/components/Progress/FieldProgressEdit.d.ts

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

package/es/field/components/Progress/FieldProgressEdit.js

@@ -0,0 +1,24 @@
+import { InputNumber } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FieldProgressEdit(props, ref) {
+  const {
+    text,
+    mode,
+    formItemRender,
+    fieldProps,
+    placeholderValue
+  } = props;
+  const dom = /*#__PURE__*/_jsx(InputNumber, {
+    ref: ref,
+    placeholder: placeholderValue,
+    ...fieldProps
+  });
+  if (formItemRender) {
+    return formItemRender(text, {
+      mode,
+      ...fieldProps
+    }, dom);
+  }
+  return dom;
+}

package/es/field/components/Progress/FieldProgressRead.d.ts

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

package/es/field/components/Progress/FieldProgressRead.js

@@ -0,0 +1,31 @@
+import { Progress } from 'antd';
+import React from 'react';
+import { getProgressStatus } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FieldProgressRead(props, ref) {
+  const {
+    mode,
+    render,
+    fieldProps,
+    realValue
+  } = props;
+  const dom = /*#__PURE__*/_jsx(Progress, {
+    ref: ref,
+    size: "small",
+    style: {
+      minWidth: 100,
+      maxWidth: 320
+    },
+    percent: realValue,
+    steps: fieldProps?.steps,
+    status: getProgressStatus(realValue),
+    ...fieldProps
+  });
+  if (render) {
+    return render(realValue, {
+      mode,
+      ...fieldProps
+    }, dom);
+  }
+  return dom;
+}

package/es/field/components/Progress/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export declare function getProgressStatus(text: number): 'success' | 'exception' | 'normal' | 'active';
+import { getProgressStatus } from './utils';
+export { getProgressStatus };
 declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
     text: string | number;
     placeholder?: string | undefined;

package/es/field/components/Progress/index.js

@@ -1,71 +1,35 @@
-import { InputNumber, Progress } from 'antd';
 import React, { useMemo } from 'react';
 import { useIntl } from "../../../provider";
+import { isProFieldEditOrUpdateMode, isProFieldReadMode } from "../../internal/fieldMode";
 import { toNumber } from "../Percent/util";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function getProgressStatus(text) {
-  if (text === 100) {
-    return 'success';
-  }
-  if (text < 0) {
-    return 'exception';
-  }
-  if (text < 100) {
-    return 'active';
-  }
-  return 'normal';
-}
+import { FieldProgressEdit } from "./FieldProgressEdit";
+import { FieldProgressRead } from "./FieldProgressRead";
+import { getProgressStatus } from "./utils";
+export { getProgressStatus };
 
 /**
  * 进度条组件
- *
- * @param
  */
-const FieldProgress = ({
-  text,
-  mode,
-  render,
-  formItemRender,
-  fieldProps,
-  placeholder
-}, ref) => {
+const FieldProgress = (props, ref) => {
   const intl = useIntl();
+  const {
+    text,
+    mode,
+    placeholder
+  } = props;
   const placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
   const realValue = useMemo(() => typeof text === 'string' && text.includes('%') ? toNumber(text.replace('%', '')) : toNumber(text), [text]);
-  if (mode === 'read') {
-    const dom = /*#__PURE__*/_jsx(Progress, {
-      ref: ref,
-      size: "small",
-      style: {
-        minWidth: 100,
-        maxWidth: 320
-      },
-      percent: realValue,
-      steps: fieldProps?.steps,
-      status: getProgressStatus(realValue),
-      ...fieldProps
-    });
-    if (render) {
-      return render(realValue, {
-        mode,
-        ...fieldProps
-      }, dom);
-    }
-    return dom;
+  if (isProFieldReadMode(mode)) {
+    return FieldProgressRead({
+      ...props,
+      realValue
+    }, ref);
   }
-  if (mode === 'edit' || mode === 'update') {
-    const dom = /*#__PURE__*/_jsx(InputNumber, {
-      ref: ref,
-      placeholder: placeholderValue,
-      ...fieldProps
-    });
-    if (formItemRender) {
-      return formItemRender(text, {
-        mode,
-        ...fieldProps
-      }, dom);
-    }
-    return dom;
+  if (isProFieldEditOrUpdateMode(mode)) {
+    return FieldProgressEdit({
+      ...props,
+      placeholderValue
+    }, ref);
   }
   return null;
 };

package/es/field/components/Progress/utils.d.ts

@@ -0,0 +1 @@
+export declare function getProgressStatus(text: number): 'success' | 'exception' | 'normal' | 'active';

package/es/field/components/Progress/utils.js

@@ -0,0 +1,12 @@
+export function getProgressStatus(text) {
+  if (text === 100) {
+    return 'success';
+  }
+  if (text < 0) {
+    return 'exception';
+  }
+  if (text < 100) {
+    return 'active';
+  }
+  return 'normal';
+}

package/es/field/components/Radio/FieldRadioEdit.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { ProFieldFC } from '../../types';
+import type { GroupProps } from './types';
+type Props = Omit<Parameters<ProFieldFC<GroupProps>>[0], 'options'> & {
+    options: any[];
+    loading: boolean;
+    radioRef: React.RefObject<any>;
+    layoutClassName: string;
+    wrapSSR: (node: React.ReactElement) => React.ReactElement;
+    hashId: string;
+    status: {
+        status?: string;
+    } | undefined;
+};
+export declare function FieldRadioEdit(props: Props): React.JSX.Element;
+export {};

package/es/field/components/Radio/FieldRadioEdit.js

@@ -0,0 +1,38 @@
+import { Radio } from 'antd';
+import { clsx } from 'clsx';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FieldRadioEdit(props) {
+  const {
+    radioType,
+    formItemRender,
+    mode,
+    options,
+    loading,
+    radioRef,
+    layoutClassName,
+    wrapSSR,
+    hashId,
+    status,
+    ...rest
+  } = props;
+  const dom = wrapSSR( /*#__PURE__*/_jsx(Radio.Group, {
+    ref: radioRef,
+    optionType: radioType,
+    ...rest.fieldProps,
+    className: clsx(rest.fieldProps?.className, {
+      [`${layoutClassName}-error`]: status?.status === 'error',
+      [`${layoutClassName}-warning`]: status?.status === 'warning'
+    }, hashId, `${layoutClassName}-${rest.fieldProps.layout || 'horizontal'}`),
+    options: options
+  }));
+  if (formItemRender) {
+    return formItemRender(rest.text, {
+      mode,
+      ...rest.fieldProps,
+      options,
+      loading
+    }, dom) ?? null;
+  }
+  return dom;
+}