nanakura/moeka-project
1
0
Fork 0
Code Issues Pull Requests 1 Actions 1 Packages Projects Releases Wiki Activity

refactor(ui): remove unocss attributify for FieldValues (#696)

Browse Source
This commit is contained in:
Doji
2025-10-31 23:05:44 +08:00
committed by GitHub
parent 21a8bd7046
commit 220f39cf60
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/Form/Field/FieldValues.vue
+9 -9
View File
@@ -29,16 +29,16 @@ function removeItem(index: number) {
</script>
<template>
<div class="max-w-full">
<label class="flex flex-col gap-2">
<div :class="['max-w-full']">
<label :class="['flex', 'flex-col', 'gap-2']">
<div>
<div class="flex items-center gap-1 text-sm font-medium">
<div :class="['flex', 'items-center', 'gap-1', 'text-sm', 'font-medium']">
<slot name="label">
{{ props.label }}
</slot>
<span v-if="props.required !== false" class="text-red-500">*</span>
<span v-if="props.required !== false" :class="['text-red-500']">*</span>
</div>
<div class="text-nowrap text-xs text-neutral-500 dark:text-neutral-400">
<div :class="['text-nowrap', 'text-xs', 'text-neutral-500', 'dark:text-neutral-400']">
<slot name="description">
{{ props.description }}
</slot>
@@ -49,17 +49,17 @@ function removeItem(index: number) {
<div
v-for="(_, index) in items"
:key="index"
class="w-full flex items-center gap-2"
:class="['w-full', 'flex', 'items-center', 'gap-2']"
>
<Input
v-model="items[index]"
:placeholder="props.valuePlaceholder"
class="w-90%"
:class="['w-90%']"
/>
<button i-solar:minus-circle-line-duotone size="6" class="min-w-20px w-10% flex text-red-500" @click="removeItem(index)" />
<button i-solar:minus-circle-line-duotone size="6" :class="['min-w-20px', 'w-10%', 'flex', 'text-red-500']" @click="removeItem(index)" />
</div>
<div i-solar:add-circle-line-duotone size="6" class="mt-2 w-4/5 text-blue-500" @click="addItem" />
<div i-solar:add-circle-line-duotone size="6" :class="['mt-2', 'w-4/5', 'text-blue-500']" @click="addItem" />
</div>
</label>
</div>