vueless 0.0.479 → 0.0.480

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 (297) hide show
  1. package/adatper.locale/vue-i18n.ts +14 -0
  2. package/adatper.locale/{vueless.js → vueless.ts} +67 -19
  3. package/composables/useAutoPosition.ts +113 -0
  4. package/composables/useBreakpoint.ts +109 -0
  5. package/composables/useLocale.ts +22 -0
  6. package/composables/useMutationObserver.ts +53 -0
  7. package/composables/{useUI.js → useUI.ts} +109 -105
  8. package/constants.js +124 -2
  9. package/directives/clickOutside/storybook/Docs.mdx +1 -1
  10. package/directives/clickOutside/storybook/{stories.js → stories.ts} +7 -9
  11. package/directives/clickOutside/types.ts +22 -0
  12. package/directives/clickOutside/vClickOutside.ts +96 -0
  13. package/directives/index.js +7 -2
  14. package/directives/tooltip/storybook/Docs.mdx +1 -1
  15. package/directives/tooltip/storybook/{stories.js → stories.ts} +22 -10
  16. package/directives/tooltip/types.ts +14 -0
  17. package/directives/tooltip/vTooltip.ts +82 -0
  18. package/{index.js → index.ts} +12 -9
  19. package/package.json +38 -25
  20. package/plugin-vite.d.ts +10 -0
  21. package/plugin-vite.js +97 -0
  22. package/{preset.tailwind.js → preset-tailwind.js} +21 -7
  23. package/types.ts +322 -0
  24. package/ui.button/UButton.vue +1 -1
  25. package/ui.button/storybook/Docs.mdx +1 -1
  26. package/ui.button/storybook/stories.js +11 -6
  27. package/ui.button/useAttrs.js +1 -1
  28. package/ui.button-link/ULink.vue +2 -2
  29. package/ui.button-link/storybook/Docs.mdx +1 -1
  30. package/ui.button-link/storybook/stories.js +2 -2
  31. package/ui.button-link/useAttrs.js +1 -1
  32. package/ui.button-toggle/UToggle.vue +1 -1
  33. package/ui.button-toggle/storybook/Docs.mdx +1 -1
  34. package/ui.button-toggle/storybook/stories.js +2 -2
  35. package/ui.button-toggle/useAttrs.js +1 -1
  36. package/ui.button-toggle-item/UToggleItem.vue +1 -1
  37. package/ui.button-toggle-item/storybook/Docs.mdx +1 -1
  38. package/ui.button-toggle-item/storybook/stories.js +1 -1
  39. package/ui.button-toggle-item/useAttrs.js +1 -1
  40. package/ui.container-accordion/UAccordion.vue +1 -1
  41. package/ui.container-accordion/storybook/Docs.mdx +1 -1
  42. package/ui.container-accordion/storybook/stories.js +1 -1
  43. package/ui.container-accordion/useAttrs.js +1 -1
  44. package/ui.container-card/storybook/Docs.mdx +1 -1
  45. package/ui.container-card/storybook/stories.js +1 -1
  46. package/ui.container-card/useAttrs.js +1 -1
  47. package/ui.container-col/UCol.vue +1 -1
  48. package/ui.container-col/storybook/Docs.mdx +1 -1
  49. package/ui.container-col/storybook/stories.js +1 -1
  50. package/ui.container-col/useAttrs.js +1 -1
  51. package/ui.container-divider/UDivider.vue +1 -1
  52. package/ui.container-divider/storybook/Docs.mdx +1 -1
  53. package/ui.container-divider/storybook/stories.js +2 -2
  54. package/ui.container-divider/useAttrs.js +1 -1
  55. package/ui.container-group/UGroup.vue +1 -1
  56. package/ui.container-group/storybook/Docs.mdx +1 -1
  57. package/ui.container-group/storybook/stories.js +1 -1
  58. package/ui.container-group/useAttrs.js +1 -1
  59. package/ui.container-modal/UModal.vue +1 -1
  60. package/ui.container-modal/storybook/Docs.mdx +1 -1
  61. package/ui.container-modal/storybook/stories.js +2 -2
  62. package/ui.container-modal/useAttrs.js +1 -1
  63. package/ui.container-modal-confirm/UModalConfirm.vue +2 -2
  64. package/ui.container-modal-confirm/storybook/Docs.mdx +1 -1
  65. package/ui.container-modal-confirm/storybook/stories.js +2 -2
  66. package/ui.container-modal-confirm/useAttrs.js +1 -1
  67. package/ui.container-page/UPage.vue +2 -2
  68. package/ui.container-page/storybook/Docs.mdx +1 -1
  69. package/ui.container-page/storybook/stories.js +1 -1
  70. package/ui.container-page/useAttrs.js +2 -2
  71. package/ui.container-row/URow.vue +1 -1
  72. package/ui.container-row/storybook/Docs.mdx +1 -1
  73. package/ui.container-row/storybook/stories.js +2 -2
  74. package/ui.container-row/useAttrs.js +1 -1
  75. package/ui.data-list/UDataList.vue +6 -6
  76. package/ui.data-list/storybook/Docs.mdx +1 -1
  77. package/ui.data-list/storybook/stories.js +1 -1
  78. package/ui.data-list/useAttrs.js +1 -1
  79. package/ui.data-table/UTable.vue +3 -3
  80. package/ui.data-table/UTableRow.vue +7 -6
  81. package/ui.data-table/config.js +10 -3
  82. package/ui.data-table/storybook/Docs.mdx +1 -1
  83. package/ui.data-table/storybook/stories.js +5 -3
  84. package/ui.data-table/useAttrs.js +1 -1
  85. package/ui.data-table/utilTable.js +1 -1
  86. package/ui.dropdown-badge/UDropdownBadge.vue +1 -1
  87. package/ui.dropdown-badge/storybook/Docs.mdx +1 -1
  88. package/ui.dropdown-badge/storybook/stories.js +2 -2
  89. package/ui.dropdown-badge/useAttrs.js +1 -1
  90. package/ui.dropdown-button/UDropdownButton.vue +1 -1
  91. package/ui.dropdown-button/storybook/Docs.mdx +1 -1
  92. package/ui.dropdown-button/storybook/stories.js +3 -3
  93. package/ui.dropdown-button/useAttrs.js +1 -1
  94. package/ui.dropdown-link/UDropdownLink.vue +1 -1
  95. package/ui.dropdown-link/config.js +1 -1
  96. package/ui.dropdown-link/storybook/Docs.mdx +1 -1
  97. package/ui.dropdown-link/storybook/stories.js +2 -2
  98. package/ui.dropdown-link/useAttrs.js +4 -6
  99. package/ui.dropdown-list/UDropdownList.vue +3 -3
  100. package/ui.dropdown-list/storybook/Docs.mdx +1 -1
  101. package/ui.dropdown-list/storybook/stories.js +2 -2
  102. package/ui.dropdown-list/useAttrs.js +1 -1
  103. package/ui.form-calendar/UCalendar.vue +2 -2
  104. package/ui.form-calendar/storybook/Docs.mdx +1 -1
  105. package/ui.form-calendar/storybook/stories.js +1 -1
  106. package/ui.form-calendar/useAttrs.js +1 -1
  107. package/ui.form-checkbox/UCheckbox.vue +1 -1
  108. package/ui.form-checkbox/storybook/Docs.mdx +1 -1
  109. package/ui.form-checkbox/storybook/stories.js +2 -2
  110. package/ui.form-checkbox/useAttrs.js +1 -1
  111. package/ui.form-checkbox-group/UCheckboxGroup.vue +1 -1
  112. package/ui.form-checkbox-group/storybook/Docs.mdx +1 -1
  113. package/ui.form-checkbox-group/storybook/stories.js +2 -2
  114. package/ui.form-checkbox-group/useAttrs.js +1 -1
  115. package/ui.form-checkbox-multi-state/UCheckboxMultiState.vue +1 -1
  116. package/ui.form-checkbox-multi-state/storybook/Docs.mdx +1 -1
  117. package/ui.form-checkbox-multi-state/storybook/stories.js +2 -2
  118. package/ui.form-checkbox-multi-state/useAttrs.js +1 -1
  119. package/ui.form-color-picker/UColorPicker.vue +1 -1
  120. package/ui.form-color-picker/storybook/Docs.mdx +1 -1
  121. package/ui.form-color-picker/storybook/stories.js +2 -2
  122. package/ui.form-color-picker/useAttrs.js +1 -1
  123. package/ui.form-date-picker/UDatePicker.vue +4 -7
  124. package/ui.form-date-picker/storybook/Docs.mdx +1 -1
  125. package/ui.form-date-picker/storybook/stories.js +3 -3
  126. package/ui.form-date-picker/useAttrs.js +2 -2
  127. package/ui.form-date-picker-range/UDatePickerRange.vue +2 -2
  128. package/ui.form-date-picker-range/storybook/Docs.mdx +1 -1
  129. package/ui.form-date-picker-range/storybook/stories.js +2 -2
  130. package/ui.form-date-picker-range/useAttrs.js +2 -2
  131. package/ui.form-date-picker-range/useLocale.js +1 -1
  132. package/ui.form-input/UInput.vue +3 -3
  133. package/ui.form-input/storybook/Docs.mdx +1 -1
  134. package/ui.form-input/storybook/stories.js +2 -2
  135. package/ui.form-input/useAttrs.js +1 -1
  136. package/ui.form-input-file/UInputFile.vue +2 -2
  137. package/ui.form-input-file/storybook/Docs.mdx +1 -1
  138. package/ui.form-input-file/storybook/stories.js +2 -2
  139. package/ui.form-input-file/useAttrs.js +1 -1
  140. package/ui.form-input-money/UInputMoney.vue +1 -1
  141. package/ui.form-input-money/storybook/Docs.mdx +1 -1
  142. package/ui.form-input-money/storybook/stories.js +2 -2
  143. package/ui.form-input-money/useAttrs.js +1 -1
  144. package/ui.form-input-money/useFormatCurrency.js +1 -1
  145. package/ui.form-input-number/UInputNumber.vue +5 -4
  146. package/ui.form-input-number/storybook/Docs.mdx +1 -1
  147. package/ui.form-input-number/storybook/stories.js +2 -2
  148. package/ui.form-input-number/useAttrs.js +1 -1
  149. package/ui.form-input-rating/UInputRating.vue +1 -1
  150. package/ui.form-input-rating/storybook/Docs.mdx +1 -1
  151. package/ui.form-input-rating/storybook/stories.js +2 -2
  152. package/ui.form-input-rating/useAttrs.js +1 -1
  153. package/ui.form-input-search/UInputSearch.vue +2 -2
  154. package/ui.form-input-search/storybook/Docs.mdx +1 -1
  155. package/ui.form-input-search/storybook/stories.js +2 -2
  156. package/ui.form-input-search/useAttrs.js +1 -1
  157. package/ui.form-label/ULabel.vue +1 -1
  158. package/ui.form-label/config.js +2 -2
  159. package/ui.form-label/storybook/Docs.mdx +1 -1
  160. package/ui.form-label/storybook/stories.js +2 -2
  161. package/ui.form-label/useAttrs.js +1 -1
  162. package/ui.form-radio/URadio.vue +1 -1
  163. package/ui.form-radio/storybook/Docs.mdx +1 -1
  164. package/ui.form-radio/storybook/stories.js +1 -1
  165. package/ui.form-radio/useAttrs.js +1 -1
  166. package/ui.form-radio-group/URadioGroup.vue +1 -1
  167. package/ui.form-radio-group/storybook/Docs.mdx +1 -1
  168. package/ui.form-radio-group/storybook/stories.js +2 -2
  169. package/ui.form-radio-group/useAttrs.js +1 -1
  170. package/ui.form-select/USelect.vue +4 -4
  171. package/ui.form-select/storybook/Docs.mdx +1 -1
  172. package/ui.form-select/storybook/stories.js +2 -2
  173. package/ui.form-select/useAttrs.js +1 -1
  174. package/ui.form-switch/USwitch.vue +2 -2
  175. package/ui.form-switch/storybook/Docs.mdx +1 -1
  176. package/ui.form-switch/storybook/stories.js +2 -2
  177. package/ui.form-switch/useAttrs.js +1 -1
  178. package/ui.form-switch/utilVariant.js +1 -1
  179. package/ui.form-textarea/UTextarea.vue +1 -1
  180. package/ui.form-textarea/storybook/Docs.mdx +1 -1
  181. package/ui.form-textarea/storybook/stories.js +2 -2
  182. package/ui.form-textarea/useAttrs.js +1 -1
  183. package/ui.image-avatar/UAvatar.vue +1 -1
  184. package/ui.image-avatar/storybook/Docs.mdx +1 -1
  185. package/ui.image-avatar/storybook/stories.js +2 -2
  186. package/ui.image-avatar/useAttrs.js +1 -1
  187. package/ui.image-icon/UIcon.vue +14 -8
  188. package/ui.image-icon/storybook/Docs.mdx +2 -2
  189. package/ui.image-icon/storybook/stories.js +2 -2
  190. package/ui.image-icon/useAttrs.js +2 -2
  191. package/ui.loader/ULoader.vue +1 -1
  192. package/ui.loader/storybook/Docs.mdx +1 -1
  193. package/ui.loader/storybook/stories.js +2 -2
  194. package/ui.loader/useAttrs.js +1 -1
  195. package/ui.loader-overlay/ULoaderOverlay.vue +1 -1
  196. package/ui.loader-overlay/storybook/Docs.mdx +1 -1
  197. package/ui.loader-overlay/storybook/stories.js +1 -1
  198. package/ui.loader-overlay/useAttrs.js +1 -1
  199. package/ui.loader-progress/ULoaderProgress.vue +33 -48
  200. package/ui.loader-progress/constants.js +1 -0
  201. package/ui.loader-progress/storybook/Docs.mdx +1 -1
  202. package/ui.loader-progress/storybook/stories.js +3 -4
  203. package/ui.loader-progress/useAttrs.js +1 -1
  204. package/ui.loader-progress/useLoaderProgress.js +13 -8
  205. package/ui.loader-progress/utilLoaderProgress.js +1 -1
  206. package/ui.navigation-pagination/UPagination.vue +1 -1
  207. package/ui.navigation-pagination/storybook/Docs.mdx +1 -1
  208. package/ui.navigation-pagination/storybook/stories.js +1 -1
  209. package/ui.navigation-pagination/useAttrs.js +1 -1
  210. package/ui.navigation-progress/UProgress.vue +1 -1
  211. package/ui.navigation-progress/storybook/Docs.mdx +1 -1
  212. package/ui.navigation-progress/storybook/stories.js +2 -2
  213. package/ui.navigation-progress/useAttrs.js +1 -1
  214. package/ui.navigation-tab/UTab.vue +1 -1
  215. package/ui.navigation-tab/storybook/Docs.mdx +1 -1
  216. package/ui.navigation-tab/storybook/stories.js +1 -1
  217. package/ui.navigation-tab/useAttrs.js +1 -1
  218. package/ui.navigation-tabs/UTabs.vue +1 -1
  219. package/ui.navigation-tabs/storybook/Docs.mdx +1 -1
  220. package/ui.navigation-tabs/storybook/stories.js +2 -2
  221. package/ui.navigation-tabs/useAttrs.js +1 -1
  222. package/ui.other-dot/UDot.vue +1 -1
  223. package/ui.other-dot/storybook/Docs.mdx +1 -1
  224. package/ui.other-dot/storybook/stories.js +2 -2
  225. package/ui.other-dot/useAttrs.js +1 -1
  226. package/ui.text-alert/UAlert.vue +1 -1
  227. package/ui.text-alert/storybook/Docs.mdx +1 -1
  228. package/ui.text-alert/storybook/stories.js +2 -2
  229. package/ui.text-alert/useAttrs.js +1 -1
  230. package/ui.text-badge/UBadge.vue +89 -179
  231. package/ui.text-badge/storybook/Docs.mdx +3 -3
  232. package/ui.text-badge/storybook/{stories.js → stories.ts} +33 -37
  233. package/ui.text-badge/types.ts +84 -0
  234. package/ui.text-badge/useAttrs.ts +28 -0
  235. package/ui.text-block/UText.vue +18 -62
  236. package/ui.text-block/storybook/Docs.mdx +3 -3
  237. package/ui.text-block/storybook/{stories.js → stories.ts} +13 -8
  238. package/ui.text-block/types.ts +33 -0
  239. package/ui.text-block/useAttrs.ts +20 -0
  240. package/ui.text-empty/UEmpty.vue +1 -1
  241. package/ui.text-empty/storybook/Docs.mdx +1 -1
  242. package/ui.text-empty/storybook/stories.js +2 -2
  243. package/ui.text-empty/useAttrs.js +1 -1
  244. package/ui.text-file/UFile.vue +13 -16
  245. package/ui.text-file/config.js +12 -2
  246. package/ui.text-file/storybook/Docs.mdx +1 -1
  247. package/ui.text-file/storybook/stories.js +1 -1
  248. package/ui.text-file/useAttrs.js +1 -1
  249. package/ui.text-files/UFiles.vue +1 -1
  250. package/ui.text-files/config.js +1 -1
  251. package/ui.text-files/storybook/Docs.mdx +1 -1
  252. package/ui.text-files/storybook/stories.js +1 -1
  253. package/ui.text-files/useAttrs.js +1 -1
  254. package/ui.text-header/UHeader.vue +1 -1
  255. package/ui.text-header/storybook/Docs.mdx +1 -1
  256. package/ui.text-header/storybook/stories.js +2 -2
  257. package/ui.text-header/useAttrs.js +1 -1
  258. package/ui.text-money/UMoney.vue +1 -1
  259. package/ui.text-money/storybook/Docs.mdx +1 -1
  260. package/ui.text-money/storybook/stories.js +2 -2
  261. package/ui.text-money/useAttrs.js +1 -1
  262. package/ui.text-money/utilMoney.js +2 -2
  263. package/ui.text-notify/UNotify.vue +2 -2
  264. package/ui.text-notify/storybook/Docs.mdx +1 -1
  265. package/ui.text-notify/storybook/stories.js +1 -1
  266. package/ui.text-notify/useAttrs.js +1 -1
  267. package/ui.text-notify/utilNotify.js +1 -1
  268. package/utils/{utilHelper.js → helper.ts} +14 -27
  269. package/utils/node/helper.js +78 -0
  270. package/utils/node/loaderIcon.js +232 -0
  271. package/utils/node/loaderSvg.js +71 -0
  272. package/utils/node/mergeConfigs.js +199 -0
  273. package/utils/node/tailwindSafelist.js +366 -0
  274. package/utils/node/vuelessConfig.js +42 -0
  275. package/utils/node/vuelessResolver.js +28 -0
  276. package/utils/{utilPlatform.js → platform.ts} +10 -3
  277. package/utils/{utilStorybook.js → storybook.ts} +102 -36
  278. package/utils/tailwindConfig.ts +33 -0
  279. package/utils/{utilTheme.js → theme.ts} +65 -30
  280. package/utils/ui.ts +129 -0
  281. package/web-types.json +1362 -157
  282. package/adatper.locale/vue-i18n.js +0 -11
  283. package/composables/useAutoPosition.js +0 -94
  284. package/composables/useBreakpoint.js +0 -104
  285. package/composables/useLocale.js +0 -25
  286. package/composables/useMutationObserver.js +0 -48
  287. package/directives/clickOutside/vClickOutside.js +0 -64
  288. package/directives/tooltip/vTooltip.js +0 -56
  289. package/ui.text-badge/useAttrs.js +0 -23
  290. package/ui.text-block/useAttrs.js +0 -15
  291. package/utils/utilUI.js +0 -360
  292. /package/adatper.locale/locales/{en.js → en.ts} +0 -0
  293. /package/ui.image-icon/{config.js → config.ts} +0 -0
  294. /package/ui.text-badge/{config.js → config.ts} +0 -0
  295. /package/ui.text-badge/{constants.js → constants.ts} +0 -0
  296. /package/ui.text-block/{config.js → config.ts} +0 -0
  297. /package/ui.text-block/{constants.js → constants.ts} +0 -0
@@ -1,5 +1,5 @@
1
1
  import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source, Markdown } from "@storybook/blocks";
2
- import { getSource } from "../../utils/utilStorybook.js";
2
+ import { getSource } from "../../utils/storybook.ts";
3
3
 
4
4
  import * as stories from "./stories.js";
5
5
  import defaultConfig from "../config.js?raw"
@@ -1,4 +1,4 @@
1
- import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
1
+ import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
2
2
 
3
3
  import UCalendar from "../../ui.form-calendar/UCalendar.vue";
4
4
 
@@ -1,5 +1,5 @@
1
1
  import { computed } from "vue";
2
- import useUI from "../composables/useUI.js";
2
+ import useUI from "../composables/useUI.ts";
3
3
 
4
4
  import defaultConfig from "./config.js";
5
5
 
@@ -48,7 +48,7 @@ import { isEqual } from "lodash-es";
48
48
  import UIcon from "../ui.image-icon/UIcon.vue";
49
49
  import ULabel from "../ui.form-label/ULabel.vue";
50
50
 
51
- import { getDefault } from "../utils/utilUI.js";
51
+ import { getDefault } from "../utils/ui.ts";
52
52
 
53
53
  import defaultConfig from "./config.js";
54
54
  import { UCheckbox } from "./constants.js";
@@ -1,5 +1,5 @@
1
1
  import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
2
- import { getSource } from "../../utils/utilStorybook.js";
2
+ import { getSource } from "../../utils/storybook.ts";
3
3
 
4
4
  import * as stories from "./stories.js";
5
5
  import defaultConfig from "../config.js?raw"
@@ -1,4 +1,4 @@
1
- import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
1
+ import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
2
2
 
3
3
  import UCheckbox from "../../ui.form-checkbox/UCheckbox.vue";
4
4
  import UCheckboxGroup from "../../ui.form-checkbox-group/UCheckboxGroup.vue";
@@ -89,7 +89,7 @@ const ValueTypesTemplate = (args) => ({
89
89
  `,
90
90
  });
91
91
 
92
- const EnumVariantTemplate = (args, { argTypes } = {}) => ({
92
+ const EnumVariantTemplate = (args, { argTypes }) => ({
93
93
  components: { UCheckbox, UCol },
94
94
  setup() {
95
95
  return {
@@ -1,5 +1,5 @@
1
1
  import { computed } from "vue";
2
- import useUI from "../composables/useUI.js";
2
+ import useUI from "../composables/useUI.ts";
3
3
 
4
4
  import defaultConfig from "./config.js";
5
5
 
@@ -34,7 +34,7 @@
34
34
  import { provide, ref, watch } from "vue";
35
35
  import { isEqual } from "lodash-es";
36
36
 
37
- import { getDefault } from "../utils/utilUI.js";
37
+ import { getDefault } from "../utils/ui.ts";
38
38
 
39
39
  import ULabel from "../ui.form-label/ULabel.vue";
40
40
  import UCheckbox from "../ui.form-checkbox/UCheckbox.vue";
@@ -1,5 +1,5 @@
1
1
  import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
2
- import { getSource } from "../../utils/utilStorybook.js";
2
+ import { getSource } from "../../utils/storybook.ts";
3
3
 
4
4
  import * as stories from "./stories.js";
5
5
  import defaultConfig from "../config.js?raw"
@@ -1,4 +1,4 @@
1
- import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
1
+ import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
2
2
 
3
3
  import UCheckboxGroup from "../../ui.form-checkbox-group/UCheckboxGroup.vue";
4
4
  import UCheckbox from "../../ui.form-checkbox/UCheckbox.vue";
@@ -54,7 +54,7 @@ const DefaultTemplate = (args) => ({
54
54
  `,
55
55
  });
56
56
 
57
- const EnumVariantTemplate = (args, { argTypes } = {}) => ({
57
+ const EnumVariantTemplate = (args, { argTypes }) => ({
58
58
  components: { UCheckboxGroup, UCol },
59
59
  setup() {
60
60
  return { args };
@@ -1,4 +1,4 @@
1
- import useUI from "../composables/useUI.js";
1
+ import useUI from "../composables/useUI.ts";
2
2
 
3
3
  import defaultConfig from "./config.js";
4
4
 
@@ -15,7 +15,7 @@
15
15
  <script setup>
16
16
  import { computed, ref, watchEffect } from "vue";
17
17
 
18
- import { getDefault } from "../utils/utilUI.js";
18
+ import { getDefault } from "../utils/ui.ts";
19
19
  import UCheckbox from "../ui.form-checkbox/UCheckbox.vue";
20
20
 
21
21
  import defaultConfig from "./config.js";
@@ -1,5 +1,5 @@
1
1
  import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
2
- import { getSource } from "../../utils/utilStorybook.js";
2
+ import { getSource } from "../../utils/storybook.ts";
3
3
 
4
4
  import * as stories from "./stories.js";
5
5
  import defaultConfig from "../config.js?raw"
@@ -1,4 +1,4 @@
1
- import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
1
+ import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
2
2
 
3
3
  import UCheckboxMultiState from "../../ui.form-checkbox-multi-state/UCheckboxMultiState.vue";
4
4
  import URow from "../../ui.container-row/URow.vue";
@@ -36,7 +36,7 @@ const DefaultTemplate = (args) => ({
36
36
  `,
37
37
  });
38
38
 
39
- const EnumVariantTemplate = (args, { argTypes } = {}) => ({
39
+ const EnumVariantTemplate = (args, { argTypes }) => ({
40
40
  components: { UCheckboxMultiState, URow },
41
41
  setup() {
42
42
  return {
@@ -1,5 +1,5 @@
1
1
  import { computed } from "vue";
2
- import useUI from "../composables/useUI.js";
2
+ import useUI from "../composables/useUI.ts";
3
3
 
4
4
  import defaultConfig from "./config.js";
5
5
 
@@ -56,7 +56,7 @@ import { computed, useId } from "vue";
56
56
  import UIcon from "../ui.image-icon/UIcon.vue";
57
57
  import URadio from "../ui.form-radio/URadio.vue";
58
58
  import ULabel from "../ui.form-label/ULabel.vue";
59
- import { getDefault } from "../utils/utilUI.js";
59
+ import { getDefault } from "../utils/ui.ts";
60
60
 
61
61
  import { UColorPicker } from "./constants.js";
62
62
  import defaultConfig from "./config.js";
@@ -1,5 +1,5 @@
1
1
  import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
2
- import { getSource } from "../../utils/utilStorybook.js";
2
+ import { getSource } from "../../utils/storybook.ts";
3
3
 
4
4
  import * as stories from "./stories.js";
5
5
  import defaultConfig from "../config.js?raw"
@@ -1,4 +1,4 @@
1
- import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
1
+ import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
2
2
 
3
3
  import UColorPicker from "../../ui.form-color-picker/UColorPicker.vue";
4
4
  import UCol from "../../ui.container-col/UCol.vue";
@@ -33,7 +33,7 @@ const DefaultTemplate = (args) => ({
33
33
  `,
34
34
  });
35
35
 
36
- const EnumVariantTemplate = (args, { argTypes } = {}) => ({
36
+ const EnumVariantTemplate = (args, { argTypes }) => ({
37
37
  components: { UCol, UColorPicker },
38
38
  setup() {
39
39
  return {
@@ -1,4 +1,4 @@
1
- import useUI from "../composables/useUI.js";
1
+ import useUI from "../composables/useUI.ts";
2
2
 
3
3
  import defaultConfig from "./config.js";
4
4
 
@@ -82,13 +82,13 @@ import UInput from "../ui.form-input/UInput.vue";
82
82
  import UCalendar from "../ui.form-calendar/UCalendar.vue";
83
83
  import { VIEW, STANDARD_USER_FORMAT } from "../ui.form-calendar/constants.js";
84
84
 
85
- import { getDefault } from "../utils/utilUI.js";
85
+ import { getDefault } from "../utils/ui.ts";
86
86
 
87
87
  import { addDays, isSameDay } from "../ui.form-calendar/utilDate.js";
88
88
 
89
89
  import useAttrs from "./useAttrs.js";
90
- import { useLocale } from "../composables/useLocale.js";
91
- import { useAutoPosition } from "../composables/useAutoPosition.js";
90
+ import { useLocale } from "../composables/useLocale.ts";
91
+ import { useAutoPosition } from "../composables/useAutoPosition.ts";
92
92
 
93
93
  import defaultConfig from "./config.js";
94
94
  import { UDatePicker } from "./constants.js";
@@ -389,10 +389,7 @@ function formatUserDate(data) {
389
389
  function onInput() {
390
390
  nextTick(() => {
391
391
  calendarRef.value?.wrapperRef?.blur();
392
- emit("input", {
393
- value: localValue.value,
394
- userFormatDate: formatUserDate(userFormatDate.value),
395
- });
392
+ emit("input", localValue.value);
396
393
  });
397
394
  }
398
395
 
@@ -1,5 +1,5 @@
1
1
  import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source, Markdown } from "@storybook/blocks";
2
- import { getSource } from "../../utils/utilStorybook.js";
2
+ import { getSource } from "../../utils/storybook.ts";
3
3
 
4
4
  import * as stories from "./stories.js";
5
5
  import defaultConfig from "../config.js?raw"
@@ -1,4 +1,4 @@
1
- import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
1
+ import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
2
2
 
3
3
  import UDatePicker from "../../ui.form-date-picker/UDatePicker.vue";
4
4
  import UIcon from "../../ui.image-icon/UIcon.vue";
@@ -45,7 +45,7 @@ const DefaultTemplate = (args) => ({
45
45
  `,
46
46
  });
47
47
 
48
- const EnumVariantTemplate = (args, { argTypes } = {}) => ({
48
+ const EnumVariantTemplate = (args, { argTypes }) => ({
49
49
  components: { UDatePicker, URow },
50
50
  setup() {
51
51
  return {
@@ -57,7 +57,7 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
57
57
  <URow>
58
58
  <UDatePicker
59
59
  v-for="(option, index) in options"
60
- open-direction-y="bottom"
60
+ open-direction-y="bottom"
61
61
  :key="index"
62
62
  v-bind="args"
63
63
  :[args.enum]="option"
@@ -1,9 +1,9 @@
1
1
  import { computed, watchEffect } from "vue";
2
2
  import { merge } from "lodash-es";
3
- import useUI from "../composables/useUI.js";
3
+ import useUI from "../composables/useUI.ts";
4
4
 
5
5
  import defaultConfig from "./config.js";
6
- import { POSITION } from "../composables/useAutoPosition.js";
6
+ import { POSITION } from "../composables/useAutoPosition.ts";
7
7
 
8
8
  export default function useAttrs(props, { isTop, isRight }) {
9
9
  const { config, getKeysAttrs, hasSlotContent } = useUI(defaultConfig, () => props.config);
@@ -152,7 +152,7 @@
152
152
 
153
153
  <script setup>
154
154
  import { computed, watch, ref, nextTick, provide, useId } from "vue";
155
- import { getDefault } from "../utils/utilUI.js";
155
+ import { getDefault } from "../utils/ui.ts";
156
156
 
157
157
  import UIcon from "../ui.image-icon/UIcon.vue";
158
158
  import UInput from "../ui.form-input/UInput.vue";
@@ -188,7 +188,7 @@ import {
188
188
  } from "./utilDateRange.js";
189
189
 
190
190
  import useAttrs from "./useAttrs.js";
191
- import { useAutoPosition } from "../composables/useAutoPosition.js";
191
+ import { useAutoPosition } from "../composables/useAutoPosition.ts";
192
192
  import { useLocale } from "./useLocale.js";
193
193
  import { useUserFormat } from "./useUserFormat.js";
194
194
 
@@ -1,5 +1,5 @@
1
1
  import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
2
- import { getSource } from "../../utils/utilStorybook.js";
2
+ import { getSource } from "../../utils/storybook.ts";
3
3
 
4
4
  import * as stories from "./stories.js";
5
5
  import defaultConfig from "../config.js?raw"
@@ -1,4 +1,4 @@
1
- import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
1
+ import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
2
2
 
3
3
  import UDatePickerRange from "../UDatePickerRange.vue";
4
4
  import URow from "../../ui.container-row/URow.vue";
@@ -50,7 +50,7 @@ const DefaultTemplate = (args) => ({
50
50
  `,
51
51
  });
52
52
 
53
- const EnumVariantTemplate = (args, { argTypes } = {}) => ({
53
+ const EnumVariantTemplate = (args, { argTypes }) => ({
54
54
  components: { UDatePickerRange, URow },
55
55
  setup() {
56
56
  return {
@@ -1,10 +1,10 @@
1
1
  import { computed, watchEffect } from "vue";
2
2
  import { merge } from "lodash-es";
3
3
 
4
- import useUI from "../composables/useUI.js";
4
+ import useUI from "../composables/useUI.ts";
5
5
 
6
6
  import defaultConfig from "./config.js";
7
- import { POSITION } from "../composables/useAutoPosition.js";
7
+ import { POSITION } from "../composables/useAutoPosition.ts";
8
8
 
9
9
  export default function useAttrs(props, { isShownMenu, isTop, isRight, isPeriod }) {
10
10
  const { config, getKeysAttrs, hasSlotContent, getExtendingKeysClasses } = useUI(
@@ -1,5 +1,5 @@
1
1
  import { computed } from "vue";
2
- import { useLocale as useGlobalLocale } from "../composables/useLocale.js";
2
+ import { useLocale as useGlobalLocale } from "../composables/useLocale.ts";
3
3
 
4
4
  import { merge } from "lodash-es";
5
5
  import { getSortedLocale } from "../ui.form-calendar/utilDate.js";
@@ -99,7 +99,7 @@
99
99
  </template>
100
100
 
101
101
  <script>
102
- import { getDefault } from "../utils/utilUI.js";
102
+ import { getDefault } from "../utils/ui.ts";
103
103
 
104
104
  const VALIDATION_RULES_REG_EX = {
105
105
  integer: /\d*/g,
@@ -113,7 +113,7 @@ const VALIDATION_RULES_REG_EX = {
113
113
  <script setup>
114
114
  import { ref, computed, onMounted, useSlots, useId } from "vue";
115
115
 
116
- import { useMutationObserver } from "../composables/useMutationObserver.js";
116
+ import { useMutationObserver } from "../composables/useMutationObserver.ts";
117
117
 
118
118
  import UIcon from "../ui.image-icon/UIcon.vue";
119
119
  import ULabel from "../ui.form-label/ULabel.vue";
@@ -459,7 +459,7 @@ function setLabelPosition() {
459
459
  return;
460
460
  }
461
461
 
462
- let leftSlotOrIconWidth = leftSlotWrapperRef.value.getBoundingClientRect().width;
462
+ const leftSlotOrIconWidth = leftSlotWrapperRef.value.getBoundingClientRect().width;
463
463
 
464
464
  const leftPaddingValue = parseFloat(getComputedStyle(inputRef.value).paddingLeft);
465
465
 
@@ -1,5 +1,5 @@
1
1
  import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
2
- import { getSource } from "../../utils/utilStorybook.js";
2
+ import { getSource } from "../../utils/storybook.ts";
3
3
 
4
4
  import * as stories from "./stories.js";
5
5
  import defaultConfig from "../config.js?raw"
@@ -1,4 +1,4 @@
1
- import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
1
+ import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
2
2
 
3
3
  import UInput from "../../ui.form-input/UInput.vue";
4
4
  import UIcon from "../../ui.image-icon/UIcon.vue";
@@ -35,7 +35,7 @@ const DefaultTemplate = (args) => ({
35
35
  `,
36
36
  });
37
37
 
38
- const EnumVariantTemplate = (args, { argTypes } = {}) => ({
38
+ const EnumVariantTemplate = (args, { argTypes }) => ({
39
39
  components: { UInput, UCol },
40
40
  setup() {
41
41
  return {
@@ -1,5 +1,5 @@
1
1
  import { computed } from "vue";
2
- import useUI from "../composables/useUI.js";
2
+ import useUI from "../composables/useUI.ts";
3
3
 
4
4
  import defaultConfig from "./config.js";
5
5
 
@@ -95,11 +95,11 @@ import ULabel from "../ui.form-label/ULabel.vue";
95
95
  import UButton from "../ui.button/UButton.vue";
96
96
  import UFiles from "../ui.text-files/UFiles.vue";
97
97
 
98
- import { getDefault } from "../utils/utilUI.js";
98
+ import { getDefault } from "../utils/ui.ts";
99
99
  import { getFileMbSize } from "./utilFileForm.js";
100
100
 
101
101
  import useAttrs from "./useAttrs.js";
102
- import { useLocale } from "../composables/useLocale.js";
102
+ import { useLocale } from "../composables/useLocale.ts";
103
103
 
104
104
  import { UInputFile } from "./constants.js";
105
105
  import defaultConfig from "./config.js";
@@ -1,5 +1,5 @@
1
1
  import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
2
- import { getSource } from "../../utils/utilStorybook.js";
2
+ import { getSource } from "../../utils/storybook.ts";
3
3
 
4
4
  import * as stories from "./stories.js";
5
5
  import defaultConfig from "../config.js?raw"
@@ -1,4 +1,4 @@
1
- import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
1
+ import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
2
2
 
3
3
  import UInputFile from "../../ui.form-input-file/UInputFile.vue";
4
4
  import UCol from "../../ui.container-col/UCol.vue";
@@ -42,7 +42,7 @@ const DefaultTemplate = (args) => ({
42
42
  `,
43
43
  });
44
44
 
45
- const EnumVariantTemplate = (args, { argTypes } = {}) => ({
45
+ const EnumVariantTemplate = (args, { argTypes }) => ({
46
46
  components: { UInputFile, UCol },
47
47
  setup() {
48
48
  return {
@@ -1,5 +1,5 @@
1
1
  import { computed } from "vue";
2
- import useUI from "../composables/useUI.js";
2
+ import useUI from "../composables/useUI.ts";
3
3
 
4
4
  import defaultConfig from "./config.js";
5
5
 
@@ -44,7 +44,7 @@
44
44
  <script setup>
45
45
  import { computed, ref, watch, onMounted, nextTick, useId } from "vue";
46
46
 
47
- import { getDefault } from "../utils/utilUI.js";
47
+ import { getDefault } from "../utils/ui.ts";
48
48
 
49
49
  import UInput from "../ui.form-input/UInput.vue";
50
50
 
@@ -1,5 +1,5 @@
1
1
  import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
2
- import { getSource } from "../../utils/utilStorybook.js";
2
+ import { getSource } from "../../utils/storybook.ts";
3
3
 
4
4
  import * as stories from "./stories.js";
5
5
  import defaultConfig from "../config.js?raw"
@@ -1,4 +1,4 @@
1
- import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
1
+ import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
2
2
 
3
3
  import UInputMoney from "../../ui.form-input-money/UInputMoney.vue";
4
4
  import UCol from "../../ui.container-col/UCol.vue";
@@ -38,7 +38,7 @@ const DefaultTemplate = (args) => ({
38
38
  `,
39
39
  });
40
40
 
41
- const EnumVariantTemplate = (args, { argTypes } = {}) => ({
41
+ const EnumVariantTemplate = (args, { argTypes }) => ({
42
42
  components: { UInputMoney, UCol },
43
43
  setup() {
44
44
  return {
@@ -1,4 +1,4 @@
1
- import useUI from "../composables/useUI.js";
1
+ import useUI from "../composables/useUI.ts";
2
2
 
3
3
  import defaultConfig from "./config.js";
4
4
 
@@ -1,6 +1,6 @@
1
1
  import { onMounted, nextTick, ref, onBeforeUnmount, toValue, watch } from "vue";
2
2
 
3
- import FormatService from "./utilFormat";
3
+ import FormatService from "./utilFormat.js";
4
4
 
5
5
  export default function useFormatCurrency(elementId, options) {
6
6
  let prevValue = "";
@@ -6,8 +6,9 @@
6
6
  :error="error"
7
7
  :size="size"
8
8
  :align="labelAlign"
9
- :data-test="dataTest"
9
+ centred
10
10
  v-bind="labelAttrs"
11
+ :data-test="dataTest"
11
12
  >
12
13
  <UButton
13
14
  variant="thirdary"
@@ -17,6 +18,7 @@
17
18
  round
18
19
  :disabled="isRemoveButtonDisabled || disabled"
19
20
  v-bind="removeButtonAttrs"
21
+ :data-test="`${dataTest}-remove`"
20
22
  @click="onClickRemove"
21
23
  >
22
24
  <UIcon
@@ -24,7 +26,6 @@
24
26
  :size="size"
25
27
  :name="config.defaults.removeIcon"
26
28
  :color="isRemoveButtonDisabled ? 'gray' : 'grayscale'"
27
- :data-test="`${dataTest}-remove`"
28
29
  v-bind="removeIconAttrs"
29
30
  />
30
31
  </UButton>
@@ -41,6 +42,7 @@
41
42
  round
42
43
  :disabled="isAddButtonDisabled || disabled"
43
44
  v-bind="addButtonAttrs"
45
+ :data-test="`${dataTest}-add`"
44
46
  @click="onClickAdd"
45
47
  >
46
48
  <UIcon
@@ -48,7 +50,6 @@
48
50
  :size="size"
49
51
  :name="config.defaults.addIcon"
50
52
  :color="isAddButtonDisabled ? 'gray' : 'grayscale'"
51
- :data-test="`${dataTest}-add`"
52
53
  v-bind="addIconAttrs"
53
54
  />
54
55
  </UButton>
@@ -61,7 +62,7 @@ import { computed } from "vue";
61
62
  import UIcon from "../ui.image-icon/UIcon.vue";
62
63
  import UButton from "../ui.button/UButton.vue";
63
64
  import ULabel from "../ui.form-label/ULabel.vue";
64
- import { getDefault } from "../utils/utilUI.js";
65
+ import { getDefault } from "../utils/ui.ts";
65
66
 
66
67
  import defaultConfig from "./config.js";
67
68
  import { UInputNumber } from "./constants.js";
@@ -1,5 +1,5 @@
1
1
  import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
2
- import { getSource } from "../../utils/utilStorybook.js";
2
+ import { getSource } from "../../utils/storybook.ts";
3
3
 
4
4
  import * as stories from "./stories.js";
5
5
  import defaultConfig from "../config.js?raw"
@@ -1,4 +1,4 @@
1
- import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
1
+ import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
2
2
 
3
3
  import UInputNumber from "../../ui.form-input-number/UInputNumber.vue";
4
4
  import UCol from "../../ui.container-col/UCol.vue";
@@ -33,7 +33,7 @@ const DefaultTemplate = (args) => ({
33
33
  `,
34
34
  });
35
35
 
36
- const EnumVariantTemplate = (args, { argTypes } = {}) => ({
36
+ const EnumVariantTemplate = (args, { argTypes }) => ({
37
37
  components: { UInputNumber, UCol },
38
38
  setup() {
39
39
  return {
@@ -1,4 +1,4 @@
1
- import useUI from "../composables/useUI.js";
1
+ import useUI from "../composables/useUI.ts";
2
2
 
3
3
  import defaultConfig from "./config.js";
4
4
 
@@ -56,7 +56,7 @@ import { computed, ref } from "vue";
56
56
 
57
57
  import UIcon from "../ui.image-icon/UIcon.vue";
58
58
  import ULabel from "../ui.form-label/ULabel.vue";
59
- import { getDefault } from "../utils/utilUI.js";
59
+ import { getDefault } from "../utils/ui.ts";
60
60
 
61
61
  import { UInputRating } from "./constants.js";
62
62
  import defaultConfig from "./config.js";
@@ -1,5 +1,5 @@
1
1
  import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
2
- import { getSource } from "../../utils/utilStorybook.js";
2
+ import { getSource } from "../../utils/storybook.ts";
3
3
 
4
4
  import * as stories from "./stories.js";
5
5
  import defaultConfig from "../config.js?raw"
@@ -1,4 +1,4 @@
1
- import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
1
+ import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
2
2
 
3
3
  import UInputRating from "../../ui.form-input-rating/UInputRating.vue";
4
4
  import URow from "../../ui.container-row/URow.vue";
@@ -36,7 +36,7 @@ const DefaultTemplate = (args) => ({
36
36
  `,
37
37
  });
38
38
 
39
- const EnumVariantTemplate = (args, { argTypes } = {}) => ({
39
+ const EnumVariantTemplate = (args, { argTypes }) => ({
40
40
  components: { UInputRating, URow },
41
41
  setup() {
42
42
  return {
@@ -1,4 +1,4 @@
1
- import useUI from "../composables/useUI.js";
1
+ import useUI from "../composables/useUI.ts";
2
2
  import defaultConfig from "./config.js";
3
3
 
4
4
  export default function useAttrs(props) {
@@ -84,8 +84,8 @@ import { computed, useId, ref, watchEffect } from "vue";
84
84
  import UIcon from "../ui.image-icon/UIcon.vue";
85
85
  import UInput from "../ui.form-input/UInput.vue";
86
86
  import UButton from "../ui.button/UButton.vue";
87
- import { getDefault } from "../utils/utilUI.js";
88
- import { createDebounce } from "../utils/utilHelper.js";
87
+ import { getDefault } from "../utils/ui.ts";
88
+ import { createDebounce } from "../utils/helper.ts";
89
89
 
90
90
  import { UInputSearch } from "./constants.js";
91
91
  import defaultConfig from "./config.js";