bkui-vue 2.1.0-dev-beta.9 → 2.1.0-dev-beta.11

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.
@@ -84,7 +84,7 @@ export declare const treeProps: {
84
84
  label: import("vue-types").VueTypeDef<any>;
85
85
  /**
86
86
  * 每个树节点用来作为唯一标识的属性,此标识应该是唯一的
87
- * 启用拖拽、异步、受控选中/勾选等复杂能力时强烈建议显式设置
87
+ * 如果设置系统会默认自动生成唯一id
88
88
  */
89
89
  nodeKey: import("vue-types").VueTypeValidableDef<string> & {
90
90
  default: string;
@@ -315,9 +315,7 @@ export declare const treeProps: {
315
315
  default: boolean;
316
316
  };
317
317
  /**
318
- * 是否启用父子节点勾选联动
319
- * true: 父子联动
320
- * false: 父子不联动(语义与行业常见 checkStrictly 相反,为兼容历史行为暂保留)
318
+ * 在显示复选框的情况下,是否严格的遵循父子互相关联的做法
321
319
  */
322
320
  checkStrictly: import("vue-types").VueTypeValidableDef<boolean> & {
323
321
  default: boolean;
@@ -325,12 +323,9 @@ export declare const treeProps: {
325
323
  default: boolean;
326
324
  };
327
325
  /**
328
- * 是否深度监听 props.data 变化
329
- * - false (默认): 仅监听 props.data 引用变化,性能更优
330
- * - true: 深度监听 props.data 内部节点变化(已废弃,将在下个主版本移除)
331
- * @deprecated 请使用 onDataChange 回调更新数据,避免直接修改 props.data 内部节点
326
+ * 是否开启父子勾选级联;未传时沿用 checkStrictly 历史语义
332
327
  */
333
- deepWatch: import("vue-types").VueTypeValidableDef<boolean> & {
328
+ cascade: import("vue-types").VueTypeValidableDef<boolean> & {
334
329
  default: boolean;
335
330
  } & {
336
331
  default: boolean;
@@ -342,8 +337,9 @@ export declare const treeProps: {
342
337
  default: boolean | (() => IIntersectionObserver);
343
338
  };
344
339
  };
340
+ type AsyncLoadCallback = (item: TreeNode, cb: (data: TreeNode | TreeNode[]) => Promise<unknown> | unknown, data?: unknown) => Promise<TreeNode | TreeNode[]> | TreeNode | TreeNode[];
345
341
  type AsyncOption = {
346
- callback: (item: any, cb: any) => Promise<VNode | string>;
342
+ callback: AsyncLoadCallback;
347
343
  cache: boolean;
348
344
  deepAutoOpen?: string;
349
345
  trigger?: string[];
package/lib/tree/tree.css CHANGED
@@ -189,6 +189,29 @@
189
189
  .bk-tree .bk-node-row.is-selected:hover {
190
190
  background-color: #e1ecff;
191
191
  }
192
+ .bk-tree .bk-node-row.drop-before::before {
193
+ content: '';
194
+ position: absolute;
195
+ top: 0;
196
+ left: 0;
197
+ right: 0;
198
+ height: 1px;
199
+ background-color: #2196F3;
200
+ }
201
+ .bk-tree .bk-node-row.drop-after::before {
202
+ content: '';
203
+ position: absolute;
204
+ bottom: 0;
205
+ left: 0;
206
+ right: 0;
207
+ height: 1px;
208
+ background-color: #2196F3;
209
+ }
210
+ .bk-tree .bk-node-row.drop-inner {
211
+ background-color: rgba(33, 150, 243, 0.1);
212
+ outline: 1px dashed #2196F3;
213
+ outline-offset: -1px;
214
+ }
192
215
  .bk-tree-node {
193
216
  position: relative;
194
217
  display: flex;
@@ -299,6 +322,14 @@
299
322
  cursor: no-drop;
300
323
  opacity: 0.5;
301
324
  }
325
+ .bk-tree .insert-line {
326
+ position: absolute;
327
+ height: 2px;
328
+ background: #2196F3;
329
+ display: none;
330
+ pointer-events: none;
331
+ z-index: 999;
332
+ }
302
333
  .bk-tree-drop-indicator {
303
334
  position: fixed;
304
335
  pointer-events: none;
@@ -1,4 +1,4 @@
1
- import { TreePropTypes as defineTypes } from './props';
1
+ import { TreePropTypes as defineTypes, TreeNode } from './props';
2
2
  export type TreePropTypes = defineTypes;
3
3
  export type ITreeScrollTopOption = {
4
4
  id?: string;
@@ -45,9 +45,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
45
45
  };
46
46
  onDataChange: import("vue").PropType<import("./props").TreeDataChangeHandler>;
47
47
  async: import("vue-types").VueTypeShape<{
48
- callback: (item: any, cb: any) => Promise<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
49
- [key: string]: any;
50
- }>>;
48
+ callback: (item: TreeNode, cb: (data: TreeNode | TreeNode[]) => unknown, data?: unknown) => TreeNode | TreeNode[] | Promise<TreeNode | TreeNode[]>;
51
49
  cache: boolean;
52
50
  deepAutoOpen?: string;
53
51
  trigger?: string[];
@@ -140,7 +138,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
140
138
  } & {
141
139
  default: boolean;
142
140
  };
143
- deepWatch: import("vue-types").VueTypeValidableDef<boolean> & {
141
+ cascade: import("vue-types").VueTypeValidableDef<boolean> & {
144
142
  default: boolean;
145
143
  } & {
146
144
  default: boolean;
@@ -155,6 +153,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
155
153
  nodeCollapse: (..._args: any[]) => boolean;
156
154
  nodeExpand: (..._args: any[]) => boolean;
157
155
  nodeChecked: (..._args: any[]) => boolean;
156
+ nodeDataChange: (..._args: any[]) => boolean;
158
157
  nodeDragStart: (..._args: any[]) => boolean;
159
158
  nodeDragOver: (..._args: any[]) => boolean;
160
159
  nodeDragLeave: (..._args: any[]) => boolean;
@@ -203,9 +202,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
203
202
  };
204
203
  onDataChange: import("vue").PropType<import("./props").TreeDataChangeHandler>;
205
204
  async: import("vue-types").VueTypeShape<{
206
- callback: (item: any, cb: any) => Promise<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
207
- [key: string]: any;
208
- }>>;
205
+ callback: (item: TreeNode, cb: (data: TreeNode | TreeNode[]) => unknown, data?: unknown) => TreeNode | TreeNode[] | Promise<TreeNode | TreeNode[]>;
209
206
  cache: boolean;
210
207
  deepAutoOpen?: string;
211
208
  trigger?: string[];
@@ -298,7 +295,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
298
295
  } & {
299
296
  default: boolean;
300
297
  };
301
- deepWatch: import("vue-types").VueTypeValidableDef<boolean> & {
298
+ cascade: import("vue-types").VueTypeValidableDef<boolean> & {
302
299
  default: boolean;
303
300
  } & {
304
301
  default: boolean;
@@ -312,6 +309,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
312
309
  onNodeChecked?: (...args: any[]) => any;
313
310
  onNodeClick?: (...args: any[]) => any;
314
311
  onNodeCollapse?: (...args: any[]) => any;
312
+ onNodeDataChange?: (...args: any[]) => any;
315
313
  onNodeDragLeave?: (...args: any[]) => any;
316
314
  onNodeDragOver?: (...args: any[]) => any;
317
315
  onNodeDragSort?: (...args: any[]) => any;
@@ -351,6 +349,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
351
349
  nodeContentAction: any;
352
350
  keepSlotData: boolean;
353
351
  checkStrictly: boolean;
354
- deepWatch: boolean;
352
+ cascade: boolean;
355
353
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
356
354
  export default _default;
@@ -22,6 +22,35 @@
22
22
  background-color: #e1ecff;
23
23
  }
24
24
  }
25
+
26
+ &.drop-before {
27
+ &::before {
28
+ content: '';
29
+ position: absolute;
30
+ top: 0;
31
+ left: 0;
32
+ right: 0;
33
+ height: 1px;
34
+ background-color: #2196F3;
35
+ }
36
+ }
37
+ &.drop-after {
38
+ &::before {
39
+ content: '';
40
+ position: absolute;
41
+ bottom: 0;
42
+ left: 0;
43
+ right: 0;
44
+ height: 1px;
45
+ background-color: #2196F3;
46
+ }
47
+ }
48
+
49
+ &.drop-inner {
50
+ background-color: rgba(33, 150, 243, 0.1);
51
+ outline: 1px dashed #2196F3;
52
+ outline-offset: -1px;
53
+ }
25
54
  }
26
55
 
27
56
  &-node {
@@ -143,7 +172,6 @@
143
172
  }
144
173
  }
145
174
 
146
- // SortableJS ghost/chosen/drag 样式
147
175
  &-ghost {
148
176
  opacity: 0.5;
149
177
  background: #c8ebfb;
@@ -165,17 +193,22 @@
165
193
  opacity: 0.5;
166
194
  }
167
195
  }
196
+
197
+ .insert-line {
198
+ position: absolute;
199
+ height: 2px;
200
+ background: #2196F3;
201
+ display: none;
202
+ pointer-events: none;
203
+ z-index: 999;
204
+ }
168
205
  }
169
206
 
170
- // 拖拽放置指示器(overlay 方式,挂载在 body 上)
171
- // sort/move 类型:水平线 + 两端圆点,指示同级插入位置
172
- // child 类型:高亮边框 + 浅色背景,指示嵌入为子节点
173
207
  .@{bk-prefix}-tree-drop-indicator {
174
208
  position: fixed;
175
209
  pointer-events: none;
176
210
  z-index: 9999;
177
211
 
178
- // child 类型:嵌入为子节点的指示器
179
212
  &.@{bk-prefix}-tree-drop-inner {
180
213
  background: rgba(33, 150, 243, 0.06);
181
214
  outline: 2px dashed #3a84ff;
@@ -184,7 +217,6 @@
184
217
  box-shadow: inset 0 0 0 1px rgba(58, 132, 255, 0.1);
185
218
  }
186
219
 
187
- // sort/move 类型:同级插入的水平线指示器
188
220
  &.@{bk-prefix}-tree-drop-line {
189
221
  background: #3a84ff;
190
222
  border-radius: 1px;
@@ -320,6 +320,29 @@
320
320
  .bk-tree .bk-node-row.is-selected:hover {
321
321
  background-color: #e1ecff;
322
322
  }
323
+ .bk-tree .bk-node-row.drop-before::before {
324
+ content: '';
325
+ position: absolute;
326
+ top: 0;
327
+ left: 0;
328
+ right: 0;
329
+ height: 1px;
330
+ background-color: #2196F3;
331
+ }
332
+ .bk-tree .bk-node-row.drop-after::before {
333
+ content: '';
334
+ position: absolute;
335
+ bottom: 0;
336
+ left: 0;
337
+ right: 0;
338
+ height: 1px;
339
+ background-color: #2196F3;
340
+ }
341
+ .bk-tree .bk-node-row.drop-inner {
342
+ background-color: rgba(33, 150, 243, 0.1);
343
+ outline: 1px dashed #2196F3;
344
+ outline-offset: -1px;
345
+ }
323
346
  .bk-tree-node {
324
347
  position: relative;
325
348
  display: flex;
@@ -430,6 +453,14 @@
430
453
  cursor: no-drop;
431
454
  opacity: 0.5;
432
455
  }
456
+ .bk-tree .insert-line {
457
+ position: absolute;
458
+ height: 2px;
459
+ background: #2196F3;
460
+ display: none;
461
+ pointer-events: none;
462
+ z-index: 999;
463
+ }
433
464
  .bk-tree-drop-indicator {
434
465
  position: fixed;
435
466
  pointer-events: none;
@@ -6,7 +6,7 @@ type IntersectionObserverOptions = {
6
6
  };
7
7
  type IntersectionObserverResponseValue = {
8
8
  level: number;
9
- node: Record<string, any>;
9
+ node: Record<string, unknown>;
10
10
  index: number;
11
11
  entry: IntersectionObserverEntry;
12
12
  };
@@ -4,13 +4,13 @@ declare const _default: (props: TreePropTypes, ctx: any, flatData: IFlatData, _r
4
4
  renderTreeNode: (item: TreeNode, showTree?: boolean) => JSX.Element;
5
5
  handleTreeNodeClick: (item: TreeNode, e: MouseEvent, event?: string) => void;
6
6
  deepAutoOpen: () => void;
7
- asyncNodeClick: (item: TreeNode) => Promise<boolean | Record<string, unknown>>;
7
+ asyncNodeClick: (item: TreeNode) => Promise<boolean | (TreeNode | TreeNode[])>;
8
8
  setNodeAction: (args: TreeNode | TreeNode[], action: string, value: unknown) => void;
9
9
  setNodeOpened: (item: TreeNode, isOpen?: any, e?: MouseEvent, fireEmit?: boolean) => void;
10
10
  setSelect: (nodes: TreeNode | TreeNode[], selected?: boolean, autoOpen?: boolean, triggerEvent?: boolean, event?: string) => void;
11
11
  setOpen: (item: TreeNode, isOpen?: boolean, autoOpenParents?: boolean) => void;
12
12
  setNodeAttribute: (node: TreeNode, attrName: string | string[], value: (boolean | number | string)[] | boolean | number | string, loopParent?: boolean) => void;
13
- isIndeterminate: (item: TreeNode) => any;
13
+ isIndeterminate: (item: TreeNode) => boolean;
14
14
  deepUpdateChildNode: (node: TreeNode, attr: string | string[], value: unknown | unknown[]) => void;
15
15
  updateParentChecked: (item: TreeNode, isChecked: any) => void;
16
16
  };
@@ -1,6 +1,16 @@
1
- import { TreeNode } from './props';
2
- declare const _default: (props: any, flatData: any, ctx?: any) => {
3
- asyncNodeClick: (item: TreeNode) => Promise<boolean | Record<string, unknown>>;
1
+ import { EVENTS } from './constant';
2
+ import { TreeDataChangePayload, TreeNode, TreePropTypes } from './props';
3
+ import { IFlatData } from './util';
4
+ type TreeContext = {
5
+ emit: (event: EVENTS, ...args: unknown[]) => void;
6
+ };
7
+ type AsyncLoadResponse = TreeNode | TreeNode[];
8
+ export type UseNodeAsyncOptions = {
9
+ getTreeData?: () => TreeNode[];
10
+ onTreeDataChange?: (payload: TreeDataChangePayload) => void;
11
+ };
12
+ declare const _default: (props: TreePropTypes, flatData: IFlatData, ctx?: TreeContext, options?: UseNodeAsyncOptions) => {
13
+ asyncNodeClick: (item: TreeNode) => Promise<boolean | AsyncLoadResponse>;
4
14
  deepAutoOpen: () => void;
5
15
  };
6
16
  export default _default;
@@ -1,71 +1,99 @@
1
+ import { NODE_ATTRIBUTES } from './constant';
1
2
  import { TreeNode, TreePropTypes } from './props';
3
+ type TreeNodeAttributeMap = {
4
+ [NODE_ATTRIBUTES.DEPTH]: number;
5
+ [NODE_ATTRIBUTES.HAS_CHILD]: boolean;
6
+ [NODE_ATTRIBUTES.INDEX]: number;
7
+ [NODE_ATTRIBUTES.IS_ASYNC]: boolean;
8
+ [NODE_ATTRIBUTES.IS_ASYNC_INIT]: boolean;
9
+ [NODE_ATTRIBUTES.IS_CACHED]: boolean;
10
+ [NODE_ATTRIBUTES.IS_CHECKED]: boolean;
11
+ [NODE_ATTRIBUTES.IS_INDETERMINATE]: boolean;
12
+ [NODE_ATTRIBUTES.IS_LOADING]: boolean;
13
+ [NODE_ATTRIBUTES.IS_MATCH]: boolean;
14
+ [NODE_ATTRIBUTES.IS_NULL]: boolean;
15
+ [NODE_ATTRIBUTES.IS_OPEN]: boolean;
16
+ [NODE_ATTRIBUTES.IS_ROOT]: boolean;
17
+ [NODE_ATTRIBUTES.IS_SELECTED]: boolean;
18
+ [NODE_ATTRIBUTES.ORDER]: number;
19
+ [NODE_ATTRIBUTES.PARENT]: TreeNode;
20
+ [NODE_ATTRIBUTES.PATH]: string;
21
+ [NODE_ATTRIBUTES.TREE_NODE_ATTR]: Record<string, unknown>;
22
+ [NODE_ATTRIBUTES.UUID]: string | number;
23
+ };
2
24
  declare const _default: (flatData: {
3
25
  data: TreeNode[];
4
- schema: WeakMap<TreeNode, unknown>;
26
+ schema: WeakMap<TreeNode, Record<string, unknown>>;
27
+ nodeMap?: Map<number | string, TreeNode>;
28
+ childMap?: WeakMap<TreeNode, TreeNode[]>;
29
+ rootNodes?: TreeNode[];
5
30
  }, props?: TreePropTypes) => {
6
- getSchemaVal: (node: TreeNode) => unknown;
7
- getNodeAttr: (node: TreeNode, attr: string) => any;
8
- getNodeId: (node: TreeNode) => any;
31
+ getSchemaVal: (node: TreeNode) => Record<string, unknown>;
32
+ getNodeAttr: {
33
+ <T extends NODE_ATTRIBUTES>(node: TreeNode | null | undefined, attr: T): TreeNodeAttributeMap[T];
34
+ (node: TreeNode | null | undefined, attr: string): unknown;
35
+ };
36
+ getNodeId: (node: TreeNode | null | undefined) => string | number;
9
37
  getNodeById: (id: string | unknown) => TreeNode;
10
- getNodeParentId: (node: TreeNode) => any;
11
- getParentNodeData: (node: TreeNode | string) => any;
12
- getNodePathById: (id: string) => any;
13
- getNodeAttrById: (id: string, attr: string) => any;
14
- getNodeParentIdById: (id: string) => any;
38
+ getNodeParentId: (node: TreeNode) => string | number;
39
+ getParentNodeData: (node: TreeNode | string) => TreeNode;
40
+ getNodePathById: (id: string) => string;
41
+ getNodeAttrById: (id: string, attr: string) => unknown;
42
+ getNodeParentIdById: (id: string) => string | number;
15
43
  getNodeIndexById: (id: string) => number;
16
44
  getNodeIndexByNode: (node: TreeNode) => number;
17
45
  getRootNodeList: () => TreeNode[];
18
- getParentNodeAttr: (node: TreeNode, attrName: string) => any;
19
- getParentNode: (node: TreeNode) => any;
46
+ getParentNodeAttr: (node: TreeNode, attrName: string) => unknown;
47
+ getParentNode: (node: TreeNode) => TreeNode;
20
48
  setNodeAttr: (node: TreeNode, attr: string, val: unknown, id?: any) => void;
21
49
  setNodeAttrById: (id: unknown, attr: string, val: unknown) => void;
22
- getNodePath: (node: TreeNode) => any;
23
- isRootNode: (node: TreeNode | string) => any;
24
- isNodeOpened: (node: TreeNode) => any;
25
- hasChildNode: (node: TreeNode) => any;
26
- isItemOpen: (item: TreeNode) => any;
27
- isNodeChecked: (node: TreeNode) => any;
28
- isNodeMatched: (node: TreeNode) => any;
29
- isNodeLoading: (node: TreeNode) => any;
30
- checkNodeIsOpen: (node: TreeNode) => any;
50
+ getNodePath: (node: TreeNode) => string;
51
+ isRootNode: (node: TreeNode | string) => boolean;
52
+ isNodeOpened: (node: TreeNode) => boolean;
53
+ hasChildNode: (node: TreeNode) => boolean;
54
+ isItemOpen: (item: TreeNode) => unknown;
55
+ isNodeChecked: (node: TreeNode) => boolean;
56
+ isNodeMatched: (node: TreeNode) => boolean;
57
+ isNodeLoading: (node: TreeNode) => boolean;
58
+ checkNodeIsOpen: (node: TreeNode) => unknown;
31
59
  getSourceNodeByPath: (path: string, uid?: string) => any[];
32
60
  getSourceNodeByUID: (uid: string) => TreeNode;
33
- isMatchedNode: (node: TreeNode) => any;
61
+ isMatchedNode: (node: TreeNode) => boolean;
34
62
  resolveScopedSlotParam: (item: TreeNode) => {
35
- [x: string]: any;
36
- fullPath: any;
37
- uuid: any;
38
- parent: any;
39
- parentId: any;
63
+ [x: string]: string | number | boolean | TreeNode;
64
+ fullPath: string;
65
+ uuid: string | number;
66
+ parent: TreeNode;
67
+ parentId: string | number;
40
68
  };
41
69
  setTreeNodeLoading: (node: TreeNode, value: boolean) => void;
42
70
  extendNodeAttr: (item: TreeNode) => TreeNode & {
43
71
  __attr__: {
44
- [x: string]: any;
45
- fullPath: any;
46
- uuid: any;
47
- parent: any;
48
- parentId: any;
72
+ [x: string]: string | number | boolean | TreeNode;
73
+ fullPath: string;
74
+ uuid: string | number;
75
+ parent: TreeNode;
76
+ parentId: string | number;
49
77
  };
50
78
  };
51
79
  getChildNodes: (node: TreeNode) => TreeNode[];
52
80
  extendNodeScopedData: (item: TreeNode) => {
53
81
  data: TreeNode;
54
82
  attributes: {
55
- [x: string]: any;
56
- fullPath: any;
57
- uuid: any;
58
- parent: any;
59
- parentId: any;
83
+ [x: string]: string | number | boolean | TreeNode;
84
+ fullPath: string;
85
+ uuid: string | number;
86
+ parent: TreeNode;
87
+ parentId: string | number;
60
88
  };
61
89
  };
62
90
  getIntersectionResponse: (target: HTMLElement | TreeNode) => {
63
- level: any;
91
+ level: number;
64
92
  target: HTMLElement | TreeNode;
65
- index: any;
66
- parent: any;
93
+ index: number;
94
+ parent: TreeNode;
67
95
  node: HTMLElement | TreeNode;
68
- isRoot: any;
96
+ isRoot: boolean;
69
97
  };
70
98
  };
71
99
  export default _default;
@@ -1,5 +1,18 @@
1
- import { TreePropTypes } from './props';
2
- declare const _default: (props: TreePropTypes, ctx: any, root?: any, flatData?: any, options?: any) => {
3
- isDragging: import("vue").Ref<boolean, boolean>;
1
+ import { Ref, SetupContext } from 'vue';
2
+ import { TreeEmitEventsType } from './constant';
3
+ import { TreeDataChangePayload, TreeNode, TreePropTypes } from './props';
4
+ import { IFlatData } from './util';
5
+ type TreeContext = {
6
+ emit: SetupContext<typeof TreeEmitEventsType>['emit'];
7
+ };
8
+ type TreeRoot = {
9
+ $el: HTMLElement;
10
+ };
11
+ type UseNodeDragOptions = {
12
+ getTreeData?: () => TreeNode[];
13
+ onTreeDataChange?: (payload: TreeDataChangePayload) => void;
14
+ };
15
+ declare const _default: (props: TreePropTypes, ctx: TreeContext, root: Ref<TreeRoot>, flatData: IFlatData, options?: UseNodeDragOptions) => {
16
+ isDragging: Ref<boolean, boolean>;
4
17
  };
5
18
  export default _default;
@@ -6,12 +6,25 @@ declare const _default: (props: TreePropTypes) => {
6
6
  children?: any[];
7
7
  }[];
8
8
  schema: WeakMap<TreeNode, Record<string, unknown>> & Omit<WeakMap<TreeNode, Record<string, unknown>>, keyof WeakMap<any, any>>;
9
+ nodeMap: Map<string, {
10
+ [x: string]: unknown;
11
+ children?: any[];
12
+ }> & Omit<Map<string, TreeNode>, keyof Map<any, any>>;
13
+ childMap: WeakMap<TreeNode, {
14
+ [x: string]: unknown;
15
+ children?: any[];
16
+ }[]> & Omit<WeakMap<TreeNode, TreeNode[]>, keyof WeakMap<any, any>>;
17
+ rootNodes: {
18
+ [x: string]: unknown;
19
+ children?: any[];
20
+ }[];
9
21
  levelLineSchema: {};
10
22
  };
11
- asyncNodeClick: (item: TreeNode) => Promise<boolean | Record<string, unknown>>;
23
+ asyncNodeClick: (item: TreeNode) => Promise<boolean | (TreeNode | TreeNode[])>;
12
24
  deepAutoOpen: () => void;
13
25
  afterDataUpdate: (callFn: (d: any) => void) => void;
14
26
  registerNextLoop: (key: string, event: any, reset?: boolean) => void;
27
+ rebuildData: (treeData: TreeNode[], cachedSchema?: WeakMap<TreeNode, Record<string, unknown>> & Omit<WeakMap<TreeNode, Record<string, unknown>>, keyof WeakMap<any, any>>) => void;
15
28
  onSelected: (event: (d: any) => void) => void;
16
29
  };
17
30
  export default _default;
@@ -1,7 +1,11 @@
1
1
  import { TreeDataChangePayload, TreeNode, TreePropTypes } from './props';
2
+ export type TreeNodeKey = number | string;
2
3
  export type IFlatData = {
3
4
  data: TreeNode[];
4
5
  schema: WeakMap<TreeNode, Record<string, unknown>>;
6
+ nodeMap?: Map<TreeNodeKey, TreeNode>;
7
+ childMap?: WeakMap<TreeNode, TreeNode[]>;
8
+ rootNodes?: TreeNode[];
5
9
  };
6
10
  /**
7
11
  * 获取当前节点显示Label
@@ -48,6 +52,7 @@ export declare const getNodeItemClass: (item: TreeNode, schema: WeakMap<TreeNode
48
52
  export declare const getNodeRowClass: (item: TreeNode, schema: WeakMap<TreeNode, Record<string, unknown>>) => {
49
53
  [x: string]: unknown;
50
54
  'is-checked': unknown;
55
+ 'is-indeterminate': unknown;
51
56
  'is-selected': unknown;
52
57
  'node-folder': unknown;
53
58
  'node-leaf': unknown;
@@ -62,15 +67,16 @@ export declare const getNodeRowClass: (item: TreeNode, schema: WeakMap<TreeNode,
62
67
  */
63
68
  export declare const updateTreeNode: (path: string, treeData: TreeNode[], childKey: string, nodekey: string, nodeValue: Record<string, unknown>[]) => void;
64
69
  export declare const cloneTreeData: (treeData?: TreeNode[], childKey?: string) => TreeNode[];
65
- export declare const findNodeById: (treeData: TreeNode[], nodeId: string | number, nodeKey: string, childKey: string) => TreeNode | null;
66
- export declare const mutateTreeById: (treeData: TreeNode[], nodeId: string | number, nodeKey: string, childKey: string, updater: (node: TreeNode) => void) => TreeNode[];
67
- export declare const removeTreeNodeById: (treeData: TreeNode[], nodeId: string | number, nodeKey: string, childKey: string) => {
70
+ export declare const isSameNodeId: (left: unknown, right: unknown) => boolean;
71
+ export declare const findNodeById: (treeData: TreeNode[], nodeId: number | string, nodeKey: string, childKey: string) => TreeNode | null;
72
+ export declare const mutateTreeById: (treeData: TreeNode[], nodeId: number | string, nodeKey: string, childKey: string, updater: (node: TreeNode) => void) => TreeNode[];
73
+ export declare const removeTreeNodeById: (treeData: TreeNode[], nodeId: number | string, nodeKey: string, childKey: string) => {
68
74
  node: TreeNode | null;
69
75
  data: TreeNode[];
70
76
  parentNode: TreeNode | null;
71
77
  index: number;
72
78
  };
73
- export declare const insertTreeNodeById: (treeData: TreeNode[], node: TreeNode, targetNodeId: string | number, nodeKey: string, childKey: string, options: {
79
+ export declare const insertTreeNodeById: (treeData: TreeNode[], node: TreeNode, targetNodeId: number | string, nodeKey: string, childKey: string, options: {
74
80
  dropType: 'child' | 'move' | 'sort';
75
81
  willInsertAfter?: boolean;
76
82
  }) => {
@@ -79,7 +85,7 @@ export declare const insertTreeNodeById: (treeData: TreeNode[], node: TreeNode,
79
85
  targetNode: TreeNode | null;
80
86
  index: number;
81
87
  };
82
- export declare const moveTreeNodeById: (treeData: TreeNode[], nodeId: string | number, targetNodeId: string | number, nodeKey: string, childKey: string, options: {
88
+ export declare const moveTreeNodeById: (treeData: TreeNode[], nodeId: number | string, targetNodeId: number | string, nodeKey: string, childKey: string, options: {
83
89
  dropType: 'child' | 'move' | 'sort';
84
90
  willInsertAfter?: boolean;
85
91
  }) => TreeDataChangePayload | null;
@@ -94,3 +100,4 @@ export declare const assignTreeNode: (path: string, treeData: TreeNode[], childK
94
100
  export declare const resolveNodeItem: (node: TreeNode) => TreeNode;
95
101
  export declare const resolvePropIsMatched: (node: any, prop: any, id: any) => any;
96
102
  export declare const showCheckbox: (props: TreePropTypes, node?: TreeNode) => any;
103
+ export declare const isCascadeEnabled: (props: TreePropTypes) => boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "2.1.0-dev-beta.9",
3
+ "version": "2.1.0-dev-beta.11",
4
4
  "workspaces": [
5
5
  "packages/**",
6
6
  "scripts/cli",