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

package/es/field/ValueTypeToComponent.js

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Avatar } from 'antd';
 import dayjs from 'dayjs';
 import advancedFormat from 'dayjs/plugin/advancedFormat';
@@ -41,11 +40,11 @@ dayjs.extend(advancedFormat);
 dayjs.extend(isoWeek);
 dayjs.extend(weekOfYear);
 dayjs.extend(weekday);
-var ValueTypeToComponentMap = {
+const ValueTypeToComponentMap = {
   progress: {
-    render: function render(text, props) {
-      var fieldProps = pickProProps(props.fieldProps);
-      var placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
+    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,
@@ -53,9 +52,9 @@ var ValueTypeToComponentMap = {
         fieldProps: fieldProps
       });
     },
-    formItemRender: function formItemRender(text, props) {
-      var fieldProps = pickProProps(props.fieldProps);
-      var placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
+    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,
@@ -65,9 +64,9 @@ var ValueTypeToComponentMap = {
     }
   },
   money: {
-    render: function render(text, props) {
-      var fieldProps = pickProProps(props.fieldProps);
-      var placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
+    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,
@@ -75,9 +74,9 @@ var ValueTypeToComponentMap = {
         fieldProps: fieldProps
       });
     },
-    formItemRender: function formItemRender(text, props) {
-      var fieldProps = pickProProps(props.fieldProps);
-      var placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
+    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,
@@ -87,9 +86,9 @@ var ValueTypeToComponentMap = {
     }
   },
   percent: {
-    render: function render(text, props) {
-      var fieldProps = pickProProps(props.fieldProps);
-      var placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
+    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,
@@ -97,9 +96,9 @@ var ValueTypeToComponentMap = {
         fieldProps: fieldProps
       });
     },
-    formItemRender: function formItemRender(text, props) {
-      var fieldProps = pickProProps(props.fieldProps);
-      var placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
+    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,
@@ -109,462 +108,390 @@ var ValueTypeToComponentMap = {
     }
   },
   image: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldImage, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldImage, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldImage, {
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldImage, {
+      ...props,
+      text: text
+    })
   },
   date: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldDatePicker, _objectSpread(_objectSpread({
-          format: "YYYY-MM-DD"
-        }, props), {}, {
-          text: text
-        }))
-      });
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldDatePicker, _objectSpread(_objectSpread({
-          format: "YYYY-MM-DD"
-        }, props), {}, {
-          text: text
-        }))
-      });
-    }
+    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: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldDatePicker, _objectSpread(_objectSpread({
-          format: "YYYY-wo",
-          picker: "week"
-        }, props), {}, {
-          text: text
-        }))
-      });
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldDatePicker, _objectSpread(_objectSpread({
-          format: "YYYY-wo",
-          picker: "week"
-        }, props), {}, {
-          text: text
-        }))
-      });
-    }
+    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: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldRangePicker, _objectSpread(_objectSpread({
-          format: "YYYY-W",
-          showTime: true,
-          fieldProps: _objectSpread({
-            picker: 'week'
-          }, props.fieldProps)
-        }, props), {}, {
-          text: text
-        }))
-      });
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldRangePicker, _objectSpread(_objectSpread({
-          format: "YYYY-W",
-          showTime: true,
-          fieldProps: _objectSpread({
-            picker: 'week'
-          }, props.fieldProps)
-        }, props), {}, {
-          text: text
-        }))
-      });
-    }
+    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: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldRangePicker, _objectSpread(_objectSpread({
-          format: "YYYY-MM",
-          showTime: true,
-          fieldProps: _objectSpread({
-            picker: 'month'
-          }, props.fieldProps)
-        }, props), {}, {
-          text: text
-        }))
-      });
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldRangePicker, _objectSpread(_objectSpread({
-          format: "YYYY-MM",
-          showTime: true,
-          fieldProps: _objectSpread({
-            picker: 'month'
-          }, props.fieldProps)
-        }, props), {}, {
-          text: text
-        }))
-      });
-    }
+    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: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldRangePicker, _objectSpread(_objectSpread({
-          format: "YYYY-Q",
-          showTime: true,
-          fieldProps: _objectSpread({
-            picker: 'quarter'
-          }, props.fieldProps)
-        }, props), {}, {
-          text: text
-        }))
-      });
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldRangePicker, _objectSpread(_objectSpread({
-          format: "YYYY-Q",
-          showTime: true,
-          fieldProps: _objectSpread({
-            picker: 'quarter'
-          }, props.fieldProps)
-        }, props), {}, {
-          text: text
-        }))
-      });
-    }
+    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: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldRangePicker, _objectSpread(_objectSpread({
-          format: "YYYY",
-          showTime: true,
-          fieldProps: _objectSpread({
-            picker: 'year'
-          }, props.fieldProps)
-        }, props), {}, {
-          text: text
-        }))
-      });
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldRangePicker, _objectSpread(_objectSpread({
-          format: "YYYY",
-          showTime: true,
-          fieldProps: _objectSpread({
-            picker: 'year'
-          }, props.fieldProps)
-        }, props), {}, {
-          text: text
-        }))
-      });
-    }
+    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: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldDatePicker, _objectSpread(_objectSpread({
-          format: "YYYY-MM",
-          picker: "month"
-        }, props), {}, {
-          text: text
-        }))
-      });
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldDatePicker, _objectSpread(_objectSpread({
-          format: "YYYY-MM",
-          picker: "month"
-        }, props), {}, {
-          text: text
-        }))
-      });
-    }
+    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: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldDatePicker, _objectSpread(_objectSpread({
-          format: "YYYY-[Q]Q",
-          picker: "quarter"
-        }, props), {}, {
-          text: text
-        }))
-      });
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldDatePicker, _objectSpread(_objectSpread({
-          format: "YYYY-[Q]Q",
-          picker: "quarter"
-        }, props), {}, {
-          text: text
-        }))
-      });
-    }
+    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: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldDatePicker, _objectSpread(_objectSpread({
-          format: "YYYY",
-          picker: "year"
-        }, props), {}, {
-          text: text
-        }))
-      });
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldDatePicker, _objectSpread(_objectSpread({
-          format: "YYYY",
-          picker: "year"
-        }, props), {}, {
-          text: text
-        }))
-      });
-    }
+    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: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldRangePicker, _objectSpread(_objectSpread({
-        format: "YYYY-MM-DD"
-      }, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldRangePicker, _objectSpread(_objectSpread({
-        format: "YYYY-MM-DD"
-      }, props), {}, {
-        text: text
-      }));
-    }
+    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: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldDatePicker, _objectSpread(_objectSpread({
-          format: "YYYY-MM-DD HH:mm:ss",
-          showTime: true
-        }, props), {}, {
-          text: text
-        }))
-      });
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldDatePicker, _objectSpread(_objectSpread({
-          format: "YYYY-MM-DD HH:mm:ss",
-          showTime: true
-        }, props), {}, {
-          text: text
-        }))
-      });
-    }
+    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: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldRangePicker, _objectSpread(_objectSpread({
-          format: "YYYY-MM-DD HH:mm:ss",
-          showTime: true
-        }, props), {}, {
-          text: text
-        }))
-      });
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldRangePicker, _objectSpread(_objectSpread({
-          format: "YYYY-MM-DD HH:mm:ss",
-          showTime: true
-        }, props), {}, {
-          text: text
-        }))
-      });
-    }
+    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: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldTimePicker, _objectSpread(_objectSpread({
-          format: "HH:mm:ss"
-        }, props), {}, {
-          text: text
-        }))
-      });
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldTimePicker, _objectSpread(_objectSpread({
-          format: "HH:mm:ss"
-        }, props), {}, {
-          text: text
-        }))
-      });
-    }
+    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: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldTimeRangePicker, _objectSpread(_objectSpread({
-          format: "HH:mm:ss"
-        }, props), {}, {
-          text: text
-        }))
-      });
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldTimeRangePicker, _objectSpread(_objectSpread({
-          format: "HH:mm:ss"
-        }, props), {}, {
-          text: text
-        }))
-      });
-    }
+    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: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldFromNow, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldFromNow, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldFromNow, {
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldFromNow, {
+      ...props,
+      text: text
+    })
   },
   index: {
-    render: function render(text) {
-      return /*#__PURE__*/_jsx(FieldIndexColumn, {
-        children: text + 1
-      });
-    },
-    formItemRender: function formItemRender(text) {
-      return /*#__PURE__*/_jsx(FieldIndexColumn, {
-        children: text + 1
-      });
-    }
+    render: text => /*#__PURE__*/_jsx(FieldIndexColumn, {
+      children: text + 1
+    }),
+    formItemRender: text => /*#__PURE__*/_jsx(FieldIndexColumn, {
+      children: text + 1
+    })
   },
   indexBorder: {
-    render: function render(text) {
-      return /*#__PURE__*/_jsx(FieldIndexColumn, {
-        border: true,
-        children: text + 1
-      });
-    },
-    formItemRender: function formItemRender(text) {
-      return /*#__PURE__*/_jsx(FieldIndexColumn, {
-        border: true,
-        children: text + 1
-      });
-    }
+    render: text => /*#__PURE__*/_jsx(FieldIndexColumn, {
+      border: true,
+      children: text + 1
+    }),
+    formItemRender: text => /*#__PURE__*/_jsx(FieldIndexColumn, {
+      border: true,
+      children: text + 1
+    })
   },
   avatar: {
-    render: function render(text) {
-      return /*#__PURE__*/_jsx(Avatar, {
-        src: text,
-        size: 22,
-        shape: "circle"
-      });
-    },
-    formItemRender: function formItemRender(text) {
-      return /*#__PURE__*/_jsx(Avatar, {
-        src: text,
-        size: 22,
-        shape: "circle"
-      });
-    }
+    render: text => /*#__PURE__*/_jsx(Avatar, {
+      src: text,
+      size: 22,
+      shape: "circle"
+    }),
+    formItemRender: text => /*#__PURE__*/_jsx(Avatar, {
+      src: text,
+      size: 22,
+      shape: "circle"
+    })
   },
   code: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldCode, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldCode, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldCode, {
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldCode, {
+      ...props,
+      text: text
+    })
   },
   jsonCode: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldCode, _objectSpread(_objectSpread({
-        language: "json"
-      }, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldCode, _objectSpread(_objectSpread({
-        language: "json"
-      }, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldCode, {
+      language: "json",
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldCode, {
+      language: "json",
+      ...props,
+      text: text
+    })
   },
   textarea: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldTextArea, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldTextArea, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldTextArea, {
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldTextArea, {
+      ...props,
+      text: text
+    })
   },
   digit: {
-    render: function render(text, props) {
-      var fieldProps = pickProProps(props.fieldProps);
-      var placeholder = Array.isArray(props.placeholder) ? props.placeholder[0] : typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      var textValue = typeof text === 'number' ? text : Number(text) || 0;
+    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,
@@ -572,10 +499,10 @@ var ValueTypeToComponentMap = {
         fieldProps: fieldProps
       });
     },
-    formItemRender: function formItemRender(text, props) {
-      var fieldProps = pickProProps(props.fieldProps);
-      var placeholder = Array.isArray(props.placeholder) ? props.placeholder[0] : typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      var textValue = typeof text === 'number' ? text : Number(text) || 0;
+    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,
@@ -585,228 +512,200 @@ var ValueTypeToComponentMap = {
     }
   },
   digitRange: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldDigitRange, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldDigitRange, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldDigitRange, {
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldDigitRange, {
+      ...props,
+      text: text
+    })
   },
   second: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldSecond, _objectSpread(_objectSpread({}, props), {}, {
-        text: text,
-        placeholder: props.placeholder
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldSecond, _objectSpread(_objectSpread({}, props), {}, {
-        text: text,
-        placeholder: props.placeholder
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldSecond, {
+      ...props,
+      text: text,
+      placeholder: props.placeholder
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldSecond, {
+      ...props,
+      text: text,
+      placeholder: props.placeholder
+    })
   },
   select: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldSelect, _objectSpread(_objectSpread({}, props), {}, {
-          text: text
-        }))
-      });
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldSelect, _objectSpread(_objectSpread({}, props), {}, {
-          text: text
-        }))
-      });
-    }
-  },
-  text: {
-    render: function render(text, props) {
-      return 'valueEnum' in props ? /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldSelect, _objectSpread(_objectSpread({}, props), {}, {
-          text: text
-        }))
-      }) : /*#__PURE__*/_jsx(FieldText, _objectSpread(_objectSpread({}, props), {}, {
+    render: (text, props) => /*#__PURE__*/_jsx(FieldHOC, {
+      isLight: props.light,
+      children: /*#__PURE__*/_jsx(FieldSelect, {
+        ...props,
         text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return 'valueEnum' in props ? /*#__PURE__*/_jsx(FieldHOC, {
-        isLight: props.light,
-        children: /*#__PURE__*/_jsx(FieldSelect, _objectSpread(_objectSpread({}, props), {}, {
-          text: text
-        }))
-      }) : /*#__PURE__*/_jsx(FieldText, _objectSpread(_objectSpread({}, props), {}, {
+      })
+    }),
+    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: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldCheckbox, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldCheckbox, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldCheckbox, {
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldCheckbox, {
+      ...props,
+      text: text
+    })
   },
   radio: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldRadio, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldRadio, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldRadio, {
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldRadio, {
+      ...props,
+      text: text
+    })
   },
   radioButton: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldRadio, _objectSpread(_objectSpread({
-        radioType: "button"
-      }, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldRadio, _objectSpread(_objectSpread({
-        radioType: "button"
-      }, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldRadio, {
+      radioType: "button",
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldRadio, {
+      radioType: "button",
+      ...props,
+      text: text
+    })
   },
   rate: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldRate, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldRate, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldRate, {
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldRate, {
+      ...props,
+      text: text
+    })
   },
   slider: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldSlider, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldSlider, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldSlider, {
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldSlider, {
+      ...props,
+      text: text
+    })
   },
   switch: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldSwitch, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldSwitch, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldSwitch, {
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldSwitch, {
+      ...props,
+      text: text
+    })
   },
   option: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldOptions, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldOptions, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldOptions, {
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldOptions, {
+      ...props,
+      text: text
+    })
   },
   password: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldPassword, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldPassword, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldPassword, {
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldPassword, {
+      ...props,
+      text: text
+    })
   },
   cascader: {
-    render: function render(text, props) {
-      var fieldProps = pickProProps(props.fieldProps);
-      var placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/_jsx(FieldCascader, _objectSpread(_objectSpread({}, props), {}, {
+    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: function formItemRender(text, props) {
-      var fieldProps = pickProProps(props.fieldProps);
-      var placeholder = typeof props.placeholder === 'string' ? props.placeholder : undefined;
-      return /*#__PURE__*/_jsx(FieldCascader, _objectSpread(_objectSpread({}, props), {}, {
+    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: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldTreeSelect, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldTreeSelect, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldTreeSelect, {
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldTreeSelect, {
+      ...props,
+      text: text
+    })
   },
   color: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldColorPicker, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldColorPicker, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldColorPicker, {
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldColorPicker, {
+      ...props,
+      text: text
+    })
   },
   segmented: {
-    render: function render(text, props) {
-      return /*#__PURE__*/_jsx(FieldSegmented, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    },
-    formItemRender: function formItemRender(text, props) {
-      return /*#__PURE__*/_jsx(FieldSegmented, _objectSpread(_objectSpread({}, props), {}, {
-        text: text
-      }));
-    }
+    render: (text, props) => /*#__PURE__*/_jsx(FieldSegmented, {
+      ...props,
+      text: text
+    }),
+    formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldSegmented, {
+      ...props,
+      text: text
+    })
   }
 };
 export default ValueTypeToComponentMap;