vueless 0.0.328 → 0.0.330
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/locales/en.js +11 -11
- package/adatper.locale/vueless.js +1 -1
- package/{composable.ui/index.js → composables/useUI.js} +4 -4
- package/{directive.tooltip/index.js → directives/vTooltip.js} +2 -2
- package/index.js +14 -14
- package/package.json +3 -3
- package/preset.tailwind.js +120 -2
- package/ui.button/{index.vue → UButton.vue} +7 -8
- package/{ui.button-toggle → ui.button/storybook}/Docs.mdx +3 -3
- package/ui.button/{index.stories.js → storybook/stories.js} +7 -7
- package/ui.button/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.button-link/{index.vue → ULink.vue} +5 -6
- package/{ui.button-toggle-item → ui.button-link/storybook}/Docs.mdx +3 -3
- package/ui.button-link/{index.stories.js → storybook/stories.js} +7 -7
- package/ui.button-link/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.button-toggle/{index.vue → UToggle.vue} +7 -8
- package/{ui.button → ui.button-toggle/storybook}/Docs.mdx +3 -3
- package/ui.button-toggle/{index.stories.js → storybook/stories.js} +7 -7
- package/ui.button-toggle/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.button-toggle-item/{index.vue → UToggleItem.vue} +6 -7
- package/ui.button-toggle-item/{configs/default.config.js → config.js} +3 -3
- package/{ui.button-link → ui.button-toggle-item/storybook}/Docs.mdx +3 -3
- package/ui.button-toggle-item/{index.stories.js → storybook/stories.js} +5 -5
- package/ui.button-toggle-item/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.container-accordion/{index.vue → UAccordion.vue} +7 -8
- package/ui.container-accordion/storybook/Docs.mdx +16 -0
- package/ui.container-accordion/{index.stories.js → storybook/stories.js} +5 -5
- package/ui.container-accordion/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.container-card/{index.vue → UCard.vue} +8 -9
- package/ui.container-card/storybook/Docs.mdx +16 -0
- package/ui.container-card/{index.stories.js → storybook/stories.js} +9 -9
- package/ui.container-card/{composable/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.container-col/{index.vue → UCol.vue} +5 -6
- package/ui.container-col/storybook/Docs.mdx +16 -0
- package/ui.container-col/{index.stories.js → storybook/stories.js} +6 -6
- package/{ui.form-input-number/composables/attrs.composable.js → ui.container-col/useAttrs.js} +3 -3
- package/ui.container-divider/{index.vue → UDivider.vue} +5 -6
- package/ui.container-divider/storybook/Docs.mdx +16 -0
- package/ui.container-divider/{index.stories.js → storybook/stories.js} +5 -5
- package/ui.container-divider/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.container-group/{index.vue → UGroup.vue} +7 -8
- package/ui.container-group/storybook/Docs.mdx +16 -0
- package/ui.container-group/{index.stories.js → storybook/stories.js} +7 -7
- package/{ui.navigation-tabs/composables/attrs.composable.js → ui.container-group/useAttrs.js} +3 -3
- package/ui.container-modal/{index.vue → UModal.vue} +9 -10
- package/ui.container-modal/storybook/Docs.mdx +16 -0
- package/ui.container-modal/{index.stories.js → storybook/stories.js} +10 -10
- package/ui.container-modal/{composables/attrs.composable.js → useAttrs.js} +4 -4
- package/ui.container-modal-confirm/{index.vue → UModalConfirm.vue} +8 -9
- package/ui.container-modal-confirm/storybook/Docs.mdx +16 -0
- package/ui.container-modal-confirm/{index.stories.js → storybook/stories.js} +8 -8
- package/ui.container-modal-confirm/{composable/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.container-page/{index.vue → UPage.vue} +9 -10
- package/ui.container-page/storybook/Docs.mdx +16 -0
- package/ui.container-page/{index.stories.js → storybook/stories.js} +11 -11
- package/ui.container-page/{composables/attrs.composable.js → useAttrs.js} +4 -4
- package/ui.container-row/{index.vue → URow.vue} +5 -6
- package/ui.container-row/storybook/Docs.mdx +16 -0
- package/ui.container-row/{index.stories.js → storybook/stories.js} +7 -7
- package/{ui.form-checkbox-group/composables/attrs.composable.js → ui.container-row/useAttrs.js} +3 -3
- package/ui.data-list/{index.vue → UDataList.vue} +11 -12
- package/ui.data-list/{Docs.mdx → storybook/Docs.mdx} +3 -3
- package/ui.data-list/{index.stories.js → storybook/stories.js} +7 -7
- package/ui.data-list/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.data-table/{components/TableRow.vue → TableRow.vue} +12 -5
- package/ui.data-table/{index.vue → UTable.vue} +14 -15
- package/ui.data-table/storybook/Docs.mdx +16 -0
- package/ui.data-table/{index.stories.js → storybook/stories.js} +11 -11
- package/ui.data-table/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.dropdown-badge/{index.vue → UDropdownBadge.vue} +9 -10
- package/ui.dropdown-badge/storybook/Docs.mdx +16 -0
- package/ui.dropdown-badge/{index.stories.js → storybook/stories.js} +6 -6
- package/ui.dropdown-badge/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.dropdown-button/{index.vue → UDropdownButton.vue} +9 -10
- package/ui.dropdown-button/storybook/Docs.mdx +16 -0
- package/ui.dropdown-button/{index.stories.js → storybook/stories.js} +7 -7
- package/ui.dropdown-button/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.dropdown-link/{index.vue → UDropdownLink.vue} +9 -10
- package/ui.dropdown-link/storybook/Docs.mdx +16 -0
- package/ui.dropdown-link/{index.stories.js → storybook/stories.js} +6 -6
- package/ui.dropdown-link/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.dropdown-list/{index.vue → UDropdownList.vue} +10 -11
- package/ui.dropdown-list/{configs/default.config.js → config.js} +2 -1
- package/ui.dropdown-list/storybook/Docs.mdx +16 -0
- package/ui.dropdown-list/{index.stories.js → storybook/stories.js} +5 -5
- package/ui.dropdown-list/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.form-calendar/{index.vue → UCalendar.vue} +12 -18
- package/ui.form-calendar/{components/DayView.vue → UCalendarDayView.vue} +5 -5
- package/ui.form-calendar/{components/MonthView.vue → UCalendarMonthView.vue} +6 -6
- package/ui.form-calendar/{components/YearView.vue → UCalendarYearView.vue} +6 -6
- package/ui.form-calendar/{configs/default.config.js → config.js} +4 -1
- package/ui.form-calendar/{Docs.mdx → storybook/Docs.mdx} +3 -3
- package/ui.form-calendar/{index.stories.js → storybook/stories.js} +4 -4
- package/ui.form-calendar/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.form-calendar/{services/calendar.service.js → utilCalendar.js} +3 -3
- package/ui.form-calendar/{services/date.service.js → utilDate.js} +1 -1
- package/ui.form-checkbox/{index.vue → UCheckbox.vue} +7 -8
- package/ui.form-checkbox/storybook/Docs.mdx +16 -0
- package/ui.form-checkbox/{index.stories.js → storybook/stories.js} +7 -7
- package/ui.form-checkbox/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.form-checkbox-group/{index.vue → UCheckboxGroup.vue} +7 -8
- package/ui.form-checkbox-group/storybook/Docs.mdx +16 -0
- package/ui.form-checkbox-group/{index.stories.js → storybook/stories.js} +8 -8
- package/{ui.container-row/composables/attrs.composable.js → ui.form-checkbox-group/useAttrs.js} +3 -3
- package/ui.form-checkbox-multi-state/{index.vue → UCheckboxMultiState.vue} +6 -7
- package/ui.form-checkbox-multi-state/storybook/Docs.mdx +16 -0
- package/ui.form-checkbox-multi-state/{index.stories.js → storybook/stories.js} +5 -5
- package/ui.form-checkbox-multi-state/{composables/attrs.composable.js → useAttrs.js} +7 -7
- package/ui.form-color-picker/{index.vue → UColorPicker.vue} +8 -9
- package/ui.form-color-picker/storybook/Docs.mdx +16 -0
- package/ui.form-color-picker/{index.stories.js → storybook/stories.js} +6 -5
- package/ui.form-color-picker/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.form-date-picker/{index.vue → UDatePicker.vue} +11 -12
- package/ui.form-date-picker/index.js +5 -0
- package/ui.form-date-picker/{Docs.mdx → storybook/Docs.mdx} +3 -3
- package/ui.form-date-picker/{index.stories.js → storybook/stories.js} +6 -6
- package/ui.form-date-picker/{composables/attrs.composable.js → useAttrs.js} +4 -4
- package/ui.form-date-picker-range/{index.vue → UDatePickerRange.vue} +18 -27
- package/ui.form-date-picker-range/{configs/default.config.js → config.js} +4 -1
- package/ui.form-date-picker-range/storybook/Docs.mdx +16 -0
- package/ui.form-date-picker-range/{index.stories.js → storybook/stories.js} +34 -34
- package/ui.form-date-picker-range/{composables/attrs.composable.js → useAttrs.js} +4 -4
- package/ui.form-date-picker-range/{services/dateRange.service.js → utilDateRange.js} +1 -1
- package/ui.form-date-picker-range/{services/validation.service.js → utilValidation.js} +1 -1
- package/ui.form-input/{index.vue → UInput.vue} +7 -8
- package/ui.form-input/{configs/default.config.js → config.js} +2 -2
- package/ui.form-input/storybook/Docs.mdx +16 -0
- package/ui.form-input/{index.stories.js → storybook/stories.js} +7 -7
- package/ui.form-input/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.form-input-file/{index.vue → UInputFile.vue} +11 -12
- package/ui.form-input-file/storybook/Docs.mdx +16 -0
- package/ui.form-input-file/{index.stories.js → storybook/stories.js} +5 -5
- package/ui.form-input-file/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.form-input-money/{index.vue → UMoney.vue} +21 -13
- package/ui.form-input-money/{configs/default.config.js → config.js} +2 -1
- package/ui.form-input-money/storybook/Docs.mdx +16 -0
- package/ui.form-input-money/{index.stories.js → storybook/stories.js} +12 -9
- package/ui.form-input-money/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.form-input-money/{composables/useFormatCurrency.js → useFormatCurrency.js} +1 -1
- package/ui.form-input-money/{services/format.service.js → utilFormat.js} +12 -4
- package/ui.form-input-number/{index.vue → UInputNumber.vue} +7 -8
- package/ui.form-input-number/storybook/Docs.mdx +16 -0
- package/ui.form-input-number/{index.stories.js → storybook/stories.js} +5 -5
- package/{ui.container-col/composables/attrs.composable.js → ui.form-input-number/useAttrs.js} +3 -3
- package/ui.form-input-rating/{index.vue → UInputRating.vue} +7 -8
- package/ui.form-input-rating/storybook/Docs.mdx +16 -0
- package/ui.form-input-rating/{index.stories.js → storybook/stories.js} +5 -5
- package/ui.form-input-rating/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.form-input-search/{index.vue → UInputSearch.vue} +11 -12
- package/ui.form-input-search/storybook/Docs.mdx +16 -0
- package/ui.form-input-search/{index.stories.js → storybook/stories.js} +7 -7
- package/ui.form-input-search/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.form-label/{index.vue → ULabel.vue} +5 -6
- package/ui.form-label/storybook/Docs.mdx +16 -0
- package/ui.form-label/{index.stories.js → storybook/stories.js} +7 -7
- package/ui.form-label/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.form-radio/{index.vue → URadio.vue} +6 -7
- package/ui.form-radio/storybook/Docs.mdx +16 -0
- package/ui.form-radio/{index.stories.js → storybook/stories.js} +5 -5
- package/ui.form-radio/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.form-radio-group/{index.vue → URadioGroup.vue} +7 -8
- package/ui.form-radio-group/{Docs.mdx → storybook/Docs.mdx} +3 -3
- package/ui.form-radio-group/{index.stories.js → storybook/stories.js} +7 -7
- package/ui.form-radio-group/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.form-select/{index.vue → USelect.vue} +11 -12
- package/ui.form-select/storybook/Docs.mdx +16 -0
- package/ui.form-select/{index.stories.js → storybook/stories.js} +8 -8
- package/ui.form-select/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.form-switch/{index.vue → USwitch.vue} +8 -9
- package/ui.form-switch/{configs/default.config.js → config.js} +15 -3
- package/ui.form-switch/storybook/Docs.mdx +16 -0
- package/ui.form-switch/{index.stories.js → storybook/stories.js} +6 -6
- package/ui.form-switch/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.form-switch/{services/variant.service.js → utilVariant.js} +1 -1
- package/ui.form-textarea/{index.vue → UTextarea.vue} +6 -7
- package/ui.form-textarea/{configs/default.config.js → config.js} +4 -3
- package/ui.form-textarea/storybook/Docs.mdx +16 -0
- package/ui.form-textarea/{index.stories.js → storybook/stories.js} +6 -6
- package/ui.form-textarea/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.image-avatar/{index.vue → UAvatar.vue} +6 -7
- package/ui.image-avatar/storybook/Docs.mdx +16 -0
- package/ui.image-avatar/{index.stories.js → storybook/stories.js} +7 -7
- package/{ui.image-icon/composables/attrs.composable.js → ui.image-avatar/useAttrs.js} +3 -3
- package/ui.image-icon/{index.vue → UIcon.vue} +6 -10
- package/ui.image-icon/storybook/Docs.mdx +16 -0
- package/ui.image-icon/{index.stories.js → storybook/stories.js} +5 -5
- package/{ui.loader-top/composables/attrs.composable.js → ui.image-icon/useAttrs.js} +3 -3
- package/ui.loader/{index.vue → ULoader.vue} +5 -6
- package/ui.loader/storybook/Docs.mdx +16 -0
- package/ui.loader/{index.stories.js → storybook/stories.js} +7 -7
- package/ui.loader/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.loader-rendering/{index.vue → ULoaderRendering.vue} +7 -8
- package/ui.loader-rendering/{Docs.mdx → storybook/Docs.mdx} +3 -3
- package/ui.loader-rendering/{index.stories.js → storybook/stories.js} +7 -7
- package/ui.loader-rendering/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.loader-top/{index.vue → ULoaderTop.vue} +8 -9
- package/ui.loader-top/{Docs.mdx → storybook/Docs.mdx} +3 -3
- package/ui.loader-top/{index.stories.js → storybook/stories.js} +10 -10
- package/{ui.image-avatar/composables/attrs.composable.js → ui.loader-top/useAttrs.js} +3 -3
- package/ui.loader-top/{composables/useLoaderTop.js → useLoaderTop.js} +1 -1
- package/ui.navigation-pagination/{index.vue → UPagination.vue} +7 -8
- package/ui.navigation-pagination/storybook/Docs.mdx +16 -0
- package/ui.navigation-pagination/{index.stories.js → storybook/stories.js} +4 -4
- package/ui.navigation-pagination/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.navigation-progress/{components/StepperProgress.vue → StepperProgress.vue} +3 -3
- package/ui.navigation-progress/{index.vue → UProgress.vue} +7 -8
- package/ui.navigation-progress/{configs/default.config.js → config.js} +4 -1
- package/ui.navigation-progress/storybook/Docs.mdx +16 -0
- package/ui.navigation-progress/{index.stories.js → storybook/stories.js} +7 -7
- package/ui.navigation-progress/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.navigation-tab/{index.vue → UTab.vue} +5 -6
- package/ui.navigation-tab/storybook/Docs.mdx +16 -0
- package/ui.navigation-tab/{index.stories.js → storybook/stories.js} +5 -5
- package/ui.navigation-tab/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.navigation-tabs/{index.vue → UTabs.vue} +6 -7
- package/ui.navigation-tabs/storybook/Docs.mdx +16 -0
- package/ui.navigation-tabs/{index.stories.js → storybook/stories.js} +4 -4
- package/{ui.container-group/composables/attrs.composable.js → ui.navigation-tabs/useAttrs.js} +3 -3
- package/ui.other-dot/{index.vue → UDot.vue} +5 -6
- package/ui.other-dot/storybook/Docs.mdx +16 -0
- package/ui.other-dot/{index.stories.js → storybook/stories.js} +8 -9
- package/ui.other-dot/useAttrs.js +38 -0
- package/ui.text-alert/{index.vue → UAlert.vue} +8 -9
- package/ui.text-alert/storybook/Docs.mdx +16 -0
- package/ui.text-alert/{index.stories.js → storybook/stories.js} +8 -8
- package/ui.text-alert/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.text-badge/{index.vue → UBadge.vue} +6 -7
- package/ui.text-badge/storybook/Docs.mdx +16 -0
- package/ui.text-badge/{index.stories.js → storybook/stories.js} +7 -7
- package/ui.text-badge/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.text-block/{index.vue → UText.vue} +5 -6
- package/ui.text-block/storybook/Docs.mdx +16 -0
- package/ui.text-block/{index.stories.js → storybook/stories.js} +5 -5
- package/ui.text-block/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.text-empty/{index.vue → UEmpty.vue} +7 -8
- package/ui.text-empty/storybook/Docs.mdx +16 -0
- package/ui.text-empty/{index.stories.js → storybook/stories.js} +7 -7
- package/ui.text-empty/useAttrs.js +37 -0
- package/ui.text-file/{index.vue → UFile.vue} +7 -8
- package/ui.text-file/storybook/Docs.mdx +16 -0
- package/ui.text-file/{index.stories.js → storybook/stories.js} +4 -4
- package/ui.text-file/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.text-files/{index.vue → UFiles.vue} +8 -9
- package/ui.text-files/storybook/Docs.mdx +16 -0
- package/ui.text-files/{index.stories.js → storybook/stories.js} +4 -4
- package/ui.text-files/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.text-header/{index.vue → UHeader.vue} +5 -6
- package/ui.text-header/{configs/default.config.js → config.js} +1 -1
- package/ui.text-header/storybook/Docs.mdx +16 -0
- package/ui.text-header/{index.stories.js → storybook/stories.js} +5 -5
- package/ui.text-header/useAttrs.js +38 -0
- package/ui.text-money/{index.vue → UMoney.vue} +6 -7
- package/ui.text-money/storybook/Docs.mdx +16 -0
- package/ui.text-money/{index.stories.js → storybook/stories.js} +9 -9
- package/ui.text-money/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.text-notify/{index.vue → UNotify.vue} +7 -8
- package/ui.text-notify/{Docs.mdx → storybook/Docs.mdx} +3 -3
- package/ui.text-notify/{index.stories.js → storybook/stories.js} +7 -7
- package/ui.text-notify/{composables/attrs.composable.js → useAttrs.js} +3 -3
- package/ui.text-notify/{services/index.js → utilNotify.js} +2 -2
- package/{service.theme/index.js → utils/utilTheme.js} +2 -2
- package/{service.ui/index.js → utils/utilUI.js} +2 -2
- package/web-types.json +702 -701
- package/preset.tailwind/index.js +0 -120
- package/ui.container-accordion/Docs.mdx +0 -16
- package/ui.container-card/Docs.mdx +0 -16
- package/ui.container-col/Docs.mdx +0 -16
- package/ui.container-divider/Docs.mdx +0 -16
- package/ui.container-group/Docs.mdx +0 -16
- package/ui.container-modal/Docs.mdx +0 -16
- package/ui.container-modal-confirm/Docs.mdx +0 -16
- package/ui.container-page/Docs.mdx +0 -16
- package/ui.container-row/Docs.mdx +0 -16
- package/ui.data-table/Docs.mdx +0 -16
- package/ui.dropdown-badge/Docs.mdx +0 -16
- package/ui.dropdown-button/Docs.mdx +0 -16
- package/ui.dropdown-link/Docs.mdx +0 -16
- package/ui.dropdown-list/Docs.mdx +0 -16
- package/ui.form-checkbox/Docs.mdx +0 -16
- package/ui.form-checkbox-group/Docs.mdx +0 -16
- package/ui.form-checkbox-multi-state/Docs.mdx +0 -16
- package/ui.form-color-picker/Docs.mdx +0 -16
- package/ui.form-date-picker-range/Docs.mdx +0 -16
- package/ui.form-input/Docs.mdx +0 -16
- package/ui.form-input-file/Docs.mdx +0 -16
- package/ui.form-input-money/Docs.mdx +0 -16
- package/ui.form-input-number/Docs.mdx +0 -16
- package/ui.form-input-rating/Docs.mdx +0 -16
- package/ui.form-input-search/Docs.mdx +0 -16
- package/ui.form-label/Docs.mdx +0 -16
- package/ui.form-radio/Docs.mdx +0 -16
- package/ui.form-select/Docs.mdx +0 -16
- package/ui.form-switch/Docs.mdx +0 -16
- package/ui.form-textarea/Docs.mdx +0 -16
- package/ui.image-avatar/Docs.mdx +0 -16
- package/ui.image-icon/Docs.mdx +0 -16
- package/ui.loader/Docs.mdx +0 -16
- package/ui.navigation-pagination/Docs.mdx +0 -16
- package/ui.navigation-progress/Docs.mdx +0 -16
- package/ui.navigation-tab/Docs.mdx +0 -16
- package/ui.navigation-tabs/Docs.mdx +0 -16
- package/ui.other-dot/Docs.mdx +0 -16
- package/ui.other-dot/composables/attrs.composable.js +0 -38
- package/ui.text-alert/Docs.mdx +0 -16
- package/ui.text-badge/Docs.mdx +0 -16
- package/ui.text-block/Docs.mdx +0 -16
- package/ui.text-empty/Docs.mdx +0 -16
- package/ui.text-empty/composables/attrs.composable.js +0 -37
- package/ui.text-file/Docs.mdx +0 -16
- package/ui.text-files/Docs.mdx +0 -16
- package/ui.text-header/Docs.mdx +0 -16
- package/ui.text-header/composables/attrs.composable.js +0 -38
- package/ui.text-money/Docs.mdx +0 -16
- /package/{composable.autoPosition/index.js → composables/useAutoPosition.js} +0 -0
- /package/{composable.breakpoint/index.js → composables/useBreakpoint.js} +0 -0
- /package/{composable.locale/index.js → composables/useLocale.js} +0 -0
- /package/{composable.mutationObserver/index.js → composables/useMutationObserver.js} +0 -0
- /package/{constants/index.js → constants.js} +0 -0
- /package/{directive.clickOutside/index.js → directives/vClickOutside.js} +0 -0
- /package/ui.button/{configs/default.config.js → config.js} +0 -0
- /package/ui.button/{constants/index.js → constants.js} +0 -0
- /package/ui.button-link/{configs/default.config.js → config.js} +0 -0
- /package/ui.button-link/{constants/index.js → constants.js} +0 -0
- /package/ui.button-toggle/{configs/default.config.js → config.js} +0 -0
- /package/ui.button-toggle/{constants/index.js → constants.js} +0 -0
- /package/ui.button-toggle-item/{constants/index.js → constants.js} +0 -0
- /package/ui.container-accordion/{configs/default.config.js → config.js} +0 -0
- /package/ui.container-accordion/{constants/index.js → constants.js} +0 -0
- /package/ui.container-card/{configs/default.config.js → config.js} +0 -0
- /package/ui.container-card/{constants/index.js → constants.js} +0 -0
- /package/ui.container-col/{configs/default.config.js → config.js} +0 -0
- /package/ui.container-col/{constants/index.js → constants.js} +0 -0
- /package/ui.container-divider/{configs/default.config.js → config.js} +0 -0
- /package/ui.container-divider/{constants/index.js → constants.js} +0 -0
- /package/ui.container-group/{configs/default.config.js → config.js} +0 -0
- /package/ui.container-group/{constants/index.js → constants.js} +0 -0
- /package/ui.container-modal/{configs/default.config.js → config.js} +0 -0
- /package/ui.container-modal/{constants/index.js → constants.js} +0 -0
- /package/ui.container-modal-confirm/{configs/default.config.js → config.js} +0 -0
- /package/ui.container-modal-confirm/{constants/index.js → constants.js} +0 -0
- /package/ui.container-page/{configs/default.config.js → config.js} +0 -0
- /package/ui.container-page/{constants/index.js → constants.js} +0 -0
- /package/ui.container-row/{configs/default.config.js → config.js} +0 -0
- /package/ui.container-row/{constants/index.js → constants.js} +0 -0
- /package/ui.data-list/{configs/default.config.js → config.js} +0 -0
- /package/ui.data-list/{constants/index.js → constants.js} +0 -0
- /package/ui.data-table/{configs/default.config.js → config.js} +0 -0
- /package/ui.data-table/{constants/index.js → constants.js} +0 -0
- /package/ui.data-table/{services/table.service.js → utilTable.js} +0 -0
- /package/ui.dropdown-badge/{configs/default.config.js → config.js} +0 -0
- /package/ui.dropdown-badge/{constants/index.js → constants.js} +0 -0
- /package/ui.dropdown-button/{configs/default.config.js → config.js} +0 -0
- /package/ui.dropdown-button/{constants/index.js → constants.js} +0 -0
- /package/ui.dropdown-link/{configs/default.config.js → config.js} +0 -0
- /package/ui.dropdown-link/{constants/index.js → constants.js} +0 -0
- /package/ui.dropdown-list/{constants/index.js → constants.js} +0 -0
- /package/ui.dropdown-list/{composables/usePointer.js → usePointer.js} +0 -0
- /package/ui.form-calendar/{constants/index.js → constants.js} +0 -0
- /package/ui.form-calendar/{services/formatting.service.js → utilFormatting.js} +0 -0
- /package/ui.form-checkbox/{configs/default.config.js → config.js} +0 -0
- /package/ui.form-checkbox/{constants/index.js → constants.js} +0 -0
- /package/ui.form-checkbox-group/{configs/default.config.js → config.js} +0 -0
- /package/ui.form-checkbox-group/{constants/index.js → constants.js} +0 -0
- /package/ui.form-checkbox-multi-state/{configs/default.config.js → config.js} +0 -0
- /package/ui.form-checkbox-multi-state/{constants/index.js → constants.js} +0 -0
- /package/ui.form-color-picker/{configs/default.config.js → config.js} +0 -0
- /package/ui.form-color-picker/{constants/index.js → constants.js} +0 -0
- /package/ui.form-date-picker/{configs/default.config.js → config.js} +0 -0
- /package/ui.form-date-picker/{constants/index.js → constants.js} +0 -0
- /package/ui.form-date-picker-range/{constants/index.js → constants.js} +0 -0
- /package/ui.form-input/{constants/index.js → constants.js} +0 -0
- /package/ui.form-input-file/{configs/default.config.js → config.js} +0 -0
- /package/ui.form-input-file/{constants/index.js → constants.js} +0 -0
- /package/ui.form-input-file/{services/fileForm.service.js → utilFileForm.js} +0 -0
- /package/ui.form-input-money/{constants/index.js → constants.js} +0 -0
- /package/ui.form-input-number/{configs/default.config.js → config.js} +0 -0
- /package/ui.form-input-number/{constants/index.js → constants.js} +0 -0
- /package/ui.form-input-rating/{configs/default.config.js → config.js} +0 -0
- /package/ui.form-input-rating/{constants/index.js → constants.js} +0 -0
- /package/ui.form-input-search/{configs/default.config.js → config.js} +0 -0
- /package/ui.form-input-search/{constants/index.js → constants.js} +0 -0
- /package/ui.form-label/{configs/default.config.js → config.js} +0 -0
- /package/ui.form-label/{constants/index.js → constants.js} +0 -0
- /package/ui.form-radio/{configs/default.config.js → config.js} +0 -0
- /package/ui.form-radio/{constants/index.js → constants.js} +0 -0
- /package/ui.form-radio-group/{configs/default.config.js → config.js} +0 -0
- /package/ui.form-radio-group/{constants/index.js → constants.js} +0 -0
- /package/ui.form-select/{configs/default.config.js → config.js} +0 -0
- /package/ui.form-select/{constants/index.js → constants.js} +0 -0
- /package/ui.form-select/{services/select.service.js → utilSelect.js} +0 -0
- /package/ui.form-switch/{constants/index.js → constants.js} +0 -0
- /package/ui.form-textarea/{constants/index.js → constants.js} +0 -0
- /package/ui.image-avatar/{configs/default.config.js → config.js} +0 -0
- /package/ui.image-avatar/{constants/index.js → constants.js} +0 -0
- /package/ui.image-icon/{configs/default.config.js → config.js} +0 -0
- /package/ui.image-icon/{constants/index.js → constants.js} +0 -0
- /package/ui.loader/{configs/default.config.js → config.js} +0 -0
- /package/ui.loader/{constants/index.js → constants.js} +0 -0
- /package/ui.loader-rendering/{configs/default.config.js → config.js} +0 -0
- /package/ui.loader-rendering/{constants/index.js → constants.js} +0 -0
- /package/ui.loader-rendering/{composables/useLoaderRendering.js → useLoaderRendering.js} +0 -0
- /package/ui.loader-rendering/{services/loaderRedering.service.js → utilLoaderRedering.js} +0 -0
- /package/ui.loader-top/{configs/default.config.js → config.js} +0 -0
- /package/ui.loader-top/{constants/index.js → constants.js} +0 -0
- /package/ui.loader-top/{services/loaderTop.service.js → utilLoaderTop.js} +0 -0
- /package/ui.navigation-pagination/{configs/default.config.js → config.js} +0 -0
- /package/ui.navigation-pagination/{constants/index.js → constants.js} +0 -0
- /package/ui.navigation-progress/{constants/index.js → constants.js} +0 -0
- /package/ui.navigation-tab/{configs/default.config.js → config.js} +0 -0
- /package/ui.navigation-tab/{constants/index.js → constants.js} +0 -0
- /package/ui.navigation-tabs/{configs/default.config.js → config.js} +0 -0
- /package/ui.navigation-tabs/{constants/index.js → constants.js} +0 -0
- /package/ui.other-dot/{configs/default.config.js → config.js} +0 -0
- /package/ui.other-dot/{constants/index.js → constants.js} +0 -0
- /package/ui.text-alert/{configs/default.config.js → config.js} +0 -0
- /package/ui.text-alert/{constatns/index.js → constants.js} +0 -0
- /package/ui.text-badge/{configs/default.config.js → config.js} +0 -0
- /package/ui.text-badge/{constants/index.js → constants.js} +0 -0
- /package/ui.text-block/{configs/default.config.js → config.js} +0 -0
- /package/ui.text-block/{constatns/index.js → constants.js} +0 -0
- /package/ui.text-empty/{configs/default.config.js → config.js} +0 -0
- /package/ui.text-empty/{constants/index.js → constants.js} +0 -0
- /package/ui.text-file/{configs/default.config.js → config.js} +0 -0
- /package/ui.text-file/{constants/index.js → constants.js} +0 -0
- /package/ui.text-files/{configs/default.config.js → config.js} +0 -0
- /package/ui.text-files/{constants/index.js → constants.js} +0 -0
- /package/ui.text-header/{constants/index.js → constants.js} +0 -0
- /package/ui.text-money/{configs/default.config.js → config.js} +0 -0
- /package/ui.text-money/{constants/index.js → constants.js} +0 -0
- /package/ui.text-money/{services/money.services.js → utilMoney.js} +0 -0
- /package/ui.text-notify/{configs/default.config.js → config.js} +0 -0
- /package/ui.text-notify/{constants/index.js → constants.js} +0 -0
- /package/{service.helper/index.js → utils/utilHelper.js} +0 -0
- /package/{service.platform/index.js → utils/utilPlatform.js} +0 -0
- /package/{service.storybook/index.js → utils/utilStorybook.js} +0 -0
|
@@ -97,22 +97,21 @@
|
|
|
97
97
|
import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from "vue";
|
|
98
98
|
import { merge } from "lodash-es";
|
|
99
99
|
|
|
100
|
-
import UText from "../ui.text-block";
|
|
101
|
-
import ULabel from "../ui.form-label";
|
|
102
|
-
import UButton from "../ui.button";
|
|
103
|
-
import UFiles from "../ui.text-files";
|
|
100
|
+
import UText from "../ui.text-block/UText.vue";
|
|
101
|
+
import ULabel from "../ui.form-label/ULabel.vue";
|
|
102
|
+
import UButton from "../ui.button/UButton.vue";
|
|
103
|
+
import UFiles from "../ui.text-files/UFiles.vue";
|
|
104
104
|
|
|
105
|
-
import { getRandomId, getDefault } from "../
|
|
106
|
-
import { getFileMbSize } from "./
|
|
105
|
+
import { getRandomId, getDefault } from "../utils/utilUI.js";
|
|
106
|
+
import { getFileMbSize } from "./utilFileForm.js";
|
|
107
107
|
|
|
108
|
-
import useAttrs from "./
|
|
109
|
-
import { useLocale } from "../
|
|
108
|
+
import useAttrs from "./useAttrs.js";
|
|
109
|
+
import { useLocale } from "../composables/useLocale.js";
|
|
110
110
|
|
|
111
|
-
import { UInputFile } from "./constants";
|
|
112
|
-
import defaultConfig from "./
|
|
111
|
+
import { UInputFile } from "./constants.js";
|
|
112
|
+
import defaultConfig from "./config.js";
|
|
113
113
|
|
|
114
|
-
|
|
115
|
-
defineOptions({ name: "UInputFile" });
|
|
114
|
+
defineOptions({ inheritAttrs: false });
|
|
116
115
|
|
|
117
116
|
const props = defineProps({
|
|
118
117
|
/**
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
|
|
2
|
+
import { getSource } from "../../utils/utilStorybook.js";
|
|
3
|
+
|
|
4
|
+
import * as stories from "./stories.js";
|
|
5
|
+
import defaultConfig from "../config.js?raw"
|
|
6
|
+
|
|
7
|
+
<Meta of={stories} />
|
|
8
|
+
<Title of={stories} />
|
|
9
|
+
<Subtitle of={stories} />
|
|
10
|
+
<Description of={stories} />
|
|
11
|
+
<Primary of={stories} />
|
|
12
|
+
<Controls of={stories.Default} />
|
|
13
|
+
<Stories of={stories} />
|
|
14
|
+
|
|
15
|
+
## Default config
|
|
16
|
+
<Source code={getSource(defaultConfig)} language="jsx" dark />
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { getArgTypes, getSlotNames, getSlotsFragment } from "
|
|
1
|
+
import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
|
|
2
2
|
|
|
3
|
-
import UInputFile from "
|
|
4
|
-
import UCol from "
|
|
3
|
+
import UInputFile from "../../ui.form-input-file/UInputFile.vue";
|
|
4
|
+
import UCol from "../../ui.container-col/UCol.vue";
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* The `UInputFile` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-input-file)
|
|
@@ -14,14 +14,14 @@ export default {
|
|
|
14
14
|
label: "Vueless file input",
|
|
15
15
|
},
|
|
16
16
|
argTypes: {
|
|
17
|
-
...getArgTypes(UInputFile.
|
|
17
|
+
...getArgTypes(UInputFile.__name),
|
|
18
18
|
},
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
const DefaultTemplate = (args) => ({
|
|
22
22
|
components: { UInputFile },
|
|
23
23
|
setup() {
|
|
24
|
-
const slots = getSlotNames(UInputFile.
|
|
24
|
+
const slots = getSlotNames(UInputFile.__name);
|
|
25
25
|
|
|
26
26
|
return { args, slots };
|
|
27
27
|
},
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { computed } from "vue";
|
|
2
|
-
import useUI from "
|
|
3
|
-
import { cva } from "
|
|
2
|
+
import useUI from "../composables/useUI.js";
|
|
3
|
+
import { cva } from "../utils/utilUI.js";
|
|
4
4
|
|
|
5
|
-
import defaultConfig from "
|
|
5
|
+
import defaultConfig from "./config.js";
|
|
6
6
|
|
|
7
7
|
export default function useAttrs(props) {
|
|
8
8
|
const { config, getAttrs, isSystemKey, hasSlotContent, isCVA } = useUI(
|
|
@@ -44,18 +44,17 @@
|
|
|
44
44
|
<script setup>
|
|
45
45
|
import { computed, ref, watch, onMounted, nextTick } from "vue";
|
|
46
46
|
|
|
47
|
-
import { getRandomId, getDefault } from "../
|
|
47
|
+
import { getRandomId, getDefault } from "../utils/utilUI.js";
|
|
48
48
|
|
|
49
|
-
import UInput from "../ui.form-input";
|
|
50
|
-
import { SYMBOL_MINUS } from "../ui.text-money/constants";
|
|
49
|
+
import UInput from "../ui.form-input/UInput.vue";
|
|
50
|
+
import { SYMBOL_MINUS } from "../ui.text-money/constants.js";
|
|
51
51
|
|
|
52
|
-
import defaultConfig from "./
|
|
53
|
-
import useAttrs from "./
|
|
54
|
-
import useFormatCurrency from "./
|
|
55
|
-
import { UInputMoney } from "./constants";
|
|
52
|
+
import defaultConfig from "./config.js";
|
|
53
|
+
import useAttrs from "./useAttrs.js";
|
|
54
|
+
import useFormatCurrency from "./useFormatCurrency.js";
|
|
55
|
+
import { UInputMoney } from "./constants.js";
|
|
56
56
|
|
|
57
|
-
|
|
58
|
-
defineOptions({ name: "UInputMoney", inheritAttrs: false });
|
|
57
|
+
defineOptions({ inheritAttrs: false });
|
|
59
58
|
|
|
60
59
|
const props = defineProps({
|
|
61
60
|
/**
|
|
@@ -140,11 +139,19 @@ const props = defineProps({
|
|
|
140
139
|
},
|
|
141
140
|
|
|
142
141
|
/**
|
|
143
|
-
*
|
|
142
|
+
* Minimal number of signs after the decimal separator (fractional part of a number).
|
|
144
143
|
*/
|
|
145
|
-
|
|
144
|
+
minFractionDigits: {
|
|
146
145
|
type: Number,
|
|
147
|
-
default: getDefault(defaultConfig, UInputMoney).
|
|
146
|
+
default: getDefault(defaultConfig, UInputMoney).minFractionDigits,
|
|
147
|
+
},
|
|
148
|
+
|
|
149
|
+
/**
|
|
150
|
+
* Maximal number of signs after the decimal separator (fractional part of a number).
|
|
151
|
+
*/
|
|
152
|
+
maxFractionDigits: {
|
|
153
|
+
type: Number,
|
|
154
|
+
default: getDefault(defaultConfig, UInputMoney).maxFractionDigits,
|
|
148
155
|
},
|
|
149
156
|
|
|
150
157
|
/**
|
|
@@ -236,7 +243,8 @@ const moneyInputRef = ref(null);
|
|
|
236
243
|
const { inputAttrs } = useAttrs(props);
|
|
237
244
|
|
|
238
245
|
const { formattedValue, rawValue, setValue } = useFormatCurrency(`#${props.id}`, () => ({
|
|
239
|
-
|
|
246
|
+
minFractionDigits: props.minFractionDigits,
|
|
247
|
+
maxFractionDigits: props.maxFractionDigits,
|
|
240
248
|
decimalSeparator: props.decimalSeparator,
|
|
241
249
|
thousandsSeparator: props.thousandsSeparator,
|
|
242
250
|
positiveOnly: props.positiveOnly,
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
|
|
2
|
+
import { getSource } from "../../utils/utilStorybook.js";
|
|
3
|
+
|
|
4
|
+
import * as stories from "./stories.js";
|
|
5
|
+
import defaultConfig from "../config.js?raw"
|
|
6
|
+
|
|
7
|
+
<Meta of={stories} />
|
|
8
|
+
<Title of={stories} />
|
|
9
|
+
<Subtitle of={stories} />
|
|
10
|
+
<Description of={stories} />
|
|
11
|
+
<Primary of={stories} />
|
|
12
|
+
<Controls of={stories.Default} />
|
|
13
|
+
<Stories of={stories} />
|
|
14
|
+
|
|
15
|
+
## Default config
|
|
16
|
+
<Source code={getSource(defaultConfig)} language="jsx" dark />
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { getArgTypes, getSlotNames, getSlotsFragment } from "
|
|
1
|
+
import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
|
|
2
2
|
|
|
3
|
-
import UInputMoney from "
|
|
4
|
-
import UCol from "
|
|
5
|
-
import UIcon from "
|
|
6
|
-
import UButton from "
|
|
3
|
+
import UInputMoney from "../../ui.form-input-money/UMoney.vue";
|
|
4
|
+
import UCol from "../../ui.container-col/UCol.vue";
|
|
5
|
+
import UIcon from "../../ui.image-icon/UIcon.vue";
|
|
6
|
+
import UButton from "../../ui.button/UButton.vue";
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* The `UInputMoney` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-input-money)
|
|
@@ -16,7 +16,7 @@ export default {
|
|
|
16
16
|
label: "Label",
|
|
17
17
|
},
|
|
18
18
|
argTypes: {
|
|
19
|
-
...getArgTypes(UInputMoney.
|
|
19
|
+
...getArgTypes(UInputMoney.__name),
|
|
20
20
|
modelValue: { control: { type: "number" } },
|
|
21
21
|
},
|
|
22
22
|
};
|
|
@@ -24,7 +24,7 @@ export default {
|
|
|
24
24
|
const DefaultTemplate = (args) => ({
|
|
25
25
|
components: { UInputMoney, UIcon, UButton },
|
|
26
26
|
setup() {
|
|
27
|
-
const slots = getSlotNames(UInputMoney.
|
|
27
|
+
const slots = getSlotNames(UInputMoney.__name);
|
|
28
28
|
|
|
29
29
|
return { args, slots };
|
|
30
30
|
},
|
|
@@ -80,8 +80,11 @@ error.args = { error: "Some error." };
|
|
|
80
80
|
export const description = DefaultTemplate.bind({});
|
|
81
81
|
description.args = { description: "Some description." };
|
|
82
82
|
|
|
83
|
-
export const
|
|
84
|
-
|
|
83
|
+
export const minFractionDigits = DefaultTemplate.bind({});
|
|
84
|
+
minFractionDigits.args = { minFractionDigits: 2, maxFractionDigits: 4 };
|
|
85
|
+
|
|
86
|
+
export const maxFractionDigits = DefaultTemplate.bind({});
|
|
87
|
+
maxFractionDigits.args = { maxFractionDigits: 4 };
|
|
85
88
|
|
|
86
89
|
export const decimalSeparator = DefaultTemplate.bind({});
|
|
87
90
|
decimalSeparator.args = { decimalSeparator: "." };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import useUI from "
|
|
1
|
+
import useUI from "../composables/useUI.js";
|
|
2
2
|
import { computed } from "vue";
|
|
3
|
-
import { cva } from "
|
|
4
|
-
import defaultConfig from "
|
|
3
|
+
import { cva } from "../utils/utilUI.js";
|
|
4
|
+
import defaultConfig from "./config.js";
|
|
5
5
|
|
|
6
6
|
export default function useAttrs(props) {
|
|
7
7
|
const { config, getAttrs, isSystemKey, hasSlotContent, isCVA } = useUI(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { onMounted, nextTick, ref, onBeforeUnmount, toValue, watch } from "vue";
|
|
2
2
|
|
|
3
|
-
import FormatService from "
|
|
3
|
+
import FormatService from "./utilFormat";
|
|
4
4
|
|
|
5
5
|
export default function useFormatCurrency(elementId, options) {
|
|
6
6
|
let prevValue = "";
|
|
@@ -18,7 +18,14 @@ export default class FormatService {
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
static getFormattedValue(value, options) {
|
|
21
|
-
const {
|
|
21
|
+
const {
|
|
22
|
+
thousandsSeparator,
|
|
23
|
+
decimalSeparator,
|
|
24
|
+
minFractionDigits,
|
|
25
|
+
maxFractionDigits,
|
|
26
|
+
prefix,
|
|
27
|
+
positiveOnly,
|
|
28
|
+
} = options;
|
|
22
29
|
|
|
23
30
|
const invalidValuesRegExp = new RegExp("[^\\d,\\d.\\s-" + decimalSeparator + "]", "g");
|
|
24
31
|
const doubleValueRegExp = new RegExp("([,\\.\\s-" + decimalSeparator + "])+", "g");
|
|
@@ -44,8 +51,9 @@ export default class FormatService {
|
|
|
44
51
|
}
|
|
45
52
|
|
|
46
53
|
const intlNumber = new Intl.NumberFormat("en-US", {
|
|
47
|
-
minimumFractionDigits:
|
|
48
|
-
|
|
54
|
+
minimumFractionDigits:
|
|
55
|
+
minFractionDigits <= maxFractionDigits ? minFractionDigits : maxFractionDigits,
|
|
56
|
+
maximumFractionDigits: maxFractionDigits,
|
|
49
57
|
signDisplay: positiveOnly ? "never" : "negative",
|
|
50
58
|
roundingMode: "floor",
|
|
51
59
|
});
|
|
@@ -60,7 +68,7 @@ export default class FormatService {
|
|
|
60
68
|
const formattedValue = intlNumber.formatToParts(parseFloat(rawValue) || 0).map((part) => {
|
|
61
69
|
if (part.type === "group") part.value = thousandsSeparator;
|
|
62
70
|
if (part.type === "decimal") part.value = decimalSeparator;
|
|
63
|
-
if (part.type === "fraction") part.value = part.value.padEnd(
|
|
71
|
+
if (part.type === "fraction") part.value = part.value.padEnd(maxFractionDigits, "0");
|
|
64
72
|
|
|
65
73
|
return part;
|
|
66
74
|
});
|
|
@@ -50,16 +50,15 @@
|
|
|
50
50
|
<script setup>
|
|
51
51
|
import { computed } from "vue";
|
|
52
52
|
|
|
53
|
-
import UIcon from "../ui.image-icon";
|
|
54
|
-
import UButton from "../ui.button";
|
|
55
|
-
import { getDefault } from "../
|
|
53
|
+
import UIcon from "../ui.image-icon/UIcon.vue";
|
|
54
|
+
import UButton from "../ui.button/UButton.vue";
|
|
55
|
+
import { getDefault } from "../utils/utilUI.js";
|
|
56
56
|
|
|
57
|
-
import defaultConfig from "./
|
|
58
|
-
import { UInputNumber } from "./constants";
|
|
59
|
-
import useAttrs from "./
|
|
57
|
+
import defaultConfig from "./config.js";
|
|
58
|
+
import { UInputNumber } from "./constants.js";
|
|
59
|
+
import useAttrs from "./useAttrs.js";
|
|
60
60
|
|
|
61
|
-
|
|
62
|
-
defineOptions({ name: "UInputNumber", inheritAttrs: false });
|
|
61
|
+
defineOptions({ inheritAttrs: false });
|
|
63
62
|
|
|
64
63
|
const props = defineProps({
|
|
65
64
|
/**
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
|
|
2
|
+
import { getSource } from "../../utils/utilStorybook.js";
|
|
3
|
+
|
|
4
|
+
import * as stories from "./stories.js";
|
|
5
|
+
import defaultConfig from "../config.js?raw"
|
|
6
|
+
|
|
7
|
+
<Meta of={stories} />
|
|
8
|
+
<Title of={stories} />
|
|
9
|
+
<Subtitle of={stories} />
|
|
10
|
+
<Description of={stories} />
|
|
11
|
+
<Primary of={stories} />
|
|
12
|
+
<Controls of={stories.Default} />
|
|
13
|
+
<Stories of={stories} />
|
|
14
|
+
|
|
15
|
+
## Default config
|
|
16
|
+
<Source code={getSource(defaultConfig)} language="jsx" dark />
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { getArgTypes, getSlotNames, getSlotsFragment } from "
|
|
1
|
+
import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
|
|
2
2
|
|
|
3
|
-
import UInputNumber from "
|
|
4
|
-
import UCol from "
|
|
3
|
+
import UInputNumber from "../../ui.form-input-number/UInputNumber.vue";
|
|
4
|
+
import UCol from "../../ui.container-col/UCol.vue";
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* The `UInputNumber` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-input-number)
|
|
@@ -14,7 +14,7 @@ export default {
|
|
|
14
14
|
modelValue: 1,
|
|
15
15
|
},
|
|
16
16
|
argTypes: {
|
|
17
|
-
...getArgTypes(UInputNumber.
|
|
17
|
+
...getArgTypes(UInputNumber.__name),
|
|
18
18
|
modelValue: { control: { type: "number" } },
|
|
19
19
|
},
|
|
20
20
|
};
|
|
@@ -22,7 +22,7 @@ export default {
|
|
|
22
22
|
const DefaultTemplate = (args) => ({
|
|
23
23
|
components: { UInputNumber },
|
|
24
24
|
setup() {
|
|
25
|
-
const slots = getSlotNames(UInputNumber.
|
|
25
|
+
const slots = getSlotNames(UInputNumber.__name);
|
|
26
26
|
|
|
27
27
|
return { args, slots };
|
|
28
28
|
},
|
package/{ui.container-col/composables/attrs.composable.js → ui.form-input-number/useAttrs.js}
RENAMED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import useUI from "
|
|
2
|
-
import { cva } from "
|
|
1
|
+
import useUI from "../composables/useUI.js";
|
|
2
|
+
import { cva } from "../utils/utilUI.js";
|
|
3
3
|
|
|
4
|
-
import defaultConfig from "
|
|
4
|
+
import defaultConfig from "./config.js";
|
|
5
5
|
import { computed } from "vue";
|
|
6
6
|
|
|
7
7
|
export default function useAttrs(props) {
|
|
@@ -54,16 +54,15 @@
|
|
|
54
54
|
<script setup>
|
|
55
55
|
import { computed, ref } from "vue";
|
|
56
56
|
|
|
57
|
-
import UIcon from "../ui.image-icon";
|
|
58
|
-
import ULabel from "../ui.form-label";
|
|
59
|
-
import { getDefault } from "../
|
|
57
|
+
import UIcon from "../ui.image-icon/UIcon.vue";
|
|
58
|
+
import ULabel from "../ui.form-label/ULabel.vue";
|
|
59
|
+
import { getDefault } from "../utils/utilUI.js";
|
|
60
60
|
|
|
61
|
-
import { UInputRating } from "./constants";
|
|
62
|
-
import defaultConfig from "./
|
|
63
|
-
import useAttrs from "./
|
|
61
|
+
import { UInputRating } from "./constants.js";
|
|
62
|
+
import defaultConfig from "./config.js";
|
|
63
|
+
import useAttrs from "./useAttrs.js";
|
|
64
64
|
|
|
65
|
-
|
|
66
|
-
defineOptions({ name: "UInputRating", inheritAttrs: false });
|
|
65
|
+
defineOptions({ inheritAttrs: false });
|
|
67
66
|
|
|
68
67
|
const props = defineProps({
|
|
69
68
|
/**
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
|
|
2
|
+
import { getSource } from "../../utils/utilStorybook.js";
|
|
3
|
+
|
|
4
|
+
import * as stories from "./stories.js";
|
|
5
|
+
import defaultConfig from "../config.js?raw"
|
|
6
|
+
|
|
7
|
+
<Meta of={stories} />
|
|
8
|
+
<Title of={stories} />
|
|
9
|
+
<Subtitle of={stories} />
|
|
10
|
+
<Description of={stories} />
|
|
11
|
+
<Primary of={stories} />
|
|
12
|
+
<Controls of={stories.Default} />
|
|
13
|
+
<Stories of={stories} />
|
|
14
|
+
|
|
15
|
+
## Default config
|
|
16
|
+
<Source code={getSource(defaultConfig)} language="jsx" dark />
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { getArgTypes, getSlotNames, getSlotsFragment } from "
|
|
1
|
+
import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
|
|
2
2
|
|
|
3
|
-
import UInputRating from "
|
|
4
|
-
import URow from "
|
|
3
|
+
import UInputRating from "../../ui.form-input-rating/UInputRating.vue";
|
|
4
|
+
import URow from "../../ui.container-row/URow.vue";
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* The `UInputRating` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-input-rating)
|
|
@@ -15,14 +15,14 @@ export default {
|
|
|
15
15
|
label: "Label",
|
|
16
16
|
},
|
|
17
17
|
argTypes: {
|
|
18
|
-
...getArgTypes(UInputRating.
|
|
18
|
+
...getArgTypes(UInputRating.__name),
|
|
19
19
|
},
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
const DefaultTemplate = (args) => ({
|
|
23
23
|
components: { UInputRating },
|
|
24
24
|
setup() {
|
|
25
|
-
const slots = getSlotNames(UInputRating.
|
|
25
|
+
const slots = getSlotNames(UInputRating.__name);
|
|
26
26
|
|
|
27
27
|
return { args, slots };
|
|
28
28
|
},
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { computed } from "vue";
|
|
2
|
-
import useUI from "
|
|
3
|
-
import { cva } from "
|
|
4
|
-
import defaultConfig from "
|
|
2
|
+
import useUI from "../composables/useUI.js";
|
|
3
|
+
import { cva } from "../utils/utilUI.js";
|
|
4
|
+
import defaultConfig from "./config.js";
|
|
5
5
|
|
|
6
6
|
export default function useAttrs(props) {
|
|
7
7
|
const { config, getAttrs, hasSlotContent, isSystemKey, isCVA } = useUI(
|
|
@@ -80,18 +80,17 @@
|
|
|
80
80
|
<script setup>
|
|
81
81
|
import { computed, ref } from "vue";
|
|
82
82
|
|
|
83
|
-
import UIcon from "../ui.image-icon";
|
|
84
|
-
import UInput from "../ui.form-input";
|
|
85
|
-
import UButton from "../ui.button";
|
|
86
|
-
import { getRandomId, getDefault } from "../
|
|
87
|
-
import { debounce as debounceMethod } from "../
|
|
88
|
-
|
|
89
|
-
import { UInputSearch } from "./constants";
|
|
90
|
-
import defaultConfig from "./
|
|
91
|
-
import useAttrs from "./
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
defineOptions({ name: "UInputSearch" });
|
|
83
|
+
import UIcon from "../ui.image-icon/UIcon.vue";
|
|
84
|
+
import UInput from "../ui.form-input/UInput.vue";
|
|
85
|
+
import UButton from "../ui.button/UButton.vue";
|
|
86
|
+
import { getRandomId, getDefault } from "../utils/utilUI.js";
|
|
87
|
+
import { debounce as debounceMethod } from "../utils/utilHelper.js";
|
|
88
|
+
|
|
89
|
+
import { UInputSearch } from "./constants.js";
|
|
90
|
+
import defaultConfig from "./config.js";
|
|
91
|
+
import useAttrs from "./useAttrs.js";
|
|
92
|
+
|
|
93
|
+
defineOptions({ inheritAttrs: false });
|
|
95
94
|
|
|
96
95
|
const props = defineProps({
|
|
97
96
|
/**
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
|
|
2
|
+
import { getSource } from "../../utils/utilStorybook.js";
|
|
3
|
+
|
|
4
|
+
import * as stories from "./stories.js";
|
|
5
|
+
import defaultConfig from "../config.js?raw"
|
|
6
|
+
|
|
7
|
+
<Meta of={stories} />
|
|
8
|
+
<Title of={stories} />
|
|
9
|
+
<Subtitle of={stories} />
|
|
10
|
+
<Description of={stories} />
|
|
11
|
+
<Primary of={stories} />
|
|
12
|
+
<Controls of={stories.Default} />
|
|
13
|
+
<Stories of={stories} />
|
|
14
|
+
|
|
15
|
+
## Default config
|
|
16
|
+
<Source code={getSource(defaultConfig)} language="jsx" dark />
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { getArgTypes, getSlotNames, getSlotsFragment } from "
|
|
1
|
+
import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
|
|
2
2
|
|
|
3
|
-
import UInputSearch from "
|
|
4
|
-
import UButton from "
|
|
5
|
-
import UIcon from "
|
|
6
|
-
import URow from "
|
|
3
|
+
import UInputSearch from "../../ui.form-input-search/UInputSearch.vue";
|
|
4
|
+
import UButton from "../../ui.button/UButton.vue";
|
|
5
|
+
import UIcon from "../../ui.image-icon/UIcon.vue";
|
|
6
|
+
import URow from "../../ui.container-row/URow.vue";
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* The `UInputSearch` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-input-search)
|
|
@@ -13,14 +13,14 @@ export default {
|
|
|
13
13
|
title: "Form Inputs & Controls / Input Search",
|
|
14
14
|
component: UInputSearch,
|
|
15
15
|
argTypes: {
|
|
16
|
-
...getArgTypes(UInputSearch.
|
|
16
|
+
...getArgTypes(UInputSearch.__name),
|
|
17
17
|
},
|
|
18
18
|
};
|
|
19
19
|
|
|
20
20
|
const DefaultTemplate = (args) => ({
|
|
21
21
|
components: { UInputSearch, UButton, UIcon },
|
|
22
22
|
setup() {
|
|
23
|
-
const slots = getSlotNames(UInputSearch.
|
|
23
|
+
const slots = getSlotNames(UInputSearch.__name);
|
|
24
24
|
|
|
25
25
|
return { args, slots };
|
|
26
26
|
},
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { computed } from "vue";
|
|
2
|
-
import useUI from "
|
|
3
|
-
import { cva } from "
|
|
4
|
-
import defaultConfig from "
|
|
2
|
+
import useUI from "../composables/useUI.js";
|
|
3
|
+
import { cva } from "../utils/utilUI.js";
|
|
4
|
+
import defaultConfig from "./config.js";
|
|
5
5
|
|
|
6
6
|
export default function useAttrs(props) {
|
|
7
7
|
const { config, getAttrs, hasSlotContent, isSystemKey, isCVA } = useUI(
|
|
@@ -66,14 +66,13 @@
|
|
|
66
66
|
<script setup>
|
|
67
67
|
import { computed, ref } from "vue";
|
|
68
68
|
|
|
69
|
-
import { getDefault } from "../
|
|
69
|
+
import { getDefault } from "../utils/utilUI.js";
|
|
70
70
|
|
|
71
|
-
import defaultConfig from "./
|
|
72
|
-
import { ULabel, PLACEMENT } from "./constants";
|
|
73
|
-
import useAttrs from "./
|
|
71
|
+
import defaultConfig from "./config.js";
|
|
72
|
+
import { ULabel, PLACEMENT } from "./constants.js";
|
|
73
|
+
import useAttrs from "./useAttrs.js";
|
|
74
74
|
|
|
75
|
-
|
|
76
|
-
defineOptions({ name: "ULabel", inheritAttrs: false });
|
|
75
|
+
defineOptions({ inheritAttrs: false });
|
|
77
76
|
|
|
78
77
|
const emit = defineEmits([
|
|
79
78
|
/**
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
|
|
2
|
+
import { getSource } from "../../utils/utilStorybook.js";
|
|
3
|
+
|
|
4
|
+
import * as stories from "./stories.js";
|
|
5
|
+
import defaultConfig from "../config.js?raw"
|
|
6
|
+
|
|
7
|
+
<Meta of={stories} />
|
|
8
|
+
<Title of={stories} />
|
|
9
|
+
<Subtitle of={stories} />
|
|
10
|
+
<Description of={stories} />
|
|
11
|
+
<Primary of={stories} />
|
|
12
|
+
<Controls of={stories.Default} />
|
|
13
|
+
<Stories of={stories} />
|
|
14
|
+
|
|
15
|
+
## Default config
|
|
16
|
+
<Source code={getSource(defaultConfig)} language="jsx" dark />
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import UCol from "../ui.container-col";
|
|
3
|
-
import UText from "../ui.text-block";
|
|
4
|
-
import UIcon from "../ui.image-icon";
|
|
1
|
+
import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
|
|
5
2
|
|
|
6
|
-
import
|
|
3
|
+
import ULabel from "../../ui.form-label/ULabel.vue";
|
|
4
|
+
import UCol from "../../ui.container-col/UCol.vue";
|
|
5
|
+
import UText from "../../ui.text-block/UText.vue";
|
|
6
|
+
import UIcon from "../../ui.image-icon/UIcon.vue";
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* The `ULabel` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-label)
|
|
@@ -17,7 +17,7 @@ export default {
|
|
|
17
17
|
description: "Description",
|
|
18
18
|
},
|
|
19
19
|
argTypes: {
|
|
20
|
-
...getArgTypes(ULabel.
|
|
20
|
+
...getArgTypes(ULabel.__name),
|
|
21
21
|
},
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -26,7 +26,7 @@ const defaultTemplate = "This is plain text";
|
|
|
26
26
|
const DefaultTemplate = (args) => ({
|
|
27
27
|
components: { ULabel, UText, UIcon },
|
|
28
28
|
setup() {
|
|
29
|
-
const slots = getSlotNames(ULabel.
|
|
29
|
+
const slots = getSlotNames(ULabel.__name);
|
|
30
30
|
|
|
31
31
|
return { args, slots };
|
|
32
32
|
},
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import useUI from "
|
|
2
|
-
import { cva } from "
|
|
1
|
+
import useUI from "../composables/useUI.js";
|
|
2
|
+
import { cva } from "../utils/utilUI.js";
|
|
3
3
|
|
|
4
|
-
import defaultConfig from "
|
|
4
|
+
import defaultConfig from "./config.js";
|
|
5
5
|
import { computed } from "vue";
|
|
6
6
|
|
|
7
7
|
export default function useAttrs(props) {
|