feat: Supports user input field type password

--story=1017895 --user=刘瑞斌 【用户输入】- 组件类型为文本框类型的支持密文显示#2134 https://www.tapd.cn/57709429/s/1655257
This commit is contained in:
CaptainB 2025-02-18 11:54:02 +08:00 committed by 刘瑞斌
parent c44fd8a40b
commit a16968d6e5
4 changed files with 21 additions and 6 deletions

View File

@ -1,4 +1,11 @@
<template>
<el-form-item
class="defaultValueItem"
prop="show_password"
:label="$t('dynamicsForm.TextInput.showPassword')"
>
<el-switch v-model="formValue.show_password" />
</el-form-item>
<el-form-item :label="$t('dynamicsForm.TextInput.length.label')" required>
<el-row class="w-full">
<el-col :span="11">
@ -70,7 +77,8 @@
:minlength="formValue.minlength"
:placeholder="$t('dynamicsForm.default.placeholder')"
show-word-limit
type="text"
:type="formValue.show_password ? 'password' : 'text'"
:show-password="formValue.show_password"
/>
</el-form-item>
</template>
@ -103,7 +111,9 @@ const getData = () => {
attrs: {
maxlength: formValue.value.maxlength,
minlength: formValue.value.minlength,
'show-word-limit': true
'show-word-limit': true,
type: formValue.value.show_password ? 'password' : 'text',
'show-password': formValue.value.show_password
},
default_value: formValue.value.default_value,
show_default_value: formValue.value.show_default_value,
@ -135,6 +145,7 @@ const rander = (form_data: any) => {
formValue.value.maxlength = attrs.maxlength
formValue.value.default_value = form_data.default_value
formValue.value.show_default_value = form_data.show_default_value
formValue.value.show_password = attrs['show-password']
}
const rangeRules = [
{
@ -165,7 +176,8 @@ onMounted(() => {
formValue.value.minlength = 0
formValue.value.maxlength = 20
formValue.value.default_value = ''
console.log(formValue.value.show_default_value)
formValue.value.show_password = false
if (formValue.value.show_default_value === undefined) {
formValue.value.show_default_value = true
}

View File

@ -96,6 +96,7 @@ export default {
requiredMessage2: 'and',
requiredMessage3: 'characters',
requiredMessage4: 'Text length is a required parameter'
}
},
showPassword: 'Show Password'
}
}

View File

@ -96,6 +96,7 @@ export default {
requiredMessage2: '到',
requiredMessage3: '个字符',
requiredMessage4: '文本长度为必填参数'
}
},
showPassword: '密文显示'
}
}

View File

@ -96,6 +96,7 @@ export default {
requiredMessage2: '到',
requiredMessage3: '個字元',
requiredMessage4: '文字長度為必填參數'
}
},
showPassword: '密文顯示'
}
}