@51yzone/pc-components/es/login/account-login.js

An enterprise-class UI design language and React-based implementation

import "@formily/antd-components/lib/password/style";
import _Password from "@formily/antd-components/lib/password";
import "@formily/antd-components/lib/input/style";
import _Input from "@formily/antd-components/lib/input";

/**
 * 关键字：登录-账号
 * 新增人：徐友万
 * 完善中
 */
import React from 'react';
import { FormItem } from '@formily/antd';
import { UserOutlined, LockOutlined } from '@ant-design/icons';
import CodeImg from './code-img';

var AccoutLogin = function AccoutLogin(props) {
  var codeImgUrl = props.codeImgUrl,
      codeImgVisible = props.codeImgVisible,
      prefixIconVisible = props.prefixIconVisible,
      labelVisible = props.labelVisible,
      size = props.size,
      visibilityToggle = props.visibilityToggle,
      prefixCls = props.prefixCls;
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormItem, {
    label: labelVisible && '账号',
    name: "username",
    rules: [{
      required: true,
      message: '请输入账号！'
    }],
    size: size,
    placeholder: "\u8D26\u53F7",
    prefix: prefixIconVisible && /*#__PURE__*/React.createElement(UserOutlined, {
      className: "".concat(prefixCls, "__icon-outlined")
    }),
    component: _Input
  }), /*#__PURE__*/React.createElement(FormItem, {
    label: labelVisible && '密码',
    name: "password",
    rules: [{
      required: true,
      message: '请输入密码！'
    }],
    size: size,
    placeholder: "\u5BC6\u7801",
    visibilityToggle: visibilityToggle,
    prefix: prefixIconVisible && /*#__PURE__*/React.createElement(LockOutlined, {
      className: "".concat(prefixCls, "__icon-outlined")
    }),
    component: _Password
  }), codeImgVisible && /*#__PURE__*/React.createElement(FormItem, {
    name: "code",
    label: labelVisible && '验证码',
    rules: [{
      required: true,
      message: '请输入验证码！'
    }],
    size: size,
    prefixIconVisible: prefixIconVisible,
    codeImgUrl: codeImgUrl,
    component: CodeImg
  }));
};

AccoutLogin.defaultProps = {
  codeImgUrl: '',
  codeImgVisible: false,
  prefixIconVisible: true,
  labelVisible: false,
  size: 'large',
  visibilityToggle: false,
  prefixCls: 'yz-login'
};
export default AccoutLogin;