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

package/es/field/ValueTypeToComponent.js

@@ -1,10 +1,4 @@
 import { Avatar } from 'antd';
-import dayjs from 'dayjs';
-import advancedFormat from 'dayjs/plugin/advancedFormat';
-import isoWeek from 'dayjs/plugin/isoWeek';
-import localeData from 'dayjs/plugin/localeData';
-import weekday from 'dayjs/plugin/weekday';
-import weekOfYear from 'dayjs/plugin/weekOfYear';
 import { FieldText } from '.';
 import { pickProProps } from "../utils";
 import FieldCascader from "./components/Cascader";
@@ -33,679 +27,269 @@ import FieldSwitch from "./components/Switch";
 import FieldTextArea from "./components/TextArea";
 import FieldTimePicker, { FieldTimeRangePicker } from "./components/TimePicker";
 import FieldTreeSelect from "./components/TreeSelect";
-import FieldHOC from "./FieldHOC";
+import "./initDayjs";
+import { wrapProFieldLight } from "./internal/ProFieldLightWrapper";
+
+/**
+ * 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.
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
-dayjs.extend(localeData);
-dayjs.extend(advancedFormat);
-dayjs.extend(isoWeek);
-dayjs.extend(weekOfYear);
-dayjs.extend(weekday);
+function sameRenderPair(fn) {
+  return {
+    render: fn,
+    formItemRender: fn
+  };
+}
+
+/** 内置 valueType → render / formItemRender；键集合与 {@link ProFieldBuiltinValueType} 一致 */
 const ValueTypeToComponentMap = {
-  progress: {
-    render: (text, props) => {
-      const fieldProps = pickProProps(props.fieldProps);
-      const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/_jsx(FieldProgress, {
-        mode: props.mode,
-        text: text,
-        placeholder: placeholder,
-        fieldProps: fieldProps
-      });
+  progress: sameRenderPair((text, props) => {
+    const fieldProps = pickProProps(props.fieldProps);
+    const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
+    return /*#__PURE__*/_jsx(FieldProgress, {
+      mode: props.mode,
+      text: text,
+      placeholder: placeholder,
+      fieldProps: fieldProps
+    });
+  }),
+  money: sameRenderPair((text, props) => {
+    const fieldProps = pickProProps(props.fieldProps);
+    const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
+    return /*#__PURE__*/_jsx(FieldMoney, {
+      mode: props.mode,
+      text: text,
+      placeholder: placeholder,
+      fieldProps: fieldProps
+    });
+  }),
+  percent: sameRenderPair((text, props) => {
+    const fieldProps = pickProProps(props.fieldProps);
+    const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
+    return /*#__PURE__*/_jsx(FieldPercent, {
+      mode: props.mode,
+      text: text,
+      placeholder: placeholder,
+      fieldProps: fieldProps
+    });
+  }),
+  image: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldImage, {
+    ...props,
+    text: text
+  })),
+  date: sameRenderPair((text, props) => wrapProFieldLight(props.light, /*#__PURE__*/_jsx(FieldDatePicker, {
+    format: "YYYY-MM-DD",
+    ...props,
+    text: text
+  }))),
+  dateWeek: sameRenderPair((text, props) => wrapProFieldLight(props.light, /*#__PURE__*/_jsx(FieldDatePicker, {
+    format: "gggg-wo",
+    picker: "week",
+    ...props,
+    text: text
+  }))),
+  dateWeekRange: sameRenderPair((text, props) => wrapProFieldLight(props.light, /*#__PURE__*/_jsx(FieldRangePicker, {
+    format: "gggg-wo",
+    showTime: true,
+    fieldProps: {
+      picker: 'week',
+      ...props.fieldProps
     },
-    formItemRender: (text, props) => {
-      const fieldProps = pickProProps(props.fieldProps);
-      const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/_jsx(FieldProgress, {
-        mode: props.mode,
-        text: text,
-        placeholder: placeholder,
-        fieldProps: fieldProps
-      });
-    }
-  },
-  money: {
-    render: (text, props) => {
-      const fieldProps = pickProProps(props.fieldProps);
-      const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/_jsx(FieldMoney, {
-        mode: props.mode,
-        text: text,
-        placeholder: placeholder,
-        fieldProps: fieldProps
-      });
+    ...props,
+    text: text
+  }))),
+  dateMonthRange: sameRenderPair((text, props) => wrapProFieldLight(props.light, /*#__PURE__*/_jsx(FieldRangePicker, {
+    format: "YYYY-MM",
+    showTime: true,
+    fieldProps: {
+      picker: 'month',
+      ...props.fieldProps
     },
-    formItemRender: (text, props) => {
-      const fieldProps = pickProProps(props.fieldProps);
-      const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/_jsx(FieldMoney, {
-        mode: props.mode,
-        text: text,
-        placeholder: placeholder,
-        fieldProps: fieldProps
-      });
-    }
-  },
-  percent: {
-    render: (text, props) => {
-      const fieldProps = pickProProps(props.fieldProps);
-      const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/_jsx(FieldPercent, {
-        mode: props.mode,
-        text: text,
-        placeholder: placeholder,
-        fieldProps: fieldProps
-      });
+    ...props,
+    text: text
+  }))),
+  dateQuarterRange: sameRenderPair((text, props) => wrapProFieldLight(props.light, /*#__PURE__*/_jsx(FieldRangePicker, {
+    format: "YYYY-[Q]Q",
+    showTime: true,
+    fieldProps: {
+      picker: 'quarter',
+      ...props.fieldProps
     },
-    formItemRender: (text, props) => {
-      const fieldProps = pickProProps(props.fieldProps);
-      const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/_jsx(FieldPercent, {
-        mode: props.mode,
-        text: text,
-        placeholder: placeholder,
-        fieldProps: fieldProps
-      });
-    }
-  },
-  image: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldImage, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldImage, {
-      ...props,
-      text: text
-    })
-  },
-  date: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldDatePicker, {
-        format: "YYYY-MM-DD",
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldDatePicker, {
-        format: "YYYY-MM-DD",
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateWeek: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldDatePicker, {
-        format: "YYYY-wo",
-        picker: "week",
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldDatePicker, {
-        format: "YYYY-wo",
-        picker: "week",
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateWeekRange: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldRangePicker, {
-        format: "YYYY-W",
-        showTime: true,
-        fieldProps: {
-          picker: 'week',
-          ...props.fieldProps
-        },
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldRangePicker, {
-        format: "YYYY-W",
-        showTime: true,
-        fieldProps: {
-          picker: 'week',
-          ...props.fieldProps
-        },
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateMonthRange: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldRangePicker, {
-        format: "YYYY-MM",
-        showTime: true,
-        fieldProps: {
-          picker: 'month',
-          ...props.fieldProps
-        },
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldRangePicker, {
-        format: "YYYY-MM",
-        showTime: true,
-        fieldProps: {
-          picker: 'month',
-          ...props.fieldProps
-        },
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateQuarterRange: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldRangePicker, {
-        format: "YYYY-Q",
-        showTime: true,
-        fieldProps: {
-          picker: 'quarter',
-          ...props.fieldProps
-        },
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldRangePicker, {
-        format: "YYYY-Q",
-        showTime: true,
-        fieldProps: {
-          picker: 'quarter',
-          ...props.fieldProps
-        },
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateYearRange: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldRangePicker, {
-        format: "YYYY",
-        showTime: true,
-        fieldProps: {
-          picker: 'year',
-          ...props.fieldProps
-        },
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldRangePicker, {
-        format: "YYYY",
-        showTime: true,
-        fieldProps: {
-          picker: 'year',
-          ...props.fieldProps
-        },
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateMonth: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldDatePicker, {
-        format: "YYYY-MM",
-        picker: "month",
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldDatePicker, {
-        format: "YYYY-MM",
-        picker: "month",
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateQuarter: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldDatePicker, {
-        format: "YYYY-[Q]Q",
-        picker: "quarter",
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldDatePicker, {
-        format: "YYYY-[Q]Q",
-        picker: "quarter",
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateYear: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldDatePicker, {
-        format: "YYYY",
-        picker: "year",
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldDatePicker, {
-        format: "YYYY",
-        picker: "year",
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateRange: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldRangePicker, {
-      format: "YYYY-MM-DD",
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldRangePicker, {
-      format: "YYYY-MM-DD",
-      ...props,
-      text: text
-    })
-  },
-  dateTime: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldDatePicker, {
-        format: "YYYY-MM-DD HH:mm:ss",
-        showTime: true,
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldDatePicker, {
-        format: "YYYY-MM-DD HH:mm:ss",
-        showTime: true,
-        ...props,
-        text: text
-      })
-    })
-  },
-  dateTimeRange: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldRangePicker, {
-        format: "YYYY-MM-DD HH:mm:ss",
-        showTime: true,
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldRangePicker, {
-        format: "YYYY-MM-DD HH:mm:ss",
-        showTime: true,
-        ...props,
-        text: text
-      })
-    })
-  },
-  time: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldTimePicker, {
-        format: "HH:mm:ss",
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldTimePicker, {
-        format: "HH:mm:ss",
-        ...props,
-        text: text
-      })
-    })
-  },
-  timeRange: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldTimeRangePicker, {
-        format: "HH:mm:ss",
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldTimeRangePicker, {
-        format: "HH:mm:ss",
-        ...props,
-        text: text
-      })
-    })
-  },
-  fromNow: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldFromNow, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldFromNow, {
-      ...props,
-      text: text
-    })
-  },
-  index: {
-    render: text => /*#__PURE__*/_jsx(FieldIndexColumn, {
-      children: text + 1
-    }),
-    formItemRender: text => /*#__PURE__*/_jsx(FieldIndexColumn, {
-      children: text + 1
-    })
-  },
-  indexBorder: {
-    render: text => /*#__PURE__*/_jsx(FieldIndexColumn, {
-      border: true,
-      children: text + 1
-    }),
-    formItemRender: text => /*#__PURE__*/_jsx(FieldIndexColumn, {
-      border: true,
-      children: text + 1
-    })
-  },
-  avatar: {
-    render: text => /*#__PURE__*/_jsx(Avatar, {
-      src: text,
-      size: 22,
-      shape: "circle"
-    }),
-    formItemRender: text => /*#__PURE__*/_jsx(Avatar, {
-      src: text,
-      size: 22,
-      shape: "circle"
-    })
-  },
-  code: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldCode, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldCode, {
-      ...props,
-      text: text
-    })
-  },
-  jsonCode: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldCode, {
-      language: "json",
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldCode, {
-      language: "json",
-      ...props,
-      text: text
-    })
-  },
-  textarea: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldTextArea, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldTextArea, {
-      ...props,
-      text: text
-    })
-  },
-  digit: {
-    render: (text, props) => {
-      const fieldProps = 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__*/_jsx(FieldDigit, {
-        text: textValue,
-        placeholder: placeholder,
-        mode: props.mode,
-        fieldProps: fieldProps
-      });
+    ...props,
+    text: text
+  }))),
+  dateYearRange: sameRenderPair((text, props) => wrapProFieldLight(props.light, /*#__PURE__*/_jsx(FieldRangePicker, {
+    format: "YYYY",
+    showTime: true,
+    fieldProps: {
+      picker: 'year',
+      ...props.fieldProps
     },
-    formItemRender: (text, props) => {
-      const fieldProps = 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__*/_jsx(FieldDigit, {
-        text: textValue,
-        placeholder: placeholder,
-        mode: props.mode,
-        fieldProps: fieldProps
-      });
-    }
-  },
-  digitRange: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldDigitRange, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldDigitRange, {
-      ...props,
-      text: text
-    })
-  },
-  second: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldSecond, {
-      ...props,
+    ...props,
+    text: text
+  }))),
+  dateMonth: sameRenderPair((text, props) => wrapProFieldLight(props.light, /*#__PURE__*/_jsx(FieldDatePicker, {
+    format: "YYYY-MM",
+    picker: "month",
+    ...props,
+    text: text
+  }))),
+  dateQuarter: sameRenderPair((text, props) => wrapProFieldLight(props.light, /*#__PURE__*/_jsx(FieldDatePicker, {
+    format: "YYYY-[Q]Q",
+    picker: "quarter",
+    ...props,
+    text: text
+  }))),
+  dateYear: sameRenderPair((text, props) => wrapProFieldLight(props.light, /*#__PURE__*/_jsx(FieldDatePicker, {
+    format: "YYYY",
+    picker: "year",
+    ...props,
+    text: text
+  }))),
+  dateRange: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldRangePicker, {
+    format: "YYYY-MM-DD",
+    ...props,
+    text: text
+  })),
+  dateTime: sameRenderPair((text, props) => wrapProFieldLight(props.light, /*#__PURE__*/_jsx(FieldDatePicker, {
+    format: "YYYY-MM-DD HH:mm:ss",
+    showTime: true,
+    ...props,
+    text: text
+  }))),
+  dateTimeRange: sameRenderPair((text, props) => wrapProFieldLight(props.light, /*#__PURE__*/_jsx(FieldRangePicker, {
+    format: "YYYY-MM-DD HH:mm:ss",
+    showTime: true,
+    ...props,
+    text: text
+  }))),
+  time: sameRenderPair((text, props) => wrapProFieldLight(props.light, /*#__PURE__*/_jsx(FieldTimePicker, {
+    format: "HH:mm:ss",
+    ...props,
+    text: text
+  }))),
+  timeRange: sameRenderPair((text, props) => wrapProFieldLight(props.light, /*#__PURE__*/_jsx(FieldTimeRangePicker, {
+    format: "HH:mm:ss",
+    ...props,
+    text: text
+  }))),
+  fromNow: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldFromNow, {
+    ...props,
+    text: text
+  })),
+  index: sameRenderPair(text => /*#__PURE__*/_jsx(FieldIndexColumn, {
+    children: text + 1
+  })),
+  indexBorder: sameRenderPair(text => /*#__PURE__*/_jsx(FieldIndexColumn, {
+    border: true,
+    children: text + 1
+  })),
+  avatar: sameRenderPair(text => /*#__PURE__*/_jsx(Avatar, {
+    src: text,
+    size: 22,
+    shape: "circle"
+  })),
+  code: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldCode, {
+    ...props,
+    text: text
+  })),
+  jsonCode: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldCode, {
+    language: "json",
+    ...props,
+    text: text
+  })),
+  textarea: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldTextArea, {
+    ...props,
+    text: text
+  })),
+  digit: sameRenderPair((text, props) => {
+    const fieldProps = 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__*/_jsx(FieldDigit, {
+      text: textValue,
+      placeholder: placeholder,
+      mode: props.mode,
+      fieldProps: fieldProps
+    });
+  }),
+  digitRange: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldDigitRange, {
+    ...props,
+    text: text
+  })),
+  second: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldSecond, {
+    ...props,
+    text: text,
+    placeholder: props.placeholder
+  })),
+  select: sameRenderPair((text, props) => wrapProFieldLight(props.light, /*#__PURE__*/_jsx(FieldSelect, {
+    ...props,
+    text: text
+  }))),
+  text: sameRenderPair((text, props) => 'valueEnum' in props ? wrapProFieldLight(props.light, /*#__PURE__*/_jsx(FieldSelect, {
+    ...props,
+    text: text
+  })) : /*#__PURE__*/_jsx(FieldText, {
+    ...props,
+    text: text
+  })),
+  checkbox: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldCheckbox, {
+    ...props,
+    text: text
+  })),
+  radio: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldRadio, {
+    ...props,
+    text: text
+  })),
+  radioButton: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldRadio, {
+    radioType: "button",
+    ...props,
+    text: text
+  })),
+  rate: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldRate, {
+    ...props,
+    text: text
+  })),
+  slider: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldSlider, {
+    ...props,
+    text: text
+  })),
+  switch: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldSwitch, {
+    ...props,
+    text: text
+  })),
+  option: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldOptions, {
+    ...props,
+    text: text
+  })),
+  password: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldPassword, {
+    ...props,
+    text: text
+  })),
+  cascader: sameRenderPair((text, props) => {
+    const fieldProps = pickProProps(props.fieldProps);
+    const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
+    return /*#__PURE__*/_jsx(FieldCascader, {
+      ...props,
+      mode: props.mode,
       text: text,
-      placeholder: props.placeholder
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldSecond, {
-      ...props,
-      text: text,
-      placeholder: props.placeholder
-    })
-  },
-  select: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldSelect, {
-        ...props,
-        text: text
-      })
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldSelect, {
-        ...props,
-        text: text
-      })
-    })
-  },
-  text: {
-    render: (text, props) => 'valueEnum' in props ? /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldSelect, {
-        ...props,
-        text: text
-      })
-    }) : /*#__PURE__*/_jsx(FieldText, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => 'valueEnum' in props ? /*#__PURE__*/_jsx(FieldHOC, {
-      isLight: props.light,
-      children: /*#__PURE__*/_jsx(FieldSelect, {
-        ...props,
-        text: text
-      })
-    }) : /*#__PURE__*/_jsx(FieldText, {
-      ...props,
-      text: text
-    })
-  },
-  checkbox: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldCheckbox, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldCheckbox, {
-      ...props,
-      text: text
-    })
-  },
-  radio: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldRadio, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldRadio, {
-      ...props,
-      text: text
-    })
-  },
-  radioButton: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldRadio, {
-      radioType: "button",
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldRadio, {
-      radioType: "button",
-      ...props,
-      text: text
-    })
-  },
-  rate: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldRate, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldRate, {
-      ...props,
-      text: text
-    })
-  },
-  slider: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldSlider, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldSlider, {
-      ...props,
-      text: text
-    })
-  },
-  switch: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldSwitch, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldSwitch, {
-      ...props,
-      text: text
-    })
-  },
-  option: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldOptions, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldOptions, {
-      ...props,
-      text: text
-    })
-  },
-  password: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldPassword, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldPassword, {
-      ...props,
-      text: text
-    })
-  },
-  cascader: {
-    render: (text, props) => {
-      const fieldProps = pickProProps(props.fieldProps);
-      const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/_jsx(FieldCascader, {
-        ...props,
-        mode: props.mode,
-        text: text,
-        placeholder: placeholder,
-        fieldProps: fieldProps
-      });
-    },
-    formItemRender: (text, props) => {
-      const fieldProps = pickProProps(props.fieldProps);
-      const placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/_jsx(FieldCascader, {
-        ...props,
-        mode: props.mode,
-        text: text,
-        placeholder: placeholder,
-        fieldProps: fieldProps
-      });
-    }
-  },
-  treeSelect: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldTreeSelect, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldTreeSelect, {
-      ...props,
-      text: text
-    })
-  },
-  color: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldColorPicker, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldColorPicker, {
-      ...props,
-      text: text
-    })
-  },
-  segmented: {
-    render: (text, props) => /*#__PURE__*/_jsx(FieldSegmented, {
-      ...props,
-      text: text
-    }),
-    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldSegmented, {
-      ...props,
-      text: text
-    })
-  }
+      placeholder: placeholder,
+      fieldProps: fieldProps
+    });
+  }),
+  treeSelect: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldTreeSelect, {
+    ...props,
+    text: text
+  })),
+  color: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldColorPicker, {
+    ...props,
+    text: text
+  })),
+  segmented: sameRenderPair((text, props) => /*#__PURE__*/_jsx(FieldSegmented, {
+    ...props,
+    text: text
+  }))
 };
 export default ValueTypeToComponentMap;