@flatbiz/antd 4.5.21 → 4.5.23

package/esm/time-range-picker-wrapper-form-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/time-range-picker-wrapper-form-item/time-range-picker-wrapper-form-item.tsx"],"sourcesContent":["import { isArray } from '@dimjs/lang';\nimport { TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Form, FormItemProps, Input } from 'antd';\nimport { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { TimeRangePickerWrapper, TimeRangePickerWrapperProps } from '../time-range-picker-wrapper';\nimport { FormItemNamePath } from '../types';\n\nexport type TimeRangePickerWrapperFormItemProps = Omit<FormItemProps, 'name'> & {\n  /**\n   * 开始的时间name\n   */\n  startName: FormItemNamePath;\n  /**\n   * 结束的时间name\n   */\n  endName: FormItemNamePath;\n  /**\n   * 如果 TimeRangePickerWrapperFormItem 在Form.List场景下 必传\n   */\n  formListName?: FormItemNamePath;\n  timeRangePickerWrapperProps?: Omit<TimeRangePickerWrapperProps, 'onChange'>;\n};\n/**\n * 包含了Form.Item组件的时间区间选择组件\n * ```\n * 1. 时间区间组件可以定义成两个字段操作，不用再通过数组处理\n * 2. 会在form中产生一个 `__#invalid_time_xxxx_xxxx` 的无效字段，可以直接忽略\n * ```\n */\nexport const TimeRangePickerWrapperFormItem = (props: TimeRangePickerWrapperFormItemProps) => {\n  const { startName, endName, formListName, timeRangePickerWrapperProps, ...otherProps } = props;\n  const form = Form.useFormInstance();\n  const bodyName = useMemo(() => {\n    if (isArray(startName) && isArray(endName)) {\n      return startName\n        .slice(0, startName.length - 1)\n        .concat(`__#invalid_time_${startName[startName.length - 1]}_${endName[endName.length - 1]}`);\n    }\n    return `__#invalid_time_${startName}_${endName}`;\n  }, [startName, endName]);\n\n  const startNameMerge = useMemo(() => {\n    return formListName ? ([] as (string | number)[]).concat(formListName, startName) : startName;\n  }, [startName, formListName]);\n\n  const endNameMerge = useMemo(() => {\n    return formListName ? ([] as (string | number)[]).concat(formListName, endName) : endName;\n  }, [endName, formListName]);\n\n  const startVal = Form.useWatch(startNameMerge, form);\n  const endVal = Form.useWatch(endNameMerge, form);\n  // const bodyVal = Form.useWatch(bodyName, form);\n\n  const preValue1 = fbaHooks.usePrevious(startVal);\n  const preValue2 = fbaHooks.usePrevious(endVal);\n\n  fbaHooks.useEffectCustom(() => {\n    const name = formListName ? ([] as (string | number)[]).concat(formListName, bodyName) : bodyName;\n    if (startVal && endVal) {\n      form.setFields([{ name, value: [startVal, endVal] }]);\n    }\n    if (preValue1 && preValue2 && !startVal && !endVal) {\n      form.setFields([{ name, value: undefined }]);\n    }\n  }, [startVal, endVal]);\n\n  const reftest = useRef<InputContentRef>(null);\n  const reftest2 = useRef<InputContentRef>(null);\n\n  const onChange = hooks.useCallbackRef((data) => {\n    form.setFields([\n      { name: startNameMerge, value: data?.[0] },\n      { name: endNameMerge, value: data?.[1] },\n    ]);\n    // 为了解决 外部Form onValuesChange获取到操作值\n    reftest.current?.onChange?.(data?.[0]);\n    reftest2.current?.onChange?.(data?.[1]);\n  });\n\n  return (\n    <>\n      <Form.Item name={startName} hidden>\n        <InputContent ref={reftest} />\n      </Form.Item>\n      <Form.Item name={endName} hidden>\n        <InputContent ref={reftest2} />\n      </Form.Item>\n      <Form.Item {...otherProps} name={bodyName}>\n        <TimeRangePickerWrapper {...timeRangePickerWrapperProps} onChange={onChange} />\n      </Form.Item>\n    </>\n  );\n};\n\ntype InputContentProps = {\n  onChange?: (data: TAny) => void;\n  value?: string;\n};\n\ntype InputContentRef = {\n  onChange?: (data: TAny) => void;\n};\n\nconst InputContent = forwardRef<InputContentRef, InputContentProps>((props, ref) => {\n  useImperativeHandle(ref, () => {\n    return {\n      onChange: (startVal) => {\n        props.onChange?.(startVal);\n      },\n    };\n  });\n\n  return <Input value={props.value} />;\n});\n"],"names":["TimeRangePickerWrapperFormItem","props","startName","endName","formListName","timeRangePickerWrapperProps","otherProps","_objectWithoutPropertiesLoose","_excluded","form","Form","useFormInstance","bodyName","useMemo","_isArray","slice","length","concat","startNameMerge","endNameMerge","startVal","useWatch","endVal","preValue1","fbaHooks","usePrevious","preValue2","useEffectCustom","name","setFields","value","undefined","reftest","useRef","reftest2","onChange","_hooks","useCallbackRef","data","_reftest$current","_reftest2$current","current","_jsxs","_Fragment","children","_jsx","Item","hidden","InputContent","ref","_extends","TimeRangePickerWrapper","forwardRef","useImperativeHandle","Input"],"mappings":";6pBA+BaA,EAAiC,SAAjCA,EAAkCC,GAC7C,IAAQC,EAAiFD,EAAjFC,UAAWC,EAAsEF,EAAtEE,QAASC,EAA6DH,EAA7DG,aAAcC,EAA+CJ,EAA/CI,4BAAgCC,EAAUC,EAAKN,EAAKO,GAC9F,IAAMC,EAAOC,EAAKC,kBAClB,IAAMC,EAAWC,GAAQ,WACvB,GAAIC,EAAQZ,IAAcY,EAAQX,GAAU,CAC1C,OAAOD,EACJa,MAAM,EAAGb,EAAUc,OAAS,GAC5BC,OAA0Bf,mBAAAA,EAAUA,EAAUc,OAAS,GAAMb,IAAAA,EAAQA,EAAQa,OAAS,GAC3F,CACA,MAA0Bd,mBAAAA,MAAaC,CACzC,GAAG,CAACD,EAAWC,IAEf,IAAMe,EAAiBL,GAAQ,WAC7B,OAAOT,EAAgB,GAA2Ba,OAAOb,EAAcF,GAAaA,CACtF,GAAG,CAACA,EAAWE,IAEf,IAAMe,EAAeN,GAAQ,WAC3B,OAAOT,EAAgB,GAA2Ba,OAAOb,EAAcD,GAAWA,CACpF,GAAG,CAACA,EAASC,IAEb,IAAMgB,EAAWV,EAAKW,SAASH,EAAgBT,GAC/C,IAAMa,EAASZ,EAAKW,SAASF,EAAcV,GAG3C,IAAMc,EAAYC,EAASC,YAAYL,GACvC,IAAMM,EAAYF,EAASC,YAAYH,GAEvCE,EAASG,iBAAgB,WACvB,IAAMC,EAAOxB,EAAgB,GAA2Ba,OAAOb,EAAcQ,GAAYA,EACzF,GAAIQ,GAAYE,EAAQ,CACtBb,EAAKoB,UAAU,CAAC,CAAED,KAAAA,EAAME,MAAO,CAACV,EAAUE,KAC5C,CACA,GAAIC,GAAaG,IAAcN,IAAaE,EAAQ,CAClDb,EAAKoB,UAAU,CAAC,CAAED,KAAAA,EAAME,MAAOC,YACjC,CACF,GAAG,CAACX,EAAUE,IAEd,IAAMU,EAAUC,EAAwB,MACxC,IAAMC,EAAWD,EAAwB,MAEzC,IAAME,EAAWC,EAAMC,gBAAe,SAACC,GAAS,IAAAC,EAAAC,EAC9C/B,EAAKoB,UAAU,CACb,CAAED,KAAMV,EAAgBY,MAAOQ,GAAAA,UAAAA,EAAAA,EAAO,IACtC,CAAEV,KAAMT,EAAcW,MAAOQ,GAAAA,UAAAA,EAAAA,EAAO,OAGtCC,EAAAP,EAAQS,UAARF,MAAAA,EAAiBJ,UAAQ,UAAA,EAAzBI,EAAiBJ,SAAWG,GAAI,UAAA,EAAJA,EAAO,KACnCE,EAAAN,EAASO,UAATD,MAAAA,EAAkBL,UAAQ,UAAA,EAA1BK,EAAkBL,SAAWG,GAAI,UAAA,EAAJA,EAAO,GACtC,IAEA,OACEI,EAAAC,EAAA,CAAAC,SACEC,CAAAA,EAACnC,EAAKoC,KAAI,CAAClB,KAAM1B,EAAW6C,OAAM,KAAAH,SAChCC,EAACG,EAAY,CAACC,IAAKjB,MAErBa,EAACnC,EAAKoC,KAAI,CAAClB,KAAMzB,EAAS4C,OAAM,KAAAH,SAC9BC,EAACG,EAAY,CAACC,IAAKf,MAErBW,EAACnC,EAAKoC,KAAII,EAAA,CAAA,EAAK5C,EAAU,CAAEsB,KAAMhB,EAASgC,SACxCC,EAACM,EAAsBD,KAAK7C,EAA2B,CAAE8B,SAAUA,UAI3E,EAWA,IAAMa,EAAeI,GAA+C,SAACnD,EAAOgD,GAC1EI,EAAoBJ,GAAK,WACvB,MAAO,CACLd,SAAU,SAAAA,EAACf,GACTnB,EAAMkC,UAANlC,UAAAA,EAAAA,EAAMkC,SAAWf,EACnB,EAEJ,IAEA,OAAOyB,EAACS,EAAK,CAACxB,MAAO7B,EAAM6B,OAC7B"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/time-range-picker-wrapper-form-item/time-range-picker-wrapper-form-item.tsx"],"sourcesContent":["import { isArray } from '@dimjs/lang';\n\nimport { toArray } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Form } from 'antd';\nimport { useEffect, useMemo, useRef } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { fbaUtils } from '../fba-utils';\nimport { FormItemHidden } from '../form-item-hidden';\nimport { FormItemWrapper, FormItemWrapperProps } from '../form-item-wrapper';\nimport {\n  TimeRangePickerWrapper,\n  TimeRangePickerWrapperProps,\n} from '../time-range-picker-wrapper/time-range-picker-wrapper';\nimport { FormItemNamePath } from '../types';\n\nexport type TimeRangePickerWrapperFormItemProps = Omit<FormItemWrapperProps, 'name'> & {\n  /**\n   * 开始的时间name\n   */\n  startName: FormItemNamePath;\n  /**\n   * 结束的时间name\n   */\n  endName: FormItemNamePath;\n  /**\n   * 如果 TimeRangePickerWrapperFormItem 在Form.List场景下 必传\n   * @deprecated 使用 formListCompleteName 配置\n   */\n  formListName?: Array<string | number>;\n  /**\n   * 前端 formItem 前缀FormName，当 TimeRangePickerWrapperFormItem 处在Form.List场景下，必传\n   * ```\n   * 例如 处在formList内部时，则 formListCompleteName = ['xxxxList']\n   * 例如 处在formList套formList内部时，则 formListCompleteName = ['xxxxList', 索引值, 'xxxxList2']\n   * ```\n   */\n  formListCompleteName?: Array<string | number> | string;\n\n  timeRangePickerWrapperProps?: TimeRangePickerWrapperProps;\n};\n/**\n * 包含了Form.Item组件的时间区间选择组件，时间区间组件可以定义成两个字段操作，不用再通过数组处理\n * ```\n * 1. 会在form中产生一个 `__#invalid_time_xxxx_xxxx` 的无效字段，可以直接忽略\n * 2. 设置日期格式 timeRangePickerWrapperProps={{ format: 'HH:mm:ss' }}\n * 使用场景：\n * 1. 基础使用场景\n *    <TimeRangePickerWrapperFormItem startName={'date1'} endName={'date2'} />\n * 2. Form.List 内部使用\n *    <FormListWrapper name=\"dataList\" prevCompleteName={[]}>\n *      {(data) => {\n *        return <TimeRangePickerWrapperFormItem formListCompleteName={data.prevCompleteName} startName={data.getInsideFormItemName('date1')} endName={data.getInsideFormItemName('date2')} />\n *      }}\n *    </FormListWrapper>\n * 3. Form.List 套 Form.List 内部使用\n *    <FormListWrapper name=\"dataList\" prevCompleteName={[]}>\n *      {(data) => {\n *        return <FormListWrapper name={data.getInsideFormItemName('childrenList')} prevCompleteName={data.prevCompleteName}>\n *          {(data2) => {\n *            return <TimeRangePickerWrapperFormItem formListCompleteName={data2.prevCompleteName} startName={data2.getInsideFormItemName('date1')} endName={data2.getInsideFormItemName('date2')} />\n *          }}\n *        </FormListWrapper>\n *      }}\n *    </FormListWrapper>\n * ```\n */\nexport const TimeRangePickerWrapperFormItem = (props: TimeRangePickerWrapperFormItemProps) => {\n  const {\n    startName,\n    endName,\n    formListName,\n    formListCompleteName,\n    timeRangePickerWrapperProps,\n    ...otherProps\n  } = props;\n  const form = Form.useFormInstance();\n\n  const prevName = formListCompleteName || formListName;\n\n  const bodyName = useMemo(() => {\n    if (prevName && isArray(startName) && isArray(endName)) {\n      const [startName0, ...startNameOther] = startName;\n      const [, ...endNameOther] = endName;\n      return [startName0].concat(`__#invalid_time_${startNameOther.join('-')}_${endNameOther.join('-')}`);\n    }\n    return `__#invalid_time_${startName}_${endName}`;\n  }, [prevName, startName, endName]);\n\n  const bodyCompleteName = useMemo(\n    () => (prevName ? [...toArray<string | number>(prevName), ...bodyName] : bodyName),\n    [bodyName, prevName],\n  );\n  const startCompleteName = useMemo(() => {\n    return prevName\n      ? [...toArray<string | number>(prevName), ...toArray<string | number>(startName)]\n      : startName;\n  }, [startName, prevName]);\n\n  const endCompleteName = useMemo(() => {\n    return prevName ? [...toArray<string | number>(prevName), ...toArray<string | number>(endName)] : endName;\n  }, [endName, prevName]);\n\n  const startVal = Form.useWatch(startCompleteName, form);\n  const endVal = Form.useWatch(endCompleteName, form);\n  const bodyValue = Form.useWatch(bodyCompleteName, form);\n\n  const onChange = hooks.useCallbackRef((data) => {\n    const value1 = data?.[0];\n    const value2 = data?.[1];\n    fbaUtils.setFormFieldsAndTriggerValuesChange(form, [\n      { name: startCompleteName, value: value1 },\n      { name: endCompleteName, value: value2 },\n    ]);\n    timeRangePickerWrapperProps?.onChange?.(data);\n  });\n\n  useEffect(() => {\n    if (startVal && endVal) {\n      form.setFields([{ name: bodyCompleteName, value: [startVal, endVal] }]);\n    } else {\n      form.setFields([{ name: bodyCompleteName, value: undefined }]);\n    }\n  }, [startVal, endVal, bodyValue, form, bodyCompleteName]);\n\n  return (\n    <>\n      <FormItemHidden name={startName} />\n      <FormItemHidden name={endName} />\n      <FormItemWrapper {...otherProps} name={bodyName}>\n        {prevName && props.rules?.length ? (\n          <Content {...timeRangePickerWrapperProps} onChange={onChange} />\n        ) : (\n          <TimeRangePickerWrapper {...timeRangePickerWrapperProps} onChange={onChange} />\n        )}\n      </FormItemWrapper>\n    </>\n  );\n};\n\nconst Content = (props) => {\n  const ref = useRef<number>(0);\n  const preValue = fbaHooks.usePrevious(props.value);\n  fbaHooks.useEffectCustom(() => {\n    // 处在Form.List场景下，当第一次外部赋值时，会出现赋值成功，但显示异常效果\n    if (ref.current === 0 && !preValue && props.value?.[0] && props.value?.[1]) {\n      ref.current = 1;\n      props.onChange?.(props.value);\n    }\n  }, [props.value?.[0], props.value?.[1]]);\n\n  return <TimeRangePickerWrapper {...props} />;\n};\n"],"names":["TimeRangePickerWrapperFormItem","props","_props$rules","startName","endName","formListName","formListCompleteName","timeRangePickerWrapperProps","otherProps","_objectWithoutPropertiesLoose","_excluded","form","Form","useFormInstance","prevName","bodyName","useMemo","_isArray","startName0","startNameOther","slice","endNameOther","concat","join","bodyCompleteName","toArray","startCompleteName","endCompleteName","startVal","useWatch","endVal","bodyValue","onChange","_hooks","useCallbackRef","data","value1","value2","fbaUtils","setFormFieldsAndTriggerValuesChange","name","value","useEffect","setFields","undefined","_jsxs","_Fragment","children","_jsx","FormItemHidden","FormItemWrapper","_extends","rules","length","Content","TimeRangePickerWrapper","_props$value3","_props$value4","ref","useRef","preValue","fbaHooks","usePrevious","useEffectCustom","_props$value","_props$value2","current"],"mappings":"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"}

package/index.d.ts

@@ -1069,15 +1069,43 @@ export type DateRangePickerWrapperFormItemProps = Omit<FormItemWrapperProps, "na
 	endName: FormItemNamePath;
 	/**
 	 * 如果 DateRangePickerWrapperFormItem 在Form.List场景下 必传
+	 * @deprecated 使用 formListCompleteName 配置
 	 */
-	formListName?: FormItemNamePath;
+	formListName?: Array<string | number>;
+	/**
+	 * 前端 formItem 前缀FormName，当 TimeRangePickerWrapperFormItem 处在Form.List场景下，必传
+	 * ```
+	 * 例如 处在formList内部时，则 formListCompleteName = ['xxxxList']
+	 * 例如 处在formList套formList内部时，则 formListCompleteName = ['xxxxList', 索引值, 'xxxxList2']
+	 * ```
+	 */
+	formListCompleteName?: Array<string | number> | string;
 	dateRangePickerWrapperProps?: DateRangePickerWrapperProps;
 };
 /**
- * 包含了Form.Item组件的时间区间选择组件
- * ```
- * 1. 时间区间组件可以定义成两个字段操作，不用再通过数组处理
- * 2. 会在form中产生一个 `__#invalid_date_xxxx_xxxx` 的无效字段，可以直接忽略
+ * 包含了Form.Item组件的时间区间选择组件，时间区间组件可以定义成两个字段操作，不用再通过数组处理
+ * ```
+ * 1. 会在form中产生一个 `__#invalid_date_xxxx_xxxx` 的无效字段，可以直接忽略
+ * 2. 设置日期格式 dateRangePickerWrapperProps={{ format: 'YYYY-MM-DD HH:mm' }}
+ * 使用场景：
+ * 1. 基础使用场景
+ *    <DateRangePickerWrapperFormItem startName={'date1'} endName={'date2'} />
+ * 2. Form.List 内部使用
+ *    <FormListWrapper name="dataList" prevCompleteName={[]}>
+ *      {(data) => {
+ *        return <DateRangePickerWrapperFormItem formListCompleteName={data.prevCompleteName} startName={data.getInsideFormItemName('date1')} endName={data.getInsideFormItemName('date2')} />
+ *      }}
+ *    </FormListWrapper>
+ * 3. Form.List 套 Form.List 内部使用
+ *    <FormListWrapper name="dataList" prevCompleteName={[]}>
+ *      {(data) => {
+ *        return <FormListWrapper name={data.getInsideFormItemName('childrenList')} prevCompleteName={data.prevCompleteName}>
+ *          {(data2) => {
+ *            return <DateRangePickerWrapperFormItem formListCompleteName={data2.prevCompleteName} startName={data2.getInsideFormItemName('date1')} endName={data2.getInsideFormItemName('date2')} />
+ *          }}
+ *        </FormListWrapper>
+ *      }}
+ *    </FormListWrapper>
  * ```
  */
 export declare const DateRangePickerWrapperFormItem: (props: DateRangePickerWrapperFormItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1878,6 +1906,8 @@ export interface EditableTableProOperation {
 	tableRowFormItemName: Array<string | number>;
 	/** 当前行表单完整 name */
 	tableRowFormItemCompleteName: Array<string | number>;
+	/** 当前行表单验证，需要自行指定nameList（dataIndex数组） */
+	validateRowFields: (nameList: EditableTableProDataIndex[]) => Promise<void>;
 }
 export type EditableTableProColumnItem = Omit<ColumnsType[0], "render" | "title" | "dataIndex"> & {
 	title?: ReactElement | string;
@@ -1885,7 +1915,7 @@ export type EditableTableProColumnItem = Omit<ColumnsType[0], "render" | "title"
 	/** Form.Item props */
 	formItemProps?: Omit<FormItemWrapperProps, "children" | "name"> | ((value: TAny, record: TPlainObject, index: number, operation: EditableTableProOperation) => Omit<FormItemWrapperProps, "children" | "name">);
 	/**
-	 * 通过 operation.editable 来判断渲染结构
+	 * 通过 operation.editable 来判断渲染结构，其中render返回的根节点会作为 Form.Item 的children
 	 * ```
 	 *  例如
 	 *  render: (_value, _record, _index, operation) => {
@@ -1894,6 +1924,26 @@ export type EditableTableProColumnItem = Omit<ColumnsType[0], "render" | "title"
 	 *    }
 	 *    return <Tag>{value}</Tag>;
 	 *  }
+	 *
+	 *  如果需要额外布局，可通过 formItemProps.wrapper 实现
+	 *  formItemProps: (_value, _record, _index, operation) => {
+	 *    return {
+	 *      wrapper: (children) => {
+	 *        return (
+	 *          <FlexLayout fullIndex={[0]} direction="horizontal" gap={10}>
+	 *            <div>{children}</div>
+	 *            <div>额外布局</div>
+	 *          </FlexLayout>
+	 *        );
+	 *      },
+	 *    };
+	 *  },
+	 *  render: (_value, _record, _index, operation) => {
+	 *    if (operation.editable) {
+	 *      return <Input placeholder="请输入" />;
+	 *    }
+	 *    return <Tag>{value}</Tag>;
+	 *  }
 	 * ```
 	 */
 	render?: (value: TAny, record: TPlainObject, index: number, operation: EditableTableProOperation) => ReactElement;
@@ -1908,7 +1958,7 @@ export type EditableTableProColumnItem = Omit<ColumnsType[0], "render" | "title"
 	 * ```
 	 */
 	tipsWrapperProps?: string | TipsWrapperProps;
-	/** 为表格header中的字段添加必填标识，无验证拦截功能 */
+	/** 为表格header中的字段添加必填标识，如果未配置 formItemProps.rules，内部会新增一条required rule  */
 	required?: boolean;
 };
 export type EditableTableProProps = {
@@ -1957,6 +2007,16 @@ export type EditableTableProProps = {
 	tableBeforeAreaRender?: (formListOperation: FormListOperation, nextRowIndex: number) => ReactElement | null;
 	/** 表格底部区域渲染 */
 	tableAfterAreaRender?: (formListOperation: FormListOperation, nextRowIndex: number) => ReactElement | null;
+	/** 展开的行key，一般用于初始化，重新tableProps.expandable.expandedRowKeys后失效 */
+	expandedRowKeys?: string[];
+	/**
+	 * 展开图标布局，默认：layout1
+	 * ```
+	 * 1. 可编辑表格第一项为可编辑状态时，选 layout1
+	 * 2. 可编辑表格第一项为非可编辑状态时，选 layout2
+	 * ```
+	 */
+	expandedIconLayout?: "layout1" | "layout2";
 };
 /**
  * 使用FormList实现可编辑表格
@@ -3110,6 +3170,13 @@ export declare const fbaUtils: {
 		name: string | number | Array<string | number>;
 		value: TAny;
 	}[]) => void;
+	/**
+	 * 移除Form Values中无效字段
+	 * ```
+	 * 1. 在使用 DateRangePickerWrapperFormItem、TimeRangePickerWrapperFormItem 会产生 `__#invalid_xxxx` 无效字段
+	 * ```
+	 */
+	removeFormValuesInvalidField: (params?: TPlainObject) => TPlainObject | undefined;
 };
 export type FileExportProps = {
 	/** 触发节点 */
@@ -5291,7 +5358,7 @@ export type TimeRangePickerWrapperProps = Omit<TimeRangePickerProps, "value" | "
  * ```
  */
 export declare const TimeRangePickerWrapper: (props: TimeRangePickerWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export type TimeRangePickerWrapperFormItemProps = Omit<FormItemProps, "name"> & {
+export type TimeRangePickerWrapperFormItemProps = Omit<FormItemWrapperProps, "name"> & {
 	/**
 	 * 开始的时间name
 	 */
@@ -5302,15 +5369,43 @@ export type TimeRangePickerWrapperFormItemProps = Omit<FormItemProps, "name"> &
 	endName: FormItemNamePath;
 	/**
 	 * 如果 TimeRangePickerWrapperFormItem 在Form.List场景下 必传
+	 * @deprecated 使用 formListCompleteName 配置
 	 */
-	formListName?: FormItemNamePath;
-	timeRangePickerWrapperProps?: Omit<TimeRangePickerWrapperProps, "onChange">;
+	formListName?: Array<string | number>;
+	/**
+	 * 前端 formItem 前缀FormName，当 TimeRangePickerWrapperFormItem 处在Form.List场景下，必传
+	 * ```
+	 * 例如 处在formList内部时，则 formListCompleteName = ['xxxxList']
+	 * 例如 处在formList套formList内部时，则 formListCompleteName = ['xxxxList', 索引值, 'xxxxList2']
+	 * ```
+	 */
+	formListCompleteName?: Array<string | number> | string;
+	timeRangePickerWrapperProps?: TimeRangePickerWrapperProps;
 };
 /**
- * 包含了Form.Item组件的时间区间选择组件
- * ```
- * 1. 时间区间组件可以定义成两个字段操作，不用再通过数组处理
- * 2. 会在form中产生一个 `__#invalid_time_xxxx_xxxx` 的无效字段，可以直接忽略
+ * 包含了Form.Item组件的时间区间选择组件，时间区间组件可以定义成两个字段操作，不用再通过数组处理
+ * ```
+ * 1. 会在form中产生一个 `__#invalid_time_xxxx_xxxx` 的无效字段，可以直接忽略
+ * 2. 设置日期格式 timeRangePickerWrapperProps={{ format: 'HH:mm:ss' }}
+ * 使用场景：
+ * 1. 基础使用场景
+ *    <TimeRangePickerWrapperFormItem startName={'date1'} endName={'date2'} />
+ * 2. Form.List 内部使用
+ *    <FormListWrapper name="dataList" prevCompleteName={[]}>
+ *      {(data) => {
+ *        return <TimeRangePickerWrapperFormItem formListCompleteName={data.prevCompleteName} startName={data.getInsideFormItemName('date1')} endName={data.getInsideFormItemName('date2')} />
+ *      }}
+ *    </FormListWrapper>
+ * 3. Form.List 套 Form.List 内部使用
+ *    <FormListWrapper name="dataList" prevCompleteName={[]}>
+ *      {(data) => {
+ *        return <FormListWrapper name={data.getInsideFormItemName('childrenList')} prevCompleteName={data.prevCompleteName}>
+ *          {(data2) => {
+ *            return <TimeRangePickerWrapperFormItem formListCompleteName={data2.prevCompleteName} startName={data2.getInsideFormItemName('date1')} endName={data2.getInsideFormItemName('date2')} />
+ *          }}
+ *        </FormListWrapper>
+ *      }}
+ *    </FormListWrapper>
  * ```
  */
 export declare const TimeRangePickerWrapperFormItem: (props: TimeRangePickerWrapperFormItemProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatbiz/antd",
-  "version": "4.5.21",
+  "version": "4.5.23",
   "description": "flat-biz ui components",
   "main": "index.js",
   "typings": "index.d.ts",