@flatbiz/antd 2.5.4 → 2.5.7

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.
package/index.d.ts CHANGED
@@ -33,6 +33,14 @@ export interface ButtonOperateProps {
33
33
  }
34
34
  export declare const ButtonOperate: VFC<ButtonOperateProps>;
35
35
  export declare type TPlainObject<T = any> = Record<string, T>;
36
+ export declare type RequestStatus = "request-init" | "request-progress" | "request-success" | "request-error";
37
+ export declare type RequestStatusRenderProps = {
38
+ status?: RequestStatus;
39
+ errorButton?: ReactElement;
40
+ messageConfig?: Partial<Record<RequestStatus, string>>;
41
+ loading?: boolean;
42
+ };
43
+ export declare const RequestStatusRender: (props: RequestStatusRenderProps) => JSX.Element;
36
44
  export declare type CascaderWrapperServiceConfig = {
37
45
  params?: TPlainObject;
38
46
  onRequest?: (params?: any) => any;
@@ -54,6 +62,7 @@ export declare type CascaderWrapperProps = Omit<CascaderProps<any>, "loading" |
54
62
  isDynamicLoad?: boolean;
55
63
  value?: string | number;
56
64
  onChange?: (value: string | number, selectedList: TPlainObject[]) => void;
65
+ requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
57
66
  };
58
67
  export declare type CascaderWrapperRefApi = {
59
68
  getCascaderList: () => TPlainObject[];
@@ -81,6 +90,7 @@ export declare const CascaderWrapper: import("react").ForwardRefExoticComponent<
81
90
  isDynamicLoad?: boolean | undefined;
82
91
  value?: string | number | undefined;
83
92
  onChange?: ((value: string | number, selectedList: TPlainObject[]) => void) | undefined;
93
+ requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
84
94
  } & import("react").RefAttributes<CascaderWrapperRefApi>>;
85
95
  export declare type DatePickerWrapperProps = Omit<PickerDateProps<moment.Moment>, "value" | "onChange"> & {
86
96
  value?: string;
@@ -274,8 +284,12 @@ export interface DropdownMenuWrapperProps extends Omit<DropdownProps, "overlay">
274
284
  menuList: Array<DropdownMenuItem | null>;
275
285
  }
276
286
  export declare const DropdownMenuWrapper: FC<DropdownMenuWrapperProps>;
287
+ export declare type SelectorWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
277
288
  export declare type SelectorServiceConfig = {
278
289
  params?: TPlainObject;
290
+ /**
291
+ * 与 effectDependencyList 配合使用
292
+ */
279
293
  requiredParamsKeys?: string[];
280
294
  onRequest?: (params?: any) => any;
281
295
  /**
@@ -283,26 +297,25 @@ export declare type SelectorServiceConfig = {
283
297
  */
284
298
  onRequestResultAdapter?: (respData: any) => TPlainObject[];
285
299
  };
286
- export declare type SelectorWrapperProps = Omit<SelectProps, "filterOption" | "onSearch" | "loading" | "notFoundContent" | "options" | "fieldNames" | "onChange"> & {
300
+ export declare type SelectorWrapperProps = Omit<SelectProps, "filterOption" | "onSearch" | "loading" | "notFoundContent" | "options" | "fieldNames" | "onChange" | "value"> & {
287
301
  modelKey: string;
288
302
  fieldNames?: {
289
303
  label: string;
290
304
  value: string;
291
305
  };
292
306
  /**
293
- * useEffect依赖性数组
307
+ * useEffect依赖项数组,用于重新发起获取接口数据
294
308
  */
295
309
  effectDependencyList?: DependencyList;
296
310
  /**
297
- * 请求服务需求的数据,当设置`selectorList`后无效果
311
+ * 请求服务需求的数据
298
312
  */
299
313
  serviceConfig?: SelectorServiceConfig;
300
314
  /**
301
315
  * 同步设置选择器选项列表
302
316
  * ```
303
- * 1. 当设置selectorList后,serviceConfig、operateType=search将失效
304
- * 2. 不支持异步数据,异步使用serviceConfig方式
305
- * 3. 如果配置fieldNames,会转换后使用
317
+ * 1. 如果配置fieldNames,会转换后使用
318
+ * 2. 值为undefined、null不会更新,需要清空可传递空数组
306
319
  * ```
307
320
  */
308
321
  selectorList?: TPlainObject[];
@@ -327,15 +340,41 @@ export declare type SelectorWrapperProps = Omit<SelectProps, "filterOption" | "o
327
340
  * ```
328
341
  * 1. search:根据输入项去服务端查询
329
342
  * 2. filter:初始化已查询数据,根据输入内容筛选
330
- * 3. 在设置`selectorList`后,operateType=search将失效
331
343
  * ```
332
344
  */
333
345
  operateType?: "search" | "filter";
334
346
  searchFieldName?: string;
347
+ /**
348
+ * search模式下,回填value查询接口字段名称,默认值:searchValue
349
+ * ```
350
+ * search模式下,外部传递 value 数据用于回填Select,会在查询接口中默认添加searchId字段(searchId的值为回填的value,类型有:string | number | Array<string | number>)
351
+ * ```
352
+ */
353
+ searchIdFieldName?: string;
335
354
  onLabelRenderAdapter?: (dataItem: TPlainObject) => string | ReactElement;
336
- onChange?: (value?: string | number | string[] | number[], selectedList?: TPlainObject[] | TPlainObject) => void;
355
+ onChange?: (value?: SelectorWrapperValue, selectedList?: TPlainObject[] | TPlainObject) => void;
337
356
  showIcon?: boolean;
338
357
  icon?: (data: TPlainObject) => ReactElement;
358
+ requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
359
+ /**
360
+ * value格式
361
+ *```
362
+ * 1. string 、number
363
+ * 2. Array<string | number>
364
+ * 3. lableInValue = true,根据labelInValueFieldNames配置格式
365
+ * 4. lableInValue = true,Array<labelInValueFieldNames配置>
366
+ * ```
367
+ */
368
+ value?: SelectorWrapperValue;
369
+ /**
370
+ * ```
371
+ * lableInValue = true,onChange输出数据字段名称,默认:{ label: string; value: string|number }
372
+ * ```
373
+ */
374
+ labelInValueFieldNames?: {
375
+ label: string;
376
+ value: string;
377
+ };
339
378
  };
340
379
  export declare type SelectorWrapperRefApi = {
341
380
  onClearSelectorList: () => void;
@@ -349,32 +388,29 @@ export declare type SelectorWrapperRefApi = {
349
388
  * 1. modelKey的配置是为了缓存数据;
350
389
  * 1.1: 当有effectDependencyList依赖项时,依赖项的发生变化后,每次都会去调用接口获取数据
351
390
  * 1.2: 当无effectDependencyList依赖项时,第一次调用接口成功后会有标记,下次访问存在标记,就不在调用接口,使用缓存数据;如果想强制刷新数据,可通过随便配置依赖项完成
352
- * 2. selectorList属性
353
- * 2.1 当设置selectorList属性后,serviceConfig、operateType=search将失效
354
- * 2.2 不支持异步数据,异步使用serviceConfig方式
355
- * 3. operateType=search状态下,回填数据查询接口时,会在接口中默认添加id字段(id的值为回填的值)
391
+ * 2. 设置 labelInValue 后,onChange 返回数据item:labelInValueFieldNames配置格式
392
+ * 2. operateType=search状态下,外部传递 selectorValueList 回填数据查询接口时,会在接口中默认添加searchId字段(searchId的值为回填的selectorValueList,类型有:string | number | Array<string | number>)
356
393
  * ```
357
394
  */
358
- export declare const SelectorWrapper: import("react").ForwardRefExoticComponent<Omit<SelectProps<any, import("rc-select/lib/Select").DefaultOptionType>, "loading" | "options" | "onChange" | "filterOption" | "notFoundContent" | "onSearch" | "fieldNames"> & {
395
+ export declare const SelectorWrapper: import("react").ForwardRefExoticComponent<Omit<SelectProps<any, import("rc-select/lib/Select").DefaultOptionType>, "value" | "loading" | "options" | "onChange" | "filterOption" | "notFoundContent" | "onSearch" | "fieldNames"> & {
359
396
  modelKey: string;
360
397
  fieldNames?: {
361
398
  label: string;
362
399
  value: string;
363
400
  } | undefined;
364
401
  /**
365
- * useEffect依赖性数组
402
+ * useEffect依赖项数组,用于重新发起获取接口数据
366
403
  */
367
404
  effectDependencyList?: DependencyList | undefined;
368
405
  /**
369
- * 请求服务需求的数据,当设置`selectorList`后无效果
406
+ * 请求服务需求的数据
370
407
  */
371
408
  serviceConfig?: SelectorServiceConfig | undefined;
372
409
  /**
373
410
  * 同步设置选择器选项列表
374
411
  * ```
375
- * 1. 当设置selectorList后,serviceConfig、operateType=search将失效
376
- * 2. 不支持异步数据,异步使用serviceConfig方式
377
- * 3. 如果配置fieldNames,会转换后使用
412
+ * 1. 如果配置fieldNames,会转换后使用
413
+ * 2. 值为undefined、null不会更新,需要清空可传递空数组
378
414
  * ```
379
415
  */
380
416
  selectorList?: TPlainObject<any>[] | undefined;
@@ -399,15 +435,41 @@ export declare const SelectorWrapper: import("react").ForwardRefExoticComponent<
399
435
  * ```
400
436
  * 1. search:根据输入项去服务端查询
401
437
  * 2. filter:初始化已查询数据,根据输入内容筛选
402
- * 3. 在设置`selectorList`后,operateType=search将失效
403
438
  * ```
404
439
  */
405
440
  operateType?: "search" | "filter" | undefined;
406
441
  searchFieldName?: string | undefined;
442
+ /**
443
+ * search模式下,回填value查询接口字段名称,默认值:searchValue
444
+ * ```
445
+ * search模式下,外部传递 value 数据用于回填Select,会在查询接口中默认添加searchId字段(searchId的值为回填的value,类型有:string | number | Array<string | number>)
446
+ * ```
447
+ */
448
+ searchIdFieldName?: string | undefined;
407
449
  onLabelRenderAdapter?: ((dataItem: TPlainObject) => string | ReactElement) | undefined;
408
- onChange?: ((value?: string | number | string[] | number[], selectedList?: TPlainObject[] | TPlainObject) => void) | undefined;
450
+ onChange?: ((value?: SelectorWrapperValue, selectedList?: TPlainObject[] | TPlainObject) => void) | undefined;
409
451
  showIcon?: boolean | undefined;
410
452
  icon?: ((data: TPlainObject) => ReactElement) | undefined;
453
+ requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
454
+ /**
455
+ * value格式
456
+ *```
457
+ * 1. string 、number
458
+ * 2. Array<string | number>
459
+ * 3. lableInValue = true,根据labelInValueFieldNames配置格式
460
+ * 4. lableInValue = true,Array<labelInValueFieldNames配置>
461
+ * ```
462
+ */
463
+ value?: SelectorWrapperValue | undefined;
464
+ /**
465
+ * ```
466
+ * lableInValue = true,onChange输出数据字段名称,默认:{ label: string; value: string|number }
467
+ * ```
468
+ */
469
+ labelInValueFieldNames?: {
470
+ label: string;
471
+ value: string;
472
+ } | undefined;
411
473
  } & import("react").RefAttributes<SelectorWrapperRefApi>>;
412
474
  export declare type UploadWrapperFileItem = {
413
475
  uid: string;
@@ -986,6 +1048,7 @@ declare const Table: FC<{
986
1048
  declare const Footer: FC<{
987
1049
  className?: string;
988
1050
  }>;
1051
+ export declare type TreeSelectorWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
989
1052
  export declare type TreeSelectorServiceConfig = {
990
1053
  params?: TPlainObject;
991
1054
  requiredParamsKeys?: string[];
@@ -996,8 +1059,10 @@ export declare type TreeSelectorServiceConfig = {
996
1059
  onRequestResultAdapter?: (respData: any) => TPlainObject[];
997
1060
  };
998
1061
  export declare type TreeSelectorWrapperProps = Omit<TreeSelectProps, "treeExpandedKeys" | "treeData" | "loading" | "onTreeExpand" | "onChange" | "value"> & {
999
- value?: string | number | Array<string | number>;
1000
1062
  modelKey: string;
1063
+ /**
1064
+ * useEffect依赖项数组,用于重新发起获取接口数据
1065
+ */
1001
1066
  effectDependencyList?: DependencyList;
1002
1067
  /**
1003
1068
  * 请求服务需求的数据,当设置`treeSelectorList`后无效果
@@ -1037,6 +1102,27 @@ export declare type TreeSelectorWrapperProps = Omit<TreeSelectProps, "treeExpand
1037
1102
  */
1038
1103
  onChange?: (selectedValue?: Array<string | number> | string | number, selectedData?: TPlainObject[] | TPlainObject, selectAllDataList?: TPlainObject[]) => void;
1039
1104
  onLabelRenderAdapter?: (dataItem: TPlainObject) => string;
1105
+ requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
1106
+ /**
1107
+ * value格式
1108
+ *```
1109
+ * 1. string 、number
1110
+ * 2. Array<string | number>
1111
+ * 3. lableInValue = true,根据labelInValueFieldNames配置格式
1112
+ * 4. lableInValue = true,Array<labelInValueFieldNames配置>
1113
+ * ```
1114
+ */
1115
+ value?: TreeSelectorWrapperValue;
1116
+ labelInValue?: boolean;
1117
+ /**
1118
+ * ```
1119
+ * lableInValue = true,onChange输出数据字段名称,默认:{ label: string; value: string|number }
1120
+ * ```
1121
+ */
1122
+ labelInValueFieldNames?: {
1123
+ label: string;
1124
+ value: string;
1125
+ };
1040
1126
  };
1041
1127
  export declare type TreeSelectorWrapperRefApi = {
1042
1128
  onClearSelectorList: () => void;
@@ -1052,8 +1138,10 @@ export declare type TreeSelectorWrapperRefApi = {
1052
1138
  * ```
1053
1139
  */
1054
1140
  export declare const TreeSelectorWrapper: import("react").ForwardRefExoticComponent<Omit<TreeSelectProps<any, import("rc-tree-select/lib/TreeSelect").DefaultOptionType>, "value" | "loading" | "onChange" | "treeData" | "treeExpandedKeys" | "onTreeExpand"> & {
1055
- value?: string | number | (string | number)[] | undefined;
1056
1141
  modelKey: string;
1142
+ /**
1143
+ * useEffect依赖项数组,用于重新发起获取接口数据
1144
+ */
1057
1145
  effectDependencyList?: DependencyList | undefined;
1058
1146
  /**
1059
1147
  * 请求服务需求的数据,当设置`treeSelectorList`后无效果
@@ -1093,7 +1181,29 @@ export declare const TreeSelectorWrapper: import("react").ForwardRefExoticCompon
1093
1181
  */
1094
1182
  onChange?: ((selectedValue?: Array<string | number> | string | number, selectedData?: TPlainObject[] | TPlainObject, selectAllDataList?: TPlainObject[]) => void) | undefined;
1095
1183
  onLabelRenderAdapter?: ((dataItem: TPlainObject) => string) | undefined;
1184
+ requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
1185
+ /**
1186
+ * value格式
1187
+ *```
1188
+ * 1. string 、number
1189
+ * 2. Array<string | number>
1190
+ * 3. lableInValue = true,根据labelInValueFieldNames配置格式
1191
+ * 4. lableInValue = true,Array<labelInValueFieldNames配置>
1192
+ * ```
1193
+ */
1194
+ value?: TreeSelectorWrapperValue | undefined;
1195
+ labelInValue?: boolean | undefined;
1196
+ /**
1197
+ * ```
1198
+ * lableInValue = true,onChange输出数据字段名称,默认:{ label: string; value: string|number }
1199
+ * ```
1200
+ */
1201
+ labelInValueFieldNames?: {
1202
+ label: string;
1203
+ value: string;
1204
+ } | undefined;
1096
1205
  } & import("react").RefAttributes<TreeSelectorWrapperRefApi>>;
1206
+ export declare type TreeWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
1097
1207
  export declare type TreeServiceConfig = {
1098
1208
  params?: TPlainObject;
1099
1209
  requiredParamsKeys?: string[];
@@ -1118,6 +1228,9 @@ export declare type TreeWrapperMenuItem = {
1118
1228
  };
1119
1229
  export declare type TreeWrapperProps = Omit<TreeProps, "expandedKeys" | "treeData" | "onExpand" | "selectedKeys" | "checkedKeys" | "onCheck" | "onSelect" | "defaultCheckedKeys" | "defaultSelectedKeys" | "fieldNames" | "multiple" | "loadData" | "icon"> & {
1120
1230
  modelKey: string;
1231
+ /**
1232
+ * useEffect依赖项数组,用于重新发起获取接口数据
1233
+ */
1121
1234
  effectDependencyList?: DependencyList;
1122
1235
  /**
1123
1236
  * 请求服务需求的数据,当设置`selectorTreeList`后无效果
@@ -1135,7 +1248,6 @@ export declare type TreeWrapperProps = Omit<TreeProps, "expandedKeys" | "treeDat
1135
1248
  * 通过服务获取数据后回调,当设置`selectorList`后无效果
1136
1249
  */
1137
1250
  onSelectorTreeListChange?: (dataList: TPlainObject[]) => void;
1138
- value?: string | number | Array<string | number>;
1139
1251
  onChange?: (selectedKey?: string | number | Array<string | number>, selectedList?: TPlainObject[] | TPlainObject, selectedAllList?: TPlainObject[]) => void;
1140
1252
  fieldNames?: {
1141
1253
  label?: string;
@@ -1160,13 +1272,38 @@ export declare type TreeWrapperProps = Omit<TreeProps, "expandedKeys" | "treeDat
1160
1272
  isParent: boolean;
1161
1273
  isLeaf: boolean;
1162
1274
  }) => ReactElement;
1275
+ /**
1276
+ * 是否必选,最后一个不能取消
1277
+ */
1278
+ required?: boolean;
1279
+ requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
1280
+ /**
1281
+ * value格式
1282
+ *```
1283
+ * 1. string 、number
1284
+ * 2. Array<string | number>
1285
+ * 3. lableInValue = true,根据labelInValueFieldNames配置格式
1286
+ * 4. lableInValue = true,Array<labelInValueFieldNames配置>
1287
+ * ```
1288
+ */
1289
+ value?: TreeWrapperValue;
1290
+ labelInValue?: boolean;
1291
+ /**
1292
+ * ```
1293
+ * lableInValue = true,onChange输出数据字段名称,默认:{ label: string; value: string|number }
1294
+ * ```
1295
+ */
1296
+ labelInValueFieldNames?: {
1297
+ label: string;
1298
+ value: string;
1299
+ };
1163
1300
  };
1164
1301
  export declare type TreeWrapperRefApi = {
1165
1302
  onClearSelectorList: () => void;
1166
1303
  getTreeDataList: () => TreeProps["treeData"];
1167
1304
  };
1168
1305
  /**
1169
- * 树包装组件
1306
+ * Tree包装组件,默认返回父节点,可配置不返回
1170
1307
  * @param props
1171
1308
  * @returns
1172
1309
  * ```
@@ -1182,6 +1319,9 @@ export declare type TreeWrapperRefApi = {
1182
1319
  */
1183
1320
  export declare const TreeWrapper: import("react").ForwardRefExoticComponent<Omit<TreeProps<import("antd").TreeDataNode>, "multiple" | "icon" | "onSelect" | "checkedKeys" | "selectedKeys" | "fieldNames" | "loadData" | "defaultSelectedKeys" | "onExpand" | "expandedKeys" | "treeData" | "defaultCheckedKeys" | "onCheck"> & {
1184
1321
  modelKey: string;
1322
+ /**
1323
+ * useEffect依赖项数组,用于重新发起获取接口数据
1324
+ */
1185
1325
  effectDependencyList?: DependencyList | undefined;
1186
1326
  /**
1187
1327
  * 请求服务需求的数据,当设置`selectorTreeList`后无效果
@@ -1199,7 +1339,6 @@ export declare const TreeWrapper: import("react").ForwardRefExoticComponent<Omit
1199
1339
  * 通过服务获取数据后回调,当设置`selectorList`后无效果
1200
1340
  */
1201
1341
  onSelectorTreeListChange?: ((dataList: TPlainObject[]) => void) | undefined;
1202
- value?: string | number | (string | number)[] | undefined;
1203
1342
  onChange?: ((selectedKey?: string | number | Array<string | number>, selectedList?: TPlainObject[] | TPlainObject, selectedAllList?: TPlainObject[]) => void) | undefined;
1204
1343
  fieldNames?: {
1205
1344
  label?: string | undefined;
@@ -1224,6 +1363,31 @@ export declare const TreeWrapper: import("react").ForwardRefExoticComponent<Omit
1224
1363
  isParent: boolean;
1225
1364
  isLeaf: boolean;
1226
1365
  }) => ReactElement) | undefined;
1366
+ /**
1367
+ * 是否必选,最后一个不能取消
1368
+ */
1369
+ required?: boolean | undefined;
1370
+ requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
1371
+ /**
1372
+ * value格式
1373
+ *```
1374
+ * 1. string 、number
1375
+ * 2. Array<string | number>
1376
+ * 3. lableInValue = true,根据labelInValueFieldNames配置格式
1377
+ * 4. lableInValue = true,Array<labelInValueFieldNames配置>
1378
+ * ```
1379
+ */
1380
+ value?: TreeWrapperValue | undefined;
1381
+ labelInValue?: boolean | undefined;
1382
+ /**
1383
+ * ```
1384
+ * lableInValue = true,onChange输出数据字段名称,默认:{ label: string; value: string|number }
1385
+ * ```
1386
+ */
1387
+ labelInValueFieldNames?: {
1388
+ label: string;
1389
+ value: string;
1390
+ } | undefined;
1227
1391
  } & import("react").RefAttributes<TreeWrapperRefApi>>;
1228
1392
 
1229
1393
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flatbiz/antd",
3
- "version": "2.5.4",
3
+ "version": "2.5.7",
4
4
  "description": "flat-biz oss ui components",
5
5
  "main": "index.js",
6
6
  "typings": "index.d.ts",
@@ -51,5 +51,5 @@
51
51
  "react-router": "^6.3.0",
52
52
  "react-router-dom": "^6.3.0"
53
53
  },
54
- "gitHead": "6108dcf91fcb892102884adf8cfdc727ddf227ea"
54
+ "gitHead": "bc1856f003ba01566c7ae8ad99656b5e2093445d"
55
55
  }