@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.
- package/dist/bootstrap/index.js +2 -2
- package/dist/{bootstrap-BjobvUl2.js → bootstrap-BPinDEWu.js} +2 -2
- package/dist/{bootstrap-BjobvUl2.js.map → bootstrap-BPinDEWu.js.map} +1 -1
- package/dist/{cell-render-DknjxNlB.js → cell-render-CU74zUFQ.js} +3 -2
- package/dist/cell-render-CU74zUFQ.js.map +1 -0
- package/dist/dialog-drawer/index.js +1 -1
- package/dist/{dialog-drawer-CQD19DJY.js → dialog-drawer-D7lYByyr.js} +7 -13
- package/dist/dialog-drawer-D7lYByyr.js.map +1 -0
- package/dist/{drag-BOT05TxF.js → drag-CBosXqSQ.js} +2 -2
- package/dist/{drag-BOT05TxF.js.map → drag-CBosXqSQ.js.map} +1 -1
- package/dist/drag-editable-card/index.d.ts +3 -1
- package/dist/drag-editable-card/index.js +3 -3
- package/dist/drag-editable-table/index.js +3 -3
- package/dist/drag-editable-table-pro/index.d.ts +2 -0
- package/dist/drag-editable-table-pro/index.js +2 -2
- package/dist/{drag-DcYB-GOo.js → drag-vcg-f-hJ.js} +2 -2
- package/dist/{drag-DcYB-GOo.js.map → drag-vcg-f-hJ.js.map} +1 -1
- package/dist/easy-form/index.d.ts +16 -11
- package/dist/easy-form/index.js +1 -1
- package/dist/easy-table/index.d.ts +1 -1
- package/dist/easy-table/index.js +1 -1
- package/dist/editable-card/index.d.ts +4 -3
- package/dist/editable-card/index.js +2 -2
- package/dist/{editable-card-B5CLgiDY.js → editable-card-DzY1frTO.js} +2 -2
- package/dist/{editable-card-B5CLgiDY.js.map → editable-card-DzY1frTO.js.map} +1 -1
- package/dist/{editable-card-C_wwMtSy.js → editable-card-Od2SiaIS.js} +25 -19
- package/dist/editable-card-Od2SiaIS.js.map +1 -0
- package/dist/editable-table/index.js +2 -2
- package/dist/{editable-table-DMtxWoAn.js → editable-table-Buqnm-R4.js} +2 -2
- package/dist/{editable-table-DMtxWoAn.js.map → editable-table-Buqnm-R4.js.map} +1 -1
- package/dist/editable-table-pro/index.d.ts +2 -0
- package/dist/editable-table-pro/index.js +1 -1
- package/dist/{editable-table-pro-B40tH9it.js → editable-table-pro-D8Vt535W.js} +2 -1
- package/dist/editable-table-pro-D8Vt535W.js.map +1 -0
- package/dist/fba-app/index.js +1 -1
- package/dist/{fba-app-CFR5IVBe.js → fba-app-Bys4HJRC.js} +8 -8
- package/dist/fba-app-Bys4HJRC.js.map +1 -0
- package/dist/{form-Bz0Gi7wm.js → form-DlOnlnEr.js} +30 -16
- package/dist/form-DlOnlnEr.js.map +1 -0
- package/dist/form-item-span/index.css +0 -0
- package/dist/form-item-span/index.d.ts +35 -0
- package/dist/form-item-span/index.js +14 -0
- package/dist/form-item-span/index.js.map +1 -0
- package/dist/index.d.ts +262 -139
- package/dist/index.js +17 -11
- package/dist/index.js.map +1 -1
- package/dist/select-modal-Dt4YHH8a.js +370 -0
- package/dist/select-modal-Dt4YHH8a.js.map +1 -0
- package/dist/selector-HbymPXNd.js +89 -0
- package/dist/selector-HbymPXNd.js.map +1 -0
- package/dist/span-_AZUf9Zw.js +40 -0
- package/dist/span-_AZUf9Zw.js.map +1 -0
- package/dist/table-cell-render/index.d.ts +1 -1
- package/dist/table-cell-render/index.js +1 -1
- package/dist/tree-modal/index.css +0 -0
- package/dist/tree-modal/index.d.ts +415 -0
- package/dist/tree-modal/index.js +73 -0
- package/dist/tree-modal/index.js.map +1 -0
- package/dist/tree-modal-selector/index.css +0 -0
- package/dist/tree-modal-selector/index.d.ts +426 -0
- package/dist/tree-modal-selector/index.js +75 -0
- package/dist/tree-modal-selector/index.js.map +1 -0
- package/dist/tree-wrapper/index.d.ts +15 -1
- package/dist/tree-wrapper/index.js +188 -77
- package/dist/tree-wrapper/index.js.map +1 -1
- package/package.json +15 -3
- package/dist/cell-render-DknjxNlB.js.map +0 -1
- package/dist/dialog-drawer-CQD19DJY.js.map +0 -1
- package/dist/editable-card-C_wwMtSy.js.map +0 -1
- package/dist/editable-table-pro-B40tH9it.js.map +0 -1
- package/dist/fba-app-CFR5IVBe.js.map +0 -1
- 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:
|
|
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
|
|
1380
|
-
* 3.
|
|
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
|
-
*
|
|
1389
|
-
*
|
|
1390
|
-
*
|
|
1391
|
-
*
|
|
1392
|
-
*
|
|
1393
|
-
*
|
|
1394
|
-
*
|
|
1395
|
-
*
|
|
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
|
-
*
|
|
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-
|
|
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-
|
|
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-
|
|
164
|
-
export { D as DragEditableTable } from './drag-
|
|
165
|
-
export { D as DragEditableTablePro } from './drag-
|
|
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-
|
|
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-
|
|
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-
|
|
176
|
-
export { E as EditableTablePro } from './editable-table-pro-
|
|
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-
|
|
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-
|
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|