yuyeon 0.0.14 → 0.0.16
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/LICENSE +191 -0
- package/README.md +15 -0
- package/dist/style.css +1 -1
- package/dist/yuyeon.mjs +3224 -2342
- package/dist/yuyeon.umd.js +29 -1
- package/lib/abstract/items.mjs +20 -0
- package/lib/abstract/items.mjs.map +1 -0
- package/lib/components/button/YButton.mjs +2 -2
- package/lib/components/button/YButton.mjs.map +1 -1
- package/lib/components/button/YButton.scss +1 -1
- package/lib/components/card/YCard.mjs.map +1 -1
- package/lib/components/card/YCard.scss +3 -2
- package/lib/components/checkbox/YInputCheckbox.scss +1 -1
- package/lib/components/chip/YChip.mjs +2 -2
- package/lib/components/chip/YChip.mjs.map +1 -1
- package/lib/components/dialog/YDialog.mjs +2 -2
- package/lib/components/dialog/YDialog.mjs.map +1 -1
- package/lib/components/dropdown/YDropdown.mjs +83 -2
- package/lib/components/dropdown/YDropdown.mjs.map +1 -1
- package/lib/components/dropdown/YDropdown.scss +33 -0
- package/lib/components/field-input/YFieldInput.mjs +57 -49
- package/lib/components/field-input/YFieldInput.mjs.map +1 -1
- package/lib/components/icons/YIconCheckbox.scss +1 -1
- package/lib/components/icons/YIconDropdown.mjs +16 -0
- package/lib/components/icons/YIconDropdown.mjs.map +1 -0
- package/lib/components/index.mjs +2 -0
- package/lib/components/index.mjs.map +1 -1
- package/lib/components/input/YInput.mjs +83 -49
- package/lib/components/input/YInput.mjs.map +1 -1
- package/lib/components/input/YInput.scss +50 -23
- package/lib/components/layer/YLayer.mjs +21 -9
- package/lib/components/layer/YLayer.mjs.map +1 -1
- package/lib/components/layer/YLayer.scss +1 -0
- package/lib/components/layer/scroll-strategies.mjs +1 -1
- package/lib/components/layer/scroll-strategies.mjs.map +1 -1
- package/lib/components/list/YList.mjs +40 -2
- package/lib/components/list/YList.mjs.map +1 -1
- package/lib/components/list/YListItem.mjs +31 -11
- package/lib/components/list/YListItem.mjs.map +1 -1
- package/lib/components/list/YListItem.scss +5 -2
- package/lib/components/menu/YMenu.mjs +29 -18
- package/lib/components/menu/YMenu.mjs.map +1 -1
- package/lib/components/menu/YMenu.scss +22 -7
- package/lib/components/pagination/YPagination.mjs +8 -8
- package/lib/components/pagination/YPagination.mjs.map +1 -1
- package/lib/components/panel/YDividePanel.scss +4 -4
- package/lib/components/progress-bar/YProgressBar.mjs +20 -3
- package/lib/components/progress-bar/YProgressBar.mjs.map +1 -1
- package/lib/components/progress-bar/YProgressBar.scss +109 -40
- package/lib/components/select/YSelect.mjs +196 -0
- package/lib/components/select/YSelect.mjs.map +1 -0
- package/lib/components/select/YSelect.scss +43 -0
- package/lib/components/select/index.mjs +2 -0
- package/lib/components/select/index.mjs.map +1 -0
- package/lib/components/switch/YSwitch.scss +1 -1
- package/lib/components/table/YTable.scss +2 -2
- package/lib/components/tree-view/YTreeView.mjs +76 -18
- package/lib/components/tree-view/YTreeView.mjs.map +1 -1
- package/lib/components/tree-view/YTreeViewNode.mjs +21 -18
- package/lib/components/tree-view/YTreeViewNode.mjs.map +1 -1
- package/lib/components/tree-view/types.mjs.map +1 -1
- package/lib/components/tree-view/util.mjs +24 -0
- package/lib/components/tree-view/util.mjs.map +1 -1
- package/lib/composables/coordinate/arrangement.mjs.map +1 -1
- package/lib/composables/coordinate/index.mjs.map +1 -1
- package/lib/composables/coordinate/levitation.mjs +1 -1
- package/lib/composables/coordinate/levitation.mjs.map +1 -1
- package/lib/composables/coordinate/utils/point.mjs.map +1 -1
- package/lib/composables/dimension.mjs +26 -0
- package/lib/composables/dimension.mjs.map +1 -0
- package/lib/composables/focus.mjs +29 -0
- package/lib/composables/focus.mjs.map +1 -0
- package/lib/composables/list-items.mjs +58 -0
- package/lib/composables/list-items.mjs.map +1 -0
- package/lib/composables/theme/factory.mjs +45 -0
- package/lib/composables/theme/factory.mjs.map +1 -0
- package/lib/composables/theme/helper.mjs +14 -0
- package/lib/composables/theme/helper.mjs.map +1 -0
- package/lib/composables/theme/index.mjs +144 -10
- package/lib/composables/theme/index.mjs.map +1 -1
- package/lib/composables/theme/setting.mjs +58 -9
- package/lib/composables/theme/setting.mjs.map +1 -1
- package/lib/composables/theme/types.mjs +2 -0
- package/lib/composables/theme/types.mjs.map +1 -0
- package/lib/directives/complement-click/index.mjs.map +1 -1
- package/lib/directives/theme-class.mjs +4 -4
- package/lib/directives/theme-class.mjs.map +1 -1
- package/lib/index.mjs +7 -5
- package/lib/index.mjs.map +1 -1
- package/lib/mixins/di.mjs +0 -3
- package/lib/mixins/di.mjs.map +1 -1
- package/lib/styles/_elevation.scss +15 -0
- package/lib/styles/base.scss +11 -5
- package/lib/styles/settings/_elevation.scss +20 -0
- package/lib/styles/theme/light.scss +1 -1
- package/lib/styles/util/_helper.scss +12 -0
- package/lib/styles/util/_var.scss +18 -0
- package/lib/util/color/apca.mjs +201 -0
- package/lib/util/color/apca.mjs.map +1 -0
- package/lib/util/color/const.mjs +6 -0
- package/lib/util/color/const.mjs.map +1 -0
- package/lib/util/color/contrast/contrast.mjs +149 -0
- package/lib/util/color/contrast/contrast.mjs.map +1 -0
- package/lib/util/color/conversion.mjs +310 -0
- package/lib/util/color/conversion.mjs.map +1 -0
- package/lib/util/color/hct/cam16.mjs +349 -0
- package/lib/util/color/hct/cam16.mjs.map +1 -0
- package/lib/util/color/hct/hct-solver.mjs +389 -0
- package/lib/util/color/hct/hct-solver.mjs.map +1 -0
- package/lib/util/color/hct/hct.mjs +153 -0
- package/lib/util/color/hct/hct.mjs.map +1 -0
- package/lib/util/color/hct/viewing-conditions.mjs +110 -0
- package/lib/util/color/hct/viewing-conditions.mjs.map +1 -0
- package/lib/util/color/index.mjs +24 -0
- package/lib/util/color/index.mjs.map +1 -0
- package/lib/util/color/palettes/core-palette.mjs +99 -0
- package/lib/util/color/palettes/core-palette.mjs.map +1 -0
- package/lib/util/color/palettes/tonal-palette.mjs +112 -0
- package/lib/util/color/palettes/tonal-palette.mjs.map +1 -0
- package/lib/util/color/types.mjs +2 -0
- package/lib/util/color/types.mjs.map +1 -0
- package/lib/util/color/utils/math-utils.mjs +139 -0
- package/lib/util/color/utils/math-utils.mjs.map +1 -0
- package/lib/util/common.mjs +11 -6
- package/lib/util/common.mjs.map +1 -1
- package/lib/util/debounce.mjs +114 -0
- package/lib/util/debounce.mjs.map +1 -0
- package/lib/util/{FrameScheduler.mjs → frame-scheduler.mjs} +1 -1
- package/lib/util/frame-scheduler.mjs.map +1 -0
- package/lib/util/{Rect.mjs → rect.mjs} +1 -1
- package/lib/util/{Rect.mjs.map → rect.mjs.map} +1 -1
- package/lib/util/string.mjs +6 -0
- package/lib/util/string.mjs.map +1 -1
- package/lib/util/ui.mjs +11 -36
- package/lib/util/ui.mjs.map +1 -1
- package/package.json +12 -1
- package/types/abstract/items.d.ts +48 -0
- package/types/components/card/YCard.d.ts +1 -1
- package/types/components/checkbox/YInputCheckbox.d.ts +2 -2
- package/types/components/dialog/YDialog.d.ts +23 -8
- package/types/components/dropdown/YDropdown.d.ts +219 -0
- package/types/components/dropdown/index.d.ts +1 -0
- package/types/components/field-input/YFieldInput.d.ts +238 -25
- package/types/components/icons/YIconCheckbox.d.ts +1 -1
- package/types/components/icons/YIconDropdown.d.ts +1 -0
- package/types/components/index.d.ts +2 -0
- package/types/components/input/YInput.d.ts +156 -42
- package/types/components/layer/YLayer.d.ts +67 -17
- package/types/components/list/YList.d.ts +22 -1
- package/types/components/list/YListItem.d.ts +28 -2
- package/types/components/menu/YMenu.d.ts +132 -16
- package/types/components/pagination/YPagination.d.ts +10 -10
- package/types/components/progress-bar/YProgressBar.d.ts +18 -1
- package/types/components/select/YSelect.d.ts +701 -0
- package/types/components/select/index.d.ts +1 -0
- package/types/components/table/YDataTable.d.ts +1 -1
- package/types/components/table/YDataTableServer.d.ts +1 -1
- package/types/components/text-highlighter/YTextHighlighter.d.ts +40 -0
- package/types/components/tooltip/YTooltip.d.ts +20 -5
- package/types/components/tree-view/YTreeView.d.ts +47 -22
- package/types/components/tree-view/YTreeViewNode.d.ts +72 -26
- package/types/components/tree-view/types.d.ts +1 -0
- package/types/components/tree-view/util.d.ts +4 -1
- package/types/composables/coordinate/arrangement.d.ts +1 -1
- package/types/composables/coordinate/index.d.ts +3 -3
- package/types/composables/coordinate/levitation.d.ts +1 -1
- package/types/composables/coordinate/utils/point.d.ts +1 -1
- package/types/composables/dimension.d.ts +53 -0
- package/types/composables/focus.d.ts +27 -0
- package/types/composables/list-items.d.ts +117 -0
- package/types/composables/theme/factory.d.ts +3 -0
- package/types/composables/theme/helper.d.ts +3 -0
- package/types/composables/theme/index.d.ts +45 -5
- package/types/composables/theme/setting.d.ts +3 -6
- package/types/composables/theme/types.d.ts +28 -0
- package/types/directives/complement-click/index.d.ts +1 -1
- package/types/directives/theme-class.d.ts +1 -1
- package/types/index.d.ts +2 -0
- package/types/shims.d.ts +4 -0
- package/types/util/color/apca.d.ts +29 -0
- package/types/util/color/const.d.ts +5 -0
- package/types/util/color/conversion.d.ts +130 -0
- package/types/util/color/hct/cam16.d.ts +131 -0
- package/types/util/color/hct/hct.d.ts +86 -0
- package/types/util/color/hct/hct_solver.d.ts +146 -0
- package/types/util/color/hct/viewing_conditions.d.ts +74 -0
- package/types/util/color/index.d.ts +4 -0
- package/types/util/color/palettes/tonal_palette.d.ts +55 -0
- package/types/util/color/types.d.ts +14 -0
- package/types/util/color/utils/math-utils.d.ts +82 -0
- package/types/util/color/utils/math_utils.d.ts +82 -0
- package/types/util/common.d.ts +2 -1
- package/types/util/debounce.d.ts +11 -0
- package/types/util/string.d.ts +1 -0
- package/types/util/ui.d.ts +1 -6
- package/lib/components/input/index.scss +0 -2
- package/lib/components/table/pagination.mjs +0 -80
- package/lib/components/table/pagination.mjs.map +0 -1
- package/lib/composables/collections.mjs +0 -2
- package/lib/composables/collections.mjs.map +0 -1
- package/lib/composables/levitation.mjs +0 -135
- package/lib/composables/levitation.mjs.map +0 -1
- package/lib/styles/util/helper.scss +0 -6
- package/lib/util/FrameScheduler.mjs.map +0 -1
- /package/lib/styles/settings/{provided.scss → _provided.scss} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './YSelect';
|
|
@@ -320,9 +320,9 @@ export declare const YDataTable: import("vue").DefineComponent<{
|
|
|
320
320
|
modelValue: readonly any[];
|
|
321
321
|
tag: string;
|
|
322
322
|
page: string | number;
|
|
323
|
-
itemKey: any;
|
|
324
323
|
enableSelect: boolean;
|
|
325
324
|
items: any[];
|
|
325
|
+
itemKey: any;
|
|
326
326
|
selectStrategy: "page" | "all" | "single";
|
|
327
327
|
returnItem: boolean;
|
|
328
328
|
headers: import("./types").DataTableHeader[] | import("./types").DataTableHeader[][];
|
|
@@ -367,9 +367,9 @@ export declare const YDataTableServer: import("vue").DefineComponent<{
|
|
|
367
367
|
modelValue: readonly any[];
|
|
368
368
|
tag: string;
|
|
369
369
|
page: string | number;
|
|
370
|
-
itemKey: any;
|
|
371
370
|
enableSelect: boolean;
|
|
372
371
|
items: any[];
|
|
372
|
+
itemKey: any;
|
|
373
373
|
selectStrategy: "page" | "all" | "single";
|
|
374
374
|
returnItem: boolean;
|
|
375
375
|
headers: import("./types").DataTableHeader[] | import("./types").DataTableHeader[][];
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { VNode } from 'vue';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{
|
|
3
|
+
text: {
|
|
4
|
+
type: StringConstructor;
|
|
5
|
+
};
|
|
6
|
+
keyword: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
};
|
|
9
|
+
color: {
|
|
10
|
+
type: StringConstructor;
|
|
11
|
+
};
|
|
12
|
+
sensitive: {
|
|
13
|
+
type: BooleanConstructor;
|
|
14
|
+
};
|
|
15
|
+
}, unknown, unknown, {
|
|
16
|
+
splitText(): {
|
|
17
|
+
text: string;
|
|
18
|
+
isKeyword: boolean;
|
|
19
|
+
}[];
|
|
20
|
+
}, {
|
|
21
|
+
createItem(text: string): VNode;
|
|
22
|
+
createHighlightKeywordItem(text: string): VNode;
|
|
23
|
+
createSplitTexts(): VNode[];
|
|
24
|
+
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
25
|
+
text: {
|
|
26
|
+
type: StringConstructor;
|
|
27
|
+
};
|
|
28
|
+
keyword: {
|
|
29
|
+
type: StringConstructor;
|
|
30
|
+
};
|
|
31
|
+
color: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
};
|
|
34
|
+
sensitive: {
|
|
35
|
+
type: BooleanConstructor;
|
|
36
|
+
};
|
|
37
|
+
}>>, {
|
|
38
|
+
sensitive: boolean;
|
|
39
|
+
}, {}>;
|
|
40
|
+
export default _default;
|
|
@@ -39,6 +39,12 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
39
39
|
}, {
|
|
40
40
|
base$: import("vue").Ref<any>;
|
|
41
41
|
el$: import("vue").Ref<import("vue").DefineComponent<{
|
|
42
|
+
minWidth: PropType<string | number>;
|
|
43
|
+
width: PropType<string | number>;
|
|
44
|
+
maxWidth: PropType<string | number>;
|
|
45
|
+
minHeight: PropType<string | number>;
|
|
46
|
+
height: PropType<string | number>;
|
|
47
|
+
maxHeight: PropType<string | number>;
|
|
42
48
|
coordinateStrategy: {
|
|
43
49
|
type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
|
|
44
50
|
default: string;
|
|
@@ -56,7 +62,7 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
56
62
|
default: string;
|
|
57
63
|
};
|
|
58
64
|
offset: {
|
|
59
|
-
type: (
|
|
65
|
+
type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
|
|
60
66
|
};
|
|
61
67
|
viewportMargin: {
|
|
62
68
|
type: NumberConstructor;
|
|
@@ -68,6 +74,7 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
68
74
|
})>;
|
|
69
75
|
default: string;
|
|
70
76
|
};
|
|
77
|
+
theme: StringConstructor;
|
|
71
78
|
modelValue: {
|
|
72
79
|
type: PropType<boolean>;
|
|
73
80
|
};
|
|
@@ -86,7 +93,7 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
86
93
|
closeClickScrim: {
|
|
87
94
|
type: PropType<boolean>;
|
|
88
95
|
};
|
|
89
|
-
|
|
96
|
+
modal: PropType<boolean>;
|
|
90
97
|
contentStyles: {
|
|
91
98
|
type: PropType<CSSProperties>;
|
|
92
99
|
default: () => void;
|
|
@@ -99,7 +106,7 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
99
106
|
complementClickOption: {
|
|
100
107
|
handler: (mouseEvent: MouseEvent) => void;
|
|
101
108
|
determine?: ((event: Event) => boolean) | undefined;
|
|
102
|
-
include?: (() => HTMLElement[]) | undefined;
|
|
109
|
+
include?: (() => (HTMLElement | undefined)[]) | undefined;
|
|
103
110
|
};
|
|
104
111
|
layerGroup: import("vue").ComputedRef<string | HTMLElement>;
|
|
105
112
|
active: import("vue").WritableComputedRef<boolean>;
|
|
@@ -107,6 +114,7 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
107
114
|
onAfterUpdate: () => void;
|
|
108
115
|
scrim$: import("vue").Ref<HTMLElement | undefined>;
|
|
109
116
|
content$: import("vue").Ref<HTMLElement | undefined>;
|
|
117
|
+
baseEl: import("vue").Ref<HTMLElement | undefined>;
|
|
110
118
|
polyTransitionBindProps: import("vue").ComputedRef<{
|
|
111
119
|
is: any;
|
|
112
120
|
transitionProps: any;
|
|
@@ -1677,6 +1685,12 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
1677
1685
|
'click:complement': (mouseEvent: MouseEvent) => true;
|
|
1678
1686
|
afterLeave: () => true;
|
|
1679
1687
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1688
|
+
minWidth: PropType<string | number>;
|
|
1689
|
+
width: PropType<string | number>;
|
|
1690
|
+
maxWidth: PropType<string | number>;
|
|
1691
|
+
minHeight: PropType<string | number>;
|
|
1692
|
+
height: PropType<string | number>;
|
|
1693
|
+
maxHeight: PropType<string | number>;
|
|
1680
1694
|
coordinateStrategy: {
|
|
1681
1695
|
type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
|
|
1682
1696
|
default: string;
|
|
@@ -1694,7 +1708,7 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
1694
1708
|
default: string;
|
|
1695
1709
|
};
|
|
1696
1710
|
offset: {
|
|
1697
|
-
type: (
|
|
1711
|
+
type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
|
|
1698
1712
|
};
|
|
1699
1713
|
viewportMargin: {
|
|
1700
1714
|
type: NumberConstructor;
|
|
@@ -1706,6 +1720,7 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
1706
1720
|
})>;
|
|
1707
1721
|
default: string;
|
|
1708
1722
|
};
|
|
1723
|
+
theme: StringConstructor;
|
|
1709
1724
|
modelValue: {
|
|
1710
1725
|
type: PropType<boolean>;
|
|
1711
1726
|
};
|
|
@@ -1724,7 +1739,7 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
1724
1739
|
closeClickScrim: {
|
|
1725
1740
|
type: PropType<boolean>;
|
|
1726
1741
|
};
|
|
1727
|
-
|
|
1742
|
+
modal: PropType<boolean>;
|
|
1728
1743
|
contentStyles: {
|
|
1729
1744
|
type: PropType<CSSProperties>;
|
|
1730
1745
|
default: () => void;
|
|
@@ -1,30 +1,36 @@
|
|
|
1
1
|
import { PropType, Ref } from 'vue';
|
|
2
2
|
import { CandidateKey } from '../../types';
|
|
3
|
+
import { TreeviewFilterFn } from './types';
|
|
3
4
|
export declare const YTreeView: import("vue").DefineComponent<{
|
|
4
|
-
|
|
5
|
+
items: {
|
|
6
|
+
type: PropType<any[]>;
|
|
7
|
+
default: () => never[];
|
|
8
|
+
};
|
|
9
|
+
itemKey: Omit<{
|
|
5
10
|
type: PropType<string>;
|
|
6
11
|
default: string;
|
|
7
|
-
}
|
|
8
|
-
textKey: {
|
|
12
|
+
}, "default" | "type"> & {
|
|
9
13
|
type: PropType<string>;
|
|
10
14
|
default: string;
|
|
11
15
|
};
|
|
12
|
-
|
|
16
|
+
itemText: {
|
|
13
17
|
type: PropType<string>;
|
|
14
18
|
default: string;
|
|
15
19
|
};
|
|
20
|
+
itemChildren: {
|
|
21
|
+
type: PropType<string | boolean>;
|
|
22
|
+
default: string;
|
|
23
|
+
};
|
|
24
|
+
search: StringConstructor;
|
|
16
25
|
disableTransition: BooleanConstructor;
|
|
17
26
|
enableActive: BooleanConstructor;
|
|
18
|
-
activeClass: (
|
|
27
|
+
activeClass: (ArrayConstructor | StringConstructor)[];
|
|
28
|
+
activeSingleModifier: StringConstructor;
|
|
19
29
|
activeColor: {
|
|
20
30
|
type: StringConstructor;
|
|
21
31
|
default: string;
|
|
22
32
|
};
|
|
23
33
|
enableSelect: BooleanConstructor;
|
|
24
|
-
items: {
|
|
25
|
-
type: PropType<any[]>;
|
|
26
|
-
default: () => never[];
|
|
27
|
-
};
|
|
28
34
|
expanded: {
|
|
29
35
|
type: PropType<CandidateKey[]>;
|
|
30
36
|
default: () => never[];
|
|
@@ -48,36 +54,49 @@ export declare const YTreeView: import("vue").DefineComponent<{
|
|
|
48
54
|
};
|
|
49
55
|
returnItem: BooleanConstructor;
|
|
50
56
|
defaultExpand: (BooleanConstructor | StringConstructor | NumberConstructor)[];
|
|
57
|
+
filter: PropType<TreeviewFilterFn>;
|
|
58
|
+
searchDebounceWait: {
|
|
59
|
+
type: PropType<number>;
|
|
60
|
+
default: number;
|
|
61
|
+
};
|
|
51
62
|
}, {
|
|
52
63
|
nodes: Ref<Record<CandidateKey, any>>;
|
|
53
64
|
expandedSet: Ref<Set<CandidateKey>>;
|
|
54
65
|
selectedSet: Ref<Set<CandidateKey>>;
|
|
55
66
|
activeSet: Ref<Set<CandidateKey>>;
|
|
67
|
+
excludedSet: Ref<Set<CandidateKey>>;
|
|
68
|
+
searchLoading: import("vue").ShallowRef<boolean>;
|
|
69
|
+
expandedCache: Ref<CandidateKey[]>;
|
|
56
70
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:expanded" | "update:active" | "update:selected")[], "update:expanded" | "update:active" | "update:selected", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
57
|
-
|
|
71
|
+
items: {
|
|
72
|
+
type: PropType<any[]>;
|
|
73
|
+
default: () => never[];
|
|
74
|
+
};
|
|
75
|
+
itemKey: Omit<{
|
|
58
76
|
type: PropType<string>;
|
|
59
77
|
default: string;
|
|
60
|
-
}
|
|
61
|
-
textKey: {
|
|
78
|
+
}, "default" | "type"> & {
|
|
62
79
|
type: PropType<string>;
|
|
63
80
|
default: string;
|
|
64
81
|
};
|
|
65
|
-
|
|
82
|
+
itemText: {
|
|
66
83
|
type: PropType<string>;
|
|
67
84
|
default: string;
|
|
68
85
|
};
|
|
86
|
+
itemChildren: {
|
|
87
|
+
type: PropType<string | boolean>;
|
|
88
|
+
default: string;
|
|
89
|
+
};
|
|
90
|
+
search: StringConstructor;
|
|
69
91
|
disableTransition: BooleanConstructor;
|
|
70
92
|
enableActive: BooleanConstructor;
|
|
71
|
-
activeClass: (
|
|
93
|
+
activeClass: (ArrayConstructor | StringConstructor)[];
|
|
94
|
+
activeSingleModifier: StringConstructor;
|
|
72
95
|
activeColor: {
|
|
73
96
|
type: StringConstructor;
|
|
74
97
|
default: string;
|
|
75
98
|
};
|
|
76
99
|
enableSelect: BooleanConstructor;
|
|
77
|
-
items: {
|
|
78
|
-
type: PropType<any[]>;
|
|
79
|
-
default: () => never[];
|
|
80
|
-
};
|
|
81
100
|
expanded: {
|
|
82
101
|
type: PropType<CandidateKey[]>;
|
|
83
102
|
default: () => never[];
|
|
@@ -101,25 +120,31 @@ export declare const YTreeView: import("vue").DefineComponent<{
|
|
|
101
120
|
};
|
|
102
121
|
returnItem: BooleanConstructor;
|
|
103
122
|
defaultExpand: (BooleanConstructor | StringConstructor | NumberConstructor)[];
|
|
123
|
+
filter: PropType<TreeviewFilterFn>;
|
|
124
|
+
searchDebounceWait: {
|
|
125
|
+
type: PropType<number>;
|
|
126
|
+
default: number;
|
|
127
|
+
};
|
|
104
128
|
}>> & {
|
|
105
129
|
"onUpdate:expanded"?: ((...args: any[]) => any) | undefined;
|
|
106
130
|
"onUpdate:active"?: ((...args: any[]) => any) | undefined;
|
|
107
131
|
"onUpdate:selected"?: ((...args: any[]) => any) | undefined;
|
|
108
132
|
}, {
|
|
109
133
|
active: CandidateKey[];
|
|
110
|
-
itemKey: string;
|
|
111
|
-
textKey: string;
|
|
112
|
-
childrenKey: string;
|
|
113
134
|
disableTransition: boolean;
|
|
114
135
|
enableActive: boolean;
|
|
115
136
|
activeColor: string;
|
|
116
137
|
enableSelect: boolean;
|
|
138
|
+
items: any[];
|
|
139
|
+
itemKey: string;
|
|
140
|
+
itemText: string;
|
|
141
|
+
itemChildren: string | boolean;
|
|
117
142
|
expanded: CandidateKey[];
|
|
118
143
|
selected: CandidateKey[];
|
|
119
|
-
items: any[];
|
|
120
144
|
multipleActive: boolean;
|
|
121
145
|
activeStrategy: "independent" | "cascade";
|
|
122
146
|
selectStrategy: "independent" | "cascade";
|
|
123
147
|
returnItem: boolean;
|
|
148
|
+
searchDebounceWait: number;
|
|
124
149
|
}, {}>;
|
|
125
150
|
export type YTreeView = InstanceType<typeof YTreeView>;
|
|
@@ -1,43 +1,66 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
export declare const pressYTreeViewNodeProps: <Defaults extends {
|
|
3
|
+
items?: unknown;
|
|
3
4
|
itemKey?: unknown;
|
|
4
|
-
|
|
5
|
-
|
|
5
|
+
itemText?: unknown;
|
|
6
|
+
itemChildren?: unknown;
|
|
7
|
+
search?: unknown;
|
|
6
8
|
disableTransition?: unknown;
|
|
7
9
|
enableActive?: unknown;
|
|
8
10
|
activeClass?: unknown;
|
|
11
|
+
activeSingleModifier?: unknown;
|
|
9
12
|
activeColor?: unknown;
|
|
10
13
|
enableSelect?: unknown;
|
|
11
14
|
} = {}>(defaults?: Defaults | undefined) => {
|
|
12
|
-
|
|
15
|
+
items: unknown extends Defaults["items"] ? {
|
|
16
|
+
type: PropType<any[]>;
|
|
17
|
+
default: () => never[];
|
|
18
|
+
} : Omit<{
|
|
19
|
+
type: PropType<any[]>;
|
|
20
|
+
default: () => never[];
|
|
21
|
+
}, "default" | "type"> & {
|
|
22
|
+
type: PropType<unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"]>;
|
|
23
|
+
default: unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"];
|
|
24
|
+
};
|
|
25
|
+
itemKey: unknown extends Defaults["itemKey"] ? Omit<{
|
|
13
26
|
type: PropType<string>;
|
|
14
27
|
default: string;
|
|
15
|
-
}
|
|
28
|
+
}, "default" | "type"> & {
|
|
29
|
+
type: PropType<string>;
|
|
30
|
+
default: string;
|
|
31
|
+
} : Omit<Omit<{
|
|
32
|
+
type: PropType<string>;
|
|
33
|
+
default: string;
|
|
34
|
+
}, "default" | "type"> & {
|
|
16
35
|
type: PropType<string>;
|
|
17
36
|
default: string;
|
|
18
37
|
}, "default" | "type"> & {
|
|
19
38
|
type: PropType<unknown extends Defaults["itemKey"] ? string : string | Defaults["itemKey"]>;
|
|
20
39
|
default: unknown extends Defaults["itemKey"] ? string : string | Defaults["itemKey"];
|
|
21
40
|
};
|
|
22
|
-
|
|
41
|
+
itemText: unknown extends Defaults["itemText"] ? {
|
|
23
42
|
type: PropType<string>;
|
|
24
43
|
default: string;
|
|
25
44
|
} : Omit<{
|
|
26
45
|
type: PropType<string>;
|
|
27
46
|
default: string;
|
|
28
47
|
}, "default" | "type"> & {
|
|
29
|
-
type: PropType<unknown extends Defaults["
|
|
30
|
-
default: unknown extends Defaults["
|
|
48
|
+
type: PropType<unknown extends Defaults["itemText"] ? string : string | Defaults["itemText"]>;
|
|
49
|
+
default: unknown extends Defaults["itemText"] ? string : string | Defaults["itemText"];
|
|
31
50
|
};
|
|
32
|
-
|
|
33
|
-
type: PropType<string>;
|
|
51
|
+
itemChildren: unknown extends Defaults["itemChildren"] ? {
|
|
52
|
+
type: PropType<string | boolean>;
|
|
34
53
|
default: string;
|
|
35
54
|
} : Omit<{
|
|
36
|
-
type: PropType<string>;
|
|
55
|
+
type: PropType<string | boolean>;
|
|
37
56
|
default: string;
|
|
38
57
|
}, "default" | "type"> & {
|
|
39
|
-
type: PropType<unknown extends Defaults["
|
|
40
|
-
default: unknown extends Defaults["
|
|
58
|
+
type: PropType<unknown extends Defaults["itemChildren"] ? string | boolean : NonNullable<string | boolean> | Defaults["itemChildren"]>;
|
|
59
|
+
default: unknown extends Defaults["itemChildren"] ? string | boolean : NonNullable<string | boolean> | Defaults["itemChildren"];
|
|
60
|
+
};
|
|
61
|
+
search: unknown extends Defaults["search"] ? StringConstructor : {
|
|
62
|
+
type: PropType<unknown extends Defaults ? "search" : "search" | Defaults>;
|
|
63
|
+
default: unknown extends Defaults["search"] ? string : string | Defaults["search"];
|
|
41
64
|
};
|
|
42
65
|
disableTransition: unknown extends Defaults["disableTransition"] ? BooleanConstructor : {
|
|
43
66
|
type: PropType<unknown extends Defaults ? "disableTransition" : "disableTransition" | Defaults>;
|
|
@@ -47,10 +70,14 @@ export declare const pressYTreeViewNodeProps: <Defaults extends {
|
|
|
47
70
|
type: PropType<unknown extends Defaults ? "enableActive" : "enableActive" | Defaults>;
|
|
48
71
|
default: unknown extends Defaults["enableActive"] ? boolean : boolean | Defaults["enableActive"];
|
|
49
72
|
};
|
|
50
|
-
activeClass: unknown extends Defaults["activeClass"] ? (
|
|
73
|
+
activeClass: unknown extends Defaults["activeClass"] ? (ArrayConstructor | StringConstructor)[] : {
|
|
51
74
|
type: PropType<unknown extends Defaults ? "activeClass" : "activeClass" | Defaults>;
|
|
52
75
|
default: unknown extends Defaults["activeClass"] ? string | unknown[] : Defaults["activeClass"] | NonNullable<string | unknown[]>;
|
|
53
76
|
};
|
|
77
|
+
activeSingleModifier: unknown extends Defaults["activeSingleModifier"] ? StringConstructor : {
|
|
78
|
+
type: PropType<unknown extends Defaults ? "activeSingleModifier" : "activeSingleModifier" | Defaults>;
|
|
79
|
+
default: unknown extends Defaults["activeSingleModifier"] ? string : string | Defaults["activeSingleModifier"];
|
|
80
|
+
};
|
|
54
81
|
activeColor: unknown extends Defaults["activeColor"] ? {
|
|
55
82
|
type: StringConstructor;
|
|
56
83
|
default: string;
|
|
@@ -67,21 +94,30 @@ export declare const pressYTreeViewNodeProps: <Defaults extends {
|
|
|
67
94
|
};
|
|
68
95
|
};
|
|
69
96
|
export declare const YTreeViewNode: import("vue").DefineComponent<{
|
|
70
|
-
|
|
97
|
+
items: {
|
|
98
|
+
type: PropType<any[]>;
|
|
99
|
+
default: () => never[];
|
|
100
|
+
};
|
|
101
|
+
itemKey: Omit<{
|
|
71
102
|
type: PropType<string>;
|
|
72
103
|
default: string;
|
|
73
|
-
}
|
|
74
|
-
textKey: {
|
|
104
|
+
}, "default" | "type"> & {
|
|
75
105
|
type: PropType<string>;
|
|
76
106
|
default: string;
|
|
77
107
|
};
|
|
78
|
-
|
|
108
|
+
itemText: {
|
|
79
109
|
type: PropType<string>;
|
|
80
110
|
default: string;
|
|
81
111
|
};
|
|
112
|
+
itemChildren: {
|
|
113
|
+
type: PropType<string | boolean>;
|
|
114
|
+
default: string;
|
|
115
|
+
};
|
|
116
|
+
search: StringConstructor;
|
|
82
117
|
disableTransition: BooleanConstructor;
|
|
83
118
|
enableActive: BooleanConstructor;
|
|
84
|
-
activeClass: (
|
|
119
|
+
activeClass: (ArrayConstructor | StringConstructor)[];
|
|
120
|
+
activeSingleModifier: StringConstructor;
|
|
85
121
|
activeColor: {
|
|
86
122
|
type: StringConstructor;
|
|
87
123
|
default: string;
|
|
@@ -102,21 +138,30 @@ export declare const YTreeViewNode: import("vue").DefineComponent<{
|
|
|
102
138
|
selected: import("vue").Ref<boolean>;
|
|
103
139
|
immediate: import("vue").Ref<boolean>;
|
|
104
140
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
105
|
-
|
|
141
|
+
items: {
|
|
142
|
+
type: PropType<any[]>;
|
|
143
|
+
default: () => never[];
|
|
144
|
+
};
|
|
145
|
+
itemKey: Omit<{
|
|
106
146
|
type: PropType<string>;
|
|
107
147
|
default: string;
|
|
108
|
-
}
|
|
109
|
-
textKey: {
|
|
148
|
+
}, "default" | "type"> & {
|
|
110
149
|
type: PropType<string>;
|
|
111
150
|
default: string;
|
|
112
151
|
};
|
|
113
|
-
|
|
152
|
+
itemText: {
|
|
114
153
|
type: PropType<string>;
|
|
115
154
|
default: string;
|
|
116
155
|
};
|
|
156
|
+
itemChildren: {
|
|
157
|
+
type: PropType<string | boolean>;
|
|
158
|
+
default: string;
|
|
159
|
+
};
|
|
160
|
+
search: StringConstructor;
|
|
117
161
|
disableTransition: BooleanConstructor;
|
|
118
162
|
enableActive: BooleanConstructor;
|
|
119
|
-
activeClass: (
|
|
163
|
+
activeClass: (ArrayConstructor | StringConstructor)[];
|
|
164
|
+
activeSingleModifier: StringConstructor;
|
|
120
165
|
activeColor: {
|
|
121
166
|
type: StringConstructor;
|
|
122
167
|
default: string;
|
|
@@ -130,13 +175,14 @@ export declare const YTreeViewNode: import("vue").DefineComponent<{
|
|
|
130
175
|
default: number;
|
|
131
176
|
};
|
|
132
177
|
}>>, {
|
|
133
|
-
itemKey: string;
|
|
134
|
-
textKey: string;
|
|
135
|
-
childrenKey: string;
|
|
136
178
|
disableTransition: boolean;
|
|
137
179
|
enableActive: boolean;
|
|
138
180
|
activeColor: string;
|
|
139
181
|
enableSelect: boolean;
|
|
182
|
+
items: any[];
|
|
183
|
+
itemKey: string;
|
|
184
|
+
itemText: string;
|
|
185
|
+
itemChildren: string | boolean;
|
|
140
186
|
level: number;
|
|
141
187
|
}, {}>;
|
|
142
188
|
export type YTreeNode = InstanceType<typeof YTreeViewNode>;
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
import { CandidateKey } from
|
|
1
|
+
import { CandidateKey } from '../../types';
|
|
2
|
+
import { TreeviewFilterFn } from './types';
|
|
2
3
|
export declare function getKeys(items: any[], itemKey: string, childrenKey: string): CandidateKey[];
|
|
4
|
+
export declare function filterTreeItem(item: object, search: string, textKey: string): boolean;
|
|
5
|
+
export declare function filterTreeItems(filter: TreeviewFilterFn, item: any, search: string, idKey: string, textKey: string, childrenKey: string, excluded: Set<CandidateKey>): boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { CSSProperties, Ref } from 'vue';
|
|
2
|
-
import { Rect } from '../../util/
|
|
2
|
+
import { Rect } from '../../util/rect';
|
|
3
3
|
import { CoordinateState } from './types';
|
|
4
4
|
export declare function applyArrangement(props: any, state: CoordinateState, coordinate: Ref<Rect | undefined>, coordinateStyles: Ref<CSSProperties>): {
|
|
5
5
|
updateCoordinate: () => any;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { CSSProperties, PropType, Ref } from 'vue';
|
|
2
|
-
import { Rect } from '../../util/
|
|
2
|
+
import { Rect } from '../../util/rect';
|
|
3
3
|
import { CoordinateState } from './types';
|
|
4
4
|
export type CoordinateStrategyFn = (props: any, state: CoordinateState, coordinate: Ref<Rect | undefined>, coordinateStyles: Ref<CSSProperties>) => undefined | {
|
|
5
5
|
updateCoordinate: (e: Event) => void;
|
|
@@ -53,9 +53,9 @@ export declare const pressCoordinateProps: <Defaults extends {
|
|
|
53
53
|
default: unknown extends Defaults["origin"] ? string : string | Defaults["origin"];
|
|
54
54
|
};
|
|
55
55
|
offset: unknown extends Defaults["offset"] ? {
|
|
56
|
-
type: (
|
|
56
|
+
type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
|
|
57
57
|
} : Omit<{
|
|
58
|
-
type: (
|
|
58
|
+
type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
|
|
59
59
|
}, "default" | "type"> & {
|
|
60
60
|
type: PropType<unknown extends Defaults["offset"] ? string | number | unknown[] : NonNullable<string | number | unknown[]> | Defaults["offset"]>;
|
|
61
61
|
default: unknown extends Defaults["offset"] ? string | number | unknown[] : NonNullable<string | number | unknown[]> | Defaults["offset"];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { CSSProperties, Ref } from 'vue';
|
|
2
|
-
import { Rect } from '../../util/
|
|
2
|
+
import { Rect } from '../../util/rect';
|
|
3
3
|
import { CoordinateState } from './types';
|
|
4
4
|
export declare function applyLevitation(props: any, state: CoordinateState, coordinate: Ref<Rect | undefined>, coordinateStyles: Ref<CSSProperties>): {
|
|
5
5
|
updateCoordinate: () => any;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
declare const dimensionPropsOptions: {
|
|
3
|
+
minWidth: PropType<string | number>;
|
|
4
|
+
width: PropType<string | number>;
|
|
5
|
+
maxWidth: PropType<string | number>;
|
|
6
|
+
minHeight: PropType<string | number>;
|
|
7
|
+
height: PropType<string | number>;
|
|
8
|
+
maxHeight: PropType<string | number>;
|
|
9
|
+
};
|
|
10
|
+
export declare const pressDimensionPropsOptions: <Defaults extends {
|
|
11
|
+
minWidth?: unknown;
|
|
12
|
+
width?: unknown;
|
|
13
|
+
maxWidth?: unknown;
|
|
14
|
+
minHeight?: unknown;
|
|
15
|
+
height?: unknown;
|
|
16
|
+
maxHeight?: unknown;
|
|
17
|
+
} = {}>(defaults?: Defaults | undefined) => {
|
|
18
|
+
minWidth: unknown extends Defaults["minWidth"] ? PropType<string | number> : {
|
|
19
|
+
type: PropType<unknown extends Defaults ? "minWidth" : "minWidth" | Defaults>;
|
|
20
|
+
default: unknown extends Defaults["minWidth"] ? string | number : Defaults["minWidth"] | NonNullable<string | number>;
|
|
21
|
+
};
|
|
22
|
+
width: unknown extends Defaults["width"] ? PropType<string | number> : {
|
|
23
|
+
type: PropType<unknown extends Defaults ? "width" : "width" | Defaults>;
|
|
24
|
+
default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"];
|
|
25
|
+
};
|
|
26
|
+
maxWidth: unknown extends Defaults["maxWidth"] ? PropType<string | number> : {
|
|
27
|
+
type: PropType<unknown extends Defaults ? "maxWidth" : "maxWidth" | Defaults>;
|
|
28
|
+
default: unknown extends Defaults["maxWidth"] ? string | number : NonNullable<string | number> | Defaults["maxWidth"];
|
|
29
|
+
};
|
|
30
|
+
minHeight: unknown extends Defaults["minHeight"] ? PropType<string | number> : {
|
|
31
|
+
type: PropType<unknown extends Defaults ? "minHeight" : "minHeight" | Defaults>;
|
|
32
|
+
default: unknown extends Defaults["minHeight"] ? string | number : NonNullable<string | number> | Defaults["minHeight"];
|
|
33
|
+
};
|
|
34
|
+
height: unknown extends Defaults["height"] ? PropType<string | number> : {
|
|
35
|
+
type: PropType<unknown extends Defaults ? "height" : "height" | Defaults>;
|
|
36
|
+
default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"];
|
|
37
|
+
};
|
|
38
|
+
maxHeight: unknown extends Defaults["maxHeight"] ? PropType<string | number> : {
|
|
39
|
+
type: PropType<unknown extends Defaults ? "maxHeight" : "maxHeight" | Defaults>;
|
|
40
|
+
default: unknown extends Defaults["maxHeight"] ? string | number : NonNullable<string | number> | Defaults["maxHeight"];
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
export declare function useDimension(props: ExtractPropTypes<typeof dimensionPropsOptions>): {
|
|
44
|
+
dimensionStyles: import("vue").ComputedRef<{
|
|
45
|
+
minWidth: string | undefined;
|
|
46
|
+
width: string | undefined;
|
|
47
|
+
maxWidth: string | undefined;
|
|
48
|
+
minHeight: string | undefined;
|
|
49
|
+
height: string | undefined;
|
|
50
|
+
maxHeight: string | undefined;
|
|
51
|
+
}>;
|
|
52
|
+
};
|
|
53
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ExtractPropTypes, PropType } from "vue";
|
|
2
|
+
declare const focusPropsOptions: {
|
|
3
|
+
focused: BooleanConstructor;
|
|
4
|
+
'onUpdate:focused': PropType<(v: boolean) => void>;
|
|
5
|
+
};
|
|
6
|
+
export declare const pressFocusPropsOptions: <Defaults extends {
|
|
7
|
+
focused?: unknown;
|
|
8
|
+
'onUpdate:focused'?: unknown;
|
|
9
|
+
} = {}>(defaults?: Defaults | undefined) => {
|
|
10
|
+
focused: unknown extends Defaults["focused"] ? BooleanConstructor : {
|
|
11
|
+
type: PropType<unknown extends Defaults ? "focused" : "focused" | Defaults>;
|
|
12
|
+
default: unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"];
|
|
13
|
+
};
|
|
14
|
+
'onUpdate:focused': unknown extends Defaults["onUpdate:focused"] ? PropType<(v: boolean) => void> : {
|
|
15
|
+
type: PropType<unknown extends Defaults ? "onUpdate:focused" : "onUpdate:focused" | Defaults>;
|
|
16
|
+
default: unknown extends Defaults["onUpdate:focused"] ? (v: boolean) => void : ((v: boolean) => void) | Defaults["onUpdate:focused"];
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export declare function useFocus(props: ExtractPropTypes<typeof focusPropsOptions>, className: string): {
|
|
20
|
+
focused: import("vue").WritableComputedRef<any>;
|
|
21
|
+
whenFocus: () => void;
|
|
22
|
+
whenBlur: () => void;
|
|
23
|
+
focusedClasses: import("vue").ComputedRef<{
|
|
24
|
+
[x: string]: any;
|
|
25
|
+
}>;
|
|
26
|
+
};
|
|
27
|
+
export {};
|