yuyeon 0.0.20 → 0.0.22

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.
Files changed (32) hide show
  1. package/dist/yuyeon.js +1893 -1785
  2. package/dist/yuyeon.umd.cjs +3 -3
  3. package/lib/components/index.mjs.map +1 -1
  4. package/lib/components/layer/YLayer.mjs +26 -3
  5. package/lib/components/layer/YLayer.mjs.map +1 -1
  6. package/lib/components/layer/active-delay.mjs +28 -0
  7. package/lib/components/layer/active-delay.mjs.map +1 -0
  8. package/lib/components/layer/active-stack.mjs +50 -0
  9. package/lib/components/layer/active-stack.mjs.map +1 -0
  10. package/lib/components/menu/YMenu.mjs +32 -8
  11. package/lib/components/menu/YMenu.mjs.map +1 -1
  12. package/lib/components/tab/YTab.mjs.map +1 -1
  13. package/lib/components/tab/YTabs.mjs.map +1 -1
  14. package/lib/components/tab/index.mjs.map +1 -1
  15. package/lib/components/tree-view/YTreeViewNode.mjs +2 -1
  16. package/lib/components/tree-view/YTreeViewNode.mjs.map +1 -1
  17. package/lib/composables/choice.mjs +186 -0
  18. package/lib/composables/choice.mjs.map +1 -0
  19. package/lib/util/dom.mjs +12 -0
  20. package/lib/util/dom.mjs.map +1 -1
  21. package/lib/util/vue-component.mjs.map +1 -1
  22. package/package.json +108 -108
  23. package/types/components/dialog/YDialog.d.ts +28 -0
  24. package/types/components/layer/YLayer.d.ts +61 -0
  25. package/types/components/layer/active-delay.d.ts +4 -0
  26. package/types/components/layer/active-stack.d.ts +16 -0
  27. package/types/components/menu/YMenu.d.ts +67 -10
  28. package/types/components/tab/YTab.d.ts +7 -0
  29. package/types/components/tab/YTabs.d.ts +15 -0
  30. package/types/components/tab/index.d.ts +2 -0
  31. package/types/components/tooltip/YTooltip.d.ts +29 -1
  32. package/types/util/dom.d.ts +1 -0
@@ -23,6 +23,9 @@ export declare const pressYLayerProps: <Defaults extends {
23
23
  modal?: unknown;
24
24
  contentStyles?: unknown;
25
25
  disabled?: unknown;
26
+ openOnHover?: unknown;
27
+ openDelay?: unknown;
28
+ closeDelay?: unknown;
26
29
  } = {}>(defaults?: Defaults | undefined) => {
27
30
  minWidth: unknown extends Defaults["minWidth"] ? PropType<string | number> : {
28
31
  type: PropType<unknown extends Defaults ? "minWidth" : "minWidth" | Defaults>;
@@ -204,6 +207,36 @@ export declare const pressYLayerProps: <Defaults extends {
204
207
  type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
205
208
  default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
206
209
  };
210
+ openOnHover: unknown extends Defaults["openOnHover"] ? {
211
+ type: PropType<boolean>;
212
+ default: boolean;
213
+ } : Omit<{
214
+ type: PropType<boolean>;
215
+ default: boolean;
216
+ }, "default" | "type"> & {
217
+ type: PropType<unknown extends Defaults["openOnHover"] ? boolean : boolean | Defaults["openOnHover"]>;
218
+ default: unknown extends Defaults["openOnHover"] ? boolean : boolean | Defaults["openOnHover"];
219
+ };
220
+ openDelay: unknown extends Defaults["openDelay"] ? {
221
+ type: PropType<number>;
222
+ default: number;
223
+ } : Omit<{
224
+ type: PropType<number>;
225
+ default: number;
226
+ }, "default" | "type"> & {
227
+ type: PropType<unknown extends Defaults["openDelay"] ? number : number | Defaults["openDelay"]>;
228
+ default: unknown extends Defaults["openDelay"] ? number : number | Defaults["openDelay"];
229
+ };
230
+ closeDelay: unknown extends Defaults["closeDelay"] ? {
231
+ type: PropType<number>;
232
+ default: number;
233
+ } : Omit<{
234
+ type: PropType<number>;
235
+ default: number;
236
+ }, "default" | "type"> & {
237
+ type: PropType<unknown extends Defaults["closeDelay"] ? number : number | Defaults["closeDelay"]>;
238
+ default: unknown extends Defaults["closeDelay"] ? number : number | Defaults["closeDelay"];
239
+ };
207
240
  };
208
241
  export declare const YLayer: import("vue").DefineComponent<{
209
242
  minWidth: PropType<string | number>;
@@ -269,6 +302,18 @@ export declare const YLayer: import("vue").DefineComponent<{
269
302
  type: PropType<boolean>;
270
303
  default: boolean;
271
304
  };
305
+ openOnHover: {
306
+ type: PropType<boolean>;
307
+ default: boolean;
308
+ };
309
+ openDelay: {
310
+ type: PropType<number>;
311
+ default: number;
312
+ };
313
+ closeDelay: {
314
+ type: PropType<number>;
315
+ default: number;
316
+ };
272
317
  }, {
273
318
  complementClickOption: {
274
319
  handler: (mouseEvent: MouseEvent) => void;
@@ -278,6 +323,7 @@ export declare const YLayer: import("vue").DefineComponent<{
278
323
  layerGroup: import("vue").ComputedRef<string | HTMLElement>;
279
324
  active: import("vue").WritableComputedRef<boolean>;
280
325
  rendered: import("vue").ComputedRef<boolean>;
326
+ lazyValue: import("vue").ComputedRef<any>;
281
327
  onAfterUpdate: () => void;
282
328
  scrim$: import("vue").Ref<HTMLElement | undefined>;
283
329
  content$: import("vue").Ref<HTMLElement | undefined>;
@@ -1915,6 +1961,18 @@ export declare const YLayer: import("vue").DefineComponent<{
1915
1961
  type: PropType<boolean>;
1916
1962
  default: boolean;
1917
1963
  };
1964
+ openOnHover: {
1965
+ type: PropType<boolean>;
1966
+ default: boolean;
1967
+ };
1968
+ openDelay: {
1969
+ type: PropType<number>;
1970
+ default: number;
1971
+ };
1972
+ closeDelay: {
1973
+ type: PropType<number>;
1974
+ default: number;
1975
+ };
1918
1976
  }>> & {
1919
1977
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
1920
1978
  onAfterLeave?: (() => any) | undefined;
@@ -1922,6 +1980,9 @@ export declare const YLayer: import("vue").DefineComponent<{
1922
1980
  }, {
1923
1981
  disabled: boolean;
1924
1982
  contentStyles: CSSProperties;
1983
+ openOnHover: boolean;
1984
+ openDelay: number;
1985
+ closeDelay: number;
1925
1986
  coordinateStrategy: "levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn;
1926
1987
  position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
1927
1988
  align: "end" | "start" | "center";
@@ -0,0 +1,4 @@
1
+ export declare function useDelay(props: any, callback?: (active: boolean) => void): {
2
+ startOpenDelay: () => Promise<boolean>;
3
+ startCloseDelay: () => Promise<boolean>;
4
+ };
@@ -0,0 +1,16 @@
1
+ import type { InjectionKey, Ref } from 'vue';
2
+ import { YLayer } from './YLayer';
3
+ interface ActiveStackProvide {
4
+ push: (instance: any) => void;
5
+ pop: (instance?: any) => void;
6
+ clear: () => void;
7
+ $el: Ref<typeof YLayer | undefined>;
8
+ }
9
+ export declare const YUYEON_ACTIVE_STACK_KEY: InjectionKey<ActiveStackProvide>;
10
+ export declare function useActiveStack($el: Ref<typeof YLayer | undefined>, active: Ref<boolean>, sequential?: Ref<boolean | undefined>): {
11
+ push: (instance: any) => void;
12
+ pop: (instance?: any) => void;
13
+ parent: ActiveStackProvide | null;
14
+ children: import("vue").ShallowRef<any[]>;
15
+ };
16
+ export {};
@@ -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,13 +67,21 @@ 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;
@@ -96,6 +105,7 @@ export declare const YMenu: import("vue").DefineComponent<{
96
105
  is?: import("vue").Component | undefined;
97
106
  })>;
98
107
  };
108
+ preventCloseBubble: PropType<boolean>;
99
109
  minWidth: PropType<string | number>;
100
110
  width: PropType<string | number>;
101
111
  maxWidth: PropType<string | number>;
@@ -156,13 +166,21 @@ export declare const YMenu: import("vue").DefineComponent<{
156
166
  type: PropType<boolean>;
157
167
  default: boolean;
158
168
  };
159
- menuClasses: {
160
- type: PropType<string | string[] | Record<string, any>>;
161
- };
162
169
  openOnHover: {
163
170
  type: PropType<boolean>;
164
171
  default: boolean;
165
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
+ };
166
184
  openOnClickBase: {
167
185
  type: PropType<boolean>;
168
186
  default: boolean;
@@ -240,6 +258,18 @@ export declare const YMenu: import("vue").DefineComponent<{
240
258
  type: PropType<boolean>;
241
259
  default: boolean;
242
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
+ };
243
273
  }, {
244
274
  complementClickOption: {
245
275
  handler: (mouseEvent: MouseEvent) => void;
@@ -249,6 +279,7 @@ export declare const YMenu: import("vue").DefineComponent<{
249
279
  layerGroup: import("vue").ComputedRef<string | HTMLElement>;
250
280
  active: import("vue").WritableComputedRef<boolean>;
251
281
  rendered: import("vue").ComputedRef<boolean>;
282
+ lazyValue: import("vue").ComputedRef<any>;
252
283
  onAfterUpdate: () => void;
253
284
  scrim$: import("vue").Ref<HTMLElement | undefined>;
254
285
  content$: import("vue").Ref<HTMLElement | undefined>;
@@ -1886,6 +1917,18 @@ export declare const YMenu: import("vue").DefineComponent<{
1886
1917
  type: PropType<boolean>;
1887
1918
  default: boolean;
1888
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
+ };
1889
1932
  }>> & {
1890
1933
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
1891
1934
  onAfterLeave?: (() => any) | undefined;
@@ -1893,6 +1936,9 @@ export declare const YMenu: import("vue").DefineComponent<{
1893
1936
  }, {
1894
1937
  disabled: boolean;
1895
1938
  contentStyles: import("vue").CSSProperties;
1939
+ openOnHover: boolean;
1940
+ openDelay: number;
1941
+ closeDelay: number;
1896
1942
  coordinateStrategy: "levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn;
1897
1943
  position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
1898
1944
  align: "end" | "start" | "center";
@@ -1912,6 +1958,7 @@ export declare const YMenu: import("vue").DefineComponent<{
1912
1958
  is?: import("vue").Component | undefined;
1913
1959
  })>;
1914
1960
  };
1961
+ preventCloseBubble: PropType<boolean>;
1915
1962
  minWidth: PropType<string | number>;
1916
1963
  width: PropType<string | number>;
1917
1964
  maxWidth: PropType<string | number>;
@@ -1972,13 +2019,21 @@ export declare const YMenu: import("vue").DefineComponent<{
1972
2019
  type: PropType<boolean>;
1973
2020
  default: boolean;
1974
2021
  };
1975
- menuClasses: {
1976
- type: PropType<string | string[] | Record<string, any>>;
1977
- };
1978
2022
  openOnHover: {
1979
2023
  type: PropType<boolean>;
1980
2024
  default: boolean;
1981
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
+ };
1982
2037
  openOnClickBase: {
1983
2038
  type: PropType<boolean>;
1984
2039
  default: boolean;
@@ -1997,6 +2052,9 @@ export declare const YMenu: import("vue").DefineComponent<{
1997
2052
  }, {
1998
2053
  disabled: boolean;
1999
2054
  contentStyles: import("vue").CSSProperties;
2055
+ openOnHover: boolean;
2056
+ openDelay: number;
2057
+ closeDelay: number;
2000
2058
  coordinateStrategy: string | import("../../composables/coordinate").CoordinateStrategyFn;
2001
2059
  position: "default" | "top" | "end" | "right" | "bottom" | "left" | "start";
2002
2060
  align: "end" | "start" | "center";
@@ -2005,7 +2063,6 @@ export declare const YMenu: import("vue").DefineComponent<{
2005
2063
  transition: string | (import("vue").TransitionProps & {
2006
2064
  is?: import("vue").Component | undefined;
2007
2065
  });
2008
- openOnHover: boolean;
2009
2066
  preventClip: boolean;
2010
2067
  openOnClickBase: boolean;
2011
2068
  closeCondition: boolean | Function;
@@ -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
+ }, {}>;
@@ -0,0 +1,2 @@
1
+ export * from './YTabs';
2
+ export * from './YTab';
@@ -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
  }, {}>;
@@ -1 +1,2 @@
1
1
  export declare function documentRoot(domNode: Node): null | HTMLDocument | ShadowRoot;
2
+ export declare function hasElementMouseEvent(mouseEvent: Event, element: HTMLElement, include?: HTMLElement[]): boolean;