feat: align with upstream 1.5.9.9

2026-09-12 18:21:11 +08:00
commit 34f0679117
805 changed files with 376275 additions and 0 deletions
@@ -0,0 +1,37 @@
+<template>
+  <div class="space-y-1.5">
+    <label class="text-[10px] font-black text-text-disabled uppercase tracking-widest">{{ label }}</label>
+    <div class="relative">
+      <input
+        :value="modelValue"
+        :type="show ? 'text' : 'password'"
+        :placeholder="placeholder"
+        class="w-full bg-panel-bg-darkest border border-panel-bg-dark rounded-xl px-4 py-2.5 pr-10 text-sm text-text-primary-light focus:outline-none focus:border-primary-30 placeholder:text-text-disabled"
+        @input="$emit('update:modelValue', $event.target.value)"
+      >
+      <button
+        type="button"
+        class="absolute right-3 top-1/2 -translate-y-1/2 text-text-disabled hover:text-text-muted transition-colors"
+        @click="show = !show"
+      >
+        <EyeOff v-if="show" class="w-4 h-4" />
+        <Eye v-else class="w-4 h-4" />
+      </button>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { Eye, EyeOff } from '@lucide/vue'
+
+defineProps({
+  label: { type: String, required: true },
+  modelValue: { type: String, default: '' },
+  placeholder: { type: String, default: '' }
+})
+
+defineEmits(['update:modelValue'])
+
+const show = ref(false)
+</script>