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

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

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 { MobileOutlined } from '@ant-design/icons';
import CodeMobile from './code-mobile';
import { MOBILE_PHONE } from '../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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormItem, {
    name: "mobile",
    label: labelVisible && '手机号',
    rules: [{
      required: true,
      message: '请输入手机号！'
    }, {
      pattern: MOBILE_PHONE,
      message: '手机号格式错误！'
    }],
    size: size,
    placeholder: "\u624B\u673A\u53F7",
    prefix: prefixIconVisible && /*#__PURE__*/React.createElement(MobileOutlined, {
      className: "".concat(prefixCls, "__icon-outlined")
    }),
    component: _Input
  }), /*#__PURE__*/React.createElement(FormItem, {
    name: "code",
    rules: [{
      required: true,
      message: '请输入验证码！'
    }, {
      pattern: /^\d{6}$/,
      message: '请输入正确的验证码！'
    }],
    actions: actions,
    initCountDown: initCountDown,
    prefixIconVisible: prefixIconVisible,
    size: size,
    getCode: getCode,
    component: CodeMobile
  }));
};

MobileLogin.defaultProps = {
  initCountDown: 60,
  prefixIconVisible: true,
  labelVisible: false,
  size: 'large',
  prefixCls: 'yz-login'
};
export default MobileLogin;