@teammodlr/ui-kit 2.1.6 → 2.1.7
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/lib/components/tree/Tree.vue.d.ts +7 -2
- package/lib/components/tree/TreeNode.vue.d.ts +4 -0
- package/lib/components/tree/TreeNodeToggle.vue.d.ts +26 -0
- package/lib/components/tree/props.d.ts +3 -1
- package/lib/components/tree/types.d.ts +8 -3
- package/lib/index.cjs.js +6 -6
- package/lib/index.es.js +986 -900
- package/package.json +1 -1
- package/src/components/tree/Tree.vue +17 -6
- package/src/components/tree/TreeNode.vue +84 -52
- package/src/components/tree/TreeNodeToggle.vue +36 -0
- package/src/components/tree/examples/basic.vue +5 -25
- package/src/components/tree/props.ts +9 -1
- package/src/components/tree/types.ts +11 -3
|
@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
14
14
|
readonly type: StringConstructor;
|
|
15
15
|
readonly default: "children";
|
|
16
16
|
};
|
|
17
|
+
readonly onDblClick: import("vue").PropType<import("./types").TreeNodeDoubleClick>;
|
|
17
18
|
readonly onUpdateIndeterminateKeys: import("vue").PropType<import("../../call").MaybeArray<import("./types").OnUpdateIndeterminateKeys>>;
|
|
18
19
|
readonly 'onUpdate:indeterminateKeys': import("vue").PropType<import("../../call").MaybeArray<import("./types").OnUpdateIndeterminateKeys>>;
|
|
19
20
|
readonly onUpdateExpandedKeys: import("vue").PropType<import("../../call").MaybeArray<import("./types").onUpdateExpandedKeys>>;
|
|
@@ -45,7 +46,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
45
46
|
nodesRef: import("vue").ComputedRef<import("treemate").TreeNode<TreeOption, TreeOption, TreeOption>[]>;
|
|
46
47
|
displayTreeMateRef: import("vue").ComputedRef<import("treemate").TreeMate<TreeOption, TreeOption, TreeOption>>;
|
|
47
48
|
selfElRef: import("vue").Ref<HTMLDivElement | null>;
|
|
48
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
49
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("dblclick" | "update:expandedKeys")[], "dblclick" | "update:expandedKeys", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
49
50
|
readonly expandedKeys: import("vue").PropType<Key[]>;
|
|
50
51
|
readonly defaultExpandAll: BooleanConstructor;
|
|
51
52
|
readonly keyField: {
|
|
@@ -60,6 +61,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
60
61
|
readonly type: StringConstructor;
|
|
61
62
|
readonly default: "children";
|
|
62
63
|
};
|
|
64
|
+
readonly onDblClick: import("vue").PropType<import("./types").TreeNodeDoubleClick>;
|
|
63
65
|
readonly onUpdateIndeterminateKeys: import("vue").PropType<import("../../call").MaybeArray<import("./types").OnUpdateIndeterminateKeys>>;
|
|
64
66
|
readonly 'onUpdate:indeterminateKeys': import("vue").PropType<import("../../call").MaybeArray<import("./types").OnUpdateIndeterminateKeys>>;
|
|
65
67
|
readonly onUpdateExpandedKeys: import("vue").PropType<import("../../call").MaybeArray<import("./types").onUpdateExpandedKeys>>;
|
|
@@ -87,7 +89,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
87
89
|
readonly virtualScroll: BooleanConstructor;
|
|
88
90
|
readonly nodeProps: import("vue").PropType<import("./types").TreeNodeProps>;
|
|
89
91
|
readonly getChildren: import("vue").PropType<import("./props").GetChildren>;
|
|
90
|
-
}
|
|
92
|
+
}>> & {
|
|
93
|
+
onDblclick?: ((...args: any[]) => any) | undefined;
|
|
94
|
+
"onUpdate:expandedKeys"?: ((...args: any[]) => any) | undefined;
|
|
95
|
+
}, {
|
|
91
96
|
readonly data: import("./types").TreeOptions;
|
|
92
97
|
readonly multiple: boolean;
|
|
93
98
|
readonly defaultExpandAll: boolean;
|
|
@@ -9,6 +9,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
9
9
|
selfElRef: import("vue").Ref<HTMLDivElement | null>;
|
|
10
10
|
handleLineClick: (e: MouseEvent) => void;
|
|
11
11
|
indentCount: import("vue").ComputedRef<number>;
|
|
12
|
+
labelField: import("vue").ComputedRef<unknown>;
|
|
13
|
+
expanded: import("vue").ComputedRef<boolean>;
|
|
14
|
+
handleToggleClick: () => void;
|
|
15
|
+
doDoubleClick: (e: MouseEvent) => void;
|
|
12
16
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
13
17
|
node: {
|
|
14
18
|
type: PropType<TmNode>;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { type PropType } from "vue";
|
|
2
|
+
import type { TmNode } from "./types";
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
expanded: BooleanConstructor;
|
|
5
|
+
selected: BooleanConstructor;
|
|
6
|
+
onClick: PropType<(e: MouseEvent) => void>;
|
|
7
|
+
hide: BooleanConstructor;
|
|
8
|
+
node: {
|
|
9
|
+
type: PropType<TmNode>;
|
|
10
|
+
required: true;
|
|
11
|
+
};
|
|
12
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
13
|
+
expanded: BooleanConstructor;
|
|
14
|
+
selected: BooleanConstructor;
|
|
15
|
+
onClick: PropType<(e: MouseEvent) => void>;
|
|
16
|
+
hide: BooleanConstructor;
|
|
17
|
+
node: {
|
|
18
|
+
type: PropType<TmNode>;
|
|
19
|
+
required: true;
|
|
20
|
+
};
|
|
21
|
+
}>>, {
|
|
22
|
+
hide: boolean;
|
|
23
|
+
expanded: boolean;
|
|
24
|
+
selected: boolean;
|
|
25
|
+
}, {}>;
|
|
26
|
+
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ExtractPublicPropTypes, PropType } from "vue";
|
|
2
|
-
import type { TreeOptions, Key, TreeNodeProps, OnUpdateIndeterminateKeys, onUpdateExpandedKeys } from "./types";
|
|
2
|
+
import type { TreeOptions, Key, TreeNodeProps, OnUpdateIndeterminateKeys, onUpdateExpandedKeys, TreeNodeDoubleClick } from "./types";
|
|
3
3
|
import type { TreeMateOptions } from "treemate";
|
|
4
4
|
import type { MaybeArray } from "../../call";
|
|
5
5
|
export declare const treeSharedProps: {
|
|
@@ -17,6 +17,7 @@ export declare const treeSharedProps: {
|
|
|
17
17
|
readonly type: StringConstructor;
|
|
18
18
|
readonly default: "children";
|
|
19
19
|
};
|
|
20
|
+
readonly onDblClick: PropType<TreeNodeDoubleClick>;
|
|
20
21
|
readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateIndeterminateKeys>>;
|
|
21
22
|
readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateIndeterminateKeys>>;
|
|
22
23
|
readonly onUpdateExpandedKeys: PropType<MaybeArray<onUpdateExpandedKeys>>;
|
|
@@ -37,6 +38,7 @@ export declare const treeProps: {
|
|
|
37
38
|
readonly type: StringConstructor;
|
|
38
39
|
readonly default: "children";
|
|
39
40
|
};
|
|
41
|
+
readonly onDblClick: PropType<TreeNodeDoubleClick>;
|
|
40
42
|
readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateIndeterminateKeys>>;
|
|
41
43
|
readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateIndeterminateKeys>>;
|
|
42
44
|
readonly onUpdateExpandedKeys: PropType<MaybeArray<onUpdateExpandedKeys>>;
|
|
@@ -8,14 +8,19 @@ export interface TreeOptionBase {
|
|
|
8
8
|
}
|
|
9
9
|
export type TreeOption = TreeOptionBase & Record<string, unknown>;
|
|
10
10
|
export type TreeOptions = TreeOption[];
|
|
11
|
-
export type TreeNodeProps = (
|
|
11
|
+
export type TreeNodeProps = (node: TreeOption) => HTMLAttributes & Record<string, unknown>;
|
|
12
|
+
export type TreeNodeDoubleClick = (info: {
|
|
12
13
|
option: TreeOption;
|
|
13
|
-
}) =>
|
|
14
|
+
}) => void;
|
|
14
15
|
export interface TreeInjection {
|
|
16
|
+
mergedExpandedKeysRef: Ref<Key[]>;
|
|
15
17
|
indentRef: Ref<number>;
|
|
16
18
|
expandOnClickRef: Ref<boolean>;
|
|
17
19
|
nodePropsRef: Ref<TreeNodeProps | undefined>;
|
|
18
|
-
|
|
20
|
+
labelFieldRef: Ref<string>;
|
|
21
|
+
keyFieldRef: Ref<string>;
|
|
22
|
+
handleToggleClick: (node: TreeNode<TreeOption>) => void;
|
|
23
|
+
handleDoubleClick: (node: TreeOption) => void;
|
|
19
24
|
}
|
|
20
25
|
export declare const treeInjectionKey: InjectionKey<TreeInjection>;
|
|
21
26
|
export type TmNode = TreeNode<TreeOption>;
|