vome-core 0.3.68 → 0.3.70
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/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/button/index.d.ts +1 -1
- 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.d.ts +7 -0
- 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.d.ts +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/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-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/hooks/useVome.d.ts +2 -2
- 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/stores/app.d.ts +13 -1
- package/dist/admin/stores/tags.d.ts +14 -1
- package/dist/admin/stores/user.d.ts +48 -1
- 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/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.d.ts +7 -4
- package/dist/client/eps.js +1 -1
- package/dist/client/index.d.ts +1 -1
- package/dist/client/index.js +1 -1
- package/dist/client/locale-change.js +1 -1
- package/dist/client/locale-store.d.ts +45 -1
- package/dist/client/locale-store.js +1 -1
- package/dist/client/path.js +1 -1
- package/dist/client/service.d.ts +8 -0
- package/dist/client/service.js +1 -1
- package/dist/client/vite-admin.js +1 -1
- package/dist/client/vite-auto-import.js +1 -1
- package/dist/client/vite-micro-proxy.js +1 -1
- package/dist/client/vite-plugin-eps.d.ts +5 -0
- package/dist/client/vite-plugin-eps.js +1 -1
- package/dist/client/vite-resolve.js +1 -1
- package/dist/config/index.js +1 -1
- package/dist/core/index.d.ts +2 -2
- package/dist/index.js +1 -1
- package/dist/orm/entity-cache.d.ts +1 -1
- package/dist/orm/service.d.ts +5 -5
- package/dist/routing/context.d.ts +12 -2
- package/dist/routing/eps.d.ts +4 -1
- package/dist/routing/index.d.ts +2 -1
- package/dist/routing/metadata.d.ts +7 -3
- package/dist/server/index.d.ts +2 -2
- 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/dist/typings/routing/eps.d.ts +3 -1
- package/dist/typings/routing/meta.d.ts +15 -0
- 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 +88 -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 +90 -88
- package/typings/routing/meta.ts +80 -63
- package/typings/routing/register.ts +21 -21
- package/typings/routing/scan-context.ts +7 -7
|
@@ -1,183 +1,183 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import { crudLabel } from '../../../crud/style'
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { computed } from "vue"
|
|
5
|
-
import { useVModel } from "@vueuse/core"
|
|
6
|
-
import { cn } from "../../../lib/cn"
|
|
7
|
-
|
|
8
|
-
const props = withDefaults(
|
|
9
|
-
defineProps<{
|
|
10
|
-
defaultValue?: string | number
|
|
11
|
-
modelValue?: string | number | null
|
|
12
|
-
class?: HTMLAttributes["class"]
|
|
13
|
-
/** 原生 input type;数字用 number */
|
|
14
|
-
type?: string
|
|
15
|
-
/** 小数位数;blur 时按位四舍五入(仅 type=number) */
|
|
16
|
-
precision?: number
|
|
17
|
-
/**
|
|
18
|
-
* 是否显示 number 步进器;false 隐藏(对齐常见 InputNumber.controls)
|
|
19
|
-
* 默认 true(保持原生外观);业务常传 false
|
|
20
|
-
*/
|
|
21
|
-
controls?: boolean
|
|
22
|
-
step?: string | number
|
|
23
|
-
placeholder?: string
|
|
24
|
-
disabled?: boolean
|
|
25
|
-
/** 有值时显示清除;默认 true(password 除外) */
|
|
26
|
-
clearable?: boolean
|
|
27
|
-
}>(),
|
|
28
|
-
{
|
|
29
|
-
controls: true,
|
|
30
|
-
clearable: undefined,
|
|
31
|
-
},
|
|
32
|
-
)
|
|
33
|
-
|
|
34
|
-
const emits = defineEmits<{
|
|
35
|
-
(e: "update:modelValue", payload: string | number | null): void
|
|
36
|
-
}>()
|
|
37
|
-
|
|
38
|
-
const modelValue = useVModel(props, "modelValue", emits, {
|
|
39
|
-
passive: true,
|
|
40
|
-
defaultValue: props.defaultValue,
|
|
41
|
-
})
|
|
42
|
-
|
|
43
|
-
const isNumber = computed(() => props.type === "number")
|
|
44
|
-
const isPassword = computed(() => props.type === "password")
|
|
45
|
-
const showClear = computed(() => {
|
|
46
|
-
if (props.disabled || isPassword.value) return false
|
|
47
|
-
const on = props.clearable !== false
|
|
48
|
-
if (!on) return false
|
|
49
|
-
const v = modelValue.value
|
|
50
|
-
return v != null && v !== ""
|
|
51
|
-
})
|
|
52
|
-
const hideControls = computed(
|
|
53
|
-
() => isNumber.value && props.controls === false,
|
|
54
|
-
)
|
|
55
|
-
|
|
56
|
-
/** number 未显式传 step 时,按 precision 生成(避免原生默认 step=1 挡小数) */
|
|
57
|
-
const resolvedStep = computed(() => {
|
|
58
|
-
if (!isNumber.value) return props.step
|
|
59
|
-
if (props.step != null && props.step !== "") return props.step
|
|
60
|
-
if (props.precision == null) return "any"
|
|
61
|
-
const p = Math.max(0, Math.floor(props.precision))
|
|
62
|
-
if (p === 0) return 1
|
|
63
|
-
return (1 / 10 ** p).toFixed(p)
|
|
64
|
-
})
|
|
65
|
-
|
|
66
|
-
function roundToPrecision(n: number) {
|
|
67
|
-
if (props.precision == null || !Number.isFinite(n)) return n
|
|
68
|
-
const p = Math.max(0, Math.floor(props.precision))
|
|
69
|
-
const f = 10 ** p
|
|
70
|
-
return Math.round(n * f) / f
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
function onUpdate(raw: string | number) {
|
|
74
|
-
if (!isNumber.value) {
|
|
75
|
-
modelValue.value = raw
|
|
76
|
-
return
|
|
77
|
-
}
|
|
78
|
-
if (raw === "" || raw == null) {
|
|
79
|
-
modelValue.value = null
|
|
80
|
-
return
|
|
81
|
-
}
|
|
82
|
-
const n = typeof raw === "number" ? raw : Number(raw)
|
|
83
|
-
modelValue.value = Number.isFinite(n) ? n : raw
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
function onBlur() {
|
|
87
|
-
if (!isNumber.value || props.precision == null) return
|
|
88
|
-
const cur = modelValue.value
|
|
89
|
-
if (cur == null || cur === "") return
|
|
90
|
-
const n = typeof cur === "number" ? cur : Number(cur)
|
|
91
|
-
if (!Number.isFinite(n)) return
|
|
92
|
-
modelValue.value = roundToPrecision(n)
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
function clear() {
|
|
96
|
-
modelValue.value = isNumber.value ? null : ""
|
|
97
|
-
}
|
|
98
|
-
</script>
|
|
99
|
-
|
|
100
|
-
<template>
|
|
101
|
-
<div
|
|
102
|
-
data-slot="input-wrap"
|
|
103
|
-
:class="cn('vm-input-wrap', showClear && 'has-clear', props.class)"
|
|
104
|
-
>
|
|
105
|
-
<input
|
|
106
|
-
data-slot="input"
|
|
107
|
-
:type="type"
|
|
108
|
-
:step="resolvedStep"
|
|
109
|
-
:placeholder="placeholder"
|
|
110
|
-
:disabled="disabled"
|
|
111
|
-
:value="modelValue ?? ''"
|
|
112
|
-
:class="cn(
|
|
113
|
-
'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-[var(--vm-control-height)] w-full min-w-0 rounded-[var(--vm-control-radius)] border bg-transparent px-[var(--vm-control-padding-x)] py-0 text-sm shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
|
|
114
|
-
'focus-visible:border-[var(--focus-border)] focus-visible:ring-0 focus-visible:shadow-none',
|
|
115
|
-
'aria-invalid:border-destructive aria-invalid:ring-0',
|
|
116
|
-
hideControls && 'is-no-controls',
|
|
117
|
-
showClear && 'is-clearable',
|
|
118
|
-
)"
|
|
119
|
-
@input="onUpdate(($event.target as HTMLInputElement).value)"
|
|
120
|
-
@blur="onBlur"
|
|
121
|
-
>
|
|
122
|
-
<i
|
|
123
|
-
v-if="showClear"
|
|
124
|
-
class="ri-close-circle-fill vm-input-wrap__clear"
|
|
125
|
-
role="button"
|
|
126
|
-
tabindex="-1"
|
|
127
|
-
:aria-label="crudLabel('clear')"
|
|
128
|
-
@mousedown.prevent
|
|
129
|
-
@click="clear"
|
|
130
|
-
/>
|
|
131
|
-
</div>
|
|
132
|
-
</template>
|
|
133
|
-
|
|
134
|
-
<style scoped>
|
|
135
|
-
/* controls: false → 隐藏原生 number 步进器 */
|
|
136
|
-
input.is-no-controls[type='number'] {
|
|
137
|
-
-moz-appearance: textfield;
|
|
138
|
-
}
|
|
139
|
-
input.is-no-controls[type='number']::-webkit-outer-spin-button,
|
|
140
|
-
input.is-no-controls[type='number']::-webkit-inner-spin-button {
|
|
141
|
-
-webkit-appearance: none;
|
|
142
|
-
margin: 0;
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
.vm-input-wrap {
|
|
146
|
-
position: relative;
|
|
147
|
-
box-sizing: border-box;
|
|
148
|
-
width: 100%;
|
|
149
|
-
min-width: 0;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.vm-input-wrap input.is-clearable {
|
|
153
|
-
padding-right: 28px;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
.vm-input-wrap__clear {
|
|
157
|
-
position: absolute;
|
|
158
|
-
top: 50%;
|
|
159
|
-
right: var(--vm-control-padding-x);
|
|
160
|
-
z-index: 1;
|
|
161
|
-
color: var(--muted-foreground);
|
|
162
|
-
font-size: 14px;
|
|
163
|
-
line-height: 1;
|
|
164
|
-
cursor: pointer;
|
|
165
|
-
transform: translateY(-50%);
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
.vm-input-wrap__clear:hover {
|
|
169
|
-
color: var(--foreground);
|
|
170
|
-
}
|
|
171
|
-
</style>
|
|
172
|
-
|
|
173
|
-
<style>
|
|
174
|
-
/* 与 CRUD 表单控件高度约定对齐(原 base.css data-slot 规则) */
|
|
175
|
-
[data-slot='input'] {
|
|
176
|
-
height: var(--vm-control-height) !important;
|
|
177
|
-
min-height: var(--vm-control-height);
|
|
178
|
-
padding-top: 0 !important;
|
|
179
|
-
padding-bottom: 0 !important;
|
|
180
|
-
font-size: var(--vm-control-font-size) !important;
|
|
181
|
-
line-height: 1.4;
|
|
182
|
-
}
|
|
183
|
-
</style>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import { crudLabel } from '../../../crud/style'
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { computed } from "vue"
|
|
5
|
+
import { useVModel } from "@vueuse/core"
|
|
6
|
+
import { cn } from "../../../lib/cn"
|
|
7
|
+
|
|
8
|
+
const props = withDefaults(
|
|
9
|
+
defineProps<{
|
|
10
|
+
defaultValue?: string | number
|
|
11
|
+
modelValue?: string | number | null
|
|
12
|
+
class?: HTMLAttributes["class"]
|
|
13
|
+
/** 原生 input type;数字用 number */
|
|
14
|
+
type?: string
|
|
15
|
+
/** 小数位数;blur 时按位四舍五入(仅 type=number) */
|
|
16
|
+
precision?: number
|
|
17
|
+
/**
|
|
18
|
+
* 是否显示 number 步进器;false 隐藏(对齐常见 InputNumber.controls)
|
|
19
|
+
* 默认 true(保持原生外观);业务常传 false
|
|
20
|
+
*/
|
|
21
|
+
controls?: boolean
|
|
22
|
+
step?: string | number
|
|
23
|
+
placeholder?: string
|
|
24
|
+
disabled?: boolean
|
|
25
|
+
/** 有值时显示清除;默认 true(password 除外) */
|
|
26
|
+
clearable?: boolean
|
|
27
|
+
}>(),
|
|
28
|
+
{
|
|
29
|
+
controls: true,
|
|
30
|
+
clearable: undefined,
|
|
31
|
+
},
|
|
32
|
+
)
|
|
33
|
+
|
|
34
|
+
const emits = defineEmits<{
|
|
35
|
+
(e: "update:modelValue", payload: string | number | null): void
|
|
36
|
+
}>()
|
|
37
|
+
|
|
38
|
+
const modelValue = useVModel(props, "modelValue", emits, {
|
|
39
|
+
passive: true,
|
|
40
|
+
defaultValue: props.defaultValue,
|
|
41
|
+
})
|
|
42
|
+
|
|
43
|
+
const isNumber = computed(() => props.type === "number")
|
|
44
|
+
const isPassword = computed(() => props.type === "password")
|
|
45
|
+
const showClear = computed(() => {
|
|
46
|
+
if (props.disabled || isPassword.value) return false
|
|
47
|
+
const on = props.clearable !== false
|
|
48
|
+
if (!on) return false
|
|
49
|
+
const v = modelValue.value
|
|
50
|
+
return v != null && v !== ""
|
|
51
|
+
})
|
|
52
|
+
const hideControls = computed(
|
|
53
|
+
() => isNumber.value && props.controls === false,
|
|
54
|
+
)
|
|
55
|
+
|
|
56
|
+
/** number 未显式传 step 时,按 precision 生成(避免原生默认 step=1 挡小数) */
|
|
57
|
+
const resolvedStep = computed(() => {
|
|
58
|
+
if (!isNumber.value) return props.step
|
|
59
|
+
if (props.step != null && props.step !== "") return props.step
|
|
60
|
+
if (props.precision == null) return "any"
|
|
61
|
+
const p = Math.max(0, Math.floor(props.precision))
|
|
62
|
+
if (p === 0) return 1
|
|
63
|
+
return (1 / 10 ** p).toFixed(p)
|
|
64
|
+
})
|
|
65
|
+
|
|
66
|
+
function roundToPrecision(n: number) {
|
|
67
|
+
if (props.precision == null || !Number.isFinite(n)) return n
|
|
68
|
+
const p = Math.max(0, Math.floor(props.precision))
|
|
69
|
+
const f = 10 ** p
|
|
70
|
+
return Math.round(n * f) / f
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
function onUpdate(raw: string | number) {
|
|
74
|
+
if (!isNumber.value) {
|
|
75
|
+
modelValue.value = raw
|
|
76
|
+
return
|
|
77
|
+
}
|
|
78
|
+
if (raw === "" || raw == null) {
|
|
79
|
+
modelValue.value = null
|
|
80
|
+
return
|
|
81
|
+
}
|
|
82
|
+
const n = typeof raw === "number" ? raw : Number(raw)
|
|
83
|
+
modelValue.value = Number.isFinite(n) ? n : raw
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
function onBlur() {
|
|
87
|
+
if (!isNumber.value || props.precision == null) return
|
|
88
|
+
const cur = modelValue.value
|
|
89
|
+
if (cur == null || cur === "") return
|
|
90
|
+
const n = typeof cur === "number" ? cur : Number(cur)
|
|
91
|
+
if (!Number.isFinite(n)) return
|
|
92
|
+
modelValue.value = roundToPrecision(n)
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
function clear() {
|
|
96
|
+
modelValue.value = isNumber.value ? null : ""
|
|
97
|
+
}
|
|
98
|
+
</script>
|
|
99
|
+
|
|
100
|
+
<template>
|
|
101
|
+
<div
|
|
102
|
+
data-slot="input-wrap"
|
|
103
|
+
:class="cn('vm-input-wrap', showClear && 'has-clear', props.class)"
|
|
104
|
+
>
|
|
105
|
+
<input
|
|
106
|
+
data-slot="input"
|
|
107
|
+
:type="type"
|
|
108
|
+
:step="resolvedStep"
|
|
109
|
+
:placeholder="placeholder"
|
|
110
|
+
:disabled="disabled"
|
|
111
|
+
:value="modelValue ?? ''"
|
|
112
|
+
:class="cn(
|
|
113
|
+
'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-[var(--vm-control-height)] w-full min-w-0 rounded-[var(--vm-control-radius)] border bg-transparent px-[var(--vm-control-padding-x)] py-0 text-sm shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
|
|
114
|
+
'focus-visible:border-[var(--focus-border)] focus-visible:ring-0 focus-visible:shadow-none',
|
|
115
|
+
'aria-invalid:border-destructive aria-invalid:ring-0',
|
|
116
|
+
hideControls && 'is-no-controls',
|
|
117
|
+
showClear && 'is-clearable',
|
|
118
|
+
)"
|
|
119
|
+
@input="onUpdate(($event.target as HTMLInputElement).value)"
|
|
120
|
+
@blur="onBlur"
|
|
121
|
+
>
|
|
122
|
+
<i
|
|
123
|
+
v-if="showClear"
|
|
124
|
+
class="ri-close-circle-fill vm-input-wrap__clear"
|
|
125
|
+
role="button"
|
|
126
|
+
tabindex="-1"
|
|
127
|
+
:aria-label="crudLabel('clear')"
|
|
128
|
+
@mousedown.prevent
|
|
129
|
+
@click="clear"
|
|
130
|
+
/>
|
|
131
|
+
</div>
|
|
132
|
+
</template>
|
|
133
|
+
|
|
134
|
+
<style scoped>
|
|
135
|
+
/* controls: false → 隐藏原生 number 步进器 */
|
|
136
|
+
input.is-no-controls[type='number'] {
|
|
137
|
+
-moz-appearance: textfield;
|
|
138
|
+
}
|
|
139
|
+
input.is-no-controls[type='number']::-webkit-outer-spin-button,
|
|
140
|
+
input.is-no-controls[type='number']::-webkit-inner-spin-button {
|
|
141
|
+
-webkit-appearance: none;
|
|
142
|
+
margin: 0;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.vm-input-wrap {
|
|
146
|
+
position: relative;
|
|
147
|
+
box-sizing: border-box;
|
|
148
|
+
width: 100%;
|
|
149
|
+
min-width: 0;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.vm-input-wrap input.is-clearable {
|
|
153
|
+
padding-right: 28px;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.vm-input-wrap__clear {
|
|
157
|
+
position: absolute;
|
|
158
|
+
top: 50%;
|
|
159
|
+
right: var(--vm-control-padding-x);
|
|
160
|
+
z-index: 1;
|
|
161
|
+
color: var(--muted-foreground);
|
|
162
|
+
font-size: 14px;
|
|
163
|
+
line-height: 1;
|
|
164
|
+
cursor: pointer;
|
|
165
|
+
transform: translateY(-50%);
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.vm-input-wrap__clear:hover {
|
|
169
|
+
color: var(--foreground);
|
|
170
|
+
}
|
|
171
|
+
</style>
|
|
172
|
+
|
|
173
|
+
<style>
|
|
174
|
+
/* 与 CRUD 表单控件高度约定对齐(原 base.css data-slot 规则) */
|
|
175
|
+
[data-slot='input'] {
|
|
176
|
+
height: var(--vm-control-height) !important;
|
|
177
|
+
min-height: var(--vm-control-height);
|
|
178
|
+
padding-top: 0 !important;
|
|
179
|
+
padding-bottom: 0 !important;
|
|
180
|
+
font-size: var(--vm-control-font-size) !important;
|
|
181
|
+
line-height: 1.4;
|
|
182
|
+
}
|
|
183
|
+
</style>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function
|
|
1
|
+
function _0x1dea(_0x459f24,_0x162f0c){_0x459f24=_0x459f24-0xb5;var _0x2312a1=_0x2312();var _0x1dea29=_0x2312a1[_0x459f24];if(_0x1dea['dbVpNn']===undefined){var _0x274d2f=function(_0x421e8f){var _0x44d07a='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x5936ba='',_0x12ce73='';for(var _0x55980b=0x0,_0x1fcacb,_0xe3ba41,_0x5f5be5=0x0;_0xe3ba41=_0x421e8f['charAt'](_0x5f5be5++);~_0xe3ba41&&(_0x1fcacb=_0x55980b%0x4?_0x1fcacb*0x40+_0xe3ba41:_0xe3ba41,_0x55980b++%0x4)?_0x5936ba+=String['fromCharCode'](0xff&_0x1fcacb>>(-0x2*_0x55980b&0x6)):0x0){_0xe3ba41=_0x44d07a['indexOf'](_0xe3ba41);}for(var _0x4176a2=0x0,_0x50c88b=_0x5936ba['length'];_0x4176a2<_0x50c88b;_0x4176a2++){_0x12ce73+='%'+('00'+_0x5936ba['charCodeAt'](_0x4176a2)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x12ce73);};_0x1dea['BpzOti']=_0x274d2f,_0x1dea['NzXGXV']={},_0x1dea['dbVpNn']=!![];}var _0x2db610=_0x2312a1[0x0],_0x26e75f=_0x459f24+_0x2db610,_0x19166b=_0x1dea['NzXGXV'][_0x26e75f];return!_0x19166b?(_0x1dea29=_0x1dea['BpzOti'](_0x1dea29),_0x1dea['NzXGXV'][_0x26e75f]=_0x1dea29):_0x1dea29=_0x19166b,_0x1dea29;}(function(_0x2d6d72,_0x5131d3){var _0x478d2f=_0x1dea,_0x57145e=_0x2d6d72();while(!![]){try{var _0x55b5bc=parseInt(_0x478d2f(0xb9))/0x1*(-parseInt(_0x478d2f(0xb7))/0x2)+parseInt(_0x478d2f(0xbd))/0x3+-parseInt(_0x478d2f(0xb8))/0x4+-parseInt(_0x478d2f(0xba))/0x5+-parseInt(_0x478d2f(0xb6))/0x6*(-parseInt(_0x478d2f(0xbc))/0x7)+-parseInt(_0x478d2f(0xb5))/0x8*(-parseInt(_0x478d2f(0xbe))/0x9)+parseInt(_0x478d2f(0xbb))/0xa;if(_0x55b5bc===_0x5131d3)break;else _0x57145e['push'](_0x57145e['shift']());}catch(_0x127678){_0x57145e['push'](_0x57145e['shift']());}}}(_0x2312,0xe5f61));function _0x2312(){var _0x185395=['nJq2mtqZmfjRD0X2vq','nJKZoti0BMXNv1Pm','ndq5mZa0nM9wDLzxrW','ndvkwLv3Eg4','mteYmZy4ofzpzerpqW','mte0y0D0zK1z','mtGZnZC3og9Ju1bMwq','mJuXmJmXnLnlrvrrBq','mMLfAwTNvq','nJyWotmWme13wvH5uW'];_0x2312=function(){return _0x185395;};return _0x2312();}export{default as Input}from'./Input.vue';
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { LabelProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
-
import { Label } from "reka-ui"
|
|
6
|
-
import { cn } from "../../../lib/cn"
|
|
7
|
-
|
|
8
|
-
const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>()
|
|
9
|
-
|
|
10
|
-
const delegatedProps = reactiveOmit(props, "class")
|
|
11
|
-
</script>
|
|
12
|
-
|
|
13
|
-
<template>
|
|
14
|
-
<Label
|
|
15
|
-
data-slot="label"
|
|
16
|
-
v-bind="delegatedProps"
|
|
17
|
-
:class="
|
|
18
|
-
cn(
|
|
19
|
-
'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
|
|
20
|
-
props.class,
|
|
21
|
-
)
|
|
22
|
-
"
|
|
23
|
-
>
|
|
24
|
-
<slot />
|
|
25
|
-
</Label>
|
|
26
|
-
</template>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { LabelProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
+
import { Label } from "reka-ui"
|
|
6
|
+
import { cn } from "../../../lib/cn"
|
|
7
|
+
|
|
8
|
+
const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>()
|
|
9
|
+
|
|
10
|
+
const delegatedProps = reactiveOmit(props, "class")
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<Label
|
|
15
|
+
data-slot="label"
|
|
16
|
+
v-bind="delegatedProps"
|
|
17
|
+
:class="
|
|
18
|
+
cn(
|
|
19
|
+
'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
|
|
20
|
+
props.class,
|
|
21
|
+
)
|
|
22
|
+
"
|
|
23
|
+
>
|
|
24
|
+
<slot />
|
|
25
|
+
</Label>
|
|
26
|
+
</template>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
function _0x3d7e(_0x5d6843,_0x4ebdc0){_0x5d6843=_0x5d6843-0x1cc;var _0x192790=_0x1927();var _0x3d7ed7=_0x192790[_0x5d6843];if(_0x3d7e['qMWRgr']===undefined){var _0x14522a=function(_0x565a22){var _0x2cd355='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x2705ba='',_0x143280='';for(var _0x37c467=0x0,_0x496218,_0x2321a6,_0x11f2c1=0x0;_0x2321a6=_0x565a22['charAt'](_0x11f2c1++);~_0x2321a6&&(_0x496218=_0x37c467%0x4?_0x496218*0x40+_0x2321a6:_0x2321a6,_0x37c467++%0x4)?_0x2705ba+=String['fromCharCode'](0xff&_0x496218>>(-0x2*_0x37c467&0x6)):0x0){_0x2321a6=_0x2cd355['indexOf'](_0x2321a6);}for(var _0x5acf8b=0x0,_0xc8ce6d=_0x2705ba['length'];_0x5acf8b<_0xc8ce6d;_0x5acf8b++){_0x143280+='%'+('00'+_0x2705ba['charCodeAt'](_0x5acf8b)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x143280);};_0x3d7e['XWVyDb']=_0x14522a,_0x3d7e['ZdGFCf']={},_0x3d7e['qMWRgr']=!![];}var _0x1900f7=_0x192790[0x0],_0xdbb641=_0x5d6843+_0x1900f7,_0x76a672=_0x3d7e['ZdGFCf'][_0xdbb641];return!_0x76a672?(_0x3d7ed7=_0x3d7e['XWVyDb'](_0x3d7ed7),_0x3d7e['ZdGFCf'][_0xdbb641]=_0x3d7ed7):_0x3d7ed7=_0x76a672,_0x3d7ed7;}(function(_0x5dacc4,_0x16dc13){var _0x2de93f=_0x3d7e,_0x56aef5=_0x5dacc4();while(!![]){try{var _0x388324=-parseInt(_0x2de93f(0x1d0))/0x1+parseInt(_0x2de93f(0x1d3))/0x2+parseInt(_0x2de93f(0x1d4))/0x3+-parseInt(_0x2de93f(0x1cc))/0x4*(parseInt(_0x2de93f(0x1d1))/0x5)+-parseInt(_0x2de93f(0x1cd))/0x6+parseInt(_0x2de93f(0x1d2))/0x7+parseInt(_0x2de93f(0x1cf))/0x8*(parseInt(_0x2de93f(0x1ce))/0x9);if(_0x388324===_0x16dc13)break;else _0x56aef5['push'](_0x56aef5['shift']());}catch(_0x52abea){_0x56aef5['push'](_0x56aef5['shift']());}}}(_0x1927,0x724f0));export{default as Label}from'./Label.vue';function _0x1927(){var _0x23ceb3=['mtuXmZKZnwr5AeDKyG','nfLvvgf6tW','mZuWndu5nfzwtfjgBq','otG1ody5txbzq0Hb','mJrrCMTyCgC','ntm5oti5AMDOrujU','mtiZmZeWnuDYAuvHCW','ntKYodq2mxbcBMnhAq','mZe3mZmYEhzUv0zo'];_0x1927=function(){return _0x23ceb3;};return _0x1927();}
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { ScrollAreaRootProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
-
import {
|
|
6
|
-
ScrollAreaCorner,
|
|
7
|
-
ScrollAreaRoot,
|
|
8
|
-
ScrollAreaViewport,
|
|
9
|
-
} from "reka-ui"
|
|
10
|
-
import { cn } from "../../../lib/cn"
|
|
11
|
-
import ScrollBar from "./ScrollBar.vue"
|
|
12
|
-
|
|
13
|
-
const props = defineProps<ScrollAreaRootProps & { class?: HTMLAttributes["class"] }>()
|
|
14
|
-
|
|
15
|
-
const delegatedProps = reactiveOmit(props, "class")
|
|
16
|
-
</script>
|
|
17
|
-
|
|
18
|
-
<template>
|
|
19
|
-
<ScrollAreaRoot
|
|
20
|
-
data-slot="scroll-area"
|
|
21
|
-
v-bind="delegatedProps"
|
|
22
|
-
:class="cn('relative', props.class)"
|
|
23
|
-
>
|
|
24
|
-
<ScrollAreaViewport
|
|
25
|
-
data-slot="scroll-area-viewport"
|
|
26
|
-
class="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-3 focus-visible:outline-1"
|
|
27
|
-
>
|
|
28
|
-
<slot />
|
|
29
|
-
</ScrollAreaViewport>
|
|
30
|
-
<ScrollBar />
|
|
31
|
-
<ScrollAreaCorner />
|
|
32
|
-
</ScrollAreaRoot>
|
|
33
|
-
</template>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { ScrollAreaRootProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
+
import {
|
|
6
|
+
ScrollAreaCorner,
|
|
7
|
+
ScrollAreaRoot,
|
|
8
|
+
ScrollAreaViewport,
|
|
9
|
+
} from "reka-ui"
|
|
10
|
+
import { cn } from "../../../lib/cn"
|
|
11
|
+
import ScrollBar from "./ScrollBar.vue"
|
|
12
|
+
|
|
13
|
+
const props = defineProps<ScrollAreaRootProps & { class?: HTMLAttributes["class"] }>()
|
|
14
|
+
|
|
15
|
+
const delegatedProps = reactiveOmit(props, "class")
|
|
16
|
+
</script>
|
|
17
|
+
|
|
18
|
+
<template>
|
|
19
|
+
<ScrollAreaRoot
|
|
20
|
+
data-slot="scroll-area"
|
|
21
|
+
v-bind="delegatedProps"
|
|
22
|
+
:class="cn('relative', props.class)"
|
|
23
|
+
>
|
|
24
|
+
<ScrollAreaViewport
|
|
25
|
+
data-slot="scroll-area-viewport"
|
|
26
|
+
class="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-3 focus-visible:outline-1"
|
|
27
|
+
>
|
|
28
|
+
<slot />
|
|
29
|
+
</ScrollAreaViewport>
|
|
30
|
+
<ScrollBar />
|
|
31
|
+
<ScrollAreaCorner />
|
|
32
|
+
</ScrollAreaRoot>
|
|
33
|
+
</template>
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { ScrollAreaScrollbarProps } from "reka-ui"
|
|
3
|
-
import type { HTMLAttributes } from "vue"
|
|
4
|
-
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
-
import { ScrollAreaScrollbar, ScrollAreaThumb } from "reka-ui"
|
|
6
|
-
import { cn } from "../../../lib/cn"
|
|
7
|
-
|
|
8
|
-
const props = withDefaults(defineProps<ScrollAreaScrollbarProps & { class?: HTMLAttributes["class"] }>(), {
|
|
9
|
-
orientation: "vertical",
|
|
10
|
-
})
|
|
11
|
-
|
|
12
|
-
const delegatedProps = reactiveOmit(props, "class")
|
|
13
|
-
</script>
|
|
14
|
-
|
|
15
|
-
<template>
|
|
16
|
-
<ScrollAreaScrollbar
|
|
17
|
-
data-slot="scroll-area-scrollbar"
|
|
18
|
-
v-bind="delegatedProps"
|
|
19
|
-
:class="
|
|
20
|
-
cn('flex touch-none p-px transition-colors select-none',
|
|
21
|
-
orientation === 'vertical'
|
|
22
|
-
&& 'h-full w-2.5 border-l border-l-transparent',
|
|
23
|
-
orientation === 'horizontal'
|
|
24
|
-
&& 'h-2.5 flex-col border-t border-t-transparent',
|
|
25
|
-
props.class)"
|
|
26
|
-
>
|
|
27
|
-
<ScrollAreaThumb
|
|
28
|
-
data-slot="scroll-area-thumb"
|
|
29
|
-
class="bg-border relative flex-1 rounded-full"
|
|
30
|
-
/>
|
|
31
|
-
</ScrollAreaScrollbar>
|
|
32
|
-
</template>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { ScrollAreaScrollbarProps } from "reka-ui"
|
|
3
|
+
import type { HTMLAttributes } from "vue"
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core"
|
|
5
|
+
import { ScrollAreaScrollbar, ScrollAreaThumb } from "reka-ui"
|
|
6
|
+
import { cn } from "../../../lib/cn"
|
|
7
|
+
|
|
8
|
+
const props = withDefaults(defineProps<ScrollAreaScrollbarProps & { class?: HTMLAttributes["class"] }>(), {
|
|
9
|
+
orientation: "vertical",
|
|
10
|
+
})
|
|
11
|
+
|
|
12
|
+
const delegatedProps = reactiveOmit(props, "class")
|
|
13
|
+
</script>
|
|
14
|
+
|
|
15
|
+
<template>
|
|
16
|
+
<ScrollAreaScrollbar
|
|
17
|
+
data-slot="scroll-area-scrollbar"
|
|
18
|
+
v-bind="delegatedProps"
|
|
19
|
+
:class="
|
|
20
|
+
cn('flex touch-none p-px transition-colors select-none',
|
|
21
|
+
orientation === 'vertical'
|
|
22
|
+
&& 'h-full w-2.5 border-l border-l-transparent',
|
|
23
|
+
orientation === 'horizontal'
|
|
24
|
+
&& 'h-2.5 flex-col border-t border-t-transparent',
|
|
25
|
+
props.class)"
|
|
26
|
+
>
|
|
27
|
+
<ScrollAreaThumb
|
|
28
|
+
data-slot="scroll-area-thumb"
|
|
29
|
+
class="bg-border relative flex-1 rounded-full"
|
|
30
|
+
/>
|
|
31
|
+
</ScrollAreaScrollbar>
|
|
32
|
+
</template>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function
|
|
1
|
+
function _0x38f0(_0x30cc3a,_0x56937b){_0x30cc3a=_0x30cc3a-0xb3;var _0x3770e8=_0x3770();var _0x38f0e2=_0x3770e8[_0x30cc3a];if(_0x38f0['ttGNop']===undefined){var _0x33f01f=function(_0x3069db){var _0x2b1bb5='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x3bec0a='',_0x488431='';for(var _0x2a8d83=0x0,_0x461650,_0x5d1809,_0x2c1a4e=0x0;_0x5d1809=_0x3069db['charAt'](_0x2c1a4e++);~_0x5d1809&&(_0x461650=_0x2a8d83%0x4?_0x461650*0x40+_0x5d1809:_0x5d1809,_0x2a8d83++%0x4)?_0x3bec0a+=String['fromCharCode'](0xff&_0x461650>>(-0x2*_0x2a8d83&0x6)):0x0){_0x5d1809=_0x2b1bb5['indexOf'](_0x5d1809);}for(var _0x111ca7=0x0,_0x1b2a98=_0x3bec0a['length'];_0x111ca7<_0x1b2a98;_0x111ca7++){_0x488431+='%'+('00'+_0x3bec0a['charCodeAt'](_0x111ca7)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x488431);};_0x38f0['Vxpviq']=_0x33f01f,_0x38f0['DnIWpr']={},_0x38f0['ttGNop']=!![];}var _0x51b47c=_0x3770e8[0x0],_0xd95811=_0x30cc3a+_0x51b47c,_0x3711cf=_0x38f0['DnIWpr'][_0xd95811];return!_0x3711cf?(_0x38f0e2=_0x38f0['Vxpviq'](_0x38f0e2),_0x38f0['DnIWpr'][_0xd95811]=_0x38f0e2):_0x38f0e2=_0x3711cf,_0x38f0e2;}(function(_0x4c4909,_0x186e96){var _0x510daa=_0x38f0,_0x199f6e=_0x4c4909();while(!![]){try{var _0xa3ffb5=parseInt(_0x510daa(0xb9))/0x1+parseInt(_0x510daa(0xba))/0x2*(-parseInt(_0x510daa(0xb4))/0x3)+parseInt(_0x510daa(0xb6))/0x4*(parseInt(_0x510daa(0xbd))/0x5)+parseInt(_0x510daa(0xb5))/0x6+-parseInt(_0x510daa(0xbb))/0x7+-parseInt(_0x510daa(0xb3))/0x8*(parseInt(_0x510daa(0xb8))/0x9)+-parseInt(_0x510daa(0xbc))/0xa*(parseInt(_0x510daa(0xb7))/0xb);if(_0xa3ffb5===_0x186e96)break;else _0x199f6e['push'](_0x199f6e['shift']());}catch(_0x41aeca){_0x199f6e['push'](_0x199f6e['shift']());}}}(_0x3770,0xa2776));function _0x3770(){var _0x548355=['nZaWnJuXv0n4DfPl','mtbowejiCMW','nwL3DxPkrG','mJq4wNbOtKHl','ntm3nJbwvvPTwuO','nZyWndC2meLrCxLszq','mJuWmdK3mMfMEvnHtW','ota1nJuWounZqNrhva','mJq3nZK3EMzOAgnI','nJKZmdu0wKT1Bu5y','mtzOrwnhwNO'];_0x3770=function(){return _0x548355;};return _0x3770();}export{default as ScrollArea}from'./ScrollArea.vue';export{default as ScrollBar}from'./ScrollBar.vue';
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { SelectRootEmits, SelectRootProps } from "reka-ui"
|
|
3
|
-
import { SelectRoot, useForwardPropsEmits } from "reka-ui"
|
|
4
|
-
|
|
5
|
-
const props = defineProps<SelectRootProps>()
|
|
6
|
-
const emits = defineEmits<SelectRootEmits>()
|
|
7
|
-
|
|
8
|
-
const forwarded = useForwardPropsEmits(props, emits)
|
|
9
|
-
</script>
|
|
10
|
-
|
|
11
|
-
<template>
|
|
12
|
-
<SelectRoot
|
|
13
|
-
v-slot="slotProps"
|
|
14
|
-
data-slot="select"
|
|
15
|
-
v-bind="forwarded"
|
|
16
|
-
>
|
|
17
|
-
<slot v-bind="slotProps" />
|
|
18
|
-
</SelectRoot>
|
|
19
|
-
</template>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import type { SelectRootEmits, SelectRootProps } from "reka-ui"
|
|
3
|
+
import { SelectRoot, useForwardPropsEmits } from "reka-ui"
|
|
4
|
+
|
|
5
|
+
const props = defineProps<SelectRootProps>()
|
|
6
|
+
const emits = defineEmits<SelectRootEmits>()
|
|
7
|
+
|
|
8
|
+
const forwarded = useForwardPropsEmits(props, emits)
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<template>
|
|
12
|
+
<SelectRoot
|
|
13
|
+
v-slot="slotProps"
|
|
14
|
+
data-slot="select"
|
|
15
|
+
v-bind="forwarded"
|
|
16
|
+
>
|
|
17
|
+
<slot v-bind="slotProps" />
|
|
18
|
+
</SelectRoot>
|
|
19
|
+
</template>
|