From 82fb91fc7b31a9f23e71f9dee955b0643b11b769 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Wed, 9 Oct 2024 14:52:56 +0800
Subject: [PATCH] refactor: improve password input toggle button state display
 (#6800)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What type of PR is this?

/area ui
/kind improvement
/milestone 2.20.x

#### What this PR does / why we need it:

优化密码输入框的明文切换图标的状态显示。

before:

<img width="508" alt="image" src="https://github.com/user-attachments/assets/5ae12beb-ce23-40a2-ad08-8e47c2eb6813">

after:

<img width="519" alt="image" src="https://github.com/user-attachments/assets/712e1735-a7ad-40f4-8900-a8c92eda7e54">


#### Does this PR introduce a user-facing change?

```release-note
优化密码输入框的明文切换图标的状态显示。
```
---
 ui/src/formkit/inputs/password/RevealButton.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/formkit/inputs/password/RevealButton.vue b/ui/src/formkit/inputs/password/RevealButton.vue
index 67c1cc41f..39a8f434c 100644
--- a/ui/src/formkit/inputs/password/RevealButton.vue
+++ b/ui/src/formkit/inputs/password/RevealButton.vue
@@ -24,7 +24,7 @@ function handleChange() {
     @click="handleChange"
   >
     <IconEye
-      v-if="context.node.props.type === 'password'"
+      v-if="context.node.props.type !== 'password'"
       class="h-4 w-4 text-gray-500 group-hover:text-gray-700"
     />
     <IconEyeOff