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

package/lib/field/AllProField.js

@@ -5,16 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultRenderText = exports.ProField = void 0;
+exports.defaultRenderText = exports.defaultRenderRead = exports.defaultRenderEdit = exports.ProField = 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 _react = _interopRequireWildcard(require("react"));
-var _provider = _interopRequireDefault(require("../provider"));
+var _react = _interopRequireDefault(require("react"));
 var _utils = require("../utils");
 var _Cascader = _interopRequireDefault(require("./components/Cascader"));
 var _Checkbox = _interopRequireDefault(require("./components/Checkbox"));
@@ -43,27 +36,9 @@ var _Text = _interopRequireDefault(require("./components/Text"));
 var _TextArea = _interopRequireDefault(require("./components/TextArea"));
 var _TimePicker = _interopRequireWildcard(require("./components/TimePicker"));
 var _TreeSelect = _interopRequireDefault(require("./components/TreeSelect"));
-var _FieldHOC = _interopRequireDefault(require("./FieldHOC"));
+var _ProFieldLightWrapper = require("./internal/ProFieldLightWrapper");
+var _ProFieldCore = require("./ProFieldCore");
 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);
-
-/** 默认的 Field 需要实现的功能 */
-
-/** 轻量筛选的field属性 */
-
-/** Value type by function */
-
-/**
- * Render valueType object
- *
- * @param text String | number
- * @param valueType ProColumnsValueObjectType
- * @param props
- */
 const defaultRenderTextByObject = (text, valueType, props) => {
   const pickFormItemProps = (0, _utils.pickProProps)(props.fieldProps);
   if (valueType.type === 'progress') {
@@ -105,64 +80,8 @@ const defaultRenderTextByObject = (text, valueType, props) => {
   return text;
 };
 
-/**
- * 根据不同的类型来转化数值
- *
- * @param dataValue
- * @param valueType
- * @param props
- * @param valueTypeMap
- */
-const defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
-  const {
-    mode = 'read',
-    emptyText = '-'
-  } = props;
-  if (emptyText !== false && mode === 'read' && valueType !== 'option' && valueType !== 'switch') {
-    if (typeof dataValue !== 'boolean' && typeof dataValue !== 'number' && !dataValue) {
-      const {
-        fieldProps,
-        render
-      } = props;
-      if (render) {
-        return render(dataValue, {
-          mode,
-          ...fieldProps
-        }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-          children: emptyText
-        }));
-      }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: emptyText
-      });
-    }
-  }
-  delete props.emptyText;
-  if (typeof valueType === 'object') {
-    return defaultRenderTextByObject(dataValue, valueType, props);
-  }
-  const customValueTypeConfig = valueTypeMap && valueTypeMap[valueType];
-  if (customValueTypeConfig) {
-    delete props.ref;
-    if (mode === 'read') {
-      return customValueTypeConfig.render?.(dataValue, {
-        text: dataValue,
-        ...props,
-        mode: mode || 'read'
-      }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: dataValue
-      }));
-    }
-    if (mode === 'update' || mode === 'edit') {
-      return customValueTypeConfig.formItemRender?.(dataValue, {
-        text: dataValue,
-        ...props
-      }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: dataValue
-      }));
-    }
-  }
-
+/** 内置 valueType 分支（读写共用，具体展示由子 Field 的 mode 决定） */
+function renderDefaultValueTypeLeaf(dataValue, valueType, props) {
   /** 如果是金额的值 */
   if (valueType === 'money') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Money.default, {
@@ -173,27 +92,21 @@ const defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
 
   /** 如果是日期的值 */
   if (valueType === 'date') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        text: dataValue,
-        format: "YYYY-MM-DD",
-        ...props
-      })
-    });
+    return (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+      text: dataValue,
+      format: "YYYY-MM-DD",
+      ...props
+    }));
   }
 
   /** 如果是周的值 */
   if (valueType === 'dateWeek') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        text: dataValue,
-        format: "YYYY-wo",
-        picker: "week",
-        ...props
-      })
-    });
+    return (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+      text: dataValue,
+      format: "gggg-wo",
+      picker: "week",
+      ...props
+    }));
   }
 
   /** 如果是周范围的值 */
@@ -202,19 +115,16 @@ const defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
       fieldProps,
       ...otherProps
     } = props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-        text: dataValue,
-        format: "YYYY-W",
-        showTime: true,
-        fieldProps: {
-          picker: 'week',
-          ...fieldProps
-        },
-        ...otherProps
-      })
-    });
+    return (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
+      text: dataValue,
+      format: "gggg-wo",
+      showTime: true,
+      fieldProps: {
+        picker: 'week',
+        ...fieldProps
+      },
+      ...otherProps
+    }));
   }
 
   /** 如果是月范围的值 */
@@ -223,19 +133,16 @@ const defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
       fieldProps,
       ...otherProps
     } = props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-        text: dataValue,
-        format: "YYYY-MM",
-        showTime: true,
-        fieldProps: {
-          picker: 'month',
-          ...fieldProps
-        },
-        ...otherProps
-      })
-    });
+    return (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
+      text: dataValue,
+      format: "YYYY-MM",
+      showTime: true,
+      fieldProps: {
+        picker: 'month',
+        ...fieldProps
+      },
+      ...otherProps
+    }));
   }
 
   /** 如果是季范围的值 */
@@ -244,19 +151,16 @@ const defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
       fieldProps,
       ...otherProps
     } = props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-        text: dataValue,
-        format: "YYYY-Q",
-        showTime: true,
-        fieldProps: {
-          picker: 'quarter',
-          ...fieldProps
-        },
-        ...otherProps
-      })
-    });
+    return (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
+      text: dataValue,
+      format: "YYYY-[Q]Q",
+      showTime: true,
+      fieldProps: {
+        picker: 'quarter',
+        ...fieldProps
+      },
+      ...otherProps
+    }));
   }
 
   /** 如果是年范围的值 */
@@ -265,58 +169,46 @@ const defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
       fieldProps,
       ...otherProps
     } = props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-        text: dataValue,
-        format: "YYYY",
-        showTime: true,
-        fieldProps: {
-          picker: 'year',
-          ...fieldProps
-        },
-        ...otherProps
-      })
-    });
+    return (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
+      text: dataValue,
+      format: "YYYY",
+      showTime: true,
+      fieldProps: {
+        picker: 'year',
+        ...fieldProps
+      },
+      ...otherProps
+    }));
   }
 
   /** 如果是月的值 */
   if (valueType === 'dateMonth') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        text: dataValue,
-        format: "YYYY-MM",
-        picker: "month",
-        ...props
-      })
-    });
+    return (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+      text: dataValue,
+      format: "YYYY-MM",
+      picker: "month",
+      ...props
+    }));
   }
 
   /** 如果是季度的值 */
   if (valueType === 'dateQuarter') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        text: dataValue,
-        format: "YYYY-[Q]Q",
-        picker: "quarter",
-        ...props
-      })
-    });
+    return (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+      text: dataValue,
+      format: "YYYY-[Q]Q",
+      picker: "quarter",
+      ...props
+    }));
   }
 
   /** 如果是年的值 */
   if (valueType === 'dateYear') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        text: dataValue,
-        format: "YYYY",
-        picker: "year",
-        ...props
-      })
-    });
+    return (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+      text: dataValue,
+      format: "YYYY",
+      picker: "year",
+      ...props
+    }));
   }
 
   /** 如果是日期范围的值 */
@@ -330,53 +222,40 @@ const defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
 
   /** 如果是日期加时间类型的值 */
   if (valueType === 'dateTime') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-        text: dataValue,
-        format: "YYYY-MM-DD HH:mm:ss",
-        showTime: true,
-        ...props
-      })
-    });
+    return (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+      text: dataValue,
+      format: "YYYY-MM-DD HH:mm:ss",
+      showTime: true,
+      ...props
+    }));
   }
 
   /** 如果是日期加时间类型的值的值 */
   if (valueType === 'dateTimeRange') {
-    // 值不存在的时候显示 "-"
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
-        text: dataValue,
-        format: "YYYY-MM-DD HH:mm:ss",
-        showTime: true,
-        ...props
-      })
-    });
+    return (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangePicker.default, {
+      text: dataValue,
+      format: "YYYY-MM-DD HH:mm:ss",
+      showTime: true,
+      ...props
+    }));
   }
 
   /** 如果是时间类型的值 */
   if (valueType === 'time') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.default, {
-        text: dataValue,
-        format: "HH:mm:ss",
-        ...props
-      })
-    });
+    return (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.default, {
+      text: dataValue,
+      format: "HH:mm:ss",
+      ...props
+    }));
   }
 
   /** 如果是时间类型的值 */
   if (valueType === 'timeRange') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.FieldTimeRangePicker, {
-        text: dataValue,
-        format: "HH:mm:ss",
-        ...props
-      })
-    });
+    return (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.FieldTimeRangePicker, {
+      text: dataValue,
+      format: "HH:mm:ss",
+      ...props
+    }));
   }
   if (valueType === 'fromNow') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FromNow.default, {
@@ -453,13 +332,10 @@ const defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
     });
   }
   if (valueType === 'select' || valueType === 'text' && (props.valueEnum || props.request)) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldHOC.default, {
-      isLight: props.light,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
-        text: dataValue,
-        ...props
-      })
-    });
+    return (0, _ProFieldLightWrapper.wrapProFieldLight)(props.light, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+      text: dataValue,
+      ...props
+    }));
   }
   if (valueType === 'checkbox') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
@@ -544,57 +420,81 @@ const defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
     text: dataValue,
     ...props
   });
-};
-exports.defaultRenderText = defaultRenderText;
-const ProFieldComponent = ({
-  text,
-  valueType = 'text',
-  mode = 'read',
-  onChange,
-  formItemRender,
-  value,
-  readonly,
-  fieldProps: restFieldProps,
-  ...rest
-}, ref) => {
-  const context = (0, _react.useContext)(_provider.default);
-  const onChangeCallBack = (0, _utils.useRefFunction)((...restParams) => {
-    restFieldProps?.onChange?.(...restParams);
-    onChange?.(...restParams);
-  });
-  const fieldProps = (0, _utils.useDeepCompareMemo)(() => {
-    return (value !== undefined || restFieldProps) && {
-      value,
-      // fieldProps 优先级更高，在类似 LightFilter 场景下需要覆盖默认的 value 和 onChange
-      ...(0, _utils.omitUndefined)(restFieldProps),
-      onChange: onChangeCallBack
-    };
-  }, [value, restFieldProps, onChangeCallBack]);
-  const renderedDom = defaultRenderText(mode === 'edit' ? fieldProps?.value ?? text ?? '' : text ?? fieldProps?.value ?? '', valueType || 'text', (0, _utils.omitUndefined)({
-    ref,
-    ...rest,
-    mode: readonly ? 'read' : mode,
-    formItemRender: formItemRender ? (curText, props, dom) => {
+}
+
+/** 只读：空值占位、context valueTypeMap 的 render、内置 valueType */
+const defaultRenderRead = (dataValue, valueType, props, valueTypeMap) => {
+  const {
+    mode = 'read',
+    emptyText = '-'
+  } = props;
+  if (emptyText !== false && mode === 'read' && valueType !== 'option' && valueType !== 'switch') {
+    if (typeof dataValue !== 'boolean' && typeof dataValue !== 'number' && !dataValue) {
       const {
-        placeholder: _placeholder,
-        ...restProps
+        fieldProps,
+        render
       } = props;
-      const newDom = formItemRender(curText, restProps, dom);
-      // formItemRender 之后的dom可能没有props，这里会帮忙注入一下
-      if ( /*#__PURE__*/_react.default.isValidElement(newDom)) return /*#__PURE__*/_react.default.cloneElement(newDom, {
-        ...fieldProps,
-        ...(newDom.props || {})
+      if (render) {
+        return render(dataValue, {
+          mode,
+          ...fieldProps
+        }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: emptyText
+        }));
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: emptyText
       });
-      return newDom;
-    } : undefined,
-    placeholder: formItemRender ? undefined : rest?.placeholder ?? fieldProps?.placeholder,
-    fieldProps: (0, _utils.pickProProps)((0, _utils.omitUndefined)({
-      ...fieldProps,
-      placeholder: formItemRender ? undefined : rest?.placeholder ?? fieldProps?.placeholder
-    }), Object.keys(context.valueTypeMap || {})?.includes(valueType))
-  }), context.valueTypeMap || {});
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
-    children: renderedDom
-  });
+    }
+  }
+  delete props.emptyText;
+  if (typeof valueType === 'object') {
+    return defaultRenderTextByObject(dataValue, valueType, props);
+  }
+  const customValueTypeConfig = valueTypeMap && valueTypeMap[valueType];
+  if (customValueTypeConfig) {
+    delete props.ref;
+    return customValueTypeConfig.render?.(dataValue, {
+      text: dataValue,
+      ...props,
+      mode: mode || 'read'
+    }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: dataValue
+    }));
+  }
+  return renderDefaultValueTypeLeaf(dataValue, valueType, props);
 };
-const ProField = exports.ProField = /*#__PURE__*/_react.default.forwardRef(ProFieldComponent);
+
+/** 编辑：context valueTypeMap 的 formItemRender、内置 valueType */
+exports.defaultRenderRead = defaultRenderRead;
+const defaultRenderEdit = (dataValue, valueType, props, valueTypeMap) => {
+  delete props.emptyText;
+  if (typeof valueType === 'object') {
+    return defaultRenderTextByObject(dataValue, valueType, props);
+  }
+  const customValueTypeConfig = valueTypeMap && valueTypeMap[valueType];
+  if (customValueTypeConfig) {
+    delete props.ref;
+    return customValueTypeConfig.formItemRender?.(dataValue, {
+      text: dataValue,
+      ...props
+    }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: dataValue
+    }));
+  }
+  return renderDefaultValueTypeLeaf(dataValue, valueType, props);
+};
+
+/** 按 mode 调度（直接调用 defaultRenderText 时与旧行为一致） */
+exports.defaultRenderEdit = defaultRenderEdit;
+const defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
+  const m = props.mode ?? 'read';
+  return m === 'edit' || m === 'update' ? defaultRenderEdit(dataValue, valueType, props, valueTypeMap) : defaultRenderRead(dataValue, valueType, props, valueTypeMap);
+};
+exports.defaultRenderText = defaultRenderText;
+const ProField = exports.ProField = (0, _ProFieldCore.createProField)({
+  renderRead: defaultRenderRead,
+  renderEdit: defaultRenderEdit
+}, {
+  pickProPropsWithValueTypeMap: true
+});

package/lib/field/ProFieldCore.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { ProRenderFieldPropsType } from '../provider';
+import { type ProFieldTextType, type ProFieldValueTypeInput } from '../utils';
+import './initDayjs';
+import type { ProFieldPropsType, ProFieldRenderProps } from './types';
+export type ProFieldRenderText = (dataValue: ProFieldTextType, valueType: ProFieldValueTypeInput, props: ProFieldRenderProps, valueTypeMap: Record<string, ProRenderFieldPropsType>) => React.ReactNode;
+/** 只读 / 编辑使用各自渲染函数，避免在单函数内反复判断 mode */
+export type ProFieldDualRender = {
+    renderRead: ProFieldRenderText;
+    renderEdit: ProFieldRenderText;
+};
+export declare function isProFieldDualRender(input: ProFieldRenderText | ProFieldDualRender): input is ProFieldDualRender;
+export interface CreateProFieldOptions {
+    /**
+     * 为 true 时，当 valueType 在 context.valueTypeMap 中注册过，
+     * 将对应标志传给 pickProProps，使自定义 valueType 的 props 少被过滤
+     */
+    pickProPropsWithValueTypeMap: boolean;
+}
+/**
+ * @param render 单函数时读写共用（兼容旧用法）；对象时分别指定只读 / 编辑渲染
+ */
+export declare function createProField(render: ProFieldRenderText | ProFieldDualRender, options: CreateProFieldOptions): React.ForwardRefRenderFunction<any, ProFieldPropsType>;

package/lib/field/ProFieldCore.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createProField = createProField;
+exports.isProFieldDualRender = isProFieldDualRender;
+var _react = _interopRequireWildcard(require("react"));
+var _provider = _interopRequireDefault(require("../provider"));
+var _utils = require("../utils");
+require("./initDayjs");
+var _jsxRuntime = require("react/jsx-runtime");
+/** 只读 / 编辑使用各自渲染函数，避免在单函数内反复判断 mode */
+
+function isProFieldDualRender(input) {
+  return typeof input === 'object' && input !== null && 'renderRead' in input && 'renderEdit' in input;
+}
+/**
+ * @param render 单函数时读写共用（兼容旧用法）；对象时分别指定只读 / 编辑渲染
+ */
+function createProField(render, options) {
+  const renderRead = isProFieldDualRender(render) ? render.renderRead : render;
+  const renderEdit = isProFieldDualRender(render) ? render.renderEdit : render;
+  const ProFieldComponent = ({
+    text,
+    valueType = 'text',
+    mode = 'read',
+    onChange,
+    formItemRender,
+    value,
+    readonly,
+    fieldProps: restFieldProps,
+    ...rest
+  }, ref) => {
+    const context = (0, _react.useContext)(_provider.default);
+    const onChangeCallBack = (0, _utils.useRefFunction)((...restParams) => {
+      restFieldProps?.onChange?.(...restParams);
+      onChange?.(...restParams);
+    });
+    const fieldProps = (0, _utils.useDeepCompareMemo)(() => {
+      return (value !== undefined || restFieldProps) && {
+        value,
+        ...(0, _utils.omitUndefined)(restFieldProps),
+        onChange: onChangeCallBack
+      };
+    }, [value, restFieldProps, onChangeCallBack]);
+    const customValueType = options.pickProPropsWithValueTypeMap && Object.keys(context.valueTypeMap || {}).includes(String(valueType));
+    const effectiveMode = readonly ? 'read' : mode;
+    /** 取值顺序仍以原始 mode 为准（readonly + mode=edit 时仍按编辑态取 fieldProps.value） */
+    const dataValue = mode === 'edit' || mode === 'update' ? fieldProps?.value ?? text ?? '' : text ?? fieldProps?.value ?? '';
+    const renderFn = effectiveMode === 'edit' || effectiveMode === 'update' ? renderEdit : renderRead;
+    const renderedDom = renderFn(dataValue, valueType || 'text', (0, _utils.omitUndefined)({
+      ref,
+      ...rest,
+      mode: effectiveMode,
+      formItemRender: formItemRender ? (curText, props, dom) => {
+        const {
+          placeholder: _placeholder,
+          ...restProps
+        } = props;
+        const newDom = formItemRender(curText, restProps, dom);
+        if ( /*#__PURE__*/_react.default.isValidElement(newDom)) {
+          return /*#__PURE__*/_react.default.cloneElement(newDom, {
+            ...fieldProps,
+            ...(newDom.props || {})
+          });
+        }
+        return newDom;
+      } : undefined,
+      placeholder: formItemRender ? undefined : rest?.placeholder ?? fieldProps?.placeholder,
+      fieldProps: (0, _utils.pickProProps)((0, _utils.omitUndefined)({
+        ...fieldProps,
+        placeholder: formItemRender ? undefined : rest?.placeholder ?? fieldProps?.placeholder
+      }), customValueType)
+    }), context.valueTypeMap || {});
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+      children: renderedDom
+    });
+  };
+  return /*#__PURE__*/_react.default.forwardRef(ProFieldComponent);
+}