pro-design-vue 0.0.1-beta.1

package/es/components/form/src/props.mjs

@@ -0,0 +1,233 @@
+import { formProps as formProps$1 } from 'ant-design-vue/es/form';
+
+const commonFieldProps = () => ({
+  value: {
+    type: [String, Array, Number, Object, Boolean]
+  },
+  readonly: {
+    type: Boolean,
+    default: void 0
+  },
+  readonlyProps: {
+    type: Object,
+    default: void 0
+  },
+  valueEnum: {
+    type: [Function, Object],
+    default: void 0
+  },
+  options: {
+    type: [Array, Function],
+    default: void 0
+  },
+  request: {
+    type: Function,
+    default: void 0
+  },
+  params: {
+    type: [Function, Object],
+    default: void 0
+  },
+  dependencies: {
+    type: Array,
+    default: void 0
+  },
+  onChange: {
+    type: Function
+  }
+});
+const baseFormProps = () => ({
+  ...formProps$1(),
+  // name: String,
+  loading: {
+    type: Boolean,
+    default: void 0
+  },
+  showLoading: {
+    type: Boolean,
+    default: true
+  },
+  submitOnLoading: {
+    type: Boolean,
+    default: true
+  },
+  gridSubmitter: {
+    type: Boolean,
+    default: false
+  },
+  omitNil: { type: Boolean, default: true },
+  readonly: Boolean,
+  grid: Boolean,
+  isKeyPressSubmit: Boolean,
+  formKey: String,
+  theme: {
+    type: String,
+    default: "custom"
+  },
+  customUi: {
+    type: Boolean,
+    default: true
+  },
+  initialValues: {
+    type: Object
+  },
+  readonlyProps: {
+    type: Object
+  },
+  colProps: {
+    type: Object
+  },
+  rowProps: {
+    type: Object
+  },
+  dateFormatter: {
+    type: [String, Function, Boolean],
+    default: "string"
+  },
+  params: {
+    type: Object
+  },
+  items: {
+    type: Array
+  },
+  request: {
+    type: Function
+  },
+  requestAbort: {
+    type: Boolean
+  },
+  submitter: {
+    type: [Object, Boolean],
+    default: void 0
+  },
+  onReset: {
+    type: Function
+  },
+  onFinish: {
+    type: Function
+  },
+  onFinishFailed: {
+    type: Function
+  },
+  onLoadingChange: {
+    type: Function
+  },
+  onValuesChange: {
+    type: Function
+  },
+  onInit: {
+    type: Function,
+    default: void 0
+  }
+});
+const drawerOrModalFormProps = () => ({
+  ...baseFormProps(),
+  submitTimeout: {
+    type: Number,
+    default: void 0
+  },
+  title: {
+    type: String,
+    default: void 0
+  },
+  width: {
+    type: [String, Number],
+    default: 800
+  },
+  open: {
+    type: Boolean,
+    default: void 0
+  },
+  closeOnFinish: {
+    type: Boolean,
+    default: true
+  },
+  confirmOnValuesChange: {
+    type: Boolean,
+    default: true
+  },
+  onOpenChange: {
+    type: Function,
+    default: void 0
+  }
+});
+const queryFilterProps = () => ({
+  ...baseFormProps(),
+  preserve: {
+    type: Boolean,
+    default: true
+  },
+  defaultCollapsed: {
+    type: Boolean,
+    default: true
+  },
+  collapsed: {
+    type: Boolean,
+    default: void 0
+  },
+  defaultColsNumber: Number,
+  defaultFormItemsNumber: Number,
+  labelWidth: {
+    type: [String, Number],
+    default: "80"
+  },
+  searchText: String,
+  resetText: String,
+  searchGutter: {
+    type: Number,
+    default: 24
+  },
+  span: {
+    type: [Number, Object]
+  },
+  // span: definePropType<SpanConfig>([Number, String]),
+  showHiddenNum: Boolean,
+  ignoreRules: Boolean,
+  resetOnSubmit: Boolean,
+  onCollapse: {
+    type: Function,
+    default: void 0
+  },
+  onResize: {
+    type: Function,
+    default: void 0
+  }
+});
+const stepsFormProps = () => ({
+  ...baseFormProps(),
+  current: {
+    type: Number,
+    default: void 0
+  },
+  steps: {
+    type: Array,
+    default: () => []
+  },
+  items: {
+    type: Array,
+    default: () => []
+  },
+  stepsProps: {
+    type: Object
+  },
+  containerStyle: {
+    type: Object
+  },
+  onCurrentChange: {
+    type: Function,
+    default: void 0
+  }
+});
+const formProps = () => ({
+  ...baseFormProps(),
+  ...drawerOrModalFormProps(),
+  ...queryFilterProps(),
+  ...stepsFormProps(),
+  items: {
+    type: Array,
+    default: () => []
+  }
+});
+
+export { baseFormProps, commonFieldProps, drawerOrModalFormProps, formProps, queryFilterProps, stepsFormProps };
+//# sourceMappingURL=props.mjs.map

package/es/components/form/src/props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.mjs","sources":["../../../../../../packages/components/form/src/props.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-07-30 08:16:14\n * @LastEditors: shen\n * @LastEditTime: 2025-09-01 10:29:43\n * @Description:\n */\nimport { formProps as antFormProps } from 'ant-design-vue/es/form'\nimport type { CSSProperties, ExtractPropTypes, PropType } from 'vue'\nimport type {\n  ProFormPropsType,\n  ProFormItemType,\n  Entity,\n  SpanConfig,\n  ProFormActionType,\n} from './type'\nimport type { StepsProps, StepProps } from 'ant-design-vue'\n\nexport const commonFieldProps = () => ({\n  value: {\n    type: [String, Array, Number, Object, Boolean] as PropType<any>,\n  },\n  readonly: {\n    type: Boolean,\n    default: undefined,\n  },\n  readonlyProps: {\n    type: Object as PropType<ProFormItemType['readonlyProps']>,\n    default: undefined,\n  },\n  valueEnum: {\n    type: [Function, Object] as PropType<ProFormItemType['valueEnum']>,\n    default: undefined,\n  },\n  options: {\n    type: [Array, Function] as PropType<ProFormItemType['options']>,\n    default: undefined,\n  },\n  request: {\n    type: Function as PropType<ProFormItemType['request']>,\n    default: undefined,\n  },\n  params: {\n    type: [Function, Object] as PropType<ProFormItemType['params']>,\n    default: undefined,\n  },\n  dependencies: {\n    type: Array as PropType<ProFormItemType['dependencies']>,\n    default: undefined,\n  },\n  onChange: {\n    type: Function as PropType<ProFormItemType['onChange']>,\n  },\n})\n\nexport const baseFormProps = () => ({\n  ...antFormProps(),\n  // name: String,\n  loading: {\n    type: Boolean,\n    default: undefined,\n  },\n  showLoading: {\n    type: Boolean,\n    default: true,\n  },\n  submitOnLoading: {\n    type: Boolean,\n    default: true,\n  },\n  gridSubmitter: {\n    type: Boolean,\n    default: false,\n  },\n  omitNil: { type: Boolean, default: true },\n  readonly: Boolean,\n  grid: Boolean,\n  isKeyPressSubmit: Boolean,\n  formKey: String,\n  theme: {\n    type: String as PropType<ProFormPropsType['theme']>,\n    default: 'custom',\n  },\n  customUi: {\n    type: Boolean,\n    default: true,\n  },\n  initialValues: {\n    type: Object as PropType<ProFormPropsType['initialValues']>,\n  },\n  readonlyProps: {\n    type: Object as PropType<ProFormPropsType['readonlyProps']>,\n  },\n  colProps: {\n    type: Object as PropType<ProFormPropsType['colProps']>,\n  },\n  rowProps: {\n    type: Object as PropType<ProFormPropsType['rowProps']>,\n  },\n  dateFormatter: {\n    type: [String, Function, Boolean] as PropType<ProFormPropsType['dateFormatter']>,\n    default: 'string',\n  },\n  params: {\n    type: Object as PropType<ProFormPropsType['params']>,\n  },\n  items: {\n    type: Array as PropType<ProFormItemType<Entity, any>[]>,\n  },\n  request: {\n    type: Function as PropType<ProFormPropsType['request']>,\n  },\n  requestAbort: {\n    type: Boolean,\n  },\n  submitter: {\n    type: [Object, Boolean] as PropType<ProFormPropsType['submitter']>,\n    default: undefined,\n  },\n  onReset: {\n    type: Function as PropType<ProFormPropsType['onReset']>,\n  },\n  onFinish: {\n    type: Function as PropType<ProFormPropsType['onFinish']>,\n  },\n  onFinishFailed: {\n    type: Function as PropType<ProFormPropsType['onFinishFailed']>,\n  },\n  onLoadingChange: {\n    type: Function as PropType<ProFormPropsType['onLoadingChange']>,\n  },\n  onValuesChange: {\n    type: Function as PropType<ProFormPropsType['onValuesChange']>,\n  },\n  onInit: {\n    type: Function as PropType<(values: any, formAction: ProFormActionType) => void>,\n    default: undefined,\n  },\n})\n\nexport const drawerOrModalFormProps = () => ({\n  ...baseFormProps(),\n  submitTimeout: {\n    type: Number,\n    default: undefined,\n  },\n  title: {\n    type: String,\n    default: undefined,\n  },\n  width: {\n    type: [String, Number] as PropType<string | number>,\n    default: 800,\n  },\n  open: {\n    type: Boolean,\n    default: undefined,\n  },\n  closeOnFinish: {\n    type: Boolean,\n    default: true,\n  },\n  confirmOnValuesChange: {\n    type: Boolean,\n    default: true,\n  },\n  onOpenChange: {\n    type: Function as PropType<(open: boolean) => void>,\n    default: undefined,\n  },\n})\n\nexport const queryFilterProps = () => ({\n  ...baseFormProps(),\n  preserve: {\n    type: Boolean,\n    default: true,\n  },\n  defaultCollapsed: {\n    type: Boolean,\n    default: true,\n  },\n  collapsed: {\n    type: Boolean as PropType<boolean | undefined>,\n    default: undefined,\n  },\n  defaultColsNumber: Number,\n  defaultFormItemsNumber: Number,\n  labelWidth: {\n    type: [String, Number] as PropType<number | 'auto'>,\n    default: '80',\n  },\n  searchText: String,\n  resetText: String,\n  searchGutter: {\n    type: Number,\n    default: 24,\n  },\n  span: {\n    type: [Number, Object] as PropType<SpanConfig>,\n  },\n  // span: definePropType<SpanConfig>([Number, String]),\n  showHiddenNum: Boolean,\n  ignoreRules: Boolean,\n  resetOnSubmit: Boolean,\n  onCollapse: {\n    type: Function as PropType<(val: boolean) => void>,\n    default: undefined,\n  },\n  onResize: {\n    type: Function as PropType<(width: number, height: number) => void>,\n    default: undefined,\n  },\n})\nexport const stepsFormProps = () => ({\n  ...baseFormProps(),\n  current: {\n    type: Number,\n    default: undefined,\n  },\n  steps: {\n    type: Array as PropType<(StepProps & { formProps?: BaseFormProps })[]>,\n    default: () => [],\n  },\n  items: {\n    type: Array as PropType<ProFormItemType<Entity, any>[][]>,\n    default: () => [],\n  },\n  stepsProps: {\n    type: Object as PropType<StepsProps>,\n  },\n  containerStyle: {\n    type: Object as PropType<CSSProperties>,\n  },\n  onCurrentChange: {\n    type: Function as PropType<(current: number) => void>,\n    default: undefined,\n  },\n})\n\nexport const formProps = () => ({\n  ...baseFormProps(),\n  ...drawerOrModalFormProps(),\n  ...queryFilterProps(),\n  ...stepsFormProps(),\n  items: {\n    type: Array as PropType<Array<ProFormItemType<Entity, any>[]> | ProFormItemType<Entity, any>[]>,\n    default: () => [],\n  },\n})\n\nexport type BaseFormProps = Partial<ExtractPropTypes<ReturnType<typeof baseFormProps>>>\n\nexport type ProFormProps = Partial<ExtractPropTypes<ReturnType<typeof formProps>>>\nexport type ProQueryFilterProps = Partial<ExtractPropTypes<ReturnType<typeof queryFilterProps>>>\nexport type ProStepsFormProps = Partial<ExtractPropTypes<ReturnType<typeof stepsFormProps>>>\nexport type ProDrawerOrModalFormProps = Partial<\n  ExtractPropTypes<ReturnType<typeof drawerOrModalFormProps>>\n>\n"],"names":["antFormProps"],"mappings":"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"}

package/es/components/form/src/registerField.d.ts

@@ -0,0 +1 @@
+export declare const registerField: (customFieldType: string, fieldComponent: any) => void;

package/es/components/form/src/registerField.mjs

@@ -0,0 +1,17 @@
+import { fieldComponentMap } from './fieldMap.mjs';
+import { isString } from '../../../utils/validate.mjs';
+import { kebabCase } from 'lodash-unified';
+
+const registerField = (customFieldType, fieldComponent) => {
+  if (!isString(customFieldType)) {
+    return;
+  }
+  const fieldType = kebabCase(customFieldType);
+  const isExist = fieldComponentMap[fieldType];
+  if (!isExist) {
+    fieldComponentMap[fieldType] = fieldComponent;
+  }
+};
+
+export { registerField };
+//# sourceMappingURL=registerField.mjs.map

package/es/components/form/src/registerField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerField.mjs","sources":["../../../../../../packages/components/form/src/registerField.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-08-17 11:15:59\n * @LastEditors: shen\n * @LastEditTime: 2025-07-26 11:42:22\n * @Description:\n */\nimport { isString, kebabCase } from '@pro-design-vue/utils'\nimport { fieldComponentMap } from './fieldMap'\n\nexport const registerField = (customFieldType: string, fieldComponent: any) => {\n  if (!isString(customFieldType)) {\n    return\n  }\n  const fieldType = kebabCase(customFieldType)\n  const isExist = fieldComponentMap[fieldType]\n  if (!isExist) {\n    fieldComponentMap[fieldType] = fieldComponent\n  }\n}\n"],"names":[],"mappings":";;;;AAUO,MAAM,aAAA,GAAgB,CAAC,eAAA,EAAyB,cAAA,KAAwB;AAC7E,EAAA,IAAI,CAAC,QAAA,CAAS,eAAe,CAAA,EAAG;AAC9B,IAAA;AAAA,EACF;AACA,EAAA,MAAM,SAAA,GAAY,UAAU,eAAe,CAAA;AAC3C,EAAA,MAAM,OAAA,GAAU,kBAAkB,SAAS,CAAA;AAC3C,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,iBAAA,CAAkB,SAAS,CAAA,GAAI,cAAA;AAAA,EACjC;AACF;;;;"}

package/es/components/form/src/type.d.ts

@@ -0,0 +1,398 @@
+import dayjs from 'dayjs';
+import { ProFieldType } from './fieldType';
+import type { ButtonProps, ColProps, FormItemProps, FormProps, RowProps, SpaceProps } from 'ant-design-vue';
+import type { VNode } from 'vue';
+export type Theme = 'default' | 'custom';
+export type Entity = Record<string, any>;
+export type NamePath = string | string[];
+export type Key = string | number;
+export type ProVNode = string | number | boolean | VNode | null | undefined;
+export interface Option {
+    value: Key;
+    label?: any;
+    text?: any;
+    key?: Key;
+    disabled?: boolean;
+    children?: Option[];
+    isLeaf?: boolean;
+}
+export type SpanConfig = number | {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+};
+export type ProRequestData<T = Entity, U = Record<string, any>> = (params: U, index?: number) => Promise<T>;
+export type SearchTransformKeyFn = (value: any, namePath: NamePath, allValues: any) => string | Record<string, any>;
+export type SearchConvertKeyFn = (value: any, namePath: NamePath) => string | boolean | Record<string, any>;
+export type ProFormPropsType<T = Entity, U = Record<string, any>, FieldType = 'text'> = Omit<FormProps, 'onFinish'> & CommonFormProps<T, U, FieldType>;
+export interface ProFormGridConfig {
+    /**
+     * open grid layout
+     * @default false
+     */
+    grid?: boolean;
+    /**
+     * only works when grid is enabled
+     *
+     * When passing the `span` attribute, the default value is empty
+     * @default
+     * { xs: 24 }
+     */
+    colProps?: ColProps & {
+        class?: string;
+        style?: StyleSheet;
+    };
+    /**
+     * only works when grid is enabled
+     * @default
+     * { gutter: 8 }
+     */
+    rowProps?: RowProps & {
+        class?: string;
+        style?: StyleSheet;
+    };
+}
+/** @name 用于配置操作栏 */
+export type SearchConfig = {
+    /** @name 重置按钮的文本 */
+    resetText?: ProVNode;
+    /** @name 提交按钮的文本 */
+    submitText?: ProVNode;
+};
+export type SubmitterProps<T = Record<string, any>> = {
+    /** @name 提交方法 */
+    onSubmit?: (value?: T) => void;
+    /** @name 重置方法 */
+    onReset?: (value?: T) => void;
+    /** @name 搜索的配置，一般用来配置文本 */
+    searchConfig?: SearchConfig;
+    /** @name 提交按钮的 props */
+    submitButtonProps?: false | (ButtonProps & {
+        preventDefault?: boolean;
+    });
+    /** @name 重置按钮的 props */
+    resetButtonProps?: false | (ButtonProps & {
+        preventDefault?: boolean;
+    });
+    /** @name 操作按钮n渲染位置 */
+    teleport?: string | HTMLElement;
+    /** @name 反转提交及重置按钮 */
+    reverse?: boolean;
+    /** @name grid布局下 */
+    colProps?: ColProps;
+    /** @name 自定义操作的渲染 */
+    render?: ((paramer: {
+        props: SubmitterProps & {
+            submit: () => void;
+            reset: () => void;
+        };
+        action: ProFormActionType;
+        defaultDoms: VNode | VNode[];
+    }) => VNode | false) | false;
+};
+export type ReadonlyProps = {
+    theme?: Theme;
+    customUi?: boolean;
+    tooltip?: boolean | string;
+    copy?: boolean;
+    emptyText?: string;
+    ellipsis?: boolean;
+    autoLine?: boolean;
+};
+export type CommonFormProps<T = Entity, U = Record<string, any>, FieldType = 'text'> = {
+    /**
+     * @name 表单结束后调用
+     * @description 支持异步操作，更加方便
+     */
+    onFinish?: (formData: T) => Promise<boolean | void> | boolean | void;
+    /**
+     * @name 提交表单且数据验证失败后回调事件
+     */
+    onFinishFailed?: (errorInfo: any) => void;
+    /**
+     * @name 表单数据重置回调事件
+     */
+    onReset?: (formData?: T) => void;
+    /**
+     * @name 表单按钮的 loading 状态
+     */
+    loading?: boolean;
+    /**
+     * @name 这是一个可选的属性(onLoadingChange)，它接受一个名为loading的参数，类型为boolean，表示加载状态是否改变。
+     * 当loading状态发生变化时，将会调用一个函数，这个函数接受这个loading状态作为参数，并且没有返回值(void)。
+     */
+    onLoadingChange?: (loading: boolean) => void;
+    /**
+     * @name 表单数据变化回调事件
+     */
+    onValuesChange?: (values: T) => void;
+    /**
+     * 如果为 false,会原样保存。
+     *
+     * @default true
+     * @param 要不要值中的 Null 和 undefined
+     */
+    omitNil?: boolean;
+    /**
+     * 格式化 Date 的方式，默认转化为 string
+     *
+     * @example  dateFormatter="string" : Moment -> YYYY-MM-DD
+     * @example  dateFormatter="YYYY-MM-DD  HH:mm:SS" Moment -> YYYY-MM-DD  HH:mm:SS
+     * @example  dateFormatter="HH:mm:SS" Moment -> HH:mm:SS
+     * @example  dateFormatter="number" Moment -> timestamp
+     * @example  dateFormatter=false Moment -> Moment
+     * @example  dateFormatter={(value)=>value.format("YYYY-MM-DD")}
+     */
+    dateFormatter?: 'string' | 'number' | ((value: dayjs.Dayjs, fieldType: `${ProFieldType}`) => string | number) | false;
+    initialValues?: T;
+    /**
+     * @name 发起网络请求的参数
+     *
+     * @example  params={{productId: 1}}
+     * */
+    params?: U;
+    /**
+     * @name 发起网络请求的参数,返回值会覆盖给 initialValues
+     *
+     * @example async (params)=>{ return initialValues }
+     */
+    request?: ProRequestData<T, U>;
+    /**
+     * @name 终止网络请求
+     * */
+    requestAbort?: boolean;
+    /** 是否回车提交 */
+    isKeyPressSubmit?: boolean;
+    /** 用于控制form 是否相同的key，高阶用法 */
+    formKey?: string;
+    /**
+     * @name自动选中第一项
+     * @description 只对有input的类型有效
+     */
+    autoFocusFirstInput?: boolean;
+    /**
+     *  @name 是否只读模式，对所有表单项生效
+     *  @description 优先低于表单项的 readonly
+     */
+    readonly?: boolean;
+    readonlyProps?: ReadonlyProps;
+    submitter?: SubmitterProps | false;
+    items: ProFormItemType<T, FieldType>[];
+    theme: Theme;
+    customUi?: boolean;
+} & ProFormGridConfig;
+export type ProFormActionType<T = Entity> = {
+    /** @name 获取对应字段名的值 */
+    getFieldValue: (name: NamePath) => any;
+    /** @name 获取一组字段名对应的值，会按照对应结构返回。默认返回现存字段值，当调用getFieldsValue(true)时返回所有值 */
+    getFieldsValue: (nameList?: true | NamePath[]) => Partial<T>;
+    /** @name 获取被SForm格式化后的单个数据 */
+    getFieldFormatValue: (name: NamePath) => T;
+    /** @name 获取被SForm格式化后的单个数据,包含他的name */
+    getFieldFormatValueObject: (name: NamePath) => T;
+    /** @name 验字段后返回格式化之后的所有数据 */
+    validateFieldsReturnFormatValue: (nameList?: NamePath[]) => Promise<any>;
+    /** @name 设置表单的值,如果你不希望传入对象被修改，请克隆后传入 */
+    setFieldValue: (name: NamePath, value: any) => void;
+    /** @name 设置表单的值 */
+    setFieldsValue: (values: T, isMerge?: boolean) => void;
+    /** @name 重置一组字段到initialValues */
+    resetInitialValues: (values: Entity) => void;
+    /** @name 重置一组字段到initialValues */
+    resetField: (name: NamePath) => void;
+    /** @name 移除表单项的校验结果。传入待移除的表单项的name属性或者name组成的数组，如不传则移除整个表单的校验结果 */
+    clearValidate: (name?: NamePath) => void;
+    /** @name 触发表单验证 */
+    validateFields: (nameList?: NamePath[]) => Promise<T>;
+    /** @name 重置所有字段到initialValues */
+    reset: () => void;
+    /** @name 提交表单，与点击submit按钮效果相同 */
+    submit: () => void;
+};
+export type ExtraSItemType = {
+    className?: string;
+    customUi?: boolean;
+    /**
+     * @type auto 使用组件默认的宽度
+     * @type xs=104px 适用于短数字、短文本或选项。
+     * @type sm=216px 适用于较短字段录入、如姓名、电话、ID 等。
+     * @type md=328px 标准宽度，适用于大部分字段长度。
+     * @type lg=440px 适用于较长字段录入，如长网址、标签组、文件路径等。
+     * @type xl=552px 适用于长文本录入，如长链接、描述、备注等，通常搭配自适应多行输入框或定高文本域使用。
+     */
+    width?: string | number;
+    ignoreWidth?: boolean;
+    name?: NamePath;
+    originName?: NamePath;
+    defaultKeyWords?: string;
+    linkage?: {
+        disabled?: Key[] | ((value: any, formData: any) => Key[]);
+        hidden?: Key[] | ((value: any, formData: any) => Key[]);
+        clear?: NamePath[] | ((value: any, formData: any) => NamePath[]);
+        request?: Key[] | ((value: any) => Key[]);
+    };
+} & Pick<ProFormGridConfig, 'rowProps' | 'colProps'>;
+export type ProFormItemType<T = Entity, FieldType = 'text'> = {
+    key?: Key;
+    originKey?: Key;
+    /** @name 展示一个 icon，hover 是展示一些提示信息 */
+    tooltip?: string;
+    hidden?: boolean;
+    /**
+     * 只有在栅格模式下，控制分组是否栅格
+     *
+     * @name 分组是否栅格
+     */
+    grid?: boolean;
+    /**
+     * 支持 ReactNode 和 方法
+     *
+     * @name 标题
+     */
+    title?: ProVNode | ((formData: T) => ProVNode);
+    /**
+     * 支持 ReactNode 和 方法
+     *
+     * @name 标题扩展，
+     */
+    extra?: {
+        label?: ProVNode | ((formData: T) => ProVNode);
+        item?: ProVNode | ((formData: T) => ProVNode);
+    };
+    /**
+     * 支持 object 和Map，Map 是支持其他基础类型作为 key
+     *
+     * @name 映射值的类型
+     */
+    valueEnum?: ((formData: T) => ProValueEnumObj | ProValueEnumMap) | ProValueEnumObj | ProValueEnumMap;
+    options?: (string | number | RequestOptionsType)[] | ((formData: T, rowData?: Entity) => (string | number | RequestOptionsType)[]);
+    /**
+     * @name 自定义的 formItemProps
+     */
+    formItemProps?: Record<string, any> | ((formData: T, config: ProFormItemType<T, FieldType>) => Record<string, any>);
+    colSize?: number;
+    /** 是否只读模式 */
+    readonly?: ((formData: T, rowData?: Entity) => boolean) | boolean;
+    readonlyProps?: ReadonlyProps;
+    /** 搜索表单的默认值 */
+    initialValue?: any;
+    allowClear?: boolean;
+    disabled?: ((formData: T, rowData?: Entity) => boolean) | boolean;
+    rules?: ((formData: T, action: ProFormActionType) => FormItemProps['rules']) | FormItemProps['rules'];
+    /**
+     * @name 获取时转化值，一般用于将数据格式化为组件接收的格式
+     * @param value 字段的值
+     * @param namePath 字段的name
+     * @returns 字段新的值
+     *
+     *
+     * @example a,b => [a,b]     convertValue: (value,namePath)=> value.split(",")
+     * @example string => json   convertValue: (value,namePath)=> JSON.parse(value)
+     * @example number => date   convertValue: (value,namePath)=> Dayjs(value)
+     * @example YYYY-MM-DD => date   convertValue: (value,namePath)=> Dayjs(value,"YYYY-MM-DD")
+     * @example  string => object   convertValue: (value,namePath)=> { return {value,label:value} }
+     */
+    convertValue?: SearchConvertKeyFn;
+    /**
+     * @name 提交时转化值，一般用于将值转化为提交的数据
+     * @param value 字段的值
+     * @param namePath 字段的name
+     * @param allValues 所有的字段
+     * @returns 字段新的值，如果返回对象，会和所有值 merge 一次
+     *
+     * @example {name:[a,b] => {name:a,b }    transform: (value,namePath,allValues)=> value.join(",")
+     * @example {name: string => { newName:string }    transform: (value,namePath,allValues)=> { newName:value }
+     * @example {name:dayjs} => {name:string transform: (value,namePath,allValues)=> value.format("YYYY-MM-DD")
+     * @example {name:dayjs}=> {name:时间戳} transform: (value,namePath,allValues)=> value.valueOf()
+     * @example {name:{value,label}} => { name:string} transform: (value,namePath,allValues)=> value.value
+     * @example {name:{value,label}} => { valueName,labelName  } transform: (value,namePath,allValues)=> { valueName:value.value, labelName:value.name }
+     */
+    transform?: SearchTransformKeyFn;
+    /** Form 的排序 */
+    order?: number;
+    placeholder?: string | string[];
+    fieldType?: FieldType | `${ProFieldType}`;
+    fieldProps?: ((formData: T) => Record<string, any>) | Record<string, any>;
+    spaceProps?: SpaceProps;
+    /** @name 从服务器请求枚举 */
+    request?: FieldRequestData;
+    /** @name 从服务器请求的参数，改变了会触发 reload */
+    params?: ((record: T) => Record<string, any>) | Record<string, any>;
+    /** @name 依赖字段的name，暂时只在拥有 request 的项目中生效，会自动注入到 params 中 */
+    dependencies?: NamePath[];
+    renderFormItem?: string | ((config: {
+        value: any;
+        onChange: <T = any>(value: T, ...args: any[]) => void;
+        defaultDom: VNode;
+        formData: T;
+        action: ProFormActionType;
+    }) => VNode | string);
+    render?: ProVNode | ((formData: T) => ProVNode);
+    onChange?: (...args: any[]) => void;
+    onInit?: (ref: any) => void;
+    /** 嵌套子项 */
+    children?: ProFormItemType<T, FieldType | `${ProFieldType}`>[] | ((formData: T) => ProFormItemType<T, FieldType | `${ProFieldType}`>[]);
+} & ExtraSItemType;
+export type SFormListProps = {
+    min?: number;
+};
+/**
+ * 支持 Map 和 Record<string,any>
+ *
+ * @name ValueEnum 的类型
+ */
+export type ProValueEnumMap = Map<string | number | boolean, ProValueEnumType | ProVNode>;
+export type ProValueEnumObj = Record<string, ProValueEnumType | ProVNode>;
+export type ProFieldValueEnumType = ProValueEnumMap | ProValueEnumObj;
+/**
+ * 用于配置 ValueEnum 的通用配置
+ */
+export type ProValueEnumType = {
+    /** @name 演示的文案 */
+    text: ProVNode;
+    /** @name 预定的颜色 */
+    status?: string;
+    /** @name 自定义的颜色 */
+    color?: string;
+    /** @name 是否禁用 */
+    disabled?: boolean;
+};
+export type FocusEventHandler = (e: FocusEvent) => void;
+export type MouseEventHandler = (e: MouseEvent) => void;
+export type KeyboardEventHandler = (e: KeyboardEvent) => void;
+export type CompositionEventHandler = (e: CompositionEvent) => void;
+export type ClipboardEventHandler = (e: ClipboardEvent) => void;
+export type ChangeEventHandler = (e: ChangeEvent) => void;
+export type WheelEventHandler = (e: WheelEvent) => void;
+export type ChangeEvent = Event & {
+    target: {
+        value?: string;
+    };
+};
+export type CheckboxChangeEvent = Event & {
+    target: {
+        checked?: boolean;
+    };
+};
+export type EventHandler = (...args: any[]) => void;
+export type RequestOptionsType = {
+    label?: string;
+    value?: string | number | boolean;
+    optionType?: 'optGroup' | 'option';
+    options?: Omit<RequestOptionsType, 'children' | 'optionType'>[];
+    text?: string;
+    title?: string;
+    key?: Key;
+    disabled?: boolean;
+    children?: RequestOptionsType[];
+    isLeaf?: boolean;
+    [key: string]: any;
+};
+export type FieldRequestData<U = any> = (params: U, index?: number) => Promise<(string | number | RequestOptionsType)[] | {
+    success: true;
+    total: number;
+    data: (string | number | RequestOptionsType)[];
+}>;

package/es/components/form/src/type.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=type.mjs.map

package/es/components/form/src/type.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/form/src/utils/fieldDateFormatterMap.d.ts

@@ -0,0 +1,2 @@
+export declare const fieldDateFormatterMap: Record<string, string>;
+export default fieldDateFormatterMap;