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

package/lib/field/AllProField.js

@@ -1,489 +1,551 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-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;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/field/AllProField.tsx
-var AllProField_exports = {};
-__export(AllProField_exports, {
-  ProField: () => ProField,
-  defaultRenderText: () => defaultRenderText
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(AllProField_exports);
-var import_antd = require("antd");
-var import_dayjs = __toESM(require("dayjs"));
-var import_advancedFormat = __toESM(require("dayjs/plugin/advancedFormat"));
-var import_isoWeek = __toESM(require("dayjs/plugin/isoWeek"));
-var import_localeData = __toESM(require("dayjs/plugin/localeData"));
-var import_weekday = __toESM(require("dayjs/plugin/weekday"));
-var import_weekOfYear = __toESM(require("dayjs/plugin/weekOfYear"));
-var import_react = __toESM(require("react"));
-var import_provider = __toESM(require("../provider"));
-var import_utils = require("../utils");
-var import_Cascader = __toESM(require("./components/Cascader"));
-var import_Checkbox = __toESM(require("./components/Checkbox"));
-var import_Code = __toESM(require("./components/Code"));
-var import_ColorPicker = __toESM(require("./components/ColorPicker"));
-var import_DatePicker = __toESM(require("./components/DatePicker"));
-var import_Digit = __toESM(require("./components/Digit"));
-var import_DigitRange = __toESM(require("./components/DigitRange"));
-var import_FromNow = __toESM(require("./components/FromNow"));
-var import_Image = __toESM(require("./components/Image"));
-var import_IndexColumn = __toESM(require("./components/IndexColumn"));
-var import_Money = __toESM(require("./components/Money"));
-var import_Options = __toESM(require("./components/Options"));
-var import_Password = __toESM(require("./components/Password"));
-var import_Percent = __toESM(require("./components/Percent"));
-var import_Progress = __toESM(require("./components/Progress"));
-var import_Radio = __toESM(require("./components/Radio"));
-var import_RangePicker = __toESM(require("./components/RangePicker"));
-var import_Rate = __toESM(require("./components/Rate"));
-var import_Second = __toESM(require("./components/Second"));
-var import_Segmented = __toESM(require("./components/Segmented"));
-var import_Select = __toESM(require("./components/Select"));
-var import_Slider = __toESM(require("./components/Slider"));
-var import_Switch = __toESM(require("./components/Switch"));
-var import_Text = __toESM(require("./components/Text"));
-var import_TextArea = __toESM(require("./components/TextArea"));
-var import_TimePicker = __toESM(require("./components/TimePicker"));
-var import_TreeSelect = __toESM(require("./components/TreeSelect"));
-var import_FieldHOC = __toESM(require("./FieldHOC"));
-import_dayjs.default.extend(import_localeData.default);
-import_dayjs.default.extend(import_advancedFormat.default);
-import_dayjs.default.extend(import_isoWeek.default);
-import_dayjs.default.extend(import_weekOfYear.default);
-import_dayjs.default.extend(import_weekday.default);
-var defaultRenderTextByObject = (text, valueType, props) => {
-  const pickFormItemProps = (0, import_utils.pickProProps)(props.fieldProps);
-  if (valueType.type === "progress") {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_Progress.default,
-      __spreadProps(__spreadValues({}, props), {
-        text,
-        fieldProps: __spreadValues({
-          status: valueType.status ? valueType.status : void 0
-        }, pickFormItemProps)
-      })
-    );
-  }
-  if (valueType.type === "money") {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_Money.default,
-      __spreadProps(__spreadValues({
-        locale: valueType.locale
-      }, props), {
-        fieldProps: pickFormItemProps,
-        text,
-        moneySymbol: valueType.moneySymbol
-      })
-    );
-  }
-  if (valueType.type === "percent") {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_Percent.default,
-      __spreadProps(__spreadValues({}, props), {
-        text,
-        showSymbol: valueType.showSymbol,
-        precision: valueType.precision,
-        fieldProps: pickFormItemProps,
-        showColor: valueType.showColor
-      })
-    );
-  }
-  if (valueType.type === "image") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Image.default, __spreadProps(__spreadValues({}, props), { text, width: valueType.width }));
+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"));
+var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
+var _localeData = _interopRequireDefault(require("dayjs/plugin/localeData"));
+var _weekday = _interopRequireDefault(require("dayjs/plugin/weekday"));
+var _weekOfYear = _interopRequireDefault(require("dayjs/plugin/weekOfYear"));
+var _react = _interopRequireWildcard(require("react"));
+var _provider = _interopRequireDefault(require("../provider"));
+var _utils = require("../utils");
+var _Cascader = _interopRequireDefault(require("./components/Cascader"));
+var _Checkbox = _interopRequireDefault(require("./components/Checkbox"));
+var _Code = _interopRequireDefault(require("./components/Code"));
+var _ColorPicker = _interopRequireDefault(require("./components/ColorPicker"));
+var _DatePicker = _interopRequireDefault(require("./components/DatePicker"));
+var _Digit = _interopRequireDefault(require("./components/Digit"));
+var _DigitRange = _interopRequireDefault(require("./components/DigitRange"));
+var _FromNow = _interopRequireDefault(require("./components/FromNow"));
+var _Image = _interopRequireDefault(require("./components/Image"));
+var _IndexColumn = _interopRequireDefault(require("./components/IndexColumn"));
+var _Money = _interopRequireDefault(require("./components/Money"));
+var _Options = _interopRequireDefault(require("./components/Options"));
+var _Password = _interopRequireDefault(require("./components/Password"));
+var _Percent = _interopRequireDefault(require("./components/Percent"));
+var _Progress = _interopRequireDefault(require("./components/Progress"));
+var _Radio = _interopRequireDefault(require("./components/Radio"));
+var _RangePicker = _interopRequireDefault(require("./components/RangePicker"));
+var _Rate = _interopRequireDefault(require("./components/Rate"));
+var _Second = _interopRequireDefault(require("./components/Second"));
+var _Segmented = _interopRequireDefault(require("./components/Segmented"));
+var _Select = _interopRequireDefault(require("./components/Select"));
+var _Slider = _interopRequireDefault(require("./components/Slider"));
+var _Switch = _interopRequireDefault(require("./components/Switch"));
+var _Text = _interopRequireDefault(require("./components/Text"));
+var _TextArea = _interopRequireDefault(require("./components/TextArea"));
+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);
+_dayjs.default.extend(_weekOfYear.default);
+_dayjs.default.extend(_weekday.default);
+
+/** 默认的 Field 需要实现的功能 */
+
+/** 轻量筛选的field属性 */
+
+/** Value type by function */
+
+/**
+ * Render valueType object
+ *
+ * @param text String | number
+ * @param valueType ProColumnsValueObjectType
+ */
+var defaultRenderTextByObject = function defaultRenderTextByObject(text, valueType, props) {
+  var pickFormItemProps = (0, _utils.pickProProps)(props.fieldProps);
+  if (valueType.type === 'progress') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Progress.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      text: text,
+      fieldProps: (0, _objectSpread2.default)({
+        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), {}, {
+      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), {}, {
+      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), {}, {
+      text: text,
+      width: valueType.width
+    }));
   }
   return text;
 };
-var defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
-  var _a, _b;
-  const { mode = "read", emptyText = "-" } = props;
-  if (emptyText !== false && mode === "read" && valueType !== "option" && valueType !== "switch") {
-    if (typeof dataValue !== "boolean" && typeof dataValue !== "number" && !dataValue) {
-      const { fieldProps, render } = props;
+
+/**
+ * 根据不同的类型来转化数值
+ *
+ * @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;
+  if (emptyText !== false && mode === 'read' && valueType !== 'option' && valueType !== 'switch') {
+    if (typeof dataValue !== 'boolean' && typeof dataValue !== 'number' && !dataValue) {
+      var fieldProps = props.fieldProps,
+        render = props.render;
       if (render) {
-        return render(dataValue, __spreadValues({ mode }, fieldProps), /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, emptyText));
+        return render(dataValue, (0, _objectSpread2.default)({
+          mode: mode
+        }, fieldProps), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: emptyText
+        }));
       }
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, emptyText);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: emptyText
+      });
     }
   }
+
+  // eslint-disable-next-line no-param-reassign
   delete props.emptyText;
-  if (typeof valueType === "object") {
+  if ((0, _typeof2.default)(valueType) === 'object') {
     return defaultRenderTextByObject(dataValue, valueType, props);
   }
-  const customValueTypeConfig = valueTypeMap && valueTypeMap[valueType];
+  var customValueTypeConfig = valueTypeMap && valueTypeMap[valueType];
   if (customValueTypeConfig) {
+    // eslint-disable-next-line no-param-reassign
     delete props.ref;
-    if (mode === "read") {
-      return (_a = customValueTypeConfig.render) == null ? void 0 : _a.call(
-        customValueTypeConfig,
-        dataValue,
-        __spreadProps(__spreadValues({
-          text: dataValue
-        }, props), {
-          mode: mode || "read"
-        }),
-        /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, dataValue)
-      );
+    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), {}, {
+        mode: mode || 'read'
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: dataValue
+      }));
     }
-    if (mode === "update" || mode === "edit") {
-      return (_b = customValueTypeConfig.formItemRender) == null ? void 0 : _b.call(
-        customValueTypeConfig,
-        dataValue,
-        __spreadValues({
-          text: dataValue
-        }, props),
-        /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, 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, {
+        children: dataValue
+      }));
     }
   }
-  if (valueType === "money") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Money.default, __spreadProps(__spreadValues({}, props), { text: dataValue }));
+
+  /** 如果是金额的值 */
+  if (valueType === 'money') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Money.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      text: dataValue
+    }));
   }
-  if (valueType === "date") {
-    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
-      import_DatePicker.default,
-      __spreadValues({
+
+  /** 如果是日期的值 */
+  if (valueType === 'date') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
+      isLight: props.light,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, (0, _objectSpread2.default)({
         text: dataValue,
         format: "YYYY-MM-DD"
-      }, props)
-    ));
+      }, props))
+    });
   }
-  if (valueType === "dateWeek") {
-    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
-      import_DatePicker.default,
-      __spreadValues({
+
+  /** 如果是周的值 */
+  if (valueType === 'dateWeek') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
+      isLight: props.light,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, (0, _objectSpread2.default)({
         text: dataValue,
         format: "YYYY-wo",
         picker: "week"
-      }, props)
-    ));
-  }
-  if (valueType === "dateWeekRange") {
-    const _c = props, { fieldProps } = _c, otherProps = __objRest(_c, ["fieldProps"]);
-    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
-      import_RangePicker.default,
-      __spreadValues({
+      }, props))
+    });
+  }
+
+  /** 如果是周范围的值 */
+  if (valueType === 'dateWeekRange') {
+    var _fieldProps = props.fieldProps,
+      otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
+      isLight: props.light,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, (0, _objectSpread2.default)({
         text: dataValue,
         format: "YYYY-W",
         showTime: true,
-        fieldProps: __spreadValues({
-          picker: "week"
-        }, fieldProps)
-      }, otherProps)
-    ));
-  }
-  if (valueType === "dateMonthRange") {
-    const _d = props, { fieldProps } = _d, otherProps = __objRest(_d, ["fieldProps"]);
-    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
-      import_RangePicker.default,
-      __spreadValues({
+        fieldProps: (0, _objectSpread2.default)({
+          picker: 'week'
+        }, _fieldProps)
+      }, otherProps))
+    });
+  }
+
+  /** 如果是月范围的值 */
+  if (valueType === 'dateMonthRange') {
+    var _fieldProps2 = props.fieldProps,
+      _otherProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
+      isLight: props.light,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, (0, _objectSpread2.default)({
         text: dataValue,
         format: "YYYY-MM",
         showTime: true,
-        fieldProps: __spreadValues({
-          picker: "month"
-        }, fieldProps)
-      }, otherProps)
-    ));
-  }
-  if (valueType === "dateQuarterRange") {
-    const _e = props, { fieldProps } = _e, otherProps = __objRest(_e, ["fieldProps"]);
-    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
-      import_RangePicker.default,
-      __spreadValues({
+        fieldProps: (0, _objectSpread2.default)({
+          picker: 'month'
+        }, _fieldProps2)
+      }, _otherProps))
+    });
+  }
+
+  /** 如果是季范围的值 */
+  if (valueType === 'dateQuarterRange') {
+    var _fieldProps3 = props.fieldProps,
+      _otherProps2 = (0, _objectWithoutProperties2.default)(props, _excluded3);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
+      isLight: props.light,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, (0, _objectSpread2.default)({
         text: dataValue,
         format: "YYYY-Q",
         showTime: true,
-        fieldProps: __spreadValues({
-          picker: "quarter"
-        }, fieldProps)
-      }, otherProps)
-    ));
-  }
-  if (valueType === "dateYearRange") {
-    const _f = props, { fieldProps } = _f, otherProps = __objRest(_f, ["fieldProps"]);
-    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
-      import_RangePicker.default,
-      __spreadValues({
+        fieldProps: (0, _objectSpread2.default)({
+          picker: 'quarter'
+        }, _fieldProps3)
+      }, _otherProps2))
+    });
+  }
+
+  /** 如果是年范围的值 */
+  if (valueType === 'dateYearRange') {
+    var _fieldProps4 = props.fieldProps,
+      _otherProps3 = (0, _objectWithoutProperties2.default)(props, _excluded4);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
+      isLight: props.light,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, (0, _objectSpread2.default)({
         text: dataValue,
         format: "YYYY",
         showTime: true,
-        fieldProps: __spreadValues({
-          picker: "year"
-        }, fieldProps)
-      }, otherProps)
-    ));
-  }
-  if (valueType === "dateMonth") {
-    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
-      import_DatePicker.default,
-      __spreadValues({
+        fieldProps: (0, _objectSpread2.default)({
+          picker: 'year'
+        }, _fieldProps4)
+      }, _otherProps3))
+    });
+  }
+
+  /** 如果是月的值 */
+  if (valueType === 'dateMonth') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
+      isLight: props.light,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, (0, _objectSpread2.default)({
         text: dataValue,
         format: "YYYY-MM",
         picker: "month"
-      }, props)
-    ));
+      }, props))
+    });
   }
-  if (valueType === "dateQuarter") {
-    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
-      import_DatePicker.default,
-      __spreadValues({
+
+  /** 如果是季度的值 */
+  if (valueType === 'dateQuarter') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
+      isLight: props.light,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, (0, _objectSpread2.default)({
         text: dataValue,
         format: "YYYY-[Q]Q",
         picker: "quarter"
-      }, props)
-    ));
+      }, props))
+    });
   }
-  if (valueType === "dateYear") {
-    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
-      import_DatePicker.default,
-      __spreadValues({
+
+  /** 如果是年的值 */
+  if (valueType === 'dateYear') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
+      isLight: props.light,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, (0, _objectSpread2.default)({
         text: dataValue,
         format: "YYYY",
         picker: "year"
-      }, props)
-    ));
+      }, props))
+    });
   }
-  if (valueType === "dateRange") {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_RangePicker.default,
-      __spreadValues({
-        text: dataValue,
-        format: "YYYY-MM-DD"
-      }, props)
-    );
+
+  /** 如果是日期范围的值 */
+  if (valueType === 'dateRange') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, (0, _objectSpread2.default)({
+      text: dataValue,
+      format: "YYYY-MM-DD"
+    }, props));
   }
-  if (valueType === "dateTime") {
-    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
-      import_DatePicker.default,
-      __spreadValues({
+
+  /** 如果是日期加时间类型的值 */
+  if (valueType === 'dateTime') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
+      isLight: props.light,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, (0, _objectSpread2.default)({
         text: dataValue,
         format: "YYYY-MM-DD HH:mm:ss",
         showTime: true
-      }, props)
-    ));
+      }, props))
+    });
   }
-  if (valueType === "dateTimeRange") {
-    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
-      import_RangePicker.default,
-      __spreadValues({
+
+  /** 如果是日期加时间类型的值的值 */
+  if (valueType === 'dateTimeRange') {
+    // 值不存在的时候显示 "-"
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
+      isLight: props.light,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, (0, _objectSpread2.default)({
         text: dataValue,
         format: "YYYY-MM-DD HH:mm:ss",
         showTime: true
-      }, props)
-    ));
+      }, props))
+    });
   }
-  if (valueType === "time") {
-    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
-      import_TimePicker.default,
-      __spreadValues({
+
+  /** 如果是时间类型的值 */
+  if (valueType === 'time') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
+      isLight: props.light,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.default, (0, _objectSpread2.default)({
         text: dataValue,
         format: "HH:mm:ss"
-      }, props)
-    ));
+      }, props))
+    });
   }
-  if (valueType === "timeRange") {
-    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(
-      import_TimePicker.FieldTimeRangePicker,
-      __spreadValues({
+
+  /** 如果是时间类型的值 */
+  if (valueType === 'timeRange') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
+      isLight: props.light,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.FieldTimeRangePicker, (0, _objectSpread2.default)({
         text: dataValue,
         format: "HH:mm:ss"
-      }, props)
-    ));
-  }
-  if (valueType === "fromNow") {
-    return /* @__PURE__ */ import_react.default.createElement(import_FromNow.default, __spreadValues({ text: dataValue }, props));
-  }
-  if (valueType === "index") {
-    return /* @__PURE__ */ import_react.default.createElement(import_IndexColumn.default, null, dataValue + 1);
-  }
-  if (valueType === "indexBorder") {
-    return /* @__PURE__ */ import_react.default.createElement(import_IndexColumn.default, { border: true }, dataValue + 1);
-  }
-  if (valueType === "progress") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Progress.default, __spreadProps(__spreadValues({}, props), { text: dataValue }));
-  }
-  if (valueType === "percent") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Percent.default, __spreadValues({ text: dataValue }, props));
-  }
-  if (valueType === "avatar" && typeof dataValue === "string" && props.mode === "read") {
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Avatar, { src: dataValue, size: 22, shape: "circle" });
-  }
-  if (valueType === "code") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Code.default, __spreadValues({ text: dataValue }, props));
-  }
-  if (valueType === "jsonCode") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Code.default, __spreadValues({ text: dataValue, language: "json" }, props));
-  }
-  if (valueType === "textarea") {
-    return /* @__PURE__ */ import_react.default.createElement(import_TextArea.default, __spreadValues({ text: dataValue }, props));
-  }
-  if (valueType === "digit") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Digit.default, __spreadValues({ text: dataValue }, props));
-  }
-  if (valueType === "digitRange") {
-    return /* @__PURE__ */ import_react.default.createElement(import_DigitRange.default, __spreadValues({ text: dataValue }, props));
-  }
-  if (valueType === "second") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Second.default, __spreadValues({ text: dataValue }, props));
-  }
-  if (valueType === "select" || valueType === "text" && (props.valueEnum || props.request)) {
-    return /* @__PURE__ */ import_react.default.createElement(import_FieldHOC.default, { isLight: props.light }, /* @__PURE__ */ import_react.default.createElement(import_Select.default, __spreadValues({ text: dataValue }, props)));
-  }
-  if (valueType === "checkbox") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Checkbox.default, __spreadValues({ text: dataValue }, props));
-  }
-  if (valueType === "radio") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Radio.default, __spreadValues({ text: dataValue }, props));
-  }
-  if (valueType === "radioButton") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Radio.default, __spreadValues({ radioType: "button", text: dataValue }, props));
-  }
-  if (valueType === "rate") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Rate.default, __spreadValues({ text: dataValue }, props));
-  }
-  if (valueType === "slider") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Slider.default, __spreadValues({ text: dataValue }, props));
-  }
-  if (valueType === "switch") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Switch.default, __spreadValues({ text: dataValue }, props));
-  }
-  if (valueType === "option") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Options.default, __spreadValues({ text: dataValue }, props));
-  }
-  if (valueType === "password") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Password.default, __spreadValues({ text: dataValue }, props));
+      }, props))
+    });
   }
-  if (valueType === "image") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Image.default, __spreadValues({ text: dataValue }, props));
+  if (valueType === 'fromNow') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FromNow.default, (0, _objectSpread2.default)({
+      text: dataValue
+    }, props));
   }
-  if (valueType === "cascader") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Cascader.default, __spreadValues({ text: dataValue }, props));
+  if (valueType === 'index') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IndexColumn.default, {
+      children: dataValue + 1
+    });
   }
-  if (valueType === "treeSelect") {
-    return /* @__PURE__ */ import_react.default.createElement(import_TreeSelect.default, __spreadValues({ text: dataValue }, props));
+  if (valueType === 'indexBorder') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IndexColumn.default, {
+      border: true,
+      children: dataValue + 1
+    });
   }
-  if (valueType === "color") {
-    return /* @__PURE__ */ import_react.default.createElement(import_ColorPicker.default, __spreadValues({ text: dataValue }, props));
+  if (valueType === 'progress') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Progress.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      text: dataValue
+    }));
+  }
+  /** 百分比, 默认展示符号, 不展示小数位 */
+  if (valueType === 'percent') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Percent.default, (0, _objectSpread2.default)({
+      text: dataValue
+    }, props));
+  }
+  if (valueType === 'avatar' && typeof dataValue === 'string' && props.mode === 'read') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Avatar, {
+      src: dataValue,
+      size: 22,
+      shape: "circle"
+    });
   }
-  if (valueType === "segmented") {
-    return /* @__PURE__ */ import_react.default.createElement(import_Segmented.default, __spreadValues({ text: dataValue }, props));
+  if (valueType === 'code') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Code.default, (0, _objectSpread2.default)({
+      text: dataValue
+    }, props));
+  }
+  if (valueType === 'jsonCode') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Code.default, (0, _objectSpread2.default)({
+      text: dataValue,
+      language: "json"
+    }, props));
+  }
+  if (valueType === 'textarea') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextArea.default, (0, _objectSpread2.default)({
+      text: dataValue
+    }, props));
+  }
+  if (valueType === 'digit') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Digit.default, (0, _objectSpread2.default)({
+      text: dataValue
+    }, props));
+  }
+  if (valueType === 'digitRange') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitRange.default, (0, _objectSpread2.default)({
+      text: dataValue
+    }, props));
+  }
+  if (valueType === 'second') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Second.default, (0, _objectSpread2.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))
+    });
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_Text.default, __spreadValues({ text: dataValue }, props));
+  if (valueType === 'checkbox') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, (0, _objectSpread2.default)({
+      text: dataValue
+    }, props));
+  }
+  if (valueType === 'radio') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, (0, _objectSpread2.default)({
+      text: dataValue
+    }, props));
+  }
+  if (valueType === 'radioButton') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, (0, _objectSpread2.default)({
+      radioType: "button",
+      text: dataValue
+    }, props));
+  }
+  if (valueType === 'rate') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Rate.default, (0, _objectSpread2.default)({
+      text: dataValue
+    }, props));
+  }
+  if (valueType === 'slider') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, (0, _objectSpread2.default)({
+      text: dataValue
+    }, props));
+  }
+  if (valueType === 'switch') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, (0, _objectSpread2.default)({
+      text: dataValue
+    }, props));
+  }
+  if (valueType === 'option') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Options.default, (0, _objectSpread2.default)({
+      text: dataValue
+    }, props));
+  }
+  if (valueType === 'password') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Password.default, (0, _objectSpread2.default)({
+      text: dataValue
+    }, props));
+  }
+  if (valueType === 'image') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.default, (0, _objectSpread2.default)({
+      text: dataValue
+    }, props));
+  }
+  if (valueType === 'cascader') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cascader.default, (0, _objectSpread2.default)({
+      text: dataValue
+    }, props));
+  }
+  if (valueType === 'treeSelect') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeSelect.default, (0, _objectSpread2.default)({
+      text: dataValue
+    }, props));
+  }
+  if (valueType === 'color') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.default, (0, _objectSpread2.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)(_Text.default, (0, _objectSpread2.default)({
+    text: dataValue
+  }, props));
 };
-var ProFieldComponent = (_a, ref) => {
-  var _b = _a, {
-    text,
-    valueType = "text",
-    mode = "read",
-    onChange,
-    formItemRender,
-    value,
-    readonly,
-    fieldProps: restFieldProps
-  } = _b, rest = __objRest(_b, [
-    "text",
-    "valueType",
-    "mode",
-    "onChange",
-    "formItemRender",
-    "value",
-    "readonly",
-    "fieldProps"
-  ]);
-  var _a2, _b2, _c, _d, _e, _f;
-  const context = (0, import_react.useContext)(import_provider.default);
-  const onChangeCallBack = (0, import_utils.useRefFunction)((...restParams) => {
-    var _a3;
-    (_a3 = restFieldProps == null ? void 0 : restFieldProps.onChange) == null ? void 0 : _a3.call(restFieldProps, ...restParams);
-    onChange == null ? void 0 : onChange(...restParams);
+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);
   });
-  const fieldProps = (0, import_utils.useDeepCompareMemo)(() => {
-    return (value !== void 0 || restFieldProps) && __spreadProps(__spreadValues({
-      value
-    }, (0, import_utils.omitUndefined)(restFieldProps)), {
+  var fieldProps = (0, _utils.useDeepCompareMemo)(function () {
+    return (value !== undefined || restFieldProps) && (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      value: value
+    }, (0, _utils.omitUndefined)(restFieldProps)), {}, {
       onChange: onChangeCallBack
     });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value, restFieldProps, onChangeCallBack]);
-  const renderedDom = defaultRenderText(
-    mode === "edit" ? (_b2 = (_a2 = fieldProps == null ? void 0 : fieldProps.value) != null ? _a2 : text) != null ? _b2 : "" : (_c = text != null ? text : fieldProps == null ? void 0 : fieldProps.value) != null ? _c : "",
-    valueType || "text",
-    (0, import_utils.omitUndefined)(__spreadProps(__spreadValues({
-      ref
-    }, rest), {
-      mode: readonly ? "read" : mode,
-      formItemRender: formItemRender ? (curText, props, dom) => {
-        const _a3 = props, { placeholder: _placeholder } = _a3, restProps = __objRest(_a3, ["placeholder"]);
-        const newDom = formItemRender(curText, restProps, dom);
-        if (import_react.default.isValidElement(newDom))
-          return import_react.default.cloneElement(newDom, __spreadValues(__spreadValues({}, fieldProps), newDom.props || {}));
-        return newDom;
-      } : void 0,
-      placeholder: formItemRender ? void 0 : (_d = rest == null ? void 0 : rest.placeholder) != null ? _d : fieldProps == null ? void 0 : fieldProps.placeholder,
-      fieldProps: (0, import_utils.pickProProps)(
-        (0, import_utils.omitUndefined)(__spreadProps(__spreadValues({}, fieldProps), {
-          placeholder: formItemRender ? void 0 : (_e = rest == null ? void 0 : rest.placeholder) != null ? _e : fieldProps == null ? void 0 : fieldProps.placeholder
-        })),
-        (_f = Object.keys(context.valueTypeMap || {})) == null ? void 0 : _f.includes(valueType)
-      )
-    })),
-    context.valueTypeMap || {}
-  );
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderedDom);
+  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), {}, {
+    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 之后的dom可能没有props，这里会帮忙注入一下
+      if ( /*#__PURE__*/_react.default.isValidElement(newDom)) return /*#__PURE__*/_react.default.cloneElement(newDom, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 || {});
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+    children: renderedDom
+  });
 };
-var ProField = import_react.default.forwardRef(
-  ProFieldComponent
-);
+var ProField = exports.ProField = /*#__PURE__*/_react.default.forwardRef(ProFieldComponent);