@teammodlr/ui-kit 2.1.6 → 2.1.8
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 +6 -0
- package/lib/components/tree/TreeNodeToggle.vue.d.ts +32 -0
- package/lib/components/tree/props.d.ts +3 -1
- package/lib/components/tree/style/Tree.css.d.ts +7 -0
- package/lib/components/tree/style/index.d.ts +1 -0
- package/lib/components/tree/types.d.ts +9 -3
- package/lib/index.cjs.js +8 -8
- package/lib/index.es.js +1877 -1780
- package/lib/style.css +1 -1
- package/package.json +1 -1
- package/src/components/tree/Tree.vue +110 -98
- package/src/components/tree/TreeNode.vue +98 -60
- package/src/components/tree/TreeNodeToggle.vue +48 -0
- package/src/components/tree/examples/basic.vue +5 -25
- package/src/components/tree/props.ts +9 -1
- package/src/components/tree/style/Tree.css.ts +70 -0
- package/src/components/tree/style/index.ts +1 -0
- package/src/components/tree/types.ts +12 -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;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type PropType } from "vue";
|
|
2
2
|
import type { TmNode } from "./types";
|
|
3
|
+
import * as style from "./style";
|
|
3
4
|
declare const _default: import("vue").DefineComponent<{
|
|
4
5
|
node: {
|
|
5
6
|
type: PropType<TmNode>;
|
|
@@ -9,6 +10,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
9
10
|
selfElRef: import("vue").Ref<HTMLDivElement | null>;
|
|
10
11
|
handleLineClick: (e: MouseEvent) => void;
|
|
11
12
|
indentCount: import("vue").ComputedRef<number>;
|
|
13
|
+
labelField: import("vue").ComputedRef<unknown>;
|
|
14
|
+
expanded: import("vue").ComputedRef<boolean>;
|
|
15
|
+
handleToggleClick: () => void;
|
|
16
|
+
doDoubleClick: (e: MouseEvent) => void;
|
|
17
|
+
style: typeof style;
|
|
12
18
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
13
19
|
node: {
|
|
14
20
|
type: PropType<TmNode>;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { type PropType } from "vue";
|
|
2
|
+
import type { TmNode } from "./types";
|
|
3
|
+
import * as style from "./style";
|
|
4
|
+
declare const _default: import("vue").DefineComponent<{
|
|
5
|
+
expanded: BooleanConstructor;
|
|
6
|
+
selected: BooleanConstructor;
|
|
7
|
+
onClick: PropType<(e: MouseEvent) => void>;
|
|
8
|
+
hide: BooleanConstructor;
|
|
9
|
+
node: {
|
|
10
|
+
type: PropType<TmNode>;
|
|
11
|
+
required: true;
|
|
12
|
+
};
|
|
13
|
+
}, {
|
|
14
|
+
style: typeof style;
|
|
15
|
+
iconClass: import("vue").ComputedRef<{
|
|
16
|
+
[x: string]: boolean;
|
|
17
|
+
}>;
|
|
18
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
19
|
+
expanded: BooleanConstructor;
|
|
20
|
+
selected: BooleanConstructor;
|
|
21
|
+
onClick: PropType<(e: MouseEvent) => void>;
|
|
22
|
+
hide: BooleanConstructor;
|
|
23
|
+
node: {
|
|
24
|
+
type: PropType<TmNode>;
|
|
25
|
+
required: true;
|
|
26
|
+
};
|
|
27
|
+
}>>, {
|
|
28
|
+
hide: boolean;
|
|
29
|
+
expanded: boolean;
|
|
30
|
+
selected: boolean;
|
|
31
|
+
}, {}>;
|
|
32
|
+
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>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const toggle: string;
|
|
2
|
+
export declare const icon: string;
|
|
3
|
+
export declare const iconRotate: Record<90, string>;
|
|
4
|
+
export declare const nodeWrapper: string;
|
|
5
|
+
export declare const node: string;
|
|
6
|
+
export declare const nodeContent: string;
|
|
7
|
+
export declare const nodeContentText: string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Tree.css';
|
|
@@ -8,14 +8,20 @@ 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
|
+
childrenFieldRef: Ref<string>;
|
|
23
|
+
handleToggleClick: (node: TreeNode<TreeOption>) => void;
|
|
24
|
+
handleDoubleClick: (node: TreeOption) => void;
|
|
19
25
|
}
|
|
20
26
|
export declare const treeInjectionKey: InjectionKey<TreeInjection>;
|
|
21
27
|
export type TmNode = TreeNode<TreeOption>;
|