MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-26 02:03:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

replace ElMessageBox.prompt

Browse Source
This commit is contained in:
pa
2026-01-15 11:46:03 +09:00
committed by Natsumi
parent 87dc871578
commit fc13dca0a4
22 changed files with 413 additions and 408 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ui/dialog/DialogContent.vue
View File

@@ -40,7 +40,7 @@
v-bind="{ ...$attrs, ...forwarded }"
:class="
cn(
'bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',
'bg-background 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 fixed top-[50%] left-[50%] z-10000 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',
props.class
)
">

2
src/components/ui/dialog/DialogOverlay.vue
View File

@@ -19,7 +19,7 @@
v-bind="delegatedProps"
:class="
cn(
'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80',
'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-10000 bg-black/80',
props.class
)
">

4
src/components/ui/dialog/DialogScrollContent.vue
View File

@@ -32,11 +32,11 @@
<template>
<DialogPortal>
<DialogOverlay
class="fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0">
class="fixed inset-0 z-10000 grid place-items-center overflow-y-auto bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0">
<DialogContent
:class="
cn(
'relative z-50 grid w-full max-w-lg my-8 gap-4 border border-border bg-background p-6 shadow-lg duration-200 sm:rounded-lg md:w-full',
'relative z-10000 grid w-full max-w-lg my-8 gap-4 border border-border bg-background p-6 shadow-lg duration-200 sm:rounded-lg md:w-full',
props.class
)
"

21
src/components/ui/dialog/PromptDialogModal.vue
View File

@@ -7,7 +7,7 @@
DialogHeader,
DialogTitle
} from '@/components/ui/dialog';
import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form';
import { FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { storeToRefs } from 'pinia';
@@ -61,7 +61,7 @@
event.preventDefault();
return;
}
modalStore.handlePromptDismiss(values.value.value ?? '');
modalStore.handlePromptDismiss(values.value ?? '');
}
function onPointerDownOutside(event) {
@@ -69,7 +69,7 @@
event.preventDefault();
return;
}
modalStore.handlePromptDismiss(values.value.value ?? '');
modalStore.handlePromptDismiss(values.value ?? '');
}
function onInteractOutside(event) {
@@ -77,20 +77,21 @@
event.preventDefault();
return;
}
modalStore.handlePromptDismiss(values.value.value ?? '');
modalStore.handlePromptDismiss(values.value ?? '');
}
function handleCancel() {
modalStore.handlePromptCancel(values.value.value ?? '');
modalStore.handlePromptCancel(values.value ?? '');
}
watch(
promptOpen,
(open) => {
[promptOpen, promptInputValue],
([open, inputValue]) => {
if (open) {
setValues({ value: promptInputValue.value ?? '' });
setValues({ value: inputValue ?? '' });
return;
}
resetForm({
values: {
value: ''
@@ -108,7 +109,7 @@
@escapeKeyDown="onEscapeKeyDown"
@pointerDownOutside="onPointerDownOutside"
@interactOutside="onInteractOutside">
<Form @submit="onSubmit">
<form @submit="onSubmit">
<DialogHeader>
<DialogTitle>{{ promptTitle }}</DialogTitle>
<DialogDescription>{{ promptDescription }}</DialogDescription>
@@ -132,7 +133,7 @@
{{ promptOkText }}
</Button>
</DialogFooter>
</Form>
</form>
</DialogContent>
</Dialog>
</template>

2
src/components/ui/hover-card/HoverCardContent.vue
View File

@@ -43,7 +43,7 @@
v-bind="{ ...$attrs, ...forwardedProps }"
:class="
cn(
'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 z-50 w-64 rounded-md border p-4 shadow-md outline-hidden',
'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 z-10000 w-64 rounded-md border p-4 shadow-md outline-hidden',
props.class
)
">

1
src/components/ui/input/Input.vue
View File

@@ -11,7 +11,6 @@
const emits = defineEmits(['update:modelValue']);
const modelValue = useVModel(props, 'modelValue', emits, {
passive: true,
defaultValue: props.defaultValue
});
</script>