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

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

require("@formily/antd-components/lib/password/style");

var _password = _interopRequireDefault(require("@formily/antd-components/lib/password"));

require("@formily/antd-components/lib/input/style");

var _input = _interopRequireDefault(require("@formily/antd-components/lib/input"));

var _react = _interopRequireDefault(require("react"));

var _antd = require("@formily/antd");

var _icons = require("@ant-design/icons");

var _codeImg = _interopRequireDefault(require("./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["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_antd.FormItem, {
    label: labelVisible && '账号',
    name: "username",
    rules: [{
      required: true,
      message: '请输入账号！'
    }],
    size: size,
    placeholder: "\u8D26\u53F7",
    prefix: prefixIconVisible && /*#__PURE__*/_react["default"].createElement(_icons.UserOutlined, {
      className: "".concat(prefixCls, "__icon-outlined")
    }),
    component: _input["default"]
  }), /*#__PURE__*/_react["default"].createElement(_antd.FormItem, {
    label: labelVisible && '密码',
    name: "password",
    rules: [{
      required: true,
      message: '请输入密码！'
    }],
    size: size,
    placeholder: "\u5BC6\u7801",
    visibilityToggle: visibilityToggle,
    prefix: prefixIconVisible && /*#__PURE__*/_react["default"].createElement(_icons.LockOutlined, {
      className: "".concat(prefixCls, "__icon-outlined")
    }),
    component: _password["default"]
  }), codeImgVisible && /*#__PURE__*/_react["default"].createElement(_antd.FormItem, {
    name: "code",
    label: labelVisible && '验证码',
    rules: [{
      required: true,
      message: '请输入验证码！'
    }],
    size: size,
    prefixIconVisible: prefixIconVisible,
    codeImgUrl: codeImgUrl,
    component: _codeImg["default"]
  }));
};

AccoutLogin.defaultProps = {
  codeImgUrl: '',
  codeImgVisible: false,
  prefixIconVisible: true,
  labelVisible: false,
  size: 'large',
  visibilityToggle: false,
  prefixCls: 'yz-login'
};
var _default = AccoutLogin;
exports["default"] = _default;