render()

in seatunnel-ui/src/views/user-manage/list/components/form-modal.tsx [81:159]
79 lines of code
4 McCabe index (conditional complexity)

  render() {
    return (
      <Modal
        title={
          this.status === 0
            ? this.t('user_manage.create')
            : this.t('user_manage.edit')
        }
        show={this.showModal}
        onCancel={this.handleCancel}
        onConfirm={this.handleConfirm}
        confirmDisabled={
          !this.model.username || (this.status === 0 && !this.model.password)
        }
      >
        {{
          default: () => (
            <NForm model={this.model} rules={this.rules} ref='userManageForm'>
              <NFormItem label={this.t('user_manage.username')} path='username'>
                <NSpace align='center'>
                  <NInput
                    clearable
                    maxlength='50'
                    show-count
                    allowInput={this.trim}
                    style={{ width: '510px' }}
                    v-model={[this.model.username, 'value']}
                  />
                  <NTooltip placement='right' trigger='hover'>
                    {{
                      default: () => (
                        <span>{this.t('user_manage.username_tips')}</span>
                      ),
                      trigger: () => (
                        <NIcon size='20' style={{ cursor: 'pointer' }}>
                          <BulbOutlined />
                        </NIcon>
                      )
                    }}
                  </NTooltip>
                </NSpace>
              </NFormItem>
              <NFormItem label={this.t('user_manage.password')} path='password'>
                <NSpace align='center'>
                  <NInput
                    clearable
                    type='password'
                    maxlength='6'
                    show-count
                    allowInput={this.trim}
                    style={{ width: '510px' }}
                    v-model={[this.model.password, 'value']}
                  />
                  <NTooltip placement='right' trigger='hover'>
                    {{
                      default: () => (
                        <span>{this.t('user_manage.password_tips')}</span>
                      ),
                      trigger: () => (
                        <NIcon size='20' style={{ cursor: 'pointer' }}>
                          <BulbOutlined />
                        </NIcon>
                      )
                    }}
                  </NTooltip>
                </NSpace>
              </NFormItem>
              <NFormItem label={this.t('user_manage.state')} path='status'>
                <NRadioGroup v-model={[this.model.status, 'value']}>
                  <NRadio value={0}>{this.t('user_manage.enable')}</NRadio>
                  <NRadio value={1}>{this.t('user_manage.disable')}</NRadio>
                </NRadioGroup>
              </NFormItem>
            </NForm>
          )
        }}
      </Modal>
    )
  }