@51yzone/pc-components/lib/login/forget-pwd.js

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

"use strict";

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

var _typeof = require("@babel/runtime/helpers/typeof");

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

var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));

require("antd/lib/modal/style");

var _modal = _interopRequireDefault(require("antd/lib/modal"));

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

require("antd/lib/steps/style");

var _steps = _interopRequireDefault(require("antd/lib/steps"));

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

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

var _mobileLogin = _interopRequireDefault(require("./mobile-login"));

var _pwdConfirm = _interopRequireWildcard(require("./pwd-confirm"));

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
  function adopt(value) {
    return value instanceof P ? value : new P(function (resolve) {
      resolve(value);
    });
  }

  return new (P || (P = Promise))(function (resolve, reject) {
    function fulfilled(value) {
      try {
        step(generator.next(value));
      } catch (e) {
        reject(e);
      }
    }

    function rejected(value) {
      try {
        step(generator["throw"](value));
      } catch (e) {
        reject(e);
      }
    }

    function step(result) {
      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
    }

    step((generator = generator.apply(thisArg, _arguments || [])).next());
  });
};
/**
 * 关键字：登录-忘记密码
 * 新增人：徐友万
 * 完善中
 */


var Step = _steps["default"].Step;

var ForgetPwd = function ForgetPwd(props) {
  var visible = props.visible,
      initCountDown = props.initCountDown,
      prefixIconVisible = props.prefixIconVisible,
      labelVisible = props.labelVisible,
      size = props.size,
      prefixCls = props.prefixCls,
      getCode = props.getCode,
      verifyCode = props.verifyCode,
      pwdChange = props.pwdChange,
      onCancel = props.onCancel;
  var actions = (0, _antd.createFormActions)(); // 当前步骤

  var _useState = (0, _react.useState)(0),
      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
      current = _useState2[0],
      setCurrent = _useState2[1]; // 当前手机号


  var _useState3 = (0, _react.useState)(''),
      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
      currentMobile = _useState4[0],
      setCurrentMobile = _useState4[1]; // 密码提交 | 验证码校验


  var handleSubmit = function handleSubmit(values) {
    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator["default"].mark(function _callee() {
      return _regenerator["default"].wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              if (!(current === 0 && verifyCode)) {
                _context.next = 7;
                break;
              }

              _context.next = 3;
              return verifyCode({
                mobile: values.mobile,
                verifyPhone: values.code
              });

            case 3:
              setCurrentMobile(values.mobile);
              setCurrent(1);
              _context.next = 11;
              break;

            case 7:
              if (!pwdChange) {
                _context.next = 11;
                break;
              }

              _context.next = 10;
              return pwdChange({
                mobile: currentMobile,
                newpassword: values.pwd,
                repassword: values.rePwd
              });

            case 10:
              onCancel();

            case 11:
            case "end":
              return _context.stop();
          }
        }
      }, _callee);
    }));
  };

  return /*#__PURE__*/_react["default"].createElement(_modal["default"], {
    visible: visible,
    width: 500,
    title: "\u5FD8\u8BB0\u5BC6\u7801",
    onCancel: onCancel,
    footer: null,
    maskClosable: false
  }, /*#__PURE__*/_react["default"].createElement(_antd.Form, {
    effects: function effects() {
      (0, _pwdConfirm.pwdConfirmEffects)();
    },
    actions: actions,
    onSubmit: handleSubmit,
    labelAlign: "left",
    labelCol: {
      span: 5
    }
  }, /*#__PURE__*/_react["default"].createElement(_steps["default"], {
    className: "".concat(prefixCls, "__steps-wrap"),
    size: "small",
    current: current
  }, /*#__PURE__*/_react["default"].createElement(Step, {
    title: "\u7528\u6237\u68C0\u9A8C"
  }), /*#__PURE__*/_react["default"].createElement(Step, {
    title: "\u91CD\u7F6E\u5BC6\u7801"
  })), current === 0 ? /*#__PURE__*/_react["default"].createElement(_mobileLogin["default"], {
    actions: actions,
    getCode: getCode,
    initCountDown: initCountDown,
    labelVisible: labelVisible,
    prefixIconVisible: prefixIconVisible,
    size: size,
    prefixCls: prefixCls
  }) : /*#__PURE__*/_react["default"].createElement(_pwdConfirm["default"], null), /*#__PURE__*/_react["default"].createElement(_antd.FormButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_antd.Submit, null, current === 0 ? '下一步' : '保存'))));
};

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