@51yzone/pc-components/lib/login/mobile-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/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 _codeMobile = _interopRequireDefault(require("./code-mobile"));

var _regex = require("../constants/regex");

/**
 * 关键字：登录-手机号
 * 新增人：徐友万
 * 完善中
 */
var MobileLogin = function MobileLogin(props) {
  var actions = props.actions,
      _props$initCountDown = props.initCountDown,
      initCountDown = _props$initCountDown === void 0 ? 60 : _props$initCountDown,
      prefixIconVisible = props.prefixIconVisible,
      labelVisible = props.labelVisible,
      size = props.size,
      prefixCls = props.prefixCls,
      getCode = props.getCode;
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_antd.FormItem, {
    name: "mobile",
    label: labelVisible && '手机号',
    rules: [{
      required: true,
      message: '请输入手机号！'
    }, {
      pattern: _regex.MOBILE_PHONE,
      message: '手机号格式错误！'
    }],
    size: size,
    placeholder: "\u624B\u673A\u53F7",
    prefix: prefixIconVisible && /*#__PURE__*/_react["default"].createElement(_icons.MobileOutlined, {
      className: "".concat(prefixCls, "__icon-outlined")
    }),
    component: _input["default"]
  }), /*#__PURE__*/_react["default"].createElement(_antd.FormItem, {
    name: "code",
    rules: [{
      required: true,
      message: '请输入验证码！'
    }, {
      pattern: /^\d{6}$/,
      message: '请输入正确的验证码！'
    }],
    actions: actions,
    initCountDown: initCountDown,
    prefixIconVisible: prefixIconVisible,
    size: size,
    getCode: getCode,
    component: _codeMobile["default"]
  }));
};

MobileLogin.defaultProps = {
  initCountDown: 60,
  prefixIconVisible: true,
  labelVisible: false,
  size: 'large',
  prefixCls: 'yz-login'
};
var _default = MobileLogin;
exports["default"] = _default;