From 6728aca6f6ad76f9f508a802c65c2b6e62a52dcb Mon Sep 17 00:00:00 2001
From: lw <你的邮箱2972063787@qq.com>
Date: Thu, 16 Oct 2025 15:10:44 +0800
Subject: [PATCH] =?UTF-8?q?feat(input):=20=E8=BE=93=E5=85=A5=E6=A1=86?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B=E4=B8=BApassword=E6=97=B6=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=9A=90=E8=97=8F=E5=AF=86=E7=A0=81=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/packages/__VUE/input/index.scss |  7 +++++++
 src/packages/__VUE/input/input.vue  | 24 ++++++++++++++++++++----
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/packages/__VUE/input/index.scss b/src/packages/__VUE/input/index.scss
index 61c6c7750e..6affc8023a 100644
--- a/src/packages/__VUE/input/index.scss
+++ b/src/packages/__VUE/input/index.scss
@@ -122,6 +122,13 @@ textarea {
     cursor: pointer;
     margin: 0 4px;
   }
+  &-eye {
+    width: 16px;
+    height: 16px;
+    color: #000;
+    cursor: pointer;
+    margin: 0 4px;
+  }
   &--required {
     &::before {
       position: absolute;
diff --git a/src/packages/__VUE/input/input.vue b/src/packages/__VUE/input/input.vue
index ce647b0aa3..2cc85212b8 100644
--- a/src/packages/__VUE/input/input.vue
+++ b/src/packages/__VUE/input/input.vue
@@ -44,6 +44,10 @@
             </MaskClose>
           </slot>
         </view>
+        <view v-if="type === 'password' && !readonly" class="nut-input-eye">
+          <Marshalling v-if="isPassword" v-bind="$attrs" size="15" @click="updateStatus"> </Marshalling>
+          <Eye v-else v-bind="$attrs" size="15" @click="updateStatus"> </Eye>
+        </view>
         <view class="nut-input-right-box">
           <slot name="right"> </slot>
         </view>
@@ -53,7 +57,7 @@
 </template>
 <script setup lang="ts">
 import { ref, reactive, computed, onMounted, watch, ComputedRef, h, toRef } from 'vue'
-import { MaskClose } from '@nutui/icons-vue'
+import { MaskClose, Marshalling, Eye } from '@nutui/icons-vue'
 import { formatNumber, mapInputType } from './util'
 import { useFormDisabled } from '../form/common'
 
@@ -109,9 +113,15 @@ const emit = defineEmits(['update:modelValue', 'blur', 'focus', 'clear', 'keypre
 const disabled = useFormDisabled(toRef(props, 'disabled'))
 const active = ref(false)
 const inputRef = ref()
+const isPassword = ref(true)
 const getModelValue = () => String(props.modelValue ?? '')
 
-const renderInput = (type: InputType) => h('input', { ...mapInputType(type) })
+const renderInput = (type: InputType) => {
+  if (type === 'password') {
+    return h('input', { ...mapInputType(isPassword.value ? 'password' : 'text') })
+  }
+  return h('input', { ...mapInputType(type) })
+}
 
 const state = reactive({
   focused: false,
@@ -209,6 +219,12 @@ const resetValidation = () => {
   }
 }
 
+const updateStatus = () => {
+  console.log('updateStatus', isPassword.value)
+
+  isPassword.value = !isPassword.value
+}
+
 const onClickInput = (event: MouseEvent) => {
   if (disabled.value) {
     return
@@ -221,12 +237,12 @@ const onClick = (event: MouseEvent) => {
 }
 
 const startComposing = ({ target }: Event) => {
-  (target as InputTarget)!.composing = true
+  ;(target as InputTarget)!.composing = true
 }
 
 const endComposing = ({ target }: Event) => {
   if ((target as InputTarget)!.composing) {
-    (target as InputTarget)!.composing = false
+    ;(target as InputTarget)!.composing = false
     ;(target as InputTarget)!.dispatchEvent(new Event('input'))
   }
 }