yuyeon 0.0.13 → 0.0.15

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 (205) hide show
  1. package/LICENSE +191 -0
  2. package/README.md +15 -0
  3. package/dist/style.css +1 -1
  4. package/dist/yuyeon.mjs +3134 -2276
  5. package/dist/yuyeon.umd.js +29 -1
  6. package/lib/abstract/items.mjs +20 -0
  7. package/lib/abstract/items.mjs.map +1 -0
  8. package/lib/components/button/YButton.mjs +2 -2
  9. package/lib/components/button/YButton.mjs.map +1 -1
  10. package/lib/components/button/YButton.scss +1 -1
  11. package/lib/components/card/YCard.mjs.map +1 -1
  12. package/lib/components/card/YCard.scss +3 -2
  13. package/lib/components/checkbox/YInputCheckbox.scss +1 -1
  14. package/lib/components/chip/YChip.mjs +2 -2
  15. package/lib/components/chip/YChip.mjs.map +1 -1
  16. package/lib/components/dialog/YDialog.mjs +2 -2
  17. package/lib/components/dialog/YDialog.mjs.map +1 -1
  18. package/lib/components/dropdown/YDropdown.mjs +83 -2
  19. package/lib/components/dropdown/YDropdown.mjs.map +1 -1
  20. package/lib/components/dropdown/YDropdown.scss +33 -0
  21. package/lib/components/field-input/YFieldInput.mjs +55 -47
  22. package/lib/components/field-input/YFieldInput.mjs.map +1 -1
  23. package/lib/components/icons/YIconCheckbox.scss +1 -1
  24. package/lib/components/icons/YIconDropdown.mjs +16 -0
  25. package/lib/components/icons/YIconDropdown.mjs.map +1 -0
  26. package/lib/components/index.mjs +2 -0
  27. package/lib/components/index.mjs.map +1 -1
  28. package/lib/components/input/YInput.mjs +83 -49
  29. package/lib/components/input/YInput.mjs.map +1 -1
  30. package/lib/components/input/YInput.scss +8 -8
  31. package/lib/components/layer/YLayer.mjs +21 -9
  32. package/lib/components/layer/YLayer.mjs.map +1 -1
  33. package/lib/components/layer/YLayer.scss +1 -0
  34. package/lib/components/layer/scroll-strategies.mjs +1 -1
  35. package/lib/components/layer/scroll-strategies.mjs.map +1 -1
  36. package/lib/components/list/YList.mjs +40 -2
  37. package/lib/components/list/YList.mjs.map +1 -1
  38. package/lib/components/list/YListItem.mjs +31 -11
  39. package/lib/components/list/YListItem.mjs.map +1 -1
  40. package/lib/components/list/YListItem.scss +5 -2
  41. package/lib/components/menu/YMenu.mjs +35 -19
  42. package/lib/components/menu/YMenu.mjs.map +1 -1
  43. package/lib/components/menu/YMenu.scss +20 -7
  44. package/lib/components/pagination/YPagination.mjs +8 -8
  45. package/lib/components/pagination/YPagination.mjs.map +1 -1
  46. package/lib/components/panel/YDividePanel.scss +4 -4
  47. package/lib/components/progress-bar/YProgressBar.mjs +20 -3
  48. package/lib/components/progress-bar/YProgressBar.mjs.map +1 -1
  49. package/lib/components/progress-bar/YProgressBar.scss +109 -40
  50. package/lib/components/select/YSelect.mjs +185 -0
  51. package/lib/components/select/YSelect.mjs.map +1 -0
  52. package/lib/components/select/YSelect.scss +43 -0
  53. package/lib/components/select/index.mjs +2 -0
  54. package/lib/components/select/index.mjs.map +1 -0
  55. package/lib/components/switch/YSwitch.scss +1 -1
  56. package/lib/components/table/YTable.scss +2 -2
  57. package/lib/components/tree-view/YTreeView.mjs +76 -18
  58. package/lib/components/tree-view/YTreeView.mjs.map +1 -1
  59. package/lib/components/tree-view/YTreeViewNode.mjs +21 -18
  60. package/lib/components/tree-view/YTreeViewNode.mjs.map +1 -1
  61. package/lib/components/tree-view/types.mjs.map +1 -1
  62. package/lib/components/tree-view/util.mjs +24 -0
  63. package/lib/components/tree-view/util.mjs.map +1 -1
  64. package/lib/composables/coordinate/arrangement.mjs.map +1 -1
  65. package/lib/composables/coordinate/index.mjs.map +1 -1
  66. package/lib/composables/coordinate/levitation.mjs +1 -1
  67. package/lib/composables/coordinate/levitation.mjs.map +1 -1
  68. package/lib/composables/coordinate/utils/point.mjs.map +1 -1
  69. package/lib/composables/dimension.mjs +26 -0
  70. package/lib/composables/dimension.mjs.map +1 -0
  71. package/lib/composables/focus.mjs +29 -0
  72. package/lib/composables/focus.mjs.map +1 -0
  73. package/lib/composables/list-items.mjs +58 -0
  74. package/lib/composables/list-items.mjs.map +1 -0
  75. package/lib/composables/theme/factory.mjs +45 -0
  76. package/lib/composables/theme/factory.mjs.map +1 -0
  77. package/lib/composables/theme/helper.mjs +14 -0
  78. package/lib/composables/theme/helper.mjs.map +1 -0
  79. package/lib/composables/theme/index.mjs +144 -10
  80. package/lib/composables/theme/index.mjs.map +1 -1
  81. package/lib/composables/theme/setting.mjs +46 -9
  82. package/lib/composables/theme/setting.mjs.map +1 -1
  83. package/lib/composables/theme/types.mjs +2 -0
  84. package/lib/composables/theme/types.mjs.map +1 -0
  85. package/lib/directives/complement-click/index.mjs.map +1 -1
  86. package/lib/directives/theme-class.mjs +4 -4
  87. package/lib/directives/theme-class.mjs.map +1 -1
  88. package/lib/index.mjs +7 -5
  89. package/lib/index.mjs.map +1 -1
  90. package/lib/mixins/di.mjs +0 -3
  91. package/lib/mixins/di.mjs.map +1 -1
  92. package/lib/styles/_elevation.scss +15 -0
  93. package/lib/styles/base.scss +11 -5
  94. package/lib/styles/settings/_elevation.scss +20 -0
  95. package/lib/styles/theme/light.scss +1 -1
  96. package/lib/styles/util/_helper.scss +12 -0
  97. package/lib/styles/util/_var.scss +18 -0
  98. package/lib/util/color/apca.mjs +201 -0
  99. package/lib/util/color/apca.mjs.map +1 -0
  100. package/lib/util/color/const.mjs +6 -0
  101. package/lib/util/color/const.mjs.map +1 -0
  102. package/lib/util/color/contrast/contrast.mjs +149 -0
  103. package/lib/util/color/contrast/contrast.mjs.map +1 -0
  104. package/lib/util/color/conversion.mjs +310 -0
  105. package/lib/util/color/conversion.mjs.map +1 -0
  106. package/lib/util/color/hct/cam16.mjs +349 -0
  107. package/lib/util/color/hct/cam16.mjs.map +1 -0
  108. package/lib/util/color/hct/hct-solver.mjs +389 -0
  109. package/lib/util/color/hct/hct-solver.mjs.map +1 -0
  110. package/lib/util/color/hct/hct.mjs +153 -0
  111. package/lib/util/color/hct/hct.mjs.map +1 -0
  112. package/lib/util/color/hct/viewing-conditions.mjs +110 -0
  113. package/lib/util/color/hct/viewing-conditions.mjs.map +1 -0
  114. package/lib/util/color/index.mjs +24 -0
  115. package/lib/util/color/index.mjs.map +1 -0
  116. package/lib/util/color/palettes/core-palette.mjs +99 -0
  117. package/lib/util/color/palettes/core-palette.mjs.map +1 -0
  118. package/lib/util/color/palettes/tonal-palette.mjs +112 -0
  119. package/lib/util/color/palettes/tonal-palette.mjs.map +1 -0
  120. package/lib/util/color/types.mjs +2 -0
  121. package/lib/util/color/types.mjs.map +1 -0
  122. package/lib/util/color/utils/math-utils.mjs +139 -0
  123. package/lib/util/color/utils/math-utils.mjs.map +1 -0
  124. package/lib/util/common.mjs +11 -6
  125. package/lib/util/common.mjs.map +1 -1
  126. package/lib/util/debounce.mjs +114 -0
  127. package/lib/util/debounce.mjs.map +1 -0
  128. package/lib/util/{FrameScheduler.mjs → frame-scheduler.mjs} +1 -1
  129. package/lib/util/frame-scheduler.mjs.map +1 -0
  130. package/lib/util/{Rect.mjs → rect.mjs} +1 -1
  131. package/lib/util/{Rect.mjs.map → rect.mjs.map} +1 -1
  132. package/lib/util/string.mjs +6 -0
  133. package/lib/util/string.mjs.map +1 -1
  134. package/lib/util/ui.mjs +11 -36
  135. package/lib/util/ui.mjs.map +1 -1
  136. package/package.json +12 -1
  137. package/types/abstract/items.d.ts +48 -0
  138. package/types/components/card/YCard.d.ts +1 -1
  139. package/types/components/checkbox/YInputCheckbox.d.ts +2 -2
  140. package/types/components/dialog/YDialog.d.ts +23 -8
  141. package/types/components/dropdown/YDropdown.d.ts +219 -0
  142. package/types/components/dropdown/index.d.ts +1 -0
  143. package/types/components/field-input/YFieldInput.d.ts +238 -25
  144. package/types/components/icons/YIconCheckbox.d.ts +1 -1
  145. package/types/components/icons/YIconDropdown.d.ts +1 -0
  146. package/types/components/index.d.ts +2 -0
  147. package/types/components/input/YInput.d.ts +156 -42
  148. package/types/components/layer/YLayer.d.ts +67 -17
  149. package/types/components/list/YList.d.ts +22 -1
  150. package/types/components/list/YListItem.d.ts +28 -2
  151. package/types/components/menu/YMenu.d.ts +132 -16
  152. package/types/components/pagination/YPagination.d.ts +10 -10
  153. package/types/components/progress-bar/YProgressBar.d.ts +18 -1
  154. package/types/components/select/YSelect.d.ts +701 -0
  155. package/types/components/select/index.d.ts +1 -0
  156. package/types/components/table/YDataTable.d.ts +1 -1
  157. package/types/components/table/YDataTableServer.d.ts +1 -1
  158. package/types/components/text-highlighter/YTextHighlighter.d.ts +40 -0
  159. package/types/components/tooltip/YTooltip.d.ts +20 -5
  160. package/types/components/tree-view/YTreeView.d.ts +47 -22
  161. package/types/components/tree-view/YTreeViewNode.d.ts +72 -26
  162. package/types/components/tree-view/types.d.ts +1 -0
  163. package/types/components/tree-view/util.d.ts +4 -1
  164. package/types/composables/coordinate/arrangement.d.ts +1 -1
  165. package/types/composables/coordinate/index.d.ts +3 -3
  166. package/types/composables/coordinate/levitation.d.ts +1 -1
  167. package/types/composables/coordinate/utils/point.d.ts +1 -1
  168. package/types/composables/dimension.d.ts +53 -0
  169. package/types/composables/focus.d.ts +27 -0
  170. package/types/composables/list-items.d.ts +117 -0
  171. package/types/composables/theme/factory.d.ts +3 -0
  172. package/types/composables/theme/helper.d.ts +3 -0
  173. package/types/composables/theme/index.d.ts +45 -5
  174. package/types/composables/theme/setting.d.ts +3 -6
  175. package/types/composables/theme/types.d.ts +28 -0
  176. package/types/directives/complement-click/index.d.ts +1 -1
  177. package/types/directives/theme-class.d.ts +1 -1
  178. package/types/index.d.ts +2 -0
  179. package/types/shims.d.ts +4 -0
  180. package/types/util/color/apca.d.ts +29 -0
  181. package/types/util/color/const.d.ts +5 -0
  182. package/types/util/color/conversion.d.ts +130 -0
  183. package/types/util/color/hct/cam16.d.ts +131 -0
  184. package/types/util/color/hct/hct.d.ts +86 -0
  185. package/types/util/color/hct/hct_solver.d.ts +146 -0
  186. package/types/util/color/hct/viewing_conditions.d.ts +74 -0
  187. package/types/util/color/index.d.ts +4 -0
  188. package/types/util/color/palettes/tonal_palette.d.ts +55 -0
  189. package/types/util/color/types.d.ts +14 -0
  190. package/types/util/color/utils/math-utils.d.ts +82 -0
  191. package/types/util/color/utils/math_utils.d.ts +82 -0
  192. package/types/util/common.d.ts +2 -1
  193. package/types/util/debounce.d.ts +11 -0
  194. package/types/util/string.d.ts +1 -0
  195. package/types/util/ui.d.ts +1 -6
  196. package/lib/components/input/index.scss +0 -2
  197. package/lib/components/table/pagination.mjs +0 -80
  198. package/lib/components/table/pagination.mjs.map +0 -1
  199. package/lib/composables/collections.mjs +0 -2
  200. package/lib/composables/collections.mjs.map +0 -1
  201. package/lib/composables/levitation.mjs +0 -135
  202. package/lib/composables/levitation.mjs.map +0 -1
  203. package/lib/styles/util/helper.scss +0 -6
  204. package/lib/util/FrameScheduler.mjs.map +0 -1
  205. /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: (StringConstructor | NumberConstructor | ArrayConstructor)[];
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
- persistent: PropType<boolean>;
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: (StringConstructor | NumberConstructor | ArrayConstructor)[];
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
- persistent: PropType<boolean>;
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
- itemKey: {
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
- childrenKey: {
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: (StringConstructor | ArrayConstructor)[];
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
- itemKey: {
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
- childrenKey: {
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: (StringConstructor | ArrayConstructor)[];
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
- textKey?: unknown;
5
- childrenKey?: unknown;
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
- itemKey: unknown extends Defaults["itemKey"] ? {
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
- } : Omit<{
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
- textKey: unknown extends Defaults["textKey"] ? {
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["textKey"] ? string : string | Defaults["textKey"]>;
30
- default: unknown extends Defaults["textKey"] ? string : string | Defaults["textKey"];
48
+ type: PropType<unknown extends Defaults["itemText"] ? string : string | Defaults["itemText"]>;
49
+ default: unknown extends Defaults["itemText"] ? string : string | Defaults["itemText"];
31
50
  };
32
- childrenKey: unknown extends Defaults["childrenKey"] ? {
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["childrenKey"] ? string : string | Defaults["childrenKey"]>;
40
- default: unknown extends Defaults["childrenKey"] ? string : string | Defaults["childrenKey"];
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"] ? (StringConstructor | ArrayConstructor)[] : {
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
- itemKey: {
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
- childrenKey: {
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: (StringConstructor | ArrayConstructor)[];
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
- itemKey: {
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
- childrenKey: {
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: (StringConstructor | ArrayConstructor)[];
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>;
@@ -11,3 +11,4 @@ export interface NodeState {
11
11
  active: false;
12
12
  expanded: false;
13
13
  }
14
+ export type TreeviewFilterFn = (item: any, search: string, itemText: string) => boolean;
@@ -1,2 +1,5 @@
1
- import { CandidateKey } from "../../types";
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/Rect';
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/Rect';
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: (StringConstructor | NumberConstructor | ArrayConstructor)[];
56
+ type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
57
57
  } : Omit<{
58
- type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
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/Rect';
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;
@@ -1,4 +1,4 @@
1
- import { MutableRect } from '../../../util/Rect';
1
+ import { MutableRect } from '../../../util/rect';
2
2
  import { ParsedAnchor } from '../../../util/anchor';
3
3
  type Point = {
4
4
  x: number;
@@ -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 {};