From ac755da157e3767ee6380f33120046cdce66e4be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Tue, 1 Jul 2025 18:44:58 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=AF=86=E7=A0=81=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../form-input/components/form-input/pwd.vue  | 85 +++++++++++++++++++
 1 file changed, 85 insertions(+)
 create mode 100644 pages/form-input/components/form-input/pwd.vue

diff --git a/pages/form-input/components/form-input/pwd.vue b/pages/form-input/components/form-input/pwd.vue
new file mode 100644
index 00000000..5668bc34
--- /dev/null
+++ b/pages/form-input/components/form-input/pwd.vue
@@ -0,0 +1,85 @@
+<template>
+    <view class="flex-row align-c wh-auto gap-10" :style="propStyle">
+        <iconfont :name="'icon-' + com_data.icon_name" size="24rpx" color="#666" propContainerDisplay="flex" ></iconfont>
+        <input :value="form_value" class="uni-input flex-1" :style="propStyle" :password="is_show" :type="is_show ? '' : 'text'" :placeholder="placeholder" @focus="focus_input" @blur="data_check" @input="input_value_event" />
+        <view @tap="eye_change">
+            <iconfont :name="'icon-' + (is_show ? 'eye' : 'eye-close')" size="24rpx" color="#666" propContainerDisplay="flex"></iconfont>
+        </view>
+    </view>
+</template>
+
+<script>
+    import { get_format_checks, isEmpty } from '@/common/js/common/common.js';
+    const app = getApp();
+    export default {
+        props: {
+            propValue: {
+                type: Object,
+                default: () => ({}),
+            },
+            propKey: {
+                type: [String, Number],
+                default: 0,
+            },
+            propDataIndex: {
+                type: Number,
+                default: 0,
+            },
+            propStyle: {
+                type: String,
+                default: '',
+            }
+        },
+        data() {
+            return {
+                placeholder: '请输入内容...',
+                form_value: '',
+                is_show: true,
+                com_data: {},
+            };
+        },
+        watch: {
+            propKey(val) {
+                // 初始化
+                this.init();
+            },
+        },
+        mounted() {
+            this.init();
+        },
+        methods: {
+            isEmpty,
+            init() {
+                const com_data = this.propValue;
+                this.setData({
+                    com_data: com_data,
+                    placeholder: com_data?.placeholder || '请输入密码...',
+                    form_value: com_data?.form_value || '', 
+                    is_show: true,
+                });
+            },
+            eye_change() {
+                this.setData({
+                    is_show: !this.is_show
+                });
+            },
+            data_check() {
+                const { is_error = '0', error_text = '' } = get_format_checks(this.com_data, this.form_value, false);
+                this.$emit('dataCheck', { is_error, error_text, value: this.form_value, index: this.propDataIndex });
+            },
+            input_value_event(e) {
+                // 重新编辑一下历史数据
+                this.setData({
+                    form_value: e.detail.value,
+                });
+                this.$emit('dataChange', { value: e.detail.value, index: this.propDataIndex });
+            }
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+.number-icon {
+    color: #ccc;
+}
+</style>
\ No newline at end of file