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

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

@@ -11,7 +11,7 @@ declare const _default: React.ForwardRefExoticComponent<import("../../../provide
     options?: (string | number | import("antd").CheckboxOptionType<any>)[] | undefined;
     radioType?: "button" | "radio" | undefined;
     placeholder?: string | undefined;
-    variant?: "filled" | "outlined" | "borderless" | undefined;
+    variant?: "outlined" | "filled" | "borderless" | undefined;
 } & {
     text: string;
     valueEnum?: import("src/utils/typing").ProFieldValueEnumType | undefined;
@@ -19,7 +19,7 @@ declare const _default: React.ForwardRefExoticComponent<import("../../../provide
     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/Cascader/index.js

@@ -1,154 +1,135 @@
 "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 _antd = require("antd");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../../provider");
 var _utils = require("../../../utils");
 var _Select = require("../Select");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["radioType", "placeholder", "formItemRender", "mode", "render", "label", "light", "variant"];
 /**
  * 级联选择组件
  *
  * @param param0
  * @param ref
  */
-var FieldCascader = function FieldCascader(_ref, ref) {
-  var _rest$fieldProps2;
-  var radioType = _ref.radioType,
-    placeholder = _ref.placeholder,
-    formItemRender = _ref.formItemRender,
-    mode = _ref.mode,
-    render = _ref.render,
-    label = _ref.label,
-    light = _ref.light,
-    variant = _ref.variant,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var layoutClassName = getPrefixCls('pro-field-cascader');
-  var _useFieldFetchData = (0, _Select.useFieldFetchData)(rest),
-    _useFieldFetchData2 = (0, _slicedToArray2.default)(_useFieldFetchData, 3),
-    loading = _useFieldFetchData2[0],
-    options = _useFieldFetchData2[1],
-    _fetchData = _useFieldFetchData2[2];
-  var intl = (0, _provider.useIntl)();
-  var cascaderRef = (0, _react.useRef)();
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  (0, _react.useImperativeHandle)(ref, function () {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, cascaderRef.current || {}), {}, {
-      fetchData: function fetchData(keyWord) {
-        return _fetchData(keyWord);
-      }
-    });
-  }, [_fetchData]);
-  var optionsValueEnum = (0, _react.useMemo)(function () {
-    var _rest$fieldProps;
+const FieldCascader = ({
+  radioType,
+  placeholder,
+  formItemRender,
+  mode,
+  render,
+  label,
+  light,
+  variant,
+  ...rest
+}, ref) => {
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  const layoutClassName = getPrefixCls('pro-field-cascader');
+  const [loading, options, fetchData] = (0, _Select.useFieldFetchData)(rest);
+  const intl = (0, _provider.useIntl)();
+  const cascaderRef = (0, _react.useRef)();
+  const [open, setOpen] = (0, _react.useState)(false);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    ...(cascaderRef.current || {}),
+    fetchData: keyWord => fetchData(keyWord)
+  }), [fetchData]);
+  const optionsValueEnum = (0, _react.useMemo)(() => {
     if (mode !== 'read') return;
     /**
      * Support cascader fieldNames
      *
      * @see https://ant.design/components/cascader-cn/#header
      */
-    var _ref2 = ((_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.fieldNames) || {},
-      _ref2$value = _ref2.value,
-      valuePropsName = _ref2$value === void 0 ? 'value' : _ref2$value,
-      _ref2$label = _ref2.label,
-      labelPropsName = _ref2$label === void 0 ? 'label' : _ref2$label,
-      _ref2$children = _ref2.children,
-      childrenPropsName = _ref2$children === void 0 ? 'children' : _ref2$children;
-    var valuesMap = new Map();
-    var traverseOptions = function traverseOptions(_options) {
-      if (!(_options !== null && _options !== void 0 && _options.length)) {
+    const {
+      value: valuePropsName = 'value',
+      label: labelPropsName = 'label',
+      children: childrenPropsName = 'children'
+    } = rest.fieldProps?.fieldNames || {};
+    const valuesMap = new Map();
+    const traverseOptions = _options => {
+      if (!_options?.length) {
         return valuesMap;
       }
-      var length = _options.length;
-      var i = 0;
+      const length = _options.length;
+      let i = 0;
       while (i < length) {
-        var cur = _options[i++];
+        const cur = _options[i++];
         valuesMap.set(cur[valuePropsName], cur[labelPropsName]);
         traverseOptions(cur[childrenPropsName]);
       }
       return valuesMap;
     };
     return traverseOptions(options);
-  }, [mode, options, (_rest$fieldProps2 = rest.fieldProps) === null || _rest$fieldProps2 === void 0 ? void 0 : _rest$fieldProps2.fieldNames]);
+  }, [mode, options, rest.fieldProps?.fieldNames]);
   if (mode === 'read') {
-    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, _objectSpread2.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$fieldProps3, _rest$fieldProps5;
-    var _dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Cascader, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      variant: !light ? 'outlined' : 'borderless',
+    const fieldProps = rest.fieldProps || {};
+    let dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Cascader, {
+      variant: !light ? variant : 'borderless',
       ref: cascaderRef,
       open: open,
       suffixIcon: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {}) : undefined,
       placeholder: placeholder || intl.getMessage('tableForm.selectPlaceholder', '请选择'),
-      allowClear: ((_rest$fieldProps3 = rest.fieldProps) === null || _rest$fieldProps3 === void 0 ? void 0 : _rest$fieldProps3.allowClear) !== false
-    }, rest.fieldProps), {}, {
-      onOpenChange: function onOpenChange(isOpen) {
-        var _rest$fieldProps4, _rest$fieldProps4$onO;
-        rest === null || rest === void 0 || (_rest$fieldProps4 = rest.fieldProps) === null || _rest$fieldProps4 === void 0 || (_rest$fieldProps4$onO = _rest$fieldProps4.onOpenChange) === null || _rest$fieldProps4$onO === void 0 || _rest$fieldProps4$onO.call(_rest$fieldProps4, isOpen);
+      allowClear: fieldProps?.allowClear !== false,
+      ...fieldProps,
+      onOpenChange: isOpen => {
+        fieldProps?.onOpenChange?.(isOpen);
         setOpen(isOpen);
       },
-      className: (0, _classnames.default)((_rest$fieldProps5 = rest.fieldProps) === null || _rest$fieldProps5 === void 0 ? void 0 : _rest$fieldProps5.className, layoutClassName),
+      className: (0, _clsx.clsx)(fieldProps?.className, layoutClassName),
       options: options
-    }));
+    });
     if (formItemRender) {
-      var _formItemRender;
-      _dom = (_formItemRender = formItemRender(rest.text, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        mode: mode
-      }, rest.fieldProps), {}, {
-        options: options,
-        loading: loading
-      }), _dom)) !== null && _formItemRender !== void 0 ? _formItemRender : null;
+      dom = formItemRender(rest.text, {
+        mode,
+        ...fieldProps,
+        options,
+        loading
+      }, dom) ?? null;
     }
     if (light) {
-      var _rest$fieldProps6 = rest.fieldProps,
-        disabled = _rest$fieldProps6.disabled,
-        value = _rest$fieldProps6.value;
-      var notEmpty = !!value && (value === null || value === void 0 ? void 0 : value.length) !== 0;
+      const {
+        disabled,
+        value
+      } = fieldProps;
+      const notEmpty = !!value && value?.length !== 0;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.FieldLabel, {
         label: label,
         disabled: disabled,
         variant: variant,
-        value: notEmpty || open ? _dom : null,
+        value: notEmpty || open ? dom : null,
         style: notEmpty ? {
           paddingInlineEnd: 0
         } : undefined,
         allowClear: false,
         downIcon: notEmpty || open ? false : undefined,
-        onClick: function onClick() {
-          var _rest$fieldProps7, _rest$fieldProps7$onO;
+        onClick: () => {
           setOpen(true);
-          rest === null || rest === void 0 || (_rest$fieldProps7 = rest.fieldProps) === null || _rest$fieldProps7 === void 0 || (_rest$fieldProps7$onO = _rest$fieldProps7.onOpenChange) === null || _rest$fieldProps7$onO === void 0 || _rest$fieldProps7$onO.call(_rest$fieldProps7, true);
+          fieldProps?.onOpenChange?.(true);
         }
       });
     }
-    return _dom;
+    return dom;
   }
   return null;
 };

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

@@ -1,49 +1,42 @@
 "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 _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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 = ["layout", "formItemRender", "mode", "render"],
-  _excluded2 = ["fieldNames"];
 /**
  * 多选组件
  *
  * @param param0
  * @param ref
  */
-var FieldCheckbox = function FieldCheckbox(_ref, ref) {
-  var _Form$Item, _Form$Item$useStatus, _theme$useToken2;
-  var _ref$layout = _ref.layout,
-    layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
-    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-checkbox');
-  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);
-  var _useFieldFetchData = (0, _Select.useFieldFetchData)(rest),
-    _useFieldFetchData2 = (0, _slicedToArray2.default)(_useFieldFetchData, 3),
-    loading = _useFieldFetchData2[0],
-    options = _useFieldFetchData2[1],
-    _fetchData = _useFieldFetchData2[2];
+const FieldCheckbox = ({
+  layout = 'horizontal',
+  formItemRender,
+  mode,
+  render,
+  ...rest
+}, ref) => {
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  const layoutClassName = getPrefixCls('pro-field-checkbox');
+  const status = _antd.Form.Item?.useStatus?.();
+  const [loading, options, fetchData] = (0, _Select.useFieldFetchData)(rest);
   // css
-  var _useStyle = (0, _utils.useStyle)('Checkbox', function (token) {
-      return (0, _defineProperty2.default)({}, ".".concat(layoutClassName), {
+  const {
+    wrapSSR,
+    hashId
+  } = (0, _utils.useStyle)('Checkbox', token => {
+    return {
+      [`.${layoutClassName}`]: {
         '&-error': {
           span: {
             color: token.colorError
@@ -54,46 +47,52 @@ var FieldCheckbox = function FieldCheckbox(_ref, ref) {
             color: token.colorWarning
           }
         },
-        '&-vertical': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&".concat(token.antCls, "-checkbox-group"), {
-          display: 'inline-block'
-        }), "".concat(token.antCls, "-checkbox-wrapper+").concat(token.antCls, "-checkbox-wrapper"), {
-          'margin-inline-start': '0  !important'
-        }), "".concat(token.antCls, "-checkbox-group-item"), {
-          display: 'flex',
-          marginInlineEnd: 0
-        })
-      });
-    }),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
-  var _theme$useToken = (_theme$useToken2 = _antd.theme.useToken) === null || _theme$useToken2 === void 0 ? void 0 : _theme$useToken2.call(_antd.theme),
-    token = _theme$useToken.token;
-  var checkBoxRef = (0, _react.useRef)();
-  (0, _react.useImperativeHandle)(ref, function () {
-    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, checkBoxRef.current || {}), {}, {
-      fetchData: function fetchData(keyWord) {
-        return _fetchData(keyWord);
+        '&-vertical': {
+          //ant design 5
+          [`&${token.antCls}-checkbox-group`]: {
+            display: 'inline-block'
+          },
+          //ant design 5
+          [`${token.antCls}-checkbox-wrapper+${token.antCls}-checkbox-wrapper`]: {
+            'margin-inline-start': '0  !important'
+          },
+          //ant design 4
+          [`${token.antCls}-checkbox-group-item`]: {
+            display: 'flex',
+            marginInlineEnd: 0
+          }
+        }
       }
-    });
-  }, [_fetchData]);
+    };
+  });
+  const {
+    token
+  } = _antd.theme.useToken?.();
+  const checkBoxRef = (0, _react.useRef)();
+  (0, _react.useImperativeHandle)(ref, () => ({
+    ...(checkBoxRef.current || {}),
+    fetchData: keyWord => fetchData(keyWord)
+  }), [fetchData]);
   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 = (0, _utils.proFieldParsingText)(rest.text, (0, _utils.objectToMap)(rest.valueEnum || optionsValueEnum));
+    const dom = (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), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      return render(rest.text, {
+        mode,
+        ...rest.fieldProps
+      }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
         children: dom
-      }))) !== null && _render !== void 0 ? _render : null;
+      })) ?? null;
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: {
@@ -106,27 +105,30 @@ var FieldCheckbox = function FieldCheckbox(_ref, ref) {
     });
   }
   if (mode === 'edit') {
-    var _rest$fieldProps;
-    var _ref4 = rest.fieldProps || {},
-      fieldNames = _ref4.fieldNames,
-      restFieldProps = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
-    var _dom = wrapSSR(
+    const {
+      fieldNames,
+      ...restFieldProps
+    } = rest.fieldProps || {};
+    const dom = wrapSSR(
     /*#__PURE__*/
     //@ts-ignore
-    (0, _jsxRuntime.jsx)(_antd.Checkbox.Group, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, restFieldProps), {}, {
-      className: (0, _classnames.default)((_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.className, hashId, "".concat(layoutClassName, "-").concat(layout), (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')),
+    (0, _jsxRuntime.jsx)(_antd.Checkbox.Group, {
+      ...restFieldProps,
+      className: (0, _clsx.clsx)(rest.fieldProps?.className, hashId, `${layoutClassName}-${layout}`, {
+        [`${layoutClassName}-error`]: status?.status === 'error',
+        [`${layoutClassName}-warning`]: status?.status === 'warning'
+      }),
       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;
 };

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

@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _antd = require("antd");
 var _react = _interopRequireDefault(require("react"));
 var _provider = require("../../../provider");
 var _jsxRuntime = require("react/jsx-runtime");
-var languageFormat = function languageFormat(text, language) {
+const languageFormat = (text, language) => {
   if (typeof text !== 'string') {
     return text;
   }
@@ -29,23 +28,24 @@ var languageFormat = function languageFormat(text, language) {
  *
  * @param
  */
-var FieldCode = function FieldCode(_ref, ref) {
-  var text = _ref.text,
-    mode = _ref.mode,
-    render = _ref.render,
-    _ref$language = _ref.language,
-    language = _ref$language === void 0 ? 'text' : _ref$language,
-    formItemRender = _ref.formItemRender,
-    plain = _ref.plain,
-    fieldProps = _ref.fieldProps;
-  var code = languageFormat(text, language);
-  var _proTheme$useToken = _provider.proTheme.useToken(),
-    token = _proTheme$useToken.token;
+const FieldCode = ({
+  text,
+  mode,
+  render,
+  language = 'text',
+  formItemRender,
+  plain,
+  fieldProps
+}, ref) => {
+  const code = languageFormat(text, language);
+  const {
+    token
+  } = _provider.proTheme.useToken();
   if (mode === 'read') {
-    var dom = /*#__PURE__*/(0, _jsxRuntime.jsx)("pre", (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      ref: ref
-    }, fieldProps), {}, {
-      style: (0, _objectSpread2.default)({
+    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)("pre", {
+      ref: ref,
+      ...fieldProps,
+      style: {
         padding: 16,
         overflow: 'auto',
         fontSize: '85%',
@@ -54,42 +54,43 @@ var FieldCode = function FieldCode(_ref, ref) {
         fontFamily: token.fontFamilyCode,
         backgroundColor: 'rgba(150, 150, 150, 0.1)',
         borderRadius: 3,
-        width: 'min-content'
-      }, fieldProps.style),
+        width: 'min-content',
+        ...fieldProps.style
+      },
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
         children: code
       })
-    }));
+    });
     if (render) {
-      return render(code, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        mode: mode
-      }, fieldProps), {}, {
-        ref: ref
-      }), dom);
+      return render(code, {
+        mode,
+        ...fieldProps,
+        ref
+      }, dom);
     }
     return dom;
   }
   if (mode === 'edit' || mode === 'update') {
     fieldProps.value = code;
-    var _dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input.TextArea, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      rows: 5
-    }, fieldProps), {}, {
+    let dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input.TextArea, {
+      rows: 5,
+      ...fieldProps,
       ref: ref
-    }));
+    });
     if (plain) {
-      _dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, fieldProps), {}, {
+      dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, {
+        ...fieldProps,
         ref: ref
-      }));
+      });
     }
     if (formItemRender) {
-      var _formItemRender;
-      return (_formItemRender = formItemRender(code, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        mode: mode
-      }, fieldProps), {}, {
-        ref: ref
-      }), _dom)) !== null && _formItemRender !== void 0 ? _formItemRender : null;
+      return formItemRender(code, {
+        mode,
+        ...fieldProps,
+        ref
+      }, dom) ?? null;
     }
-    return _dom;
+    return dom;
   }
   return null;
 };