yuyeon 0.0.19 → 0.0.21
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/yuyeon.js +1893 -1785
- package/dist/yuyeon.umd.cjs +3 -3
- package/lib/components/index.mjs.map +1 -1
- package/lib/components/layer/YLayer.mjs +26 -3
- package/lib/components/layer/YLayer.mjs.map +1 -1
- package/lib/components/layer/active-delay.mjs +28 -0
- package/lib/components/layer/active-delay.mjs.map +1 -0
- package/lib/components/layer/active-stack.mjs +50 -0
- package/lib/components/layer/active-stack.mjs.map +1 -0
- package/lib/components/menu/YMenu.mjs +36 -11
- package/lib/components/menu/YMenu.mjs.map +1 -1
- package/lib/components/tab/YTab.mjs.map +1 -1
- package/lib/components/tab/YTabs.mjs.map +1 -1
- package/lib/components/tab/index.mjs.map +1 -1
- package/lib/composables/choice.mjs +186 -0
- package/lib/composables/choice.mjs.map +1 -0
- package/lib/util/dom.mjs +12 -0
- package/lib/util/dom.mjs.map +1 -1
- package/lib/util/vue-component.mjs.map +1 -1
- package/package.json +108 -108
- package/types/components/dialog/YDialog.d.ts +28 -0
- package/types/components/layer/YLayer.d.ts +61 -0
- package/types/components/layer/active-delay.d.ts +4 -0
- package/types/components/layer/active-stack.d.ts +16 -0
- package/types/components/menu/YMenu.d.ts +71 -10
- package/types/components/tab/YTab.d.ts +7 -0
- package/types/components/tab/YTabs.d.ts +15 -0
- package/types/components/tab/index.d.ts +2 -0
- package/types/components/tooltip/YTooltip.d.ts +29 -1
- package/types/util/dom.d.ts +1 -0
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { PropType } from 'vue';
|
|
2
2
|
export declare const YMenuPropOptions: {
|
|
3
|
+
preventCloseBubble: PropType<boolean>;
|
|
3
4
|
minWidth: PropType<string | number>;
|
|
4
5
|
width: PropType<string | number>;
|
|
5
6
|
maxWidth: PropType<string | number>;
|
|
@@ -66,19 +67,28 @@ export declare const YMenuPropOptions: {
|
|
|
66
67
|
type: PropType<boolean>;
|
|
67
68
|
default: boolean;
|
|
68
69
|
};
|
|
69
|
-
menuClasses: {
|
|
70
|
-
type: PropType<string | string[] | Record<string, any>>;
|
|
71
|
-
};
|
|
72
70
|
openOnHover: {
|
|
73
71
|
type: PropType<boolean>;
|
|
74
72
|
default: boolean;
|
|
75
73
|
};
|
|
74
|
+
openDelay: {
|
|
75
|
+
type: PropType<number>;
|
|
76
|
+
default: number;
|
|
77
|
+
};
|
|
78
|
+
closeDelay: {
|
|
79
|
+
type: PropType<number>;
|
|
80
|
+
default: number;
|
|
81
|
+
};
|
|
82
|
+
menuClasses: {
|
|
83
|
+
type: PropType<string | string[] | Record<string, any>>;
|
|
84
|
+
};
|
|
76
85
|
openOnClickBase: {
|
|
77
86
|
type: PropType<boolean>;
|
|
78
87
|
default: boolean;
|
|
79
88
|
};
|
|
80
89
|
closeCondition: {
|
|
81
90
|
type: (BooleanConstructor | FunctionConstructor)[];
|
|
91
|
+
default: undefined;
|
|
82
92
|
};
|
|
83
93
|
preventClip: {
|
|
84
94
|
type: PropType<boolean>;
|
|
@@ -95,6 +105,7 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
95
105
|
is?: import("vue").Component | undefined;
|
|
96
106
|
})>;
|
|
97
107
|
};
|
|
108
|
+
preventCloseBubble: PropType<boolean>;
|
|
98
109
|
minWidth: PropType<string | number>;
|
|
99
110
|
width: PropType<string | number>;
|
|
100
111
|
maxWidth: PropType<string | number>;
|
|
@@ -155,19 +166,28 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
155
166
|
type: PropType<boolean>;
|
|
156
167
|
default: boolean;
|
|
157
168
|
};
|
|
158
|
-
menuClasses: {
|
|
159
|
-
type: PropType<string | string[] | Record<string, any>>;
|
|
160
|
-
};
|
|
161
169
|
openOnHover: {
|
|
162
170
|
type: PropType<boolean>;
|
|
163
171
|
default: boolean;
|
|
164
172
|
};
|
|
173
|
+
openDelay: {
|
|
174
|
+
type: PropType<number>;
|
|
175
|
+
default: number;
|
|
176
|
+
};
|
|
177
|
+
closeDelay: {
|
|
178
|
+
type: PropType<number>;
|
|
179
|
+
default: number;
|
|
180
|
+
};
|
|
181
|
+
menuClasses: {
|
|
182
|
+
type: PropType<string | string[] | Record<string, any>>;
|
|
183
|
+
};
|
|
165
184
|
openOnClickBase: {
|
|
166
185
|
type: PropType<boolean>;
|
|
167
186
|
default: boolean;
|
|
168
187
|
};
|
|
169
188
|
closeCondition: {
|
|
170
189
|
type: (BooleanConstructor | FunctionConstructor)[];
|
|
190
|
+
default: undefined;
|
|
171
191
|
};
|
|
172
192
|
preventClip: {
|
|
173
193
|
type: PropType<boolean>;
|
|
@@ -238,6 +258,18 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
238
258
|
type: PropType<boolean>;
|
|
239
259
|
default: boolean;
|
|
240
260
|
};
|
|
261
|
+
openOnHover: {
|
|
262
|
+
type: PropType<boolean>;
|
|
263
|
+
default: boolean;
|
|
264
|
+
};
|
|
265
|
+
openDelay: {
|
|
266
|
+
type: PropType<number>;
|
|
267
|
+
default: number;
|
|
268
|
+
};
|
|
269
|
+
closeDelay: {
|
|
270
|
+
type: PropType<number>;
|
|
271
|
+
default: number;
|
|
272
|
+
};
|
|
241
273
|
}, {
|
|
242
274
|
complementClickOption: {
|
|
243
275
|
handler: (mouseEvent: MouseEvent) => void;
|
|
@@ -247,6 +279,7 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
247
279
|
layerGroup: import("vue").ComputedRef<string | HTMLElement>;
|
|
248
280
|
active: import("vue").WritableComputedRef<boolean>;
|
|
249
281
|
rendered: import("vue").ComputedRef<boolean>;
|
|
282
|
+
lazyValue: import("vue").ComputedRef<any>;
|
|
250
283
|
onAfterUpdate: () => void;
|
|
251
284
|
scrim$: import("vue").Ref<HTMLElement | undefined>;
|
|
252
285
|
content$: import("vue").Ref<HTMLElement | undefined>;
|
|
@@ -1884,6 +1917,18 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
1884
1917
|
type: PropType<boolean>;
|
|
1885
1918
|
default: boolean;
|
|
1886
1919
|
};
|
|
1920
|
+
openOnHover: {
|
|
1921
|
+
type: PropType<boolean>;
|
|
1922
|
+
default: boolean;
|
|
1923
|
+
};
|
|
1924
|
+
openDelay: {
|
|
1925
|
+
type: PropType<number>;
|
|
1926
|
+
default: number;
|
|
1927
|
+
};
|
|
1928
|
+
closeDelay: {
|
|
1929
|
+
type: PropType<number>;
|
|
1930
|
+
default: number;
|
|
1931
|
+
};
|
|
1887
1932
|
}>> & {
|
|
1888
1933
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
1889
1934
|
onAfterLeave?: (() => any) | undefined;
|
|
@@ -1891,6 +1936,9 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
1891
1936
|
}, {
|
|
1892
1937
|
disabled: boolean;
|
|
1893
1938
|
contentStyles: import("vue").CSSProperties;
|
|
1939
|
+
openOnHover: boolean;
|
|
1940
|
+
openDelay: number;
|
|
1941
|
+
closeDelay: number;
|
|
1894
1942
|
coordinateStrategy: "levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn;
|
|
1895
1943
|
position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
|
|
1896
1944
|
align: "end" | "start" | "center";
|
|
@@ -1910,6 +1958,7 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
1910
1958
|
is?: import("vue").Component | undefined;
|
|
1911
1959
|
})>;
|
|
1912
1960
|
};
|
|
1961
|
+
preventCloseBubble: PropType<boolean>;
|
|
1913
1962
|
minWidth: PropType<string | number>;
|
|
1914
1963
|
width: PropType<string | number>;
|
|
1915
1964
|
maxWidth: PropType<string | number>;
|
|
@@ -1970,19 +2019,28 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
1970
2019
|
type: PropType<boolean>;
|
|
1971
2020
|
default: boolean;
|
|
1972
2021
|
};
|
|
1973
|
-
menuClasses: {
|
|
1974
|
-
type: PropType<string | string[] | Record<string, any>>;
|
|
1975
|
-
};
|
|
1976
2022
|
openOnHover: {
|
|
1977
2023
|
type: PropType<boolean>;
|
|
1978
2024
|
default: boolean;
|
|
1979
2025
|
};
|
|
2026
|
+
openDelay: {
|
|
2027
|
+
type: PropType<number>;
|
|
2028
|
+
default: number;
|
|
2029
|
+
};
|
|
2030
|
+
closeDelay: {
|
|
2031
|
+
type: PropType<number>;
|
|
2032
|
+
default: number;
|
|
2033
|
+
};
|
|
2034
|
+
menuClasses: {
|
|
2035
|
+
type: PropType<string | string[] | Record<string, any>>;
|
|
2036
|
+
};
|
|
1980
2037
|
openOnClickBase: {
|
|
1981
2038
|
type: PropType<boolean>;
|
|
1982
2039
|
default: boolean;
|
|
1983
2040
|
};
|
|
1984
2041
|
closeCondition: {
|
|
1985
2042
|
type: (BooleanConstructor | FunctionConstructor)[];
|
|
2043
|
+
default: undefined;
|
|
1986
2044
|
};
|
|
1987
2045
|
preventClip: {
|
|
1988
2046
|
type: PropType<boolean>;
|
|
@@ -1994,6 +2052,9 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
1994
2052
|
}, {
|
|
1995
2053
|
disabled: boolean;
|
|
1996
2054
|
contentStyles: import("vue").CSSProperties;
|
|
2055
|
+
openOnHover: boolean;
|
|
2056
|
+
openDelay: number;
|
|
2057
|
+
closeDelay: number;
|
|
1997
2058
|
coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
|
|
1998
2059
|
position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
|
|
1999
2060
|
align: "end" | "start" | "center";
|
|
@@ -2002,8 +2063,8 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
2002
2063
|
transition: string | (import("vue").TransitionProps & {
|
|
2003
2064
|
is?: import("vue").Component | undefined;
|
|
2004
2065
|
});
|
|
2005
|
-
openOnHover: boolean;
|
|
2006
2066
|
preventClip: boolean;
|
|
2007
2067
|
openOnClickBase: boolean;
|
|
2068
|
+
closeCondition: boolean | Function;
|
|
2008
2069
|
}, {}>;
|
|
2009
2070
|
export type YMenu = InstanceType<typeof YMenu>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const YTab: import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
|
|
2
|
+
[x: string]: unknown;
|
|
3
|
+
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, readonly string[] | Readonly<import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
|
|
4
|
+
[x: string]: unknown;
|
|
5
|
+
}>>>>, {
|
|
6
|
+
[x: number]: string;
|
|
7
|
+
} | {}, {}>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
export declare const pressYTabsPropOptions: <Defaults extends {} = {}>(defaults?: Defaults | undefined) => {};
|
|
3
|
+
export declare const YTabs: import("vue").DefineComponent<{
|
|
4
|
+
tag: {
|
|
5
|
+
type: PropType<"div" | "nav" | "ol" | "ul">;
|
|
6
|
+
default: string;
|
|
7
|
+
};
|
|
8
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
9
|
+
tag: {
|
|
10
|
+
type: PropType<"div" | "nav" | "ol" | "ul">;
|
|
11
|
+
default: string;
|
|
12
|
+
};
|
|
13
|
+
}>>, {
|
|
14
|
+
tag: "div" | "nav" | "ol" | "ul";
|
|
15
|
+
}, {}>;
|
|
@@ -102,6 +102,18 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
102
102
|
type: PropType<boolean>;
|
|
103
103
|
default: boolean;
|
|
104
104
|
};
|
|
105
|
+
openOnHover: {
|
|
106
|
+
type: PropType<boolean>;
|
|
107
|
+
default: boolean;
|
|
108
|
+
};
|
|
109
|
+
openDelay: {
|
|
110
|
+
type: PropType<number>;
|
|
111
|
+
default: number;
|
|
112
|
+
};
|
|
113
|
+
closeDelay: {
|
|
114
|
+
type: PropType<number>;
|
|
115
|
+
default: number;
|
|
116
|
+
};
|
|
105
117
|
}, {
|
|
106
118
|
complementClickOption: {
|
|
107
119
|
handler: (mouseEvent: MouseEvent) => void;
|
|
@@ -111,6 +123,7 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
111
123
|
layerGroup: import("vue").ComputedRef<string | HTMLElement>;
|
|
112
124
|
active: import("vue").WritableComputedRef<boolean>;
|
|
113
125
|
rendered: import("vue").ComputedRef<boolean>;
|
|
126
|
+
lazyValue: import("vue").ComputedRef<any>;
|
|
114
127
|
onAfterUpdate: () => void;
|
|
115
128
|
scrim$: import("vue").Ref<HTMLElement | undefined>;
|
|
116
129
|
content$: import("vue").Ref<HTMLElement | undefined>;
|
|
@@ -1748,6 +1761,18 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
1748
1761
|
type: PropType<boolean>;
|
|
1749
1762
|
default: boolean;
|
|
1750
1763
|
};
|
|
1764
|
+
openOnHover: {
|
|
1765
|
+
type: PropType<boolean>;
|
|
1766
|
+
default: boolean;
|
|
1767
|
+
};
|
|
1768
|
+
openDelay: {
|
|
1769
|
+
type: PropType<number>;
|
|
1770
|
+
default: number;
|
|
1771
|
+
};
|
|
1772
|
+
closeDelay: {
|
|
1773
|
+
type: PropType<number>;
|
|
1774
|
+
default: number;
|
|
1775
|
+
};
|
|
1751
1776
|
}>> & {
|
|
1752
1777
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
1753
1778
|
onAfterLeave?: (() => any) | undefined;
|
|
@@ -1755,6 +1780,9 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
1755
1780
|
}, {
|
|
1756
1781
|
disabled: boolean;
|
|
1757
1782
|
contentStyles: CSSProperties;
|
|
1783
|
+
openOnHover: boolean;
|
|
1784
|
+
openDelay: number;
|
|
1785
|
+
closeDelay: number;
|
|
1758
1786
|
coordinateStrategy: "levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn;
|
|
1759
1787
|
position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
|
|
1760
1788
|
align: "end" | "start" | "center";
|
|
@@ -1807,11 +1835,11 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
1807
1835
|
}, {
|
|
1808
1836
|
disabled: boolean;
|
|
1809
1837
|
modelValue: boolean;
|
|
1838
|
+
openOnHover: boolean;
|
|
1810
1839
|
position: "default" | "top" | "right" | "bottom" | "left";
|
|
1811
1840
|
align: "end" | "start" | "center";
|
|
1812
1841
|
transition: string | (import("vue").TransitionProps & {
|
|
1813
1842
|
is?: import("vue").Component | undefined;
|
|
1814
1843
|
});
|
|
1815
|
-
openOnHover: boolean;
|
|
1816
1844
|
preventClip: boolean;
|
|
1817
1845
|
}, {}>;
|
package/types/util/dom.d.ts
CHANGED