2024-03-07

king

2024-03-07 cdd5b449130ea4d7223fde4f414a11a7d0c33d6d

 src/components/header/loginform.jsx

@@ -16,7 +16,9 @@
    dict: sessionStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
    remember: false,
    username: '',
    password: ''
    password: '',
    oripassword: '',
    delay: +sessionStorage.getItem('mkDelay')
  }

  UNSAFE_componentWillMount () {
@@ -37,18 +39,29 @@
      localStorage.removeItem(_url)
    }

    this.setState({
      remember: _user ? true : false,
      username: _user ? _user.username : '',
      password: _user ? _user.password : ''
    })
    if (_user) {
      this.setState({
        remember: true,
        username: _user.username,
        password: _user.password ? '*********' : '',
        oripassword: _user.password
      })
    }
  }

  handleConfirm = () => {
    const { oripassword } = this.state
    // 表单提交时检查输入值是否正确
    return new Promise((resolve, reject) => {
      this.props.form.validateFieldsAndScroll((err, values) => {
        if (!err) {
          if (oripassword && values.password === '*********') {
            values.password = oripassword
          }
          
          values.username = values.username.replace(/\t+|\v+|\s+/g, '')
          values.password = values.password.replace(/\t+|\v+|\s+/g, '')

          resolve(values)
        } else {
          reject(err)
@@ -81,16 +94,26 @@
  }

  componentDidMount () {
    const input = document.getElementById('username')
    input && input.focus()
    const { username, password } = this.state

    if (username && !password) {
      const input = document.getElementById('password')
      input && input.focus()
    } else {
      const input = document.getElementById('username')
      input && input.focus()
    }
  }

  render() {
    const { getFieldDecorator } = this.props.form
    const { remember, username, password } = this.state
    const { remember, username, password, delay } = this.state

    return (
      <Form style={{margin: '0px 10px'}}>
        {delay > 1000 ? <Form.Item style={{marginBottom: '0px', marginTop: '-10px'}}>
          升级到<a target="_blank" rel="noopener noreferrer" href="https://cloud.mk9h.cn/admin/index.html">企业版</a>，获得更高效的开发体验。
        </Form.Item> : null}
        <Form.Item style={{marginBottom: '0px', height: '60px'}}>
          {getFieldDecorator('username', {
            rules: [{ required: true, message: this.state.dict['login.username.empty'] }],