You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
NewEduCoderBuild/p__Account__Secure__index.a...

536 lines
36 KiB

"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[4520],{
/***/ 38777:
/*!********************************************************!*\
!*** ./src/pages/Account/Secure/index.tsx + 1 modules ***!
\********************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": function() { return /* binding */ Account_Secure; }
});
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
var _react_17_0_2_react = __webpack_require__(59301);
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 15 modules
var _umi_production_exports = __webpack_require__(67866);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/form/index.js + 19 modules
var es_form = __webpack_require__(78241);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/message/index.js + 4 modules
var message = __webpack_require__(8591);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/input/index.js + 5 modules
var input = __webpack_require__(98135);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/button/index.js
var es_button = __webpack_require__(3113);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/tooltip/index.js + 3 modules
var tooltip = __webpack_require__(6848);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/modal/index.js + 16 modules
var modal = __webpack_require__(43418);
;// CONCATENATED MODULE: ./src/pages/Account/Secure/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var Securemodules = ({"wrap":"wrap___vEhcs","content":"content___ebZIP","hint":"hint___b1gVO","titleWrap":"titleWrap___iGFyX","title":"title___O7ajd","formWrap":"formWrap___hsI9d","row":"row___xYJES","rowBorder":"rowBorder___YP4Tf","name":"name___kvtHq","status":"status___Z3SQA","description":"description___iGcNP","active":"active___DoK2i","color999":"color999___MWFZD","colorCDCDCD":"colorCDCDCD___miC4g","colorRed":"colorRed___YHbHP","submitButton":"submitButton___iLv6C","buttonWrap":"buttonWrap___gaJuB"});
// EXTERNAL MODULE: ./src/utils/hooks/useInterval.tsx
var useInterval = __webpack_require__(43001);
// EXTERNAL MODULE: ./src/utils/util.tsx
var util = __webpack_require__(13462);
// EXTERNAL MODULE: ./src/utils/fetch.ts
var fetch = __webpack_require__(51165);
;// CONCATENATED MODULE: ./src/pages/Account/Secure/index.tsx
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __objRest = (source, exclude) => {
var target = {};
for (var prop in source)
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
target[prop] = source[prop];
if (source != null && __getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(source)) {
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
target[prop] = source[prop];
}
return target;
};
var __async = (__this, __arguments, generator) => {
return new Promise((resolve, reject) => {
var fulfilled = (value) => {
try {
step(generator.next(value));
} catch (e) {
reject(e);
}
};
var rejected = (value) => {
try {
step(generator.throw(value));
} catch (e) {
reject(e);
}
};
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
step((generator = generator.apply(__this, __arguments)).next());
});
};
var ActiveType = /* @__PURE__ */ ((ActiveType2) => {
ActiveType2[ActiveType2["Phone"] = 1] = "Phone";
ActiveType2[ActiveType2["Email"] = 2] = "Email";
ActiveType2[ActiveType2["Password"] = 3] = "Password";
return ActiveType2;
})(ActiveType || {});
const phoneReg = /^1\d{10}$/;
const emailReg = /^[a-zA-Z0-9]+([.\-_\\]*[a-zA-Z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;
const Secure_password = /^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$).{8,16}$/;
const inputNewPassword = (rule, value, callback) => {
if (!value) {
callback("\u8BF7\u8F93\u51658-16\u4F4D\u5B57\u7B26\u7684\u65B0\u5BC6\u7801\uFF0C\u533A\u5206\u5927\u5C0F\u5199\uFF01");
} else if (value.indexOf(" ") > -1) {
callback("\u8BF7\u8F93\u51658-16\u4F4D\u5BC6\u7801\uFF0C\u533A\u5206\u5927\u5C0F\u5199\u3001\u4E0D\u80FD\u4F7F\u7528\u7A7A\u683C");
} else if (value.length < 8 || value.length > 16) {
callback("\u8BF7\u8F93\u51658-16\u4F4D\u5B57\u7B26\u7684\u65B0\u5BC6\u7801\uFF0C\u533A\u5206\u5927\u5C0F\u5199\uFF01");
} else if (!Secure_password.test(value)) {
callback("\u8BF7\u8F93\u51658~16\u4F4D\u5B57\u7B26\uFF0C\u5B57\u6BCD\u3001\u6570\u5B57\u548C\u7279\u6B8A\u7B26\u53F7\u81F3\u5C11\u5305\u542B2\u79CD");
} else {
callback();
}
};
var DataType = /* @__PURE__ */ ((DataType2) => {
DataType2["Wechat"] = "wechat";
DataType2["QQ"] = "qq";
return DataType2;
})(DataType || {});
const Secure = (_a) => {
var _b = _a, {
user,
account,
globalSetting,
loading,
dispatch
} = _b, props = __objRest(_b, [
"user",
"account",
"globalSetting",
"loading",
"dispatch"
]);
var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
const [form] = es_form["default"].useForm();
const [active, setActive] = (0,_react_17_0_2_react.useState)();
const [countdown, setCountdown] = (0,_react_17_0_2_react.useState)(60);
const [countdownFlag, setCountdownFlag] = (0,_react_17_0_2_react.useState)();
const intervalId = (0,_react_17_0_2_react.useRef)();
const [wechatData, setWechatData] = (0,_react_17_0_2_react.useState)({});
const [qqData, setqqData] = (0,_react_17_0_2_react.useState)({});
const [isShowModal, setIsShowModal] = (0,_react_17_0_2_react.useState)(false);
const [isShowPhone, setIsShowPhone] = (0,_react_17_0_2_react.useState)(false);
const [isShowPoint, setIsShowPoint] = (0,_react_17_0_2_react.useState)(false);
const [isShowUntie, setIsShowUntie] = (0,_react_17_0_2_react.useState)(false);
const [PhoneValue, setPhoneValue] = (0,_react_17_0_2_react.useState)("");
const [UntieValue, setUntieValue] = (0,_react_17_0_2_react.useState)("");
const location = (0,_umi_production_exports.useLocation)();
const [searchParams] = (0,_umi_production_exports.useSearchParams)();
(0,_react_17_0_2_react.useEffect)(() => {
var _a3, _b3;
const wechat = ((_a3 = account.basicInfo) == null ? void 0 : _a3.open_users.find((item) => item.en_type === "wechat" /* Wechat */)) || {};
setWechatData(wechat);
const qq = ((_b3 = account.basicInfo) == null ? void 0 : _b3.open_users.find((item) => item.en_type === "qq" /* QQ */)) || {};
setqqData(qq);
}, [account.basicInfo]);
(0,_react_17_0_2_react.useEffect)(() => {
return () => {
intervalId.current && clearInterval(intervalId.current);
};
}, []);
(0,_react_17_0_2_react.useEffect)(() => {
setActive(parseInt(searchParams.get("active")));
}, [location]);
(0,useInterval/* useInterval */.Y)(() => {
if (!countdownFlag) {
return;
} else {
setCountdown(60);
}
if (countdown > 0) {
setCountdown(countdown - 1);
} else {
setCountdown(60);
setCountdownFlag(false);
intervalId.current && clearInterval(intervalId.current);
}
}, 1e3);
const handleGetCode = (isPhone) => __async(void 0, null, function* () {
var _a3;
let login;
let type;
if (isPhone) {
type = 3;
login = form.getFieldValue("phone");
if (!phoneReg.test(login)) {
message/* default */.ZP.info("\u8BF7\u5148\u8F93\u5165\u6B63\u786E\u7684\u624B\u673A\u53F7\u7801");
return;
}
let data = yield (0,fetch/* default */.ZP)(`/api/users/accounts/${(_a3 = user.userInfo) == null ? void 0 : _a3.login}/valid_phone.json`, {
method: "get",
params: {
phone: login
}
});
if ((data == null ? void 0 : data.status) === -1) {
return;
}
if (data == null ? void 0 : data.is_exists) {
setIsShowPoint(true);
return;
}
} else {
type = 4;
login = form.getFieldValue("email");
if (!emailReg.test(login)) {
message/* default */.ZP.info("\u8BF7\u5148\u8F93\u5165\u6B63\u786E\u7684\u90AE\u7BB1\u5730\u5740");
return;
}
}
let smscode = (0,util/* setmiyah */.M)(login);
const res = yield dispatch({
type: "account/getCode",
payload: { login, type, smscode }
});
if (res.status === 1) {
message/* default */.ZP.info("\u9A8C\u8BC1\u7801\u5DF2\u53D1\u9001\uFF0C\u8BF7\u6CE8\u610F\u67E5\u6536");
setCountdownFlag(true);
}
});
const handlePhoneFinish = (values) => __async(void 0, null, function* () {
var _a3;
const { phone, phoneValidateCode: code } = values || {};
const { login } = user.userInfo || {};
if (!phoneReg.test(phone)) {
message/* default */.ZP.info("\u8BF7\u8F93\u5165\u6709\u6548\u768411\u4F4D\u624B\u673A\u53F7\u7801");
return;
}
const res = yield dispatch({
type: "account/bindPhone",
payload: { login, phone, code }
});
if ((res == null ? void 0 : res.status) === 0) {
message/* default */.ZP.info("\u624B\u673A\u53F7\u7801\u7ED1\u5B9A\u6210\u529F!");
setActive(null);
setCountdownFlag(false);
dispatch({
type: "account/getBasicInfo",
payload: { login: (_a3 = user.userInfo) == null ? void 0 : _a3.login }
});
}
});
const handleEmailFinish = (values) => __async(void 0, null, function* () {
var _a3;
const { email, emailValidateCode: code } = values || {};
const { login } = user.userInfo || {};
if (!emailReg.test(email)) {
message/* default */.ZP.info("\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u90AE\u7BB1\u5730\u5740");
return;
}
const res = yield dispatch({
type: "account/bindEmail",
payload: { login, email, code }
});
if ((res == null ? void 0 : res.status) === 0) {
message/* default */.ZP.info("\u90AE\u7BB1\u5730\u5740\u7ED1\u5B9A\u6210\u529F!");
setActive(null);
setCountdownFlag(false);
dispatch({
type: "account/getBasicInfo",
payload: { login: (_a3 = user.userInfo) == null ? void 0 : _a3.login }
});
}
});
const handlePasswordFinish = (values) => __async(void 0, null, function* () {
var _a3, _b3;
const { oldPassword, newPassword, againPassword } = values || {};
const { login } = user.userInfo || {};
if (((_a3 = account.basicInfo) == null ? void 0 : _a3.has_password) && oldPassword === newPassword) {
message/* default */.ZP.info("\u65B0\u5BC6\u7801\u4E0D\u80FD\u4E0E\u65E7\u5BC6\u7801\u76F8\u540C\uFF01");
return;
}
if (newPassword !== againPassword) {
message/* default */.ZP.info("\u4E24\u6B21\u8F93\u5165\u7684\u65B0\u5BC6\u7801\u5FC5\u987B\u4E00\u81F4\uFF01");
return;
}
const res = yield dispatch({
type: "account/updatePassword",
payload: { login, old_password: oldPassword, password: newPassword }
});
if ((res == null ? void 0 : res.status) === 0) {
message/* default */.ZP.info("\u5BC6\u7801\u66F4\u65B0\u6210\u529F\uFF01");
setActive(null);
dispatch({
type: "account/getBasicInfo",
payload: { login: (_b3 = user.userInfo) == null ? void 0 : _b3.login }
});
}
});
const handleFinish = (values) => {
const {} = values || {};
console.log("handleFinish values: ", values);
if (active === 1 /* Phone */) {
handlePhoneFinish(values);
}
if (active === 2 /* Email */) {
handleEmailFinish(values);
}
if (active === 3 /* Password */) {
handlePasswordFinish(values);
}
};
(0,_react_17_0_2_react.useEffect)(() => {
if (!active) {
form.setFieldsValue({
phone: "",
phoneValidateCode: "",
email: "",
emailValidateCode: "",
oldPassword: "",
newPassword: "",
againPassword: ""
});
}
}, [active]);
return /* @__PURE__ */ _react_17_0_2_react.createElement("section", { className: Securemodules.wrap }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: Securemodules.content }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: `${Securemodules.titleWrap} mt10` }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: Securemodules.title }, "\u5B89\u5168\u8BBE\u7F6E")), /* @__PURE__ */ _react_17_0_2_react.createElement(
es_form["default"],
{
form,
className: Securemodules.formWrap,
labelCol: { span: 6 },
wrapperCol: { span: 10 },
onFinish: handleFinish
},
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: `${Securemodules.row} ${active === 1 /* Phone */ ? "" : Securemodules.rowBorder}` }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: `${Securemodules.name} ${Securemodules.color999}` }, "\u624B\u673A"), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: `${Securemodules.description} ${Securemodules.colorCDCDCD}` }, ((_a2 = account.basicInfo) == null ? void 0 : _a2.phone) ? /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: `${Securemodules.status} mr20` }, (_b2 = account.basicInfo) == null ? void 0 : _b2.phone) : /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: `${Securemodules.status} ${Securemodules.colorRed} mr20` }, "\u672A\u7ED1\u5B9A"), ((_c = account.basicInfo) == null ? void 0 : _c.phone) ? "\u4EC5\u81EA\u5DF1\u53EF\u89C1\uFF0C\u53EF\u7528\u624B\u673A\u53F7\u7801\u767B\u5F55EduCoder" : "\u7ED1\u5B9A\u624B\u673A\u53F7\u7801\uFF0C\u5C06\u83B7\u5F97500\u91D1\u5E01\u7684\u5956\u52B1\u54DF\uFF5E\uFF0C\u624B\u673A\u53F7\u7801\u4EC5\u81EA\u5DF1\u53EF\u89C1~"), ((_d = account.basicInfo) == null ? void 0 : _d.phone) && active !== 1 /* Phone */ && /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: Securemodules.active, style: { marginRight: "30px", cursor: "pointer" }, onClick: () => {
var _a3;
if (!(wechatData == null ? void 0 : wechatData.id) && !(qqData == null ? void 0 : qqData.id) && !((_a3 = account.basicInfo) == null ? void 0 : _a3.mail)) {
setIsShowModal(true);
} else {
setIsShowPhone(true);
}
} }, "\u89E3\u7ED1\u624B\u673A\u53F7"), active !== 1 /* Phone */ && /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: Securemodules.active, onClick: () => setActive(1 /* Phone */) }, ((_e = account.basicInfo) == null ? void 0 : _e.phone) ? "\u66F4\u6362" : "\u7ACB\u5373\u7ED1\u5B9A")),
active === 1 /* Phone */ && /* @__PURE__ */ _react_17_0_2_react.createElement(_react_17_0_2_react.Fragment, null, /* @__PURE__ */ _react_17_0_2_react.createElement(
es_form["default"].Item,
{
label: "\u4F60\u7684\u624B\u673A\u53F7",
name: "phone",
rules: [{ required: true, message: `\u8BF7\u8F93\u5165\u8981${((_f = account.basicInfo) == null ? void 0 : _f.phone) ? "\u66F4\u6362" : "\u7ED1\u5B9A"}\u7684\u624B\u673A\u53F7\u7801` }, {
validator: (rule, value, callback) => {
if (phoneReg.test(value)) {
callback();
}
callback("\u8BF7\u8F93\u5165\u6709\u6548\u768411\u4F4D\u624B\u673A\u53F7\u7801");
}
}]
},
/* @__PURE__ */ _react_17_0_2_react.createElement(input["default"], { placeholder: `\u8BF7\u8F93\u5165\u8981${((_g = account.basicInfo) == null ? void 0 : _g.phone) ? "\u66F4\u6362" : "\u7ED1\u5B9A"}\u7684\u624B\u673A\u53F7\u7801` })
), !((_h = globalSetting == null ? void 0 : globalSetting.setting) == null ? void 0 : _h.is_local) && /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { label: "\u624B\u673A\u9A8C\u8BC1\u7801" }, /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { name: "phoneValidateCode", rules: [{ required: true, message: "\u8BF7\u8F93\u5165\u624B\u673A\u83B7\u53D6\u7684\u9A8C\u8BC1\u7801" }], noStyle: true }, /* @__PURE__ */ _react_17_0_2_react.createElement(input["default"], { placeholder: "\u8BF7\u8F93\u5165\u624B\u673A\u83B7\u53D6\u7684\u9A8C\u8BC1\u7801" })), /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { type: "primary", className: "ml5", disabled: countdownFlag, onClick: () => handleGetCode(true) }, countdownFlag ? `\u91CD\u65B0\u53D1\u9001${countdown}s` : "\u83B7\u53D6\u9A8C\u8BC1\u7801")), /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { noStyle: true }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: Securemodules.buttonWrap }, /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { className: `${Securemodules.submitButton}`, size: "middle", type: "primary", htmlType: "submit" }, "\u786E\u5B9A"), /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { className: Securemodules.submitButton, size: "middle", onClick: () => setActive(null) }, "\u53D6\u6D88")))),
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: `${Securemodules.row} ${active === 2 /* Email */ ? "" : Securemodules.rowBorder}` }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: `${Securemodules.name} ${Securemodules.color999}` }, "\u90AE\u7BB1"), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: `${Securemodules.description} ${Securemodules.colorCDCDCD}` }, ((_i = account.basicInfo) == null ? void 0 : _i.mail) ? /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: `${Securemodules.status} mr20` }, (_j = account.basicInfo) == null ? void 0 : _j.mail) : /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: `${Securemodules.status} ${Securemodules.colorRed} mr20` }, "\u672A\u7ED1\u5B9A"), "\u90AE\u7BB1\u8D26\u53F7\u4EC5\u81EA\u5DF1\u53EF\u89C1\uFF0C\u53EF\u7528\u4E8E\u90AE\u7BB1\u8D26\u53F7\u767B\u5F55", !((_k = globalSetting == null ? void 0 : globalSetting.setting) == null ? void 0 : _k.is_local) && "EduCoder"), active !== 2 /* Email */ && /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: Securemodules.active, onClick: () => setActive(2 /* Email */) }, ((_l = account.basicInfo) == null ? void 0 : _l.mail) ? "\u66F4\u6362" : "\u7ACB\u5373\u7ED1\u5B9A")),
active === 2 /* Email */ && /* @__PURE__ */ _react_17_0_2_react.createElement(_react_17_0_2_react.Fragment, null, /* @__PURE__ */ _react_17_0_2_react.createElement(
es_form["default"].Item,
{
label: "\u90AE\u7BB1\u5730\u5740",
name: "email",
rules: [{ required: true, message: ((_m = account.basicInfo) == null ? void 0 : _m.mail) ? "\u8BF7\u8F93\u5165\u8981\u66F4\u6362\u7684\u65B0\u90AE\u7BB1\u5730\u5740" : "\u8BF7\u8F93\u5165\u90AE\u7BB1\u5730\u5740" }]
},
/* @__PURE__ */ _react_17_0_2_react.createElement(input["default"], { placeholder: ((_n = account.basicInfo) == null ? void 0 : _n.mail) ? "\u8BF7\u8F93\u5165\u8981\u66F4\u6362\u7684\u65B0\u90AE\u7BB1\u5730\u5740" : "\u8BF7\u8F93\u5165\u90AE\u7BB1\u5730\u5740" })
), !((_o = globalSetting == null ? void 0 : globalSetting.setting) == null ? void 0 : _o.is_local) && /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { label: "\u90AE\u7BB1\u9A8C\u8BC1\u7801" }, /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { name: "emailValidateCode", rules: [{ required: true, message: "\u8BF7\u8F93\u5165\u90AE\u7BB1\u6536\u5230\u7684\u9A8C\u8BC1\u7801" }], noStyle: true }, /* @__PURE__ */ _react_17_0_2_react.createElement(input["default"], { placeholder: "\u8BF7\u8F93\u5165\u90AE\u7BB1\u6536\u5230\u7684\u9A8C\u8BC1\u7801" })), /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { type: "primary", className: "ml5", disabled: countdownFlag, onClick: () => handleGetCode(false) }, countdownFlag ? `\u91CD\u65B0\u53D1\u9001${countdown}s` : "\u83B7\u53D6\u9A8C\u8BC1\u7801")), /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { noStyle: true }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: Securemodules.buttonWrap }, /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { className: `${Securemodules.submitButton}`, size: "middle", type: "primary", htmlType: "submit" }, "\u786E\u5B9A"), /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { className: Securemodules.submitButton, size: "middle", onClick: () => setActive(null) }, "\u53D6\u6D88")))),
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: Securemodules.row }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: `${Securemodules.name} ${Securemodules.color999}` }, "\u5BC6\u7801"), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: `${Securemodules.description} ${Securemodules.colorCDCDCD}` }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: `${Securemodules.status} mr20` }, "**********"), "\u7528\u4E8E\u4FDD\u62A4\u8D26\u6237\u4FE1\u606F\u548C\u767B\u5F55\u5B89\u5168"), active !== 3 /* Password */ && /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: Securemodules.active, onClick: () => setActive(3 /* Password */) }, "\u4FEE\u6539")),
active === 3 /* Password */ && /* @__PURE__ */ _react_17_0_2_react.createElement(_react_17_0_2_react.Fragment, null, ((_p = account.basicInfo) == null ? void 0 : _p.has_password) && /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { label: "\u65E7\u5BC6\u7801", name: "oldPassword", rules: [{ required: true, message: "\u8BF7\u8BBE\u7F6E8\uFF5E16\u4F4D\u5BC6\u7801\uFF0C\u533A\u5206\u5927\u5C0F\u5199" }] }, /* @__PURE__ */ _react_17_0_2_react.createElement(input["default"], { type: "password", placeholder: "\u8BF7\u8BBE\u7F6E8\uFF5E16\u4F4D\u5BC6\u7801\uFF0C\u533A\u5206\u5927\u5C0F\u5199" })), /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { title: /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, "\u957F\u5EA6\u4E3A8-16\u4F4D\u5B57\u7B26"), /* @__PURE__ */ _react_17_0_2_react.createElement("br", null), /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, "\u5B57\u6BCD/\u6570\u5B57\u4EE5\u53CA\u6807\u70B9\u7B26\u53F7\u81F3\u5C11\u5305\u542B2\u79CD"), /* @__PURE__ */ _react_17_0_2_react.createElement("br", null), /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, "\u4E0D\u5141\u8BB8\u6709\u7A7A\u683C\u3001\u4E2D\u6587")), placement: "top" }, /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { label: "\u65B0\u5BC6\u7801", name: "newPassword", rules: [{}, { validator: inputNewPassword }] }, /* @__PURE__ */ _react_17_0_2_react.createElement(input["default"], { type: "password", placeholder: "\u8BF7\u8F93\u51658\uFF5E16\u4F4D\u7684\u65B0\u5BC6\u7801\uFF0C\u533A\u5206\u5927\u5C0F\u5199" }))), /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { title: /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, "\u957F\u5EA6\u4E3A8-16\u4F4D\u5B57\u7B26"), /* @__PURE__ */ _react_17_0_2_react.createElement("br", null), /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, "\u5B57\u6BCD/\u6570\u5B57\u4EE5\u53CA\u6807\u70B9\u7B26\u53F7\u81F3\u5C11\u5305\u542B2\u79CD"), /* @__PURE__ */ _react_17_0_2_react.createElement("br", null), /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, "\u4E0D\u5141\u8BB8\u6709\u7A7A\u683C\u3001\u4E2D\u6587")), placement: "top" }, /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { label: "\u518D\u6B21\u8F93\u5165", name: "againPassword", rules: [{ required: true, message: "\u8BF7\u518D\u6B21\u8F93\u5165\u65B0\u5BC6\u7801" }, {
validator: (rule, value, callback) => {
if (value != form.getFieldsValue().newPassword) {
callback("\u4E24\u6B21\u8F93\u5165\u7684\u65B0\u5BC6\u7801\u5FC5\u987B\u4E00\u81F4\uFF01");
} else {
callback();
}
}
}] }, /* @__PURE__ */ _react_17_0_2_react.createElement(input["default"], { type: "password", placeholder: "\u8BF7\u518D\u6B21\u8F93\u5165\u65B0\u5BC6\u7801" }))), /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { noStyle: true }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: Securemodules.buttonWrap }, /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { className: `${Securemodules.submitButton}`, size: "middle", type: "primary", htmlType: "submit" }, "\u786E\u5B9A"), /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { className: Securemodules.submitButton, size: "middle", onClick: () => setActive(null) }, "\u53D6\u6D88"))))
)), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: `${Securemodules.hint} font14` }, "* \u6211\u4EEC\u786E\u4FDD\u4F60\u6240\u63D0\u4F9B\u7684\u4FE1\u606F\u5747\u5904\u4E8E\u4E25\u683C\u4FDD\u5BC6\u72B6\u6001\uFF0C\u4E0D\u4F1A\u6CC4\u9732")), /* @__PURE__ */ _react_17_0_2_react.createElement(
modal["default"],
{
title: "\u63D0\u793A",
open: isShowModal,
onCancel: () => {
setIsShowModal(false);
},
footer: /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { style: { textAlign: "end" }, type: "primary", onClick: () => setIsShowModal(false) }, "\u786E \u5B9A"))
},
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { padding: "7px 24px" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, "\u60A8\u76EE\u524D\u53EA\u6709\u624B\u673A\u53F7\u767B\u5F55\u4E00\u79CD\u65B9\u5F0F\uFF0C\u89E3\u7ED1\u540E\u5C06\u65E0\u6CD5\u6B63\u5E38\u4F7F\u7528\u5E73\u53F0\uFF0C\u9700\u8981\u60A8\u5148\u7ED1\u5B9A\u4EE5\u4E0B\u7684\u4EFB\u610F\u4E00\u79CD\u767B\u5F55\u65B9\u5F0F\uFF0C\u518D\u8FDB\u884C\u89E3\u7ED1\u3002"), /* @__PURE__ */ _react_17_0_2_react.createElement("br", null), /* @__PURE__ */ _react_17_0_2_react.createElement("p", { style: { marginTop: "1em", display: "flex" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", { style: { flex: "1" } }, "1\u3001\u7ED1\u5B9A\u90AE\u7BB1 "), " ", /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { type: "primary", ghost: true, onClick: () => setIsShowModal(false), style: { borderRadius: "12px", height: "26px", width: "93px", cursor: "pointer" } }, "\u524D\u5F80\u7ED1\u5B9A")), /* @__PURE__ */ _react_17_0_2_react.createElement("p", { style: { marginTop: "1em", display: "flex" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", { style: { flex: "1" } }, "2\u3001\u7ED1\u5B9A\u5FAE\u4FE1 "), " ", /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { type: "primary", ghost: true, style: { borderRadius: "12px", height: "26px", width: "93px" } }, /* @__PURE__ */ _react_17_0_2_react.createElement(_umi_production_exports.Link, { to: `/account/binding` }, "\u524D\u5F80\u7ED1\u5B9A"))), /* @__PURE__ */ _react_17_0_2_react.createElement("p", { style: { marginTop: "1em", display: "flex" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", { style: { flex: "1" } }, "3\u3001\u7ED1\u5B9AQQ "), " ", /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { type: "primary", ghost: true, style: { borderRadius: "12px", height: "26px", width: "93px" } }, /* @__PURE__ */ _react_17_0_2_react.createElement(_umi_production_exports.Link, { to: `/account/binding` }, "\u524D\u5F80\u7ED1\u5B9A"))))
), /* @__PURE__ */ _react_17_0_2_react.createElement(
modal["default"],
{
title: "\u624B\u673A\u53F7\u89E3\u7ED1",
open: isShowPhone,
onCancel: () => setIsShowPhone(false),
onOk: () => __async(void 0, null, function* () {
var _a3, _b3;
if (!PhoneValue) {
message/* default */.ZP.info("\u9A8C\u8BC1\u7801\u4E0D\u80FD\u4E3A\u7A7A");
return;
}
let data = yield (0,fetch/* default */.ZP)(
`/api/users/accounts/${(_a3 = user == null ? void 0 : user.userInfo) == null ? void 0 : _a3.login}/phone_unbind.json`,
{
method: "POST",
body: {
code: PhoneValue
}
}
);
if ((data == null ? void 0 : data.status) === 0) {
message/* default */.ZP.info("\u89E3\u7ED1\u6210\u529F");
setCountdownFlag(false);
setIsShowPhone(false);
setPhoneValue("");
dispatch({
type: "account/getBasicInfo",
payload: { login: (_b3 = user.userInfo) == null ? void 0 : _b3.login }
});
}
})
},
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { padding: "8px 20px" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("p", null, "\u624B\u673A\u53F7\u89E3\u7ED1\u540E\uFF0C\u5C06\u65E0\u6CD5\u4F7F\u7528\u8BE5\u624B\u673A\u53F7\u767B\u5F55\u5E73\u53F0\uFF0C\u8BF7\u77E5\u6089"), /* @__PURE__ */ _react_17_0_2_react.createElement("p", null, "\u4F60\u7684\u624B\u673A\u53F7\uFF1A", (_q = account.basicInfo) == null ? void 0 : _q.phone), /* @__PURE__ */ _react_17_0_2_react.createElement("p", null, "\u624B\u673A\u9A8C\u8BC1\u7801\uFF1A", /* @__PURE__ */ _react_17_0_2_react.createElement(input["default"], { size: "middle", value: PhoneValue, onChange: (e) => setPhoneValue(e.target.value), style: { width: "230px" } }), " ", /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { disabled: countdownFlag, type: "primary", size: "middle", onClick: () => __async(void 0, null, function* () {
var _a3;
let data = yield (0,fetch/* default */.ZP)(
`/api/users/accounts/${(_a3 = user == null ? void 0 : user.userInfo) == null ? void 0 : _a3.login}/get_phone_code.json`,
{
method: "get"
}
);
if ((data == null ? void 0 : data.status) === 0) {
message/* default */.ZP.info("\u9A8C\u8BC1\u7801\u53D1\u9001\u6210\u529F");
setCountdownFlag(true);
}
}) }, countdownFlag ? `\u91CD\u65B0\u53D1\u9001${countdown}s` : "\u83B7\u53D6\u9A8C\u8BC1\u7801")))
), /* @__PURE__ */ _react_17_0_2_react.createElement(
modal["default"],
{
title: "\u5F3A\u5236\u89E3\u7ED1",
open: isShowUntie,
onCancel: () => setIsShowUntie(false),
onOk: () => __async(void 0, null, function* () {
var _a3, _b3;
if (!UntieValue) {
message/* default */.ZP.info("\u9A8C\u8BC1\u7801\u4E0D\u80FD\u4E3A\u7A7A");
return;
}
let data = yield (0,fetch/* default */.ZP)(
`/api/users/accounts/${(_a3 = user == null ? void 0 : user.userInfo) == null ? void 0 : _a3.login}/phone_force_unbind.json`,
{
method: "POST",
body: {
code: UntieValue,
phone: form.getFieldValue("phone")
}
}
);
if ((data == null ? void 0 : data.status) === 0) {
message/* default */.ZP.info("\u89E3\u7ED1\u6210\u529F");
setCountdownFlag(false);
setIsShowUntie(false);
setActive(null);
setUntieValue("");
dispatch({
type: "account/getBasicInfo",
payload: { login: (_b3 = user.userInfo) == null ? void 0 : _b3.login }
});
}
})
},
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { padding: "8px 20px" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("p", null, "\u82E5\u539F\u8D26\u53F7\u53EA\u6709\u7ED1\u5B9A\u4E86\u624B\u673A\u53F7\u4E00\u79CD\u767B\u5F55\u65B9\u5F0F\uFF0C\u5F3A\u5236\u89E3\u7ED1\u540E\u4F1A\u5BFC\u81F4\u539F\u8D26\u53F7\u65E0\u6CD5\u767B\u5F55\uFF0C\u8BF7\u786E\u5B9A\u662F\u5426\u5F3A\u5236\u89E3\u7ED1"), /* @__PURE__ */ _react_17_0_2_react.createElement("p", null, "\u4F60\u7684\u624B\u673A\u53F7\uFF1A", form.getFieldValue("phone")), /* @__PURE__ */ _react_17_0_2_react.createElement("p", null, "\u624B\u673A\u9A8C\u8BC1\u7801\uFF1A", /* @__PURE__ */ _react_17_0_2_react.createElement(input["default"], { value: UntieValue, size: "middle", onChange: (e) => setUntieValue(e.target.value), style: { width: "230px" } }), " ", /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { disabled: countdownFlag, type: "primary", size: "middle", onClick: () => __async(void 0, null, function* () {
let smscode = (0,util/* setmiyah */.M)(form.getFieldValue("phone"));
const res = yield dispatch({
type: "account/getCode",
payload: { login: form.getFieldValue("phone"), type: 10, smscode }
});
if (res.status === 1) {
message/* default */.ZP.info("\u9A8C\u8BC1\u7801\u5DF2\u53D1\u9001\uFF0C\u8BF7\u6CE8\u610F\u67E5\u6536");
setCountdownFlag(true);
}
}) }, countdownFlag ? `\u91CD\u65B0\u53D1\u9001${countdown}s` : "\u83B7\u53D6\u9A8C\u8BC1\u7801")))
), /* @__PURE__ */ _react_17_0_2_react.createElement(
modal["default"],
{
title: "\u63D0\u793A",
open: isShowPoint,
onCancel: () => {
setIsShowPoint(false);
},
okText: "\u8FDB\u884C\u5F3A\u5236\u89E3\u7ED1",
okButtonProps: {
type: "primary",
ghost: true,
style: { width: "124px" }
},
onOk: () => {
setIsShowUntie(true);
setIsShowPoint(false);
}
},
/* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { padding: "7px 24px" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, "\u8BE5\u624B\u673A\u53F7\u5DF2\u7ECF\u88AB\u7ED1\u5B9A\u8D26\u53F7\uFF0C\u5982\u679C\u9700\u8981\u5C06\u8BE5\u624B\u673A\u53F7\u7ED1\u5B9A\u5728\u5F53\u524D\u8D26\u53F7\u4E0A\uFF0C\u4F60\u53EF\u4EE5\u8FDB\u884C\u4E0B\u65B9\u4EFB\u610F\u4E00\u79CD\u89E3\u7ED1\u64CD\u4F5C\uFF1A"), /* @__PURE__ */ _react_17_0_2_react.createElement("br", null), /* @__PURE__ */ _react_17_0_2_react.createElement("p", { style: { marginTop: "1em", display: "flex" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", { style: { flex: "1" } }, "1\u3001\u4F7F\u7528\u8BE5\u624B\u673A\u53F7\u767B\u5F55\u5E73\u53F0\u8FDB\u884C\u89E3\u7ED1\uFF0C\u518D\u5C06\u624B\u673A\u53F7\u7ED1\u5B9A\u5F53\u524D\u8D26\u53F7\u4E0A\u3002")), /* @__PURE__ */ _react_17_0_2_react.createElement("p", { style: { marginTop: "1em", display: "flex" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", { style: { flex: "1" } }, "2\u3001\u5F3A\u5236\u89E3\u7ED1\uFF08\u5F3A\u5236\u89E3\u7ED1\u53EF\u80FD\u4F1A\u5BFC\u81F4\u89E3\u7ED1\u8D26\u53F7\u65E0\u6CD5\u767B\u5F55\uFF09")))
));
};
/* harmony default export */ var Account_Secure = ((0,_umi_production_exports.connect)(
({
user,
account,
loading,
globalSetting
}) => ({
user,
account,
globalSetting,
loading: loading.models.index
})
)(Secure));
/***/ }),
/***/ 43001:
/*!*****************************************!*\
!*** ./src/utils/hooks/useInterval.tsx ***!
\*****************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ Y: function() { return /* binding */ useInterval; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 59301);
function useInterval(callback, delay) {
const savedCallback = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
const savedId = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
savedCallback.current = callback;
});
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
function tick() {
savedCallback.current();
}
if (delay !== null) {
let id = setInterval(tick, delay);
savedId.current = id;
return () => clearInterval(id);
}
}, [delay]);
}
/***/ })
}]);