yuyeon 0.0.35 → 0.0.37
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/style.css +1 -1
- package/dist/yuyeon.js +2615 -2544
- package/dist/yuyeon.umd.cjs +3 -3
- package/lib/components/dialog/YDialog.mjs +85 -14
- package/lib/components/dialog/YDialog.mjs.map +1 -1
- package/lib/components/dialog/YDialog.scss +31 -1
- package/lib/components/layer/YLayer.mjs +21 -6
- package/lib/components/layer/YLayer.mjs.map +1 -1
- package/lib/components/layer/YLayer.scss +7 -2
- package/lib/components/layer/active-stack.mjs +3 -2
- package/lib/components/layer/active-stack.mjs.map +1 -1
- package/lib/components/menu/YMenu.mjs +8 -7
- package/lib/components/menu/YMenu.mjs.map +1 -1
- package/lib/components/select/YSelect.mjs +1 -1
- package/lib/components/select/YSelect.mjs.map +1 -1
- package/lib/composables/layer-group.mjs +25 -2
- package/lib/composables/layer-group.mjs.map +1 -1
- package/lib/index.mjs +0 -2
- package/lib/index.mjs.map +1 -1
- package/lib/styles/base.scss +8 -0
- package/package.json +1 -1
- package/types/components/dialog/YDialog.d.ts +44 -11
- package/types/components/layer/YLayer.d.ts +21 -9
- package/types/components/menu/YMenu.d.ts +20 -6
- package/types/components/tooltip/YTooltip.d.ts +11 -3
- package/types/composables/layer-group.d.ts +4 -2
|
@@ -46,6 +46,9 @@ export declare const YMenuPropOptions: {
|
|
|
46
46
|
scrim: {
|
|
47
47
|
type: PropType<boolean>;
|
|
48
48
|
};
|
|
49
|
+
scrimOpacity: {
|
|
50
|
+
type: PropType<number>;
|
|
51
|
+
};
|
|
49
52
|
eager: {
|
|
50
53
|
type: PropType<boolean>;
|
|
51
54
|
};
|
|
@@ -58,7 +61,6 @@ export declare const YMenuPropOptions: {
|
|
|
58
61
|
closeClickScrim: {
|
|
59
62
|
type: PropType<boolean>;
|
|
60
63
|
};
|
|
61
|
-
modal: PropType<boolean>;
|
|
62
64
|
contentStyles: {
|
|
63
65
|
type: PropType<import("vue").CSSProperties>;
|
|
64
66
|
default: () => void;
|
|
@@ -145,6 +147,9 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
145
147
|
scrim: {
|
|
146
148
|
type: PropType<boolean>;
|
|
147
149
|
};
|
|
150
|
+
scrimOpacity: {
|
|
151
|
+
type: PropType<number>;
|
|
152
|
+
};
|
|
148
153
|
eager: {
|
|
149
154
|
type: PropType<boolean>;
|
|
150
155
|
};
|
|
@@ -157,7 +162,6 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
157
162
|
closeClickScrim: {
|
|
158
163
|
type: PropType<boolean>;
|
|
159
164
|
};
|
|
160
|
-
modal: PropType<boolean>;
|
|
161
165
|
contentStyles: {
|
|
162
166
|
type: PropType<import("vue").CSSProperties>;
|
|
163
167
|
default: () => void;
|
|
@@ -237,6 +241,9 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
237
241
|
scrim: {
|
|
238
242
|
type: PropType<boolean>;
|
|
239
243
|
};
|
|
244
|
+
scrimOpacity: {
|
|
245
|
+
type: PropType<number>;
|
|
246
|
+
};
|
|
240
247
|
eager: {
|
|
241
248
|
type: PropType<boolean>;
|
|
242
249
|
};
|
|
@@ -249,7 +256,6 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
249
256
|
closeClickScrim: {
|
|
250
257
|
type: PropType<boolean>;
|
|
251
258
|
};
|
|
252
|
-
modal: PropType<boolean>;
|
|
253
259
|
contentStyles: {
|
|
254
260
|
type: PropType<import("vue").CSSProperties>;
|
|
255
261
|
default: () => void;
|
|
@@ -270,13 +276,14 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
270
276
|
type: PropType<number>;
|
|
271
277
|
default: number;
|
|
272
278
|
};
|
|
279
|
+
modal: PropType<boolean>;
|
|
273
280
|
}, {
|
|
274
281
|
complementClickOption: {
|
|
275
282
|
handler: (mouseEvent: MouseEvent) => void;
|
|
276
283
|
determine?: ((event: Event) => boolean) | undefined;
|
|
277
284
|
include?: (() => (HTMLElement | undefined)[]) | undefined;
|
|
278
285
|
};
|
|
279
|
-
layerGroup: import("vue").ComputedRef<
|
|
286
|
+
layerGroup: import("vue").ComputedRef<HTMLElement>;
|
|
280
287
|
active: import("vue").WritableComputedRef<boolean>;
|
|
281
288
|
rendered: import("vue").ComputedRef<boolean>;
|
|
282
289
|
lazyValue: import("vue").ComputedRef<any>;
|
|
@@ -1849,6 +1856,8 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
1849
1856
|
"text-anchor"?: import("csstype").Property.TextAnchor | undefined;
|
|
1850
1857
|
"vector-effect"?: import("csstype").Property.VectorEffect | undefined;
|
|
1851
1858
|
}>;
|
|
1859
|
+
layerGroupState: WeakMap<HTMLElement, Set<any>>;
|
|
1860
|
+
getActiveLayers: () => import("vue").ComponentInternalInstance[];
|
|
1852
1861
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
1853
1862
|
'update:modelValue': (value: boolean) => true;
|
|
1854
1863
|
'click:complement': (mouseEvent: MouseEvent) => true;
|
|
@@ -1896,6 +1905,9 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
1896
1905
|
scrim: {
|
|
1897
1906
|
type: PropType<boolean>;
|
|
1898
1907
|
};
|
|
1908
|
+
scrimOpacity: {
|
|
1909
|
+
type: PropType<number>;
|
|
1910
|
+
};
|
|
1899
1911
|
eager: {
|
|
1900
1912
|
type: PropType<boolean>;
|
|
1901
1913
|
};
|
|
@@ -1908,7 +1920,6 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
1908
1920
|
closeClickScrim: {
|
|
1909
1921
|
type: PropType<boolean>;
|
|
1910
1922
|
};
|
|
1911
|
-
modal: PropType<boolean>;
|
|
1912
1923
|
contentStyles: {
|
|
1913
1924
|
type: PropType<import("vue").CSSProperties>;
|
|
1914
1925
|
default: () => void;
|
|
@@ -1929,6 +1940,7 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
1929
1940
|
type: PropType<number>;
|
|
1930
1941
|
default: number;
|
|
1931
1942
|
};
|
|
1943
|
+
modal: PropType<boolean>;
|
|
1932
1944
|
}>> & {
|
|
1933
1945
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
1934
1946
|
onAfterLeave?: (() => any) | undefined;
|
|
@@ -1998,6 +2010,9 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
1998
2010
|
scrim: {
|
|
1999
2011
|
type: PropType<boolean>;
|
|
2000
2012
|
};
|
|
2013
|
+
scrimOpacity: {
|
|
2014
|
+
type: PropType<number>;
|
|
2015
|
+
};
|
|
2001
2016
|
eager: {
|
|
2002
2017
|
type: PropType<boolean>;
|
|
2003
2018
|
};
|
|
@@ -2010,7 +2025,6 @@ export declare const YMenu: import("vue").DefineComponent<{
|
|
|
2010
2025
|
closeClickScrim: {
|
|
2011
2026
|
type: PropType<boolean>;
|
|
2012
2027
|
};
|
|
2013
|
-
modal: PropType<boolean>;
|
|
2014
2028
|
contentStyles: {
|
|
2015
2029
|
type: PropType<import("vue").CSSProperties>;
|
|
2016
2030
|
default: () => void;
|
|
@@ -81,6 +81,9 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
81
81
|
scrim: {
|
|
82
82
|
type: PropType<boolean>;
|
|
83
83
|
};
|
|
84
|
+
scrimOpacity: {
|
|
85
|
+
type: PropType<number>;
|
|
86
|
+
};
|
|
84
87
|
eager: {
|
|
85
88
|
type: PropType<boolean>;
|
|
86
89
|
};
|
|
@@ -93,7 +96,6 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
93
96
|
closeClickScrim: {
|
|
94
97
|
type: PropType<boolean>;
|
|
95
98
|
};
|
|
96
|
-
modal: PropType<boolean>;
|
|
97
99
|
contentStyles: {
|
|
98
100
|
type: PropType<CSSProperties>;
|
|
99
101
|
default: () => void;
|
|
@@ -114,13 +116,14 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
114
116
|
type: PropType<number>;
|
|
115
117
|
default: number;
|
|
116
118
|
};
|
|
119
|
+
modal: PropType<boolean>;
|
|
117
120
|
}, {
|
|
118
121
|
complementClickOption: {
|
|
119
122
|
handler: (mouseEvent: MouseEvent) => void;
|
|
120
123
|
determine?: ((event: Event) => boolean) | undefined;
|
|
121
124
|
include?: (() => (HTMLElement | undefined)[]) | undefined;
|
|
122
125
|
};
|
|
123
|
-
layerGroup: import("vue").ComputedRef<
|
|
126
|
+
layerGroup: import("vue").ComputedRef<HTMLElement>;
|
|
124
127
|
active: import("vue").WritableComputedRef<boolean>;
|
|
125
128
|
rendered: import("vue").ComputedRef<boolean>;
|
|
126
129
|
lazyValue: import("vue").ComputedRef<any>;
|
|
@@ -1693,6 +1696,8 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
1693
1696
|
"text-anchor"?: import("csstype").Property.TextAnchor | undefined;
|
|
1694
1697
|
"vector-effect"?: import("csstype").Property.VectorEffect | undefined;
|
|
1695
1698
|
}>;
|
|
1699
|
+
layerGroupState: WeakMap<HTMLElement, Set<any>>;
|
|
1700
|
+
getActiveLayers: () => import("vue").ComponentInternalInstance[];
|
|
1696
1701
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
1697
1702
|
'update:modelValue': (value: boolean) => true;
|
|
1698
1703
|
'click:complement': (mouseEvent: MouseEvent) => true;
|
|
@@ -1740,6 +1745,9 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
1740
1745
|
scrim: {
|
|
1741
1746
|
type: PropType<boolean>;
|
|
1742
1747
|
};
|
|
1748
|
+
scrimOpacity: {
|
|
1749
|
+
type: PropType<number>;
|
|
1750
|
+
};
|
|
1743
1751
|
eager: {
|
|
1744
1752
|
type: PropType<boolean>;
|
|
1745
1753
|
};
|
|
@@ -1752,7 +1760,6 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
1752
1760
|
closeClickScrim: {
|
|
1753
1761
|
type: PropType<boolean>;
|
|
1754
1762
|
};
|
|
1755
|
-
modal: PropType<boolean>;
|
|
1756
1763
|
contentStyles: {
|
|
1757
1764
|
type: PropType<CSSProperties>;
|
|
1758
1765
|
default: () => void;
|
|
@@ -1773,6 +1780,7 @@ export declare const YTooltip: import("vue").DefineComponent<{
|
|
|
1773
1780
|
type: PropType<number>;
|
|
1774
1781
|
default: number;
|
|
1775
1782
|
};
|
|
1783
|
+
modal: PropType<boolean>;
|
|
1776
1784
|
}>> & {
|
|
1777
1785
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
1778
1786
|
onAfterLeave?: (() => any) | undefined;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import type { Ref } from 'vue';
|
|
1
|
+
import type { Ref, ComponentInternalInstance } from 'vue';
|
|
2
2
|
export declare const Y_LAYER_GROUP_CLASS_NAME = "y-layer-group";
|
|
3
3
|
export declare function useLayerGroup(target?: Ref<string | Element>): {
|
|
4
|
-
layerGroup: import("vue").ComputedRef<
|
|
4
|
+
layerGroup: import("vue").ComputedRef<HTMLElement>;
|
|
5
|
+
layerGroupState: WeakMap<HTMLElement, Set<any>>;
|
|
6
|
+
getActiveLayers: () => ComponentInternalInstance[];
|
|
5
7
|
};
|