@raxium/vue 0.1.0 → 0.1.1
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/dist/components/arrow/createArrow.d.ts +10 -0
- package/dist/components/arrow/createArrow.js +60 -0
- package/dist/components/badge/Badge.js +58 -0
- package/dist/components/badge/Badge.vue.d.ts +14 -0
- package/dist/components/badge/index.d.ts +2 -0
- package/dist/components/badge/index.js +2 -0
- package/dist/components/badge/props.d.ts +9 -0
- package/dist/components/badge/props.js +0 -0
- package/dist/components/button/Button.js +110 -0
- package/dist/components/button/Button.vue.d.ts +19 -0
- package/dist/components/button/index.d.ts +2 -0
- package/dist/components/button/index.js +2 -0
- package/dist/components/button/props.d.ts +20 -0
- package/dist/components/button/props.js +0 -0
- package/dist/components/checkbox/Checkbox.js +163 -0
- package/dist/components/checkbox/Checkbox.vue.d.ts +26 -0
- package/dist/components/checkbox/CheckboxGroup.js +57 -0
- package/dist/components/checkbox/CheckboxGroup.vue.d.ts +20 -0
- package/dist/components/checkbox/index.d.ts +3 -0
- package/dist/components/checkbox/index.js +3 -0
- package/dist/components/checkbox/props.d.ts +28 -0
- package/dist/components/checkbox/props.js +0 -0
- package/dist/components/collapsible/Collapsible.js +90 -0
- package/dist/components/collapsible/Collapsible.vue.d.ts +45 -0
- package/dist/components/collapsible/CollapsibleContent.js +39 -0
- package/dist/components/collapsible/CollapsibleContent.vue.d.ts +14 -0
- package/dist/components/collapsible/CollapsibleTrigger.js +83 -0
- package/dist/components/collapsible/CollapsibleTrigger.vue.d.ts +22 -0
- package/dist/components/collapsible/ReadMore.js +115 -0
- package/dist/components/collapsible/ReadMore.vue.d.ts +14 -0
- package/dist/components/collapsible/index.d.ts +5 -0
- package/dist/components/collapsible/index.js +5 -0
- package/dist/components/collapsible/props.d.ts +28 -0
- package/dist/components/collapsible/props.js +0 -0
- package/dist/components/date-picker/DatePicker.js +132 -0
- package/dist/components/date-picker/DatePicker.vue.d.ts +34 -0
- package/dist/components/date-picker/DatePickerContent.js +93 -0
- package/dist/components/date-picker/DatePickerContent.vue.d.ts +18 -0
- package/dist/components/date-picker/DatePickerControl.js +47 -0
- package/dist/components/date-picker/DatePickerControl.vue.d.ts +14 -0
- package/dist/components/date-picker/DatePickerDayView.js +178 -0
- package/dist/components/date-picker/DatePickerDayView.vue.d.ts +4 -0
- package/dist/components/date-picker/DatePickerMonthView.js +165 -0
- package/dist/components/date-picker/DatePickerMonthView.vue.d.ts +4 -0
- package/dist/components/date-picker/DatePickerYearView.js +139 -0
- package/dist/components/date-picker/DatePickerYearView.vue.d.ts +4 -0
- package/dist/components/date-picker/index.d.ts +8 -0
- package/dist/components/date-picker/index.js +8 -0
- package/dist/components/date-picker/props.d.ts +42 -0
- package/dist/components/date-picker/props.js +2 -0
- package/dist/components/dialog/Dialog.js +190 -0
- package/dist/components/dialog/Dialog.vue.d.ts +36 -0
- package/dist/components/dialog/DialogBackdrop.js +54 -0
- package/dist/components/dialog/DialogBackdrop.vue.d.ts +14 -0
- package/dist/components/dialog/DialogBody.js +52 -0
- package/dist/components/dialog/DialogBody.vue.d.ts +14 -0
- package/dist/components/dialog/DialogCloseTrigger.js +47 -0
- package/dist/components/dialog/DialogCloseTrigger.vue.d.ts +14 -0
- package/dist/components/dialog/DialogContent.js +112 -0
- package/dist/components/dialog/DialogContent.vue.d.ts +16 -0
- package/dist/components/dialog/DialogFooter.js +101 -0
- package/dist/components/dialog/DialogFooter.vue.d.ts +20 -0
- package/dist/components/dialog/DialogHeader.js +87 -0
- package/dist/components/dialog/DialogHeader.vue.d.ts +14 -0
- package/dist/components/dialog/DialogInterceptProvider.js +15 -0
- package/dist/components/dialog/DialogInterceptProvider.vue.d.ts +17 -0
- package/dist/components/dialog/DialogTrigger.js +47 -0
- package/dist/components/dialog/DialogTrigger.vue.d.ts +14 -0
- package/dist/components/dialog/dialog-functional.d.ts +31 -0
- package/dist/components/dialog/dialog-functional.js +81 -0
- package/dist/components/dialog/dialog-intercept-context.d.ts +21 -0
- package/dist/components/dialog/dialog-intercept-context.js +12 -0
- package/dist/components/dialog/index.d.ts +12 -0
- package/dist/components/dialog/index.js +12 -0
- package/dist/components/dialog/props.d.ts +68 -0
- package/dist/components/dialog/props.js +0 -0
- package/dist/components/editable/Editable.js +153 -0
- package/dist/components/editable/Editable.vue.d.ts +42 -0
- package/dist/components/editable/EditableInput.js +102 -0
- package/dist/components/editable/EditableInput.vue.d.ts +14 -0
- package/dist/components/editable/EditablePreview.js +39 -0
- package/dist/components/editable/EditablePreview.vue.d.ts +14 -0
- package/dist/components/editable/index.d.ts +5 -0
- package/dist/components/editable/index.js +5 -0
- package/dist/components/editable/props.d.ts +18 -0
- package/dist/components/editable/props.js +0 -0
- package/dist/components/floating-panel/FloatingPanel.js +166 -0
- package/dist/components/floating-panel/FloatingPanel.vue.d.ts +43 -0
- package/dist/components/floating-panel/FloatingPanelCloseTrigger.js +54 -0
- package/dist/components/floating-panel/FloatingPanelCloseTrigger.vue.d.ts +14 -0
- package/dist/components/floating-panel/FloatingPanelContent.js +154 -0
- package/dist/components/floating-panel/FloatingPanelContent.vue.d.ts +14 -0
- package/dist/components/floating-panel/FloatingPanelHeader.js +78 -0
- package/dist/components/floating-panel/FloatingPanelHeader.vue.d.ts +16 -0
- package/dist/components/floating-panel/FloatingPanelOpacityTrigger.js +53 -0
- package/dist/components/floating-panel/FloatingPanelOpacityTrigger.vue.d.ts +18 -0
- package/dist/components/floating-panel/FloatingPanelPinTrigger.js +77 -0
- package/dist/components/floating-panel/FloatingPanelPinTrigger.vue.d.ts +21 -0
- package/dist/components/floating-panel/FloatingPanelStageTrigger.js +69 -0
- package/dist/components/floating-panel/FloatingPanelStageTrigger.vue.d.ts +14 -0
- package/dist/components/floating-panel/floating-panel-appearance-context.d.ts +10 -0
- package/dist/components/floating-panel/floating-panel-appearance-context.js +3 -0
- package/dist/components/floating-panel/index.d.ts +9 -0
- package/dist/components/floating-panel/index.js +9 -0
- package/dist/components/floating-panel/props.d.ts +56 -0
- package/dist/components/floating-panel/props.js +0 -0
- package/dist/components/hotkey/Hotkey.js +246 -0
- package/dist/components/hotkey/Hotkey.vue.d.ts +18 -0
- package/dist/components/hotkey/index.d.ts +2 -0
- package/dist/components/hotkey/index.js +2 -0
- package/dist/components/hotkey/keycode.d.ts +8 -0
- package/dist/components/hotkey/keycode.js +423 -0
- package/dist/components/hotkey/props.d.ts +14 -0
- package/dist/components/hotkey/props.js +0 -0
- package/dist/components/hover-card/HoverCard.js +89 -0
- package/dist/components/hover-card/HoverCard.vue.d.ts +31 -0
- package/dist/components/hover-card/HoverCardContent.js +88 -0
- package/dist/components/hover-card/HoverCardContent.vue.d.ts +4 -0
- package/dist/components/hover-card/index.d.ts +6 -0
- package/dist/components/hover-card/index.js +7 -0
- package/dist/components/hover-card/props.d.ts +16 -0
- package/dist/components/hover-card/props.js +0 -0
- package/dist/components/icon/Icon.js +42 -0
- package/dist/components/icon/Icon.vue.d.ts +4 -0
- package/dist/components/icon/index.d.ts +2 -0
- package/dist/components/icon/index.js +2 -0
- package/dist/components/icon/props.d.ts +7 -0
- package/dist/components/icon/props.js +0 -0
- package/dist/components/index.d.ts +32 -0
- package/dist/components/index.js +32 -0
- package/dist/components/input/Input.js +158 -0
- package/dist/components/input/Input.vue.d.ts +28 -0
- package/dist/components/input/index.d.ts +2 -0
- package/dist/components/input/index.js +2 -0
- package/dist/components/input/props.d.ts +18 -0
- package/dist/components/input/props.js +0 -0
- package/dist/components/menu/Menu.js +117 -0
- package/dist/components/menu/Menu.vue.d.ts +51 -0
- package/dist/components/menu/MenuCheckboxItem.js +80 -0
- package/dist/components/menu/MenuCheckboxItem.vue.d.ts +22 -0
- package/dist/components/menu/MenuContent.js +81 -0
- package/dist/components/menu/MenuContent.vue.d.ts +4 -0
- package/dist/components/menu/MenuItem.js +55 -0
- package/dist/components/menu/MenuItem.vue.d.ts +14 -0
- package/dist/components/menu/MenuItemGroup.js +67 -0
- package/dist/components/menu/MenuItemGroup.vue.d.ts +16 -0
- package/dist/components/menu/MenuRadioItem.js +106 -0
- package/dist/components/menu/MenuRadioItem.vue.d.ts +16 -0
- package/dist/components/menu/MenuRadioItemGroup.js +40 -0
- package/dist/components/menu/MenuRadioItemGroup.vue.d.ts +18 -0
- package/dist/components/menu/MenuTriggerItem.js +72 -0
- package/dist/components/menu/MenuTriggerItem.vue.d.ts +14 -0
- package/dist/components/menu/index.d.ts +12 -0
- package/dist/components/menu/index.js +13 -0
- package/dist/components/menu/props.d.ts +48 -0
- package/dist/components/menu/props.js +0 -0
- package/dist/components/message/Message.js +160 -0
- package/dist/components/message/Message.vue.d.ts +36 -0
- package/dist/components/message/Messager.js +66 -0
- package/dist/components/message/Messager.vue.d.ts +17 -0
- package/dist/components/message/index.d.ts +8 -0
- package/dist/components/message/index.js +5 -0
- package/dist/components/message/props.d.ts +75 -0
- package/dist/components/message/props.js +0 -0
- package/dist/components/message/use-message.d.ts +38 -0
- package/dist/components/message/use-message.js +69 -0
- package/dist/components/number-input/NumberInput.js +174 -0
- package/dist/components/number-input/NumberInput.vue.d.ts +33 -0
- package/dist/components/number-input/index.d.ts +2 -0
- package/dist/components/number-input/index.js +2 -0
- package/dist/components/number-input/props.d.ts +14 -0
- package/dist/components/number-input/props.js +0 -0
- package/dist/components/overlay/OverlayProvider.js +32 -0
- package/dist/components/overlay/OverlayProvider.vue.d.ts +3 -0
- package/dist/components/overlay/index.d.ts +1 -0
- package/dist/components/overlay/index.js +1 -0
- package/dist/components/pagination/Pagination.js +202 -0
- package/dist/components/pagination/Pagination.vue.d.ts +27 -0
- package/dist/components/pagination/PaginationGoTo.js +85 -0
- package/dist/components/pagination/PaginationGoTo.vue.d.ts +16 -0
- package/dist/components/pagination/PaginationGoToTrigger.js +29 -0
- package/dist/components/pagination/PaginationGoToTrigger.vue.d.ts +16 -0
- package/dist/components/pagination/PaginationPageSize.js +136 -0
- package/dist/components/pagination/PaginationPageSize.vue.d.ts +16 -0
- package/dist/components/pagination/index.d.ts +5 -0
- package/dist/components/pagination/index.js +5 -0
- package/dist/components/pagination/props.d.ts +39 -0
- package/dist/components/pagination/props.js +2 -0
- package/dist/components/popover/Popover.js +101 -0
- package/dist/components/popover/Popover.vue.d.ts +43 -0
- package/dist/components/popover/PopoverClose.js +63 -0
- package/dist/components/popover/PopoverClose.vue.d.ts +14 -0
- package/dist/components/popover/PopoverContent.js +91 -0
- package/dist/components/popover/PopoverContent.vue.d.ts +4 -0
- package/dist/components/popover/PopoverIndicator.js +52 -0
- package/dist/components/popover/PopoverIndicator.vue.d.ts +14 -0
- package/dist/components/popover/index.d.ts +8 -0
- package/dist/components/popover/index.js +9 -0
- package/dist/components/popover/props.d.ts +21 -0
- package/dist/components/popover/props.js +0 -0
- package/dist/components/progress/Progress.js +80 -0
- package/dist/components/progress/Progress.vue.d.ts +23 -0
- package/dist/components/progress/ProgressArc.js +130 -0
- package/dist/components/progress/ProgressArc.vue.d.ts +4 -0
- package/dist/components/progress/ProgressCircle.js +89 -0
- package/dist/components/progress/ProgressCircle.vue.d.ts +4 -0
- package/dist/components/progress/ProgressLinear.js +74 -0
- package/dist/components/progress/ProgressLinear.vue.d.ts +4 -0
- package/dist/components/progress/index.d.ts +6 -0
- package/dist/components/progress/index.js +6 -0
- package/dist/components/progress/props.d.ts +39 -0
- package/dist/components/progress/props.js +0 -0
- package/dist/components/progress/useRangeTransfer.d.ts +8 -0
- package/dist/components/progress/useRangeTransfer.js +51 -0
- package/dist/components/radio-group/RadioGroup.js +88 -0
- package/dist/components/radio-group/RadioGroupItem.js +135 -0
- package/dist/components/radio-group/RadioGroupItem.vue.d.ts +16 -0
- package/dist/components/radio-group/index.d.ts +3 -0
- package/dist/components/radio-group/index.js +3 -0
- package/dist/components/radio-group/props.d.ts +36 -0
- package/dist/components/radio-group/props.js +0 -0
- package/dist/components/rating-group/RatingGroup.js +110 -0
- package/dist/components/rating-group/RatingGroup.vue.d.ts +31 -0
- package/dist/components/rating-group/RatingGroupItem.js +98 -0
- package/dist/components/rating-group/RatingGroupItem.vue.d.ts +25 -0
- package/dist/components/rating-group/index.d.ts +3 -0
- package/dist/components/rating-group/index.js +3 -0
- package/dist/components/rating-group/props.d.ts +18 -0
- package/dist/components/rating-group/props.js +0 -0
- package/dist/components/scroll-area/ScrollArea.js +138 -0
- package/dist/components/scroll-area/ScrollArea.vue.d.ts +14 -0
- package/dist/components/scroll-area/ScrollAreaCorner.js +42 -0
- package/dist/components/scroll-area/ScrollAreaCorner.vue.d.ts +4 -0
- package/dist/components/scroll-area/ScrollAreaScrollbar.js +59 -0
- package/dist/components/scroll-area/ScrollAreaScrollbar.vue.d.ts +4 -0
- package/dist/components/scroll-area/index.d.ts +4 -0
- package/dist/components/scroll-area/index.js +4 -0
- package/dist/components/scroll-area/props.d.ts +33 -0
- package/dist/components/scroll-area/props.js +0 -0
- package/dist/components/select/Select.js +143 -0
- package/dist/components/select/Select.vue.d.ts +35 -0
- package/dist/components/select/SelectContent.js +69 -0
- package/dist/components/select/SelectContent.vue.d.ts +14 -0
- package/dist/components/select/SelectItem.js +76 -0
- package/dist/components/select/SelectItem.vue.d.ts +16 -0
- package/dist/components/select/SelectItemGroup.js +67 -0
- package/dist/components/select/SelectItemGroup.vue.d.ts +16 -0
- package/dist/components/select/SelectTrigger.js +94 -0
- package/dist/components/select/SelectTrigger.vue.d.ts +16 -0
- package/dist/components/select/SelectValue.js +51 -0
- package/dist/components/select/SelectValue.vue.d.ts +14 -0
- package/dist/components/select/index.d.ts +7 -0
- package/dist/components/select/index.js +7 -0
- package/dist/components/select/props.d.ts +49 -0
- package/dist/components/select/props.js +0 -0
- package/dist/components/skeleton/Skeleton.js +46 -0
- package/dist/components/skeleton/Skeleton.vue.d.ts +14 -0
- package/dist/components/skeleton/index.d.ts +2 -0
- package/dist/components/skeleton/index.js +2 -0
- package/dist/components/skeleton/props.d.ts +8 -0
- package/dist/components/skeleton/props.js +0 -0
- package/dist/components/slider/Slider.js +156 -0
- package/dist/components/slider/Slider.vue.d.ts +31 -0
- package/dist/components/slider/SliderBoundaryProvider.js +17 -0
- package/dist/components/slider/SliderBoundaryProvider.vue.d.ts +18 -0
- package/dist/components/slider/SliderMarker.js +63 -0
- package/dist/components/slider/SliderMarker.vue.d.ts +14 -0
- package/dist/components/slider/SliderThumb.js +53 -0
- package/dist/components/slider/SliderThumb.vue.d.ts +4 -0
- package/dist/components/slider/SliderTooltipMarker.js +149 -0
- package/dist/components/slider/SliderTooltipMarker.vue.d.ts +18 -0
- package/dist/components/slider/SliderTooltipThumb.js +175 -0
- package/dist/components/slider/SliderTooltipThumb.vue.d.ts +20 -0
- package/dist/components/slider/index.d.ts +7 -0
- package/dist/components/slider/index.js +7 -0
- package/dist/components/slider/props.d.ts +31 -0
- package/dist/components/slider/props.js +0 -0
- package/dist/components/spin/Spin.js +125 -0
- package/dist/components/spin/Spin.vue.d.ts +21 -0
- package/dist/components/spin/SpinProvider.d.ts +14 -0
- package/dist/components/spin/SpinProvider.js +41 -0
- package/dist/components/spin/index.d.ts +3 -0
- package/dist/components/spin/index.js +3 -0
- package/dist/components/spin/props.d.ts +19 -0
- package/dist/components/spin/props.js +0 -0
- package/dist/components/switch/Switch.js +116 -0
- package/dist/components/switch/Switch.vue.d.ts +23 -0
- package/dist/components/switch/SwitchLabel.js +43 -0
- package/dist/components/switch/SwitchLabel.vue.d.ts +14 -0
- package/dist/components/switch/index.d.ts +3 -0
- package/dist/components/switch/index.js +3 -0
- package/dist/components/switch/props.d.ts +16 -0
- package/dist/components/switch/props.js +0 -0
- package/dist/components/tabs/Tabs.js +122 -0
- package/dist/components/tabs/Tabs.vue.d.ts +25 -0
- package/dist/components/tabs/TabsContent.js +56 -0
- package/dist/components/tabs/TabsContent.vue.d.ts +14 -0
- package/dist/components/tabs/TabsIndicator.js +50 -0
- package/dist/components/tabs/TabsIndicator.vue.d.ts +14 -0
- package/dist/components/tabs/TabsList.js +88 -0
- package/dist/components/tabs/TabsList.vue.d.ts +14 -0
- package/dist/components/tabs/TabsProviderEx.js +17 -0
- package/dist/components/tabs/TabsProviderEx.vue.d.ts +21 -0
- package/dist/components/tabs/TabsTrigger.js +54 -0
- package/dist/components/tabs/TabsTrigger.vue.d.ts +14 -0
- package/dist/components/tabs/index.d.ts +6 -0
- package/dist/components/tabs/index.js +6 -0
- package/dist/components/tabs/props.d.ts +18 -0
- package/dist/components/tabs/props.js +0 -0
- package/dist/components/tags-input/TagsInput.js +202 -0
- package/dist/components/tags-input/TagsInput.vue.d.ts +47 -0
- package/dist/components/tags-input/TagsInputItem.js +111 -0
- package/dist/components/tags-input/TagsInputItem.vue.d.ts +14 -0
- package/dist/components/tags-input/index.d.ts +3 -0
- package/dist/components/tags-input/index.js +3 -0
- package/dist/components/tags-input/props.d.ts +26 -0
- package/dist/components/tags-input/props.js +2 -0
- package/dist/components/toast/Toast.js +188 -0
- package/dist/components/toast/Toast.vue.d.ts +24 -0
- package/dist/components/toast/Toaster.js +59 -0
- package/dist/components/toast/Toaster.vue.d.ts +18 -0
- package/dist/components/toast/ToasterManager.js +61 -0
- package/dist/components/toast/ToasterManager.vue.d.ts +6 -0
- package/dist/components/toast/index.d.ts +6 -0
- package/dist/components/toast/index.js +6 -0
- package/dist/components/toast/props.d.ts +100 -0
- package/dist/components/toast/props.js +2 -0
- package/dist/components/toast/use-toast.d.ts +37 -0
- package/dist/components/toast/use-toast.js +80 -0
- package/dist/components/toggle/Toggle.js +61 -0
- package/dist/components/toggle/Toggle.vue.d.ts +20 -0
- package/dist/components/toggle/index.d.ts +3 -0
- package/dist/components/toggle/index.js +3 -0
- package/dist/components/toggle/props.d.ts +6 -0
- package/dist/components/toggle/props.js +0 -0
- package/dist/components/toggle-group/ToggleGroup.js +90 -0
- package/dist/components/toggle-group/ToggleGroup.vue.d.ts +23 -0
- package/dist/components/toggle-group/ToggleGroupItem.js +54 -0
- package/dist/components/toggle-group/ToggleGroupItem.vue.d.ts +14 -0
- package/dist/components/toggle-group/index.d.ts +3 -0
- package/dist/components/toggle-group/index.js +3 -0
- package/dist/components/toggle-group/props.d.ts +9 -0
- package/dist/components/toggle-group/props.js +0 -0
- package/dist/components/tooltip/Tooltip.js +102 -0
- package/dist/components/tooltip/Tooltip.vue.d.ts +25 -0
- package/dist/components/tooltip/TooltipContent.js +91 -0
- package/dist/components/tooltip/TooltipContent.vue.d.ts +4 -0
- package/dist/components/tooltip/index.d.ts +6 -0
- package/dist/components/tooltip/index.js +7 -0
- package/dist/components/tooltip/props.d.ts +13 -0
- package/dist/components/tooltip/props.js +0 -0
- package/dist/components/tree/Tree.js +146 -0
- package/dist/components/tree/Tree.vue.d.ts +40 -0
- package/dist/components/tree/TreeCheckboxNode.d.ts +164 -0
- package/dist/components/tree/TreeCheckboxNode.js +335 -0
- package/dist/components/tree/TreeNode.d.ts +152 -0
- package/dist/components/tree/TreeNode.js +251 -0
- package/dist/components/tree/index.d.ts +5 -0
- package/dist/components/tree/index.js +4 -0
- package/dist/components/tree/props.d.ts +38 -0
- package/dist/components/tree/props.js +0 -0
- package/dist/components/tree/tree-context.d.ts +8 -0
- package/dist/components/tree/tree-context.js +3 -0
- package/dist/composables/index.d.ts +4 -0
- package/dist/composables/index.js +4 -0
- package/dist/composables/useConfig.d.ts +3 -0
- package/dist/composables/useConfig.js +9 -0
- package/dist/composables/useOverlay.d.ts +70 -0
- package/dist/composables/useOverlay.js +92 -0
- package/dist/composables/useRipple.d.ts +12 -0
- package/dist/composables/useRipple.js +59 -0
- package/dist/composables/useStableId.d.ts +1 -0
- package/dist/composables/useStableId.js +7 -0
- package/dist/composables/useTheme.d.ts +9 -0
- package/dist/composables/useTheme.js +55 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +4 -0
- package/dist/providers/config/RUIConfigProvider.js +139 -0
- package/dist/providers/config/RUIConfigProvider.vue.d.ts +63 -0
- package/dist/providers/config/index.d.ts +2 -0
- package/dist/providers/config/index.js +1 -0
- package/dist/providers/config/rui-config-context.d.ts +44 -0
- package/dist/providers/config/rui-config-context.js +3 -0
- package/dist/providers/index.d.ts +2 -0
- package/dist/providers/index.js +2 -0
- package/dist/providers/theme/ThemeContext.js +11 -0
- package/dist/providers/theme/ThemeContext.vue.d.ts +14 -0
- package/dist/providers/theme/ThemeProvider.js +15 -0
- package/dist/providers/theme/ThemeProvider.vue.d.ts +23 -0
- package/dist/providers/theme/index.d.ts +3 -0
- package/dist/providers/theme/index.js +2 -0
- package/dist/providers/theme/theme-props.d.ts +41 -0
- package/dist/providers/theme/theme-props.js +3 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.js +1 -0
- package/dist/utils/vnode.d.ts +8 -0
- package/dist/utils/vnode.js +86 -0
- package/package.json +1 -1
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { Teleport, computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, useAttrs, useSlots, withCtx } from "vue";
|
|
2
|
+
import { Dialog } from "@ark-ui/vue/dialog";
|
|
3
|
+
import { ark } from "@ark-ui/vue/factory";
|
|
4
|
+
import { clsx, cn } from "@raxium/themes/utils";
|
|
5
|
+
import { useTheme } from "../../composables/useTheme.js";
|
|
6
|
+
import { hasChildVNodeByName } from "../../utils/vnode.js";
|
|
7
|
+
import { X } from "lucide-vue-next";
|
|
8
|
+
import { DialogBackdrop, DialogCloseTrigger } from "./index.js";
|
|
9
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
10
|
+
inheritAttrs: false,
|
|
11
|
+
__name: "DialogContent",
|
|
12
|
+
props: {
|
|
13
|
+
class: {
|
|
14
|
+
type: [
|
|
15
|
+
Boolean,
|
|
16
|
+
null,
|
|
17
|
+
String,
|
|
18
|
+
Object,
|
|
19
|
+
Array
|
|
20
|
+
]
|
|
21
|
+
},
|
|
22
|
+
ui: {},
|
|
23
|
+
showClose: {
|
|
24
|
+
type: Boolean,
|
|
25
|
+
default: true
|
|
26
|
+
},
|
|
27
|
+
theme: {}
|
|
28
|
+
},
|
|
29
|
+
setup (__props) {
|
|
30
|
+
const slots = useSlots();
|
|
31
|
+
const defaultSlots = computed(()=>slots.default?.());
|
|
32
|
+
const hasDialogHeader = computed(()=>hasChildVNodeByName(defaultSlots.value, "DialogHeader"));
|
|
33
|
+
const showContentClose = computed(()=>__props.showClose && !hasDialogHeader.value);
|
|
34
|
+
const attrs = useAttrs();
|
|
35
|
+
const theme = useTheme(()=>__props.theme);
|
|
36
|
+
const crafts = computed(()=>theme.value.crafts.tvDialog());
|
|
37
|
+
return (_ctx, _cache)=>(openBlock(), createBlock(Teleport, {
|
|
38
|
+
to: "body"
|
|
39
|
+
}, [
|
|
40
|
+
createVNode(unref(DialogBackdrop), {
|
|
41
|
+
class: normalizeClass(unref(clsx)(__props.ui?.backdrop)),
|
|
42
|
+
theme: unref(theme)
|
|
43
|
+
}, null, 8, [
|
|
44
|
+
"class",
|
|
45
|
+
"theme"
|
|
46
|
+
]),
|
|
47
|
+
createVNode(unref(Dialog).Positioner, {
|
|
48
|
+
class: normalizeClass(crafts.value.positioner({
|
|
49
|
+
class: unref(clsx)(__props.ui?.positioner),
|
|
50
|
+
...unref(theme)
|
|
51
|
+
}))
|
|
52
|
+
}, {
|
|
53
|
+
default: withCtx(()=>[
|
|
54
|
+
createVNode(unref(Dialog).Content, mergeProps(unref(attrs), {
|
|
55
|
+
class: crafts.value.content({
|
|
56
|
+
class: unref(clsx)(__props.ui?.content, __props.class),
|
|
57
|
+
...unref(theme)
|
|
58
|
+
})
|
|
59
|
+
}), {
|
|
60
|
+
default: withCtx(()=>[
|
|
61
|
+
renderSlot(_ctx.$slots, "default"),
|
|
62
|
+
renderSlot(_ctx.$slots, "close", {}, ()=>[
|
|
63
|
+
showContentClose.value ? (openBlock(), createBlock(unref(DialogCloseTrigger), {
|
|
64
|
+
key: 0,
|
|
65
|
+
"as-child": ""
|
|
66
|
+
}, {
|
|
67
|
+
default: withCtx(()=>[
|
|
68
|
+
createVNode(unref(ark).button, {
|
|
69
|
+
class: normalizeClass(unref(cn)([
|
|
70
|
+
"absolute",
|
|
71
|
+
"top-0",
|
|
72
|
+
"right-0"
|
|
73
|
+
], crafts.value.close({
|
|
74
|
+
class: unref(clsx)(__props.ui?.close),
|
|
75
|
+
...unref(theme)
|
|
76
|
+
}))),
|
|
77
|
+
"data-variant": "content-close"
|
|
78
|
+
}, {
|
|
79
|
+
default: withCtx(()=>[
|
|
80
|
+
createVNode(unref(X), {
|
|
81
|
+
style: {
|
|
82
|
+
width: "1lh",
|
|
83
|
+
height: "1lh"
|
|
84
|
+
}
|
|
85
|
+
}),
|
|
86
|
+
_cache[0] || (_cache[0] = createElementVNode("span", {
|
|
87
|
+
class: "sr-only"
|
|
88
|
+
}, "Close", -1))
|
|
89
|
+
]),
|
|
90
|
+
_: 1
|
|
91
|
+
}, 8, [
|
|
92
|
+
"class"
|
|
93
|
+
])
|
|
94
|
+
]),
|
|
95
|
+
_: 1
|
|
96
|
+
})) : createCommentVNode("", true)
|
|
97
|
+
])
|
|
98
|
+
]),
|
|
99
|
+
_: 3
|
|
100
|
+
}, 16, [
|
|
101
|
+
"class"
|
|
102
|
+
])
|
|
103
|
+
]),
|
|
104
|
+
_: 3
|
|
105
|
+
}, 8, [
|
|
106
|
+
"class"
|
|
107
|
+
])
|
|
108
|
+
]));
|
|
109
|
+
}
|
|
110
|
+
});
|
|
111
|
+
const DialogContent = _sfc_main;
|
|
112
|
+
export default DialogContent;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { DialogContentProps } from '.';
|
|
2
|
+
declare var __VLS_24: {}, __VLS_26: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_24) => any;
|
|
5
|
+
} & {
|
|
6
|
+
close?: (props: typeof __VLS_26) => any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_base: import("vue").DefineComponent<DialogContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
10
|
+
declare const _default: typeof __VLS_export;
|
|
11
|
+
export default _default;
|
|
12
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
13
|
+
new (): {
|
|
14
|
+
$slots: S;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { computed, createBlock, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useId, withCtx } from "vue";
|
|
2
|
+
import { ark } from "@ark-ui/vue/factory";
|
|
3
|
+
import { clsx } from "@raxium/themes/utils";
|
|
4
|
+
import { Button } from "../button/index.js";
|
|
5
|
+
import { useTheme } from "../../composables/useTheme.js";
|
|
6
|
+
import { DialogCloseTrigger, TriggerFrom } from "./index.js";
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "DialogFooter",
|
|
9
|
+
props: {
|
|
10
|
+
class: {
|
|
11
|
+
type: [
|
|
12
|
+
Boolean,
|
|
13
|
+
null,
|
|
14
|
+
String,
|
|
15
|
+
Object,
|
|
16
|
+
Array
|
|
17
|
+
]
|
|
18
|
+
},
|
|
19
|
+
ui: {},
|
|
20
|
+
widget: {},
|
|
21
|
+
theme: {}
|
|
22
|
+
},
|
|
23
|
+
emits: [
|
|
24
|
+
"ok",
|
|
25
|
+
"cancel"
|
|
26
|
+
],
|
|
27
|
+
setup (__props, { emit: __emit }) {
|
|
28
|
+
const emits = __emit;
|
|
29
|
+
const id = useId();
|
|
30
|
+
const theme = useTheme(()=>__props.theme);
|
|
31
|
+
const crafts = computed(()=>theme.value.crafts.tvDialog());
|
|
32
|
+
return (_ctx, _cache)=>(openBlock(), createBlock(unref(ark).div, {
|
|
33
|
+
id: `dialog:${unref(id)}:footer`,
|
|
34
|
+
"data-scope": "dialog",
|
|
35
|
+
"data-part": "footer",
|
|
36
|
+
class: normalizeClass(crafts.value.footer({
|
|
37
|
+
class: unref(clsx)(__props.ui?.root, __props.class),
|
|
38
|
+
...unref(theme)
|
|
39
|
+
}))
|
|
40
|
+
}, {
|
|
41
|
+
default: withCtx(()=>[
|
|
42
|
+
renderSlot(_ctx.$slots, "default", {}, ()=>[
|
|
43
|
+
createVNode(unref(DialogCloseTrigger), {
|
|
44
|
+
"as-child": "",
|
|
45
|
+
from: unref(TriggerFrom).CANCEL_BUTTON
|
|
46
|
+
}, {
|
|
47
|
+
default: withCtx(()=>[
|
|
48
|
+
createVNode(unref(Button), mergeProps({
|
|
49
|
+
variant: "text"
|
|
50
|
+
}, __props.widget?.cancel, {
|
|
51
|
+
class: unref(clsx)(__props.ui?.cancel),
|
|
52
|
+
theme: unref(theme),
|
|
53
|
+
onClick: _cache[0] || (_cache[0] = ($event)=>emits("cancel", $event))
|
|
54
|
+
}), {
|
|
55
|
+
default: withCtx(()=>[
|
|
56
|
+
createTextVNode(toDisplayString(__props.widget?.cancel?.text ?? "Cancel"), 1)
|
|
57
|
+
]),
|
|
58
|
+
_: 1
|
|
59
|
+
}, 16, [
|
|
60
|
+
"class",
|
|
61
|
+
"theme"
|
|
62
|
+
])
|
|
63
|
+
]),
|
|
64
|
+
_: 1
|
|
65
|
+
}, 8, [
|
|
66
|
+
"from"
|
|
67
|
+
]),
|
|
68
|
+
createVNode(unref(DialogCloseTrigger), {
|
|
69
|
+
"as-child": "",
|
|
70
|
+
from: unref(TriggerFrom).OK_BUTTON
|
|
71
|
+
}, {
|
|
72
|
+
default: withCtx(()=>[
|
|
73
|
+
createVNode(unref(Button), mergeProps(__props.widget?.ok, {
|
|
74
|
+
class: unref(clsx)(__props.ui?.ok),
|
|
75
|
+
theme: unref(theme),
|
|
76
|
+
onClick: _cache[1] || (_cache[1] = ($event)=>emits("ok", $event))
|
|
77
|
+
}), {
|
|
78
|
+
default: withCtx(()=>[
|
|
79
|
+
createTextVNode(toDisplayString(__props.widget?.ok?.text ?? "OK"), 1)
|
|
80
|
+
]),
|
|
81
|
+
_: 1
|
|
82
|
+
}, 16, [
|
|
83
|
+
"class",
|
|
84
|
+
"theme"
|
|
85
|
+
])
|
|
86
|
+
]),
|
|
87
|
+
_: 1
|
|
88
|
+
}, 8, [
|
|
89
|
+
"from"
|
|
90
|
+
])
|
|
91
|
+
])
|
|
92
|
+
]),
|
|
93
|
+
_: 3
|
|
94
|
+
}, 8, [
|
|
95
|
+
"id",
|
|
96
|
+
"class"
|
|
97
|
+
]));
|
|
98
|
+
}
|
|
99
|
+
});
|
|
100
|
+
const DialogFooter = _sfc_main;
|
|
101
|
+
export default DialogFooter;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { DialogFooterProps } from '.';
|
|
2
|
+
declare var __VLS_8: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_8) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_base: import("vue").DefineComponent<DialogFooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
+
cancel: (event: MouseEvent) => any;
|
|
8
|
+
ok: (event: MouseEvent) => any;
|
|
9
|
+
}, string, import("vue").PublicProps, Readonly<DialogFooterProps> & Readonly<{
|
|
10
|
+
onCancel?: ((event: MouseEvent) => any) | undefined;
|
|
11
|
+
onOk?: ((event: MouseEvent) => any) | undefined;
|
|
12
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { computed, createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, useId, withCtx } from "vue";
|
|
2
|
+
import { Dialog } from "@ark-ui/vue/dialog";
|
|
3
|
+
import { ark } from "@ark-ui/vue/factory";
|
|
4
|
+
import { clsx } from "@raxium/themes/utils";
|
|
5
|
+
import { useTheme } from "../../composables/useTheme.js";
|
|
6
|
+
import { X } from "lucide-vue-next";
|
|
7
|
+
import { DialogCloseTrigger } from "./index.js";
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
|
+
__name: "DialogHeader",
|
|
10
|
+
props: {
|
|
11
|
+
class: {
|
|
12
|
+
type: [
|
|
13
|
+
Boolean,
|
|
14
|
+
null,
|
|
15
|
+
String,
|
|
16
|
+
Object,
|
|
17
|
+
Array
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
ui: {},
|
|
21
|
+
theme: {}
|
|
22
|
+
},
|
|
23
|
+
setup (__props) {
|
|
24
|
+
const id = useId();
|
|
25
|
+
const theme = useTheme(()=>__props.theme);
|
|
26
|
+
const crafts = computed(()=>theme.value.crafts.tvDialog());
|
|
27
|
+
return (_ctx, _cache)=>(openBlock(), createBlock(unref(ark).div, {
|
|
28
|
+
id: `dialog:${unref(id)}:header`,
|
|
29
|
+
"data-scope": "dialog",
|
|
30
|
+
"data-part": "header",
|
|
31
|
+
class: normalizeClass(crafts.value.header({
|
|
32
|
+
class: unref(clsx)(__props.ui?.root, __props.class),
|
|
33
|
+
...unref(theme)
|
|
34
|
+
}))
|
|
35
|
+
}, {
|
|
36
|
+
default: withCtx(()=>[
|
|
37
|
+
createVNode(unref(Dialog).Title, {
|
|
38
|
+
class: normalizeClass(crafts.value.title({
|
|
39
|
+
class: unref(clsx)(__props.ui?.title),
|
|
40
|
+
...unref(theme)
|
|
41
|
+
}))
|
|
42
|
+
}, {
|
|
43
|
+
default: withCtx(()=>[
|
|
44
|
+
renderSlot(_ctx.$slots, "default")
|
|
45
|
+
]),
|
|
46
|
+
_: 3
|
|
47
|
+
}, 8, [
|
|
48
|
+
"class"
|
|
49
|
+
]),
|
|
50
|
+
createVNode(unref(DialogCloseTrigger), {
|
|
51
|
+
"as-child": ""
|
|
52
|
+
}, {
|
|
53
|
+
default: withCtx(()=>[
|
|
54
|
+
createVNode(unref(ark).button, {
|
|
55
|
+
class: normalizeClass(crafts.value.close({
|
|
56
|
+
class: unref(clsx)(__props.ui?.close),
|
|
57
|
+
...unref(theme)
|
|
58
|
+
}))
|
|
59
|
+
}, {
|
|
60
|
+
default: withCtx(()=>[
|
|
61
|
+
createVNode(unref(X), {
|
|
62
|
+
style: {
|
|
63
|
+
width: "1lh",
|
|
64
|
+
height: "1lh"
|
|
65
|
+
}
|
|
66
|
+
}),
|
|
67
|
+
_cache[0] || (_cache[0] = createElementVNode("span", {
|
|
68
|
+
class: "sr-only"
|
|
69
|
+
}, "Close", -1))
|
|
70
|
+
]),
|
|
71
|
+
_: 1
|
|
72
|
+
}, 8, [
|
|
73
|
+
"class"
|
|
74
|
+
])
|
|
75
|
+
]),
|
|
76
|
+
_: 1
|
|
77
|
+
})
|
|
78
|
+
]),
|
|
79
|
+
_: 3
|
|
80
|
+
}, 8, [
|
|
81
|
+
"id",
|
|
82
|
+
"class"
|
|
83
|
+
]));
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
const DialogHeader = _sfc_main;
|
|
87
|
+
export default DialogHeader;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { DialogHeaderProps } from '.';
|
|
2
|
+
declare var __VLS_14: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_14) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_base: import("vue").DefineComponent<DialogHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
8
|
+
declare const _default: typeof __VLS_export;
|
|
9
|
+
export default _default;
|
|
10
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
11
|
+
new (): {
|
|
12
|
+
$slots: S;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { computed, defineComponent, renderSlot } from "vue";
|
|
2
|
+
import { provideDialogInterceptContext } from "./dialog-intercept-context.js";
|
|
3
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
|
+
__name: "DialogInterceptProvider",
|
|
5
|
+
props: {
|
|
6
|
+
value: {}
|
|
7
|
+
},
|
|
8
|
+
setup (__props) {
|
|
9
|
+
const props = __props;
|
|
10
|
+
provideDialogInterceptContext(computed(()=>props.value));
|
|
11
|
+
return (_ctx, _cache)=>renderSlot(_ctx.$slots, "default");
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
const DialogInterceptProvider = _sfc_main;
|
|
15
|
+
export default DialogInterceptProvider;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { DialogInterceptContext } from './dialog-intercept-context';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
value: DialogInterceptContext;
|
|
4
|
+
};
|
|
5
|
+
declare var __VLS_1: {};
|
|
6
|
+
type __VLS_Slots = {} & {
|
|
7
|
+
default?: (props: typeof __VLS_1) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
11
|
+
declare const _default: typeof __VLS_export;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
14
|
+
new (): {
|
|
15
|
+
$slots: S;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { computed, createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { useForwardExpose, useForwardProps } from "@ark-ui/vue";
|
|
3
|
+
import { useDialogContext } from "@ark-ui/vue/dialog";
|
|
4
|
+
import { ark } from "@ark-ui/vue/factory";
|
|
5
|
+
import { TriggerFrom, injectDialogInterceptContext } from "./dialog-intercept-context.js";
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "DialogTrigger",
|
|
8
|
+
props: {
|
|
9
|
+
from: {
|
|
10
|
+
default: ()=>TriggerFrom.OPEN_TRIGGER
|
|
11
|
+
},
|
|
12
|
+
asChild: {
|
|
13
|
+
type: Boolean
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
setup (__props) {
|
|
17
|
+
const props = createPropsRestProxy(__props, [
|
|
18
|
+
"from",
|
|
19
|
+
"asChild"
|
|
20
|
+
]);
|
|
21
|
+
const forwarded = useForwardProps(props);
|
|
22
|
+
const context = useDialogContext();
|
|
23
|
+
const interceptContext = injectDialogInterceptContext();
|
|
24
|
+
const triggerProps = computed(()=>{
|
|
25
|
+
const contextProps = context.value.getTriggerProps();
|
|
26
|
+
return Object.assign({}, contextProps, forwarded.value, {
|
|
27
|
+
onClick: (e)=>{
|
|
28
|
+
interceptContext.value.triggerFrom.value = __props.from;
|
|
29
|
+
contextProps.onClick?.(e);
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
});
|
|
33
|
+
useForwardExpose();
|
|
34
|
+
return (_ctx, _cache)=>(openBlock(), createBlock(unref(ark).button, mergeProps(triggerProps.value, {
|
|
35
|
+
"as-child": __props.asChild
|
|
36
|
+
}), {
|
|
37
|
+
default: withCtx(()=>[
|
|
38
|
+
renderSlot(_ctx.$slots, "default")
|
|
39
|
+
]),
|
|
40
|
+
_: 3
|
|
41
|
+
}, 16, [
|
|
42
|
+
"as-child"
|
|
43
|
+
]));
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
const DialogTrigger = _sfc_main;
|
|
47
|
+
export default DialogTrigger;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { DialogTriggerProps } from '.';
|
|
2
|
+
declare var __VLS_8: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_8) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_base: import("vue").DefineComponent<DialogTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
8
|
+
declare const _default: typeof __VLS_export;
|
|
9
|
+
export default _default;
|
|
10
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
11
|
+
new (): {
|
|
12
|
+
$slots: S;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 函数式唤起Dialog
|
|
3
|
+
*/
|
|
4
|
+
import type { UseDialogContext } from '@ark-ui/vue/dialog';
|
|
5
|
+
import type { ThemeProps } from '../../providers/theme';
|
|
6
|
+
import type { ComponentProps } from 'vue-component-type-helpers';
|
|
7
|
+
import type { DialogTriggerFrom, OpenChangeDetails } from './dialog-intercept-context';
|
|
8
|
+
import { DialogBody, DialogContent, DialogFooter, DialogHeader } from '.';
|
|
9
|
+
type OpenChangeDetailsWithFrom = OpenChangeDetails & {
|
|
10
|
+
from: DialogTriggerFrom;
|
|
11
|
+
};
|
|
12
|
+
interface DialogOptions extends ThemeProps {
|
|
13
|
+
title?: string | ((context: UseDialogContext) => any);
|
|
14
|
+
content?: string | ((context: UseDialogContext) => any);
|
|
15
|
+
footer?: boolean | ((context: UseDialogContext) => any);
|
|
16
|
+
render?: (context: UseDialogContext) => any;
|
|
17
|
+
widget?: {
|
|
18
|
+
header?: ComponentProps<typeof DialogHeader>;
|
|
19
|
+
content?: ComponentProps<typeof DialogContent>;
|
|
20
|
+
body?: ComponentProps<typeof DialogBody>;
|
|
21
|
+
footer?: ComponentProps<typeof DialogFooter>;
|
|
22
|
+
};
|
|
23
|
+
onOpenChange?: (details: OpenChangeDetailsWithFrom) => void;
|
|
24
|
+
onAfterClose?: (details: OpenChangeDetailsWithFrom) => void;
|
|
25
|
+
onOk?: (event: MouseEvent) => void;
|
|
26
|
+
onCancel?: (event: MouseEvent) => void;
|
|
27
|
+
}
|
|
28
|
+
export declare function dialog(options: DialogOptions): {
|
|
29
|
+
close: () => void;
|
|
30
|
+
};
|
|
31
|
+
export {};
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { createApp, createVNode, defineComponent, isVNode, mergeProps, reactive, ref } from "vue";
|
|
2
|
+
import { Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader } from "./index.js";
|
|
3
|
+
function _isSlot(s) {
|
|
4
|
+
return 'function' == typeof s || '[object Object]' === Object.prototype.toString.call(s) && !isVNode(s);
|
|
5
|
+
}
|
|
6
|
+
function dialog(options) {
|
|
7
|
+
const { title, content, footer = true, render, widget, onOk, onCancel, onOpenChange, onAfterClose } = reactive(options);
|
|
8
|
+
const open = ref(false);
|
|
9
|
+
const DialogComponent = defineComponent({
|
|
10
|
+
name: 'Dialog',
|
|
11
|
+
props: {
|
|
12
|
+
onAfterClose: {
|
|
13
|
+
type: Function,
|
|
14
|
+
default: ()=>{}
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
setup (props) {
|
|
18
|
+
const openChangeDetail = ref();
|
|
19
|
+
return ()=>createVNode(Dialog, {
|
|
20
|
+
open: open.value,
|
|
21
|
+
"onUpdate:open": ($event)=>open.value = $event,
|
|
22
|
+
"lazy-mount": true,
|
|
23
|
+
"unmount-on-exit": true,
|
|
24
|
+
onOpenChange: (details)=>{
|
|
25
|
+
openChangeDetail.value = details;
|
|
26
|
+
onOpenChange?.(details);
|
|
27
|
+
},
|
|
28
|
+
onExitComplete: ()=>{
|
|
29
|
+
const details = openChangeDetail.value ?? {
|
|
30
|
+
open: false,
|
|
31
|
+
from: void 0
|
|
32
|
+
};
|
|
33
|
+
props.onAfterClose?.(details);
|
|
34
|
+
onAfterClose?.(details);
|
|
35
|
+
}
|
|
36
|
+
}, {
|
|
37
|
+
default: (context)=>{
|
|
38
|
+
if (render) {
|
|
39
|
+
let _slot;
|
|
40
|
+
return createVNode(DialogContent, widget?.content, _isSlot(_slot = render(context)) ? _slot : {
|
|
41
|
+
default: ()=>[
|
|
42
|
+
_slot
|
|
43
|
+
]
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
return createVNode(DialogContent, widget?.content, {
|
|
47
|
+
default: ()=>[
|
|
48
|
+
title && createVNode(DialogHeader, widget?.header, {
|
|
49
|
+
default: ()=>'function' == typeof title ? title(context) : title
|
|
50
|
+
}),
|
|
51
|
+
content && createVNode(DialogBody, widget?.body, {
|
|
52
|
+
default: ()=>'function' == typeof content ? content(context) : content
|
|
53
|
+
}),
|
|
54
|
+
footer && createVNode(DialogFooter, mergeProps(widget?.footer, {
|
|
55
|
+
onOk: onOk,
|
|
56
|
+
onCancel: onCancel
|
|
57
|
+
}), {
|
|
58
|
+
default: ()=>'function' == typeof footer ? footer(context) : null
|
|
59
|
+
})
|
|
60
|
+
]
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
let dialogRootEl = document.createElement('div');
|
|
67
|
+
const dialogVueInstance = createApp(DialogComponent, {
|
|
68
|
+
onAfterClose: ()=>{
|
|
69
|
+
dialogRootEl = null;
|
|
70
|
+
dialogVueInstance.unmount();
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
dialogVueInstance.mount(dialogRootEl);
|
|
74
|
+
open.value = true;
|
|
75
|
+
return {
|
|
76
|
+
close: ()=>{
|
|
77
|
+
open.value = false;
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
export { dialog };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { ComputedRef, Ref } from 'vue';
|
|
2
|
+
export interface OpenChangeDetails {
|
|
3
|
+
open: boolean;
|
|
4
|
+
}
|
|
5
|
+
export type FocusOutsideEvent = CustomEvent<EventDetails<FocusEvent>>;
|
|
6
|
+
export type InteractOutsideEvent = CustomEvent<EventDetails<FocusEvent>>;
|
|
7
|
+
export type PointerDownOutsideEvent = CustomEvent<EventDetails<PointerEvent>>;
|
|
8
|
+
export type RequestDismissEvent = CustomEvent<LayerDismissEventDetail>;
|
|
9
|
+
export declare enum TriggerFrom {
|
|
10
|
+
ESCAPE = "escape",
|
|
11
|
+
OPEN_TRIGGER = "open_trigger",
|
|
12
|
+
CLOSE_TRIGGER = "close_trigger",
|
|
13
|
+
CANCEL_BUTTON = "cancel_button",
|
|
14
|
+
OK_BUTTON = "ok_button",
|
|
15
|
+
OUTSIDE = "outside"
|
|
16
|
+
}
|
|
17
|
+
export type DialogTriggerFrom = TriggerFrom | string | null | undefined;
|
|
18
|
+
export interface DialogInterceptContext {
|
|
19
|
+
triggerFrom: Ref<DialogTriggerFrom>;
|
|
20
|
+
}
|
|
21
|
+
export declare const provideDialogInterceptContext: (opts: ComputedRef<DialogInterceptContext>) => void, injectDialogInterceptContext: (fallback?: ComputedRef<DialogInterceptContext> | undefined) => ComputedRef<DialogInterceptContext>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { createContext } from "@ark-ui/vue";
|
|
2
|
+
var dialog_intercept_context_TriggerFrom = /*#__PURE__*/ function(TriggerFrom) {
|
|
3
|
+
TriggerFrom["ESCAPE"] = "escape";
|
|
4
|
+
TriggerFrom["OPEN_TRIGGER"] = "open_trigger";
|
|
5
|
+
TriggerFrom["CLOSE_TRIGGER"] = "close_trigger";
|
|
6
|
+
TriggerFrom["CANCEL_BUTTON"] = "cancel_button";
|
|
7
|
+
TriggerFrom["OK_BUTTON"] = "ok_button";
|
|
8
|
+
TriggerFrom["OUTSIDE"] = "outside";
|
|
9
|
+
return TriggerFrom;
|
|
10
|
+
}({});
|
|
11
|
+
const [provideDialogInterceptContext, injectDialogInterceptContext] = createContext('DialogInterceptContext');
|
|
12
|
+
export { dialog_intercept_context_TriggerFrom as TriggerFrom, injectDialogInterceptContext, provideDialogInterceptContext };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export { dialog } from './dialog-functional';
|
|
2
|
+
export { TriggerFrom } from './dialog-intercept-context';
|
|
3
|
+
export { default as Dialog } from './Dialog.vue';
|
|
4
|
+
export { default as DialogBackdrop } from './DialogBackdrop.vue';
|
|
5
|
+
export { default as DialogBody } from './DialogBody.vue';
|
|
6
|
+
export { default as DialogCloseTrigger } from './DialogCloseTrigger.vue';
|
|
7
|
+
export { default as DialogContent } from './DialogContent.vue';
|
|
8
|
+
export { default as DialogFooter } from './DialogFooter.vue';
|
|
9
|
+
export { default as DialogHeader } from './DialogHeader.vue';
|
|
10
|
+
export { default as DialogTrigger } from './DialogTrigger.vue';
|
|
11
|
+
export * from './props';
|
|
12
|
+
export { DialogContext } from '@ark-ui/vue/dialog';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export * from "./props.js";
|
|
2
|
+
export { dialog } from "./dialog-functional.js";
|
|
3
|
+
export { TriggerFrom } from "./dialog-intercept-context.js";
|
|
4
|
+
export { default as Dialog } from "./Dialog.js";
|
|
5
|
+
export { default as DialogBackdrop } from "./DialogBackdrop.js";
|
|
6
|
+
export { default as DialogBody } from "./DialogBody.js";
|
|
7
|
+
export { default as DialogCloseTrigger } from "./DialogCloseTrigger.js";
|
|
8
|
+
export { default as DialogContent } from "./DialogContent.js";
|
|
9
|
+
export { default as DialogFooter } from "./DialogFooter.js";
|
|
10
|
+
export { default as DialogHeader } from "./DialogHeader.js";
|
|
11
|
+
export { default as DialogTrigger } from "./DialogTrigger.js";
|
|
12
|
+
export { DialogContext } from "@ark-ui/vue/dialog";
|