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

package/lib/field/AllProField.js

@@ -1,14 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultRenderText = exports.ProField = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _antd = require("antd");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _advancedFormat = _interopRequireDefault(require("dayjs/plugin/advancedFormat"));
@@ -48,12 +45,6 @@ var _TimePicker = _interopRequireWildcard(require("./components/TimePicker"));
 var _TreeSelect = _interopRequireDefault(require("./components/TreeSelect"));
 var _FieldHOC = _interopRequireDefault(require("./FieldHOC"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["fieldProps"],
-  _excluded2 = ["fieldProps"],
-  _excluded3 = ["fieldProps"],
-  _excluded4 = ["fieldProps"],
-  _excluded5 = ["text", "valueType", "mode", "onChange", "formItemRender", "value", "readonly", "fieldProps"],
-  _excluded6 = ["placeholder"];
 _dayjs.default.extend(_localeData.default);
 _dayjs.default.extend(_advancedFormat.default);
 _dayjs.default.extend(_isoWeek.default);
@@ -72,39 +63,43 @@ _dayjs.default.extend(_weekday.default);
  * @param text String | number
  * @param valueType ProColumnsValueObjectType
  */
-var defaultRenderTextByObject = function defaultRenderTextByObject(text, valueType, props) {
-  var pickFormItemProps = (0, _utils.pickProProps)(props.fieldProps);
+const defaultRenderTextByObject = (text, valueType, props) => {
+  const pickFormItemProps = (0, _utils.pickProProps)(props.fieldProps);
   if (valueType.type === 'progress') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Progress.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Progress.default, {
+      ...props,
       text: text,
-      fieldProps: (0, _objectSpread2.default)({
-        status: valueType.status ? valueType.status : undefined
-      }, pickFormItemProps)
-    }));
+      fieldProps: {
+        status: valueType.status ? valueType.status : undefined,
+        ...pickFormItemProps
+      }
+    });
   }
   if (valueType.type === 'money') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Money.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      locale: valueType.locale
-    }, props), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Money.default, {
+      locale: valueType.locale,
+      ...props,
       fieldProps: pickFormItemProps,
       text: text,
       moneySymbol: valueType.moneySymbol
-    }));
+    });
   }
   if (valueType.type === 'percent') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Percent.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Percent.default, {
+      ...props,
       text: text,
       showSymbol: valueType.showSymbol,
       precision: valueType.precision,
       fieldProps: pickFormItemProps,
       showColor: valueType.showColor
-    }));
+    });
   }
   if (valueType.type === 'image') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.default, {
+      ...props,
       text: text,
       width: valueType.width
-    }));
+    });
   }
   return text;
 };
@@ -115,19 +110,22 @@ var defaultRenderTextByObject = function defaultRenderTextByObject(text, valueTy
  * @param dataValue
  * @param valueType
  */
-var defaultRenderText = exports.defaultRenderText = function defaultRenderText(dataValue, valueType, props, valueTypeMap) {
-  var _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'read' : _props$mode,
-    _props$emptyText = props.emptyText,
-    emptyText = _props$emptyText === void 0 ? '-' : _props$emptyText;
+const defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
+  const {
+    mode = 'read',
+    emptyText = '-'
+  } = props;
   if (emptyText !== false && mode === 'read' && valueType !== 'option' && valueType !== 'switch') {
     if (typeof dataValue !== 'boolean' && typeof dataValue !== 'number' && !dataValue) {
-      var fieldProps = props.fieldProps,
-        render = props.render;
+      const {
+        fieldProps,
+        render
+      } = props;
       if (render) {
-        return render(dataValue, (0, _objectSpread2.default)({
-          mode: mode
-        }, fieldProps), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        return render(dataValue, {
+          mode,
+          ...fieldProps
+        }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
           children: emptyText
         }));
       }
@@ -139,28 +137,27 @@ var defaultRenderText = exports.defaultRenderText = function defaultRenderText(d
 
   // eslint-disable-next-line no-param-reassign
   delete props.emptyText;
-  if ((0, _typeof2.default)(valueType) === 'object') {
+  if (typeof valueType === 'object') {
     return defaultRenderTextByObject(dataValue, valueType, props);
   }
-  var customValueTypeConfig = valueTypeMap && valueTypeMap[valueType];
+  const customValueTypeConfig = valueTypeMap && valueTypeMap[valueType];
   if (customValueTypeConfig) {
     // eslint-disable-next-line no-param-reassign
     delete props.ref;
     if (mode === 'read') {
-      var _customValueTypeConfi;
-      return (_customValueTypeConfi = customValueTypeConfig.render) === null || _customValueTypeConfi === void 0 ? void 0 : _customValueTypeConfi.call(customValueTypeConfig, dataValue, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        text: dataValue
-      }, props), {}, {
+      return customValueTypeConfig.render?.(dataValue, {
+        text: dataValue,
+        ...props,
         mode: mode || 'read'
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
         children: dataValue
       }));
     }
     if (mode === 'update' || mode === 'edit') {
-      var _customValueTypeConfi2;
-      return (_customValueTypeConfi2 = customValueTypeConfig.formItemRender) === null || _customValueTypeConfi2 === void 0 ? void 0 : _customValueTypeConfi2.call(customValueTypeConfig, dataValue, (0, _objectSpread2.default)({
-        text: dataValue
-      }, props), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      return customValueTypeConfig.formItemRender?.(dataValue, {
+        text: dataValue,
+        ...props
+      }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
         children: dataValue
       }));
     }
@@ -168,19 +165,21 @@ var defaultRenderText = exports.defaultRenderText = function defaultRenderText(d
 
   /** 如果是金额的值 */
   if (valueType === 'money') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Money.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Money.default, {
+      ...props,
       text: dataValue
-    }));
+    });
   }
 
   /** 如果是日期的值 */
   if (valueType === 'date') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
       isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, (0, _objectSpread2.default)({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
         text: dataValue,
-        format: "YYYY-MM-DD"
-      }, props))
+        format: "YYYY-MM-DD",
+        ...props
+      })
     });
   }
 
@@ -188,79 +187,96 @@ var defaultRenderText = exports.defaultRenderText = function defaultRenderText(d
   if (valueType === 'dateWeek') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
       isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, (0, _objectSpread2.default)({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
         text: dataValue,
         format: "YYYY-wo",
-        picker: "week"
-      }, props))
+        picker: "week",
+        ...props
+      })
     });
   }
 
   /** 如果是周范围的值 */
   if (valueType === 'dateWeekRange') {
-    var _fieldProps = props.fieldProps,
-      otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+    const {
+      fieldProps,
+      ...otherProps
+    } = props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
       isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, (0, _objectSpread2.default)({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
         text: dataValue,
         format: "YYYY-W",
         showTime: true,
-        fieldProps: (0, _objectSpread2.default)({
-          picker: 'week'
-        }, _fieldProps)
-      }, otherProps))
+        fieldProps: {
+          picker: 'week',
+          ...fieldProps
+        },
+        ...otherProps
+      })
     });
   }
 
   /** 如果是月范围的值 */
   if (valueType === 'dateMonthRange') {
-    var _fieldProps2 = props.fieldProps,
-      _otherProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+    const {
+      fieldProps,
+      ...otherProps
+    } = props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
       isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, (0, _objectSpread2.default)({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
         text: dataValue,
         format: "YYYY-MM",
         showTime: true,
-        fieldProps: (0, _objectSpread2.default)({
-          picker: 'month'
-        }, _fieldProps2)
-      }, _otherProps))
+        fieldProps: {
+          picker: 'month',
+          ...fieldProps
+        },
+        ...otherProps
+      })
     });
   }
 
   /** 如果是季范围的值 */
   if (valueType === 'dateQuarterRange') {
-    var _fieldProps3 = props.fieldProps,
-      _otherProps2 = (0, _objectWithoutProperties2.default)(props, _excluded3);
+    const {
+      fieldProps,
+      ...otherProps
+    } = props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
       isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, (0, _objectSpread2.default)({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
         text: dataValue,
         format: "YYYY-Q",
         showTime: true,
-        fieldProps: (0, _objectSpread2.default)({
-          picker: 'quarter'
-        }, _fieldProps3)
-      }, _otherProps2))
+        fieldProps: {
+          picker: 'quarter',
+          ...fieldProps
+        },
+        ...otherProps
+      })
     });
   }
 
   /** 如果是年范围的值 */
   if (valueType === 'dateYearRange') {
-    var _fieldProps4 = props.fieldProps,
-      _otherProps3 = (0, _objectWithoutProperties2.default)(props, _excluded4);
+    const {
+      fieldProps,
+      ...otherProps
+    } = props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
       isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, (0, _objectSpread2.default)({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
         text: dataValue,
         format: "YYYY",
         showTime: true,
-        fieldProps: (0, _objectSpread2.default)({
-          picker: 'year'
-        }, _fieldProps4)
-      }, _otherProps3))
+        fieldProps: {
+          picker: 'year',
+          ...fieldProps
+        },
+        ...otherProps
+      })
     });
   }
 
@@ -268,11 +284,12 @@ var defaultRenderText = exports.defaultRenderText = function defaultRenderText(d
   if (valueType === 'dateMonth') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
       isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, (0, _objectSpread2.default)({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
         text: dataValue,
         format: "YYYY-MM",
-        picker: "month"
-      }, props))
+        picker: "month",
+        ...props
+      })
     });
   }
 
@@ -280,11 +297,12 @@ var defaultRenderText = exports.defaultRenderText = function defaultRenderText(d
   if (valueType === 'dateQuarter') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
       isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, (0, _objectSpread2.default)({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
         text: dataValue,
         format: "YYYY-[Q]Q",
-        picker: "quarter"
-      }, props))
+        picker: "quarter",
+        ...props
+      })
     });
   }
 
@@ -292,31 +310,34 @@ var defaultRenderText = exports.defaultRenderText = function defaultRenderText(d
   if (valueType === 'dateYear') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
       isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, (0, _objectSpread2.default)({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
         text: dataValue,
         format: "YYYY",
-        picker: "year"
-      }, props))
+        picker: "year",
+        ...props
+      })
     });
   }
 
   /** 如果是日期范围的值 */
   if (valueType === 'dateRange') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, (0, _objectSpread2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
       text: dataValue,
-      format: "YYYY-MM-DD"
-    }, props));
+      format: "YYYY-MM-DD",
+      ...props
+    });
   }
 
   /** 如果是日期加时间类型的值 */
   if (valueType === 'dateTime') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
       isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, (0, _objectSpread2.default)({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
         text: dataValue,
         format: "YYYY-MM-DD HH:mm:ss",
-        showTime: true
-      }, props))
+        showTime: true,
+        ...props
+      })
     });
   }
 
@@ -325,11 +346,12 @@ var defaultRenderText = exports.defaultRenderText = function defaultRenderText(d
     // 值不存在的时候显示 "-"
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
       isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, (0, _objectSpread2.default)({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
         text: dataValue,
         format: "YYYY-MM-DD HH:mm:ss",
-        showTime: true
-      }, props))
+        showTime: true,
+        ...props
+      })
     });
   }
 
@@ -337,10 +359,11 @@ var defaultRenderText = exports.defaultRenderText = function defaultRenderText(d
   if (valueType === 'time') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
       isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.default, (0, _objectSpread2.default)({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.default, {
         text: dataValue,
-        format: "HH:mm:ss"
-      }, props))
+        format: "HH:mm:ss",
+        ...props
+      })
     });
   }
 
@@ -348,16 +371,18 @@ var defaultRenderText = exports.defaultRenderText = function defaultRenderText(d
   if (valueType === 'timeRange') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
       isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.FieldTimeRangePicker, (0, _objectSpread2.default)({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.FieldTimeRangePicker, {
         text: dataValue,
-        format: "HH:mm:ss"
-      }, props))
+        format: "HH:mm:ss",
+        ...props
+      })
     });
   }
   if (valueType === 'fromNow') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FromNow.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FromNow.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'index') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IndexColumn.default, {
@@ -371,15 +396,17 @@ var defaultRenderText = exports.defaultRenderText = function defaultRenderText(d
     });
   }
   if (valueType === 'progress') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Progress.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Progress.default, {
+      ...props,
       text: dataValue
-    }));
+    });
   }
   /** 百分比, 默认展示符号, 不展示小数位 */
   if (valueType === 'percent') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Percent.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Percent.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'avatar' && typeof dataValue === 'string' && props.mode === 'read') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Avatar, {
@@ -389,163 +416,186 @@ var defaultRenderText = exports.defaultRenderText = function defaultRenderText(d
     });
   }
   if (valueType === 'code') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Code.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Code.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'jsonCode') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Code.default, (0, _objectSpread2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Code.default, {
       text: dataValue,
-      language: "json"
-    }, props));
+      language: "json",
+      ...props
+    });
   }
   if (valueType === 'textarea') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextArea.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextArea.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'digit') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Digit.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Digit.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'digitRange') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitRange.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitRange.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'second') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Second.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Second.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'select' || valueType === 'text' && (props.valueEnum || props.request)) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
       isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, (0, _objectSpread2.default)({
-        text: dataValue
-      }, props))
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+        text: dataValue,
+        ...props
+      })
     });
   }
   if (valueType === 'checkbox') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'radio') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'radioButton') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, (0, _objectSpread2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
       radioType: "button",
-      text: dataValue
-    }, props));
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'rate') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Rate.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Rate.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'slider') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'switch') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'option') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Options.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Options.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'password') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Password.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Password.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'image') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'cascader') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cascader.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cascader.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'treeSelect') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeSelect.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeSelect.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'color') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.default, {
+      text: dataValue,
+      ...props
+    });
   }
   if (valueType === 'segmented') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Segmented.default, (0, _objectSpread2.default)({
-      text: dataValue
-    }, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Segmented.default, {
+      text: dataValue,
+      ...props
+    });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, (0, _objectSpread2.default)({
-    text: dataValue
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+    text: dataValue,
+    ...props
+  });
 };
-var ProFieldComponent = function ProFieldComponent(_ref, ref) {
-  var _ref2, _fieldProps$value, _ref3, _rest$placeholder, _rest$placeholder2, _Object$keys;
-  var text = _ref.text,
-    _ref$valueType = _ref.valueType,
-    valueType = _ref$valueType === void 0 ? 'text' : _ref$valueType,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'read' : _ref$mode,
-    onChange = _ref.onChange,
-    formItemRender = _ref.formItemRender,
-    value = _ref.value,
-    readonly = _ref.readonly,
-    restFieldProps = _ref.fieldProps,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded5);
-  var context = (0, _react.useContext)(_provider.default);
-  var onChangeCallBack = (0, _utils.useRefFunction)(function () {
-    var _restFieldProps$onCha;
-    for (var _len = arguments.length, restParams = new Array(_len), _key = 0; _key < _len; _key++) {
-      restParams[_key] = arguments[_key];
-    }
-    restFieldProps === null || restFieldProps === void 0 || (_restFieldProps$onCha = restFieldProps.onChange) === null || _restFieldProps$onCha === void 0 || _restFieldProps$onCha.call.apply(_restFieldProps$onCha, [restFieldProps].concat(restParams));
-    onChange === null || onChange === void 0 || onChange.apply(void 0, restParams);
+exports.defaultRenderText = defaultRenderText;
+const ProFieldComponent = ({
+  text,
+  valueType = 'text',
+  mode = 'read',
+  onChange,
+  formItemRender,
+  value,
+  readonly,
+  fieldProps: restFieldProps,
+  ...rest
+}, ref) => {
+  const context = (0, _react.useContext)(_provider.default);
+  const onChangeCallBack = (0, _utils.useRefFunction)((...restParams) => {
+    restFieldProps?.onChange?.(...restParams);
+    onChange?.(...restParams);
   });
-  var fieldProps = (0, _utils.useDeepCompareMemo)(function () {
-    return (value !== undefined || restFieldProps) && (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      value: value
-    }, (0, _utils.omitUndefined)(restFieldProps)), {}, {
+  const fieldProps = (0, _utils.useDeepCompareMemo)(() => {
+    return (value !== undefined || restFieldProps) && {
+      value,
+      // fieldProps 优先级更高，在类似 LightFilter 场景下需要覆盖默认的 value 和 onChange
+      ...(0, _utils.omitUndefined)(restFieldProps),
       onChange: onChangeCallBack
-    });
+    };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value, restFieldProps, onChangeCallBack]);
-  var renderedDom = defaultRenderText(mode === 'edit' ? (_ref2 = (_fieldProps$value = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.value) !== null && _fieldProps$value !== void 0 ? _fieldProps$value : text) !== null && _ref2 !== void 0 ? _ref2 : '' : (_ref3 = text !== null && text !== void 0 ? text : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.value) !== null && _ref3 !== void 0 ? _ref3 : '', valueType || 'text', (0, _utils.omitUndefined)((0, _objectSpread2.default)((0, _objectSpread2.default)({
-    ref: ref
-  }, rest), {}, {
+  const renderedDom = defaultRenderText(mode === 'edit' ? fieldProps?.value ?? text ?? '' : text ?? fieldProps?.value ?? '', valueType || 'text', (0, _utils.omitUndefined)({
+    ref,
+    ...rest,
     mode: readonly ? 'read' : mode,
-    formItemRender: formItemRender ? function (curText, props, dom) {
-      var _placeholder = props.placeholder,
-        restProps = (0, _objectWithoutProperties2.default)(props, _excluded6);
-      var newDom = formItemRender(curText, restProps, dom);
+    formItemRender: formItemRender ? (curText, props, dom) => {
+      const {
+        placeholder: _placeholder,
+        ...restProps
+      } = props;
+      const newDom = formItemRender(curText, restProps, dom);
       // formItemRender 之后的dom可能没有props，这里会帮忙注入一下
-      if ( /*#__PURE__*/_react.default.isValidElement(newDom)) return /*#__PURE__*/_react.default.cloneElement(newDom, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, fieldProps), newDom.props || {}));
+      if ( /*#__PURE__*/_react.default.isValidElement(newDom)) return /*#__PURE__*/_react.default.cloneElement(newDom, {
+        ...fieldProps,
+        ...(newDom.props || {})
+      });
       return newDom;
     } : undefined,
-    placeholder: formItemRender ? undefined : (_rest$placeholder = rest === null || rest === void 0 ? void 0 : rest.placeholder) !== null && _rest$placeholder !== void 0 ? _rest$placeholder : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placeholder,
-    fieldProps: (0, _utils.pickProProps)((0, _utils.omitUndefined)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, fieldProps), {}, {
-      placeholder: formItemRender ? undefined : (_rest$placeholder2 = rest === null || rest === void 0 ? void 0 : rest.placeholder) !== null && _rest$placeholder2 !== void 0 ? _rest$placeholder2 : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placeholder
-    })), (_Object$keys = Object.keys(context.valueTypeMap || {})) === null || _Object$keys === void 0 ? void 0 : _Object$keys.includes(valueType))
-  })), context.valueTypeMap || {});
+    placeholder: formItemRender ? undefined : rest?.placeholder ?? fieldProps?.placeholder,
+    fieldProps: (0, _utils.pickProProps)((0, _utils.omitUndefined)({
+      ...fieldProps,
+      placeholder: formItemRender ? undefined : rest?.placeholder ?? fieldProps?.placeholder
+    }), Object.keys(context.valueTypeMap || {})?.includes(valueType))
+  }), context.valueTypeMap || {});
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
     children: renderedDom
   });
 };
-var ProField = exports.ProField = /*#__PURE__*/_react.default.forwardRef(ProFieldComponent);
+const ProField = exports.ProField = /*#__PURE__*/_react.default.forwardRef(ProFieldComponent);