From 23b33743fcdb1836c61ab05c22c284c16be9425d Mon Sep 17 00:00:00 2001
From: Doji <138183055+BeanDz@users.noreply.github.com>
Date: Fri, 31 Oct 2025 20:16:31 +0800
Subject: [PATCH] refactor(ui): remove unocss attributify for `FieldKeyValues`
 (#693)

Co-authored-by: LemonNeko <self@lemonneko.moe>
---
 .../ui/src/components/Form/Field/FieldKeyValues.vue    | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/ui/src/components/Form/Field/FieldKeyValues.vue b/packages/ui/src/components/Form/Field/FieldKeyValues.vue
index 74724509f..9274a1613 100644
--- a/packages/ui/src/components/Form/Field/FieldKeyValues.vue
+++ b/packages/ui/src/components/Form/Field/FieldKeyValues.vue
@@ -28,8 +28,8 @@ watch([inputKey, inputValue], () => {
 </script>
 
 <template>
-  <div max-w-full>
-    <label 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">
           <slot name="label">
@@ -43,18 +43,18 @@ watch([inputKey, inputValue], () => {
           </slot>
         </div>
       </div>
-      <div v-auto-animate flex="~ col gap-2">
+      <div v-auto-animate class="flex flex-col gap-2">
         <div
           v-for="(keyValue, index) in keyValues"
           :key="index"
-          w-full flex items-center gap-2
+          class="w-full flex items-center gap-2"
         >
           <InputKeyValue
             v-model:property-key="keyValue.key"
             v-model:property-value="keyValue.value"
             :key-placeholder="props.keyPlaceholder"
             :value-placeholder="props.valuePlaceholder"
-            w-full
+            class="w-full"
           />
           <button @click="emit('remove', index)">
             <div i-solar:minus-circle-line-duotone size="6" />