@ant-design/pro-components 3.1.12-0 → 3.1.13-0

package/lib/field/ValueTypeToComponent.js

@@ -7,12 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 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 _ = require(".");
 var _utils = require("../utils");
 var _Cascader = _interopRequireDefault(require("./components/Cascader"));
@@ -41,679 +35,267 @@ var _Switch = _interopRequireDefault(require("./components/Switch"));
 var _TextArea = _interopRequireDefault(require("./components/TextArea"));
 var _TimePicker = _interopRequireWildcard(require("./components/TimePicker"));
 var _TreeSelect = _interopRequireDefault(require("./components/TreeSelect"));
-var _FieldHOC = _interopRequireDefault(require("./FieldHOC"));
+require("./initDayjs");
+var _ProFieldLightWrapper = require("./internal/ProFieldLightWrapper");
 var _jsxRuntime = require("react/jsx-runtime");
-_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);
+/**
+ * Built-in valueTypes use identical JSX for `render` (read) and `formItemRender` (edit).
+ * If a valueType needs different read vs edit behavior, use an explicit
+ * `{ render, formItemRender }` object for that key instead.
+ */function sameRenderPair(fn) {
+  return {
+    render: fn,
+    formItemRender: fn
+  };
+}
+
+/** 内置 valueType → render / formItemRender；键集合与 {@link ProFieldBuiltinValueType} 一致 */
 const ValueTypeToComponentMap = {
-  progress: {
-    render: (text, props) => {
-      const fieldProps = (0, _utils.pickProProps)(props.fieldProps);
-      const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Progress.default, {
-        mode: props.mode,
-        text: text,
-        placeholder: placeholder,
-        fieldProps: fieldProps
-      });
+  progress: sameRenderPair((text, props) => {
+    const fieldProps = (0, _utils.pickProProps)(props.fieldProps);
+    const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Progress.default, {
+      mode: props.mode,
+      text: text,
+      placeholder: placeholder,
+      fieldProps: fieldProps
+    });
+  }),
+  money: sameRenderPair((text, props) => {
+    const fieldProps = (0, _utils.pickProProps)(props.fieldProps);
+    const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Money.default, {
+      mode: props.mode,
+      text: text,
+      placeholder: placeholder,
+      fieldProps: fieldProps
+    });
+  }),
+  percent: sameRenderPair((text, props) => {
+    const fieldProps = (0, _utils.pickProProps)(props.fieldProps);
+    const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Percent.default, {
+      mode: props.mode,
+      text: text,
+      placeholder: placeholder,
+      fieldProps: fieldProps
+    });
+  }),
+  image: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.default, {
+    ...props,
+    text: text
+  })),
+  date: sameRenderPair((text, props) => (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+    format: "YYYY-MM-DD",
+    ...props,
+    text: text
+  }))),
+  dateWeek: sameRenderPair((text, props) => (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+    format: "gggg-wo",
+    picker: "week",
+    ...props,
+    text: text
+  }))),
+  dateWeekRange: sameRenderPair((text, props) => (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
+    format: "gggg-wo",
+    showTime: true,
+    fieldProps: {
+      picker: 'week',
+      ...props.fieldProps
     },
-    formItemRender: (text, props) => {
-      const fieldProps = (0, _utils.pickProProps)(props.fieldProps);
-      const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Progress.default, {
-        mode: props.mode,
-        text: text,
-        placeholder: placeholder,
-        fieldProps: fieldProps
-      });
-    }
-  },
-  money: {
-    render: (text, props) => {
-      const fieldProps = (0, _utils.pickProProps)(props.fieldProps);
-      const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Money.default, {
-        mode: props.mode,
-        text: text,
-        placeholder: placeholder,
-        fieldProps: fieldProps
-      });
+    ...props,
+    text: text
+  }))),
+  dateMonthRange: sameRenderPair((text, props) => (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
+    format: "YYYY-MM",
+    showTime: true,
+    fieldProps: {
+      picker: 'month',
+      ...props.fieldProps
     },
-    formItemRender: (text, props) => {
-      const fieldProps = (0, _utils.pickProProps)(props.fieldProps);
-      const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Money.default, {
-        mode: props.mode,
-        text: text,
-        placeholder: placeholder,
-        fieldProps: fieldProps
-      });
-    }
-  },
-  percent: {
-    render: (text, props) => {
-      const fieldProps = (0, _utils.pickProProps)(props.fieldProps);
-      const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Percent.default, {
-        mode: props.mode,
-        text: text,
-        placeholder: placeholder,
-        fieldProps: fieldProps
-      });
+    ...props,
+    text: text
+  }))),
+  dateQuarterRange: sameRenderPair((text, props) => (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
+    format: "YYYY-[Q]Q",
+    showTime: true,
+    fieldProps: {
+      picker: 'quarter',
+      ...props.fieldProps
     },
-    formItemRender: (text, props) => {
-      const fieldProps = (0, _utils.pickProProps)(props.fieldProps);
-      const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Percent.default, {
-        mode: props.mode,
-        text: text,
-        placeholder: placeholder,
-        fieldProps: fieldProps
-      });
-    }
-  },
-  image: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.default, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.default, {
-      ...props,
-      text: text
-    })
-  },
-  date: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        format: "YYYY-MM-DD",
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        format: "YYYY-MM-DD",
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateWeek: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        format: "YYYY-wo",
-        picker: "week",
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        format: "YYYY-wo",
-        picker: "week",
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateWeekRange: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-        format: "YYYY-W",
-        showTime: true,
-        fieldProps: {
-          picker: 'week',
-          ...props.fieldProps
-        },
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-        format: "YYYY-W",
-        showTime: true,
-        fieldProps: {
-          picker: 'week',
-          ...props.fieldProps
-        },
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateMonthRange: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-        format: "YYYY-MM",
-        showTime: true,
-        fieldProps: {
-          picker: 'month',
-          ...props.fieldProps
-        },
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-        format: "YYYY-MM",
-        showTime: true,
-        fieldProps: {
-          picker: 'month',
-          ...props.fieldProps
-        },
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateQuarterRange: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-        format: "YYYY-Q",
-        showTime: true,
-        fieldProps: {
-          picker: 'quarter',
-          ...props.fieldProps
-        },
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-        format: "YYYY-Q",
-        showTime: true,
-        fieldProps: {
-          picker: 'quarter',
-          ...props.fieldProps
-        },
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateYearRange: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-        format: "YYYY",
-        showTime: true,
-        fieldProps: {
-          picker: 'year',
-          ...props.fieldProps
-        },
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-        format: "YYYY",
-        showTime: true,
-        fieldProps: {
-          picker: 'year',
-          ...props.fieldProps
-        },
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateMonth: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        format: "YYYY-MM",
-        picker: "month",
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        format: "YYYY-MM",
-        picker: "month",
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateQuarter: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        format: "YYYY-[Q]Q",
-        picker: "quarter",
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        format: "YYYY-[Q]Q",
-        picker: "quarter",
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateYear: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        format: "YYYY",
-        picker: "year",
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        format: "YYYY",
-        picker: "year",
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateRange: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-      format: "YYYY-MM-DD",
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-      format: "YYYY-MM-DD",
-      ...props,
-      text: text
-    })
-  },
-  dateTime: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        format: "YYYY-MM-DD HH:mm:ss",
-        showTime: true,
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        format: "YYYY-MM-DD HH:mm:ss",
-        showTime: true,
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateTimeRange: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-        format: "YYYY-MM-DD HH:mm:ss",
-        showTime: true,
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-        format: "YYYY-MM-DD HH:mm:ss",
-        showTime: true,
-        ...props,
-        text: text
-      })
-    })
-  },
-  time: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.default, {
-        format: "HH:mm:ss",
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.default, {
-        format: "HH:mm:ss",
-        ...props,
-        text: text
-      })
-    })
-  },
-  timeRange: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.FieldTimeRangePicker, {
-        format: "HH:mm:ss",
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.FieldTimeRangePicker, {
-        format: "HH:mm:ss",
-        ...props,
-        text: text
-      })
-    })
-  },
-  fromNow: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FromNow.default, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FromNow.default, {
-      ...props,
-      text: text
-    })
-  },
-  index: {
-    render: text => /*#__PURE__*/(0, _jsxRuntime.jsx)(_IndexColumn.default, {
-      children: text + 1
-    }),
-    formItemRender: text => /*#__PURE__*/(0, _jsxRuntime.jsx)(_IndexColumn.default, {
-      children: text + 1
-    })
-  },
-  indexBorder: {
-    render: text => /*#__PURE__*/(0, _jsxRuntime.jsx)(_IndexColumn.default, {
-      border: true,
-      children: text + 1
-    }),
-    formItemRender: text => /*#__PURE__*/(0, _jsxRuntime.jsx)(_IndexColumn.default, {
-      border: true,
-      children: text + 1
-    })
-  },
-  avatar: {
-    render: text => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Avatar, {
-      src: text,
-      size: 22,
-      shape: "circle"
-    }),
-    formItemRender: text => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Avatar, {
-      src: text,
-      size: 22,
-      shape: "circle"
-    })
-  },
-  code: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Code.default, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Code.default, {
-      ...props,
-      text: text
-    })
-  },
-  jsonCode: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Code.default, {
-      language: "json",
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Code.default, {
-      language: "json",
-      ...props,
-      text: text
-    })
-  },
-  textarea: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextArea.default, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextArea.default, {
-      ...props,
-      text: text
-    })
-  },
-  digit: {
-    render: (text, props) => {
-      const fieldProps = (0, _utils.pickProProps)(props.fieldProps);
-      const placeholder = Array.isArray(props.placeholder) ? props.placeholder[0] : typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      const textValue = typeof text === 'number' ? text : Number(text) || 0;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Digit.default, {
-        text: textValue,
-        placeholder: placeholder,
-        mode: props.mode,
-        fieldProps: fieldProps
-      });
+    ...props,
+    text: text
+  }))),
+  dateYearRange: sameRenderPair((text, props) => (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
+    format: "YYYY",
+    showTime: true,
+    fieldProps: {
+      picker: 'year',
+      ...props.fieldProps
     },
-    formItemRender: (text, props) => {
-      const fieldProps = (0, _utils.pickProProps)(props.fieldProps);
-      const placeholder = Array.isArray(props.placeholder) ? props.placeholder[0] : typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      const textValue = typeof text === 'number' ? text : Number(text) || 0;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Digit.default, {
-        text: textValue,
-        placeholder: placeholder,
-        mode: props.mode,
-        fieldProps: fieldProps
-      });
-    }
-  },
-  digitRange: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitRange.default, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitRange.default, {
-      ...props,
-      text: text
-    })
-  },
-  second: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Second.default, {
-      ...props,
-      text: text,
-      placeholder: props.placeholder
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Second.default, {
-      ...props,
+    ...props,
+    text: text
+  }))),
+  dateMonth: sameRenderPair((text, props) => (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+    format: "YYYY-MM",
+    picker: "month",
+    ...props,
+    text: text
+  }))),
+  dateQuarter: sameRenderPair((text, props) => (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+    format: "YYYY-[Q]Q",
+    picker: "quarter",
+    ...props,
+    text: text
+  }))),
+  dateYear: sameRenderPair((text, props) => (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+    format: "YYYY",
+    picker: "year",
+    ...props,
+    text: text
+  }))),
+  dateRange: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
+    format: "YYYY-MM-DD",
+    ...props,
+    text: text
+  })),
+  dateTime: sameRenderPair((text, props) => (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+    format: "YYYY-MM-DD HH:mm:ss",
+    showTime: true,
+    ...props,
+    text: text
+  }))),
+  dateTimeRange: sameRenderPair((text, props) => (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
+    format: "YYYY-MM-DD HH:mm:ss",
+    showTime: true,
+    ...props,
+    text: text
+  }))),
+  time: sameRenderPair((text, props) => (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.default, {
+    format: "HH:mm:ss",
+    ...props,
+    text: text
+  }))),
+  timeRange: sameRenderPair((text, props) => (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.FieldTimeRangePicker, {
+    format: "HH:mm:ss",
+    ...props,
+    text: text
+  }))),
+  fromNow: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FromNow.default, {
+    ...props,
+    text: text
+  })),
+  index: sameRenderPair(text => /*#__PURE__*/(0, _jsxRuntime.jsx)(_IndexColumn.default, {
+    children: text + 1
+  })),
+  indexBorder: sameRenderPair(text => /*#__PURE__*/(0, _jsxRuntime.jsx)(_IndexColumn.default, {
+    border: true,
+    children: text + 1
+  })),
+  avatar: sameRenderPair(text => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Avatar, {
+    src: text,
+    size: 22,
+    shape: "circle"
+  })),
+  code: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Code.default, {
+    ...props,
+    text: text
+  })),
+  jsonCode: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Code.default, {
+    language: "json",
+    ...props,
+    text: text
+  })),
+  textarea: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextArea.default, {
+    ...props,
+    text: text
+  })),
+  digit: sameRenderPair((text, props) => {
+    const fieldProps = (0, _utils.pickProProps)(props.fieldProps);
+    const placeholder = Array.isArray(props.placeholder) ? props.placeholder[0] : typeof props.placeholder === 'string' ? props.placeholder : undefined;
+    const textValue = typeof text === 'number' ? text : Number(text) || 0;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Digit.default, {
+      text: textValue,
+      placeholder: placeholder,
+      mode: props.mode,
+      fieldProps: fieldProps
+    });
+  }),
+  digitRange: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitRange.default, {
+    ...props,
+    text: text
+  })),
+  second: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Second.default, {
+    ...props,
+    text: text,
+    placeholder: props.placeholder
+  })),
+  select: sameRenderPair((text, props) => (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+    ...props,
+    text: text
+  }))),
+  text: sameRenderPair((text, props) => 'valueEnum' in props ? (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+    ...props,
+    text: text
+  })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_.FieldText, {
+    ...props,
+    text: text
+  })),
+  checkbox: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+    ...props,
+    text: text
+  })),
+  radio: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
+    ...props,
+    text: text
+  })),
+  radioButton: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
+    radioType: "button",
+    ...props,
+    text: text
+  })),
+  rate: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Rate.default, {
+    ...props,
+    text: text
+  })),
+  slider: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+    ...props,
+    text: text
+  })),
+  switch: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, {
+    ...props,
+    text: text
+  })),
+  option: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Options.default, {
+    ...props,
+    text: text
+  })),
+  password: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Password.default, {
+    ...props,
+    text: text
+  })),
+  cascader: sameRenderPair((text, props) => {
+    const fieldProps = (0, _utils.pickProProps)(props.fieldProps);
+    const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cascader.default, {
+      ...props,
+      mode: props.mode,
       text: text,
-      placeholder: props.placeholder
-    })
-  },
-  select: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
-        ...props,
-        text: text
-      })
-    })
-  },
-  text: {
-    render: (text, props) => 'valueEnum' in props ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
-        ...props,
-        text: text
-      })
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_.FieldText, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => 'valueEnum' in props ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
-        ...props,
-        text: text
-      })
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_.FieldText, {
-      ...props,
-      text: text
-    })
-  },
-  checkbox: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
-      ...props,
-      text: text
-    })
-  },
-  radio: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
-      ...props,
-      text: text
-    })
-  },
-  radioButton: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
-      radioType: "button",
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
-      radioType: "button",
-      ...props,
-      text: text
-    })
-  },
-  rate: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Rate.default, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Rate.default, {
-      ...props,
-      text: text
-    })
-  },
-  slider: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
-      ...props,
-      text: text
-    })
-  },
-  switch: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, {
-      ...props,
-      text: text
-    })
-  },
-  option: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Options.default, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Options.default, {
-      ...props,
-      text: text
-    })
-  },
-  password: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Password.default, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Password.default, {
-      ...props,
-      text: text
-    })
-  },
-  cascader: {
-    render: (text, props) => {
-      const fieldProps = (0, _utils.pickProProps)(props.fieldProps);
-      const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cascader.default, {
-        ...props,
-        mode: props.mode,
-        text: text,
-        placeholder: placeholder,
-        fieldProps: fieldProps
-      });
-    },
-    formItemRender: (text, props) => {
-      const fieldProps = (0, _utils.pickProProps)(props.fieldProps);
-      const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cascader.default, {
-        ...props,
-        mode: props.mode,
-        text: text,
-        placeholder: placeholder,
-        fieldProps: fieldProps
-      });
-    }
-  },
-  treeSelect: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeSelect.default, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeSelect.default, {
-      ...props,
-      text: text
-    })
-  },
-  color: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.default, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.default, {
-      ...props,
-      text: text
-    })
-  },
-  segmented: {
-    render: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Segmented.default, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Segmented.default, {
-      ...props,
-      text: text
-    })
-  }
+      placeholder: placeholder,
+      fieldProps: fieldProps
+    });
+  }),
+  treeSelect: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeSelect.default, {
+    ...props,
+    text: text
+  })),
+  color: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.default, {
+    ...props,
+    text: text
+  })),
+  segmented: sameRenderPair((text, props) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Segmented.default, {
+    ...props,
+    text: text
+  }))
 };
 var _default = exports.default = ValueTypeToComponentMap;