@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

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

@@ -1,126 +1,104 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// src/field/components/Radio/index.tsx
-import { ConfigProvider, Form, Radio, Spin } from "antd";
-import classNames from "classnames";
-import React, { useContext, useImperativeHandle, useRef } from "react";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["radioType", "formItemRender", "mode", "render"];
+import { ConfigProvider, Form, Radio, Spin } from 'antd';
+import classNames from 'classnames';
+import React, { useContext, useImperativeHandle, useRef } from 'react';
 import { objectToMap, proFieldParsingText, useStyle } from "../../../utils";
 import { useFieldFetchData } from "../Select";
-var FieldRadio = (_a, ref) => {
-  var _b = _a, { radioType, formItemRender, mode, render } = _b, rest = __objRest(_b, ["radioType", "formItemRender", "mode", "render"]);
-  var _a2, _b2, _c, _d, _e;
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const layoutClassName = getPrefixCls("pro-field-radio");
-  const [loading, options, fetchData] = useFieldFetchData(rest);
-  const radioRef = useRef();
-  const status = (_b2 = (_a2 = Form.Item) == null ? void 0 : _a2.useStatus) == null ? void 0 : _b2.call(_a2);
-  useImperativeHandle(
-    ref,
-    () => __spreadProps(__spreadValues({}, radioRef.current || {}), {
-      fetchData: (keyWord) => fetchData(keyWord)
-    }),
-    [fetchData]
-  );
-  const { wrapSSR, hashId } = useStyle("FieldRadioRadio", (token) => {
-    return {
-      [`.${layoutClassName}-error`]: {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 单选组件
+ *
+ * @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 = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var layoutClassName = getPrefixCls('pro-field-radio');
+  var _useFieldFetchData = useFieldFetchData(rest),
+    _useFieldFetchData2 = _slicedToArray(_useFieldFetchData, 3),
+    loading = _useFieldFetchData2[0],
+    options = _useFieldFetchData2[1],
+    _fetchData = _useFieldFetchData2[2];
+  var radioRef = useRef();
+  var status = (_Form$Item = 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);
+  useImperativeHandle(ref, function () {
+    return _objectSpread(_objectSpread({}, radioRef.current || {}), {}, {
+      fetchData: function fetchData(keyWord) {
+        return _fetchData(keyWord);
+      }
+    });
+  }, [_fetchData]);
+
+  // css
+  var _useStyle = useStyle('FieldRadioRadio', function (token) {
+      return _defineProperty(_defineProperty(_defineProperty({}, ".".concat(layoutClassName, "-error"), {
         span: {
           color: token.colorError
         }
-      },
-      [`.${layoutClassName}-warning`]: {
+      }), ".".concat(layoutClassName, "-warning"), {
         span: {
           color: token.colorWarning
         }
-      },
-      [`.${layoutClassName}-vertical`]: {
-        [`${token.antCls}-radio-wrapper`]: {
-          display: "flex",
-          marginInlineEnd: 0
-        }
-      }
-    };
-  });
+      }), ".".concat(layoutClassName, "-vertical"), _defineProperty({}, "".concat(token.antCls, "-radio-wrapper"), {
+        display: 'flex',
+        marginInlineEnd: 0
+      }));
+    }),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Spin, { size: "small" });
+    return /*#__PURE__*/_jsx(Spin, {
+      size: "small"
+    });
   }
-  if (mode === "read") {
-    const optionsValueEnum = (options == null ? void 0 : options.length) ? options == null ? void 0 : options.reduce((pre, cur) => {
-      var _a3;
-      return __spreadProps(__spreadValues({}, pre), { [(_a3 = cur.value) != null ? _a3 : ""]: cur.label });
-    }, {}) : void 0;
-    const dom = /* @__PURE__ */ React.createElement(React.Fragment, null, proFieldParsingText(
-      rest.text,
-      objectToMap(rest.valueEnum || optionsValueEnum)
-    ));
+  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 _objectSpread(_objectSpread({}, pre), {}, _defineProperty({}, (_ref3 = cur.value) !== null && _ref3 !== void 0 ? _ref3 : '', cur.label));
+    }, {}) : undefined;
+    var dom = /*#__PURE__*/_jsx(_Fragment, {
+      children: proFieldParsingText(rest.text, objectToMap(rest.valueEnum || optionsValueEnum))
+    });
     if (render) {
-      return (_c = render(rest.text, __spreadValues({ mode }, rest.fieldProps), dom)) != null ? _c : null;
+      var _render;
+      return (_render = render(rest.text, _objectSpread({
+        mode: mode
+      }, rest.fieldProps), dom)) !== null && _render !== void 0 ? _render : null;
     }
     return dom;
   }
-  if (mode === "edit") {
-    const dom = wrapSSR(
-      /* @__PURE__ */ React.createElement(
-        Radio.Group,
-        __spreadProps(__spreadValues({
-          ref: radioRef,
-          optionType: radioType
-        }, rest.fieldProps), {
-          className: classNames(
-            (_d = rest.fieldProps) == null ? void 0 : _d.className,
-            {
-              [`${layoutClassName}-error`]: (status == null ? void 0 : status.status) === "error",
-              [`${layoutClassName}-warning`]: (status == null ? void 0 : status.status) === "warning"
-            },
-            hashId,
-            `${layoutClassName}-${rest.fieldProps.layout || "horizontal"}`
-          ),
-          options
-        })
-      )
-    );
+  if (mode === 'edit') {
+    var _rest$fieldProps;
+    var _dom = wrapSSR( /*#__PURE__*/_jsx(Radio.Group, _objectSpread(_objectSpread({
+      ref: radioRef,
+      optionType: radioType
+    }, rest.fieldProps), {}, {
+      className: classNames((_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.className, _defineProperty(_defineProperty({}, "".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')),
+      options: options
+    })));
     if (formItemRender) {
-      return (_e = formItemRender(
-        rest.text,
-        __spreadProps(__spreadValues({ mode }, rest.fieldProps), { options, loading }),
-        dom
-      )) != null ? _e : null;
+      var _formItemRender;
+      return (_formItemRender = formItemRender(rest.text, _objectSpread(_objectSpread({
+        mode: mode
+      }, rest.fieldProps), {}, {
+        options: options,
+        loading: loading
+      }), _dom)) !== null && _formItemRender !== void 0 ? _formItemRender : null;
     }
-    return dom;
+    return _dom;
   }
   return null;
 };
-var Radio_default = React.forwardRef(FieldRadio);
-export {
-  Radio_default as default
-};
+export default /*#__PURE__*/React.forwardRef(FieldRadio);

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

@@ -3,8 +3,8 @@ import type { ProFieldLightProps } from '../../PureProField';
 declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
     text: string[];
     format?: string | undefined;
-    variant?: "outlined" | "filled" | "borderless" | undefined;
+    variant?: "outlined" | "borderless" | "filled" | undefined;
     showTime?: boolean | undefined;
-    picker?: "time" | "date" | "month" | "week" | "quarter" | "year" | undefined;
+    picker?: "date" | "time" | "month" | "week" | "quarter" | "year" | undefined;
 } & ProFieldLightProps & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,157 +1,142 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/field/components/RangePicker/index.tsx
-import { DatePicker } from "antd";
-import dayjs from "dayjs";
-import React, { useCallback } from "react";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { DatePicker } from 'antd';
+import dayjs from 'dayjs';
+import React, { useCallback } from 'react';
 import { useIntl } from "../../../provider";
 import { FieldLabel, parseValueToDay } from "../../../utils";
-var FieldRangePicker = ({
-  text,
-  mode,
-  light,
-  label,
-  format = "YYYY-MM-DD",
-  render,
-  picker,
-  formItemRender,
-  plain,
-  showTime,
-  lightLabel,
-  variant,
-  fieldProps
-}, ref) => {
-  var _a;
-  const intl = useIntl();
-  const [startText, endText] = Array.isArray(text) ? text : [];
-  const [open, setOpen] = React.useState(false);
-  const genFormatText = useCallback(
-    (formatValue) => {
-      var _a2;
-      if (typeof (fieldProps == null ? void 0 : fieldProps.format) === "function") {
-        return (_a2 = fieldProps == null ? void 0 : fieldProps.format) == null ? void 0 : _a2.call(fieldProps, formatValue);
-      }
-      return (fieldProps == null ? void 0 : fieldProps.format) || format || "YYYY-MM-DD";
-    },
-    [fieldProps, format]
-  );
-  const parsedStartText = startText ? dayjs(startText).format(genFormatText(dayjs(startText))) : "";
-  const parsedEndText = endText ? dayjs(endText).format(genFormatText(dayjs(endText))) : "";
-  if (mode === "read") {
-    const dom = /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref,
-        style: {
-          display: "flex",
-          flexWrap: "wrap",
-          gap: 8,
-          alignItems: "center"
-        }
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 日期范围选择组件
+ *
+ * @param
+ */
+var FieldRangePicker = function FieldRangePicker(_ref, ref) {
+  var text = _ref.text,
+    mode = _ref.mode,
+    light = _ref.light,
+    label = _ref.label,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? 'YYYY-MM-DD' : _ref$format,
+    render = _ref.render,
+    picker = _ref.picker,
+    formItemRender = _ref.formItemRender,
+    plain = _ref.plain,
+    showTime = _ref.showTime,
+    lightLabel = _ref.lightLabel,
+    variant = _ref.variant,
+    fieldProps = _ref.fieldProps;
+  var intl = useIntl();
+  var _ref2 = Array.isArray(text) ? text : [],
+    _ref3 = _slicedToArray(_ref2, 2),
+    startText = _ref3[0],
+    endText = _ref3[1];
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    open = _React$useState2[0],
+    setOpen = _React$useState2[1];
+  // antd 改了一下 交互，这里要兼容一下，不然会导致无法选中第二个数据
+  var genFormatText = useCallback(function (formatValue) {
+    if (typeof (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.format) === 'function') {
+      var _fieldProps$format;
+      return fieldProps === null || fieldProps === void 0 || (_fieldProps$format = fieldProps.format) === null || _fieldProps$format === void 0 ? void 0 : _fieldProps$format.call(fieldProps, formatValue);
+    }
+    return (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.format) || format || 'YYYY-MM-DD';
+  }, [fieldProps, format]);
+  // activePickerIndex for https://github.com/ant-design/ant-design/issues/22158
+  var parsedStartText = startText ? dayjs(startText).format(genFormatText(dayjs(startText))) : '';
+  var parsedEndText = endText ? dayjs(endText).format(genFormatText(dayjs(endText))) : '';
+  if (mode === 'read') {
+    var dom = /*#__PURE__*/_jsxs("div", {
+      ref: ref,
+      style: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: 8,
+        alignItems: 'center'
       },
-      /* @__PURE__ */ React.createElement("div", null, parsedStartText || "-"),
-      /* @__PURE__ */ React.createElement("div", null, parsedEndText || "-")
-    );
+      children: [/*#__PURE__*/_jsx("div", {
+        children: parsedStartText || '-'
+      }), /*#__PURE__*/_jsx("div", {
+        children: parsedEndText || '-'
+      })]
+    });
     if (render) {
-      return render(text, __spreadValues({ mode }, fieldProps), /* @__PURE__ */ React.createElement("span", null, dom));
+      return render(text, _objectSpread({
+        mode: mode
+      }, fieldProps), /*#__PURE__*/_jsx("span", {
+        children: dom
+      }));
     }
     return dom;
   }
-  if (mode === "edit" || mode === "update") {
-    const dayValue = parseValueToDay(fieldProps.value);
-    let dom;
-    const handleRangeChange = (value) => {
-      var _a2;
-      (_a2 = fieldProps == null ? void 0 : fieldProps.onChange) == null ? void 0 : _a2.call(fieldProps, value);
+  if (mode === 'edit' || mode === 'update') {
+    var dayValue = parseValueToDay(fieldProps.value);
+    var _dom;
+    var handleRangeChange = function handleRangeChange(value) {
+      var _fieldProps$onChange;
+      fieldProps === null || fieldProps === void 0 || (_fieldProps$onChange = fieldProps.onChange) === null || _fieldProps$onChange === void 0 || _fieldProps$onChange.call(fieldProps, value);
       if (!value) {
         setOpen(false);
       }
     };
     if (light) {
-      dom = /* @__PURE__ */ React.createElement(
-        FieldLabel,
-        {
-          label,
-          onClick: () => {
-            var _a2;
-            (_a2 = fieldProps == null ? void 0 : fieldProps.onOpenChange) == null ? void 0 : _a2.call(fieldProps, true);
-            setOpen(true);
+      var _fieldProps$placehold;
+      _dom = /*#__PURE__*/_jsx(FieldLabel, {
+        label: label,
+        onClick: function onClick() {
+          var _fieldProps$onOpenCha;
+          fieldProps === null || fieldProps === void 0 || (_fieldProps$onOpenCha = fieldProps.onOpenChange) === null || _fieldProps$onOpenCha === void 0 || _fieldProps$onOpenCha.call(fieldProps, true);
+          setOpen(true);
+        },
+        style: dayValue ? {
+          paddingInlineEnd: 0
+        } : undefined,
+        disabled: fieldProps.disabled,
+        value: dayValue || open ? /*#__PURE__*/_jsx(DatePicker.RangePicker, _objectSpread(_objectSpread({
+          picker: picker,
+          showTime: showTime,
+          format: format,
+          variant: "borderless"
+        }, fieldProps), {}, {
+          placeholder: (_fieldProps$placehold = fieldProps.placeholder) !== null && _fieldProps$placehold !== void 0 ? _fieldProps$placehold : [intl.getMessage('tableForm.selectPlaceholder', '请选择'), intl.getMessage('tableForm.selectPlaceholder', '请选择')]
+          // onClear={() => {
+          //   setOpen(false);
+          //   fieldProps?.onClear?.();
+          // }}
+          ,
+          value: dayValue,
+          onOpenChange: function onOpenChange(isOpen) {
+            var _fieldProps$onOpenCha2;
+            if (dayValue) setOpen(isOpen);
+            fieldProps === null || fieldProps === void 0 || (_fieldProps$onOpenCha2 = fieldProps.onOpenChange) === null || _fieldProps$onOpenCha2 === void 0 || _fieldProps$onOpenCha2.call(fieldProps, isOpen);
           },
-          style: dayValue ? {
-            paddingInlineEnd: 0
-          } : void 0,
-          disabled: fieldProps.disabled,
-          value: dayValue || open ? /* @__PURE__ */ React.createElement(
-            DatePicker.RangePicker,
-            __spreadProps(__spreadValues({
-              picker,
-              showTime,
-              format,
-              variant: "borderless"
-            }, fieldProps), {
-              placeholder: (_a = fieldProps.placeholder) != null ? _a : [
-                intl.getMessage("tableForm.selectPlaceholder", "请选择"),
-                intl.getMessage("tableForm.selectPlaceholder", "请选择")
-              ],
-              value: dayValue,
-              onOpenChange: (isOpen) => {
-                var _a2;
-                if (dayValue)
-                  setOpen(isOpen);
-                (_a2 = fieldProps == null ? void 0 : fieldProps.onOpenChange) == null ? void 0 : _a2.call(fieldProps, isOpen);
-              },
-              onChange: handleRangeChange
-            })
-          ) : null,
-          allowClear: false,
-          variant,
-          ref: lightLabel,
-          downIcon: dayValue || open ? false : void 0
-        }
-      );
+          onChange: handleRangeChange
+        })) : null,
+        allowClear: false,
+        variant: variant,
+        ref: lightLabel,
+        downIcon: dayValue || open ? false : undefined
+      });
     } else {
-      dom = /* @__PURE__ */ React.createElement(
-        DatePicker.RangePicker,
-        __spreadProps(__spreadValues({
-          ref,
-          format,
-          showTime,
-          placeholder: [
-            intl.getMessage("tableForm.selectPlaceholder", "请选择"),
-            intl.getMessage("tableForm.selectPlaceholder", "请选择")
-          ],
-          variant: plain === void 0 ? "outlined" : plain ? "borderless" : "outlined"
-        }, fieldProps), {
-          value: dayValue
-        })
-      );
+      _dom = /*#__PURE__*/_jsx(DatePicker.RangePicker, _objectSpread(_objectSpread({
+        ref: ref,
+        format: format,
+        showTime: showTime,
+        placeholder: [intl.getMessage('tableForm.selectPlaceholder', '请选择'), intl.getMessage('tableForm.selectPlaceholder', '请选择')],
+        variant: plain === undefined ? 'outlined' : plain ? 'borderless' : 'outlined'
+      }, fieldProps), {}, {
+        value: dayValue
+      }));
     }
     if (formItemRender) {
-      return formItemRender(text, __spreadValues({ mode }, fieldProps), dom);
+      return formItemRender(text, _objectSpread({
+        mode: mode
+      }, fieldProps), _dom);
     }
-    return dom;
+    return _dom;
   }
   return null;
 };
-var RangePicker_default = React.forwardRef(FieldRangePicker);
-export {
-  RangePicker_default as default
-};
+export default /*#__PURE__*/React.forwardRef(FieldRangePicker);

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

@@ -1,44 +1,48 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/field/components/Rate/index.tsx
-import { Rate } from "antd";
-import React from "react";
-var FieldRate = ({ text, mode, render, formItemRender, fieldProps }, ref) => {
-  if (mode === "read") {
-    const dom = /* @__PURE__ */ React.createElement(Rate, __spreadProps(__spreadValues({ allowHalf: true, disabled: true, ref }, fieldProps), { value: text }));
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { Rate } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 评分组件
+ *
+ * @param
+ */
+var FieldRate = function FieldRate(_ref, ref) {
+  var text = _ref.text,
+    mode = _ref.mode,
+    render = _ref.render,
+    formItemRender = _ref.formItemRender,
+    fieldProps = _ref.fieldProps;
+  if (mode === 'read') {
+    var dom = /*#__PURE__*/_jsx(Rate, _objectSpread(_objectSpread({
+      allowHalf: true,
+      disabled: true,
+      ref: ref
+    }, fieldProps), {}, {
+      value: text
+    }));
     if (render) {
-      return render(text, __spreadValues({ mode }, fieldProps), /* @__PURE__ */ React.createElement(React.Fragment, null, dom));
+      return render(text, _objectSpread({
+        mode: mode
+      }, fieldProps), /*#__PURE__*/_jsx(_Fragment, {
+        children: dom
+      }));
     }
     return dom;
   }
-  if (mode === "edit" || mode === "update") {
-    const dom = /* @__PURE__ */ React.createElement(Rate, __spreadValues({ allowHalf: true, ref }, fieldProps));
+  if (mode === 'edit' || mode === 'update') {
+    var _dom = /*#__PURE__*/_jsx(Rate, _objectSpread({
+      allowHalf: true,
+      ref: ref
+    }, fieldProps));
     if (formItemRender) {
-      return formItemRender(text, __spreadValues({ mode }, fieldProps), dom);
+      return formItemRender(text, _objectSpread({
+        mode: mode
+      }, fieldProps), _dom);
     }
-    return dom;
+    return _dom;
   }
   return null;
 };
-var Rate_default = React.forwardRef(FieldRate);
-export {
-  Rate_default as default
-};
+export default /*#__PURE__*/React.forwardRef(FieldRate);