@qsxy/element-plus-react 1.0.2 → 1.0.3
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/Alert/Alert.d.ts +7 -0
- package/dist/Alert/Alert.js +98 -0
- package/dist/Alert/index.d.ts +2 -0
- package/dist/Alert/index.js +1 -0
- package/dist/Alert/typings.d.ts +45 -0
- package/dist/Alert/typings.js +1 -0
- package/dist/Card/Card.js +5 -3
- package/dist/Cascader/useCascader.d.ts +0 -14
- package/dist/Cascader/useCascader.js +33 -32
- package/dist/Checkbox/Checkbox.js +3 -2
- package/dist/ConfigProvider/ConfigProvider.js +2 -24
- package/dist/ConfigProvider/ConfigProviderContext.js +1 -1
- package/dist/ConfigProvider/typings.d.ts +1 -1
- package/dist/Container/Main.d.ts +1 -1
- package/dist/Container/typings.d.ts +1 -1
- package/dist/Dialog/Dialog.js +5 -12
- package/dist/Input/Input.js +68 -43
- package/dist/Input/TextArea.js +1 -1
- package/dist/Input/typings.d.ts +42 -1
- package/dist/Input/utils.d.ts +1 -0
- package/dist/Input/utils.js +5 -1
- package/dist/InputNumber/InputNumber.js +351 -141
- package/dist/InputNumber/typings.d.ts +15 -1
- package/dist/Loading/Loading.js +5 -2
- package/dist/Menu/Menu.js +25 -1
- package/dist/Menu/MenuItem.js +4 -2
- package/dist/Menu/SubMenu.js +2 -2
- package/dist/Menu/SubMenuCollapseTransition.js +14 -9
- package/dist/Menu/typings.d.ts +2 -1
- package/dist/Message/Message.js +51 -23
- package/dist/Message/index.js +8 -10
- package/dist/Message/typings.d.ts +8 -5
- package/dist/MessageBox/MessageBox.js +52 -30
- package/dist/MessageBox/index.d.ts +2 -1
- package/dist/MessageBox/index.js +4 -2
- package/dist/MessageBox/typings.d.ts +3 -0
- package/dist/Notification/Notification.js +26 -19
- package/dist/Select/SelectContext.d.ts +2 -1
- package/dist/Select/SelectContext.js +2 -1
- package/dist/Select/SelectCore.js +13 -7
- package/dist/Select/SelectDropdown.js +23 -15
- package/dist/Select/index.d.ts +1 -1
- package/dist/Select/typings.d.ts +13 -9
- package/dist/Select/useSelect.d.ts +13 -10
- package/dist/Select/useSelect.js +34 -26
- package/dist/Space/Space.d.ts +4 -0
- package/dist/Space/Space.js +128 -0
- package/dist/Space/SpaceItem.d.ts +7 -0
- package/dist/Space/SpaceItem.js +14 -0
- package/dist/Space/index.d.ts +3 -0
- package/dist/Space/index.js +2 -0
- package/dist/Space/typings.d.ts +26 -0
- package/dist/Space/typings.js +1 -0
- package/dist/Space/useSpace.d.ts +7 -0
- package/dist/Space/useSpace.js +104 -0
- package/dist/Statistic/Statistic.d.ts +4 -0
- package/dist/Statistic/Statistic.js +92 -0
- package/dist/Statistic/index.d.ts +2 -0
- package/dist/Statistic/index.js +1 -0
- package/dist/Statistic/typings.d.ts +28 -0
- package/dist/Statistic/typings.js +1 -0
- package/dist/Switch/Switch.js +2 -2
- package/dist/Table/Table.js +3 -0
- package/dist/Table/typings.d.ts +2 -0
- package/dist/Tag/typings.d.ts +1 -1
- package/dist/Text/Text.d.ts +4 -0
- package/dist/Text/Text.js +84 -0
- package/dist/Text/index.d.ts +2 -0
- package/dist/Text/index.js +1 -0
- package/dist/Text/typings.d.ts +15 -0
- package/dist/Text/typings.js +1 -0
- package/dist/Tree/CollapseTransition.d.ts +7 -0
- package/dist/Tree/CollapseTransition.js +60 -0
- package/dist/Tree/Tree.d.ts +3 -140
- package/dist/Tree/Tree.js +350 -77
- package/dist/Tree/TreeContext.d.ts +9 -0
- package/dist/Tree/TreeContext.js +14 -0
- package/dist/Tree/TreeNode.d.ts +5 -3
- package/dist/Tree/TreeNode.js +321 -331
- package/dist/Tree/TreeNodeContent.d.ts +9 -0
- package/dist/Tree/TreeNodeContent.js +22 -0
- package/dist/Tree/index.d.ts +3 -8
- package/dist/Tree/index.js +1 -4
- package/dist/Tree/model/node.d.ts +62 -0
- package/dist/Tree/model/node.js +601 -0
- package/dist/Tree/model/tree-store.d.ts +52 -0
- package/dist/Tree/model/tree-store.js +510 -0
- package/dist/Tree/model/useDragNode.d.ts +30 -0
- package/dist/Tree/model/useDragNode.js +293 -0
- package/dist/Tree/model/useKeydown.d.ts +0 -0
- package/dist/Tree/model/useKeydown.js +104 -0
- package/dist/Tree/model/useNodeExpandEventBroadcast.d.ts +15 -0
- package/dist/Tree/model/useNodeExpandEventBroadcast.js +54 -0
- package/dist/Tree/model/util.d.ts +7 -0
- package/dist/Tree/model/util.js +24 -0
- package/dist/Tree/typings.d.ts +225 -114
- package/dist/TreeSelect/TreeSelect.d.ts +2 -10
- package/dist/TreeSelect/TreeSelect.js +90 -566
- package/dist/TreeSelect/TreeSelectOption.d.ts +6 -0
- package/dist/TreeSelect/TreeSelectOption.js +62 -0
- package/dist/TreeSelect/cacheOptions.d.ts +9 -0
- package/dist/TreeSelect/cacheOptions.js +22 -0
- package/dist/TreeSelect/index.d.ts +0 -1
- package/dist/TreeSelect/typings.d.ts +11 -63
- package/dist/TreeSelect/useSelect.d.ts +125 -0
- package/dist/TreeSelect/useSelect.js +104 -0
- package/dist/TreeSelect/useTree.d.ts +130 -0
- package/dist/TreeSelect/useTree.js +285 -0
- package/dist/TreeSelect/utils.d.ts +10 -0
- package/dist/TreeSelect/utils.js +38 -0
- package/dist/Upload/UploadContent.js +2 -0
- package/dist/Upload/ajax.js +3 -0
- package/dist/Upload/typings.d.ts +4 -0
- package/dist/Util/aria.js +12 -12
- package/dist/Util/base.d.ts +5 -0
- package/dist/Util/base.js +140 -1
- package/dist/config/Constants.d.ts +3 -0
- package/dist/config/Constants.js +8 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/popperPropsUtils.js +1 -1
- package/dist/hooks/treePropsUtils.d.ts +3 -3
- package/dist/hooks/treePropsUtils.js +2 -2
- package/dist/hooks/useConfigProvider.d.ts +27 -0
- package/dist/hooks/useConfigProvider.js +78 -0
- package/dist/hooks/useResizeObserver.js +6 -6
- package/dist/index.css +1 -1
- package/dist/index.d.ts +18 -11
- package/dist/index.js +11 -5
- package/package.json +1 -1
- package/theme-chalk/alert.scss +115 -0
- package/theme-chalk/aside.scss +8 -8
- package/theme-chalk/button-group.scss +80 -80
- package/theme-chalk/button.scss +304 -304
- package/theme-chalk/calendar/date-table.scss +164 -164
- package/theme-chalk/checkbox.scss +34 -0
- package/theme-chalk/color/index.scss +20 -20
- package/theme-chalk/common/transition.scss +142 -142
- package/theme-chalk/container.scss +14 -14
- package/theme-chalk/dark/css-vars.scss +39 -39
- package/theme-chalk/dark/var.scss +225 -225
- package/theme-chalk/date-picker.scss +12 -12
- package/theme-chalk/drawer.scss +1 -0
- package/theme-chalk/footer.scss +12 -12
- package/theme-chalk/header.scss +12 -12
- package/theme-chalk/index.scss +4 -0
- package/theme-chalk/input/input-range.scss +2 -1
- package/theme-chalk/input/input.scss +439 -424
- package/theme-chalk/input-number.bak +172 -0
- package/theme-chalk/input-number.scss +192 -172
- package/theme-chalk/link.scss +87 -87
- package/theme-chalk/main.scss +14 -14
- package/theme-chalk/menu.scss +353 -353
- package/theme-chalk/message.scss +104 -178
- package/theme-chalk/mixins/_button.scss +224 -224
- package/theme-chalk/mixins/_col.scss +33 -33
- package/theme-chalk/mixins/_var.scss +67 -67
- package/theme-chalk/mixins/config.scss +5 -5
- package/theme-chalk/mixins/function.scss +99 -99
- package/theme-chalk/mixins/mixins.scss +240 -240
- package/theme-chalk/mixins/utils.scss +39 -39
- package/theme-chalk/notification.bak +156 -0
- package/theme-chalk/notification.scss +109 -156
- package/theme-chalk/popper.scss +104 -104
- package/theme-chalk/radio-button.scss +169 -169
- package/theme-chalk/select/index.scss +278 -272
- package/theme-chalk/space.scss +20 -0
- package/theme-chalk/statistic.scss +35 -0
- package/theme-chalk/switch.scss +300 -300
- package/theme-chalk/tag.scss +181 -181
- package/theme-chalk/text.scss +48 -0
- package/theme-chalk/transition.scss +34 -4
- package/theme-chalk/tree-select.scss +41 -25
- package/theme-chalk/tree.scss +136 -0
- package/theme-chalk/var.scss +83 -83
- package/dist/Input/Input.1.d.ts +0 -16
- package/dist/Input/Input.1.js +0 -376
- package/dist/Tree/DirectoryTree.d.ts +0 -15
- package/dist/Tree/DirectoryTree.js +0 -183
- package/dist/Tree/DropIndicator.d.ts +0 -8
- package/dist/Tree/DropIndicator.js +0 -34
- package/dist/Tree/Indent.d.ts +0 -9
- package/dist/Tree/Indent.js +0 -25
- package/dist/Tree/MotionTreeNode.d.ts +0 -14
- package/dist/Tree/MotionTreeNode.js +0 -125
- package/dist/Tree/NodeList.d.ts +0 -50
- package/dist/Tree/NodeList.js +0 -301
- package/dist/Tree/RCTree.d.ts +0 -248
- package/dist/Tree/RCTree.js +0 -1216
- package/dist/Tree/contextTypes.d.ts +0 -69
- package/dist/Tree/contextTypes.js +0 -9
- package/dist/Tree/typings.tsx--bak +0 -245
- package/dist/Tree/useUnmount.d.ts +0 -5
- package/dist/Tree/useUnmount.js +0 -34
- package/dist/Tree/util.d.ts +0 -51
- package/dist/Tree/util.js +0 -303
- package/dist/Tree/utils/conductUtil.d.ts +0 -17
- package/dist/Tree/utils/conductUtil.js +0 -209
- package/dist/Tree/utils/dictUtil.d.ts +0 -13
- package/dist/Tree/utils/dictUtil.js +0 -75
- package/dist/Tree/utils/diffUtil.d.ts +0 -7
- package/dist/Tree/utils/diffUtil.js +0 -48
- package/dist/Tree/utils/dropIndicator.d.ts +0 -11
- package/dist/Tree/utils/dropIndicator.js +0 -36
- package/dist/Tree/utils/iconUtil.d.ts +0 -5
- package/dist/Tree/utils/iconUtil.js +0 -62
- package/dist/Tree/utils/keyUtil.d.ts +0 -2
- package/dist/Tree/utils/keyUtil.js +0 -3
- package/dist/Tree/utils/motion.d.ts +0 -10
- package/dist/Tree/utils/motion.js +0 -54
- package/dist/Tree/utils/pickAttrs.d.ts +0 -11
- package/dist/Tree/utils/pickAttrs.js +0 -51
- package/dist/Tree/utils/treeUtil.d.ts +0 -86
- package/dist/Tree/utils/treeUtil.js +0 -364
- package/dist/TreeSelect/Utils.d.ts +0 -3
- package/dist/TreeSelect/Utils.js +0 -20
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Webpack has bug for import loop, which is not the same behavior as ES module.
|
|
3
|
-
* When util.js imports the TreeNode for tree generate will cause treeContextTypes be empty.
|
|
4
|
-
*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import type { DraggableConfig, SemanticName } from './RCTree';
|
|
7
|
-
import type { BasicDataNode, DataNode, Direction, EventDataNode, IconType, Key, KeyEntities, TreeNodeProps } from './typings';
|
|
8
|
-
export type NodeMouseEventParams<TreeDataType extends BasicDataNode = DataNode, T = HTMLSpanElement> = {
|
|
9
|
-
event: React.MouseEvent<T>;
|
|
10
|
-
node: EventDataNode<TreeDataType>;
|
|
11
|
-
};
|
|
12
|
-
export type NodeDragEventParams<TreeDataType extends BasicDataNode = DataNode, T = HTMLDivElement> = {
|
|
13
|
-
event: React.DragEvent<T>;
|
|
14
|
-
node: EventDataNode<TreeDataType>;
|
|
15
|
-
};
|
|
16
|
-
export type NodeMouseEventHandler<TreeDataType extends BasicDataNode = DataNode, T = HTMLSpanElement> = (e: React.MouseEvent<T>, node: EventDataNode<TreeDataType>) => void;
|
|
17
|
-
export type NodeDragEventHandler<TreeDataType extends BasicDataNode = DataNode, T = HTMLDivElement> = (e: React.DragEvent<T>, nodeProps: TreeNodeProps<TreeDataType>, outsideTree?: boolean) => void;
|
|
18
|
-
export interface TreeContextProps<TreeDataType extends BasicDataNode = DataNode> {
|
|
19
|
-
styles?: Partial<Record<SemanticName, React.CSSProperties>>;
|
|
20
|
-
classNames?: Partial<Record<SemanticName, string>>;
|
|
21
|
-
prefixCls: string;
|
|
22
|
-
selectable: boolean;
|
|
23
|
-
showIcon: boolean;
|
|
24
|
-
icon: IconType;
|
|
25
|
-
switcherIcon: IconType;
|
|
26
|
-
draggable?: DraggableConfig;
|
|
27
|
-
draggingNodeKey?: Key;
|
|
28
|
-
checkable: boolean | React.ReactNode;
|
|
29
|
-
checkStrictly: boolean;
|
|
30
|
-
disabled: boolean;
|
|
31
|
-
keyEntities: KeyEntities;
|
|
32
|
-
dropLevelOffset?: number;
|
|
33
|
-
dropContainerKey: Key | null;
|
|
34
|
-
dropTargetKey: Key | null;
|
|
35
|
-
dropPosition: -1 | 0 | 1 | null;
|
|
36
|
-
indent: number | null;
|
|
37
|
-
dropIndicatorRender: (props: {
|
|
38
|
-
dropPosition: -1 | 0 | 1;
|
|
39
|
-
dropLevelOffset: number;
|
|
40
|
-
indent: number;
|
|
41
|
-
prefixCls: string;
|
|
42
|
-
direction: Direction;
|
|
43
|
-
}) => React.ReactNode;
|
|
44
|
-
dragOverNodeKey: Key | null;
|
|
45
|
-
direction: Direction;
|
|
46
|
-
loadData: (treeNode: EventDataNode<TreeDataType>) => Promise<void>;
|
|
47
|
-
filterTreeNode: (treeNode: EventDataNode<TreeDataType>) => boolean;
|
|
48
|
-
titleRender?: (node: any) => React.ReactNode;
|
|
49
|
-
onNodeClick: NodeMouseEventHandler<TreeDataType>;
|
|
50
|
-
onNodeDoubleClick: NodeMouseEventHandler<TreeDataType>;
|
|
51
|
-
onNodeExpand: NodeMouseEventHandler<TreeDataType>;
|
|
52
|
-
onNodeSelect: NodeMouseEventHandler<TreeDataType>;
|
|
53
|
-
onNodeCheck: (e: React.MouseEvent<HTMLSpanElement>, treeNode: EventDataNode<TreeDataType>, checked: boolean) => void;
|
|
54
|
-
onNodeLoad: (treeNode: EventDataNode<TreeDataType>) => void;
|
|
55
|
-
onNodeMouseEnter: NodeMouseEventHandler<TreeDataType>;
|
|
56
|
-
onNodeMouseLeave: NodeMouseEventHandler<TreeDataType>;
|
|
57
|
-
onNodeContextMenu: NodeMouseEventHandler<TreeDataType>;
|
|
58
|
-
onNodeDragStart: NodeDragEventHandler<any, any>;
|
|
59
|
-
onNodeDragEnter: NodeDragEventHandler<any, any>;
|
|
60
|
-
onNodeDragOver: NodeDragEventHandler<any, any>;
|
|
61
|
-
onNodeDragLeave: NodeDragEventHandler<any, any>;
|
|
62
|
-
onNodeDragEnd: NodeDragEventHandler<any, any>;
|
|
63
|
-
onNodeDrop: NodeDragEventHandler<any, any>;
|
|
64
|
-
}
|
|
65
|
-
export declare const TreeContext: React.Context<TreeContextProps<any>>;
|
|
66
|
-
/** Internal usage, safe to remove. Do not use in prod */
|
|
67
|
-
export declare const UnstableContext: React.Context<{
|
|
68
|
-
nodeDisabled?: (n: DataNode) => boolean;
|
|
69
|
-
}>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Webpack has bug for import loop, which is not the same behavior as ES module.
|
|
3
|
-
* When util.js imports the TreeNode for tree generate will cause treeContextTypes be empty.
|
|
4
|
-
*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
export var TreeContext = /*#__PURE__*/React.createContext(null);
|
|
7
|
-
|
|
8
|
-
/** Internal usage, safe to remove. Do not use in prod */
|
|
9
|
-
export var UnstableContext = /*#__PURE__*/React.createContext({});
|
|
@@ -1,245 +0,0 @@
|
|
|
1
|
-
import React, { Component } from 'react';
|
|
2
|
-
import { IconName } from '../Icon';
|
|
3
|
-
import { TreeProps as RcTreeProps } from './RCTree';
|
|
4
|
-
import { TreeNodeProps } from './TreeNode';
|
|
5
|
-
|
|
6
|
-
export interface AntdTreeNodeAttribute {
|
|
7
|
-
eventKey: string;
|
|
8
|
-
prefixCls: string;
|
|
9
|
-
className: string;
|
|
10
|
-
expanded: boolean;
|
|
11
|
-
selected: boolean;
|
|
12
|
-
checked: boolean;
|
|
13
|
-
halfChecked: boolean;
|
|
14
|
-
children: React.ReactElement;
|
|
15
|
-
title: React.ReactElement;
|
|
16
|
-
pos: string;
|
|
17
|
-
dragOver: boolean;
|
|
18
|
-
dragOverGapTop: boolean;
|
|
19
|
-
dragOverGapBottom: boolean;
|
|
20
|
-
isLeaf: boolean;
|
|
21
|
-
selectable: boolean;
|
|
22
|
-
disabled: boolean;
|
|
23
|
-
disableCheckbox: boolean;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
export interface AntTreeNodeProps {
|
|
27
|
-
className?: string;
|
|
28
|
-
checkable?: boolean;
|
|
29
|
-
disabled?: boolean;
|
|
30
|
-
disableCheckbox?: boolean;
|
|
31
|
-
title?: string | React.ReactElement;
|
|
32
|
-
key?: Key;
|
|
33
|
-
eventKey?: string;
|
|
34
|
-
isLeaf?: boolean;
|
|
35
|
-
checked?: boolean;
|
|
36
|
-
expanded?: boolean;
|
|
37
|
-
loading?: boolean;
|
|
38
|
-
selected?: boolean;
|
|
39
|
-
selectable?: boolean;
|
|
40
|
-
icon?: ((treeNode: AntdTreeNodeAttribute) => React.ReactElement) | React.ReactElement;
|
|
41
|
-
children?: React.ReactElement;
|
|
42
|
-
[customProp: string]: any;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
export type AntTreeNode = Component<AntTreeNodeProps, {}>;
|
|
46
|
-
|
|
47
|
-
export interface AntTreeNodeBaseEvent {
|
|
48
|
-
node: AntTreeNode;
|
|
49
|
-
nativeEvent: MouseEvent;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
export interface AntTreeNodeCheckedEvent extends AntTreeNodeBaseEvent {
|
|
53
|
-
event: 'check';
|
|
54
|
-
checked?: boolean;
|
|
55
|
-
checkedNodes?: AntTreeNode[];
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
export interface AntTreeNodeSelectedEvent extends AntTreeNodeBaseEvent {
|
|
59
|
-
event: 'select';
|
|
60
|
-
selected?: boolean;
|
|
61
|
-
selectedNodes?: DataNode[];
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
export interface AntTreeNodeExpandedEvent extends AntTreeNodeBaseEvent {
|
|
65
|
-
expanded?: boolean;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
export interface AntTreeNodeMouseEvent {
|
|
69
|
-
node: AntTreeNode;
|
|
70
|
-
event: any;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
export interface AntTreeNodeDragEnterEvent extends AntTreeNodeMouseEvent {
|
|
74
|
-
expandedKeys: Key[];
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
export interface AntTreeNodeDropEvent {
|
|
78
|
-
node: AntTreeNode;
|
|
79
|
-
dragNode: AntTreeNode;
|
|
80
|
-
dragNodesKeys: Key[];
|
|
81
|
-
dropPosition: number;
|
|
82
|
-
dropToGap?: boolean;
|
|
83
|
-
event: React.MouseEventHandler<HTMLElement>;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
// [Legacy] Compatible for v3
|
|
87
|
-
export type TreeNodeNormal = DataNode;
|
|
88
|
-
|
|
89
|
-
type DraggableFn = (node: AntTreeNode) => boolean;
|
|
90
|
-
interface DraggableConfig {
|
|
91
|
-
icon?: React.ReactElement | false;
|
|
92
|
-
nodeDraggable?: DraggableFn;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
export interface TreeProps<T> extends Omit<RcTreeProps<T>, 'prefixCls' | 'showLine' | 'direction' | 'draggable'> {
|
|
96
|
-
showLine?: boolean | { showLeafIcon: boolean };
|
|
97
|
-
className?: string;
|
|
98
|
-
|
|
99
|
-
/** 是否支持多选 */
|
|
100
|
-
multiple?: boolean;
|
|
101
|
-
|
|
102
|
-
/** 是否自动展开父节点 */
|
|
103
|
-
autoExpandParent?: boolean;
|
|
104
|
-
|
|
105
|
-
/** Checkable状态下节点选择完全受控(父子节点选中状态不再关联) */
|
|
106
|
-
checkStrictly?: boolean;
|
|
107
|
-
|
|
108
|
-
/** 是否支持选中 */
|
|
109
|
-
checkable?: boolean;
|
|
110
|
-
|
|
111
|
-
/** 是否禁用树 */
|
|
112
|
-
disabled?: boolean;
|
|
113
|
-
|
|
114
|
-
/** 默认展开所有树节点 */
|
|
115
|
-
defaultExpandAll?: boolean;
|
|
116
|
-
|
|
117
|
-
/** 默认展开对应树节点 */
|
|
118
|
-
defaultExpandParent?: boolean;
|
|
119
|
-
|
|
120
|
-
/** 默认展开指定的树节点 */
|
|
121
|
-
defaultExpandedKeys?: Key[];
|
|
122
|
-
|
|
123
|
-
/** (受控)展开指定的树节点 */
|
|
124
|
-
expandedKeys?: Key[];
|
|
125
|
-
|
|
126
|
-
/** (受控)选中复选框的树节点 */
|
|
127
|
-
checkedKeys?: Key[] | { checked: Key[]; halfChecked: Key[] };
|
|
128
|
-
|
|
129
|
-
/** 默认选中复选框的树节点 */
|
|
130
|
-
defaultCheckedKeys?: Key[];
|
|
131
|
-
|
|
132
|
-
/** (受控)设置选中的树节点 */
|
|
133
|
-
selectedKeys?: Key[];
|
|
134
|
-
|
|
135
|
-
/** 默认选中的树节点 */
|
|
136
|
-
defaultSelectedKeys?: Key[];
|
|
137
|
-
selectable?: boolean;
|
|
138
|
-
|
|
139
|
-
/** 点击树节点触发 */
|
|
140
|
-
filterAntTreeNode?: (node: AntTreeNode) => boolean;
|
|
141
|
-
loadedKeys?: Key[];
|
|
142
|
-
|
|
143
|
-
/** 设置节点可拖拽(IE>8) */
|
|
144
|
-
draggable?: DraggableFn | boolean | DraggableConfig;
|
|
145
|
-
style?: React.CSSProperties;
|
|
146
|
-
showIcon?: boolean;
|
|
147
|
-
icon?: ((nodeProps: AntdTreeNodeAttribute) => React.ReactElement) | React.ReactElement;
|
|
148
|
-
switcherIcon?: React.ReactElement<any>;
|
|
149
|
-
prefixCls?: string;
|
|
150
|
-
children?: React.ReactElement;
|
|
151
|
-
blockNode?: boolean;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
/** For fieldNames, we provides a abstract interface */
|
|
155
|
-
export interface BasicDataNode {
|
|
156
|
-
checkable?: boolean;
|
|
157
|
-
disabled?: boolean;
|
|
158
|
-
disableCheckbox?: boolean;
|
|
159
|
-
icon?: IconType;
|
|
160
|
-
isLeaf?: boolean;
|
|
161
|
-
selectable?: boolean;
|
|
162
|
-
switcherIcon?: IconType;
|
|
163
|
-
|
|
164
|
-
/** Set style of TreeNode. This is not recommend if you don't have any force requirement */
|
|
165
|
-
className?: string;
|
|
166
|
-
style?: React.CSSProperties;
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
export interface DataNode<T = any> extends BasicDataNode {
|
|
170
|
-
children?: T[];
|
|
171
|
-
key?: string | number;
|
|
172
|
-
title?: string | React.ReactElement;
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
export interface EventDataNode extends DataNode {
|
|
176
|
-
expanded: boolean;
|
|
177
|
-
selected: boolean;
|
|
178
|
-
checked: boolean;
|
|
179
|
-
loaded: boolean;
|
|
180
|
-
loading: boolean;
|
|
181
|
-
halfChecked: boolean;
|
|
182
|
-
dragOver: boolean;
|
|
183
|
-
dragOverGapTop: boolean;
|
|
184
|
-
dragOverGapBottom: boolean;
|
|
185
|
-
pos: string;
|
|
186
|
-
active: boolean;
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
export type IconType = React.ReactElement | ((props: TreeNodeProps) => React.ReactElement) | IconName;
|
|
190
|
-
|
|
191
|
-
export type Key = React.Key;
|
|
192
|
-
|
|
193
|
-
export type NodeElement = React.ReactElement<TreeNodeProps> & {
|
|
194
|
-
selectHandle?: HTMLSpanElement;
|
|
195
|
-
type: {
|
|
196
|
-
isTreeNode: boolean;
|
|
197
|
-
};
|
|
198
|
-
};
|
|
199
|
-
|
|
200
|
-
export type NodeInstance<TreeDataType extends BasicDataNode = DataNode> = Component<TreeNodeProps<TreeDataType>> & {
|
|
201
|
-
selectHandle?: HTMLSpanElement;
|
|
202
|
-
};
|
|
203
|
-
|
|
204
|
-
export interface Entity {
|
|
205
|
-
node: NodeElement;
|
|
206
|
-
index: number;
|
|
207
|
-
key: Key;
|
|
208
|
-
pos: string;
|
|
209
|
-
parent?: Entity;
|
|
210
|
-
children?: Entity[];
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
export interface DataEntity<TreeDataType extends BasicDataNode = DataNode> extends Omit<Entity, 'node' | 'parent' | 'children'> {
|
|
214
|
-
node: TreeDataType;
|
|
215
|
-
nodes: TreeDataType[];
|
|
216
|
-
parent?: DataEntity<TreeDataType>;
|
|
217
|
-
children?: DataEntity<TreeDataType>[];
|
|
218
|
-
level: number;
|
|
219
|
-
}
|
|
220
|
-
|
|
221
|
-
export interface FlattenNode {
|
|
222
|
-
parent: FlattenNode | null;
|
|
223
|
-
children: FlattenNode[];
|
|
224
|
-
pos: string;
|
|
225
|
-
data: DataNode;
|
|
226
|
-
title: React.ReactElement;
|
|
227
|
-
key: Key;
|
|
228
|
-
isStart: boolean[];
|
|
229
|
-
isEnd: boolean[];
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
export type GetKey<RecordType> = (record: RecordType, index?: number) => Key;
|
|
233
|
-
|
|
234
|
-
export type GetCheckDisabled<RecordType> = (record: RecordType) => boolean;
|
|
235
|
-
|
|
236
|
-
export type Direction = 'ltr' | 'rtl' | undefined;
|
|
237
|
-
|
|
238
|
-
export interface FieldNames {
|
|
239
|
-
title?: string;
|
|
240
|
-
|
|
241
|
-
/** @private Internal usage for `rc-tree-select`, safe to remove if no need */
|
|
242
|
-
_title?: string[];
|
|
243
|
-
key?: string;
|
|
244
|
-
children?: string;
|
|
245
|
-
}
|
package/dist/Tree/useUnmount.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
5
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
|
|
8
|
-
import * as React from 'react';
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* Trigger only when component unmount
|
|
12
|
-
*/
|
|
13
|
-
function useUnmount(triggerStart, triggerEnd) {
|
|
14
|
-
var _React$useState = React.useState(false),
|
|
15
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
16
|
-
firstMount = _React$useState2[0],
|
|
17
|
-
setFirstMount = _React$useState2[1];
|
|
18
|
-
useLayoutEffect(function () {
|
|
19
|
-
if (firstMount) {
|
|
20
|
-
triggerStart();
|
|
21
|
-
return function () {
|
|
22
|
-
triggerEnd();
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
26
|
-
}, [firstMount]);
|
|
27
|
-
useLayoutEffect(function () {
|
|
28
|
-
setFirstMount(true);
|
|
29
|
-
return function () {
|
|
30
|
-
setFirstMount(false);
|
|
31
|
-
};
|
|
32
|
-
}, []);
|
|
33
|
-
}
|
|
34
|
-
export default useUnmount;
|
package/dist/Tree/util.d.ts
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Legacy code. Should avoid to use if you are new to import these code.
|
|
3
|
-
*/
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import type { AllowDrop, TreeProps } from './RCTree';
|
|
6
|
-
import type { BasicDataNode, DataEntity, DataNode, Direction, FlattenNode, Key, KeyEntities, NodeElement, TreeNodeProps } from './typings';
|
|
7
|
-
export { getPosition, isTreeNode } from './utils/treeUtil';
|
|
8
|
-
export declare function arrDel(list: Key[], value: Key): React.Key[];
|
|
9
|
-
export declare function arrAdd(list: Key[], value: Key): React.Key[];
|
|
10
|
-
export declare function posToArr(pos: string): string[];
|
|
11
|
-
export declare function getDragChildrenKeys<TreeDataType extends BasicDataNode = DataNode>(dragNodeKey: Key, keyEntities: KeyEntities<TreeDataType>): Key[];
|
|
12
|
-
export declare function isLastChild<TreeDataType extends BasicDataNode = DataNode>(treeNodeEntity: DataEntity<TreeDataType>): boolean;
|
|
13
|
-
export declare function isFirstChild<TreeDataType extends BasicDataNode = DataNode>(treeNodeEntity: DataEntity<TreeDataType>): boolean;
|
|
14
|
-
export declare function calcDropPosition<TreeDataType extends BasicDataNode = DataNode>(event: React.MouseEvent, dragNodeProps: TreeNodeProps<TreeDataType>, targetNodeProps: TreeNodeProps<TreeDataType>, indent: number, startMousePosition: {
|
|
15
|
-
x: number;
|
|
16
|
-
y: number;
|
|
17
|
-
}, allowDrop: AllowDrop<TreeDataType>, flattenedNodes: FlattenNode<TreeDataType>[], keyEntities: KeyEntities<TreeDataType>, expandKeys: Key[], direction: Direction): {
|
|
18
|
-
dropPosition: -1 | 0 | 1;
|
|
19
|
-
dropLevelOffset: number;
|
|
20
|
-
dropTargetKey: Key;
|
|
21
|
-
dropTargetPos: string;
|
|
22
|
-
dropContainerKey: Key;
|
|
23
|
-
dragOverNodeKey: Key;
|
|
24
|
-
dropAllowed: boolean;
|
|
25
|
-
};
|
|
26
|
-
/**
|
|
27
|
-
* Return selectedKeys according with multiple prop
|
|
28
|
-
* @param selectedKeys
|
|
29
|
-
* @param props
|
|
30
|
-
* @returns [string]
|
|
31
|
-
*/
|
|
32
|
-
export declare function calcSelectedKeys(selectedKeys: Key[], props: TreeProps): React.Key[];
|
|
33
|
-
export declare function convertDataToTree(treeData: DataNode[], processor?: {
|
|
34
|
-
processProps: (prop: DataNode) => any;
|
|
35
|
-
}): NodeElement[];
|
|
36
|
-
/**
|
|
37
|
-
* Parse `checkedKeys` to { checkedKeys, halfCheckedKeys } style
|
|
38
|
-
*/
|
|
39
|
-
export declare function parseCheckedKeys(keys: Key[] | {
|
|
40
|
-
checked: Key[];
|
|
41
|
-
halfChecked: Key[];
|
|
42
|
-
}): {
|
|
43
|
-
checkedKeys?: Key[];
|
|
44
|
-
halfCheckedKeys?: Key[];
|
|
45
|
-
};
|
|
46
|
-
/**
|
|
47
|
-
* If user use `autoExpandParent` we should get the list of parent node
|
|
48
|
-
* @param keyList
|
|
49
|
-
* @param keyEntities
|
|
50
|
-
*/
|
|
51
|
-
export declare function conductExpandParent(keyList: Key[], keyEntities: KeyEntities): Key[];
|