@flatbiz/antd 5.0.4 → 5.0.6

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 (72) hide show
  1. package/dist/bootstrap/index.js +2 -2
  2. package/dist/{bootstrap-BjobvUl2.js → bootstrap-BPinDEWu.js} +2 -2
  3. package/dist/{bootstrap-BjobvUl2.js.map → bootstrap-BPinDEWu.js.map} +1 -1
  4. package/dist/{cell-render-DknjxNlB.js → cell-render-CU74zUFQ.js} +3 -2
  5. package/dist/cell-render-CU74zUFQ.js.map +1 -0
  6. package/dist/dialog-drawer/index.js +1 -1
  7. package/dist/{dialog-drawer-CQD19DJY.js → dialog-drawer-D7lYByyr.js} +7 -13
  8. package/dist/dialog-drawer-D7lYByyr.js.map +1 -0
  9. package/dist/{drag-BOT05TxF.js → drag-CBosXqSQ.js} +2 -2
  10. package/dist/{drag-BOT05TxF.js.map → drag-CBosXqSQ.js.map} +1 -1
  11. package/dist/drag-editable-card/index.d.ts +3 -1
  12. package/dist/drag-editable-card/index.js +3 -3
  13. package/dist/drag-editable-table/index.js +3 -3
  14. package/dist/drag-editable-table-pro/index.d.ts +2 -0
  15. package/dist/drag-editable-table-pro/index.js +2 -2
  16. package/dist/{drag-DcYB-GOo.js → drag-vcg-f-hJ.js} +2 -2
  17. package/dist/{drag-DcYB-GOo.js.map → drag-vcg-f-hJ.js.map} +1 -1
  18. package/dist/easy-form/index.d.ts +16 -11
  19. package/dist/easy-form/index.js +1 -1
  20. package/dist/easy-table/index.d.ts +1 -1
  21. package/dist/easy-table/index.js +1 -1
  22. package/dist/editable-card/index.d.ts +4 -3
  23. package/dist/editable-card/index.js +2 -2
  24. package/dist/{editable-card-B5CLgiDY.js → editable-card-DzY1frTO.js} +2 -2
  25. package/dist/{editable-card-B5CLgiDY.js.map → editable-card-DzY1frTO.js.map} +1 -1
  26. package/dist/{editable-card-C_wwMtSy.js → editable-card-Od2SiaIS.js} +25 -19
  27. package/dist/editable-card-Od2SiaIS.js.map +1 -0
  28. package/dist/editable-table/index.js +2 -2
  29. package/dist/{editable-table-DMtxWoAn.js → editable-table-Buqnm-R4.js} +2 -2
  30. package/dist/{editable-table-DMtxWoAn.js.map → editable-table-Buqnm-R4.js.map} +1 -1
  31. package/dist/editable-table-pro/index.d.ts +2 -0
  32. package/dist/editable-table-pro/index.js +1 -1
  33. package/dist/{editable-table-pro-B40tH9it.js → editable-table-pro-D8Vt535W.js} +2 -1
  34. package/dist/editable-table-pro-D8Vt535W.js.map +1 -0
  35. package/dist/fba-app/index.js +1 -1
  36. package/dist/{fba-app-CFR5IVBe.js → fba-app-Bys4HJRC.js} +8 -8
  37. package/dist/fba-app-Bys4HJRC.js.map +1 -0
  38. package/dist/{form-Bz0Gi7wm.js → form-DlOnlnEr.js} +30 -16
  39. package/dist/form-DlOnlnEr.js.map +1 -0
  40. package/dist/form-item-span/index.css +0 -0
  41. package/dist/form-item-span/index.d.ts +35 -0
  42. package/dist/form-item-span/index.js +14 -0
  43. package/dist/form-item-span/index.js.map +1 -0
  44. package/dist/index.d.ts +262 -139
  45. package/dist/index.js +17 -11
  46. package/dist/index.js.map +1 -1
  47. package/dist/select-modal-Dt4YHH8a.js +370 -0
  48. package/dist/select-modal-Dt4YHH8a.js.map +1 -0
  49. package/dist/selector-HbymPXNd.js +89 -0
  50. package/dist/selector-HbymPXNd.js.map +1 -0
  51. package/dist/span-_AZUf9Zw.js +40 -0
  52. package/dist/span-_AZUf9Zw.js.map +1 -0
  53. package/dist/table-cell-render/index.d.ts +1 -1
  54. package/dist/table-cell-render/index.js +1 -1
  55. package/dist/tree-modal/index.css +0 -0
  56. package/dist/tree-modal/index.d.ts +415 -0
  57. package/dist/tree-modal/index.js +73 -0
  58. package/dist/tree-modal/index.js.map +1 -0
  59. package/dist/tree-modal-selector/index.css +0 -0
  60. package/dist/tree-modal-selector/index.d.ts +426 -0
  61. package/dist/tree-modal-selector/index.js +75 -0
  62. package/dist/tree-modal-selector/index.js.map +1 -0
  63. package/dist/tree-wrapper/index.d.ts +15 -1
  64. package/dist/tree-wrapper/index.js +188 -77
  65. package/dist/tree-wrapper/index.js.map +1 -1
  66. package/package.json +15 -3
  67. package/dist/cell-render-DknjxNlB.js.map +0 -1
  68. package/dist/dialog-drawer-CQD19DJY.js.map +0 -1
  69. package/dist/editable-card-C_wwMtSy.js.map +0 -1
  70. package/dist/editable-table-pro-B40tH9it.js.map +0 -1
  71. package/dist/fba-app-CFR5IVBe.js.map +0 -1
  72. package/dist/form-Bz0Gi7wm.js.map +0 -1
package/dist/index.d.ts CHANGED
@@ -1368,7 +1368,7 @@ export type EasyFormProps = Omit<FormWrapperProps, "children"> & {
1368
1368
  */
1369
1369
  isPure?: boolean;
1370
1370
  /**
1371
- * true: 不使用Antd Form包裹,可在Form、EasyForm、FormWrapper内部使用
1371
+ * true: 当前EasyForm组件不使用Antd Form包裹,可在Form、EasyForm、FormWrapper内部使用
1372
1372
  */
1373
1373
  nonuseFormWrapper?: boolean;
1374
1374
  };
@@ -1376,8 +1376,13 @@ export type EasyFormProps = Omit<FormWrapperProps, "children"> & {
1376
1376
  * 简单Form布局,可自定义网格布局
1377
1377
  * ```
1378
1378
  * 1. demo:https://fex.qa.tcshuke.com/docs/admin/main/form/grid
1379
- * 2. EasyForm的children列表会进行网格化布局,可通过设置 isPure = true设置纯净模式(对EasyForm的子节点不做任何包装处理)
1380
- * 3. EasyForm可嵌套使用,嵌套内部的<EasyForm />节点Form相关属性失效,例如属性form、initialValues等都失效
1379
+ * 2. EasyForm的children列表会进行网格化布局
1380
+ * 3. 自定义栅格占位格数的4中方式
1381
+ * 3.1 设置FormItemWrapper、FormItemText组件span属性;
1382
+ * 3.2 使用 EasyFormItemSpan 包裹children item,设置span属性
1383
+ * 3.3 使用 <BoxGrid.Col span={24} ></BoxGrid.Col> 包裹,设置响应式属性
1384
+ * 3.4 设置 EasyForm isPure = true设置纯净模式,对EasyForm的子节点不做任何包装处理
1385
+ * 4. EasyForm可嵌套使用,嵌套内部的<EasyForm />节点Form相关属性失效,例如属性form、initialValues等都失效
1381
1386
  * <EasyForm form={form}>
1382
1387
  * ....
1383
1388
  * <EasyForm>...</EasyForm>
@@ -1385,14 +1390,14 @@ export type EasyFormProps = Omit<FormWrapperProps, "children"> & {
1385
1390
  * <EasyForm>...</EasyForm>
1386
1391
  * ....
1387
1392
  * </EasyForm>
1388
- * 4. 布局网格以当前组件的宽度来计算的,不是屏幕宽度
1389
- * 5. EasyForm 子节点包含 hidden = true 会被忽略
1390
- * 6. 通过 column 可定义一行显示几列FormItem
1391
- * 7. 通过 labelItemVertical 可定义 formitem 竖直布局
1392
- * 8. 通过 formItemGap 可定义 formItem竖直方向间隙
1393
- * 9. 通过 forceColumn 可强制定义一行显示几列,不考虑响应式
1394
- * 10. 通过 labelWidth 可控制Form内部所有label的宽度(可实现整齐效果)
1395
- * 11. 自定义栅格占位格数,见下方`例如`
1393
+ * 5. 布局网格以当前组件的宽度来计算的,不是屏幕宽度
1394
+ * 6. EasyForm 子节点包含 hidden = true 会被忽略
1395
+ * 7. 通过 column 可定义一行显示几列FormItem
1396
+ * 8. 通过 labelItemVertical 可定义 formitem 竖直布局
1397
+ * 9. 通过 formItemGap 可定义 formItem竖直方向间隙
1398
+ * 10. 通过 forceColumn 可强制定义一行显示几列,不考虑响应式
1399
+ * 11. 通过 labelWidth 可控制Form内部所有label的宽度(可实现整齐效果)
1400
+ * 12. 自定义栅格占位格数,见下方`例如`
1396
1401
 
1397
1402
  * 例如
1398
1403
  * <EasyForm column={3}>
@@ -1543,6 +1548,8 @@ export type EditableCardProps = {
1543
1548
  formListCompleteName?: Array<string | number>;
1544
1549
  /** Form.List name */
1545
1550
  formListName: Array<string | number> | string;
1551
+ /** 设置初始化值 */
1552
+ initialValue?: TPlainObject[];
1546
1553
  /**
1547
1554
  * Form.List rules
1548
1555
  * ```
@@ -2261,6 +2268,8 @@ export type EditableTableProProps = {
2261
2268
  formListName: Array<string | number> | string;
2262
2269
  /** 唯一值字段Key */
2263
2270
  uidFieldKey: string;
2271
+ /** 初始化值 */
2272
+ initialValue?: TPlainObject[];
2264
2273
  /** 指定树形结构的列名,默认值:children */
2265
2274
  childrenColumnName?: string;
2266
2275
  /** 表格组件配置 */
@@ -2997,10 +3006,9 @@ export declare const EasyTable: import("react").ForwardRefExoticComponent<EasyTa
2997
3006
  /**
2998
3007
  * 使用FormList实现可编辑卡片
2999
3008
  * ```
3000
- * 1. 必须在外部包裹Form组件
3009
+ * 1. 必须在外部包裹Form组件或者EasyForm组件
3001
3010
  * 2. 行内需要联动逻辑可使用 column.render.operation.setCurrentRowField 方法
3002
3011
  * 3. 可使用DragEditableCard组件实现拖拽排序
3003
- * 4. 设置EditableCard disabled后,通过 LabelValueRender 组件展示数据,可通过 disabledRenderProps 配置布局
3004
3012
  *
3005
3013
  * demo
3006
3014
  * https://fex.qa.tcshuke.com/docs/admin/main/form/grid
@@ -3512,6 +3520,39 @@ export declare const FormItemHidden: {
3512
3520
  (props: FormItemHiddenProps): import("react").JSX.Element;
3513
3521
  domTypeName: string;
3514
3522
  };
3523
+ export type FormItemSpanProps = {
3524
+ span?: number;
3525
+ children?: ReactNode;
3526
+ };
3527
+ /**
3528
+ * 包裹EasyForm children item元素, 设置自定义栅格占位格数(使用在EasyForm一级子节点下生效)
3529
+ * ```
3530
+ * EasyForm中自定义栅格占位格数方式
3531
+ * 1. 设置 FormItemWrapper、FormItemText 的 span 属性(支持移动端小屏幕span强制转为24逻辑)
3532
+ * 2. 使用 <BoxGrid.Col span={24} ></BoxGrid.Col> 包裹,设置 span 属性(不支持移动端小屏幕span强制转为24逻辑)
3533
+ * 3. 使用 <FormItemSpan span={24} ></FormItemSpan> 包裹,设置 span 属性(支持移动端小屏幕span强制转为24逻辑)
3534
+ * <EasyForm>
3535
+ * <FormItemSpan span={24}>
3536
+ * <CardLayout title={'基本信息'}>
3537
+ * <EasyForm nonuseFormWrapper>
3538
+ * <FormItemWrapper></FormItemWrapper>
3539
+ * </EasyForm>
3540
+ * </CardLayout>
3541
+ * </FormItemSpan>
3542
+ * <FormItemSpan span={24}>
3543
+ * <CardLayout title={'紧急联系人信息'}>
3544
+ * <EasyForm nonuseFormWrapper>
3545
+ * <FormItemWrapper></FormItemWrapper>
3546
+ * </EasyForm>
3547
+ * </CardLayout>
3548
+ * </FormItemSpan>
3549
+ * </EasyForm>
3550
+ * ```
3551
+ */
3552
+ export declare const FormItemSpan: {
3553
+ (props: FormItemSpanProps): import("react").JSX.Element;
3554
+ domTypeName: string;
3555
+ };
3515
3556
  export type FormItemTextServiceConfig = {
3516
3557
  onRequest: (params?: TAny) => Promise<TAny>;
3517
3558
  /** 接口参数,当params发生变化后,会主动发送查询请求 */
@@ -5078,7 +5119,7 @@ export declare const tableCellRender: {
5078
5119
  /** 是否显示分隔符,默认值:false */
5079
5120
  separator?: boolean;
5080
5121
  defaultValue?: string | number;
5081
- /** 隐藏背景颜色 */
5122
+ /** 隐藏背景颜色, 默认值:true */
5082
5123
  hideBgColor?: boolean;
5083
5124
  }) => (value?: string | number) => string | number | import("react").JSX.Element | undefined;
5084
5125
  /**
@@ -5473,130 +5514,6 @@ export type TipsTitleProps = {
5473
5514
  borderColor?: string;
5474
5515
  };
5475
5516
  export declare const TipsTitle: (props: TipsTitleProps) => import("react").JSX.Element | null;
5476
- export type TreeSelectorWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
5477
- export type TreeSelectorServiceConfig = {
5478
- params?: TPlainObject;
5479
- requiredParamsKeys?: string[];
5480
- onRequest?: (params?: TAny) => TAny;
5481
- /**
5482
- * 响应数据适配器
5483
- */
5484
- onRequestResultAdapter?: (respData: TAny) => TPlainObject[];
5485
- };
5486
- export type TreeSelectorWrapperProps = Omit<TreeSelectProps, "treeExpandedKeys" | "treeData" | "loading" | "onTreeExpand" | "onChange" | "value" | "fieldNames" | "defaultValue" | "treeDataSimpleMode"> & {
5487
- modelKey: string;
5488
- fieldNames?: {
5489
- label?: string;
5490
- value?: string;
5491
- children?: string;
5492
- disabled?: string;
5493
- };
5494
- /**
5495
- * useEffect依赖项数组,用于重新发起获取接口数据
5496
- */
5497
- effectDependencyList?: DependencyList;
5498
- /**
5499
- * 请求服务需求的数据,当设置`treeSelectorList`后无效果
5500
- */
5501
- serviceConfig?: TreeSelectorServiceConfig;
5502
- /**
5503
- * 当设置treeSelectorList后,serviceConfig 将失效
5504
- */
5505
- treeSelectorList?: TreeSelectProps["treeData"];
5506
- /**
5507
- * treeSelectorList发生变更时触发
5508
- */
5509
- onTreeSelectorListChange?: (treeSelectorList?: TreeSelectProps["treeData"]) => void;
5510
- /**
5511
- * 通过服务获取数据异常回调,当设置`treeSelectorList`后无效果
5512
- */
5513
- onTreeSelectorRequestError?: (error: Error) => void;
5514
- /**
5515
- * 添加全部选项
5516
- * ```
5517
- * 1. showAllOption = true,添加默认全部选项(value值为空字符串)
5518
- * 2. 可自定义全部选项,例如:{ label: '全部', value: 'all' }
5519
- * 3. 自定义字段会通过fieldNames转换后使用
5520
- * 4. 多选操作时,最好不要设置全部选项
5521
- * ```
5522
- */
5523
- showAllOption?: true | TPlainObject<string | number>;
5524
- /**
5525
- * @deprecated 已过期,请使用onChange
5526
- * 1. 当 treeCheckable = true && treeCheckStrictly = true,如果选择的数据中含有父节点,selectedValue、selectedList返回数据包含父节点
5527
- * 2. 当 treeCheckable = true && treeCheckStrictly = false,selectedValue、selectedList返回的数据不包含父节点
5528
- * 3. 当 treeCheckable = false,节点选择没有级联关系,selectedValue、selectedList返回的数据就是实际选择
5529
- * 4. selectAllDataList 返回的数据都包含父节点
5530
- * 5. 使用 onTreeItemAdapter 拼接label数据后,选中回填数据也是拼接后的
5531
- * 6. triggerInfo 当前操作节点数据
5532
- */
5533
- onChangeHandle?: (selectedValue?: TreeSelectorWrapperValue, selectedData?: TPlainObject[] | TPlainObject, triggerInfo?: TPlainObject) => void;
5534
- /**
5535
- * 1. 当 treeCheckable = true && treeCheckStrictly = true,如果选择的数据中含有父节点,selectedValue、selectedList返回数据包含父节点
5536
- * 2. 当 treeCheckable = true && treeCheckStrictly = false,selectedValue、selectedList返回的数据不包含父节点
5537
- * 3. 当 treeCheckable = false,节点选择没有级联关系,selectedValue、selectedList返回的数据就是实际选择
5538
- * 4. selectAllDataList 返回的数据都包含父节点
5539
- * 5. 使用 onTreeItemAdapter 拼接label数据后,选中回填数据也是拼接后的
5540
- * 6. triggerInfo 当前操作节点数据
5541
- */
5542
- onChange?: (selectedValue?: TreeSelectorWrapperValue, selectedData?: TPlainObject[] | TPlainObject, triggerInfo?: TPlainObject) => void;
5543
- /**
5544
- * tree item 数据适配器,返回的数据会通过fieldNames配置取数据
5545
- * ```
5546
- * 1. 可用于设置disabled状态
5547
- * onTreeItemDataAdapter: (dataItem) => {
5548
- * if(dataItem.xx === xx){
5549
- * dataItem['disabled] = true;
5550
- * }
5551
- * return dataItem;
5552
- * }
5553
- * 2. 可设置label数据显示
5554
- * ```
5555
- */
5556
- onTreeItemDataAdapter?: (dataItem: TPlainObject) => TPlainObject;
5557
- /** 自定义异常提示文案 */
5558
- requestMessageConfig?: TRequestStatusProps["messageConfig"];
5559
- /**
5560
- * value格式
5561
- *```
5562
- * 1. string 、number
5563
- * 2. Array<string | number>
5564
- * 3. lableInValue = true,根据labelInValueFieldNames配置格式
5565
- * 4. lableInValue = true,Array<labelInValueFieldNames配置>
5566
- * ```
5567
- */
5568
- value?: TreeSelectorWrapperValue;
5569
- /**
5570
- * treeCheckStrictly checkable 状态下节点选择完全受控(父子节点选中状态不再关联),
5571
- * 会使得 labelInValue 强制为 true
5572
- */
5573
- labelInValue?: boolean;
5574
- /**
5575
- * ```
5576
- * lableInValue = true,onChange输出数据字段名称,默认:{ label: string; value: string|number }
5577
- * ```
5578
- */
5579
- labelInValueFieldNames?: {
5580
- label: string;
5581
- value: string;
5582
- };
5583
- /**
5584
- * treeCheckStrictly = true模式下有效,点击父节点是否选中所有子节点,默认值:true
5585
- */
5586
- selectedParentCheckedAllChildrenList?: boolean;
5587
- /** 有唯一跟节点时,初始化是否展开,默认值:false */
5588
- initRootExpand?: boolean;
5589
- };
5590
- /**
5591
- * 树选择器包装组件,由于过度封装,部分antd TreeSelect原始功能不支持,不满足情况的请使用antd TreeSelect实现
5592
- * @param props
5593
- * @returns
5594
- * ```
5595
- * 1. 当设置treeSelectorList属性后,serviceConfig、onTreeSelectorListChange将失效
5596
- * 2. 父节点默认不返回,需要返回请设置showCheckedStrategy
5597
- * ```
5598
- */
5599
- export declare const TreeSelectorWrapper: (props: TreeSelectorWrapperProps) => import("react").JSX.Element;
5600
5517
  export type TreeWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
5601
5518
  export type TreeServiceConfig = {
5602
5519
  params?: TPlainObject;
@@ -5679,9 +5596,23 @@ export type TreeWrapperProps = Omit<TreeProps, "treeData" | "onExpand" | "select
5679
5596
  searchValue?: string;
5680
5597
  /**
5681
5598
  * checkable模式下,onChange是否返回父节点,默认值true
5682
- * 1. checkStrictly = true,模式下失效
5599
+ * @description 已过期,请使用 checkableType 配置
5600
+ * ```
5601
+ * 注意:checkStrictly = true,checkableResponseParentNode配置失效
5602
+ * ```
5683
5603
  */
5684
5604
  checkableResponseParentNode?: boolean;
5605
+ /**
5606
+ * 节点选择类型(默认值:'2'), 多选时有效
5607
+ * ```
5608
+ * '1' 表示返回所有选中的节点(包含父节点和叶子节点)
5609
+ * '2' 表示只返回叶子节点
5610
+ * '3' 表示当叶子节点全选时,返回父节点,不返回下面的叶子节点
5611
+ *
5612
+ * 注意:checkStrictly = true,checkableType配置失效
5613
+ * ```
5614
+ */
5615
+ checkableType?: "1" | "2" | "3";
5685
5616
  /**
5686
5617
  * 菜单结构类型 tile/平铺 fold/折叠;默认:fold
5687
5618
  * @deprecated 已过期 4.3.0版本移除,请使用 menus
@@ -5838,6 +5769,198 @@ export type TreeWrapperRefApi = {
5838
5769
  export declare const TreeWrapper: ForwardRefExoticComponent<TreeWrapperProps & RefAttributes<TreeWrapperRefApi>> & {
5839
5770
  getTreeDataList: (modelKey: string) => TPlainObject[];
5840
5771
  };
5772
+ export type TreeModelSelectItem = {
5773
+ label: string;
5774
+ value: string | number;
5775
+ };
5776
+ export type TreeModelSelectValue = TreeModelSelectItem[] | Array<TreeModelSelectItem["value"]> | TreeModelSelectItem["value"];
5777
+ export type TreeModalProps = {
5778
+ /** 是否多选,默认值:true */
5779
+ isMultiple?: boolean;
5780
+ forceRender?: boolean;
5781
+ children: ReactElement & {
5782
+ onClick?: (e: any) => void | Promise<void>;
5783
+ };
5784
+ /**
5785
+ * 内置尺寸,根据比例固定高度、宽度,默认:large
5786
+ */
5787
+ size?: "small" | "middle" | "large";
5788
+ /** 字段映射 */
5789
+ fieldNames?: {
5790
+ label?: string;
5791
+ value?: string;
5792
+ children?: string;
5793
+ };
5794
+ /** 接口调用 */
5795
+ onRequest: () => Promise<TPlainObject[]>;
5796
+ value?: TreeModelSelectValue;
5797
+ onChange?: (values?: TreeModelSelectItem[]) => void;
5798
+ textConfig: {
5799
+ title: string;
5800
+ /** 选择为空提示,例如:请选择 */
5801
+ placeholder?: string;
5802
+ /** 选择数量提示,例如:已选择{total}位用户 */
5803
+ selectQuantityPrompt?: string;
5804
+ };
5805
+ /** 选中值变更change,包括入参value、操作选中等 */
5806
+ onSelectChange?: (values?: TreeModelSelectItem[]) => void;
5807
+ onChangeDataSource?: (treeDataList: TPlainObject[], mapData: TPlainObject) => void;
5808
+ modalClassName?: string;
5809
+ modalWidth?: number;
5810
+ modalBodyHeight?: number;
5811
+ treeProps?: Pick<TreeWrapperProps, "showSearch" | "searchResultType" | "searchPlaceholder" | "searchValue" | "loadDataFlag" | "loadDataServiceConfig" | "icon" | "disabledCanUse" | "treeItemDataAdapter" | "searchExtraElement" | "initRootExpand" | "searchResultType" | "labelRender" | "customSearchRule" | "checkableType">;
5812
+ };
5813
+ /**
5814
+ * 树节点数据选择,一般用于选择员工等
5815
+ * ```
5816
+ * 1. 可通过 treeProps.checkableType 配置多选节点模式(包括返回所有节点、只返回叶子节点、叶子节点&父节点全选只返回父节点),默认只返回叶子节点
5817
+ * 2. demo: https://fex.qa.tcshuke.com/docs/admin/main/selector/tree
5818
+ * ```
5819
+ */
5820
+ export declare const TreeModal: (props: TreeModalProps) => import("react").JSX.Element;
5821
+ export type TreeModalSelectorProps = Omit<TreeModalProps, "children" | "forceRender" | "onChange"> & {
5822
+ placeholder?: string;
5823
+ /**
5824
+ * 1. 可指定数量
5825
+ * 2. 可设置 responsive,一行自适应显示
5826
+ */
5827
+ maxTagCount?: number | "responsive";
5828
+ /** 是否返回label+value模式 */
5829
+ labelInValue?: boolean;
5830
+ onChange?: (values?: TreeModelSelectItem[] | TreeModelSelectItem) => void;
5831
+ };
5832
+ /**
5833
+ * 树弹框选择器
5834
+ * ```
5835
+ * 1. 可通过 treeProps.checkableType 配置多选节点模式(包括返回所有节点、只返回叶子节点、叶子节点&父节点全选只返回父节点),默认只返回叶子节点
5836
+ * 2. demo: https://fex.qa.tcshuke.com/docs/admin/main/selector/tree
5837
+ * ```
5838
+ */
5839
+ export declare const TreeModalSelector: (props: TreeModalSelectorProps) => import("react").JSX.Element;
5840
+ export type TreeSelectorWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
5841
+ export type TreeSelectorServiceConfig = {
5842
+ params?: TPlainObject;
5843
+ requiredParamsKeys?: string[];
5844
+ onRequest?: (params?: TAny) => TAny;
5845
+ /**
5846
+ * 响应数据适配器
5847
+ */
5848
+ onRequestResultAdapter?: (respData: TAny) => TPlainObject[];
5849
+ };
5850
+ export type TreeSelectorWrapperProps = Omit<TreeSelectProps, "treeExpandedKeys" | "treeData" | "loading" | "onTreeExpand" | "onChange" | "value" | "fieldNames" | "defaultValue" | "treeDataSimpleMode"> & {
5851
+ modelKey: string;
5852
+ fieldNames?: {
5853
+ label?: string;
5854
+ value?: string;
5855
+ children?: string;
5856
+ disabled?: string;
5857
+ };
5858
+ /**
5859
+ * useEffect依赖项数组,用于重新发起获取接口数据
5860
+ */
5861
+ effectDependencyList?: DependencyList;
5862
+ /**
5863
+ * 请求服务需求的数据,当设置`treeSelectorList`后无效果
5864
+ */
5865
+ serviceConfig?: TreeSelectorServiceConfig;
5866
+ /**
5867
+ * 当设置treeSelectorList后,serviceConfig 将失效
5868
+ */
5869
+ treeSelectorList?: TreeSelectProps["treeData"];
5870
+ /**
5871
+ * treeSelectorList发生变更时触发
5872
+ */
5873
+ onTreeSelectorListChange?: (treeSelectorList?: TreeSelectProps["treeData"]) => void;
5874
+ /**
5875
+ * 通过服务获取数据异常回调,当设置`treeSelectorList`后无效果
5876
+ */
5877
+ onTreeSelectorRequestError?: (error: Error) => void;
5878
+ /**
5879
+ * 添加全部选项
5880
+ * ```
5881
+ * 1. showAllOption = true,添加默认全部选项(value值为空字符串)
5882
+ * 2. 可自定义全部选项,例如:{ label: '全部', value: 'all' }
5883
+ * 3. 自定义字段会通过fieldNames转换后使用
5884
+ * 4. 多选操作时,最好不要设置全部选项
5885
+ * ```
5886
+ */
5887
+ showAllOption?: true | TPlainObject<string | number>;
5888
+ /**
5889
+ * @deprecated 已过期,请使用onChange
5890
+ * 1. 当 treeCheckable = true && treeCheckStrictly = true,如果选择的数据中含有父节点,selectedValue、selectedList返回数据包含父节点
5891
+ * 2. 当 treeCheckable = true && treeCheckStrictly = false,selectedValue、selectedList返回的数据不包含父节点
5892
+ * 3. 当 treeCheckable = false,节点选择没有级联关系,selectedValue、selectedList返回的数据就是实际选择
5893
+ * 4. selectAllDataList 返回的数据都包含父节点
5894
+ * 5. 使用 onTreeItemAdapter 拼接label数据后,选中回填数据也是拼接后的
5895
+ * 6. triggerInfo 当前操作节点数据
5896
+ */
5897
+ onChangeHandle?: (selectedValue?: TreeSelectorWrapperValue, selectedData?: TPlainObject[] | TPlainObject, triggerInfo?: TPlainObject) => void;
5898
+ /**
5899
+ * 1. 当 treeCheckable = true && treeCheckStrictly = true,如果选择的数据中含有父节点,selectedValue、selectedList返回数据包含父节点
5900
+ * 2. 当 treeCheckable = true && treeCheckStrictly = false,selectedValue、selectedList返回的数据不包含父节点
5901
+ * 3. 当 treeCheckable = false,节点选择没有级联关系,selectedValue、selectedList返回的数据就是实际选择
5902
+ * 4. selectAllDataList 返回的数据都包含父节点
5903
+ * 5. 使用 onTreeItemAdapter 拼接label数据后,选中回填数据也是拼接后的
5904
+ * 6. triggerInfo 当前操作节点数据
5905
+ */
5906
+ onChange?: (selectedValue?: TreeSelectorWrapperValue, selectedData?: TPlainObject[] | TPlainObject, triggerInfo?: TPlainObject) => void;
5907
+ /**
5908
+ * tree item 数据适配器,返回的数据会通过fieldNames配置取数据
5909
+ * ```
5910
+ * 1. 可用于设置disabled状态
5911
+ * onTreeItemDataAdapter: (dataItem) => {
5912
+ * if(dataItem.xx === xx){
5913
+ * dataItem['disabled] = true;
5914
+ * }
5915
+ * return dataItem;
5916
+ * }
5917
+ * 2. 可设置label数据显示
5918
+ * ```
5919
+ */
5920
+ onTreeItemDataAdapter?: (dataItem: TPlainObject) => TPlainObject;
5921
+ /** 自定义异常提示文案 */
5922
+ requestMessageConfig?: TRequestStatusProps["messageConfig"];
5923
+ /**
5924
+ * value格式
5925
+ *```
5926
+ * 1. string 、number
5927
+ * 2. Array<string | number>
5928
+ * 3. lableInValue = true,根据labelInValueFieldNames配置格式
5929
+ * 4. lableInValue = true,Array<labelInValueFieldNames配置>
5930
+ * ```
5931
+ */
5932
+ value?: TreeSelectorWrapperValue;
5933
+ /**
5934
+ * treeCheckStrictly checkable 状态下节点选择完全受控(父子节点选中状态不再关联),
5935
+ * 会使得 labelInValue 强制为 true
5936
+ */
5937
+ labelInValue?: boolean;
5938
+ /**
5939
+ * ```
5940
+ * lableInValue = true,onChange输出数据字段名称,默认:{ label: string; value: string|number }
5941
+ * ```
5942
+ */
5943
+ labelInValueFieldNames?: {
5944
+ label: string;
5945
+ value: string;
5946
+ };
5947
+ /**
5948
+ * treeCheckStrictly = true模式下有效,点击父节点是否选中所有子节点,默认值:true
5949
+ */
5950
+ selectedParentCheckedAllChildrenList?: boolean;
5951
+ /** 有唯一跟节点时,初始化是否展开,默认值:false */
5952
+ initRootExpand?: boolean;
5953
+ };
5954
+ /**
5955
+ * 树选择器包装组件,由于过度封装,部分antd TreeSelect原始功能不支持,不满足情况的请使用antd TreeSelect实现
5956
+ * @param props
5957
+ * @returns
5958
+ * ```
5959
+ * 1. 当设置treeSelectorList属性后,serviceConfig、onTreeSelectorListChange将失效
5960
+ * 2. 父节点默认不返回,需要返回请设置showCheckedStrategy
5961
+ * ```
5962
+ */
5963
+ export declare const TreeSelectorWrapper: (props: TreeSelectorWrapperProps) => import("react").JSX.Element;
5841
5964
  export type TXMindTreeItem = {
5842
5965
  data: {
5843
5966
  /** 节点文本 */
package/dist/index.js CHANGED
@@ -59,6 +59,7 @@ import './flex-layout/index.css';
59
59
  import './form-grid/index.css';
60
60
  import './form-item-group/index.css';
61
61
  import './form-item-hidden/index.css';
62
+ import './form-item-span/index.css';
62
63
  import './form-item-text/index.css';
63
64
  import './form-item-wrapper/index.css';
64
65
  import './form-list-wrapper/index.css';
@@ -117,6 +118,8 @@ import './time-range-picker-wrapper-form-item/index.css';
117
118
  import './time-range-picker-wrapper/index.css';
118
119
  import './tips-title/index.css';
119
120
  import './tips-wrapper/index.css';
121
+ import './tree-modal-selector/index.css';
122
+ import './tree-modal/index.css';
120
123
  import './tree-selector-wrapper/index.css';
121
124
  import './tree-wrapper/index.css';
122
125
  import './types/index.css';
@@ -135,7 +138,7 @@ export { A as AmountFenInput } from './amount-fen-input-yhjQwtSI.js';
135
138
  export { A as AmountFenInputFormItem } from './amount-fen-input-Ca3Kv5ei.js';
136
139
  export { A as AnchorSteps } from './anchor-steps-BQK32Pbd.js';
137
140
  export { B as BlockLayout } from './layout-OPf8eBBY.js';
138
- export { B as Bootstrap } from './bootstrap-BjobvUl2.js';
141
+ export { B as Bootstrap } from './bootstrap-BPinDEWu.js';
139
142
  export { BoxGrid, useBoxBreakpoint } from './box-grid/index.js';
140
143
  export { a as ButtonOperate, B as ButtonOperateItemContent } from './button-operate-BRkW26Up.js';
141
144
  export { B as ButtonWrapper } from './button-wrapper-l9FUsrWl.js';
@@ -154,26 +157,26 @@ export { D as DateRangePickerWrapperFormItem } from './date-range-picker-wrapper
154
157
  export { D as DeleteNode } from './delete-node-CwCgmlIq.js';
155
158
  export { d as dialogAlert } from './dialog-alert-qO-Ea-MY.js';
156
159
  export { d as dialogConfirm } from './dialog-confirm-BqB8wyB6.js';
157
- export { d as dialogDrawer } from './dialog-drawer-CQD19DJY.js';
160
+ export { d as dialogDrawer } from './dialog-drawer-D7lYByyr.js';
158
161
  export { D as DialogDrawerContent } from './content-CQdbAO0t.js';
159
162
  export { d as dialogLoading } from './dialog-loading-DdKI0dnm.js';
160
163
  export { d as dialogModal } from './dialog-modal-xt2uoEa-.js';
161
164
  export { D as DragCollapse } from './drag-collapse-wL7wIgVO.js';
162
165
  export { D as DragCollapseFormList } from './drag-collapse-DU_JhQTz.js';
163
- export { D as DragEditableCard } from './editable-card-B5CLgiDY.js';
164
- export { D as DragEditableTable } from './drag-DcYB-GOo.js';
165
- export { D as DragEditableTablePro } from './drag-BOT05TxF.js';
166
+ export { D as DragEditableCard } from './editable-card-DzY1frTO.js';
167
+ export { D as DragEditableTable } from './drag-vcg-f-hJ.js';
168
+ export { D as DragEditableTablePro } from './drag-CBosXqSQ.js';
166
169
  export { D as DragFormList } from './drag-form-list-BGqbBKJM.js';
167
170
  export { D as DragTable } from './drag-table-By85hEGF.js';
168
171
  export { D as DropdownMenuWrapper } from './dropdown-menu-wrapper-CSzVvlcO.js';
169
172
  export { d as dynamicNode } from './dynamic-node-B_An5owN.js';
170
- export { E as EasyForm } from './form-Bz0Gi7wm.js';
173
+ export { E as EasyForm } from './form-DlOnlnEr.js';
171
174
  export { EasyTable } from './easy-table/index.js';
172
- export { E as EditableCard } from './editable-card-C_wwMtSy.js';
175
+ export { E as EditableCard } from './editable-card-Od2SiaIS.js';
173
176
  export { E as EditableField } from './editable-field-XVZ1Rqdm.js';
174
177
  export { E as EditableFieldProvider } from './editable-field-provider-DqKcZQYP.js';
175
- export { E as EditableTable } from './editable-table-DMtxWoAn.js';
176
- export { E as EditableTablePro } from './editable-table-pro-B40tH9it.js';
178
+ export { E as EditableTable } from './editable-table-Buqnm-R4.js';
179
+ export { E as EditableTablePro } from './editable-table-pro-D8Vt535W.js';
177
180
  export { E as ErrorBoundaryWrapper } from './error-boundary-DtShAEtQ.js';
178
181
  export { FbaApp } from './fba-app/index.js';
179
182
  export { fbaHooks } from './fba-hooks/index.js';
@@ -185,6 +188,7 @@ export { F as FlexLayout } from './flex-layout-BaDncU_Z.js';
185
188
  export { FormGrid } from './form-grid/index.js';
186
189
  export { FormItemGroup } from './form-item-group/index.js';
187
190
  export { F as FormItemHidden } from './form-item-hidden-B9afZdSe.js';
191
+ export { F as FormItemSpan } from './span-_AZUf9Zw.js';
188
192
  export { F as FormItemText } from './form-item-text-B-uUpFQ3.js';
189
193
  export { F as FormItemWrapper } from './form-item-wrapper-CwXh7JxL.js';
190
194
  export { F as FormListWrapper } from './form-list-wrapper-DdhJ2Pv3.js';
@@ -228,7 +232,7 @@ export { styles } from './styles/index.js';
228
232
  export { S as SvgHttpView } from './svg-DXIM5sfc.js';
229
233
  export { S as SwitchConfirmWrapper } from './switch-confirm-wrapper-BW9G4u03.js';
230
234
  export { S as SwitchWrapper } from './switch-wrapper-CfxaLAKg.js';
231
- export { t as tableCellRender } from './cell-render-DknjxNlB.js';
235
+ export { t as tableCellRender } from './cell-render-CU74zUFQ.js';
232
236
  export { T as TableScrollbar } from './table-scrollbar-CBqQ4pYQ.js';
233
237
  export { T as TableTitleTooltip } from './title-render-DGYUo6yV.js';
234
238
  export { T as TabsWrapper } from './tabs-wrapper-CAj9ErGH.js';
@@ -243,6 +247,8 @@ export { T as TimeRangePickerWrapper } from './time-range-picker-wrapper-BpQQjbc
243
247
  export { T as TimeRangePickerWrapperFormItem } from './time-range-picker-wrapper-form-item-C-4lPRGY.js';
244
248
  export { T as TipsTitle } from './tips-title-DWwc8kJv.js';
245
249
  export { T as TipsWrapper } from './tips-wrapper-Bf9nfZq3.js';
250
+ export { T as TreeModal } from './select-modal-Dt4YHH8a.js';
251
+ export { T as TreeModalSelector } from './selector-HbymPXNd.js';
246
252
  export { T as TreeSelectorWrapper } from './tree-selector-wrapper-Jh2ePDFB.js';
247
253
  export { TreeWrapper } from './tree-wrapper/index.js';
248
254
  export { types } from './types/index.js';
@@ -271,7 +277,7 @@ import 'xml-formatter';
271
277
  import 'ace-builds/src-noconflict/mode-xml.js';
272
278
  import 'ace-builds/src-noconflict/snippets/xml.js';
273
279
  import '@dimjs/utils/get/get';
274
- import './fba-app-CFR5IVBe.js';
280
+ import './fba-app-Bys4HJRC.js';
275
281
  import '@dimjs/lang/is-promise';
276
282
  import 'ahooks';
277
283
  import '@wove/react/create-ctx';
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}