fix: InputPassword组件revealPassword属性没有update问题 (#4738)

docs/zh-CN/components/form/input-password.md

@@ -24,10 +24,33 @@ order: 35
 }
 ```
 
+## 配置密码显/隐藏
+
+`revealPassword`属性可以设置是否展示密码显/隐按钮，默认为`true`。
+
+```schema: scope="body"
+{
+    "type": "form",
+    "api": "/api/mock2/form/saveForm",
+    "body": [
+        {
+            "type": "input-password",
+            "name": "password",
+            "label": "密码",
+            "revealPassword": false
+        }
+    ]
+}
+```
+
 ## 属性表
 
 请参考[输入框](./input-text)
 
+| 属性名         | 类型      | 默认值 | 说明                  |
+| -------------- | --------- | ------ | --------------------- |
+| revealPassword | `boolean` | `true` | 是否展示密码显/隐按钮 |
+
 ## 事件表
 
 请参考[输入框](./input-text)

src/renderers/Form/InputText.tsx

@@ -220,6 +220,10 @@ export default class TextControl extends React.PureComponent<
             : this.valueToString(props.value)
       });
     }
+    if (prevProps.revealPassword !== props.revealPassword) {
+      /** 隐藏按钮的同时将密码设置为隐藏态 */
+      !props.revealPassword && this.setState({revealPassword: false});
+    }
   }
 
   componentWillUnmount() {
@@ -835,7 +839,11 @@ export default class TextControl extends React.PureComponent<
           step={step}
           onChange={this.handleNormalInputChange}
           value={this.valueToString(value)}
-          className={cx(type === 'password' && revealPassword && 'TextControl-input-password')}
+          className={cx(
+            type === 'password' &&
+              revealPassword &&
+              'TextControl-input-password'
+          )}
         />
         {clearable && !disabled && !readOnly && value ? (
           <a onClick={this.clearValue} className={`${ns}TextControl-clear`}>

src/renderers/Form/Item.tsx

@@ -1184,7 +1184,8 @@ export const detectProps = [
   'minLength',
   'maxLength',
   'embed',
-  'displayMode'
+  'displayMode',
+  'revealPassword'
 ];
 
 export function asFormItem(config: Omit<FormItemConfig, 'component'>) {