@volverjs/ui-vue 0.0.10-beta.2 → 0.0.10-beta.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.
Files changed (258) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +98 -3
  3. package/auto-imports.d.ts +6 -2
  4. package/bin/icons.cjs +1 -1
  5. package/bin/icons.js +23 -16
  6. package/dist/Volver.d.ts +1 -1
  7. package/dist/components/VvAccordion/VvAccordion.es.js +70 -14
  8. package/dist/components/VvAccordion/VvAccordion.umd.js +1 -1
  9. package/dist/components/VvAccordion/VvAccordion.vue.d.ts +13 -6
  10. package/dist/components/VvAccordion/index.d.ts +4 -1
  11. package/dist/components/VvAccordionGroup/VvAccordionGroup.es.js +117 -38
  12. package/dist/components/VvAccordionGroup/VvAccordionGroup.umd.js +1 -1
  13. package/dist/components/VvAccordionGroup/VvAccordionGroup.vue.d.ts +15 -8
  14. package/dist/components/VvAccordionGroup/index.d.ts +4 -1
  15. package/dist/components/VvAction/VvAction.es.js +58 -13
  16. package/dist/components/VvAction/VvAction.umd.js +1 -1
  17. package/dist/components/VvAction/VvAction.vue.d.ts +59 -12
  18. package/dist/components/VvAction/index.d.ts +25 -4
  19. package/dist/components/VvAlert/VvAlert.es.js +195 -152
  20. package/dist/components/VvAlert/VvAlert.umd.js +1 -1
  21. package/dist/components/VvAlert/VvAlert.vue.d.ts +18 -8
  22. package/dist/components/VvAlert/index.d.ts +9 -5
  23. package/dist/components/VvAlertGroup/VvAlertGroup.es.js +240 -174
  24. package/dist/components/VvAlertGroup/VvAlertGroup.umd.js +1 -1
  25. package/dist/components/VvAlertGroup/VvAlertGroup.vue.d.ts +13 -6
  26. package/dist/components/VvAlertGroup/index.d.ts +6 -2
  27. package/dist/components/VvAvatar/VvAvatar.es.js +54 -9
  28. package/dist/components/VvAvatar/VvAvatar.umd.js +1 -1
  29. package/dist/components/VvAvatar/VvAvatar.vue.d.ts +12 -4
  30. package/dist/components/VvAvatar/index.d.ts +4 -1
  31. package/dist/components/VvAvatarGroup/VvAvatarGroup.es.js +111 -36
  32. package/dist/components/VvAvatarGroup/VvAvatarGroup.umd.js +1 -1
  33. package/dist/components/VvAvatarGroup/VvAvatarGroup.vue.d.ts +10 -3
  34. package/dist/components/VvAvatarGroup/index.d.ts +4 -1
  35. package/dist/components/VvBadge/VvBadge.es.js +73 -17
  36. package/dist/components/VvBadge/VvBadge.umd.js +1 -1
  37. package/dist/components/VvBadge/VvBadge.vue.d.ts +12 -4
  38. package/dist/components/VvBadge/index.d.ts +4 -1
  39. package/dist/components/VvBreadcrumb/VvBreadcrumb.es.js +259 -49
  40. package/dist/components/VvBreadcrumb/VvBreadcrumb.umd.js +1 -1
  41. package/dist/components/VvBreadcrumb/VvBreadcrumb.vue.d.ts +27 -7
  42. package/dist/components/VvBreadcrumb/index.d.ts +6 -10
  43. package/dist/components/VvButton/VvButton.es.js +187 -141
  44. package/dist/components/VvButton/VvButton.umd.js +1 -1
  45. package/dist/components/VvButton/VvButton.vue.d.ts +101 -27
  46. package/dist/components/VvButton/index.d.ts +41 -14
  47. package/dist/components/VvButtonGroup/VvButtonGroup.es.js +69 -16
  48. package/dist/components/VvButtonGroup/VvButtonGroup.umd.js +1 -1
  49. package/dist/components/VvButtonGroup/VvButtonGroup.vue.d.ts +23 -10
  50. package/dist/components/VvButtonGroup/index.d.ts +8 -2
  51. package/dist/components/VvCard/VvCard.es.js +84 -25
  52. package/dist/components/VvCard/VvCard.umd.js +1 -1
  53. package/dist/components/VvCard/VvCard.vue.d.ts +12 -4
  54. package/dist/components/VvCard/index.d.ts +4 -1
  55. package/dist/components/VvCheckbox/VvCheckbox.es.js +91 -22
  56. package/dist/components/VvCheckbox/VvCheckbox.umd.js +1 -1
  57. package/dist/components/VvCheckbox/VvCheckbox.vue.d.ts +104 -32
  58. package/dist/components/VvCheckbox/index.d.ts +45 -12
  59. package/dist/components/VvCheckboxGroup/VvCheckboxGroup.es.js +180 -67
  60. package/dist/components/VvCheckboxGroup/VvCheckboxGroup.umd.js +1 -1
  61. package/dist/components/VvCheckboxGroup/VvCheckboxGroup.vue.d.ts +100 -29
  62. package/dist/components/VvCheckboxGroup/index.d.ts +45 -12
  63. package/dist/components/VvCombobox/VvCombobox.es.js +758 -531
  64. package/dist/components/VvCombobox/VvCombobox.umd.js +1 -1
  65. package/dist/components/VvCombobox/VvCombobox.vue.d.ts +181 -108
  66. package/dist/components/VvCombobox/index.d.ts +53 -22
  67. package/dist/components/VvDialog/VvDialog.es.js +136 -141
  68. package/dist/components/VvDialog/VvDialog.umd.js +1 -1
  69. package/dist/components/VvDialog/VvDialog.vue.d.ts +4 -4
  70. package/dist/components/VvDropdown/VvDropdown.es.js +121 -55
  71. package/dist/components/VvDropdown/VvDropdown.umd.js +1 -1
  72. package/dist/components/VvDropdown/VvDropdown.vue.d.ts +101 -75
  73. package/dist/components/VvDropdown/VvDropdownAction.vue.d.ts +72 -11
  74. package/dist/components/VvDropdown/VvDropdownItem.vue.d.ts +1 -1
  75. package/dist/components/VvDropdown/VvDropdownOptgroup.vue.d.ts +12 -4
  76. package/dist/components/VvDropdown/VvDropdownOption.vue.d.ts +26 -7
  77. package/dist/components/VvDropdown/index.d.ts +16 -11
  78. package/dist/components/VvDropdownAction/VvDropdownAction.es.js +82 -22
  79. package/dist/components/VvDropdownAction/VvDropdownAction.umd.js +1 -1
  80. package/dist/components/VvDropdownItem/VvDropdownItem.es.js +13 -7
  81. package/dist/components/VvDropdownOptgroup/VvDropdownOptgroup.es.js +56 -8
  82. package/dist/components/VvDropdownOptgroup/VvDropdownOptgroup.umd.js +1 -1
  83. package/dist/components/VvDropdownOption/VvDropdownOption.es.js +76 -17
  84. package/dist/components/VvDropdownOption/VvDropdownOption.umd.js +1 -1
  85. package/dist/components/VvIcon/VvIcon.es.js +23 -96
  86. package/dist/components/VvIcon/VvIcon.umd.js +1 -1
  87. package/dist/components/VvIcon/VvIcon.vue.d.ts +23 -66
  88. package/dist/components/VvIcon/index.d.ts +33 -48
  89. package/dist/components/VvInputFile/VvInputFile.es.js +1734 -0
  90. package/dist/components/VvInputFile/VvInputFile.umd.js +1 -0
  91. package/dist/components/VvInputFile/VvInputFile.vue.d.ts +313 -0
  92. package/dist/components/VvInputFile/index.d.ts +179 -0
  93. package/dist/components/VvInputText/VvInputClearAction.d.ts +7 -5
  94. package/dist/components/VvInputText/VvInputPasswordAction.d.ts +10 -8
  95. package/dist/components/VvInputText/VvInputStepAction.d.ts +1 -1
  96. package/dist/components/VvInputText/VvInputText.es.js +331 -293
  97. package/dist/components/VvInputText/VvInputText.umd.js +1 -1
  98. package/dist/components/VvInputText/VvInputText.vue.d.ts +162 -55
  99. package/dist/components/VvInputText/index.d.ts +71 -29
  100. package/dist/components/VvNav/VvNav.es.js +151 -73
  101. package/dist/components/VvNav/VvNav.umd.js +1 -1
  102. package/dist/components/VvNav/VvNav.vue.d.ts +41 -14
  103. package/dist/components/VvNav/VvNavItem.vue.d.ts +9 -0
  104. package/dist/components/VvNav/VvNavSeparator.vue.d.ts +2 -0
  105. package/dist/components/VvNav/index.d.ts +5 -13
  106. package/dist/components/VvNavItem/VvNavItem.es.js +436 -0
  107. package/dist/components/VvNavItem/VvNavItem.umd.js +1 -0
  108. package/dist/components/VvNavSeparator/VvNavSeparator.es.js +24 -0
  109. package/dist/components/VvNavSeparator/VvNavSeparator.umd.js +1 -0
  110. package/dist/components/VvProgress/VvProgress.es.js +65 -14
  111. package/dist/components/VvProgress/VvProgress.umd.js +1 -1
  112. package/dist/components/VvProgress/VvProgress.vue.d.ts +10 -3
  113. package/dist/components/VvProgress/index.d.ts +4 -1
  114. package/dist/components/VvRadio/VvRadio.es.js +89 -21
  115. package/dist/components/VvRadio/VvRadio.umd.js +1 -1
  116. package/dist/components/VvRadio/VvRadio.vue.d.ts +102 -30
  117. package/dist/components/VvRadio/index.d.ts +44 -11
  118. package/dist/components/VvRadioGroup/VvRadioGroup.es.js +180 -66
  119. package/dist/components/VvRadioGroup/VvRadioGroup.umd.js +1 -1
  120. package/dist/components/VvRadioGroup/VvRadioGroup.vue.d.ts +100 -29
  121. package/dist/components/VvRadioGroup/index.d.ts +45 -12
  122. package/dist/components/VvSelect/VvSelect.es.js +248 -226
  123. package/dist/components/VvSelect/VvSelect.umd.js +1 -1
  124. package/dist/components/VvSelect/VvSelect.vue.d.ts +112 -39
  125. package/dist/components/VvSelect/index.d.ts +48 -14
  126. package/dist/components/VvTab/VvTab.es.js +256 -110
  127. package/dist/components/VvTab/VvTab.umd.js +1 -1
  128. package/dist/components/VvTab/VvTab.vue.d.ts +50 -13
  129. package/dist/components/VvTab/index.d.ts +13 -4
  130. package/dist/components/VvTextarea/VvTextarea.es.js +229 -212
  131. package/dist/components/VvTextarea/VvTextarea.umd.js +1 -1
  132. package/dist/components/VvTextarea/VvTextarea.vue.d.ts +155 -48
  133. package/dist/components/VvTextarea/index.d.ts +68 -19
  134. package/dist/components/VvTooltip/VvTooltip.es.js +72 -17
  135. package/dist/components/VvTooltip/VvTooltip.umd.js +1 -1
  136. package/dist/components/VvTooltip/VvTooltip.vue.d.ts +10 -3
  137. package/dist/components/VvTooltip/index.d.ts +4 -1
  138. package/dist/components/common/HintSlot.d.ts +1 -1
  139. package/dist/components/index.d.ts +10 -0
  140. package/dist/components/index.es.js +2902 -1329
  141. package/dist/components/index.umd.js +1 -1
  142. package/dist/composables/alert/useAlert.d.ts +37 -4
  143. package/dist/composables/dropdown/useProvideDropdown.d.ts +1 -1
  144. package/dist/composables/index.d.ts +1 -0
  145. package/dist/composables/index.es.js +88 -1
  146. package/dist/composables/index.umd.js +1 -1
  147. package/dist/composables/useBlurhash.d.ts +7 -0
  148. package/dist/composables/useComponentIcon.d.ts +9 -8
  149. package/dist/composables/useVolver.d.ts +1 -1
  150. package/dist/directives/index.d.ts +3 -5
  151. package/dist/directives/index.es.js +92 -31
  152. package/dist/directives/index.umd.js +1 -1
  153. package/dist/directives/v-tooltip.es.js +90 -26
  154. package/dist/directives/v-tooltip.umd.js +1 -1
  155. package/dist/icons.es.js +210 -210
  156. package/dist/icons.umd.js +1 -1
  157. package/dist/index.d.ts +3 -1
  158. package/dist/index.es.js +81 -16
  159. package/dist/index.umd.js +1 -1
  160. package/dist/props/index.d.ts +287 -73
  161. package/dist/resolvers/unplugin.d.ts +6 -1
  162. package/dist/resolvers/unplugin.es.js +78 -10
  163. package/dist/resolvers/unplugin.umd.js +1 -1
  164. package/dist/stories/AccordionGroup/AccordionGroup.stories.d.ts +72 -84
  165. package/dist/stories/AccordionGroup/AccordionGroupSlots.stories.d.ts +623 -461
  166. package/dist/stories/AlertGroup/AlertGroupWithComposable.stories.d.ts +1 -1
  167. package/dist/stories/Blurhash/BlurhashComposable.stories.d.ts +4 -0
  168. package/dist/stories/Combobox/Combobox.settings.d.ts +8 -0
  169. package/dist/stories/Icon/Icon.settings.d.ts +1 -0
  170. package/dist/stories/InputFile/InputFile.settings.d.ts +56 -0
  171. package/dist/stories/InputFile/InputFile.stories.d.ts +12 -0
  172. package/dist/stories/InputFile/InputFileDropArea.stories.d.ts +9 -0
  173. package/dist/stories/InputFile/InputFileIconPosition.stories.d.ts +8 -0
  174. package/dist/stories/InputFile/InputFileSlots.stories.d.ts +7 -0
  175. package/dist/stories/Tab/Tab.settings.d.ts +4 -37
  176. package/dist/types/alert.d.ts +13 -0
  177. package/dist/types/blurhash.d.ts +12 -0
  178. package/dist/types/floating-ui.d.ts +6 -0
  179. package/dist/types/generic.d.ts +4 -0
  180. package/dist/types/group.d.ts +37 -0
  181. package/dist/types/index.d.ts +7 -0
  182. package/dist/types/input-file.d.ts +16 -0
  183. package/dist/types/nav.d.ts +18 -0
  184. package/dist/utils/ObjectUtilities.d.ts +0 -1
  185. package/dist/workers/blurhash.d.ts +1 -0
  186. package/package.json +97 -80
  187. package/src/Volver.ts +31 -20
  188. package/src/assets/icons/detailed.json +1 -1
  189. package/src/assets/icons/normal.json +1 -1
  190. package/src/assets/icons/simple.json +1 -1
  191. package/src/components/VvAccordion/VvAccordion.vue +2 -2
  192. package/src/components/VvAction/VvAction.vue +5 -2
  193. package/src/components/VvAlert/index.ts +1 -3
  194. package/src/components/VvAlertGroup/index.ts +2 -1
  195. package/src/components/VvBreadcrumb/VvBreadcrumb.vue +20 -19
  196. package/src/components/VvBreadcrumb/index.ts +2 -8
  197. package/src/components/VvButton/VvButton.vue +6 -6
  198. package/src/components/VvButton/index.ts +2 -4
  199. package/src/components/VvCombobox/VvCombobox.vue +24 -16
  200. package/src/components/VvCombobox/index.ts +4 -0
  201. package/src/components/VvIcon/VvIcon.vue +2 -2
  202. package/src/components/VvIcon/index.ts +35 -48
  203. package/src/components/VvInputFile/VvInputFile.vue +365 -0
  204. package/src/components/VvInputFile/index.ts +116 -0
  205. package/src/components/VvInputText/VvInputClearAction.ts +10 -6
  206. package/src/components/VvInputText/VvInputPasswordAction.ts +13 -9
  207. package/src/components/VvInputText/VvInputText.vue +17 -18
  208. package/src/components/VvInputText/index.ts +7 -15
  209. package/src/components/VvNav/VvNav.vue +30 -50
  210. package/src/components/VvNav/VvNavItem.vue +18 -0
  211. package/src/components/VvNav/VvNavSeparator.vue +11 -0
  212. package/src/components/VvNav/index.ts +2 -15
  213. package/src/components/VvSelect/VvSelect.vue +5 -8
  214. package/src/components/VvTab/VvTab.vue +63 -35
  215. package/src/components/VvTab/index.ts +10 -4
  216. package/src/components/VvTextarea/VvTextarea.vue +6 -9
  217. package/src/components/index.ts +10 -0
  218. package/src/composables/index.ts +1 -0
  219. package/src/composables/useBlurhash.ts +76 -0
  220. package/src/composables/useComponentIcon.ts +15 -14
  221. package/src/composables/useUniqueId.ts +2 -2
  222. package/src/directives/index.ts +3 -6
  223. package/src/directives/v-tooltip.ts +19 -10
  224. package/src/index.ts +3 -1
  225. package/src/props/index.ts +115 -27
  226. package/src/resolvers/unplugin.ts +24 -14
  227. package/src/stories/AlertGroup/AlertGroupWithComposable.stories.ts +2 -2
  228. package/src/stories/Blurhash/BlurhashComposable.stories.ts +195 -0
  229. package/src/stories/Combobox/Combobox.settings.ts +8 -0
  230. package/src/stories/Icon/Icon.settings.ts +3 -3
  231. package/src/stories/InputFile/InputFile.settings.ts +36 -0
  232. package/src/stories/InputFile/InputFile.stories.ts +89 -0
  233. package/src/stories/InputFile/InputFileDropArea.stories.ts +56 -0
  234. package/src/stories/InputFile/InputFileIconPosition.stories.ts +43 -0
  235. package/src/stories/InputFile/InputFileSlots.stories.ts +33 -0
  236. package/src/stories/Nav/Nav.settings.ts +3 -4
  237. package/src/stories/Nav/Nav.test.ts +4 -15
  238. package/src/stories/Tab/Tab.settings.ts +9 -9
  239. package/src/stories/Tab/Tab.stories.ts +2 -2
  240. package/src/stories/Tab/Tab.test.ts +6 -14
  241. package/src/stories/argTypes.ts +1 -1
  242. package/src/types/blurhash.ts +21 -0
  243. package/src/types/generic.ts +6 -0
  244. package/src/types/index.ts +7 -0
  245. package/src/types/input-file.ts +18 -0
  246. package/src/types/nav.ts +20 -0
  247. package/src/utils/ObjectUtilities.ts +0 -11
  248. package/src/workers/blurhash.ts +9 -0
  249. package/dist/components/VvNav/VvNavItemTitle.vue.d.ts +0 -6
  250. package/dist/components/VvNav/VvNavSeparator.d.ts +0 -2
  251. package/dist/components/VvNavItemTitle/VvNavItemTitle.es.js +0 -19
  252. package/dist/components/VvNavItemTitle/VvNavItemTitle.umd.js +0 -1
  253. package/src/components/VvNav/VvNavItemTitle.vue +0 -11
  254. package/src/components/VvNav/VvNavSeparator.ts +0 -8
  255. package/src/types/generic.d.ts +0 -6
  256. /package/src/types/{alert.d.ts → alert.ts} +0 -0
  257. /package/src/types/{floating-ui.d.ts → floating-ui.ts} +0 -0
  258. /package/src/types/{group.d.ts → group.ts} +0 -0
@@ -1,6 +1,5 @@
1
1
  import { Side } from '../../constants';
2
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
3
- icon: (ObjectConstructor | StringConstructor)[];
4
3
  iconPosition: {
5
4
  type: globalThis.PropType<"left" | "right" | "top" | "bottom">;
6
5
  default: Side;
@@ -15,18 +14,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
15
14
  default: boolean;
16
15
  };
17
16
  value: {
18
- type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
17
+ type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
19
18
  default: undefined;
20
19
  };
21
20
  uncheckedValue: {
22
- type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
21
+ type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
23
22
  default: undefined;
24
23
  };
25
24
  modelValue: {
26
- type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
25
+ type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
27
26
  default: undefined;
28
27
  };
29
- loading: BooleanConstructor;
28
+ icon: {
29
+ type: globalThis.PropType<string | import("../VvIcon").VvIconProps>;
30
+ default: undefined;
31
+ };
32
+ loading: {
33
+ type: BooleanConstructor;
34
+ default: boolean;
35
+ };
30
36
  loadingLabel: {
31
37
  type: StringConstructor;
32
38
  default: string;
@@ -35,7 +41,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
35
41
  type: BooleanConstructor;
36
42
  default: boolean;
37
43
  };
38
- modifiers: globalThis.PropType<string | string[]>;
44
+ modifiers: {
45
+ type: globalThis.PropType<string | string[]>;
46
+ default: undefined;
47
+ };
39
48
  id: (StringConstructor | NumberConstructor)[];
40
49
  type: {
41
50
  type: globalThis.PropType<"button" | "submit" | "reset">;
@@ -46,26 +55,52 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
46
55
  type: StringConstructor;
47
56
  default: undefined;
48
57
  };
58
+ defaultTag: {
59
+ type: StringConstructor;
60
+ default: import("../../constants").ActionTag;
61
+ };
49
62
  to: {
50
63
  type: (ObjectConstructor | StringConstructor)[];
51
64
  };
52
65
  href: StringConstructor;
53
66
  target: {
54
67
  type: globalThis.PropType<"_blank" | "_self" | "_parent" | "_top">;
68
+ default: undefined;
55
69
  validator: (value: import("../../constants").AnchorTarget) => boolean;
56
70
  };
71
+ /**
72
+ * @description The component pressed state by prop or group.
73
+ * @returns {string} The component tag.
74
+ */
57
75
  rel: {
58
76
  type: StringConstructor;
59
77
  default: string;
60
78
  };
61
- active: BooleanConstructor;
62
- pressed: BooleanConstructor;
63
- label: (StringConstructor | NumberConstructor)[];
64
- disabled: BooleanConstructor;
79
+ current: {
80
+ type: BooleanConstructor;
81
+ default: boolean;
82
+ };
83
+ active: {
84
+ type: BooleanConstructor;
85
+ default: boolean;
86
+ };
87
+ pressed: {
88
+ type: BooleanConstructor;
89
+ default: boolean;
90
+ };
91
+ label: {
92
+ type: (StringConstructor | NumberConstructor)[];
93
+ default: undefined;
94
+ };
95
+ disabled: {
96
+ type: BooleanConstructor;
97
+ default: boolean;
98
+ };
65
99
  }, {
66
100
  $el: globalThis.ComputedRef<HTMLElement | undefined>;
67
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
68
- icon: (ObjectConstructor | StringConstructor)[];
101
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
102
+ [x: string]: (...args: any[]) => void;
103
+ }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
69
104
  iconPosition: {
70
105
  type: globalThis.PropType<"left" | "right" | "top" | "bottom">;
71
106
  default: Side;
@@ -80,18 +115,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
80
115
  default: boolean;
81
116
  };
82
117
  value: {
83
- type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
118
+ type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
84
119
  default: undefined;
85
120
  };
86
121
  uncheckedValue: {
87
- type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
122
+ type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
88
123
  default: undefined;
89
124
  };
90
125
  modelValue: {
91
- type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
126
+ type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
92
127
  default: undefined;
93
128
  };
94
- loading: BooleanConstructor;
129
+ icon: {
130
+ type: globalThis.PropType<string | import("../VvIcon").VvIconProps>;
131
+ default: undefined;
132
+ };
133
+ loading: {
134
+ type: BooleanConstructor;
135
+ default: boolean;
136
+ };
95
137
  loadingLabel: {
96
138
  type: StringConstructor;
97
139
  default: string;
@@ -100,7 +142,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
100
142
  type: BooleanConstructor;
101
143
  default: boolean;
102
144
  };
103
- modifiers: globalThis.PropType<string | string[]>;
145
+ modifiers: {
146
+ type: globalThis.PropType<string | string[]>;
147
+ default: undefined;
148
+ };
104
149
  id: (StringConstructor | NumberConstructor)[];
105
150
  type: {
106
151
  type: globalThis.PropType<"button" | "submit" | "reset">;
@@ -111,37 +156,66 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
111
156
  type: StringConstructor;
112
157
  default: undefined;
113
158
  };
159
+ defaultTag: {
160
+ type: StringConstructor;
161
+ default: import("../../constants").ActionTag;
162
+ };
114
163
  to: {
115
164
  type: (ObjectConstructor | StringConstructor)[];
116
165
  };
117
166
  href: StringConstructor;
118
167
  target: {
119
168
  type: globalThis.PropType<"_blank" | "_self" | "_parent" | "_top">;
169
+ default: undefined;
120
170
  validator: (value: import("../../constants").AnchorTarget) => boolean;
121
171
  };
172
+ /**
173
+ * @description The component pressed state by prop or group.
174
+ * @returns {string} The component tag.
175
+ */
122
176
  rel: {
123
177
  type: StringConstructor;
124
178
  default: string;
125
179
  };
126
- active: BooleanConstructor;
127
- pressed: BooleanConstructor;
128
- label: (StringConstructor | NumberConstructor)[];
129
- disabled: BooleanConstructor;
130
- }>> & {
131
- [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
132
- }, {
133
- value: string | number | boolean;
180
+ current: {
181
+ type: BooleanConstructor;
182
+ default: boolean;
183
+ };
184
+ active: {
185
+ type: BooleanConstructor;
186
+ default: boolean;
187
+ };
188
+ pressed: {
189
+ type: BooleanConstructor;
190
+ default: boolean;
191
+ };
192
+ label: {
193
+ type: (StringConstructor | NumberConstructor)[];
194
+ default: undefined;
195
+ };
196
+ disabled: {
197
+ type: BooleanConstructor;
198
+ default: boolean;
199
+ };
200
+ }>>, {
134
201
  disabled: boolean;
135
202
  modelValue: string | number | boolean;
136
- type: "button" | "submit" | "reset";
203
+ toggle: boolean;
137
204
  unselectable: boolean;
205
+ modifiers: string | string[];
206
+ label: string | number;
207
+ value: string | number | boolean;
208
+ type: "button" | "submit" | "reset";
209
+ target: "_blank" | "_self" | "_parent" | "_top";
138
210
  ariaLabel: string;
211
+ defaultTag: string;
139
212
  rel: string;
213
+ current: boolean;
140
214
  active: boolean;
141
215
  pressed: boolean;
216
+ icon: string | import("../VvIcon").VvIconProps;
142
217
  iconPosition: "left" | "right" | "top" | "bottom";
143
218
  loadingIcon: string;
144
- toggle: boolean;
145
219
  uncheckedValue: string | number | boolean;
146
220
  loading: boolean;
147
221
  loadingLabel: string;
@@ -3,10 +3,6 @@ import type { ButtonGroupState } from '../../types/group';
3
3
  import { Side } from '../../constants';
4
4
  export declare const VvButtonEvents: string[];
5
5
  export declare const VvButtonProps: {
6
- /**
7
- * Button icon
8
- */
9
- icon: (ObjectConstructor | StringConstructor)[];
10
6
  /**
11
7
  * Button icon position
12
8
  */
@@ -33,24 +29,31 @@ export declare const VvButtonProps: {
33
29
  * Button toggle value
34
30
  */
35
31
  value: {
36
- type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
32
+ type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
37
33
  default: undefined;
38
34
  };
39
35
  /**
40
36
  * Value associated with the unchecked state
41
37
  */
42
38
  uncheckedValue: {
43
- type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
39
+ type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
44
40
  default: undefined;
45
41
  };
46
42
  /**
47
43
  * Button toggle model value
48
44
  */
49
45
  modelValue: {
50
- type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
46
+ type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
47
+ default: undefined;
48
+ };
49
+ icon: {
50
+ type: PropType<string | import("../VvIcon").VvIconProps>;
51
51
  default: undefined;
52
52
  };
53
- loading: BooleanConstructor;
53
+ loading: {
54
+ type: BooleanConstructor;
55
+ default: boolean;
56
+ };
54
57
  loadingLabel: {
55
58
  type: StringConstructor;
56
59
  default: string;
@@ -59,7 +62,10 @@ export declare const VvButtonProps: {
59
62
  type: BooleanConstructor;
60
63
  default: boolean;
61
64
  };
62
- modifiers: PropType<string | string[]>;
65
+ modifiers: {
66
+ type: PropType<string | string[]>;
67
+ default: undefined;
68
+ };
63
69
  id: (StringConstructor | NumberConstructor)[];
64
70
  type: {
65
71
  type: PropType<"button" | "submit" | "reset">;
@@ -70,22 +76,43 @@ export declare const VvButtonProps: {
70
76
  type: StringConstructor;
71
77
  default: undefined;
72
78
  };
79
+ defaultTag: {
80
+ type: StringConstructor;
81
+ default: import("../../constants").ActionTag;
82
+ };
73
83
  to: {
74
84
  type: (ObjectConstructor | StringConstructor)[];
75
85
  };
76
86
  href: StringConstructor;
77
87
  target: {
78
88
  type: PropType<"_blank" | "_self" | "_parent" | "_top">;
89
+ default: undefined;
79
90
  validator: (value: import("../../constants").AnchorTarget) => boolean;
80
91
  };
81
92
  rel: {
82
93
  type: StringConstructor;
83
94
  default: string;
84
95
  };
85
- active: BooleanConstructor;
86
- pressed: BooleanConstructor;
87
- label: (StringConstructor | NumberConstructor)[];
88
- disabled: BooleanConstructor;
96
+ current: {
97
+ type: BooleanConstructor;
98
+ default: boolean;
99
+ };
100
+ active: {
101
+ type: BooleanConstructor;
102
+ default: boolean;
103
+ };
104
+ pressed: {
105
+ type: BooleanConstructor;
106
+ default: boolean;
107
+ };
108
+ label: {
109
+ type: (StringConstructor | NumberConstructor)[];
110
+ default: undefined;
111
+ };
112
+ disabled: {
113
+ type: BooleanConstructor;
114
+ default: boolean;
115
+ };
89
116
  };
90
117
  export type VvButtonPropsTypes = ExtractPropTypes<typeof VvButtonProps>;
91
118
  /**
@@ -103,6 +130,6 @@ export declare function useGroupProps(props: VvButtonPropsTypes, emit: (event: (
103
130
  id: Ref<string | number | undefined> | undefined;
104
131
  pressed: Ref<boolean>;
105
132
  iconPosition: Ref<"left" | "right" | "top" | "bottom">;
106
- icon: Ref<string | Record<string, any> | undefined> | undefined;
133
+ icon: Ref<string | import("../VvIcon").VvIconProps | undefined> | undefined;
107
134
  label: Ref<string | number | undefined> | undefined;
108
135
  };
@@ -1,4 +1,4 @@
1
- import { isRef, provide, computed, unref, defineComponent, toRefs, watchEffect, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
1
+ import { isRef, provide, computed, unref, defineComponent, toRefs, watchEffect, openBlock, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from "vue";
2
2
  var Strategy = /* @__PURE__ */ ((Strategy2) => {
3
3
  Strategy2["absolute"] = "absolute";
4
4
  Strategy2["fixed"] = "fixed";
@@ -33,6 +33,13 @@ var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
33
33
  ButtonType2["reset"] = "reset";
34
34
  return ButtonType2;
35
35
  })(ButtonType || {});
36
+ var ActionTag = /* @__PURE__ */ ((ActionTag2) => {
37
+ ActionTag2["nuxtLink"] = "nuxt-link";
38
+ ActionTag2["routerLink"] = "router-link";
39
+ ActionTag2["a"] = "a";
40
+ ActionTag2["button"] = "button";
41
+ return ActionTag2;
42
+ })(ActionTag || {});
36
43
  var AnchorTarget = /* @__PURE__ */ ((AnchorTarget2) => {
37
44
  AnchorTarget2["_blank"] = "_blank";
38
45
  AnchorTarget2["_self"] = "_self";
@@ -58,6 +65,7 @@ const LinkProps = {
58
65
  */
59
66
  target: {
60
67
  type: String,
68
+ default: void 0,
61
69
  validator: (value) => Object.values(AnchorTarget).includes(value)
62
70
  },
63
71
  /**
@@ -72,38 +80,65 @@ const DisabledProps = {
72
80
  /**
73
81
  * Whether the form control is disabled
74
82
  */
75
- disabled: Boolean
83
+ disabled: {
84
+ type: Boolean,
85
+ default: false
86
+ }
76
87
  };
77
88
  const ActiveProps = {
78
89
  /**
79
90
  * Whether the item is active
80
91
  */
81
- active: Boolean
92
+ active: {
93
+ type: Boolean,
94
+ default: false
95
+ }
96
+ };
97
+ const CurrentProps = {
98
+ /**
99
+ * Whether the item is current
100
+ */
101
+ current: {
102
+ type: Boolean,
103
+ default: false
104
+ }
82
105
  };
83
106
  const PressedProps = {
84
107
  /**
85
108
  * Whether the item is pressed
86
109
  */
87
- pressed: Boolean
110
+ pressed: {
111
+ type: Boolean,
112
+ default: false
113
+ }
88
114
  };
89
115
  const LabelProps = {
90
116
  /**
91
117
  * The item label
92
118
  */
93
- label: [String, Number]
119
+ label: {
120
+ type: [String, Number],
121
+ default: void 0
122
+ }
94
123
  };
95
124
  const ModifiersProps = {
96
125
  /**
97
126
  * Component BEM modifiers
98
127
  */
99
- modifiers: [String, Array]
128
+ modifiers: {
129
+ type: [String, Array],
130
+ default: void 0
131
+ }
100
132
  };
101
133
  ({
102
134
  /**
103
135
  * VvIcon name or props
104
136
  * @see VVIcon
105
137
  */
106
- icon: { type: [String, Object] },
138
+ icon: {
139
+ type: [String, Object],
140
+ default: void 0
141
+ },
107
142
  /**
108
143
  * VvIcon position
109
144
  */
@@ -140,7 +175,8 @@ const UnselectableProps = {
140
175
  * Dropdown show / hide transition name
141
176
  */
142
177
  transitionName: {
143
- type: String
178
+ type: String,
179
+ default: void 0
144
180
  },
145
181
  /**
146
182
  * Offset of the dropdown from the trigger
@@ -208,7 +244,8 @@ const UnselectableProps = {
208
244
  * Set dropdown width to the same as the trigger
209
245
  */
210
246
  triggerWidth: {
211
- type: Boolean
247
+ type: Boolean,
248
+ default: false
212
249
  }
213
250
  });
214
251
  ({
@@ -216,6 +253,7 @@ const UnselectableProps = {
216
253
  ...LabelProps,
217
254
  ...PressedProps,
218
255
  ...ActiveProps,
256
+ ...CurrentProps,
219
257
  ...LinkProps,
220
258
  /**
221
259
  * Button type
@@ -231,6 +269,13 @@ const UnselectableProps = {
231
269
  ariaLabel: {
232
270
  type: String,
233
271
  default: void 0
272
+ },
273
+ /**
274
+ * Default tag for the action
275
+ */
276
+ defaultTag: {
277
+ type: String,
278
+ default: ActionTag.button
234
279
  }
235
280
  });
236
281
  const VvButtonGroupProps = {
@@ -292,7 +337,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
292
337
  ...__default__,
293
338
  props: VvButtonGroupProps,
294
339
  emits: VvButtonGroupEvents,
295
- setup(__props, { emit }) {
340
+ setup(__props, { emit: __emit }) {
341
+ const emit = __emit;
296
342
  const props = __props;
297
343
  const {
298
344
  disabled,
@@ -334,12 +380,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
334
380
  });
335
381
  const bemCssClasses = useModifiers("vv-button-group", modifiers);
336
382
  return (_ctx, _cache) => {
337
- return openBlock(), createElementBlock("div", {
338
- class: normalizeClass(unref(bemCssClasses)),
339
- role: "group"
340
- }, [
341
- renderSlot(_ctx.$slots, "default")
342
- ], 2);
383
+ return openBlock(), createElementBlock(
384
+ "div",
385
+ {
386
+ class: normalizeClass(unref(bemCssClasses)),
387
+ role: "group"
388
+ },
389
+ [
390
+ createCommentVNode(" @slot Default slot "),
391
+ renderSlot(_ctx.$slots, "default")
392
+ ],
393
+ 2
394
+ /* CLASS */
395
+ );
343
396
  };
344
397
  }
345
398
  });
@@ -1 +1 @@
1
- !function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvButtonGroup=o(e.vue)}(this,(function(e){"use strict";var o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),t=(e=>(e.before="before",e.after="after",e))(t||{}),l=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(l||{});const r=Symbol.for("buttonGroup"),u={disabled:Boolean},a=(Boolean,Boolean,{modifiers:[String,Array]});t.before;const n={unselectable:{type:Boolean,default:!0}};o.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,l.button;const i={...a,...u,...n,itemModifiers:{type:[String,Array],default:""},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Number,Boolean,Array],default:void 0}};return e.defineComponent({name:"VvButtonGroup",props:i,emits:["update:modelValue"],setup(o,{emit:t}){const l=o,{disabled:u,toggle:a,modifiers:n,multiple:i,unselectable:s,itemModifiers:d}=e.toRefs(l);e.watchEffect((()=>{"string"==typeof l.modelValue&&i.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")}));const f=e.computed({get:()=>i.value?l.modelValue:Array.isArray(l.modelValue)?l.modelValue[0]:l.modelValue,set:e=>void 0===e||!Array.isArray(l.modelValue)&&!i.value||Array.isArray(e)?t("update:modelValue",e):t("update:modelValue",[e])});!function(o){if(Object.keys(o).some((t=>"key"!==t&&!e.isRef(o[t]))))throw Error("One or more groupState props aren't ref.");e.provide(o.key,e.computed((()=>o)))}({key:r,modelValue:f,disabled:u,toggle:a,multiple:i,unselectable:s,modifiers:d});const m=function(o,t,l){return e.computed((()=>{const r={[o]:!0},u="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return u&&Array.isArray(u)&&u.forEach((e=>{e&&(r[`${o}--${e}`]=!0)})),l&&Object.keys(l.value).forEach((t=>{r[`${o}--${t}`]=e.unref(l.value[t])})),r}))}("vv-button-group",n);return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(m)),role:"group"},[e.renderSlot(o.$slots,"default")],2))}})}));
1
+ !function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvButtonGroup=o(e.vue)}(this,(function(e){"use strict";var o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),t=(e=>(e.before="before",e.after="after",e))(t||{}),l=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(l||{}),r=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(r||{});const u=Symbol.for("buttonGroup"),n={disabled:{type:Boolean,default:!1}},a=(Boolean,Boolean,Boolean,{modifiers:{type:[String,Array],default:void 0}});t.before;const i={unselectable:{type:Boolean,default:!0}};o.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,l.button,r.button;const s={...a,...n,...i,itemModifiers:{type:[String,Array],default:""},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Number,Boolean,Array],default:void 0}};return e.defineComponent({name:"VvButtonGroup",props:s,emits:["update:modelValue"],setup(o,{emit:t}){const l=t,r=o,{disabled:n,toggle:a,modifiers:i,multiple:s,unselectable:d,itemModifiers:f}=e.toRefs(r);e.watchEffect((()=>{"string"==typeof r.modelValue&&s.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")}));const m=e.computed({get:()=>s.value?r.modelValue:Array.isArray(r.modelValue)?r.modelValue[0]:r.modelValue,set:e=>void 0===e||!Array.isArray(r.modelValue)&&!s.value||Array.isArray(e)?l("update:modelValue",e):l("update:modelValue",[e])});!function(o){if(Object.keys(o).some((t=>"key"!==t&&!e.isRef(o[t]))))throw Error("One or more groupState props aren't ref.");e.provide(o.key,e.computed((()=>o)))}({key:u,modelValue:m,disabled:n,toggle:a,multiple:s,unselectable:d,modifiers:f});const p=function(o,t,l){return e.computed((()=>{const r={[o]:!0},u="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return u&&Array.isArray(u)&&u.forEach((e=>{e&&(r[`${o}--${e}`]=!0)})),l&&Object.keys(l.value).forEach((t=>{r[`${o}--${t}`]=e.unref(l.value[t])})),r}))}("vv-button-group",i);return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(p)),role:"group"},[e.createCommentVNode(" @slot Default slot "),e.renderSlot(o.$slots,"default")],2))}})}));
@@ -19,9 +19,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
19
19
  type: BooleanConstructor;
20
20
  default: boolean;
21
21
  };
22
- disabled: BooleanConstructor;
23
- modifiers: globalThis.PropType<string | string[]>;
24
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
22
+ disabled: {
23
+ type: BooleanConstructor;
24
+ default: boolean;
25
+ };
26
+ modifiers: {
27
+ type: globalThis.PropType<string | string[]>;
28
+ default: undefined;
29
+ };
30
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
31
+ [x: string]: (...args: any[]) => void;
32
+ }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
25
33
  itemModifiers: {
26
34
  type: globalThis.PropType<string | string[]>;
27
35
  default: string;
@@ -42,17 +50,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
42
50
  type: BooleanConstructor;
43
51
  default: boolean;
44
52
  };
45
- disabled: BooleanConstructor;
46
- modifiers: globalThis.PropType<string | string[]>;
47
- }>> & {
48
- [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
49
- }, {
53
+ disabled: {
54
+ type: BooleanConstructor;
55
+ default: boolean;
56
+ };
57
+ modifiers: {
58
+ type: globalThis.PropType<string | string[]>;
59
+ default: undefined;
60
+ };
61
+ }>>, {
50
62
  disabled: boolean;
51
63
  modelValue: string | number | boolean | (string | number | boolean)[] | undefined;
52
- unselectable: boolean;
53
- itemModifiers: string | string[];
54
64
  toggle: boolean;
55
65
  multiple: boolean;
66
+ unselectable: boolean;
67
+ modifiers: string | string[];
68
+ itemModifiers: string | string[];
56
69
  }, {}>, {
57
70
  default?(_: {}): any;
58
71
  }>;
@@ -22,7 +22,13 @@ export declare const VvButtonGroupProps: {
22
22
  type: BooleanConstructor;
23
23
  default: boolean;
24
24
  };
25
- disabled: BooleanConstructor;
26
- modifiers: globalThis.PropType<string | string[]>;
25
+ disabled: {
26
+ type: BooleanConstructor;
27
+ default: boolean;
28
+ };
29
+ modifiers: {
30
+ type: globalThis.PropType<string | string[]>;
31
+ default: undefined;
32
+ };
27
33
  };
28
34
  export declare const VvButtonGroupEvents: string[];