@sakoa/ui 0.1.0
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/README.md +171 -0
- package/dist/App.d.ts +2 -0
- package/dist/cli/index.js +9243 -0
- package/dist/components/DemoSection.d.ts +30 -0
- package/dist/components/SApiKeyboard.d.ts +22 -0
- package/dist/components/SApiSection.d.ts +21 -0
- package/dist/components/SApiTable.d.ts +46 -0
- package/dist/components/STableOfContents.d.ts +2 -0
- package/dist/components/ui/SAlert.d.ts +76 -0
- package/dist/components/ui/SBadge.d.ts +56 -0
- package/dist/components/ui/SButton.d.ts +67 -0
- package/dist/components/ui/SCheckbox.d.ts +64 -0
- package/dist/components/ui/SChip.d.ts +43 -0
- package/dist/components/ui/SDatePicker.d.ts +77 -0
- package/dist/components/ui/SGlassButton.d.ts +70 -0
- package/dist/components/ui/SIcon.d.ts +29 -0
- package/dist/components/ui/SInput.d.ts +129 -0
- package/dist/components/ui/SKbd.d.ts +24 -0
- package/dist/components/ui/SKbdShortcut.d.ts +14 -0
- package/dist/components/ui/SSelect.d.ts +148 -0
- package/dist/components/ui/SSkeleton.d.ts +37 -0
- package/dist/components/ui/SSwitch.d.ts +61 -0
- package/dist/components/ui/STooltip.d.ts +82 -0
- package/dist/components/ui/accordion/SAccordionContent.d.ts +23 -0
- package/dist/components/ui/accordion/SAccordionItem.d.ts +70 -0
- package/dist/components/ui/accordion/SAccordionTrigger.d.ts +37 -0
- package/dist/components/ui/accordion/index.d.ts +4 -0
- package/dist/components/ui/avatar/SAvatar.d.ts +36 -0
- package/dist/components/ui/avatar/SAvatarFallback.d.ts +26 -0
- package/dist/components/ui/avatar/SAvatarGroup.d.ts +30 -0
- package/dist/components/ui/avatar/SAvatarImage.d.ts +23 -0
- package/dist/components/ui/avatar/index.d.ts +4 -0
- package/dist/components/ui/breadcrumb/SBreadcrumb.d.ts +22 -0
- package/dist/components/ui/breadcrumb/SBreadcrumbEllipsis.d.ts +17 -0
- package/dist/components/ui/breadcrumb/SBreadcrumbItem.d.ts +17 -0
- package/dist/components/ui/breadcrumb/SBreadcrumbLink.d.ts +26 -0
- package/dist/components/ui/breadcrumb/SBreadcrumbList.d.ts +17 -0
- package/dist/components/ui/breadcrumb/SBreadcrumbPage.d.ts +17 -0
- package/dist/components/ui/breadcrumb/SBreadcrumbSeparator.d.ts +17 -0
- package/dist/components/ui/breadcrumb/index.d.ts +7 -0
- package/dist/components/ui/card/SCard.d.ts +103 -0
- package/dist/components/ui/card/SCardActions.d.ts +44 -0
- package/dist/components/ui/card/SCardContent.d.ts +35 -0
- package/dist/components/ui/card/SCardFooter.d.ts +38 -0
- package/dist/components/ui/card/SCardHeader.d.ts +53 -0
- package/dist/components/ui/card/SCardMedia.d.ts +83 -0
- package/dist/components/ui/card/SGlassCard.d.ts +103 -0
- package/dist/components/ui/card/SMorphingCardContent.d.ts +18 -0
- package/dist/components/ui/card/index.d.ts +24 -0
- package/dist/components/ui/carousel/SCarousel.d.ts +166 -0
- package/dist/components/ui/carousel/index.d.ts +2 -0
- package/dist/components/ui/color-picker/SColorPickerAlphaSlider.d.ts +4 -0
- package/dist/components/ui/color-picker/SColorPickerCopy.d.ts +19 -0
- package/dist/components/ui/color-picker/SColorPickerEyeDropper.d.ts +17 -0
- package/dist/components/ui/color-picker/SColorPickerHueSlider.d.ts +4 -0
- package/dist/components/ui/color-picker/SColorPickerInputs.d.ts +2 -0
- package/dist/components/ui/color-picker/SColorPickerPresets.d.ts +9 -0
- package/dist/components/ui/color-picker/SColorPickerPreview.d.ts +2 -0
- package/dist/components/ui/color-picker/SColorPickerRecent.d.ts +7 -0
- package/dist/components/ui/color-picker/SColorPickerSpectrum.d.ts +4 -0
- package/dist/components/ui/color-picker/index.d.ts +11 -0
- package/dist/components/ui/drawer/index.d.ts +11 -0
- package/dist/components/ui/dropdown/SDropdownDivider.d.ts +8 -0
- package/dist/components/ui/dropdown/SDropdownGroup.d.ts +25 -0
- package/dist/components/ui/dropdown/SDropdownItem.d.ts +56 -0
- package/dist/components/ui/dropdown/index.d.ts +4 -0
- package/dist/components/ui/form/SForm.d.ts +38 -0
- package/dist/components/ui/form/SFormField.d.ts +31 -0
- package/dist/components/ui/form/index.d.ts +5 -0
- package/dist/components/ui/modal/index.d.ts +19 -0
- package/dist/components/ui/option/SOption.d.ts +32 -0
- package/dist/components/ui/option/SOptionGroup.d.ts +28 -0
- package/dist/components/ui/option/index.d.ts +2 -0
- package/dist/components/ui/otp/SOTP.d.ts +122 -0
- package/dist/components/ui/otp/SOTPGroup.d.ts +23 -0
- package/dist/components/ui/otp/SOTPSeparator.d.ts +17 -0
- package/dist/components/ui/otp/SOTPSlot.d.ts +49 -0
- package/dist/components/ui/otp/index.d.ts +7 -0
- package/dist/components/ui/otp/types.d.ts +26 -0
- package/dist/components/ui/otp/useOTPContext.d.ts +42 -0
- package/dist/components/ui/pagination/SPagination.d.ts +151 -0
- package/dist/components/ui/pagination/index.d.ts +2 -0
- package/dist/components/ui/progress/SProgress.d.ts +62 -0
- package/dist/components/ui/progress/SProgressRange.d.ts +91 -0
- package/dist/components/ui/progress/index.d.ts +4 -0
- package/dist/components/ui/radio/SRadio.d.ts +58 -0
- package/dist/components/ui/radio/SRadioGroup.d.ts +52 -0
- package/dist/components/ui/radio/index.d.ts +2 -0
- package/dist/components/ui/stepper/SStepper.d.ts +83 -0
- package/dist/components/ui/stepper/SStepperContent.d.ts +24 -0
- package/dist/components/ui/stepper/SStepperDescription.d.ts +20 -0
- package/dist/components/ui/stepper/SStepperIndicator.d.ts +37 -0
- package/dist/components/ui/stepper/SStepperItem.d.ts +37 -0
- package/dist/components/ui/stepper/SStepperSeparator.d.ts +5 -0
- package/dist/components/ui/stepper/SStepperTitle.d.ts +20 -0
- package/dist/components/ui/stepper/SStepperTrigger.d.ts +22 -0
- package/dist/components/ui/stepper/index.d.ts +11 -0
- package/dist/components/ui/table/STableBody.d.ts +27 -0
- package/dist/components/ui/table/STableCell.d.ts +55 -0
- package/dist/components/ui/table/STableColumn.d.ts +87 -0
- package/dist/components/ui/table/STableEmpty.d.ts +54 -0
- package/dist/components/ui/table/STableHeader.d.ts +25 -0
- package/dist/components/ui/table/STableRow.d.ts +38 -0
- package/dist/components/ui/table/STableSkeleton.d.ts +29 -0
- package/dist/components/ui/table/index.d.ts +98 -0
- package/dist/components/ui/table/useDataTable.d.ts +80 -0
- package/dist/components/ui/tabs/STabPane.d.ts +31 -0
- package/dist/components/ui/tabs/STabsContent.d.ts +21 -0
- package/dist/components/ui/tabs/STabsIndicator.d.ts +9 -0
- package/dist/components/ui/tabs/STabsTrigger.d.ts +28 -0
- package/dist/components/ui/tabs/index.d.ts +6 -0
- package/dist/components/ui/toast/SToast.d.ts +49 -0
- package/dist/components/ui/toast/SToastContainer.d.ts +21 -0
- package/dist/components/ui/toast/index.d.ts +2 -0
- package/dist/composables/useAsync.d.ts +134 -0
- package/dist/composables/useClickOutside.d.ts +69 -0
- package/dist/composables/useClipboard.d.ts +46 -0
- package/dist/composables/useDebounce.d.ts +150 -0
- package/dist/composables/useDialog.d.ts +118 -0
- package/dist/composables/useForm.d.ts +204 -0
- package/dist/composables/useHotkey.d.ts +128 -0
- package/dist/composables/useIntersectionObserver.d.ts +156 -0
- package/dist/composables/useLocalStorage.d.ts +120 -0
- package/dist/composables/useMediaQuery.d.ts +115 -0
- package/dist/composables/useTheme.d.ts +8 -0
- package/dist/composables/useToast.d.ts +1619 -0
- package/dist/index.d.ts +71 -0
- package/dist/layouts/UILayout.d.ts +2 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/main.d.ts +0 -0
- package/dist/router.d.ts +2 -0
- package/dist/saka-ui.css +1 -0
- package/dist/saka-ui.js +18513 -0
- package/dist/saka-ui.umd.cjs +38 -0
- package/dist/views/docs/CustomizationView.d.ts +2 -0
- package/dist/views/docs/FormValidationView.d.ts +2 -0
- package/dist/views/docs/StylingGuideView.d.ts +2 -0
- package/dist/views/docs/UseAsyncView.d.ts +2 -0
- package/dist/views/docs/UseClickOutsideView.d.ts +124 -0
- package/dist/views/docs/UseClipboardView.d.ts +4 -0
- package/dist/views/docs/UseDebounceView.d.ts +2 -0
- package/dist/views/docs/UseHotkeyView.d.ts +205 -0
- package/dist/views/docs/UseIntersectionObserverView.d.ts +5 -0
- package/dist/views/docs/UseLocalStorageView.d.ts +2 -0
- package/dist/views/docs/UseMediaQueryView.d.ts +2 -0
- package/dist/views/docs/UseThemeView.d.ts +2 -0
- package/dist/views/examples/AuthFormView.d.ts +2 -0
- package/dist/views/examples/CreditCardFormView.d.ts +6 -0
- package/dist/views/examples/FormFieldExampleView.d.ts +2 -0
- package/dist/views/examples/ProjectFormView.d.ts +2 -0
- package/dist/views/ui/AccordionView.d.ts +2 -0
- package/dist/views/ui/AlertView.d.ts +2 -0
- package/dist/views/ui/AvatarView.d.ts +2 -0
- package/dist/views/ui/BadgeView.d.ts +2 -0
- package/dist/views/ui/BreadcrumbView.d.ts +2 -0
- package/dist/views/ui/ButtonView.d.ts +2 -0
- package/dist/views/ui/CardView.d.ts +2 -0
- package/dist/views/ui/CarouselView.d.ts +274 -0
- package/dist/views/ui/CheckboxView.d.ts +2 -0
- package/dist/views/ui/ChipView.d.ts +2 -0
- package/dist/views/ui/ColorPickerView.d.ts +2 -0
- package/dist/views/ui/DatePickerView.d.ts +2 -0
- package/dist/views/ui/DialogView.d.ts +2 -0
- package/dist/views/ui/DrawerView.d.ts +2 -0
- package/dist/views/ui/DropdownView.d.ts +2 -0
- package/dist/views/ui/GlassButtonView.d.ts +2 -0
- package/dist/views/ui/GlassCardView.d.ts +2 -0
- package/dist/views/ui/HomeView.d.ts +2 -0
- package/dist/views/ui/IconsView.d.ts +2 -0
- package/dist/views/ui/InputView.d.ts +2 -0
- package/dist/views/ui/KbdView.d.ts +2 -0
- package/dist/views/ui/ModalView.d.ts +2 -0
- package/dist/views/ui/MorphingCardView.d.ts +2 -0
- package/dist/views/ui/MorphingModalView.d.ts +2 -0
- package/dist/views/ui/OTPView.d.ts +206 -0
- package/dist/views/ui/PaginationView.d.ts +2 -0
- package/dist/views/ui/ProgressView.d.ts +2 -0
- package/dist/views/ui/RadioView.d.ts +2 -0
- package/dist/views/ui/SelectView.d.ts +2 -0
- package/dist/views/ui/SkeletonView.d.ts +2 -0
- package/dist/views/ui/StepperView.d.ts +2 -0
- package/dist/views/ui/SwitchView.d.ts +2 -0
- package/dist/views/ui/TableView.d.ts +2 -0
- package/dist/views/ui/TabsView.d.ts +2 -0
- package/dist/views/ui/ToastView.d.ts +2 -0
- package/dist/views/ui/TooltipView.d.ts +2 -0
- package/dist/vite.svg +1 -0
- package/package.json +64 -0
- package/registry/components/accordion.json +19 -0
- package/registry/components/alert.json +17 -0
- package/registry/components/avatar.json +18 -0
- package/registry/components/badge.json +14 -0
- package/registry/components/breadcrumb.json +24 -0
- package/registry/components/button.json +17 -0
- package/registry/components/card.json +23 -0
- package/registry/components/carousel.json +19 -0
- package/registry/components/checkbox.json +17 -0
- package/registry/components/chip.json +17 -0
- package/registry/components/color-picker.json +24 -0
- package/registry/components/date-picker.json +17 -0
- package/registry/components/drawer.json +26 -0
- package/registry/components/dropdown.json +21 -0
- package/registry/components/form.json +16 -0
- package/registry/components/glass-button.json +17 -0
- package/registry/components/icon.json +17 -0
- package/registry/components/input.json +17 -0
- package/registry/components/kbd.json +16 -0
- package/registry/components/modal.json +32 -0
- package/registry/components/option.json +16 -0
- package/registry/components/otp.json +23 -0
- package/registry/components/pagination.json +18 -0
- package/registry/components/progress.json +16 -0
- package/registry/components/radio.json +19 -0
- package/registry/components/select.json +17 -0
- package/registry/components/skeleton.json +14 -0
- package/registry/components/switch.json +17 -0
- package/registry/components/table.json +26 -0
- package/registry/components/tabs.json +19 -0
- package/registry/components/toast.json +19 -0
- package/registry/components/tooltip.json +14 -0
- package/registry/index.json +4 -0
- package/registry/source/components/ui/SAlert.vue +388 -0
- package/registry/source/components/ui/SBadge.vue +243 -0
- package/registry/source/components/ui/SButton.vue +387 -0
- package/registry/source/components/ui/SCheckbox.vue +310 -0
- package/registry/source/components/ui/SChip.vue +130 -0
- package/registry/source/components/ui/SDatePicker.vue +1290 -0
- package/registry/source/components/ui/SGlassButton.vue +547 -0
- package/registry/source/components/ui/SIcon.vue +78 -0
- package/registry/source/components/ui/SInput.vue +1054 -0
- package/registry/source/components/ui/SKbd.vue +96 -0
- package/registry/source/components/ui/SKbdShortcut.vue +36 -0
- package/registry/source/components/ui/SSelect.vue +1290 -0
- package/registry/source/components/ui/SSkeleton.vue +185 -0
- package/registry/source/components/ui/SSwitch.vue +275 -0
- package/registry/source/components/ui/STooltip.vue +491 -0
- package/registry/source/components/ui/accordion/SAccordion.vue +248 -0
- package/registry/source/components/ui/accordion/SAccordionItem.vue +353 -0
- package/registry/source/components/ui/accordion/index.ts +5 -0
- package/registry/source/components/ui/avatar/SAvatar.vue +169 -0
- package/registry/source/components/ui/avatar/SAvatarFallback.vue +66 -0
- package/registry/source/components/ui/avatar/SAvatarGroup.vue +69 -0
- package/registry/source/components/ui/avatar/SAvatarImage.vue +92 -0
- package/registry/source/components/ui/avatar/index.ts +5 -0
- package/registry/source/components/ui/breadcrumb/SBreadcrumb.vue +23 -0
- package/registry/source/components/ui/breadcrumb/SBreadcrumbEllipsis.vue +17 -0
- package/registry/source/components/ui/breadcrumb/SBreadcrumbItem.vue +14 -0
- package/registry/source/components/ui/breadcrumb/SBreadcrumbLink.vue +46 -0
- package/registry/source/components/ui/breadcrumb/SBreadcrumbList.vue +17 -0
- package/registry/source/components/ui/breadcrumb/SBreadcrumbPage.vue +15 -0
- package/registry/source/components/ui/breadcrumb/SBreadcrumbSeparator.vue +18 -0
- package/registry/source/components/ui/breadcrumb/index.ts +7 -0
- package/registry/source/components/ui/card/SCard.vue +517 -0
- package/registry/source/components/ui/card/SCardActions.vue +129 -0
- package/registry/source/components/ui/card/SCardContent.vue +117 -0
- package/registry/source/components/ui/card/SCardFooter.vue +103 -0
- package/registry/source/components/ui/card/SCardHeader.vue +163 -0
- package/registry/source/components/ui/card/SCardMedia.vue +312 -0
- package/registry/source/components/ui/card/index.ts +34 -0
- package/registry/source/components/ui/carousel/SCarousel.vue +1069 -0
- package/registry/source/components/ui/carousel/SCarouselSlide.vue +107 -0
- package/registry/source/components/ui/carousel/index.ts +3 -0
- package/registry/source/components/ui/color-picker/SColorPicker.vue +772 -0
- package/registry/source/components/ui/color-picker/SColorPickerAlphaSlider.vue +158 -0
- package/registry/source/components/ui/color-picker/SColorPickerCopy.vue +76 -0
- package/registry/source/components/ui/color-picker/SColorPickerEyeDropper.vue +68 -0
- package/registry/source/components/ui/color-picker/SColorPickerHueSlider.vue +138 -0
- package/registry/source/components/ui/color-picker/SColorPickerInputs.vue +227 -0
- package/registry/source/components/ui/color-picker/SColorPickerPresets.vue +87 -0
- package/registry/source/components/ui/color-picker/SColorPickerPreview.vue +46 -0
- package/registry/source/components/ui/color-picker/SColorPickerRecent.vue +74 -0
- package/registry/source/components/ui/color-picker/SColorPickerSpectrum.vue +149 -0
- package/registry/source/components/ui/color-picker/index.ts +11 -0
- package/registry/source/components/ui/drawer/SDrawer.vue +797 -0
- package/registry/source/components/ui/drawer/SDrawerClose.vue +64 -0
- package/registry/source/components/ui/drawer/SDrawerContent.vue +81 -0
- package/registry/source/components/ui/drawer/SDrawerDescription.vue +40 -0
- package/registry/source/components/ui/drawer/SDrawerFooter.vue +97 -0
- package/registry/source/components/ui/drawer/SDrawerHandle.vue +79 -0
- package/registry/source/components/ui/drawer/SDrawerHeader.vue +117 -0
- package/registry/source/components/ui/drawer/SDrawerTitle.vue +40 -0
- package/registry/source/components/ui/drawer/SDrawerTrigger.vue +51 -0
- package/registry/source/components/ui/drawer/index.ts +20 -0
- package/registry/source/components/ui/dropdown/SDropdown.vue +843 -0
- package/registry/source/components/ui/dropdown/SDropdownDivider.vue +23 -0
- package/registry/source/components/ui/dropdown/SDropdownGroup.vue +53 -0
- package/registry/source/components/ui/dropdown/SDropdownItem.vue +179 -0
- package/registry/source/components/ui/dropdown/index.ts +5 -0
- package/registry/source/components/ui/form/SForm.vue +84 -0
- package/registry/source/components/ui/form/SFormField.vue +78 -0
- package/registry/source/components/ui/form/index.ts +8 -0
- package/registry/source/components/ui/modal/SModal.vue +648 -0
- package/registry/source/components/ui/modal/SModalClose.vue +49 -0
- package/registry/source/components/ui/modal/SModalContent.vue +74 -0
- package/registry/source/components/ui/modal/SModalDescription.vue +39 -0
- package/registry/source/components/ui/modal/SModalFooter.vue +84 -0
- package/registry/source/components/ui/modal/SModalHeader.vue +107 -0
- package/registry/source/components/ui/modal/SModalTitle.vue +39 -0
- package/registry/source/components/ui/modal/SModalTrigger.vue +61 -0
- package/registry/source/components/ui/modal/SMorphingModal.vue +429 -0
- package/registry/source/components/ui/modal/SMorphingModalClose.vue +42 -0
- package/registry/source/components/ui/modal/SMorphingModalDescription.vue +49 -0
- package/registry/source/components/ui/modal/SMorphingModalImage.vue +44 -0
- package/registry/source/components/ui/modal/SMorphingModalSubtitle.vue +29 -0
- package/registry/source/components/ui/modal/SMorphingModalTitle.vue +34 -0
- package/registry/source/components/ui/modal/SMorphingModalTrigger.vue +95 -0
- package/registry/source/components/ui/modal/index.ts +32 -0
- package/registry/source/components/ui/option/SOption.vue +180 -0
- package/registry/source/components/ui/option/SOptionGroup.vue +77 -0
- package/registry/source/components/ui/option/index.ts +3 -0
- package/registry/source/components/ui/otp/SOTP.vue +843 -0
- package/registry/source/components/ui/otp/SOTPGroup.vue +29 -0
- package/registry/source/components/ui/otp/SOTPSeparator.vue +15 -0
- package/registry/source/components/ui/otp/SOTPSlot.vue +462 -0
- package/registry/source/components/ui/otp/index.ts +7 -0
- package/registry/source/components/ui/otp/types.ts +27 -0
- package/registry/source/components/ui/otp/useOTPContext.ts +62 -0
- package/registry/source/components/ui/pagination/SPagination.vue +923 -0
- package/registry/source/components/ui/pagination/index.ts +8 -0
- package/registry/source/components/ui/progress/SProgress.vue +635 -0
- package/registry/source/components/ui/progress/SProgressRange.vue +715 -0
- package/registry/source/components/ui/progress/index.ts +4 -0
- package/registry/source/components/ui/radio/SRadio.vue +407 -0
- package/registry/source/components/ui/radio/SRadioGroup.vue +200 -0
- package/registry/source/components/ui/radio/index.ts +3 -0
- package/registry/source/components/ui/table/SDataTable.vue +828 -0
- package/registry/source/components/ui/table/STableBody.vue +70 -0
- package/registry/source/components/ui/table/STableCell.vue +147 -0
- package/registry/source/components/ui/table/STableColumn.vue +120 -0
- package/registry/source/components/ui/table/STableEmpty.vue +159 -0
- package/registry/source/components/ui/table/STableHeader.vue +132 -0
- package/registry/source/components/ui/table/STableRow.vue +106 -0
- package/registry/source/components/ui/table/STableSkeleton.vue +208 -0
- package/registry/source/components/ui/table/index.ts +126 -0
- package/registry/source/components/ui/table/useDataTable.ts +519 -0
- package/registry/source/components/ui/tabs/STabPane.vue +130 -0
- package/registry/source/components/ui/tabs/STabs.vue +467 -0
- package/registry/source/components/ui/tabs/index.ts +7 -0
- package/registry/source/components/ui/toast/SToast.vue +261 -0
- package/registry/source/components/ui/toast/SToastContainer.vue +209 -0
- package/registry/source/components/ui/toast/index.ts +2 -0
- package/registry/source/composables/useForm.ts +960 -0
- package/registry/source/composables/useTheme.ts +86 -0
- package/registry/source/composables/useToast.ts +440 -0
- package/registry/source/lib/utils.ts +6 -0
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export interface Props {
|
|
2
|
+
label: string;
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
collapsible?: boolean;
|
|
5
|
+
defaultCollapsed?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
label?(_: {}): any;
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
rootEl: any;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
collapsible: boolean;
|
|
20
|
+
defaultCollapsed: boolean;
|
|
21
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
23
|
+
export default _default;
|
|
24
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { SOTPVariant, SOTPSize, SOTPRounded, SOTPGap, SOTPMode, SOTPAnimation, SOTPEntryAnimation, SOTPInputAnimation, SOTPSuccessAnimation, SOTPErrorAnimation } from './types';
|
|
2
|
+
export interface Props {
|
|
3
|
+
modelValue?: string;
|
|
4
|
+
maxlength?: number;
|
|
5
|
+
mode?: SOTPMode;
|
|
6
|
+
variant?: SOTPVariant;
|
|
7
|
+
size?: SOTPSize;
|
|
8
|
+
color?: string;
|
|
9
|
+
rounded?: SOTPRounded;
|
|
10
|
+
gap?: SOTPGap;
|
|
11
|
+
animation?: SOTPAnimation;
|
|
12
|
+
entryAnimation?: SOTPEntryAnimation;
|
|
13
|
+
inputAnimation?: SOTPInputAnimation;
|
|
14
|
+
successAnimation?: SOTPSuccessAnimation;
|
|
15
|
+
errorAnimation?: SOTPErrorAnimation;
|
|
16
|
+
morphText?: boolean;
|
|
17
|
+
morphDuration?: number;
|
|
18
|
+
showPlaceholder?: boolean;
|
|
19
|
+
placeholderChar?: string;
|
|
20
|
+
maskChar?: string;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
readonly?: boolean;
|
|
23
|
+
loading?: boolean;
|
|
24
|
+
error?: string | boolean;
|
|
25
|
+
success?: string | boolean;
|
|
26
|
+
autoFocus?: boolean;
|
|
27
|
+
autoSubmit?: boolean;
|
|
28
|
+
masked?: boolean;
|
|
29
|
+
clearOnError?: boolean;
|
|
30
|
+
allowPaste?: boolean;
|
|
31
|
+
separator?: string;
|
|
32
|
+
separatorPosition?: number[];
|
|
33
|
+
label?: string;
|
|
34
|
+
hint?: string;
|
|
35
|
+
errorMessage?: string;
|
|
36
|
+
successMessage?: string;
|
|
37
|
+
countdown?: number;
|
|
38
|
+
resendText?: string;
|
|
39
|
+
ariaLabel?: string;
|
|
40
|
+
}
|
|
41
|
+
declare function __VLS_template(): {
|
|
42
|
+
attrs: Partial<{}>;
|
|
43
|
+
slots: {
|
|
44
|
+
default?(_: {}): any;
|
|
45
|
+
resend?(_: {}): any;
|
|
46
|
+
};
|
|
47
|
+
refs: {
|
|
48
|
+
containerRef: HTMLDivElement;
|
|
49
|
+
};
|
|
50
|
+
rootEl: any;
|
|
51
|
+
};
|
|
52
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
53
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
54
|
+
clear: () => void;
|
|
55
|
+
focusInput: (index: number) => void;
|
|
56
|
+
focus: () => void;
|
|
57
|
+
blur: () => void | undefined;
|
|
58
|
+
triggerError: (message?: string) => void;
|
|
59
|
+
getValue: () => string;
|
|
60
|
+
isComplete: () => boolean;
|
|
61
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
62
|
+
"update:modelValue": (value: string) => any;
|
|
63
|
+
input: (index: number, value: string) => any;
|
|
64
|
+
change: (value: string) => any;
|
|
65
|
+
blur: (index: number) => any;
|
|
66
|
+
focus: (index: number) => any;
|
|
67
|
+
error: (message: string) => any;
|
|
68
|
+
paste: (value: string) => any;
|
|
69
|
+
success: () => any;
|
|
70
|
+
complete: (value: string) => any;
|
|
71
|
+
resend: () => any;
|
|
72
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
73
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
74
|
+
onInput?: ((index: number, value: string) => any) | undefined;
|
|
75
|
+
onChange?: ((value: string) => any) | undefined;
|
|
76
|
+
onBlur?: ((index: number) => any) | undefined;
|
|
77
|
+
onFocus?: ((index: number) => any) | undefined;
|
|
78
|
+
onError?: ((message: string) => any) | undefined;
|
|
79
|
+
onPaste?: ((value: string) => any) | undefined;
|
|
80
|
+
onSuccess?: (() => any) | undefined;
|
|
81
|
+
onComplete?: ((value: string) => any) | undefined;
|
|
82
|
+
onResend?: (() => any) | undefined;
|
|
83
|
+
}>, {
|
|
84
|
+
modelValue: string;
|
|
85
|
+
size: SOTPSize;
|
|
86
|
+
disabled: boolean;
|
|
87
|
+
mode: SOTPMode;
|
|
88
|
+
animation: SOTPAnimation;
|
|
89
|
+
color: string;
|
|
90
|
+
variant: SOTPVariant;
|
|
91
|
+
loading: boolean;
|
|
92
|
+
rounded: SOTPRounded;
|
|
93
|
+
separator: string;
|
|
94
|
+
gap: SOTPGap;
|
|
95
|
+
readonly: boolean;
|
|
96
|
+
maxlength: number;
|
|
97
|
+
autoFocus: boolean;
|
|
98
|
+
entryAnimation: SOTPEntryAnimation;
|
|
99
|
+
inputAnimation: SOTPInputAnimation;
|
|
100
|
+
successAnimation: SOTPSuccessAnimation;
|
|
101
|
+
errorAnimation: SOTPErrorAnimation;
|
|
102
|
+
morphText: boolean;
|
|
103
|
+
morphDuration: number;
|
|
104
|
+
showPlaceholder: boolean;
|
|
105
|
+
placeholderChar: string;
|
|
106
|
+
maskChar: string;
|
|
107
|
+
autoSubmit: boolean;
|
|
108
|
+
masked: boolean;
|
|
109
|
+
clearOnError: boolean;
|
|
110
|
+
allowPaste: boolean;
|
|
111
|
+
countdown: number;
|
|
112
|
+
resendText: string;
|
|
113
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
114
|
+
containerRef: HTMLDivElement;
|
|
115
|
+
}, any>;
|
|
116
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
117
|
+
export default _default;
|
|
118
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
119
|
+
new (): {
|
|
120
|
+
$slots: S;
|
|
121
|
+
};
|
|
122
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { SOTPGap } from './types';
|
|
2
|
+
interface Props {
|
|
3
|
+
gap?: SOTPGap;
|
|
4
|
+
}
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
slots: {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
refs: {};
|
|
11
|
+
rootEl: any;
|
|
12
|
+
};
|
|
13
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
15
|
+
gap: SOTPGap;
|
|
16
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
17
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
20
|
+
new (): {
|
|
21
|
+
$slots: S;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
declare function __VLS_template(): {
|
|
2
|
+
attrs: Partial<{}>;
|
|
3
|
+
slots: {
|
|
4
|
+
default?(_: {}): any;
|
|
5
|
+
};
|
|
6
|
+
refs: {};
|
|
7
|
+
rootEl: any;
|
|
8
|
+
};
|
|
9
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
10
|
+
declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
11
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
14
|
+
new (): {
|
|
15
|
+
$slots: S;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { SOTPVariant, SOTPSize, SOTPRounded, SOTPAnimation, SOTPEntryAnimation, SOTPInputAnimation, SOTPSuccessAnimation, SOTPErrorAnimation } from './types';
|
|
2
|
+
interface Props {
|
|
3
|
+
index: number;
|
|
4
|
+
variant?: SOTPVariant;
|
|
5
|
+
size?: SOTPSize;
|
|
6
|
+
color?: string;
|
|
7
|
+
rounded?: SOTPRounded;
|
|
8
|
+
animation?: SOTPAnimation;
|
|
9
|
+
entryAnimation?: SOTPEntryAnimation;
|
|
10
|
+
inputAnimation?: SOTPInputAnimation;
|
|
11
|
+
successAnimation?: SOTPSuccessAnimation;
|
|
12
|
+
errorAnimation?: SOTPErrorAnimation;
|
|
13
|
+
morphText?: boolean;
|
|
14
|
+
morphDuration?: number;
|
|
15
|
+
showPlaceholder?: boolean;
|
|
16
|
+
placeholderChar?: string;
|
|
17
|
+
maskChar?: string;
|
|
18
|
+
}
|
|
19
|
+
declare function __VLS_template(): {
|
|
20
|
+
attrs: Partial<{}>;
|
|
21
|
+
slots: {
|
|
22
|
+
placeholder?(_: {
|
|
23
|
+
index: number;
|
|
24
|
+
isFocused: boolean;
|
|
25
|
+
size: SOTPSize;
|
|
26
|
+
}): any;
|
|
27
|
+
mask?(_: {
|
|
28
|
+
index: number;
|
|
29
|
+
value: string;
|
|
30
|
+
size: SOTPSize;
|
|
31
|
+
}): any;
|
|
32
|
+
digit?(_: {
|
|
33
|
+
index: number;
|
|
34
|
+
value: string;
|
|
35
|
+
size: SOTPSize;
|
|
36
|
+
}): any;
|
|
37
|
+
};
|
|
38
|
+
refs: {};
|
|
39
|
+
rootEl: any;
|
|
40
|
+
};
|
|
41
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
42
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
43
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
44
|
+
export default _default;
|
|
45
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
46
|
+
new (): {
|
|
47
|
+
$slots: S;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { default as SOTP } from './SOTP';
|
|
2
|
+
export { default as SOTPSlot } from './SOTPSlot';
|
|
3
|
+
export { default as SOTPGroup } from './SOTPGroup';
|
|
4
|
+
export { default as SOTPSeparator } from './SOTPSeparator';
|
|
5
|
+
export { SOTP_INJECTION_KEY, useSOTPContext } from './useOTPContext';
|
|
6
|
+
export type { SOTPContext, MorphData } from './useOTPContext';
|
|
7
|
+
export type * from './types';
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export type SOTPVariant = 'outlined' | 'filled' | 'underlined' | 'ghost' | 'morphing';
|
|
2
|
+
export type SOTPSize = 'small' | 'medium' | 'large' | 'xl';
|
|
3
|
+
export type SOTPRounded = 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
4
|
+
export type SOTPGap = 'tight' | 'normal' | 'wide';
|
|
5
|
+
export type SOTPMode = 'numeric' | 'alphanumeric' | 'alphabetic' | 'any';
|
|
6
|
+
export type SOTPAnimation = 'none' | 'bounce' | 'shake' | 'pulse' | 'flip' | 'morph' | 'glow' | 'wave';
|
|
7
|
+
export type SOTPEntryAnimation = 'none' | 'fade' | 'slide-up' | 'slide-down' | 'scale' | 'rotate' | 'blur';
|
|
8
|
+
export type SOTPInputAnimation = 'none' | 'pop' | 'squeeze' | 'jelly' | 'rubber';
|
|
9
|
+
export type SOTPSuccessAnimation = 'none' | 'celebrate' | 'check' | 'ripple';
|
|
10
|
+
export type SOTPErrorAnimation = 'none' | 'shake' | 'wobble' | 'flash';
|
|
11
|
+
export interface SOTPVisualDefaults {
|
|
12
|
+
variant: SOTPVariant;
|
|
13
|
+
size: SOTPSize;
|
|
14
|
+
color: string;
|
|
15
|
+
rounded: SOTPRounded;
|
|
16
|
+
animation: SOTPAnimation;
|
|
17
|
+
entryAnimation: SOTPEntryAnimation;
|
|
18
|
+
inputAnimation: SOTPInputAnimation;
|
|
19
|
+
successAnimation: SOTPSuccessAnimation;
|
|
20
|
+
errorAnimation: SOTPErrorAnimation;
|
|
21
|
+
morphText: boolean;
|
|
22
|
+
morphDuration: number;
|
|
23
|
+
showPlaceholder: boolean;
|
|
24
|
+
placeholderChar: string;
|
|
25
|
+
maskChar: string;
|
|
26
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { InjectionKey, Ref } from 'vue';
|
|
2
|
+
import { SOTPMode, SOTPVisualDefaults } from './types';
|
|
3
|
+
export interface MorphData {
|
|
4
|
+
from: string;
|
|
5
|
+
to: string;
|
|
6
|
+
progress: number;
|
|
7
|
+
phase: 'out' | 'in';
|
|
8
|
+
}
|
|
9
|
+
export interface SOTPContext {
|
|
10
|
+
digits: Ref<string[]>;
|
|
11
|
+
activeIndex: Ref<number>;
|
|
12
|
+
isComplete: Ref<boolean>;
|
|
13
|
+
showSuccess: Ref<boolean>;
|
|
14
|
+
showError: Ref<boolean>;
|
|
15
|
+
animatingIndices: Ref<Set<number>>;
|
|
16
|
+
morphingIndices: Ref<Map<number, MorphData>>;
|
|
17
|
+
maxlength: Readonly<Ref<number>>;
|
|
18
|
+
mode: Readonly<Ref<SOTPMode>>;
|
|
19
|
+
masked: Readonly<Ref<boolean>>;
|
|
20
|
+
disabled: Readonly<Ref<boolean>>;
|
|
21
|
+
readonly: Readonly<Ref<boolean>>;
|
|
22
|
+
loading: Readonly<Ref<boolean>>;
|
|
23
|
+
allowPaste: Readonly<Ref<boolean>>;
|
|
24
|
+
error: Readonly<Ref<string | boolean>>;
|
|
25
|
+
success: Readonly<Ref<string | boolean>>;
|
|
26
|
+
ariaLabel: Readonly<Ref<string>>;
|
|
27
|
+
defaults: Readonly<Ref<SOTPVisualDefaults>>;
|
|
28
|
+
inputPattern: Readonly<Ref<string>>;
|
|
29
|
+
inputMode: Readonly<Ref<string>>;
|
|
30
|
+
registerInput: (index: number, el: HTMLInputElement | null) => void;
|
|
31
|
+
handleInput: (event: Event, index: number) => void;
|
|
32
|
+
handleKeydown: (event: KeyboardEvent, index: number) => void;
|
|
33
|
+
handlePaste: (event: ClipboardEvent, index: number) => void;
|
|
34
|
+
handleFocus: (index: number) => void;
|
|
35
|
+
handleBlur: (index: number) => void;
|
|
36
|
+
focusInput: (index: number) => void;
|
|
37
|
+
startMorphAnimation: (index: number, from: string, to: string) => void;
|
|
38
|
+
getMorphStyle: (index: number) => Record<string, any>;
|
|
39
|
+
getDisplayChar: (index: number) => string;
|
|
40
|
+
}
|
|
41
|
+
export declare const SOTP_INJECTION_KEY: InjectionKey<SOTPContext>;
|
|
42
|
+
export declare function useSOTPContext(): SOTPContext;
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
export type PaginationVariant = 'default' | 'outlined' | 'ghost' | 'minimal' | 'dots';
|
|
2
|
+
export type PaginationSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
+
export type PaginationShape = 'rounded' | 'square' | 'pill';
|
|
4
|
+
export type AnimationType = 'none' | 'slide' | 'fade' | 'scale' | 'flip';
|
|
5
|
+
export interface Props {
|
|
6
|
+
/** Current page (v-model) */
|
|
7
|
+
modelValue?: number;
|
|
8
|
+
/** Total number of items */
|
|
9
|
+
total: number;
|
|
10
|
+
/** Items per page */
|
|
11
|
+
pageSize?: number;
|
|
12
|
+
/** Maximum visible page buttons */
|
|
13
|
+
maxVisiblePages?: number;
|
|
14
|
+
/** Visual variant */
|
|
15
|
+
variant?: PaginationVariant;
|
|
16
|
+
/** Size of pagination buttons */
|
|
17
|
+
size?: PaginationSize;
|
|
18
|
+
/** Button shape */
|
|
19
|
+
shape?: PaginationShape;
|
|
20
|
+
/** Primary color */
|
|
21
|
+
color?: string;
|
|
22
|
+
/** Show first/last page buttons */
|
|
23
|
+
showFirstLast?: boolean;
|
|
24
|
+
/** Show prev/next buttons */
|
|
25
|
+
showPrevNext?: boolean;
|
|
26
|
+
/** Show total items info */
|
|
27
|
+
showTotal?: boolean;
|
|
28
|
+
/** Show quick jump input */
|
|
29
|
+
showQuickJump?: boolean;
|
|
30
|
+
/** Show page size selector */
|
|
31
|
+
showPageSize?: boolean;
|
|
32
|
+
/** Page size options for selector */
|
|
33
|
+
pageSizeOptions?: number[];
|
|
34
|
+
/** Disabled state */
|
|
35
|
+
disabled?: boolean;
|
|
36
|
+
/** Loading state */
|
|
37
|
+
loading?: boolean;
|
|
38
|
+
/** Animation type for page transitions */
|
|
39
|
+
animation?: AnimationType;
|
|
40
|
+
/** Show progress bar */
|
|
41
|
+
showProgress?: boolean;
|
|
42
|
+
/** Compact mode - combine prev/next into one button group */
|
|
43
|
+
compact?: boolean;
|
|
44
|
+
/** Simple mode - only shows prev/next with page info */
|
|
45
|
+
simple?: boolean;
|
|
46
|
+
/** Custom previous button text/icon */
|
|
47
|
+
prevText?: string;
|
|
48
|
+
/** Custom next button text/icon */
|
|
49
|
+
nextText?: string;
|
|
50
|
+
/** Custom first button text/icon */
|
|
51
|
+
firstText?: string;
|
|
52
|
+
/** Custom last button text/icon */
|
|
53
|
+
lastText?: string;
|
|
54
|
+
/** Enable keyboard navigation */
|
|
55
|
+
keyboard?: boolean;
|
|
56
|
+
/** Background for the container */
|
|
57
|
+
background?: boolean;
|
|
58
|
+
/** Hide single page */
|
|
59
|
+
hideSinglePage?: boolean;
|
|
60
|
+
/** Format for total text */
|
|
61
|
+
totalFormat?: (total: number, range: [number, number]) => string;
|
|
62
|
+
}
|
|
63
|
+
declare function __VLS_template(): {
|
|
64
|
+
attrs: Partial<{}>;
|
|
65
|
+
slots: {
|
|
66
|
+
total?(_: {
|
|
67
|
+
total: number;
|
|
68
|
+
range: [number, number];
|
|
69
|
+
}): any;
|
|
70
|
+
pageSize?(_: {
|
|
71
|
+
size: number;
|
|
72
|
+
options: number[];
|
|
73
|
+
change: (event: Event) => void;
|
|
74
|
+
}): any;
|
|
75
|
+
prev?(_: {}): any;
|
|
76
|
+
prev?(_: {}): any;
|
|
77
|
+
'simple-content'?(_: {
|
|
78
|
+
current: number;
|
|
79
|
+
total: number;
|
|
80
|
+
}): any;
|
|
81
|
+
next?(_: {}): any;
|
|
82
|
+
next?(_: {}): any;
|
|
83
|
+
first?(_: {}): any;
|
|
84
|
+
ellipsis?(_: {}): any;
|
|
85
|
+
ellipsis?(_: {}): any;
|
|
86
|
+
page?(_: {
|
|
87
|
+
page: number;
|
|
88
|
+
active: boolean;
|
|
89
|
+
}): any;
|
|
90
|
+
last?(_: {}): any;
|
|
91
|
+
quickJump?(_: {
|
|
92
|
+
value: string;
|
|
93
|
+
jump: () => void;
|
|
94
|
+
}): any;
|
|
95
|
+
};
|
|
96
|
+
refs: {
|
|
97
|
+
ellipsisStartRef: HTMLDivElement;
|
|
98
|
+
ellipsisEndRef: HTMLDivElement;
|
|
99
|
+
};
|
|
100
|
+
rootEl: any;
|
|
101
|
+
};
|
|
102
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
103
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
104
|
+
"update:modelValue": (page: number) => any;
|
|
105
|
+
change: (page: number) => any;
|
|
106
|
+
"update:pageSize": (size: number) => any;
|
|
107
|
+
pageSizeChange: (size: number) => any;
|
|
108
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
109
|
+
"onUpdate:modelValue"?: ((page: number) => any) | undefined;
|
|
110
|
+
onChange?: ((page: number) => any) | undefined;
|
|
111
|
+
"onUpdate:pageSize"?: ((size: number) => any) | undefined;
|
|
112
|
+
onPageSizeChange?: ((size: number) => any) | undefined;
|
|
113
|
+
}>, {
|
|
114
|
+
modelValue: number;
|
|
115
|
+
size: PaginationSize;
|
|
116
|
+
disabled: boolean;
|
|
117
|
+
animation: AnimationType;
|
|
118
|
+
color: string;
|
|
119
|
+
variant: PaginationVariant;
|
|
120
|
+
loading: boolean;
|
|
121
|
+
showProgress: boolean;
|
|
122
|
+
compact: boolean;
|
|
123
|
+
background: boolean;
|
|
124
|
+
shape: PaginationShape;
|
|
125
|
+
pageSize: number;
|
|
126
|
+
maxVisiblePages: number;
|
|
127
|
+
showFirstLast: boolean;
|
|
128
|
+
showPrevNext: boolean;
|
|
129
|
+
showTotal: boolean;
|
|
130
|
+
showQuickJump: boolean;
|
|
131
|
+
showPageSize: boolean;
|
|
132
|
+
pageSizeOptions: number[];
|
|
133
|
+
simple: boolean;
|
|
134
|
+
prevText: string;
|
|
135
|
+
nextText: string;
|
|
136
|
+
firstText: string;
|
|
137
|
+
lastText: string;
|
|
138
|
+
keyboard: boolean;
|
|
139
|
+
hideSinglePage: boolean;
|
|
140
|
+
totalFormat: (total: number, range: [number, number]) => string;
|
|
141
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
142
|
+
ellipsisStartRef: HTMLDivElement;
|
|
143
|
+
ellipsisEndRef: HTMLDivElement;
|
|
144
|
+
}, any>;
|
|
145
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
146
|
+
export default _default;
|
|
147
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
148
|
+
new (): {
|
|
149
|
+
$slots: S;
|
|
150
|
+
};
|
|
151
|
+
};
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
export interface Props {
|
|
2
|
+
modelValue?: number;
|
|
3
|
+
min?: number;
|
|
4
|
+
max?: number;
|
|
5
|
+
variant?: 'default' | 'gradient' | 'striped' | 'buffer' | 'segments' | 'liquid';
|
|
6
|
+
size?: 'xs' | 'small' | 'medium' | 'large' | 'xl';
|
|
7
|
+
orientation?: 'horizontal' | 'vertical';
|
|
8
|
+
rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
9
|
+
color?: string;
|
|
10
|
+
trackColor?: string;
|
|
11
|
+
gradientColors?: string[];
|
|
12
|
+
bufferValue?: number;
|
|
13
|
+
bufferColor?: string;
|
|
14
|
+
segments?: number;
|
|
15
|
+
segmentGap?: number;
|
|
16
|
+
animated?: boolean;
|
|
17
|
+
animationType?: 'pulse' | 'wave' | 'shimmer' | 'bounce' | 'flow' | 'none';
|
|
18
|
+
animationSpeed?: 'slow' | 'normal' | 'fast';
|
|
19
|
+
indeterminate?: boolean;
|
|
20
|
+
showValue?: boolean;
|
|
21
|
+
valuePosition?: 'inside' | 'outside' | 'top' | 'tooltip';
|
|
22
|
+
valueFormat?: (value: number, min: number, max: number) => string;
|
|
23
|
+
label?: string;
|
|
24
|
+
labelPosition?: 'top' | 'bottom' | 'left' | 'right';
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
height?: string;
|
|
27
|
+
width?: string;
|
|
28
|
+
}
|
|
29
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
30
|
+
"update:modelValue": (value: number) => any;
|
|
31
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
32
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
33
|
+
}>, {
|
|
34
|
+
modelValue: number;
|
|
35
|
+
size: "xs" | "small" | "medium" | "large" | "xl";
|
|
36
|
+
animated: boolean;
|
|
37
|
+
disabled: boolean;
|
|
38
|
+
width: string;
|
|
39
|
+
label: string;
|
|
40
|
+
height: string;
|
|
41
|
+
color: string;
|
|
42
|
+
variant: "default" | "gradient" | "striped" | "buffer" | "segments" | "liquid";
|
|
43
|
+
rounded: "none" | "sm" | "md" | "lg" | "full";
|
|
44
|
+
animationType: "pulse" | "wave" | "shimmer" | "bounce" | "flow" | "none";
|
|
45
|
+
max: number;
|
|
46
|
+
indeterminate: boolean;
|
|
47
|
+
labelPosition: "top" | "bottom" | "left" | "right";
|
|
48
|
+
orientation: "horizontal" | "vertical";
|
|
49
|
+
min: number;
|
|
50
|
+
segments: number;
|
|
51
|
+
trackColor: string;
|
|
52
|
+
gradientColors: string[];
|
|
53
|
+
bufferValue: number;
|
|
54
|
+
bufferColor: string;
|
|
55
|
+
segmentGap: number;
|
|
56
|
+
animationSpeed: "slow" | "normal" | "fast";
|
|
57
|
+
showValue: boolean;
|
|
58
|
+
valuePosition: "inside" | "outside" | "top" | "tooltip";
|
|
59
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
60
|
+
progressRef: HTMLDivElement;
|
|
61
|
+
}, any>;
|
|
62
|
+
export default _default;
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
export interface RangeValue {
|
|
2
|
+
min: number;
|
|
3
|
+
max: number;
|
|
4
|
+
}
|
|
5
|
+
export interface Props {
|
|
6
|
+
modelValue?: number | RangeValue;
|
|
7
|
+
min?: number;
|
|
8
|
+
max?: number;
|
|
9
|
+
step?: number;
|
|
10
|
+
range?: boolean;
|
|
11
|
+
size?: 'small' | 'medium' | 'large';
|
|
12
|
+
orientation?: 'horizontal' | 'vertical';
|
|
13
|
+
rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
14
|
+
color?: string;
|
|
15
|
+
trackColor?: string;
|
|
16
|
+
activeTrackColor?: string;
|
|
17
|
+
handleColor?: string;
|
|
18
|
+
showValue?: boolean;
|
|
19
|
+
showTooltip?: boolean;
|
|
20
|
+
tooltipPosition?: 'top' | 'bottom';
|
|
21
|
+
showTicks?: boolean;
|
|
22
|
+
tickCount?: number;
|
|
23
|
+
showLabels?: boolean;
|
|
24
|
+
valueFormat?: (value: number) => string;
|
|
25
|
+
minLabel?: string;
|
|
26
|
+
maxLabel?: string;
|
|
27
|
+
label?: string;
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
readonly?: boolean;
|
|
30
|
+
pushable?: number;
|
|
31
|
+
maxRange?: number;
|
|
32
|
+
swappable?: boolean;
|
|
33
|
+
lazy?: boolean;
|
|
34
|
+
marks?: {
|
|
35
|
+
value: number;
|
|
36
|
+
label?: string;
|
|
37
|
+
}[];
|
|
38
|
+
snap?: boolean;
|
|
39
|
+
handleSize?: number;
|
|
40
|
+
trackHeight?: number;
|
|
41
|
+
}
|
|
42
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
43
|
+
"update:modelValue": (value: number | RangeValue) => any;
|
|
44
|
+
change: (value: number | RangeValue) => any;
|
|
45
|
+
"drag-start": (handle: "max" | "single" | "min") => any;
|
|
46
|
+
"drag-end": (value: number | RangeValue) => any;
|
|
47
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
48
|
+
"onUpdate:modelValue"?: ((value: number | RangeValue) => any) | undefined;
|
|
49
|
+
onChange?: ((value: number | RangeValue) => any) | undefined;
|
|
50
|
+
"onDrag-start"?: ((handle: "max" | "single" | "min") => any) | undefined;
|
|
51
|
+
"onDrag-end"?: ((value: number | RangeValue) => any) | undefined;
|
|
52
|
+
}>, {
|
|
53
|
+
modelValue: number | RangeValue;
|
|
54
|
+
size: "small" | "medium" | "large";
|
|
55
|
+
disabled: boolean;
|
|
56
|
+
label: string;
|
|
57
|
+
color: string;
|
|
58
|
+
rounded: "none" | "sm" | "md" | "lg" | "full";
|
|
59
|
+
max: number;
|
|
60
|
+
range: boolean;
|
|
61
|
+
lazy: boolean;
|
|
62
|
+
orientation: "horizontal" | "vertical";
|
|
63
|
+
readonly: boolean;
|
|
64
|
+
min: number;
|
|
65
|
+
step: number;
|
|
66
|
+
snap: boolean;
|
|
67
|
+
trackColor: string;
|
|
68
|
+
showValue: boolean;
|
|
69
|
+
valueFormat: (value: number) => string;
|
|
70
|
+
showTooltip: boolean;
|
|
71
|
+
activeTrackColor: string;
|
|
72
|
+
handleColor: string;
|
|
73
|
+
tooltipPosition: "top" | "bottom";
|
|
74
|
+
showTicks: boolean;
|
|
75
|
+
tickCount: number;
|
|
76
|
+
showLabels: boolean;
|
|
77
|
+
minLabel: string;
|
|
78
|
+
maxLabel: string;
|
|
79
|
+
pushable: number;
|
|
80
|
+
maxRange: number;
|
|
81
|
+
swappable: boolean;
|
|
82
|
+
marks: {
|
|
83
|
+
value: number;
|
|
84
|
+
label?: string;
|
|
85
|
+
}[];
|
|
86
|
+
handleSize: number;
|
|
87
|
+
trackHeight: number;
|
|
88
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
89
|
+
trackRef: HTMLDivElement;
|
|
90
|
+
}, any>;
|
|
91
|
+
export default _default;
|