@flatbiz/antd 4.5.27 → 4.5.29
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/esm/dialog-modal/index.js +1 -1
- package/esm/dialog-modal/index.js.map +1 -1
- package/esm/easy-form/index.js +1 -1
- package/esm/easy-form/index.js.map +1 -1
- package/esm/editable-card/index.js +1 -1
- package/esm/editable-card/index.js.map +1 -1
- package/esm/editable-table-pro/index.js +1 -1
- package/esm/editable-table-pro/index.js.map +1 -1
- package/esm/fba-app/index.js +1 -1
- package/esm/fba-app/index.js.map +1 -1
- package/esm/form-item-span/index.css +0 -0
- package/esm/form-item-span/index.js +6 -0
- package/esm/form-item-span/index.js.map +1 -0
- package/esm/index.js +6 -2
- package/esm/number-range-form-item/index.css +1 -0
- package/esm/number-range-form-item/index.js +8 -0
- package/esm/number-range-form-item/index.js.map +1 -0
- package/esm/tree-modal/index.css +0 -0
- package/esm/tree-modal/index.js +21 -0
- package/esm/tree-modal/index.js.map +1 -0
- package/esm/tree-modal-selector/index.css +0 -0
- package/esm/tree-modal-selector/index.js +22 -0
- package/esm/tree-modal-selector/index.js.map +1 -0
- package/esm/tree-wrapper/index.js +1 -1
- package/esm/tree-wrapper/index.js.map +1 -1
- package/index.d.ts +284 -133
- package/package.json +3 -3
package/index.d.ts
CHANGED
|
@@ -1517,7 +1517,7 @@ export type EditableCardColumnItem = {
|
|
|
1517
1517
|
*/
|
|
1518
1518
|
dataIndex: EditableCardDataIndex;
|
|
1519
1519
|
/** 是否可编辑 */
|
|
1520
|
-
editable: boolean | ((
|
|
1520
|
+
editable: boolean | ((operation: Pick<EditableCardOperation, "index" | "getCurrentRowData">, index: number) => boolean);
|
|
1521
1521
|
/**
|
|
1522
1522
|
* 布局占用网格数目(最大数值24)
|
|
1523
1523
|
* ```
|
|
@@ -1573,10 +1573,12 @@ export type EditableCardColumnItem = {
|
|
|
1573
1573
|
/**
|
|
1574
1574
|
* 隐藏域设置
|
|
1575
1575
|
* ```
|
|
1576
|
-
* 如果是动态隐藏,并且在逻辑切换后无效果,可尝试执行
|
|
1576
|
+
* 如果是动态隐藏,并且在逻辑切换后无效果,可尝试执行 operation.forceUpdate()
|
|
1577
1577
|
* ```
|
|
1578
1578
|
*/
|
|
1579
|
-
hidden?: (
|
|
1579
|
+
hidden?: (operation: EditableCardOperation, index: number) => boolean;
|
|
1580
|
+
/** 移除设置,优先级高于 hidden */
|
|
1581
|
+
remove?: (operation: EditableCardOperation, index: number) => boolean;
|
|
1580
1582
|
};
|
|
1581
1583
|
export type EditableCardProps = {
|
|
1582
1584
|
className?: string;
|
|
@@ -1594,6 +1596,8 @@ export type EditableCardProps = {
|
|
|
1594
1596
|
formListCompleteName?: Array<string | number>;
|
|
1595
1597
|
/** Form.List name */
|
|
1596
1598
|
formListName: Array<string | number> | string;
|
|
1599
|
+
/** 初始化值 */
|
|
1600
|
+
initialValue?: TPlainObject[];
|
|
1597
1601
|
/**
|
|
1598
1602
|
* Form.List rules
|
|
1599
1603
|
* ```
|
|
@@ -1613,6 +1617,7 @@ export type EditableCardProps = {
|
|
|
1613
1617
|
addRowDefaultValues?: () => TPlainObject;
|
|
1614
1618
|
/** 隐藏底部`新增`按钮 */
|
|
1615
1619
|
hiddenFooterBtn?: boolean;
|
|
1620
|
+
addRowBtnName?: string;
|
|
1616
1621
|
/** 顶部区域渲染 */
|
|
1617
1622
|
contentBeforeRender?: (formListOperation: FormListOperation, nextRowIndex: number) => ReactElement | null;
|
|
1618
1623
|
/** 底部区域渲染 */
|
|
@@ -1816,6 +1821,13 @@ export type SelectorWrapperProps = Omit<SelectProps, "onSearch" | "notFoundConte
|
|
|
1816
1821
|
showIcon?: boolean;
|
|
1817
1822
|
/** select option添加图标;与showIcon组合使用 */
|
|
1818
1823
|
icon?: (data: TPlainObject, index: number) => ReactElement;
|
|
1824
|
+
/**
|
|
1825
|
+
* 配置文案
|
|
1826
|
+
* ```
|
|
1827
|
+
* 例如:
|
|
1828
|
+
* 1. no-dependencies-params:未获取到依赖查询条件
|
|
1829
|
+
* ```
|
|
1830
|
+
*/
|
|
1819
1831
|
requestMessageConfig?: TRequestStatusProps["messageConfig"];
|
|
1820
1832
|
/**
|
|
1821
1833
|
* value格式
|
|
@@ -2318,6 +2330,8 @@ export type EditableTableProProps = {
|
|
|
2318
2330
|
formListName: Array<string | number> | string;
|
|
2319
2331
|
/** 唯一值字段Key */
|
|
2320
2332
|
uidFieldKey: string;
|
|
2333
|
+
/** 初始化值 */
|
|
2334
|
+
initialValue?: TPlainObject[];
|
|
2321
2335
|
/** 指定树形结构的列名,默认值:children */
|
|
2322
2336
|
childrenColumnName?: string;
|
|
2323
2337
|
/** 表格组件配置 */
|
|
@@ -3095,11 +3109,9 @@ export declare const EasyTable: import("react").ForwardRefExoticComponent<EasyTa
|
|
|
3095
3109
|
/**
|
|
3096
3110
|
* 使用FormList实现可编辑卡片
|
|
3097
3111
|
* ```
|
|
3098
|
-
* 1.
|
|
3099
|
-
* 2.
|
|
3100
|
-
* 3.
|
|
3101
|
-
* 4. 可使用DragEditableCard组件实现拖拽排序
|
|
3102
|
-
* 5. 设置EditableCard disabled后,通过 LabelValueRender 组件展示数据,可通过 disabledRenderProps 配置布局
|
|
3112
|
+
* 1. 必须在外部包裹Form组件或者EasyForm组件
|
|
3113
|
+
* 2. 行内需要联动逻辑可使用 column.render.operation.setCurrentRowField 方法
|
|
3114
|
+
* 3. 可使用DragEditableCard组件实现拖拽排序
|
|
3103
3115
|
*
|
|
3104
3116
|
* demo
|
|
3105
3117
|
* https://fex.qa.tcshuke.com/docs/admin/main/form/grid
|
|
@@ -3638,6 +3650,39 @@ export declare const FormItemHidden: {
|
|
|
3638
3650
|
(props: FormItemHiddenProps): import("react/jsx-runtime").JSX.Element;
|
|
3639
3651
|
domTypeName: string;
|
|
3640
3652
|
};
|
|
3653
|
+
export type FormItemSpanProps = {
|
|
3654
|
+
span?: number;
|
|
3655
|
+
children?: React.ReactNode;
|
|
3656
|
+
};
|
|
3657
|
+
/**
|
|
3658
|
+
* 包裹EasyForm children item元素, 设置自定义栅格占位格数(使用在EasyForm一级子节点下生效)
|
|
3659
|
+
* ```
|
|
3660
|
+
* EasyForm中自定义栅格占位格数方式
|
|
3661
|
+
* 1. 设置 FormItemWrapper、FormItemText 的 span 属性(支持移动端小屏幕span强制转为24逻辑)
|
|
3662
|
+
* 2. 使用 <BoxGrid.Col span={24} ></BoxGrid.Col> 包裹,设置 span 属性(不支持移动端小屏幕span强制转为24逻辑)
|
|
3663
|
+
* 3. 使用 <FormItemSpan span={24} ></FormItemSpan> 包裹,设置 span 属性(支持移动端小屏幕span强制转为24逻辑)
|
|
3664
|
+
* <EasyForm>
|
|
3665
|
+
* <FormItemSpan span={24}>
|
|
3666
|
+
* <CardLayout title={'基本信息'}>
|
|
3667
|
+
* <EasyForm nonuseFormWrapper>
|
|
3668
|
+
* <FormItemWrapper></FormItemWrapper>
|
|
3669
|
+
* </EasyForm>
|
|
3670
|
+
* </CardLayout>
|
|
3671
|
+
* </FormItemSpan>
|
|
3672
|
+
* <FormItemSpan span={24}>
|
|
3673
|
+
* <CardLayout title={'紧急联系人信息'}>
|
|
3674
|
+
* <EasyForm nonuseFormWrapper>
|
|
3675
|
+
* <FormItemWrapper></FormItemWrapper>
|
|
3676
|
+
* </EasyForm>
|
|
3677
|
+
* </CardLayout>
|
|
3678
|
+
* </FormItemSpan>
|
|
3679
|
+
* </EasyForm>
|
|
3680
|
+
* ```
|
|
3681
|
+
*/
|
|
3682
|
+
export declare const FormItemSpan: {
|
|
3683
|
+
(props: FormItemSpanProps): import("react/jsx-runtime").JSX.Element;
|
|
3684
|
+
domTypeName: string;
|
|
3685
|
+
};
|
|
3641
3686
|
export type FormItemTextServiceConfig = {
|
|
3642
3687
|
onRequest: (params?: TAny) => Promise<TAny>;
|
|
3643
3688
|
/** 接口参数,当params发生变化后,会主动发送查询请求 */
|
|
@@ -4263,6 +4308,30 @@ declare const ModalWrapperFooter: (props: any) => import("react/jsx-runtime").JS
|
|
|
4263
4308
|
* ```
|
|
4264
4309
|
*/
|
|
4265
4310
|
export declare const ModalWrapper: FC<ModalWrapperProps> & ModalWrapperStaticMethods;
|
|
4311
|
+
export type NumberRangeFormItemProps = Omit<FormItemWrapperProps, "name" | "rules"> & {
|
|
4312
|
+
minFormItemName: FormItemNamePath;
|
|
4313
|
+
maxFormItemName: FormItemNamePath;
|
|
4314
|
+
/** 是否必填 */
|
|
4315
|
+
required?: boolean;
|
|
4316
|
+
/** 必填验证异常文案 */
|
|
4317
|
+
requiredRuleMessage?: string | [
|
|
4318
|
+
string,
|
|
4319
|
+
string
|
|
4320
|
+
];
|
|
4321
|
+
/** 范围验证异常文案 */
|
|
4322
|
+
rangeRuleMessage?: string | [
|
|
4323
|
+
string,
|
|
4324
|
+
string
|
|
4325
|
+
];
|
|
4326
|
+
minInputNumberProps?: Omit<InputNumberProps, "value">;
|
|
4327
|
+
maxInputNumberProps?: Omit<InputNumberProps, "value">;
|
|
4328
|
+
/** 最小值与最大值输入是否可以相同 */
|
|
4329
|
+
isInputEqual?: boolean;
|
|
4330
|
+
};
|
|
4331
|
+
/**
|
|
4332
|
+
* 数字输入范围组件
|
|
4333
|
+
*/
|
|
4334
|
+
export declare const NumberRangeFormItem: (props: NumberRangeFormItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
4266
4335
|
export type PageFixedFooterProps = {
|
|
4267
4336
|
className?: string;
|
|
4268
4337
|
style?: CSSProperties;
|
|
@@ -5699,130 +5768,6 @@ export type TipsTitleProps = {
|
|
|
5699
5768
|
borderColor?: string;
|
|
5700
5769
|
};
|
|
5701
5770
|
export declare const TipsTitle: (props: TipsTitleProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
5702
|
-
export type TreeSelectorWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
|
|
5703
|
-
export type TreeSelectorServiceConfig = {
|
|
5704
|
-
params?: TPlainObject;
|
|
5705
|
-
requiredParamsKeys?: string[];
|
|
5706
|
-
onRequest?: (params?: TAny) => TAny;
|
|
5707
|
-
/**
|
|
5708
|
-
* 响应数据适配器
|
|
5709
|
-
*/
|
|
5710
|
-
onRequestResultAdapter?: (respData: TAny) => TPlainObject[];
|
|
5711
|
-
};
|
|
5712
|
-
export type TreeSelectorWrapperProps = Omit<TreeSelectProps, "treeExpandedKeys" | "treeData" | "loading" | "onTreeExpand" | "onChange" | "value" | "fieldNames" | "defaultValue" | "treeDataSimpleMode"> & {
|
|
5713
|
-
modelKey: string;
|
|
5714
|
-
fieldNames?: {
|
|
5715
|
-
label?: string;
|
|
5716
|
-
value?: string;
|
|
5717
|
-
children?: string;
|
|
5718
|
-
disabled?: string;
|
|
5719
|
-
};
|
|
5720
|
-
/**
|
|
5721
|
-
* useEffect依赖项数组,用于重新发起获取接口数据
|
|
5722
|
-
*/
|
|
5723
|
-
effectDependencyList?: DependencyList;
|
|
5724
|
-
/**
|
|
5725
|
-
* 请求服务需求的数据,当设置`treeSelectorList`后无效果
|
|
5726
|
-
*/
|
|
5727
|
-
serviceConfig?: TreeSelectorServiceConfig;
|
|
5728
|
-
/**
|
|
5729
|
-
* 当设置treeSelectorList后,serviceConfig 将失效
|
|
5730
|
-
*/
|
|
5731
|
-
treeSelectorList?: TreeSelectProps["treeData"];
|
|
5732
|
-
/**
|
|
5733
|
-
* treeSelectorList发生变更时触发
|
|
5734
|
-
*/
|
|
5735
|
-
onTreeSelectorListChange?: (treeSelectorList?: TreeSelectProps["treeData"]) => void;
|
|
5736
|
-
/**
|
|
5737
|
-
* 通过服务获取数据异常回调,当设置`treeSelectorList`后无效果
|
|
5738
|
-
*/
|
|
5739
|
-
onTreeSelectorRequestError?: (error: Error) => void;
|
|
5740
|
-
/**
|
|
5741
|
-
* 添加全部选项
|
|
5742
|
-
* ```
|
|
5743
|
-
* 1. showAllOption = true,添加默认全部选项(value值为空字符串)
|
|
5744
|
-
* 2. 可自定义全部选项,例如:{ label: '全部', value: 'all' }
|
|
5745
|
-
* 3. 自定义字段会通过fieldNames转换后使用
|
|
5746
|
-
* 4. 多选操作时,最好不要设置全部选项
|
|
5747
|
-
* ```
|
|
5748
|
-
*/
|
|
5749
|
-
showAllOption?: true | TPlainObject<string | number>;
|
|
5750
|
-
/**
|
|
5751
|
-
* @deprecated 已过期,请使用onChange
|
|
5752
|
-
* 1. 当 treeCheckable = true && treeCheckStrictly = true,如果选择的数据中含有父节点,selectedValue、selectedList返回数据包含父节点
|
|
5753
|
-
* 2. 当 treeCheckable = true && treeCheckStrictly = false,selectedValue、selectedList返回的数据不包含父节点
|
|
5754
|
-
* 3. 当 treeCheckable = false,节点选择没有级联关系,selectedValue、selectedList返回的数据就是实际选择
|
|
5755
|
-
* 4. selectAllDataList 返回的数据都包含父节点
|
|
5756
|
-
* 5. 使用 onTreeItemAdapter 拼接label数据后,选中回填数据也是拼接后的
|
|
5757
|
-
* 6. triggerInfo 当前操作节点数据
|
|
5758
|
-
*/
|
|
5759
|
-
onChangeHandle?: (selectedValue?: TreeSelectorWrapperValue, selectedData?: TPlainObject[] | TPlainObject, triggerInfo?: TPlainObject) => void;
|
|
5760
|
-
/**
|
|
5761
|
-
* 1. 当 treeCheckable = true && treeCheckStrictly = true,如果选择的数据中含有父节点,selectedValue、selectedList返回数据包含父节点
|
|
5762
|
-
* 2. 当 treeCheckable = true && treeCheckStrictly = false,selectedValue、selectedList返回的数据不包含父节点
|
|
5763
|
-
* 3. 当 treeCheckable = false,节点选择没有级联关系,selectedValue、selectedList返回的数据就是实际选择
|
|
5764
|
-
* 4. selectAllDataList 返回的数据都包含父节点
|
|
5765
|
-
* 5. 使用 onTreeItemAdapter 拼接label数据后,选中回填数据也是拼接后的
|
|
5766
|
-
* 6. triggerInfo 当前操作节点数据
|
|
5767
|
-
*/
|
|
5768
|
-
onChange?: (selectedValue?: TreeSelectorWrapperValue, selectedData?: TPlainObject[] | TPlainObject, triggerInfo?: TPlainObject) => void;
|
|
5769
|
-
/**
|
|
5770
|
-
* tree item 数据适配器,返回的数据会通过fieldNames配置取数据
|
|
5771
|
-
* ```
|
|
5772
|
-
* 1. 可用于设置disabled状态
|
|
5773
|
-
* onTreeItemDataAdapter: (dataItem) => {
|
|
5774
|
-
* if(dataItem.xx === xx){
|
|
5775
|
-
* dataItem['disabled] = true;
|
|
5776
|
-
* }
|
|
5777
|
-
* return dataItem;
|
|
5778
|
-
* }
|
|
5779
|
-
* 2. 可设置label数据显示
|
|
5780
|
-
* ```
|
|
5781
|
-
*/
|
|
5782
|
-
onTreeItemDataAdapter?: (dataItem: TPlainObject) => TPlainObject;
|
|
5783
|
-
/** 自定义异常提示文案 */
|
|
5784
|
-
requestMessageConfig?: TRequestStatusProps["messageConfig"];
|
|
5785
|
-
/**
|
|
5786
|
-
* value格式
|
|
5787
|
-
*```
|
|
5788
|
-
* 1. string 、number
|
|
5789
|
-
* 2. Array<string | number>
|
|
5790
|
-
* 3. lableInValue = true,根据labelInValueFieldNames配置格式
|
|
5791
|
-
* 4. lableInValue = true,Array<labelInValueFieldNames配置>
|
|
5792
|
-
* ```
|
|
5793
|
-
*/
|
|
5794
|
-
value?: TreeSelectorWrapperValue;
|
|
5795
|
-
/**
|
|
5796
|
-
* treeCheckStrictly checkable 状态下节点选择完全受控(父子节点选中状态不再关联),
|
|
5797
|
-
* 会使得 labelInValue 强制为 true
|
|
5798
|
-
*/
|
|
5799
|
-
labelInValue?: boolean;
|
|
5800
|
-
/**
|
|
5801
|
-
* ```
|
|
5802
|
-
* lableInValue = true,onChange输出数据字段名称,默认:{ label: string; value: string|number }
|
|
5803
|
-
* ```
|
|
5804
|
-
*/
|
|
5805
|
-
labelInValueFieldNames?: {
|
|
5806
|
-
label: string;
|
|
5807
|
-
value: string;
|
|
5808
|
-
};
|
|
5809
|
-
/**
|
|
5810
|
-
* treeCheckStrictly = true模式下有效,点击父节点是否选中所有子节点,默认值:true
|
|
5811
|
-
*/
|
|
5812
|
-
selectedParentCheckedAllChildrenList?: boolean;
|
|
5813
|
-
/** 有唯一跟节点时,初始化是否展开,默认值:false */
|
|
5814
|
-
initRootExpand?: boolean;
|
|
5815
|
-
};
|
|
5816
|
-
/**
|
|
5817
|
-
* 树选择器包装组件,由于过度封装,部分antd TreeSelect原始功能不支持,不满足情况的请使用antd TreeSelect实现
|
|
5818
|
-
* @param props
|
|
5819
|
-
* @returns
|
|
5820
|
-
* ```
|
|
5821
|
-
* 1. 当设置treeSelectorList属性后,serviceConfig、onTreeSelectorListChange将失效
|
|
5822
|
-
* 2. 父节点默认不返回,需要返回请设置showCheckedStrategy
|
|
5823
|
-
* ```
|
|
5824
|
-
*/
|
|
5825
|
-
export declare const TreeSelectorWrapper: (props: TreeSelectorWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
5826
5771
|
export type TreeWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
|
|
5827
5772
|
export type TreeServiceConfig = {
|
|
5828
5773
|
params?: TPlainObject;
|
|
@@ -5905,9 +5850,23 @@ export type TreeWrapperProps = Omit<TreeProps, "treeData" | "onExpand" | "select
|
|
|
5905
5850
|
searchValue?: string;
|
|
5906
5851
|
/**
|
|
5907
5852
|
* checkable模式下,onChange是否返回父节点,默认值true
|
|
5908
|
-
*
|
|
5853
|
+
* @description 已过期,请使用 checkableType 配置
|
|
5854
|
+
* ```
|
|
5855
|
+
* 注意:checkStrictly = true,checkableResponseParentNode配置失效
|
|
5856
|
+
* ```
|
|
5909
5857
|
*/
|
|
5910
5858
|
checkableResponseParentNode?: boolean;
|
|
5859
|
+
/**
|
|
5860
|
+
* 节点选择类型(默认值:'2'), 多选时有效
|
|
5861
|
+
* ```
|
|
5862
|
+
* '1' 表示返回所有选中的节点(包含父节点和叶子节点)
|
|
5863
|
+
* '2' 表示只返回叶子节点
|
|
5864
|
+
* '3' 表示当叶子节点全选时,返回父节点,不返回下面的叶子节点
|
|
5865
|
+
*
|
|
5866
|
+
* 注意:checkStrictly = true,checkableType配置失效
|
|
5867
|
+
* ```
|
|
5868
|
+
*/
|
|
5869
|
+
checkableType?: "1" | "2" | "3";
|
|
5911
5870
|
/**
|
|
5912
5871
|
* 菜单结构类型 tile/平铺 fold/折叠;默认:fold
|
|
5913
5872
|
* @deprecated 已过期 4.3.0版本移除,请使用 menus
|
|
@@ -6064,6 +6023,198 @@ export type TreeWrapperRefApi = {
|
|
|
6064
6023
|
export declare const TreeWrapper: ForwardRefExoticComponent<TreeWrapperProps & RefAttributes<TreeWrapperRefApi>> & {
|
|
6065
6024
|
getTreeDataList: (modelKey: string) => TPlainObject[];
|
|
6066
6025
|
};
|
|
6026
|
+
export type TreeModelSelectItem = {
|
|
6027
|
+
label: string;
|
|
6028
|
+
value: string | number;
|
|
6029
|
+
};
|
|
6030
|
+
export type TreeModelSelectValue = TreeModelSelectItem[] | Array<TreeModelSelectItem["value"]> | TreeModelSelectItem["value"];
|
|
6031
|
+
export type TreeModalProps = {
|
|
6032
|
+
/** 是否多选,默认值:true */
|
|
6033
|
+
isMultiple?: boolean;
|
|
6034
|
+
forceRender?: boolean;
|
|
6035
|
+
children: ReactElement & {
|
|
6036
|
+
onClick?: (e: any) => void | Promise<void>;
|
|
6037
|
+
};
|
|
6038
|
+
/**
|
|
6039
|
+
* 内置尺寸,根据比例固定高度、宽度,默认:large
|
|
6040
|
+
*/
|
|
6041
|
+
size?: "small" | "middle" | "large";
|
|
6042
|
+
/** 字段映射 */
|
|
6043
|
+
fieldNames?: {
|
|
6044
|
+
label?: string;
|
|
6045
|
+
value?: string;
|
|
6046
|
+
children?: string;
|
|
6047
|
+
};
|
|
6048
|
+
/** 接口调用 */
|
|
6049
|
+
onRequest: () => Promise<TPlainObject[]>;
|
|
6050
|
+
value?: TreeModelSelectValue;
|
|
6051
|
+
onChange?: (values?: TreeModelSelectItem[]) => void;
|
|
6052
|
+
textConfig: {
|
|
6053
|
+
title: string;
|
|
6054
|
+
/** 选择为空提示,例如:请选择 */
|
|
6055
|
+
placeholder?: string;
|
|
6056
|
+
/** 选择数量提示,例如:已选择{total}位用户 */
|
|
6057
|
+
selectQuantityPrompt?: string;
|
|
6058
|
+
};
|
|
6059
|
+
/** 选中值变更change,包括入参value、操作选中等 */
|
|
6060
|
+
onSelectChange?: (values?: TreeModelSelectItem[]) => void;
|
|
6061
|
+
onChangeDataSource?: (treeDataList: TPlainObject[], mapData: TPlainObject) => void;
|
|
6062
|
+
modalClassName?: string;
|
|
6063
|
+
modalWidth?: number;
|
|
6064
|
+
modalBodyHeight?: number;
|
|
6065
|
+
treeProps?: Pick<TreeWrapperProps, "showSearch" | "searchResultType" | "searchPlaceholder" | "searchValue" | "loadDataFlag" | "loadDataServiceConfig" | "icon" | "disabledCanUse" | "treeItemDataAdapter" | "searchExtraElement" | "initRootExpand" | "searchResultType" | "labelRender" | "customSearchRule" | "checkableType">;
|
|
6066
|
+
};
|
|
6067
|
+
/**
|
|
6068
|
+
* 树节点数据选择,一般用于选择员工等
|
|
6069
|
+
* ```
|
|
6070
|
+
* 1. 可通过 treeProps.checkableType 配置多选节点模式(包括返回所有节点、只返回叶子节点、叶子节点&父节点全选只返回父节点),默认只返回叶子节点
|
|
6071
|
+
* 2. demo: https://fex.qa.tcshuke.com/docs/admin/main/selector/tree
|
|
6072
|
+
* ```
|
|
6073
|
+
*/
|
|
6074
|
+
export declare const TreeModal: (props: TreeModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
6075
|
+
export type TreeModalSelectorProps = Omit<TreeModalProps, "children" | "forceRender" | "onChange"> & {
|
|
6076
|
+
placeholder?: string;
|
|
6077
|
+
/**
|
|
6078
|
+
* 1. 可指定数量
|
|
6079
|
+
* 2. 可设置 responsive,一行自适应显示
|
|
6080
|
+
*/
|
|
6081
|
+
maxTagCount?: number | "responsive";
|
|
6082
|
+
/** 是否返回label+value模式 */
|
|
6083
|
+
labelInValue?: boolean;
|
|
6084
|
+
onChange?: (values?: TreeModelSelectItem[] | TreeModelSelectItem) => void;
|
|
6085
|
+
};
|
|
6086
|
+
/**
|
|
6087
|
+
* 树弹框选择器
|
|
6088
|
+
* ```
|
|
6089
|
+
* 1. 可通过 treeProps.checkableType 配置多选节点模式(包括返回所有节点、只返回叶子节点、叶子节点&父节点全选只返回父节点),默认只返回叶子节点
|
|
6090
|
+
* 2. demo: https://fex.qa.tcshuke.com/docs/admin/main/selector/tree
|
|
6091
|
+
* ```
|
|
6092
|
+
*/
|
|
6093
|
+
export declare const TreeModalSelector: (props: TreeModalSelectorProps) => import("react/jsx-runtime").JSX.Element;
|
|
6094
|
+
export type TreeSelectorWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
|
|
6095
|
+
export type TreeSelectorServiceConfig = {
|
|
6096
|
+
params?: TPlainObject;
|
|
6097
|
+
requiredParamsKeys?: string[];
|
|
6098
|
+
onRequest?: (params?: TAny) => TAny;
|
|
6099
|
+
/**
|
|
6100
|
+
* 响应数据适配器
|
|
6101
|
+
*/
|
|
6102
|
+
onRequestResultAdapter?: (respData: TAny) => TPlainObject[];
|
|
6103
|
+
};
|
|
6104
|
+
export type TreeSelectorWrapperProps = Omit<TreeSelectProps, "treeExpandedKeys" | "treeData" | "loading" | "onTreeExpand" | "onChange" | "value" | "fieldNames" | "defaultValue" | "treeDataSimpleMode"> & {
|
|
6105
|
+
modelKey: string;
|
|
6106
|
+
fieldNames?: {
|
|
6107
|
+
label?: string;
|
|
6108
|
+
value?: string;
|
|
6109
|
+
children?: string;
|
|
6110
|
+
disabled?: string;
|
|
6111
|
+
};
|
|
6112
|
+
/**
|
|
6113
|
+
* useEffect依赖项数组,用于重新发起获取接口数据
|
|
6114
|
+
*/
|
|
6115
|
+
effectDependencyList?: DependencyList;
|
|
6116
|
+
/**
|
|
6117
|
+
* 请求服务需求的数据,当设置`treeSelectorList`后无效果
|
|
6118
|
+
*/
|
|
6119
|
+
serviceConfig?: TreeSelectorServiceConfig;
|
|
6120
|
+
/**
|
|
6121
|
+
* 当设置treeSelectorList后,serviceConfig 将失效
|
|
6122
|
+
*/
|
|
6123
|
+
treeSelectorList?: TreeSelectProps["treeData"];
|
|
6124
|
+
/**
|
|
6125
|
+
* treeSelectorList发生变更时触发
|
|
6126
|
+
*/
|
|
6127
|
+
onTreeSelectorListChange?: (treeSelectorList?: TreeSelectProps["treeData"]) => void;
|
|
6128
|
+
/**
|
|
6129
|
+
* 通过服务获取数据异常回调,当设置`treeSelectorList`后无效果
|
|
6130
|
+
*/
|
|
6131
|
+
onTreeSelectorRequestError?: (error: Error) => void;
|
|
6132
|
+
/**
|
|
6133
|
+
* 添加全部选项
|
|
6134
|
+
* ```
|
|
6135
|
+
* 1. showAllOption = true,添加默认全部选项(value值为空字符串)
|
|
6136
|
+
* 2. 可自定义全部选项,例如:{ label: '全部', value: 'all' }
|
|
6137
|
+
* 3. 自定义字段会通过fieldNames转换后使用
|
|
6138
|
+
* 4. 多选操作时,最好不要设置全部选项
|
|
6139
|
+
* ```
|
|
6140
|
+
*/
|
|
6141
|
+
showAllOption?: true | TPlainObject<string | number>;
|
|
6142
|
+
/**
|
|
6143
|
+
* @deprecated 已过期,请使用onChange
|
|
6144
|
+
* 1. 当 treeCheckable = true && treeCheckStrictly = true,如果选择的数据中含有父节点,selectedValue、selectedList返回数据包含父节点
|
|
6145
|
+
* 2. 当 treeCheckable = true && treeCheckStrictly = false,selectedValue、selectedList返回的数据不包含父节点
|
|
6146
|
+
* 3. 当 treeCheckable = false,节点选择没有级联关系,selectedValue、selectedList返回的数据就是实际选择
|
|
6147
|
+
* 4. selectAllDataList 返回的数据都包含父节点
|
|
6148
|
+
* 5. 使用 onTreeItemAdapter 拼接label数据后,选中回填数据也是拼接后的
|
|
6149
|
+
* 6. triggerInfo 当前操作节点数据
|
|
6150
|
+
*/
|
|
6151
|
+
onChangeHandle?: (selectedValue?: TreeSelectorWrapperValue, selectedData?: TPlainObject[] | TPlainObject, triggerInfo?: TPlainObject) => void;
|
|
6152
|
+
/**
|
|
6153
|
+
* 1. 当 treeCheckable = true && treeCheckStrictly = true,如果选择的数据中含有父节点,selectedValue、selectedList返回数据包含父节点
|
|
6154
|
+
* 2. 当 treeCheckable = true && treeCheckStrictly = false,selectedValue、selectedList返回的数据不包含父节点
|
|
6155
|
+
* 3. 当 treeCheckable = false,节点选择没有级联关系,selectedValue、selectedList返回的数据就是实际选择
|
|
6156
|
+
* 4. selectAllDataList 返回的数据都包含父节点
|
|
6157
|
+
* 5. 使用 onTreeItemAdapter 拼接label数据后,选中回填数据也是拼接后的
|
|
6158
|
+
* 6. triggerInfo 当前操作节点数据
|
|
6159
|
+
*/
|
|
6160
|
+
onChange?: (selectedValue?: TreeSelectorWrapperValue, selectedData?: TPlainObject[] | TPlainObject, triggerInfo?: TPlainObject) => void;
|
|
6161
|
+
/**
|
|
6162
|
+
* tree item 数据适配器,返回的数据会通过fieldNames配置取数据
|
|
6163
|
+
* ```
|
|
6164
|
+
* 1. 可用于设置disabled状态
|
|
6165
|
+
* onTreeItemDataAdapter: (dataItem) => {
|
|
6166
|
+
* if(dataItem.xx === xx){
|
|
6167
|
+
* dataItem['disabled] = true;
|
|
6168
|
+
* }
|
|
6169
|
+
* return dataItem;
|
|
6170
|
+
* }
|
|
6171
|
+
* 2. 可设置label数据显示
|
|
6172
|
+
* ```
|
|
6173
|
+
*/
|
|
6174
|
+
onTreeItemDataAdapter?: (dataItem: TPlainObject) => TPlainObject;
|
|
6175
|
+
/** 自定义异常提示文案 */
|
|
6176
|
+
requestMessageConfig?: TRequestStatusProps["messageConfig"];
|
|
6177
|
+
/**
|
|
6178
|
+
* value格式
|
|
6179
|
+
*```
|
|
6180
|
+
* 1. string 、number
|
|
6181
|
+
* 2. Array<string | number>
|
|
6182
|
+
* 3. lableInValue = true,根据labelInValueFieldNames配置格式
|
|
6183
|
+
* 4. lableInValue = true,Array<labelInValueFieldNames配置>
|
|
6184
|
+
* ```
|
|
6185
|
+
*/
|
|
6186
|
+
value?: TreeSelectorWrapperValue;
|
|
6187
|
+
/**
|
|
6188
|
+
* treeCheckStrictly checkable 状态下节点选择完全受控(父子节点选中状态不再关联),
|
|
6189
|
+
* 会使得 labelInValue 强制为 true
|
|
6190
|
+
*/
|
|
6191
|
+
labelInValue?: boolean;
|
|
6192
|
+
/**
|
|
6193
|
+
* ```
|
|
6194
|
+
* lableInValue = true,onChange输出数据字段名称,默认:{ label: string; value: string|number }
|
|
6195
|
+
* ```
|
|
6196
|
+
*/
|
|
6197
|
+
labelInValueFieldNames?: {
|
|
6198
|
+
label: string;
|
|
6199
|
+
value: string;
|
|
6200
|
+
};
|
|
6201
|
+
/**
|
|
6202
|
+
* treeCheckStrictly = true模式下有效,点击父节点是否选中所有子节点,默认值:true
|
|
6203
|
+
*/
|
|
6204
|
+
selectedParentCheckedAllChildrenList?: boolean;
|
|
6205
|
+
/** 有唯一跟节点时,初始化是否展开,默认值:false */
|
|
6206
|
+
initRootExpand?: boolean;
|
|
6207
|
+
};
|
|
6208
|
+
/**
|
|
6209
|
+
* 树选择器包装组件,由于过度封装,部分antd TreeSelect原始功能不支持,不满足情况的请使用antd TreeSelect实现
|
|
6210
|
+
* @param props
|
|
6211
|
+
* @returns
|
|
6212
|
+
* ```
|
|
6213
|
+
* 1. 当设置treeSelectorList属性后,serviceConfig、onTreeSelectorListChange将失效
|
|
6214
|
+
* 2. 父节点默认不返回,需要返回请设置showCheckedStrategy
|
|
6215
|
+
* ```
|
|
6216
|
+
*/
|
|
6217
|
+
export declare const TreeSelectorWrapper: (props: TreeSelectorWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
6067
6218
|
export type TXMindTreeItem = {
|
|
6068
6219
|
data: {
|
|
6069
6220
|
/** 节点文本 */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flatbiz/antd",
|
|
3
|
-
"version": "4.5.
|
|
3
|
+
"version": "4.5.29",
|
|
4
4
|
"description": "flat-biz ui components",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"typings": "index.d.ts",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@dimjs/model": ">=1.2.3",
|
|
32
32
|
"@dimjs/model-react": ">=1.2.3",
|
|
33
33
|
"@dimjs/utils": ">=1.5.1",
|
|
34
|
-
"@flatbiz/utils": ">=4.0.
|
|
34
|
+
"@flatbiz/utils": ">=4.0.27",
|
|
35
35
|
"@wove/react": ">=1.2.23",
|
|
36
36
|
"antd": ">=5.11.0",
|
|
37
37
|
"dayjs": ">=1.11.9",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"@dimjs/model": "^1.2.3",
|
|
46
46
|
"@dimjs/model-react": "^1.2.3",
|
|
47
47
|
"@dimjs/utils": "^1.5.1",
|
|
48
|
-
"@flatbiz/utils": "^4.0.
|
|
48
|
+
"@flatbiz/utils": "^4.0.27",
|
|
49
49
|
"@wove/react": "^1.2.23",
|
|
50
50
|
"antd": "5.11.0",
|
|
51
51
|
"dayjs": "1.11.9",
|