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.
- package/adatper.locale/vue-i18n.ts +14 -0
- package/adatper.locale/{vueless.js → vueless.ts} +67 -19
- package/composables/useAutoPosition.ts +113 -0
- package/composables/useBreakpoint.ts +109 -0
- package/composables/useLocale.ts +22 -0
- package/composables/useMutationObserver.ts +53 -0
- package/composables/{useUI.js → useUI.ts} +109 -105
- package/constants.js +124 -2
- package/directives/clickOutside/storybook/Docs.mdx +1 -1
- package/directives/clickOutside/storybook/{stories.js → stories.ts} +7 -9
- package/directives/clickOutside/types.ts +22 -0
- package/directives/clickOutside/vClickOutside.ts +96 -0
- package/directives/index.js +7 -2
- package/directives/tooltip/storybook/Docs.mdx +1 -1
- package/directives/tooltip/storybook/{stories.js → stories.ts} +22 -10
- package/directives/tooltip/types.ts +14 -0
- package/directives/tooltip/vTooltip.ts +82 -0
- package/{index.js → index.ts} +12 -9
- package/package.json +38 -25
- package/plugin-vite.d.ts +10 -0
- package/plugin-vite.js +97 -0
- package/{preset.tailwind.js → preset-tailwind.js} +21 -7
- package/types.ts +322 -0
- package/ui.button/UButton.vue +1 -1
- package/ui.button/storybook/Docs.mdx +1 -1
- package/ui.button/storybook/stories.js +11 -6
- package/ui.button/useAttrs.js +1 -1
- package/ui.button-link/ULink.vue +2 -2
- package/ui.button-link/storybook/Docs.mdx +1 -1
- package/ui.button-link/storybook/stories.js +2 -2
- package/ui.button-link/useAttrs.js +1 -1
- package/ui.button-toggle/UToggle.vue +1 -1
- package/ui.button-toggle/storybook/Docs.mdx +1 -1
- package/ui.button-toggle/storybook/stories.js +2 -2
- package/ui.button-toggle/useAttrs.js +1 -1
- package/ui.button-toggle-item/UToggleItem.vue +1 -1
- package/ui.button-toggle-item/storybook/Docs.mdx +1 -1
- package/ui.button-toggle-item/storybook/stories.js +1 -1
- package/ui.button-toggle-item/useAttrs.js +1 -1
- package/ui.container-accordion/UAccordion.vue +1 -1
- package/ui.container-accordion/storybook/Docs.mdx +1 -1
- package/ui.container-accordion/storybook/stories.js +1 -1
- package/ui.container-accordion/useAttrs.js +1 -1
- package/ui.container-card/storybook/Docs.mdx +1 -1
- package/ui.container-card/storybook/stories.js +1 -1
- package/ui.container-card/useAttrs.js +1 -1
- package/ui.container-col/UCol.vue +1 -1
- package/ui.container-col/storybook/Docs.mdx +1 -1
- package/ui.container-col/storybook/stories.js +1 -1
- package/ui.container-col/useAttrs.js +1 -1
- package/ui.container-divider/UDivider.vue +1 -1
- package/ui.container-divider/storybook/Docs.mdx +1 -1
- package/ui.container-divider/storybook/stories.js +2 -2
- package/ui.container-divider/useAttrs.js +1 -1
- package/ui.container-group/UGroup.vue +1 -1
- package/ui.container-group/storybook/Docs.mdx +1 -1
- package/ui.container-group/storybook/stories.js +1 -1
- package/ui.container-group/useAttrs.js +1 -1
- package/ui.container-modal/UModal.vue +1 -1
- package/ui.container-modal/storybook/Docs.mdx +1 -1
- package/ui.container-modal/storybook/stories.js +2 -2
- package/ui.container-modal/useAttrs.js +1 -1
- package/ui.container-modal-confirm/UModalConfirm.vue +2 -2
- package/ui.container-modal-confirm/storybook/Docs.mdx +1 -1
- package/ui.container-modal-confirm/storybook/stories.js +2 -2
- package/ui.container-modal-confirm/useAttrs.js +1 -1
- package/ui.container-page/UPage.vue +2 -2
- package/ui.container-page/storybook/Docs.mdx +1 -1
- package/ui.container-page/storybook/stories.js +1 -1
- package/ui.container-page/useAttrs.js +2 -2
- package/ui.container-row/URow.vue +1 -1
- package/ui.container-row/storybook/Docs.mdx +1 -1
- package/ui.container-row/storybook/stories.js +2 -2
- package/ui.container-row/useAttrs.js +1 -1
- package/ui.data-list/UDataList.vue +6 -6
- package/ui.data-list/storybook/Docs.mdx +1 -1
- package/ui.data-list/storybook/stories.js +1 -1
- package/ui.data-list/useAttrs.js +1 -1
- package/ui.data-table/UTable.vue +3 -3
- package/ui.data-table/UTableRow.vue +7 -6
- package/ui.data-table/config.js +10 -3
- package/ui.data-table/storybook/Docs.mdx +1 -1
- package/ui.data-table/storybook/stories.js +5 -3
- package/ui.data-table/useAttrs.js +1 -1
- package/ui.data-table/utilTable.js +1 -1
- package/ui.dropdown-badge/UDropdownBadge.vue +1 -1
- package/ui.dropdown-badge/storybook/Docs.mdx +1 -1
- package/ui.dropdown-badge/storybook/stories.js +2 -2
- package/ui.dropdown-badge/useAttrs.js +1 -1
- package/ui.dropdown-button/UDropdownButton.vue +1 -1
- package/ui.dropdown-button/storybook/Docs.mdx +1 -1
- package/ui.dropdown-button/storybook/stories.js +3 -3
- package/ui.dropdown-button/useAttrs.js +1 -1
- package/ui.dropdown-link/UDropdownLink.vue +1 -1
- package/ui.dropdown-link/config.js +1 -1
- package/ui.dropdown-link/storybook/Docs.mdx +1 -1
- package/ui.dropdown-link/storybook/stories.js +2 -2
- package/ui.dropdown-link/useAttrs.js +4 -6
- package/ui.dropdown-list/UDropdownList.vue +3 -3
- package/ui.dropdown-list/storybook/Docs.mdx +1 -1
- package/ui.dropdown-list/storybook/stories.js +2 -2
- package/ui.dropdown-list/useAttrs.js +1 -1
- package/ui.form-calendar/UCalendar.vue +2 -2
- package/ui.form-calendar/storybook/Docs.mdx +1 -1
- package/ui.form-calendar/storybook/stories.js +1 -1
- package/ui.form-calendar/useAttrs.js +1 -1
- package/ui.form-checkbox/UCheckbox.vue +1 -1
- package/ui.form-checkbox/storybook/Docs.mdx +1 -1
- package/ui.form-checkbox/storybook/stories.js +2 -2
- package/ui.form-checkbox/useAttrs.js +1 -1
- package/ui.form-checkbox-group/UCheckboxGroup.vue +1 -1
- package/ui.form-checkbox-group/storybook/Docs.mdx +1 -1
- package/ui.form-checkbox-group/storybook/stories.js +2 -2
- package/ui.form-checkbox-group/useAttrs.js +1 -1
- package/ui.form-checkbox-multi-state/UCheckboxMultiState.vue +1 -1
- package/ui.form-checkbox-multi-state/storybook/Docs.mdx +1 -1
- package/ui.form-checkbox-multi-state/storybook/stories.js +2 -2
- package/ui.form-checkbox-multi-state/useAttrs.js +1 -1
- package/ui.form-color-picker/UColorPicker.vue +1 -1
- package/ui.form-color-picker/storybook/Docs.mdx +1 -1
- package/ui.form-color-picker/storybook/stories.js +2 -2
- package/ui.form-color-picker/useAttrs.js +1 -1
- package/ui.form-date-picker/UDatePicker.vue +4 -7
- package/ui.form-date-picker/storybook/Docs.mdx +1 -1
- package/ui.form-date-picker/storybook/stories.js +3 -3
- package/ui.form-date-picker/useAttrs.js +2 -2
- package/ui.form-date-picker-range/UDatePickerRange.vue +2 -2
- package/ui.form-date-picker-range/storybook/Docs.mdx +1 -1
- package/ui.form-date-picker-range/storybook/stories.js +2 -2
- package/ui.form-date-picker-range/useAttrs.js +2 -2
- package/ui.form-date-picker-range/useLocale.js +1 -1
- package/ui.form-input/UInput.vue +3 -3
- package/ui.form-input/storybook/Docs.mdx +1 -1
- package/ui.form-input/storybook/stories.js +2 -2
- package/ui.form-input/useAttrs.js +1 -1
- package/ui.form-input-file/UInputFile.vue +2 -2
- package/ui.form-input-file/storybook/Docs.mdx +1 -1
- package/ui.form-input-file/storybook/stories.js +2 -2
- package/ui.form-input-file/useAttrs.js +1 -1
- package/ui.form-input-money/UInputMoney.vue +1 -1
- package/ui.form-input-money/storybook/Docs.mdx +1 -1
- package/ui.form-input-money/storybook/stories.js +2 -2
- package/ui.form-input-money/useAttrs.js +1 -1
- package/ui.form-input-money/useFormatCurrency.js +1 -1
- package/ui.form-input-number/UInputNumber.vue +5 -4
- package/ui.form-input-number/storybook/Docs.mdx +1 -1
- package/ui.form-input-number/storybook/stories.js +2 -2
- package/ui.form-input-number/useAttrs.js +1 -1
- package/ui.form-input-rating/UInputRating.vue +1 -1
- package/ui.form-input-rating/storybook/Docs.mdx +1 -1
- package/ui.form-input-rating/storybook/stories.js +2 -2
- package/ui.form-input-rating/useAttrs.js +1 -1
- package/ui.form-input-search/UInputSearch.vue +2 -2
- package/ui.form-input-search/storybook/Docs.mdx +1 -1
- package/ui.form-input-search/storybook/stories.js +2 -2
- package/ui.form-input-search/useAttrs.js +1 -1
- package/ui.form-label/ULabel.vue +1 -1
- package/ui.form-label/config.js +2 -2
- package/ui.form-label/storybook/Docs.mdx +1 -1
- package/ui.form-label/storybook/stories.js +2 -2
- package/ui.form-label/useAttrs.js +1 -1
- package/ui.form-radio/URadio.vue +1 -1
- package/ui.form-radio/storybook/Docs.mdx +1 -1
- package/ui.form-radio/storybook/stories.js +1 -1
- package/ui.form-radio/useAttrs.js +1 -1
- package/ui.form-radio-group/URadioGroup.vue +1 -1
- package/ui.form-radio-group/storybook/Docs.mdx +1 -1
- package/ui.form-radio-group/storybook/stories.js +2 -2
- package/ui.form-radio-group/useAttrs.js +1 -1
- package/ui.form-select/USelect.vue +4 -4
- package/ui.form-select/storybook/Docs.mdx +1 -1
- package/ui.form-select/storybook/stories.js +2 -2
- package/ui.form-select/useAttrs.js +1 -1
- package/ui.form-switch/USwitch.vue +2 -2
- package/ui.form-switch/storybook/Docs.mdx +1 -1
- package/ui.form-switch/storybook/stories.js +2 -2
- package/ui.form-switch/useAttrs.js +1 -1
- package/ui.form-switch/utilVariant.js +1 -1
- package/ui.form-textarea/UTextarea.vue +1 -1
- package/ui.form-textarea/storybook/Docs.mdx +1 -1
- package/ui.form-textarea/storybook/stories.js +2 -2
- package/ui.form-textarea/useAttrs.js +1 -1
- package/ui.image-avatar/UAvatar.vue +1 -1
- package/ui.image-avatar/storybook/Docs.mdx +1 -1
- package/ui.image-avatar/storybook/stories.js +2 -2
- package/ui.image-avatar/useAttrs.js +1 -1
- package/ui.image-icon/UIcon.vue +14 -8
- package/ui.image-icon/storybook/Docs.mdx +2 -2
- package/ui.image-icon/storybook/stories.js +2 -2
- package/ui.image-icon/useAttrs.js +2 -2
- package/ui.loader/ULoader.vue +1 -1
- package/ui.loader/storybook/Docs.mdx +1 -1
- package/ui.loader/storybook/stories.js +2 -2
- package/ui.loader/useAttrs.js +1 -1
- package/ui.loader-overlay/ULoaderOverlay.vue +1 -1
- package/ui.loader-overlay/storybook/Docs.mdx +1 -1
- package/ui.loader-overlay/storybook/stories.js +1 -1
- package/ui.loader-overlay/useAttrs.js +1 -1
- package/ui.loader-progress/ULoaderProgress.vue +33 -48
- package/ui.loader-progress/constants.js +1 -0
- package/ui.loader-progress/storybook/Docs.mdx +1 -1
- package/ui.loader-progress/storybook/stories.js +3 -4
- package/ui.loader-progress/useAttrs.js +1 -1
- package/ui.loader-progress/useLoaderProgress.js +13 -8
- package/ui.loader-progress/utilLoaderProgress.js +1 -1
- package/ui.navigation-pagination/UPagination.vue +1 -1
- package/ui.navigation-pagination/storybook/Docs.mdx +1 -1
- package/ui.navigation-pagination/storybook/stories.js +1 -1
- package/ui.navigation-pagination/useAttrs.js +1 -1
- package/ui.navigation-progress/UProgress.vue +1 -1
- package/ui.navigation-progress/storybook/Docs.mdx +1 -1
- package/ui.navigation-progress/storybook/stories.js +2 -2
- package/ui.navigation-progress/useAttrs.js +1 -1
- package/ui.navigation-tab/UTab.vue +1 -1
- package/ui.navigation-tab/storybook/Docs.mdx +1 -1
- package/ui.navigation-tab/storybook/stories.js +1 -1
- package/ui.navigation-tab/useAttrs.js +1 -1
- package/ui.navigation-tabs/UTabs.vue +1 -1
- package/ui.navigation-tabs/storybook/Docs.mdx +1 -1
- package/ui.navigation-tabs/storybook/stories.js +2 -2
- package/ui.navigation-tabs/useAttrs.js +1 -1
- package/ui.other-dot/UDot.vue +1 -1
- package/ui.other-dot/storybook/Docs.mdx +1 -1
- package/ui.other-dot/storybook/stories.js +2 -2
- package/ui.other-dot/useAttrs.js +1 -1
- package/ui.text-alert/UAlert.vue +1 -1
- package/ui.text-alert/storybook/Docs.mdx +1 -1
- package/ui.text-alert/storybook/stories.js +2 -2
- package/ui.text-alert/useAttrs.js +1 -1
- package/ui.text-badge/UBadge.vue +89 -179
- package/ui.text-badge/storybook/Docs.mdx +3 -3
- package/ui.text-badge/storybook/{stories.js → stories.ts} +33 -37
- package/ui.text-badge/types.ts +84 -0
- package/ui.text-badge/useAttrs.ts +28 -0
- package/ui.text-block/UText.vue +18 -62
- package/ui.text-block/storybook/Docs.mdx +3 -3
- package/ui.text-block/storybook/{stories.js → stories.ts} +13 -8
- package/ui.text-block/types.ts +33 -0
- package/ui.text-block/useAttrs.ts +20 -0
- package/ui.text-empty/UEmpty.vue +1 -1
- package/ui.text-empty/storybook/Docs.mdx +1 -1
- package/ui.text-empty/storybook/stories.js +2 -2
- package/ui.text-empty/useAttrs.js +1 -1
- package/ui.text-file/UFile.vue +13 -16
- package/ui.text-file/config.js +12 -2
- package/ui.text-file/storybook/Docs.mdx +1 -1
- package/ui.text-file/storybook/stories.js +1 -1
- package/ui.text-file/useAttrs.js +1 -1
- package/ui.text-files/UFiles.vue +1 -1
- package/ui.text-files/config.js +1 -1
- package/ui.text-files/storybook/Docs.mdx +1 -1
- package/ui.text-files/storybook/stories.js +1 -1
- package/ui.text-files/useAttrs.js +1 -1
- package/ui.text-header/UHeader.vue +1 -1
- package/ui.text-header/storybook/Docs.mdx +1 -1
- package/ui.text-header/storybook/stories.js +2 -2
- package/ui.text-header/useAttrs.js +1 -1
- package/ui.text-money/UMoney.vue +1 -1
- package/ui.text-money/storybook/Docs.mdx +1 -1
- package/ui.text-money/storybook/stories.js +2 -2
- package/ui.text-money/useAttrs.js +1 -1
- package/ui.text-money/utilMoney.js +2 -2
- package/ui.text-notify/UNotify.vue +2 -2
- package/ui.text-notify/storybook/Docs.mdx +1 -1
- package/ui.text-notify/storybook/stories.js +1 -1
- package/ui.text-notify/useAttrs.js +1 -1
- package/ui.text-notify/utilNotify.js +1 -1
- package/utils/{utilHelper.js → helper.ts} +14 -27
- package/utils/node/helper.js +78 -0
- package/utils/node/loaderIcon.js +232 -0
- package/utils/node/loaderSvg.js +71 -0
- package/utils/node/mergeConfigs.js +199 -0
- package/utils/node/tailwindSafelist.js +366 -0
- package/utils/node/vuelessConfig.js +42 -0
- package/utils/node/vuelessResolver.js +28 -0
- package/utils/{utilPlatform.js → platform.ts} +10 -3
- package/utils/{utilStorybook.js → storybook.ts} +102 -36
- package/utils/tailwindConfig.ts +33 -0
- package/utils/{utilTheme.js → theme.ts} +65 -30
- package/utils/ui.ts +129 -0
- package/web-types.json +1362 -157
- package/adatper.locale/vue-i18n.js +0 -11
- package/composables/useAutoPosition.js +0 -94
- package/composables/useBreakpoint.js +0 -104
- package/composables/useLocale.js +0 -25
- package/composables/useMutationObserver.js +0 -48
- package/directives/clickOutside/vClickOutside.js +0 -64
- package/directives/tooltip/vTooltip.js +0 -56
- package/ui.text-badge/useAttrs.js +0 -23
- package/ui.text-block/useAttrs.js +0 -15
- package/utils/utilUI.js +0 -360
- /package/adatper.locale/locales/{en.js → en.ts} +0 -0
- /package/ui.image-icon/{config.js → config.ts} +0 -0
- /package/ui.text-badge/{config.js → config.ts} +0 -0
- /package/ui.text-badge/{constants.js → constants.ts} +0 -0
- /package/ui.text-block/{config.js → config.ts} +0 -0
- /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/
|
|
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"
|
|
@@ -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/
|
|
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/
|
|
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/
|
|
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 {
|
|
@@ -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/
|
|
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/
|
|
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/
|
|
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 };
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
<script setup>
|
|
16
16
|
import { computed, ref, watchEffect } from "vue";
|
|
17
17
|
|
|
18
|
-
import { getDefault } from "../utils/
|
|
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/
|
|
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/
|
|
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 {
|
|
@@ -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/
|
|
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/
|
|
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/
|
|
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 {
|
|
@@ -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/
|
|
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.
|
|
91
|
-
import { useAutoPosition } from "../composables/useAutoPosition.
|
|
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/
|
|
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/
|
|
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.
|
|
3
|
+
import useUI from "../composables/useUI.ts";
|
|
4
4
|
|
|
5
5
|
import defaultConfig from "./config.js";
|
|
6
|
-
import { POSITION } from "../composables/useAutoPosition.
|
|
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/
|
|
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.
|
|
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/
|
|
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/
|
|
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.
|
|
4
|
+
import useUI from "../composables/useUI.ts";
|
|
5
5
|
|
|
6
6
|
import defaultConfig from "./config.js";
|
|
7
|
-
import { POSITION } from "../composables/useAutoPosition.
|
|
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.
|
|
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";
|
package/ui.form-input/UInput.vue
CHANGED
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
</template>
|
|
100
100
|
|
|
101
101
|
<script>
|
|
102
|
-
import { getDefault } from "../utils/
|
|
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.
|
|
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
|
-
|
|
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/
|
|
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/
|
|
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 {
|
|
@@ -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/
|
|
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.
|
|
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/
|
|
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/
|
|
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 { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
|
|
2
|
-
import { getSource } from "../../utils/
|
|
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/
|
|
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 {
|
|
@@ -6,8 +6,9 @@
|
|
|
6
6
|
:error="error"
|
|
7
7
|
:size="size"
|
|
8
8
|
:align="labelAlign"
|
|
9
|
-
|
|
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/
|
|
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/
|
|
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/
|
|
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 {
|
|
@@ -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/
|
|
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/
|
|
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/
|
|
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 {
|
|
@@ -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/
|
|
88
|
-
import { createDebounce } from "../utils/
|
|
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";
|