@ant-design/pro-components 3.1.0-0 → 3.1.1-1

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

@@ -1,57 +1,57 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../../provider");
 var _jsxRuntime = require("react/jsx-runtime");
-var addArrayKeys = function addArrayKeys(doms) {
-  return doms.map(function (dom, index) {
-    var _dom$props;
-    if (! /*#__PURE__*/_react.default.isValidElement(dom)) {
-      // eslint-disable-next-line react/no-array-index-key
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
-        children: dom
-      }, index);
+const addArrayKeys = doms => doms.map((dom, index) => {
+  if (! /*#__PURE__*/_react.default.isValidElement(dom)) {
+    // eslint-disable-next-line react/no-array-index-key
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+      children: dom
+    }, index);
+  }
+  return /*#__PURE__*/_react.default.cloneElement(dom, {
+    // eslint-disable-next-line react/no-array-index-key
+    key: index,
+    ...dom?.props,
+    style: {
+      // @ts-ignore
+      ...dom?.props?.style
     }
-    return /*#__PURE__*/_react.default.cloneElement(dom, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      // eslint-disable-next-line react/no-array-index-key
-      key: index
-    }, dom === null || dom === void 0 ? void 0 : dom.props), {}, {
-      style: (0, _objectSpread2.default)({}, dom === null || dom === void 0 || (_dom$props = dom.props) === null || _dom$props === void 0 ? void 0 : _dom$props.style)
-    }));
   });
-};
+});
 
 /**
  * 一般用于放多个按钮
  *
  * @param
  */
-var FieldOptions = function FieldOptions(_ref, ref) {
-  var text = _ref.text,
-    type = _ref.mode,
-    render = _ref.render,
-    fieldProps = _ref.fieldProps;
-  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var className = getPrefixCls('pro-field-option');
-  var _proTheme$useToken = _provider.proTheme.useToken(),
-    token = _proTheme$useToken.token;
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {};
-  });
+const FieldOptions = ({
+  text,
+  mode: type,
+  render,
+  fieldProps
+}, ref) => {
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  const className = getPrefixCls('pro-field-option');
+  const {
+    token
+  } = _provider.proTheme.useToken();
+  (0, _react.useImperativeHandle)(ref, () => ({}));
   if (render) {
-    var doms = render(text, (0, _objectSpread2.default)({
-      mode: type
-    }, fieldProps), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {}));
-    if (!doms || (doms === null || doms === void 0 ? void 0 : doms.length) < 1 || !Array.isArray(doms)) {
+    const doms = render(text, {
+      mode: type,
+      ...fieldProps
+    }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {}));
+    if (!doms || doms?.length < 1 || !Array.isArray(doms)) {
       return null;
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

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

@@ -1,45 +1,41 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _icons = require("@ant-design/icons");
 var _util = require("@rc-component/util");
 var _antd = require("antd");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../../provider");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["text", "mode", "render", "formItemRender", "fieldProps", "proFieldKey"];
 /**
  * 最基本的组件，就是个普通的 Input.Password
  *
  * @param
  */
-var FieldPassword = function FieldPassword(_ref, ref) {
-  var text = _ref.text,
-    mode = _ref.mode,
-    render = _ref.render,
-    formItemRender = _ref.formItemRender,
-    fieldProps = _ref.fieldProps,
-    proFieldKey = _ref.proFieldKey,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var intl = (0, _provider.useIntl)();
-  var _useMergedState = (0, _util.useMergedState)(function () {
-      return rest.open || false;
-    }, {
-      value: rest.open,
-      onChange: rest.onOpenChange
-    }),
-    _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
-    open = _useMergedState2[0],
-    setOpen = _useMergedState2[1];
+const FieldPassword = ({
+  text,
+  mode,
+  render,
+  formItemRender,
+  fieldProps,
+  proFieldKey,
+  ...rest
+}, ref) => {
+  const intl = (0, _provider.useIntl)();
+  const [open, setOpenInner] = (0, _util.useControlledState)(() => rest.open || false, rest.open);
+  const setOpen = (0, _react.useCallback)(updater => {
+    setOpenInner(prev => {
+      const next = typeof updater === 'function' ? updater(prev) : updater;
+      rest.onOpenChange?.(next);
+      return next;
+    });
+  }, [rest.onOpenChange]);
   if (mode === 'read') {
-    var dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    let dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
       children: "-"
     });
     if (text) {
@@ -48,31 +44,32 @@ var FieldPassword = function FieldPassword(_ref, ref) {
           ref: ref,
           children: open ? text : '********'
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-          onClick: function onClick() {
-            return setOpen(!open);
-          },
+          onClick: () => setOpen(!open),
           children: open ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.EyeOutlined, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.EyeInvisibleOutlined, {})
         })]
       });
     }
     if (render) {
-      return render(text, (0, _objectSpread2.default)({
-        mode: mode
-      }, fieldProps), dom);
+      return render(text, {
+        mode,
+        ...fieldProps
+      }, dom);
     }
     return dom;
   }
   if (mode === 'edit' || mode === 'update') {
-    var _dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input.Password, (0, _objectSpread2.default)({
+    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input.Password, {
       placeholder: intl.getMessage('tableForm.inputPlaceholder', '请输入'),
-      ref: ref
-    }, fieldProps));
+      ref: ref,
+      ...fieldProps
+    });
     if (formItemRender) {
-      return formItemRender(text, (0, _objectSpread2.default)({
-        mode: mode
-      }, fieldProps), _dom);
+      return formItemRender(text, {
+        mode,
+        ...fieldProps
+      }, dom);
     }
-    return _dom;
+    return dom;
   }
   return null;
 };

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

@@ -1,12 +1,10 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../../provider");
@@ -17,37 +15,34 @@ var _jsxRuntime = require("react/jsx-runtime");
  *
  * @param PercentPropInt
  */
-var FieldPercent = function FieldPercent(_ref, ref) {
-  var text = _ref.text,
-    prefix = _ref.prefix,
-    precision = _ref.precision,
-    _ref$suffix = _ref.suffix,
-    suffix = _ref$suffix === void 0 ? '%' : _ref$suffix,
-    mode = _ref.mode,
-    _ref$showColor = _ref.showColor,
-    showColor = _ref$showColor === void 0 ? false : _ref$showColor,
-    render = _ref.render,
-    formItemRender = _ref.formItemRender,
-    fieldProps = _ref.fieldProps,
-    placeholder = _ref.placeholder,
-    propsShowSymbol = _ref.showSymbol;
-  var intl = (0, _provider.useIntl)();
-  var placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
-  var realValue = (0, _react.useMemo)(function () {
-    return typeof text === 'string' && text.includes('%') ? (0, _util.toNumber)(text.replace('%', '')) : (0, _util.toNumber)(text);
-  }, [text]);
-  var showSymbol = (0, _react.useMemo)(function () {
+const FieldPercent = ({
+  text,
+  prefix,
+  precision,
+  suffix = '%',
+  mode,
+  showColor = false,
+  render,
+  formItemRender,
+  fieldProps,
+  placeholder,
+  showSymbol: propsShowSymbol
+}, ref) => {
+  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]);
+  const showSymbol = (0, _react.useMemo)(() => {
     if (typeof propsShowSymbol === 'function') {
-      return propsShowSymbol === null || propsShowSymbol === void 0 ? void 0 : propsShowSymbol(text);
+      return propsShowSymbol?.(text);
     }
     return propsShowSymbol;
   }, [propsShowSymbol, text]);
   if (mode === 'read') {
     /** 颜色有待确定, 根据提供 colors: ['正', '负'] | boolean */
-    var style = showColor ? {
+    const style = showColor ? {
       color: (0, _util.getColorByRealValue)(realValue)
     } : {};
-    var dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    const dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
       style: style,
       ref: ref,
       children: [prefix && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -57,37 +52,37 @@ var FieldPercent = function FieldPercent(_ref, ref) {
       }), (0, _util.getRealTextWithPrecision)(Math.abs(realValue), precision), suffix && suffix]
     });
     if (render) {
-      return render(text, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        mode: mode
-      }, fieldProps), {}, {
-        prefix: prefix,
-        precision: precision,
-        showSymbol: showSymbol,
-        suffix: suffix
-      }), dom);
+      return render(text, {
+        mode,
+        ...fieldProps,
+        prefix,
+        precision,
+        showSymbol,
+        suffix
+      }, dom);
     }
     return dom;
   }
   if (mode === 'edit' || mode === 'update') {
-    var _dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.InputNumber, (0, _objectSpread2.default)({
+    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.InputNumber, {
       ref: ref,
-      formatter: function formatter(value) {
+      formatter: value => {
         if (value && prefix) {
-          return "".concat(prefix, " ").concat(value).replace(/\B(?=(\d{3})+(?!\d)$)/g, ',');
+          return `${prefix} ${value}`.replace(/\B(?=(\d{3})+(?!\d)$)/g, ',');
         }
         return value;
       },
-      parser: function parser(value) {
-        return value ? value.replace(/.*\s|,/g, '') : '';
-      },
-      placeholder: placeholderValue
-    }, fieldProps));
+      parser: value => value ? value.replace(/.*\s|,/g, '') : '',
+      placeholder: placeholderValue,
+      ...fieldProps
+    });
     if (formItemRender) {
-      return formItemRender(text, (0, _objectSpread2.default)({
-        mode: mode
-      }, fieldProps), _dom);
+      return formItemRender(text, {
+        mode,
+        ...fieldProps
+      }, dom);
     }
-    return _dom;
+    return dom;
   }
   return null;
 };

package/lib/field/components/Percent/util.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,7 +7,6 @@ exports.getColorByRealValue = getColorByRealValue;
 exports.getRealTextWithPrecision = getRealTextWithPrecision;
 exports.getSymbolByRealValue = getSymbolByRealValue;
 exports.toNumber = toNumber;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 /** 获取展示符号 */
 function getSymbolByRealValue(realValue) {
   if (realValue === 0) {
@@ -29,9 +27,8 @@ function getColorByRealValue(realValue) {
 }
 
 /** 获取到最后展示的数字 */
-function getRealTextWithPrecision(realValue) {
-  var precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-  return precision >= 0 ? realValue === null || realValue === void 0 ? void 0 : realValue.toFixed(precision) : realValue;
+function getRealTextWithPrecision(realValue, precision = 2) {
+  return precision >= 0 ? realValue?.toFixed(precision) : realValue;
 }
 
 /**
@@ -39,7 +36,7 @@ function getRealTextWithPrecision(realValue) {
  * @copy from https://github.com/toss/es-toolkit/blob/32a183828c244d675f46810935e45dfefec81a54/src/compat/util/toNumber.ts#L19
  */
 function toNumber(value) {
-  if ((0, _typeof2.default)(value) === 'symbol' || value instanceof Symbol) {
+  if (typeof value === 'symbol' || value instanceof Symbol) {
     return NaN;
   }
   return Number(value);

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

@@ -1,13 +1,11 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getProgressStatus = getProgressStatus;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../../provider");
@@ -31,21 +29,20 @@ function getProgressStatus(text) {
  *
  * @param
  */
-var FieldProgress = function FieldProgress(_ref, ref) {
-  var text = _ref.text,
-    mode = _ref.mode,
-    render = _ref.render,
-    plain = _ref.plain,
-    formItemRender = _ref.formItemRender,
-    fieldProps = _ref.fieldProps,
-    placeholder = _ref.placeholder;
-  var intl = (0, _provider.useIntl)();
-  var placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
-  var realValue = (0, _react.useMemo)(function () {
-    return typeof text === 'string' && text.includes('%') ? (0, _util.toNumber)(text.replace('%', '')) : (0, _util.toNumber)(text);
-  }, [text]);
+const FieldProgress = ({
+  text,
+  mode,
+  render,
+  plain,
+  formItemRender,
+  fieldProps,
+  placeholder
+}, ref) => {
+  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]);
   if (mode === 'read') {
-    var dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Progress, (0, _objectSpread2.default)({
+    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Progress, {
       ref: ref,
       size: "small",
       style: {
@@ -54,26 +51,30 @@ var FieldProgress = function FieldProgress(_ref, ref) {
       },
       percent: realValue,
       steps: plain ? 10 : undefined,
-      status: getProgressStatus(realValue)
-    }, fieldProps));
+      status: getProgressStatus(realValue),
+      ...fieldProps
+    });
     if (render) {
-      return render(realValue, (0, _objectSpread2.default)({
-        mode: mode
-      }, fieldProps), dom);
+      return render(realValue, {
+        mode,
+        ...fieldProps
+      }, dom);
     }
     return dom;
   }
   if (mode === 'edit' || mode === 'update') {
-    var _dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.InputNumber, (0, _objectSpread2.default)({
+    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.InputNumber, {
       ref: ref,
-      placeholder: placeholderValue
-    }, fieldProps));
+      placeholder: placeholderValue,
+      ...fieldProps
+    });
     if (formItemRender) {
-      return formItemRender(text, (0, _objectSpread2.default)({
-        mode: mode
-      }, fieldProps), _dom);
+      return formItemRender(text, {
+        mode,
+        ...fieldProps
+      }, dom);
     }
-    return _dom;
+    return dom;
   }
   return null;
 };

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

@@ -15,7 +15,7 @@ declare const _default: React.ForwardRefExoticComponent<import("src/provider").B
     request?: import("src/utils/typing").ProFieldRequestData | undefined;
     params?: any;
     fieldProps?: any;
-    variant?: "filled" | "outlined" | "borderless" | undefined;
+    variant?: "outlined" | "filled" | "borderless" | undefined;
     id?: string | undefined;
     defaultKeyWords?: string | undefined;
 } & import("../../PureProField").ProFieldLightProps & React.RefAttributes<any>>;

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

@@ -1,110 +1,108 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _antd = require("antd");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../../../utils");
 var _Select = require("../Select");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["radioType", "formItemRender", "mode", "render"];
 /**
  * 单选组件
  *
  * @param param0
  * @param ref
  */
-var FieldRadio = function FieldRadio(_ref, ref) {
-  var _Form$Item, _Form$Item$useStatus;
-  var radioType = _ref.radioType,
-    formItemRender = _ref.formItemRender,
-    mode = _ref.mode,
-    render = _ref.render,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var layoutClassName = getPrefixCls('pro-field-radio');
-  var _useFieldFetchData = (0, _Select.useFieldFetchData)(rest),
-    _useFieldFetchData2 = (0, _slicedToArray2.default)(_useFieldFetchData, 3),
-    loading = _useFieldFetchData2[0],
-    options = _useFieldFetchData2[1],
-    _fetchData = _useFieldFetchData2[2];
-  var radioRef = (0, _react.useRef)();
-  var status = (_Form$Item = _antd.Form.Item) === null || _Form$Item === void 0 || (_Form$Item$useStatus = _Form$Item.useStatus) === null || _Form$Item$useStatus === void 0 ? void 0 : _Form$Item$useStatus.call(_Form$Item);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, radioRef.current || {}), {}, {
-      fetchData: function fetchData(keyWord) {
-        return _fetchData(keyWord);
-      }
-    });
-  }, [_fetchData]);
+const FieldRadio = ({
+  radioType,
+  formItemRender,
+  mode,
+  render,
+  ...rest
+}, ref) => {
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  const layoutClassName = getPrefixCls('pro-field-radio');
+  const [loading, options, fetchData] = (0, _Select.useFieldFetchData)(rest);
+  const radioRef = (0, _react.useRef)();
+  const status = _antd.Form.Item?.useStatus?.();
+  (0, _react.useImperativeHandle)(ref, () => ({
+    ...(radioRef.current || {}),
+    fetchData: keyWord => fetchData(keyWord)
+  }), [fetchData]);
 
   // css
-  var _useStyle = (0, _utils.useStyle)('FieldRadioRadio', function (token) {
-      return (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(layoutClassName, "-error"), {
+  const {
+    wrapSSR,
+    hashId
+  } = (0, _utils.useStyle)('FieldRadioRadio', token => {
+    return {
+      [`.${layoutClassName}-error`]: {
         span: {
           color: token.colorError
         }
-      }), ".".concat(layoutClassName, "-warning"), {
+      },
+      [`.${layoutClassName}-warning`]: {
         span: {
           color: token.colorWarning
         }
-      }), ".".concat(layoutClassName, "-vertical"), (0, _defineProperty2.default)({}, "".concat(token.antCls, "-radio-wrapper"), {
-        display: 'flex',
-        marginInlineEnd: 0
-      }));
-    }),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
+      },
+      [`.${layoutClassName}-vertical`]: {
+        [`${token.antCls}-radio-wrapper`]: {
+          display: 'flex',
+          marginInlineEnd: 0
+        }
+      }
+    };
+  });
   if (loading) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Spin, {
       size: "small"
     });
   }
   if (mode === 'read') {
-    var optionsValueEnum = options !== null && options !== void 0 && options.length ? options === null || options === void 0 ? void 0 : options.reduce(function (pre, cur) {
-      var _ref3;
-      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, pre), {}, (0, _defineProperty2.default)({}, (_ref3 = cur.value) !== null && _ref3 !== void 0 ? _ref3 : '', cur.label));
+    const optionsValueEnum = options?.length ? options?.reduce((pre, cur) => {
+      return {
+        ...pre,
+        [cur.value ?? '']: cur.label
+      };
     }, {}) : undefined;
-    var dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
       children: (0, _utils.proFieldParsingText)(rest.text, (0, _utils.objectToMap)(rest.valueEnum || optionsValueEnum))
     });
     if (render) {
-      var _render;
-      return (_render = render(rest.text, (0, _objectSpread3.default)({
-        mode: mode
-      }, rest.fieldProps), dom)) !== null && _render !== void 0 ? _render : null;
+      return render(rest.text, {
+        mode,
+        ...rest.fieldProps
+      }, dom) ?? null;
     }
     return dom;
   }
   if (mode === 'edit') {
-    var _rest$fieldProps;
-    var _dom = wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Radio.Group, (0, _objectSpread3.default)((0, _objectSpread3.default)({
+    const dom = wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Radio.Group, {
       ref: radioRef,
-      optionType: radioType
-    }, rest.fieldProps), {}, {
-      className: (0, _classnames.default)((_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.className, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(layoutClassName, "-error"), (status === null || status === void 0 ? void 0 : status.status) === 'error'), "".concat(layoutClassName, "-warning"), (status === null || status === void 0 ? void 0 : status.status) === 'warning'), hashId, "".concat(layoutClassName, "-").concat(rest.fieldProps.layout || 'horizontal')),
+      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) {
-      var _formItemRender;
-      return (_formItemRender = formItemRender(rest.text, (0, _objectSpread3.default)((0, _objectSpread3.default)({
-        mode: mode
-      }, rest.fieldProps), {}, {
-        options: options,
-        loading: loading
-      }), _dom)) !== null && _formItemRender !== void 0 ? _formItemRender : null;
+      return formItemRender(rest.text, {
+        mode,
+        ...rest.fieldProps,
+        options,
+        loading
+      }, dom) ?? null;
     }
-    return _dom;
+    return dom;
   }
   return null;
 };