From 9fe13bde1732d883499be56035e9a9e127aed7ba Mon Sep 17 00:00:00 2001
From: Vixalie <vixalie@outlook.com>
Date: Sun, 24 Aug 2025 11:07:55 +0800
Subject: [PATCH] =?UTF-8?q?fix(Input):=20=E4=BF=AE=E5=A4=8D=20Input=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=A6=81=E7=94=A8=E7=8A=B6=E6=80=81=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除了多余的 disabled 属性相关样式
- 统一使用 aria-disabled 属性来控制禁用状态样式
- 在 input 元素上添加 disabled:text-neutral-disabled 样式，确保禁用状态下文本颜色正确
---
 src/components/Input.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Input.tsx b/src/components/Input.tsx
index 113aea6..fa673d9 100644
--- a/src/components/Input.tsx
+++ b/src/components/Input.tsx
@@ -49,7 +49,7 @@ const Input: Component<InputProps> = (props) => {
       class={cx(
         'flex flex-row items-center gap-2 min-h-[1em] px-3 py-1.5',
         mProps.variant === 'normal' &&
-          'rounded-sm bg-neutral text-on-neutral aria-disabled:cursor-not-allowed aria-disabled:bg-neutral-disabled aria-disabled:text-on-neutral-disabled disabled:bg-neutral-disabled disabled:text-on-neutral-disabled',
+          'rounded-sm bg-neutral text-on-neutral aria-disabled:cursor-not-allowed aria-disabled:text-neutral-disabled',
         mProps.variant === 'underlined' &&
           'border-b border-solid pb-[calc(var(--spacing)*1.5-1px)] border-on-surface text-on-surface aria-disabled:border-neutral-disabled aria-disabled:text-neutral-disabled',
         mProps.variant === 'immersive' && 'text-on-surface aria-disabled:text-neutral-disabled',
@@ -62,7 +62,10 @@ const Input: Component<InputProps> = (props) => {
         placeholder={mProps.placeholder}
         disabled={mProps.disabled}
         value={internalValue()}
-        class={cx('min-h-[1em] grow focus:outline-none placeholder:italic', mProps.inputClass)}
+        class={cx(
+          'min-h-[1em] grow focus:outline-none placeholder:italic disabled:text-neutral-disabled',
+          mProps.inputClass,
+        )}
         onInput={handleInput}
       />
       <Show when={isNotNil(mProps.right)}>{mProps.right}</Show>