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

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

@@ -5,17 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _icons = require("@ant-design/icons");
 var _util = require("@rc-component/util");
-var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../../provider");
-var _jsxRuntime = require("react/jsx-runtime");
+var _fieldMode = require("../../internal/fieldMode");
+var _FieldPasswordEdit = require("./FieldPasswordEdit");
+var _FieldPasswordRead = require("./FieldPasswordRead");
 /**
  * 最基本的组件，就是个普通的 Input.Password
- *
- * @param props
- * @param ref
  */
 const FieldPassword = (props, ref) => {
   const intl = (0, _provider.useIntl)();
@@ -35,42 +32,26 @@ const FieldPassword = (props, ref) => {
       return next;
     });
   }, [rest.onOpenChange]);
-  if (mode === 'read') {
-    let dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: "-"
-    });
-    if (text) {
-      dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          ref: ref,
-          children: open ? text : '********'
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-          onClick: () => setOpen(!open),
-          children: open ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.EyeOutlined, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.EyeInvisibleOutlined, {})
-        })]
-      });
-    }
-    if (render) {
-      return render(text, {
-        mode,
-        ...fieldProps
-      }, dom);
-    }
-    return dom;
+  const merged = {
+    text,
+    mode,
+    render,
+    formItemRender,
+    fieldProps,
+    ...rest
+  };
+  if ((0, _fieldMode.isProFieldReadMode)(mode)) {
+    return (0, _FieldPasswordRead.FieldPasswordRead)({
+      ...merged,
+      open,
+      setOpen
+    }, ref);
   }
-  if (mode === 'edit' || mode === 'update') {
-    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input.Password, {
-      placeholder: intl.getMessage('tableForm.inputPlaceholder', '请输入'),
-      ref: ref,
-      ...fieldProps
-    });
-    if (formItemRender) {
-      return formItemRender(text, {
-        mode,
-        ...fieldProps
-      }, dom);
-    }
-    return dom;
+  if ((0, _fieldMode.isProFieldEditOrUpdateMode)(mode)) {
+    return (0, _FieldPasswordEdit.FieldPasswordEdit)({
+      ...merged,
+      intl
+    }, ref);
   }
   return null;
 };

package/lib/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/lib/field/components/Percent/FieldPercentEdit.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldPercentEdit = FieldPercentEdit;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldPercentEdit(props, ref) {
+  const {
+    text,
+    mode,
+    formItemRender,
+    fieldProps,
+    prefix,
+    placeholderValue
+  } = props;
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.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/lib/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/lib/field/components/Percent/FieldPercentRead.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldPercentRead = FieldPercentRead;
+var _react = _interopRequireWildcard(require("react"));
+var _util = require("./util");
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldPercentRead(props, ref) {
+  const {
+    text,
+    prefix,
+    precision,
+    mode,
+    showColor = false,
+    render,
+    fieldProps,
+    suffix = '%',
+    realValue,
+    showSymbol
+  } = props;
+  const style = showColor ? {
+    color: (0, _util.getColorByRealValue)(realValue)
+  } : {};
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    style: style,
+    ref: ref,
+    children: [prefix && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: prefix
+    }), showSymbol && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+      children: [(0, _util.getSymbolByRealValue)(realValue), " "]
+    }), (0, _util.getRealTextWithPrecision)(Math.abs(realValue), precision), suffix && suffix]
+  });
+  if (render) {
+    return render(text, {
+      mode,
+      ...fieldProps,
+      prefix,
+      precision,
+      showSymbol,
+      suffix
+    }, dom);
+  }
+  return dom;
+}

package/lib/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/lib/field/components/Percent/index.js

@@ -5,29 +5,25 @@ 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 _FieldPercentEdit = require("./FieldPercentEdit");
+var _FieldPercentRead = require("./FieldPercentRead");
 var _util = require("./util");
-var _jsxRuntime = require("react/jsx-runtime");
 /**
  * 百分比组件
- *
- * @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 = (0, _provider.useIntl)();
   const placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
   const realValue = (0, _react.useMemo)(() => typeof text === 'string' && text.includes('%') ? (0, _util.toNumber)(text.replace('%', '')) : (0, _util.toNumber)(text), [text]);
@@ -37,52 +33,18 @@ const FieldPercent = ({
     }
     return propsShowSymbol;
   }, [propsShowSymbol, text]);
-  if (mode === 'read') {
-    /** 颜色有待确定, 根据提供 colors: ['正', '负'] | boolean */
-    const style = showColor ? {
-      color: (0, _util.getColorByRealValue)(realValue)
-    } : {};
-    const dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-      style: style,
-      ref: ref,
-      children: [prefix && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: prefix
-      }), showSymbol && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-        children: [(0, _util.getSymbolByRealValue)(realValue), " "]
-      }), (0, _util.getRealTextWithPrecision)(Math.abs(realValue), precision), suffix && suffix]
-    });
-    if (render) {
-      return render(text, {
-        mode,
-        ...fieldProps,
-        prefix,
-        precision,
-        showSymbol,
-        suffix
-      }, dom);
-    }
-    return dom;
+  if ((0, _fieldMode.isProFieldReadMode)(mode)) {
+    return (0, _FieldPercentRead.FieldPercentRead)({
+      ...props,
+      realValue,
+      showSymbol
+    }, ref);
   }
-  if (mode === 'edit' || mode === 'update') {
-    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.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 ((0, _fieldMode.isProFieldEditOrUpdateMode)(mode)) {
+    return (0, _FieldPercentEdit.FieldPercentEdit)({
+      ...props,
+      placeholderValue
+    }, ref);
   }
   return null;
 };

package/lib/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/lib/field/components/Percent/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/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/lib/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/lib/field/components/Progress/FieldProgressEdit.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldProgressEdit = FieldProgressEdit;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldProgressEdit(props, ref) {
+  const {
+    text,
+    mode,
+    formItemRender,
+    fieldProps,
+    placeholderValue
+  } = props;
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.InputNumber, {
+    ref: ref,
+    placeholder: placeholderValue,
+    ...fieldProps
+  });
+  if (formItemRender) {
+    return formItemRender(text, {
+      mode,
+      ...fieldProps
+    }, dom);
+  }
+  return dom;
+}

package/lib/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/lib/field/components/Progress/FieldProgressRead.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldProgressRead = FieldProgressRead;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldProgressRead(props, ref) {
+  const {
+    mode,
+    render,
+    fieldProps,
+    realValue
+  } = props;
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Progress, {
+    ref: ref,
+    size: "small",
+    style: {
+      minWidth: 100,
+      maxWidth: 320
+    },
+    percent: realValue,
+    steps: fieldProps?.steps,
+    status: (0, _utils.getProgressStatus)(realValue),
+    ...fieldProps
+  });
+  if (render) {
+    return render(realValue, {
+      mode,
+      ...fieldProps
+    }, dom);
+  }
+  return dom;
+}

package/lib/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/lib/field/components/Progress/index.js

@@ -5,75 +5,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-exports.getProgressStatus = getProgressStatus;
-var _antd = require("antd");
+Object.defineProperty(exports, "getProgressStatus", {
+  enumerable: true,
+  get: function () {
+    return _utils.getProgressStatus;
+  }
+});
 var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../../provider");
+var _fieldMode = require("../../internal/fieldMode");
 var _util = require("../Percent/util");
-var _jsxRuntime = require("react/jsx-runtime");
-function getProgressStatus(text) {
-  if (text === 100) {
-    return 'success';
-  }
-  if (text < 0) {
-    return 'exception';
-  }
-  if (text < 100) {
-    return 'active';
-  }
-  return 'normal';
-}
-
+var _FieldProgressEdit = require("./FieldProgressEdit");
+var _FieldProgressRead = require("./FieldProgressRead");
+var _utils = require("./utils");
 /**
  * 进度条组件
- *
- * @param
  */
-const FieldProgress = ({
-  text,
-  mode,
-  render,
-  formItemRender,
-  fieldProps,
-  placeholder
-}, ref) => {
+const FieldProgress = (props, ref) => {
   const intl = (0, _provider.useIntl)();
+  const {
+    text,
+    mode,
+    placeholder
+  } = props;
   const placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
   const realValue = (0, _react.useMemo)(() => typeof text === 'string' && text.includes('%') ? (0, _util.toNumber)(text.replace('%', '')) : (0, _util.toNumber)(text), [text]);
-  if (mode === 'read') {
-    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.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 ((0, _fieldMode.isProFieldReadMode)(mode)) {
+    return (0, _FieldProgressRead.FieldProgressRead)({
+      ...props,
+      realValue
+    }, ref);
   }
-  if (mode === 'edit' || mode === 'update') {
-    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.InputNumber, {
-      ref: ref,
-      placeholder: placeholderValue,
-      ...fieldProps
-    });
-    if (formItemRender) {
-      return formItemRender(text, {
-        mode,
-        ...fieldProps
-      }, dom);
-    }
-    return dom;
+  if ((0, _fieldMode.isProFieldEditOrUpdateMode)(mode)) {
+    return (0, _FieldProgressEdit.FieldProgressEdit)({
+      ...props,
+      placeholderValue
+    }, ref);
   }
   return null;
 };

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getProgressStatus = getProgressStatus;
+function getProgressStatus(text) {
+  if (text === 100) {
+    return 'success';
+  }
+  if (text < 0) {
+    return 'exception';
+  }
+  if (text < 100) {
+    return 'active';
+  }
+  return 'normal';
+}

package/lib/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/lib/field/components/Radio/FieldRadioEdit.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldRadioEdit = FieldRadioEdit;
+var _antd = require("antd");
+var _clsx = require("clsx");
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldRadioEdit(props) {
+  const {
+    radioType,
+    formItemRender,
+    mode,
+    options,
+    loading,
+    radioRef,
+    layoutClassName,
+    wrapSSR,
+    hashId,
+    status,
+    ...rest
+  } = props;
+  const dom = wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Radio.Group, {
+    ref: radioRef,
+    optionType: radioType,
+    ...rest.fieldProps,
+    className: (0, _clsx.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;
+}

package/lib/field/components/Radio/FieldRadioRead.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { ProFieldFC } from '../../types';
+import type { GroupProps } from './types';
+export declare function FieldRadioRead(props: Parameters<ProFieldFC<GroupProps>>[0] & {
+    optionsValueEnum: Record<string, any> | undefined;
+}): import("react").JSX.Element;

package/lib/field/components/Radio/FieldRadioRead.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldRadioRead = FieldRadioRead;
+var _utils = require("../../../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldRadioRead(props) {
+  const {
+    mode,
+    render,
+    optionsValueEnum,
+    ...rest
+  } = props;
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: (0, _utils.proFieldParsingText)(rest.text, (0, _utils.objectToMap)(rest.valueEnum || optionsValueEnum))
+  });
+  if (render) {
+    return render(rest.text, {
+      mode,
+      ...rest.fieldProps
+    }, dom) ?? null;
+  }
+  return dom;
+}