@flatbiz/antd 4.4.43 → 4.4.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/index.d.ts +81 -10
  2. package/package.json +1 -1
package/index.d.ts CHANGED
@@ -459,8 +459,15 @@ export type DialogModalProps = Omit<ModalProps, "onOk" | "onCancel" | "getContai
459
459
  */
460
460
  bodyHeightPercent?: number;
461
461
  titleExtra?: ReactElement;
462
- /** null则隐藏footer */
463
- footer?: null | ReactElement | ReactElement[] | ((form: FormInstance) => ReactElement);
462
+ /**
463
+ * null则隐藏footer
464
+ * ```
465
+ * extraData 为外部通过 useDialogModal.rerenderFooter 重新渲染footer携带的数据
466
+ * ```
467
+ */
468
+ footer?: null | ReactElement | ReactElement[] | ((form: FormInstance, extraData?: TPlainObject) => ReactElement);
469
+ /** 内容高度,为styles.body.height快捷配置,优先级低于styles.body.height */
470
+ bodyHeight?: number;
464
471
  };
465
472
  /**
466
473
  * 居中弹框
@@ -472,7 +479,7 @@ export type DialogModalProps = Omit<ModalProps, "onOk" | "onCancel" | "getContai
472
479
  * 3. 需要修改默认主题风格的场景,请使用
473
480
  * const { appDialogModal } = FbaApp.useDialogModal();
474
481
  * appDialogModal.open({})
475
- * 4. 配置size属性可使用预设的弹窗尺寸,如果不使用内置尺寸可设置 size = null
482
+ * 4. size属性可使用预设的弹窗尺寸(默认值middle),如果不使用内置尺寸可设置 size = null
476
483
  * ```
477
484
  */
478
485
  export declare const dialogModal: {
@@ -486,6 +493,15 @@ export declare const dialogModal: {
486
493
  * ```
487
494
  */
488
495
  close: () => void;
496
+ /**
497
+ * ```
498
+ * 1. rerenderFooter 携带指定数据重新渲染 footer,可用于切换footer中的按钮状态
499
+ * ```
500
+ */
501
+ useDialogModal: () => {
502
+ /** 重新渲染 footer, data为携带的数据,是footer的第二个参数 */
503
+ rerenderFooter: (data?: TPlainObject) => void;
504
+ };
489
505
  };
490
506
  export interface DropdownMenuItem extends ButtonProps {
491
507
  text?: string | ReactElement;
@@ -1113,11 +1129,19 @@ export type DialogDrawerProps = Omit<DrawerProps, "onOk" | "onCancel" | "getCont
1113
1129
  configProviderProps?: ConfigProviderWrapperProps;
1114
1130
  okButtonExtraProps?: Omit<ButtonWrapperProps, "onClick" | "children" | "loading">;
1115
1131
  cancelButtonExtraProps?: Omit<ButtonWrapperProps, "onClick" | "children">;
1116
- operatePosition?: "header" | "footer";
1117
- operateRender?: (form: FormInstance) => ReactElement;
1118
1132
  okHidden?: boolean;
1119
1133
  cancelHidden?: boolean;
1134
+ /** 设置操作区域位置 */
1135
+ operatePosition?: "header" | "footer";
1136
+ /** 右上角自定义内容,如果operatePosition=header,此设置无效 */
1120
1137
  extra?: ReactNode | ((form: FormInstance) => ReactElement);
1138
+ /**
1139
+ * ```
1140
+ * 1. 自定义弹框操作区域,通过 operatePosition 配置可以自定义位置
1141
+ * 2. extraData 为外部通过 useDialogModal.rerenderFooter 重新渲染footer携带的数据
1142
+ * ```
1143
+ */
1144
+ operateRender?: (form: FormInstance, extraData?: TPlainObject) => ReactElement;
1121
1145
  };
1122
1146
  /**
1123
1147
  * 抽屉弹框
@@ -1142,6 +1166,15 @@ export declare const dialogDrawer: {
1142
1166
  * ```
1143
1167
  */
1144
1168
  close: () => void;
1169
+ /**
1170
+ * ```
1171
+ * 1. rerenderFooter 携带指定数据重新渲染 footer,可用于切换footer中的按钮状态
1172
+ * ```
1173
+ */
1174
+ useDialogDrawer: () => {
1175
+ /** 重新渲染 footer, data为携带的数据,是footer的第二个参数 */
1176
+ rerenderFooter: (data?: TPlainObject) => void;
1177
+ };
1145
1178
  };
1146
1179
  export type DialogDrawerContentProps = {
1147
1180
  footer?: (data: {
@@ -1678,7 +1711,9 @@ export type EditableTableColumn = Omit<ColumnsType["0"], "render"> & {
1678
1711
  /** 隐藏域字段 */
1679
1712
  hiddenField?: {
1680
1713
  dataIndex: string;
1681
- };
1714
+ } | {
1715
+ dataIndex: string;
1716
+ }[];
1682
1717
  /**
1683
1718
  * 渲染中间件,如果renderMiddleware返回值为ReactElement格式,则会终止后续逻辑,fieldConfig配置将失效
1684
1719
  * ```
@@ -2343,6 +2378,17 @@ export type EasyTableProps = {
2343
2378
  dataIndex: string;
2344
2379
  onRequest: () => Promise<any>;
2345
2380
  }[];
2381
+ /**
2382
+ * 调用接口前自定义判断,返回Promise.resolve才能发起查询操作
2383
+ * ```
2384
+ * 例如:
2385
+ * breforeRequest={async (form) => {
2386
+ * await sleep(100);
2387
+ * return form.validateFields();
2388
+ * }}
2389
+ * ```
2390
+ */
2391
+ breforeRequest?: (form: FormInstance) => Promise<void>;
2346
2392
  };
2347
2393
  export type EasyTableRefApi = {
2348
2394
  /** 外部发起请求服务 */
@@ -2658,11 +2704,19 @@ export type FbaAppDrawerProps = Omit<DrawerProps, "onOk" | "onCancel" | "getCont
2658
2704
  }) => ReactElement);
2659
2705
  okButtonExtraProps?: Omit<ButtonWrapperProps, "onClick" | "children" | "loading">;
2660
2706
  cancelButtonExtraProps?: Omit<ButtonWrapperProps, "onClick" | "children">;
2661
- operatePosition?: "header" | "footer";
2662
- operateRender?: (form: FormInstance) => ReactElement;
2663
2707
  okHidden?: boolean;
2664
2708
  cancelHidden?: boolean;
2709
+ /** 设置操作区域位置 */
2710
+ operatePosition?: "header" | "footer";
2711
+ /** 右上角自定义内容,如果operatePosition=header,此设置无效 */
2665
2712
  extra?: ReactNode | ((form: FormInstance) => ReactElement);
2713
+ /**
2714
+ * ```
2715
+ * 1. 自定义弹框操作区域,通过 operatePosition 配置可以自定义位置
2716
+ * 2. extraData 为外部通过 useDialogModal.rerenderFooter 重新渲染footer携带的数据
2717
+ * ```
2718
+ */
2719
+ operateRender?: (form: FormInstance, extraData?: TPlainObject) => ReactElement;
2666
2720
  };
2667
2721
  export type FbaAppModalProps = Omit<ModalProps, "onOk" | "onCancel" | "getContainer" | "okButtonProps" | "cancelButtonProps" | "footer"> & {
2668
2722
  /**
@@ -2693,8 +2747,13 @@ export type FbaAppModalProps = Omit<ModalProps, "onOk" | "onCancel" | "getContai
2693
2747
  */
2694
2748
  bodyHeightPercent?: number;
2695
2749
  titleExtra?: ReactElement;
2696
- /** null则隐藏footer */
2697
- footer?: null | ReactElement | ReactElement[] | ((form: FormInstance) => ReactElement);
2750
+ /**
2751
+ * null则隐藏footer
2752
+ * ```
2753
+ * extraData 为外部通过 useDialogModal.rerenderFooter 重新渲染footer携带的数据
2754
+ * ```
2755
+ */
2756
+ footer?: null | ReactElement | ReactElement[] | ((form: FormInstance, extraData?: TPlainObject) => ReactElement);
2698
2757
  };
2699
2758
  export type FbaAppAlertProps = Omit<FbaAppModalProps, "onOk" | "cancelHidden" | "cancelButtonProps" | "onCancel" | "onClick"> & {
2700
2759
  onClick?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;
@@ -2714,6 +2773,9 @@ export declare const FbaApp: ((props: {
2714
2773
  onClose: () => void;
2715
2774
  };
2716
2775
  close: () => void;
2776
+ useAppDialogDrawer: () => {
2777
+ rerenderFooter: (data?: import("@flatbiz/utils").TPlainObject | undefined) => void;
2778
+ };
2717
2779
  };
2718
2780
  };
2719
2781
  useDialogDrawer2: () => {
@@ -2722,6 +2784,9 @@ export declare const FbaApp: ((props: {
2722
2784
  onClose: () => void;
2723
2785
  };
2724
2786
  close: () => void;
2787
+ useAppDialogDrawer: () => {
2788
+ rerenderFooter: (data?: import("@flatbiz/utils").TPlainObject | undefined) => void;
2789
+ };
2725
2790
  };
2726
2791
  };
2727
2792
  /** 不支持多次弹框,第二个弹框可使用useDialogModal2 */
@@ -2731,6 +2796,9 @@ export declare const FbaApp: ((props: {
2731
2796
  onClose: () => void;
2732
2797
  };
2733
2798
  close: () => void;
2799
+ useAppDialogModal: () => {
2800
+ rerenderFooter: (data?: import("@flatbiz/utils").TPlainObject | undefined) => void;
2801
+ };
2734
2802
  };
2735
2803
  };
2736
2804
  useDialogModal2: () => {
@@ -2739,6 +2807,9 @@ export declare const FbaApp: ((props: {
2739
2807
  onClose: () => void;
2740
2808
  };
2741
2809
  close: () => void;
2810
+ useAppDialogModal: () => {
2811
+ rerenderFooter: (data?: import("@flatbiz/utils").TPlainObject | undefined) => void;
2812
+ };
2742
2813
  };
2743
2814
  };
2744
2815
  /** 不支持多次弹框 */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flatbiz/antd",
3
- "version": "4.4.43",
3
+ "version": "4.4.45",
4
4
  "description": "flat-biz ui components",
5
5
  "main": "index.js",
6
6
  "typings": "index.d.ts",