vome-core 0.3.64 → 0.3.66
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/admin/api/client.js +7 -2
- package/dist/admin/components/ui/avatar/Avatar.vue +18 -18
- package/dist/admin/components/ui/avatar/AvatarFallback.vue +21 -21
- package/dist/admin/components/ui/avatar/AvatarImage.vue +16 -16
- package/dist/admin/components/ui/avatar/index.js +1 -1
- package/dist/admin/components/ui/badge/Badge.vue +26 -26
- package/dist/admin/components/ui/button/Button.vue +31 -31
- package/dist/admin/components/ui/checkbox/Checkbox.vue +35 -35
- package/dist/admin/components/ui/checkbox/index.js +1 -1
- package/dist/admin/components/ui/dialog/Dialog.vue +19 -19
- package/dist/admin/components/ui/dialog/DialogClose.vue +15 -15
- package/dist/admin/components/ui/dialog/DialogContent.vue +267 -267
- package/dist/admin/components/ui/dialog/DialogDescription.vue +23 -23
- package/dist/admin/components/ui/dialog/DialogFooter.vue +27 -27
- package/dist/admin/components/ui/dialog/DialogHeader.vue +17 -17
- package/dist/admin/components/ui/dialog/DialogOverlay.vue +21 -21
- package/dist/admin/components/ui/dialog/DialogScrollContent.vue +60 -60
- package/dist/admin/components/ui/dialog/DialogTitle.vue +23 -23
- package/dist/admin/components/ui/dialog/DialogTrigger.vue +15 -15
- package/dist/admin/components/ui/dialog/index.js +1 -1
- package/dist/admin/components/ui/dropdown-menu/DropdownMenu.vue +19 -19
- package/dist/admin/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue +39 -39
- package/dist/admin/components/ui/dropdown-menu/DropdownMenuContent.vue +39 -39
- package/dist/admin/components/ui/dropdown-menu/DropdownMenuGroup.vue +15 -15
- package/dist/admin/components/ui/dropdown-menu/DropdownMenuItem.vue +31 -31
- package/dist/admin/components/ui/dropdown-menu/DropdownMenuLabel.vue +23 -23
- package/dist/admin/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue +21 -21
- package/dist/admin/components/ui/dropdown-menu/DropdownMenuRadioItem.vue +40 -40
- package/dist/admin/components/ui/dropdown-menu/DropdownMenuSeparator.vue +23 -23
- package/dist/admin/components/ui/dropdown-menu/DropdownMenuShortcut.vue +17 -17
- package/dist/admin/components/ui/dropdown-menu/DropdownMenuSub.vue +18 -18
- package/dist/admin/components/ui/dropdown-menu/DropdownMenuSubContent.vue +27 -27
- package/dist/admin/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue +31 -31
- package/dist/admin/components/ui/dropdown-menu/DropdownMenuTrigger.vue +17 -17
- package/dist/admin/components/ui/dropdown-menu/index.js +1 -1
- package/dist/admin/components/ui/input/Input.vue +183 -183
- package/dist/admin/components/ui/input/index.js +1 -1
- package/dist/admin/components/ui/label/Label.vue +26 -26
- package/dist/admin/components/ui/label/index.js +1 -1
- package/dist/admin/components/ui/scroll-area/ScrollArea.vue +33 -33
- package/dist/admin/components/ui/scroll-area/ScrollBar.vue +32 -32
- package/dist/admin/components/ui/scroll-area/index.js +1 -1
- package/dist/admin/components/ui/select/Select.vue +19 -19
- package/dist/admin/components/ui/select/SelectContent.vue +51 -51
- package/dist/admin/components/ui/select/SelectGroup.vue +15 -15
- package/dist/admin/components/ui/select/SelectItem.vue +53 -53
- package/dist/admin/components/ui/select/SelectItemText.vue +15 -15
- package/dist/admin/components/ui/select/SelectLabel.vue +17 -17
- package/dist/admin/components/ui/select/SelectScrollDownButton.vue +26 -26
- package/dist/admin/components/ui/select/SelectScrollUpButton.vue +26 -26
- package/dist/admin/components/ui/select/SelectSeparator.vue +19 -19
- package/dist/admin/components/ui/select/SelectTrigger.vue +44 -44
- package/dist/admin/components/ui/select/SelectValue.vue +15 -15
- package/dist/admin/components/ui/select/index.js +1 -1
- package/dist/admin/components/ui/separator/Separator.vue +29 -29
- package/dist/admin/components/ui/separator/index.js +1 -1
- package/dist/admin/components/ui/sheet/Sheet.vue +19 -19
- package/dist/admin/components/ui/sheet/SheetClose.vue +15 -15
- package/dist/admin/components/ui/sheet/SheetContent.vue +63 -63
- package/dist/admin/components/ui/sheet/SheetDescription.vue +21 -21
- package/dist/admin/components/ui/sheet/SheetFooter.vue +16 -16
- package/dist/admin/components/ui/sheet/SheetHeader.vue +15 -15
- package/dist/admin/components/ui/sheet/SheetOverlay.vue +21 -21
- package/dist/admin/components/ui/sheet/SheetTitle.vue +21 -21
- package/dist/admin/components/ui/sheet/SheetTrigger.vue +15 -15
- package/dist/admin/components/ui/sheet/index.js +1 -1
- package/dist/admin/components/ui/sonner/Toaster.vue +117 -117
- package/dist/admin/components/ui/sonner/index.js +1 -1
- package/dist/admin/components/ui/table/Table.vue +16 -16
- package/dist/admin/components/ui/table/TableBody.vue +17 -17
- package/dist/admin/components/ui/table/TableCaption.vue +17 -17
- package/dist/admin/components/ui/table/TableCell.vue +22 -22
- package/dist/admin/components/ui/table/TableEmpty.vue +34 -34
- package/dist/admin/components/ui/table/TableFooter.vue +17 -17
- package/dist/admin/components/ui/table/TableHead.vue +17 -17
- package/dist/admin/components/ui/table/TableHeader.vue +17 -17
- package/dist/admin/components/ui/table/TableRow.vue +17 -17
- package/dist/admin/components/ui/table/index.js +1 -1
- package/dist/admin/components/ui/tabs/Tabs.vue +24 -24
- package/dist/admin/components/ui/tabs/TabsContent.vue +21 -21
- package/dist/admin/components/ui/tabs/TabsList.vue +24 -24
- package/dist/admin/components/ui/tabs/TabsTrigger.vue +26 -26
- package/dist/admin/components/ui/tabs/index.js +1 -1
- package/dist/admin/components/ui/tooltip/Tooltip.vue +19 -19
- package/dist/admin/components/ui/tooltip/TooltipContent.vue +34 -34
- package/dist/admin/components/ui/tooltip/TooltipProvider.vue +14 -14
- package/dist/admin/components/ui/tooltip/TooltipTrigger.vue +15 -15
- package/dist/admin/components/ui/tooltip/index.js +1 -1
- package/dist/admin/components/vm-action-btn.vue +136 -136
- package/dist/admin/components/vm-aside-list-item.vue +136 -136
- package/dist/admin/components/vm-aside.vue +229 -229
- package/dist/admin/components/vm-auto-perm-dialog.vue +371 -371
- package/dist/admin/components/vm-card-grid.vue +37 -37
- package/dist/admin/components/vm-card-head.vue +45 -45
- package/dist/admin/components/vm-card-meta.vue +22 -22
- package/dist/admin/components/vm-card-title.vue +56 -56
- package/dist/admin/components/vm-card.vue +176 -176
- package/dist/admin/components/vm-check-tree.vue +340 -340
- package/dist/admin/components/vm-clamp-text.vue +39 -39
- package/dist/admin/components/vm-dept-tree.vue +497 -497
- package/dist/admin/components/vm-empty.vue +68 -68
- package/dist/admin/components/vm-eps-perm-picker.vue +123 -123
- package/dist/admin/components/vm-form-dialog.vue +632 -632
- package/dist/admin/components/vm-group-cascader.vue +560 -560
- package/dist/admin/components/vm-icon-btn.vue +88 -88
- package/dist/admin/components/vm-icon-picker.vue +647 -647
- package/dist/admin/components/vm-inline-search.vue +61 -61
- package/dist/admin/components/vm-loading.vue +114 -114
- package/dist/admin/components/vm-markdown.vue +405 -405
- package/dist/admin/components/vm-marquee.vue +265 -265
- package/dist/admin/components/vm-page-tabs.vue +94 -94
- package/dist/admin/components/vm-perm-section.vue +57 -57
- package/dist/admin/components/vm-ri-icon.vue +23 -23
- package/dist/admin/components/vm-role-picker.vue +314 -314
- package/dist/admin/components/vm-split-layout.vue +106 -106
- package/dist/admin/components/vm-thumb.vue +49 -49
- package/dist/admin/components/vm-view-path-picker.vue +59 -59
- package/dist/admin/crud/auto-fields.js +1 -1
- package/dist/admin/crud/components/vm-avatar.vue +104 -104
- package/dist/admin/crud/components/vm-color-picker.vue +1626 -1626
- package/dist/admin/crud/components/vm-column-custom.vue +193 -193
- package/dist/admin/crud/components/vm-context-menu.vue +105 -105
- package/dist/admin/crud/components/vm-copy-btn.vue +102 -102
- package/dist/admin/crud/components/vm-date-calendar-panel.vue +537 -537
- package/dist/admin/crud/components/vm-date-picker.vue +75 -75
- package/dist/admin/crud/components/vm-date-range.vue +88 -88
- package/dist/admin/crud/components/vm-date-text.vue +42 -42
- package/dist/admin/crud/components/vm-datetime-field.vue +215 -215
- package/dist/admin/crud/components/vm-datetime-picker.vue +9 -9
- package/dist/admin/crud/components/vm-dict-tag.vue +112 -112
- package/dist/admin/crud/components/vm-ellipsis-text.vue +34 -34
- package/dist/admin/crud/components/vm-form-hint.vue +81 -81
- package/dist/admin/crud/components/vm-json-code.vue +41 -41
- package/dist/admin/crud/components/vm-json-editor.vue +161 -161
- package/dist/admin/crud/components/vm-json-kv-editor.vue +318 -318
- package/dist/admin/crud/components/vm-kv-row.vue +51 -51
- package/dist/admin/crud/components/vm-multi-select.vue +279 -279
- package/dist/admin/crud/components/vm-number-range.vue +204 -204
- package/dist/admin/crud/components/vm-preview-viewer.vue +894 -894
- package/dist/admin/crud/components/vm-radio.vue +87 -87
- package/dist/admin/crud/components/vm-richtext.vue +313 -313
- package/dist/admin/crud/components/vm-select.vue +570 -570
- package/dist/admin/crud/components/vm-status-tag.vue +158 -158
- package/dist/admin/crud/components/vm-switch.vue +158 -158
- package/dist/admin/crud/components/vm-tag-list.vue +108 -108
- package/dist/admin/crud/components/vm-text-link.vue +52 -52
- package/dist/admin/crud/components/vm-toggle-switch.vue +84 -84
- package/dist/admin/crud/components/vm-tree-select.vue +450 -450
- package/dist/admin/crud/components/vm-upload-item.vue +298 -298
- package/dist/admin/crud/components/vm-upload.vue +436 -436
- package/dist/admin/crud/config.js +1 -1
- package/dist/admin/crud/confirm.js +1 -1
- package/dist/admin/crud/crud-page-request.js +1 -1
- package/dist/admin/crud/data-i18n.js +1 -1
- package/dist/admin/crud/dict.js +1 -1
- package/dist/admin/crud/export-fetch.js +1 -1
- package/dist/admin/crud/index.js +1 -0
- package/dist/admin/crud/key.js +1 -1
- package/dist/admin/crud/plugins.js +1 -1
- package/dist/admin/crud/span.js +1 -1
- package/dist/admin/crud/style.js +1 -1
- package/dist/admin/crud/useCrud.js +3 -0
- package/dist/admin/crud/validate.js +1 -1
- package/dist/admin/crud/vm-add-btn.vue +70 -70
- package/dist/admin/crud/vm-adv-search.vue +83 -83
- package/dist/admin/crud/vm-crud.vue +711 -711
- package/dist/admin/crud/vm-data-i18n-btn.vue +456 -456
- package/dist/admin/crud/vm-data-i18n-lang.vue +183 -183
- package/dist/admin/crud/vm-export-btn.vue +183 -183
- package/dist/admin/crud/vm-flex.vue +14 -14
- package/dist/admin/crud/vm-form.vue +33 -15
- package/dist/admin/crud/vm-import-btn.vue +747 -747
- package/dist/admin/crud/vm-multi-delete-btn.vue +49 -49
- package/dist/admin/crud/vm-pagination.vue +212 -212
- package/dist/admin/crud/vm-refresh-btn.vue +35 -35
- package/dist/admin/crud/vm-row.vue +55 -55
- package/dist/admin/crud/vm-search-key.vue +78 -78
- package/dist/admin/crud/vm-search.vue +466 -466
- package/dist/admin/crud/vm-table.vue +1390 -1390
- package/dist/admin/crud/vm-tabs.vue +94 -94
- package/dist/admin/crud/vm-toolbar.vue +357 -357
- package/dist/admin/crud/vm-upsert.vue +765 -765
- package/dist/admin/directives/perm.js +1 -1
- package/dist/admin/env.d.ts +1 -1
- package/dist/admin/hooks/useUpload.js +1 -1
- package/dist/admin/index.d.ts +1 -31
- package/dist/admin/lib/browser.js +1 -1
- package/dist/admin/lib/cn.js +1 -1
- package/dist/admin/lib/dialog-float.js +1 -1
- package/dist/admin/lib/export-excel.js +1 -1
- package/dist/admin/lib/import-excel.js +1 -1
- package/dist/admin/lib/json.js +1 -1
- package/dist/admin/lib/menu.js +1 -1
- package/dist/admin/lib/micro-locale.js +1 -1
- package/dist/admin/lib/micro-theme.js +1 -1
- package/dist/admin/lib/shell.js +1 -1
- package/dist/admin/lib/theme-color-options.js +1 -1
- package/dist/admin/lib/tree.js +1 -1
- package/dist/admin/lib/upload.js +1 -1
- package/dist/admin/lib/video-frame.js +1 -1
- package/dist/admin/router/create.js +1 -1
- package/dist/admin/router/guards.js +1 -1
- package/dist/admin/router/index.d.ts +1 -5
- package/dist/admin/service/index.d.ts +1 -11
- package/dist/admin/styles/base.css +121 -121
- package/dist/admin/vendor/browser-image-compression.js +1144 -1144
- package/dist/admin/vendor/decimal-js.js +12 -12
- package/dist/admin/vendor/xlsx.js +263 -263
- package/dist/ai/index.js +1 -1
- package/dist/client/admin-vendor.d.ts +1 -13
- package/dist/client/ai-model-registry.js +1 -1
- package/dist/client/base.js +1 -1
- package/dist/client/configure.js +1 -1
- package/dist/client/dict.js +1 -1
- package/dist/client/eps-payload.js +1 -1
- package/dist/client/eps.js +1 -1
- package/dist/client/index.d.ts +1 -7
- package/dist/client/index.js +1 -1
- package/dist/client/locale-change.js +1 -1
- package/dist/client/locale-store.js +1 -1
- package/dist/client/service.js +1 -1
- package/dist/client/vite-admin.d.ts +1 -40
- package/dist/client/vite-admin.js +1 -1
- package/dist/client/vite-auto-import.d.ts +1 -2
- package/dist/client/vite-auto-import.js +1 -1
- package/dist/client/vite-micro-proxy.d.ts +1 -20
- package/dist/client/vite-micro-proxy.js +1 -1
- package/dist/client/vite-plugin-eps.d.ts +1 -20
- package/dist/client/vite-plugin-eps.js +1 -1
- package/dist/client/vite-resolve.d.ts +1 -16
- package/dist/client/vite-resolve.js +1 -1
- package/dist/config/index.js +1 -1
- package/dist/core/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/ioc/index.d.ts +1 -1
- package/dist/server/index.d.ts +1 -1
- package/dist/server/index.js +1 -1
- package/dist/shared/datetime-picker.js +1 -1
- package/dist/shared/decimal.js +1 -1
- package/dist/shared/excel.js +1 -1
- package/dist/shared/index.js +1 -1
- package/dist/shared/locale-json.js +1 -1
- package/dist/shared/tree.js +1 -1
- package/package.json +1 -1
- package/typings/admin/base/auth.ts +24 -24
- package/typings/admin/base/permission.ts +19 -19
- package/typings/admin/comm/cascader.ts +7 -7
- package/typings/admin/comm/check-tree.ts +7 -7
- package/typings/admin/comm/crud.ts +427 -427
- package/typings/admin/comm/eps.ts +86 -86
- package/typings/admin/comm/request.ts +16 -16
- package/typings/admin/comm/service.ts +43 -43
- package/typings/admin/comm/upload.ts +39 -39
- package/typings/admin/theme.ts +10 -10
- package/typings/admin/vome/browser.ts +11 -11
- package/typings/admin/vome/module.ts +13 -13
- package/typings/admin/vome/tags.ts +9 -9
- package/typings/comm/crud.ts +83 -83
- package/typings/comm/page.ts +18 -18
- package/typings/comm/scan.ts +6 -6
- package/typings/common.ts +4 -4
- package/typings/context/data.ts +10 -10
- package/typings/ext/market-seat.ts +42 -42
- package/typings/ext/market.ts +55 -55
- package/typings/ext/module.ts +64 -64
- package/typings/ext/plugin.ts +38 -38
- package/typings/ioc/metadata.ts +34 -34
- package/typings/logger/config.ts +6 -6
- package/typings/routing/crud.ts +199 -199
- package/typings/routing/eps.ts +88 -88
- package/typings/routing/meta.ts +63 -63
- package/typings/routing/register.ts +21 -21
- package/typings/routing/scan-context.ts +7 -7
- package/dist/admin/api/client.d.ts +0 -50
- package/dist/admin/components/ui/avatar/index.d.ts +0 -3
- package/dist/admin/components/ui/badge/index.d.ts +0 -6
- package/dist/admin/components/ui/button/index.d.ts +0 -7
- package/dist/admin/components/ui/checkbox/index.d.ts +0 -1
- package/dist/admin/components/ui/dialog/index.d.ts +0 -10
- package/dist/admin/components/ui/dropdown-menu/index.d.ts +0 -15
- package/dist/admin/components/ui/input/index.d.ts +0 -1
- package/dist/admin/components/ui/label/index.d.ts +0 -1
- package/dist/admin/components/ui/scroll-area/index.d.ts +0 -2
- package/dist/admin/components/ui/select/index.d.ts +0 -11
- package/dist/admin/components/ui/separator/index.d.ts +0 -1
- package/dist/admin/components/ui/sheet/index.d.ts +0 -8
- package/dist/admin/components/ui/sonner/index.d.ts +0 -1
- package/dist/admin/components/ui/table/index.d.ts +0 -9
- package/dist/admin/components/ui/tabs/index.d.ts +0 -4
- package/dist/admin/components/ui/tooltip/index.d.ts +0 -4
- package/dist/admin/crud/auto-fields.d.ts +0 -68
- package/dist/admin/crud/config.d.ts +0 -5
- package/dist/admin/crud/confirm.d.ts +0 -19
- package/dist/admin/crud/crud-page-request.d.ts +0 -21
- package/dist/admin/crud/data-i18n.d.ts +0 -62
- package/dist/admin/crud/dict.d.ts +0 -4
- package/dist/admin/crud/export-fetch.d.ts +0 -22
- package/dist/admin/crud/index.d.ts +0 -60
- package/dist/admin/crud/json-kv.d.ts +0 -9
- package/dist/admin/crud/key.d.ts +0 -22
- package/dist/admin/crud/paging.d.ts +0 -2
- package/dist/admin/crud/plugins.d.ts +0 -63
- package/dist/admin/crud/registry.d.ts +0 -3
- package/dist/admin/crud/span.d.ts +0 -17
- package/dist/admin/crud/style.d.ts +0 -82
- package/dist/admin/crud/useCrud.d.ts +0 -21
- package/dist/admin/crud/validate.d.ts +0 -7
- package/dist/admin/directives/perm.d.ts +0 -3
- package/dist/admin/hooks/useBrowser.d.ts +0 -6
- package/dist/admin/hooks/useUpload.d.ts +0 -8
- package/dist/admin/hooks/useVome.d.ts +0 -10
- package/dist/admin/lib/browser.d.ts +0 -3
- package/dist/admin/lib/cn.d.ts +0 -2
- package/dist/admin/lib/compress-image.d.ts +0 -12
- package/dist/admin/lib/dialog-float.d.ts +0 -8
- package/dist/admin/lib/eps.d.ts +0 -2
- package/dist/admin/lib/export-excel.d.ts +0 -9
- package/dist/admin/lib/file-preview.d.ts +0 -9
- package/dist/admin/lib/import-excel.d.ts +0 -21
- package/dist/admin/lib/json.d.ts +0 -11
- package/dist/admin/lib/menu.d.ts +0 -3
- package/dist/admin/lib/micro-locale.d.ts +0 -5
- package/dist/admin/lib/micro-theme.d.ts +0 -14
- package/dist/admin/lib/module.d.ts +0 -21
- package/dist/admin/lib/scarce-assets.d.ts +0 -5
- package/dist/admin/lib/shell.d.ts +0 -8
- package/dist/admin/lib/theme-color-options.d.ts +0 -15
- package/dist/admin/lib/tree.d.ts +0 -2
- package/dist/admin/lib/upload.d.ts +0 -17
- package/dist/admin/lib/video-frame.d.ts +0 -6
- package/dist/admin/router/create.d.ts +0 -16
- package/dist/admin/router/guards.d.ts +0 -6
- package/dist/admin/router/menu-routes.d.ts +0 -13
- package/dist/admin/stores/app.d.ts +0 -13
- package/dist/admin/stores/tags.d.ts +0 -14
- package/dist/admin/stores/user.d.ts +0 -48
- package/dist/client/ai-model-registry.d.ts +0 -16
- package/dist/client/base.d.ts +0 -28
- package/dist/client/configure.d.ts +0 -33
- package/dist/client/dict.d.ts +0 -31
- package/dist/client/eps-payload.d.ts +0 -3
- package/dist/client/eps.d.ts +0 -17
- package/dist/client/locale-change.d.ts +0 -16
- package/dist/client/locale-store.d.ts +0 -105
- package/dist/client/service.d.ts +0 -29
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { SelectContentEmits, SelectContentProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
-
import {
|
|
6
|
-
SelectContent,
|
|
7
|
-
SelectPortal,
|
|
8
|
-
SelectViewport,
|
|
9
|
-
useForwardPropsEmits,
|
|
10
|
-
} from "reka-ui"
|
|
11
|
-
import { cn } from "../../../lib/cn"
|
|
12
|
-
import { POPUP_TRIGGER_GAP } from "../../../lib/dialog-float"
|
|
13
|
-
import { SelectScrollDownButton, SelectScrollUpButton } from "."
|
|
14
|
-
|
|
15
|
-
defineOptions({
|
|
16
|
-
inheritAttrs: false,
|
|
17
|
-
})
|
|
18
|
-
|
|
19
|
-
const props = withDefaults(
|
|
20
|
-
defineProps<SelectContentProps & { class?: HTMLAttributes["class"] }>(),
|
|
21
|
-
{
|
|
22
|
-
position: "popper",
|
|
23
|
-
sideOffset: POPUP_TRIGGER_GAP,
|
|
24
|
-
},
|
|
25
|
-
)
|
|
26
|
-
const emits = defineEmits<SelectContentEmits>()
|
|
27
|
-
|
|
28
|
-
const delegatedProps = reactiveOmit(props, "class")
|
|
29
|
-
|
|
30
|
-
const forwarded = useForwardPropsEmits(delegatedProps, emits)
|
|
31
|
-
</script>
|
|
32
|
-
|
|
33
|
-
<template>
|
|
34
|
-
<SelectPortal>
|
|
35
|
-
<SelectContent
|
|
36
|
-
data-slot="select-content"
|
|
37
|
-
v-bind="{ ...$attrs, ...forwarded }"
|
|
38
|
-
:class="cn(
|
|
39
|
-
'vm-dialog-float bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-[100] max-h-(--reka-select-content-available-height) min-w-[128px] overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
|
|
40
|
-
props.class,
|
|
41
|
-
)
|
|
42
|
-
"
|
|
43
|
-
>
|
|
44
|
-
<SelectScrollUpButton />
|
|
45
|
-
<SelectViewport :class="cn('p-1', position === 'popper' && 'h-(--reka-select-trigger-height) w-full min-w-(--reka-select-trigger-width) scroll-my-1')">
|
|
46
|
-
<slot />
|
|
47
|
-
</SelectViewport>
|
|
48
|
-
<SelectScrollDownButton />
|
|
49
|
-
</SelectContent>
|
|
50
|
-
</SelectPortal>
|
|
51
|
-
</template>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { SelectContentEmits, SelectContentProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
+
import {
|
|
6
|
+
SelectContent,
|
|
7
|
+
SelectPortal,
|
|
8
|
+
SelectViewport,
|
|
9
|
+
useForwardPropsEmits,
|
|
10
|
+
} from "reka-ui"
|
|
11
|
+
import { cn } from "../../../lib/cn"
|
|
12
|
+
import { POPUP_TRIGGER_GAP } from "../../../lib/dialog-float"
|
|
13
|
+
import { SelectScrollDownButton, SelectScrollUpButton } from "."
|
|
14
|
+
|
|
15
|
+
defineOptions({
|
|
16
|
+
inheritAttrs: false,
|
|
17
|
+
})
|
|
18
|
+
|
|
19
|
+
const props = withDefaults(
|
|
20
|
+
defineProps<SelectContentProps & { class?: HTMLAttributes["class"] }>(),
|
|
21
|
+
{
|
|
22
|
+
position: "popper",
|
|
23
|
+
sideOffset: POPUP_TRIGGER_GAP,
|
|
24
|
+
},
|
|
25
|
+
)
|
|
26
|
+
const emits = defineEmits<SelectContentEmits>()
|
|
27
|
+
|
|
28
|
+
const delegatedProps = reactiveOmit(props, "class")
|
|
29
|
+
|
|
30
|
+
const forwarded = useForwardPropsEmits(delegatedProps, emits)
|
|
31
|
+
</script>
|
|
32
|
+
|
|
33
|
+
<template>
|
|
34
|
+
<SelectPortal>
|
|
35
|
+
<SelectContent
|
|
36
|
+
data-slot="select-content"
|
|
37
|
+
v-bind="{ ...$attrs, ...forwarded }"
|
|
38
|
+
:class="cn(
|
|
39
|
+
'vm-dialog-float bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-[100] max-h-(--reka-select-content-available-height) min-w-[128px] overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
|
|
40
|
+
props.class,
|
|
41
|
+
)
|
|
42
|
+
"
|
|
43
|
+
>
|
|
44
|
+
<SelectScrollUpButton />
|
|
45
|
+
<SelectViewport :class="cn('p-1', position === 'popper' && 'h-(--reka-select-trigger-height) w-full min-w-(--reka-select-trigger-width) scroll-my-1')">
|
|
46
|
+
<slot />
|
|
47
|
+
</SelectViewport>
|
|
48
|
+
<SelectScrollDownButton />
|
|
49
|
+
</SelectContent>
|
|
50
|
+
</SelectPortal>
|
|
51
|
+
</template>
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { SelectGroupProps } from "reka-ui"
|
|
3
|
-
import { SelectGroup } from "reka-ui"
|
|
4
|
-
|
|
5
|
-
const props = defineProps<SelectGroupProps>()
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<template>
|
|
9
|
-
<SelectGroup
|
|
10
|
-
data-slot="select-group"
|
|
11
|
-
v-bind="props"
|
|
12
|
-
>
|
|
13
|
-
<slot />
|
|
14
|
-
</SelectGroup>
|
|
15
|
-
</template>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { SelectGroupProps } from "reka-ui"
|
|
3
|
+
import { SelectGroup } from "reka-ui"
|
|
4
|
+
|
|
5
|
+
const props = defineProps<SelectGroupProps>()
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<template>
|
|
9
|
+
<SelectGroup
|
|
10
|
+
data-slot="select-group"
|
|
11
|
+
v-bind="props"
|
|
12
|
+
>
|
|
13
|
+
<slot />
|
|
14
|
+
</SelectGroup>
|
|
15
|
+
</template>
|
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { SelectItemProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { Check } from "@lucide/vue"
|
|
5
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
6
|
-
import {
|
|
7
|
-
SelectItem,
|
|
8
|
-
SelectItemIndicator,
|
|
9
|
-
SelectItemText,
|
|
10
|
-
useForwardProps,
|
|
11
|
-
} from "reka-ui"
|
|
12
|
-
import { cn } from "../../../lib/cn"
|
|
13
|
-
|
|
14
|
-
const props = defineProps<SelectItemProps & { class?: HTMLAttributes["class"] }>()
|
|
15
|
-
|
|
16
|
-
const delegatedProps = reactiveOmit(props, "class")
|
|
17
|
-
|
|
18
|
-
const forwardedProps = useForwardProps(delegatedProps)
|
|
19
|
-
</script>
|
|
20
|
-
|
|
21
|
-
<template>
|
|
22
|
-
<SelectItem
|
|
23
|
-
data-slot="select-item"
|
|
24
|
-
v-bind="forwardedProps"
|
|
25
|
-
:class="
|
|
26
|
-
cn(
|
|
27
|
-
'focus:bg-accent focus:text-accent-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2',
|
|
28
|
-
props.class,
|
|
29
|
-
)
|
|
30
|
-
"
|
|
31
|
-
>
|
|
32
|
-
<span class="absolute right-2 flex size-3.5 items-center justify-center">
|
|
33
|
-
<SelectItemIndicator>
|
|
34
|
-
<slot name="indicator-icon">
|
|
35
|
-
<Check class="size-4" />
|
|
36
|
-
</slot>
|
|
37
|
-
</SelectItemIndicator>
|
|
38
|
-
</span>
|
|
39
|
-
|
|
40
|
-
<SelectItemText>
|
|
41
|
-
<slot />
|
|
42
|
-
</SelectItemText>
|
|
43
|
-
</SelectItem>
|
|
44
|
-
</template>
|
|
45
|
-
|
|
46
|
-
<style>
|
|
47
|
-
[data-slot='select-item'] {
|
|
48
|
-
min-height: 28px;
|
|
49
|
-
padding-top: 4px !important;
|
|
50
|
-
padding-bottom: 4px !important;
|
|
51
|
-
font-size: var(--vm-control-font-size);
|
|
52
|
-
}
|
|
53
|
-
</style>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { SelectItemProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { Check } from "@lucide/vue"
|
|
5
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
6
|
+
import {
|
|
7
|
+
SelectItem,
|
|
8
|
+
SelectItemIndicator,
|
|
9
|
+
SelectItemText,
|
|
10
|
+
useForwardProps,
|
|
11
|
+
} from "reka-ui"
|
|
12
|
+
import { cn } from "../../../lib/cn"
|
|
13
|
+
|
|
14
|
+
const props = defineProps<SelectItemProps & { class?: HTMLAttributes["class"] }>()
|
|
15
|
+
|
|
16
|
+
const delegatedProps = reactiveOmit(props, "class")
|
|
17
|
+
|
|
18
|
+
const forwardedProps = useForwardProps(delegatedProps)
|
|
19
|
+
</script>
|
|
20
|
+
|
|
21
|
+
<template>
|
|
22
|
+
<SelectItem
|
|
23
|
+
data-slot="select-item"
|
|
24
|
+
v-bind="forwardedProps"
|
|
25
|
+
:class="
|
|
26
|
+
cn(
|
|
27
|
+
'focus:bg-accent focus:text-accent-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2',
|
|
28
|
+
props.class,
|
|
29
|
+
)
|
|
30
|
+
"
|
|
31
|
+
>
|
|
32
|
+
<span class="absolute right-2 flex size-3.5 items-center justify-center">
|
|
33
|
+
<SelectItemIndicator>
|
|
34
|
+
<slot name="indicator-icon">
|
|
35
|
+
<Check class="size-4" />
|
|
36
|
+
</slot>
|
|
37
|
+
</SelectItemIndicator>
|
|
38
|
+
</span>
|
|
39
|
+
|
|
40
|
+
<SelectItemText>
|
|
41
|
+
<slot />
|
|
42
|
+
</SelectItemText>
|
|
43
|
+
</SelectItem>
|
|
44
|
+
</template>
|
|
45
|
+
|
|
46
|
+
<style>
|
|
47
|
+
[data-slot='select-item'] {
|
|
48
|
+
min-height: 28px;
|
|
49
|
+
padding-top: 4px !important;
|
|
50
|
+
padding-bottom: 4px !important;
|
|
51
|
+
font-size: var(--vm-control-font-size);
|
|
52
|
+
}
|
|
53
|
+
</style>
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { SelectItemTextProps } from "reka-ui"
|
|
3
|
-
import { SelectItemText } from "reka-ui"
|
|
4
|
-
|
|
5
|
-
const props = defineProps<SelectItemTextProps>()
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<template>
|
|
9
|
-
<SelectItemText
|
|
10
|
-
data-slot="select-item-text"
|
|
11
|
-
v-bind="props"
|
|
12
|
-
>
|
|
13
|
-
<slot />
|
|
14
|
-
</SelectItemText>
|
|
15
|
-
</template>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { SelectItemTextProps } from "reka-ui"
|
|
3
|
+
import { SelectItemText } from "reka-ui"
|
|
4
|
+
|
|
5
|
+
const props = defineProps<SelectItemTextProps>()
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<template>
|
|
9
|
+
<SelectItemText
|
|
10
|
+
data-slot="select-item-text"
|
|
11
|
+
v-bind="props"
|
|
12
|
+
>
|
|
13
|
+
<slot />
|
|
14
|
+
</SelectItemText>
|
|
15
|
+
</template>
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { SelectLabelProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { SelectLabel } from "reka-ui"
|
|
5
|
-
import { cn } from "../../../lib/cn"
|
|
6
|
-
|
|
7
|
-
const props = defineProps<SelectLabelProps & { class?: HTMLAttributes["class"] }>()
|
|
8
|
-
</script>
|
|
9
|
-
|
|
10
|
-
<template>
|
|
11
|
-
<SelectLabel
|
|
12
|
-
data-slot="select-label"
|
|
13
|
-
:class="cn('text-muted-foreground px-2 py-1.5 text-xs', props.class)"
|
|
14
|
-
>
|
|
15
|
-
<slot />
|
|
16
|
-
</SelectLabel>
|
|
17
|
-
</template>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { SelectLabelProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { SelectLabel } from "reka-ui"
|
|
5
|
+
import { cn } from "../../../lib/cn"
|
|
6
|
+
|
|
7
|
+
const props = defineProps<SelectLabelProps & { class?: HTMLAttributes["class"] }>()
|
|
8
|
+
</script>
|
|
9
|
+
|
|
10
|
+
<template>
|
|
11
|
+
<SelectLabel
|
|
12
|
+
data-slot="select-label"
|
|
13
|
+
:class="cn('text-muted-foreground px-2 py-1.5 text-xs', props.class)"
|
|
14
|
+
>
|
|
15
|
+
<slot />
|
|
16
|
+
</SelectLabel>
|
|
17
|
+
</template>
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { SelectScrollDownButtonProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { ChevronDown } from "@lucide/vue"
|
|
5
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
6
|
-
import { SelectScrollDownButton, useForwardProps } from "reka-ui"
|
|
7
|
-
import { cn } from "../../../lib/cn"
|
|
8
|
-
|
|
9
|
-
const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes["class"] }>()
|
|
10
|
-
|
|
11
|
-
const delegatedProps = reactiveOmit(props, "class")
|
|
12
|
-
|
|
13
|
-
const forwardedProps = useForwardProps(delegatedProps)
|
|
14
|
-
</script>
|
|
15
|
-
|
|
16
|
-
<template>
|
|
17
|
-
<SelectScrollDownButton
|
|
18
|
-
data-slot="select-scroll-down-button"
|
|
19
|
-
v-bind="forwardedProps"
|
|
20
|
-
:class="cn('flex cursor-default items-center justify-center py-1', props.class)"
|
|
21
|
-
>
|
|
22
|
-
<slot>
|
|
23
|
-
<ChevronDown class="size-4" />
|
|
24
|
-
</slot>
|
|
25
|
-
</SelectScrollDownButton>
|
|
26
|
-
</template>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { SelectScrollDownButtonProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { ChevronDown } from "@lucide/vue"
|
|
5
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
6
|
+
import { SelectScrollDownButton, useForwardProps } from "reka-ui"
|
|
7
|
+
import { cn } from "../../../lib/cn"
|
|
8
|
+
|
|
9
|
+
const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes["class"] }>()
|
|
10
|
+
|
|
11
|
+
const delegatedProps = reactiveOmit(props, "class")
|
|
12
|
+
|
|
13
|
+
const forwardedProps = useForwardProps(delegatedProps)
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<template>
|
|
17
|
+
<SelectScrollDownButton
|
|
18
|
+
data-slot="select-scroll-down-button"
|
|
19
|
+
v-bind="forwardedProps"
|
|
20
|
+
:class="cn('flex cursor-default items-center justify-center py-1', props.class)"
|
|
21
|
+
>
|
|
22
|
+
<slot>
|
|
23
|
+
<ChevronDown class="size-4" />
|
|
24
|
+
</slot>
|
|
25
|
+
</SelectScrollDownButton>
|
|
26
|
+
</template>
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { SelectScrollUpButtonProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { ChevronUp } from "@lucide/vue"
|
|
5
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
6
|
-
import { SelectScrollUpButton, useForwardProps } from "reka-ui"
|
|
7
|
-
import { cn } from "../../../lib/cn"
|
|
8
|
-
|
|
9
|
-
const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes["class"] }>()
|
|
10
|
-
|
|
11
|
-
const delegatedProps = reactiveOmit(props, "class")
|
|
12
|
-
|
|
13
|
-
const forwardedProps = useForwardProps(delegatedProps)
|
|
14
|
-
</script>
|
|
15
|
-
|
|
16
|
-
<template>
|
|
17
|
-
<SelectScrollUpButton
|
|
18
|
-
data-slot="select-scroll-up-button"
|
|
19
|
-
v-bind="forwardedProps"
|
|
20
|
-
:class="cn('flex cursor-default items-center justify-center py-1', props.class)"
|
|
21
|
-
>
|
|
22
|
-
<slot>
|
|
23
|
-
<ChevronUp class="size-4" />
|
|
24
|
-
</slot>
|
|
25
|
-
</SelectScrollUpButton>
|
|
26
|
-
</template>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { SelectScrollUpButtonProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { ChevronUp } from "@lucide/vue"
|
|
5
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
6
|
+
import { SelectScrollUpButton, useForwardProps } from "reka-ui"
|
|
7
|
+
import { cn } from "../../../lib/cn"
|
|
8
|
+
|
|
9
|
+
const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes["class"] }>()
|
|
10
|
+
|
|
11
|
+
const delegatedProps = reactiveOmit(props, "class")
|
|
12
|
+
|
|
13
|
+
const forwardedProps = useForwardProps(delegatedProps)
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<template>
|
|
17
|
+
<SelectScrollUpButton
|
|
18
|
+
data-slot="select-scroll-up-button"
|
|
19
|
+
v-bind="forwardedProps"
|
|
20
|
+
:class="cn('flex cursor-default items-center justify-center py-1', props.class)"
|
|
21
|
+
>
|
|
22
|
+
<slot>
|
|
23
|
+
<ChevronUp class="size-4" />
|
|
24
|
+
</slot>
|
|
25
|
+
</SelectScrollUpButton>
|
|
26
|
+
</template>
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { SelectSeparatorProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
-
import { SelectSeparator } from "reka-ui"
|
|
6
|
-
import { cn } from "../../../lib/cn"
|
|
7
|
-
|
|
8
|
-
const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes["class"] }>()
|
|
9
|
-
|
|
10
|
-
const delegatedProps = reactiveOmit(props, "class")
|
|
11
|
-
</script>
|
|
12
|
-
|
|
13
|
-
<template>
|
|
14
|
-
<SelectSeparator
|
|
15
|
-
data-slot="select-separator"
|
|
16
|
-
v-bind="delegatedProps"
|
|
17
|
-
:class="cn('bg-border pointer-events-none -mx-1 my-1 h-px', props.class)"
|
|
18
|
-
/>
|
|
19
|
-
</template>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { SelectSeparatorProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
+
import { SelectSeparator } from "reka-ui"
|
|
6
|
+
import { cn } from "../../../lib/cn"
|
|
7
|
+
|
|
8
|
+
const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes["class"] }>()
|
|
9
|
+
|
|
10
|
+
const delegatedProps = reactiveOmit(props, "class")
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<SelectSeparator
|
|
15
|
+
data-slot="select-separator"
|
|
16
|
+
v-bind="delegatedProps"
|
|
17
|
+
:class="cn('bg-border pointer-events-none -mx-1 my-1 h-px', props.class)"
|
|
18
|
+
/>
|
|
19
|
+
</template>
|
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { SelectTriggerProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { ChevronDown } from "@lucide/vue"
|
|
5
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
6
|
-
import { SelectIcon, SelectTrigger, useForwardProps } from "reka-ui"
|
|
7
|
-
import { cn } from "../../../lib/cn"
|
|
8
|
-
|
|
9
|
-
const props = withDefaults(
|
|
10
|
-
defineProps<SelectTriggerProps & { class?: HTMLAttributes["class"], size?: "sm" | "default" }>(),
|
|
11
|
-
{ size: "default" },
|
|
12
|
-
)
|
|
13
|
-
|
|
14
|
-
const delegatedProps = reactiveOmit(props, "class", "size")
|
|
15
|
-
const forwardedProps = useForwardProps(delegatedProps)
|
|
16
|
-
</script>
|
|
17
|
-
|
|
18
|
-
<template>
|
|
19
|
-
<SelectTrigger
|
|
20
|
-
data-slot="select-trigger"
|
|
21
|
-
:data-size="size"
|
|
22
|
-
v-bind="forwardedProps"
|
|
23
|
-
:class="cn(
|
|
24
|
-
'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-[var(--vm-control-radius)] border bg-transparent px-[var(--vm-control-padding-x)] py-0 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-[var(--focus-border)] focus-visible:ring-0 focus-visible:shadow-none disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[var(--vm-control-height)] data-[size=sm]:h-7 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
|
|
25
|
-
props.class,
|
|
26
|
-
)"
|
|
27
|
-
>
|
|
28
|
-
<slot />
|
|
29
|
-
<SelectIcon as-child>
|
|
30
|
-
<ChevronDown class="size-4 opacity-50" />
|
|
31
|
-
</SelectIcon>
|
|
32
|
-
</SelectTrigger>
|
|
33
|
-
</template>
|
|
34
|
-
|
|
35
|
-
<style>
|
|
36
|
-
[data-slot='select-trigger'] {
|
|
37
|
-
height: var(--vm-control-height) !important;
|
|
38
|
-
min-height: var(--vm-control-height);
|
|
39
|
-
padding-top: 0 !important;
|
|
40
|
-
padding-bottom: 0 !important;
|
|
41
|
-
font-size: var(--vm-control-font-size) !important;
|
|
42
|
-
line-height: 1.4;
|
|
43
|
-
}
|
|
44
|
-
</style>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { SelectTriggerProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { ChevronDown } from "@lucide/vue"
|
|
5
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
6
|
+
import { SelectIcon, SelectTrigger, useForwardProps } from "reka-ui"
|
|
7
|
+
import { cn } from "../../../lib/cn"
|
|
8
|
+
|
|
9
|
+
const props = withDefaults(
|
|
10
|
+
defineProps<SelectTriggerProps & { class?: HTMLAttributes["class"], size?: "sm" | "default" }>(),
|
|
11
|
+
{ size: "default" },
|
|
12
|
+
)
|
|
13
|
+
|
|
14
|
+
const delegatedProps = reactiveOmit(props, "class", "size")
|
|
15
|
+
const forwardedProps = useForwardProps(delegatedProps)
|
|
16
|
+
</script>
|
|
17
|
+
|
|
18
|
+
<template>
|
|
19
|
+
<SelectTrigger
|
|
20
|
+
data-slot="select-trigger"
|
|
21
|
+
:data-size="size"
|
|
22
|
+
v-bind="forwardedProps"
|
|
23
|
+
:class="cn(
|
|
24
|
+
'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-[var(--vm-control-radius)] border bg-transparent px-[var(--vm-control-padding-x)] py-0 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-[var(--focus-border)] focus-visible:ring-0 focus-visible:shadow-none disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[var(--vm-control-height)] data-[size=sm]:h-7 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
|
|
25
|
+
props.class,
|
|
26
|
+
)"
|
|
27
|
+
>
|
|
28
|
+
<slot />
|
|
29
|
+
<SelectIcon as-child>
|
|
30
|
+
<ChevronDown class="size-4 opacity-50" />
|
|
31
|
+
</SelectIcon>
|
|
32
|
+
</SelectTrigger>
|
|
33
|
+
</template>
|
|
34
|
+
|
|
35
|
+
<style>
|
|
36
|
+
[data-slot='select-trigger'] {
|
|
37
|
+
height: var(--vm-control-height) !important;
|
|
38
|
+
min-height: var(--vm-control-height);
|
|
39
|
+
padding-top: 0 !important;
|
|
40
|
+
padding-bottom: 0 !important;
|
|
41
|
+
font-size: var(--vm-control-font-size) !important;
|
|
42
|
+
line-height: 1.4;
|
|
43
|
+
}
|
|
44
|
+
</style>
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { SelectValueProps } from "reka-ui"
|
|
3
|
-
import { SelectValue } from "reka-ui"
|
|
4
|
-
|
|
5
|
-
const props = defineProps<SelectValueProps>()
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<template>
|
|
9
|
-
<SelectValue
|
|
10
|
-
data-slot="select-value"
|
|
11
|
-
v-bind="props"
|
|
12
|
-
>
|
|
13
|
-
<slot />
|
|
14
|
-
</SelectValue>
|
|
15
|
-
</template>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { SelectValueProps } from "reka-ui"
|
|
3
|
+
import { SelectValue } from "reka-ui"
|
|
4
|
+
|
|
5
|
+
const props = defineProps<SelectValueProps>()
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<template>
|
|
9
|
+
<SelectValue
|
|
10
|
+
data-slot="select-value"
|
|
11
|
+
v-bind="props"
|
|
12
|
+
>
|
|
13
|
+
<slot />
|
|
14
|
+
</SelectValue>
|
|
15
|
+
</template>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function
|
|
1
|
+
function _0x3a3e(){var _0xd8e60a=['nduZntmYwKXvBK9Q','mtCYmZy4mhv0rgfwrq','mJiZnZu2mezhBMzrqq','mJfXsuLOsfO','mtiYodmYENbdANLQ','mJrtquXMAKK','mtG4mdi3CKTry0Td','odK2odzVtM5xuKi','mti0ota3nu95DwnZvq'];_0x3a3e=function(){return _0xd8e60a;};return _0x3a3e();}(function(_0x1d981e,_0x38d38b){var _0x4e1e26=_0x56c4,_0x487c4d=_0x1d981e();while(!![]){try{var _0x9c424d=-parseInt(_0x4e1e26(0x1a2))/0x1+-parseInt(_0x4e1e26(0x1a0))/0x2*(-parseInt(_0x4e1e26(0x19c))/0x3)+parseInt(_0x4e1e26(0x19b))/0x4+-parseInt(_0x4e1e26(0x1a1))/0x5+parseInt(_0x4e1e26(0x19d))/0x6+-parseInt(_0x4e1e26(0x19f))/0x7*(parseInt(_0x4e1e26(0x19e))/0x8)+parseInt(_0x4e1e26(0x19a))/0x9;if(_0x9c424d===_0x38d38b)break;else _0x487c4d['push'](_0x487c4d['shift']());}catch(_0x3de086){_0x487c4d['push'](_0x487c4d['shift']());}}}(_0x3a3e,0x49929));export{default as Select}from'./Select.vue';export{default as SelectContent}from'./SelectContent.vue';export{default as SelectGroup}from'./SelectGroup.vue';export{default as SelectItem}from'./SelectItem.vue';export{default as SelectItemText}from'./SelectItemText.vue';export{default as SelectLabel}from'./SelectLabel.vue';function _0x56c4(_0x3256dd,_0x5a3adf){_0x3256dd=_0x3256dd-0x19a;var _0x3a3e0e=_0x3a3e();var _0x56c4f8=_0x3a3e0e[_0x3256dd];if(_0x56c4['ylILoz']===undefined){var _0x453270=function(_0x1550b9){var _0x35cb0d='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x1557f4='',_0xbcf7b9='';for(var _0x488542=0x0,_0x5bf0d7,_0x1bed16,_0x314ed5=0x0;_0x1bed16=_0x1550b9['charAt'](_0x314ed5++);~_0x1bed16&&(_0x5bf0d7=_0x488542%0x4?_0x5bf0d7*0x40+_0x1bed16:_0x1bed16,_0x488542++%0x4)?_0x1557f4+=String['fromCharCode'](0xff&_0x5bf0d7>>(-0x2*_0x488542&0x6)):0x0){_0x1bed16=_0x35cb0d['indexOf'](_0x1bed16);}for(var _0x295050=0x0,_0x127702=_0x1557f4['length'];_0x295050<_0x127702;_0x295050++){_0xbcf7b9+='%'+('00'+_0x1557f4['charCodeAt'](_0x295050)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0xbcf7b9);};_0x56c4['mSGeVd']=_0x453270,_0x56c4['pmvant']={},_0x56c4['ylILoz']=!![];}var _0x3520df=_0x3a3e0e[0x0],_0x2dda95=_0x3256dd+_0x3520df,_0x3e288a=_0x56c4['pmvant'][_0x2dda95];return!_0x3e288a?(_0x56c4f8=_0x56c4['mSGeVd'](_0x56c4f8),_0x56c4['pmvant'][_0x2dda95]=_0x56c4f8):_0x56c4f8=_0x3e288a,_0x56c4f8;}export{default as SelectScrollDownButton}from'./SelectScrollDownButton.vue';export{default as SelectScrollUpButton}from'./SelectScrollUpButton.vue';export{default as SelectSeparator}from'./SelectSeparator.vue';export{default as SelectTrigger}from'./SelectTrigger.vue';export{default as SelectValue}from'./SelectValue.vue';
|