first commit
This commit is contained in:
cieanyau committed
commit
db5762abd4
687 files changed
+171307
No files matched your search
@@ -0,0 +1,635 @@
|
||||
<script>
|
||||
import "~/assets/styles/GeetestField.DiieTibK.css";
|
||||
import "~/assets/styles/CaptchaField.BSN3ZbsD.css";
|
||||
import "~/assets/styles/SecurityVerificationDialog.skYFo4v7.css";
|
||||
import { i as rolldown_runtime_i } from "~/lib/rolldown-runtime.js";
|
||||
import { toDisplayString } from "vue";
|
||||
import { onBeforeUnmount } from "vue";
|
||||
import { watch } from "vue";
|
||||
import { createBlock } from "vue";
|
||||
import { ref } from "vue";
|
||||
import { withCtx } from "vue";
|
||||
import { createCommentVNode } from "vue";
|
||||
import { computed } from "vue";
|
||||
import { isRef } from "vue";
|
||||
import { createElementBlock } from "vue";
|
||||
import { Fragment } from "vue";
|
||||
import { createElementVNode } from "vue";
|
||||
import { createTextVNode } from "vue";
|
||||
import { unref } from "vue";
|
||||
import { defineComponent } from "vue";
|
||||
import { createVNode } from "vue";
|
||||
import { openBlock } from "vue";
|
||||
import { loadModule } from "~/utils/load-module.js";
|
||||
import { securityMethods } from "~/lib/auth.js";
|
||||
import { useApi } from "~/lib/auth.js";
|
||||
import dialog from "primevue/dialog";
|
||||
import button from "primevue/button";
|
||||
import { t as _plugin_vue_export_helper_t } from "~/lib/_plugin-vue_export-helper.js";
|
||||
import message from "primevue/message";
|
||||
import inputtext from "primevue/inputtext";
|
||||
import CaptchaField from "~/components/CaptchaField.vue";
|
||||
import select from "primevue/select";
|
||||
import { t as interval_t } from "~/lib/interval.js";
|
||||
import { t as useCaptcha_t } from "~/lib/useCaptcha.js";
|
||||
var w = {
|
||||
class: `security-verify`,
|
||||
},
|
||||
oe = {
|
||||
key: 1,
|
||||
class: `tip`,
|
||||
},
|
||||
T = [`src`],
|
||||
se = {
|
||||
for: `security-value`,
|
||||
},
|
||||
ce = {
|
||||
class: `verify-input`,
|
||||
},
|
||||
le = {
|
||||
key: 1,
|
||||
class: `error`,
|
||||
},
|
||||
ue = {
|
||||
key: 4,
|
||||
role: `alert`,
|
||||
class: `error`,
|
||||
},
|
||||
de = {
|
||||
key: 5,
|
||||
role: `alert`,
|
||||
class: `error`,
|
||||
},
|
||||
fe = {
|
||||
class: `actions`,
|
||||
},
|
||||
E = Object.assign(
|
||||
_plugin_vue_export_helper_t(
|
||||
defineComponent({
|
||||
__name: `SecurityVerificationDialog`,
|
||||
props: {
|
||||
visible: {
|
||||
type: Boolean,
|
||||
},
|
||||
challenge: {},
|
||||
busy: {
|
||||
type: Boolean,
|
||||
default: !1,
|
||||
},
|
||||
requestError: {
|
||||
default: ``,
|
||||
},
|
||||
context: {
|
||||
default: void 0,
|
||||
},
|
||||
},
|
||||
emits: [`update:visible`, `verified`, `cancel`],
|
||||
setup(m, { emit: b }) {
|
||||
let E = m,
|
||||
D = b,
|
||||
O = useApi(),
|
||||
k = ref(``),
|
||||
A = ref(``),
|
||||
j = ref(``),
|
||||
M = ref(``),
|
||||
N = ref(!1),
|
||||
P = ref(0),
|
||||
F = ref(!1),
|
||||
I = ref(``),
|
||||
L = 0,
|
||||
R = !1,
|
||||
z,
|
||||
B,
|
||||
V = useCaptcha_t(`security_verify`),
|
||||
{
|
||||
needed: pe,
|
||||
provider: me,
|
||||
captchaId: he,
|
||||
img: ge,
|
||||
value: H,
|
||||
loading: _e,
|
||||
error: U,
|
||||
} = V,
|
||||
W = computed(() =>
|
||||
securityMethods(E.challenge).map((e) => ({
|
||||
...e,
|
||||
disabled:
|
||||
e.value === `certification` && E.context?.scene !== `login`,
|
||||
displayLabel:
|
||||
e.label +
|
||||
(e.value === `certification` && E.context?.scene !== `login`
|
||||
? `（暂未开放）`
|
||||
: ``),
|
||||
})),
|
||||
),
|
||||
G = computed(() => W.value.find((e) => e.value === k.value)),
|
||||
K = computed(() => E.busy || N.value || F.value);
|
||||
function ve() {
|
||||
(clearInterval(z), clearTimeout(B), (z = void 0), (B = void 0));
|
||||
}
|
||||
function q() {
|
||||
(L++,
|
||||
ve(),
|
||||
(A.value = ``),
|
||||
(M.value = ``),
|
||||
(P.value = 0),
|
||||
(N.value = !1),
|
||||
(F.value = !1),
|
||||
(j.value = ``),
|
||||
(I.value = ``),
|
||||
V.invalidate());
|
||||
}
|
||||
(watch(
|
||||
() => [E.visible, E.challenge],
|
||||
() => {
|
||||
(q(),
|
||||
E.visible &&
|
||||
((k.value = W.value.find((e) => !e.disabled)?.value || ``),
|
||||
(k.value === `phone_code` || k.value === `email_code`) &&
|
||||
V.needed.value &&
|
||||
V.load()));
|
||||
},
|
||||
{
|
||||
immediate: !0,
|
||||
},
|
||||
),
|
||||
watch(k, () => {
|
||||
(q(),
|
||||
E.visible &&
|
||||
(k.value === `phone_code` || k.value === `email_code`) &&
|
||||
V.needed.value &&
|
||||
V.load());
|
||||
}),
|
||||
onBeforeUnmount(() => {
|
||||
((R = !0), q());
|
||||
}));
|
||||
let J = (e) => !R && E.visible && e === L,
|
||||
Y = computed(
|
||||
() => k.value === `email_code` || k.value === `phone_code`,
|
||||
);
|
||||
async function ye() {
|
||||
if (K.value || P.value || !Y.value || !G.value || !E.visible)
|
||||
return;
|
||||
let e =
|
||||
E.context?.scene === `login`
|
||||
? `exception_login`
|
||||
: E.context?.action;
|
||||
if (!e) {
|
||||
M.value = `验证场景缺失，请重新发起操作`;
|
||||
return;
|
||||
}
|
||||
if (((M.value = V.validationError()), M.value)) return;
|
||||
let t = L,
|
||||
n = G.value,
|
||||
r = n.account || E.context?.account || ``;
|
||||
if (E.context?.scene === `login` && !r) {
|
||||
M.value = `验证账户信息缺失，请重新登录`;
|
||||
return;
|
||||
}
|
||||
N.value = !0;
|
||||
try {
|
||||
if (
|
||||
(await O.post(
|
||||
n.value === `email_code` ? `/email/code` : `/phone/code`,
|
||||
{
|
||||
action: e,
|
||||
...(n.value === `email_code`
|
||||
? {
|
||||
email: r,
|
||||
}
|
||||
: {
|
||||
phone: r,
|
||||
phone_code:
|
||||
n.phone_code || E.context?.phoneCode || `86`,
|
||||
}),
|
||||
captcha: V.value.value.trim(),
|
||||
token: V.token.value,
|
||||
security_verify_token:
|
||||
n.security_verify_token || E.context?.token || ``,
|
||||
},
|
||||
),
|
||||
!J(t))
|
||||
)
|
||||
return;
|
||||
((P.value = 60),
|
||||
(z = interval_t(() => {
|
||||
--P.value <= 0 && (clearInterval(z), (z = void 0));
|
||||
}, 1e3)),
|
||||
V.needed.value && V.load());
|
||||
} catch (e) {
|
||||
J(t) &&
|
||||
((M.value = e instanceof Error ? e.message : `验证码发送失败`),
|
||||
await V.handleError(e));
|
||||
} finally {
|
||||
J(t) && (N.value = !1);
|
||||
}
|
||||
}
|
||||
function X() {
|
||||
return {
|
||||
security_verify_method: k.value,
|
||||
security_verify_value:
|
||||
k.value === `operate_password` ? A.value : A.value.trim(),
|
||||
...(j.value
|
||||
? {
|
||||
certify_id: j.value,
|
||||
}
|
||||
: {}),
|
||||
security_verify_token:
|
||||
G.value?.security_verify_token || E.context?.token || ``,
|
||||
};
|
||||
}
|
||||
function Z() {
|
||||
return {
|
||||
account: G.value?.account || E.context?.account || ``,
|
||||
phone_code: G.value?.phone_code || E.context?.phoneCode || `86`,
|
||||
security_verify_token:
|
||||
G.value?.security_verify_token || E.context?.token || ``,
|
||||
};
|
||||
}
|
||||
async function Q(e) {
|
||||
if (J(e) && j.value) {
|
||||
try {
|
||||
let t = await O.get(
|
||||
`/login/exception/certification/status`,
|
||||
{
|
||||
...Z(),
|
||||
certify_id: j.value,
|
||||
},
|
||||
!1,
|
||||
);
|
||||
if (!J(e)) return;
|
||||
if (Number(t.verify_status) === 1) {
|
||||
(clearTimeout(B), D(`verified`, X()));
|
||||
return;
|
||||
}
|
||||
M.value = ``;
|
||||
} catch (t) {
|
||||
J(e) &&
|
||||
(M.value =
|
||||
t instanceof Error
|
||||
? t.message
|
||||
: `暂时无法查询验证结果，正在重试`);
|
||||
}
|
||||
J(e) && (B = setTimeout(() => void Q(e), 2e3));
|
||||
}
|
||||
}
|
||||
async function be() {
|
||||
if (
|
||||
K.value ||
|
||||
G.value?.disabled ||
|
||||
k.value !== `certification` ||
|
||||
E.context?.scene !== `login`
|
||||
)
|
||||
return;
|
||||
let t = ++L;
|
||||
(clearTimeout(B), (F.value = !0), (M.value = ``));
|
||||
try {
|
||||
let n = await O.post(
|
||||
`/login/exception/certification/create`,
|
||||
Z(),
|
||||
!1,
|
||||
);
|
||||
if (!J(t)) return;
|
||||
if (
|
||||
!n.certify_id ||
|
||||
!n.certify_url ||
|
||||
!/^https:\/\//i.test(n.certify_url)
|
||||
)
|
||||
throw Error(`认证二维码响应无效，请重试`);
|
||||
let { toDataURL: r } = await loadModule(
|
||||
async () => {
|
||||
let { toDataURL: t } =
|
||||
await import("qrcode/lib/browser.js").then((t) =>
|
||||
rolldown_runtime_i(t.default, 1),
|
||||
);
|
||||
return {
|
||||
toDataURL: t,
|
||||
};
|
||||
},
|
||||
[],
|
||||
import.meta.url,
|
||||
),
|
||||
i = await r(n.certify_url, {
|
||||
width: 240,
|
||||
margin: 2,
|
||||
});
|
||||
if (!J(t)) return;
|
||||
((j.value = String(n.certify_id)), (I.value = i), Q(t));
|
||||
} catch (e) {
|
||||
J(t) &&
|
||||
(M.value =
|
||||
e instanceof Error ? e.message : `认证二维码加载失败`);
|
||||
} finally {
|
||||
J(t) && (F.value = !1);
|
||||
}
|
||||
}
|
||||
function xe() {
|
||||
if (
|
||||
!K.value &&
|
||||
E.visible &&
|
||||
G.value &&
|
||||
!G.value.disabled &&
|
||||
k.value !== `certification`
|
||||
) {
|
||||
if (((M.value = ``), !A.value.trim())) {
|
||||
M.value = `请输入验证信息`;
|
||||
return;
|
||||
}
|
||||
D(`verified`, X());
|
||||
}
|
||||
}
|
||||
function $() {
|
||||
E.busy || (q(), D(`cancel`), D(`update:visible`, !1));
|
||||
}
|
||||
return (e, n) => {
|
||||
let r = select,
|
||||
a = message,
|
||||
c = button,
|
||||
_ = inputtext,
|
||||
v = CaptchaField,
|
||||
y = dialog;
|
||||
return (
|
||||
openBlock(),
|
||||
createBlock(
|
||||
y,
|
||||
{
|
||||
visible: m.visible,
|
||||
header: `安全验证`,
|
||||
modal: ``,
|
||||
closable: !m.busy,
|
||||
"close-on-escape": !m.busy,
|
||||
style: {
|
||||
width: `min(430px, calc(100vw - 28px))`,
|
||||
},
|
||||
"onUpdate:visible": (n[3] ||= (e) => !e && $()),
|
||||
},
|
||||
{
|
||||
default: withCtx(() => [
|
||||
createElementVNode(`div`, w, [
|
||||
(n[5] ||= createElementVNode(
|
||||
`label`,
|
||||
{
|
||||
for: `security-method`,
|
||||
},
|
||||
`验证方式`,
|
||||
-1,
|
||||
)),
|
||||
createVNode(
|
||||
r,
|
||||
{
|
||||
"input-id": `security-method`,
|
||||
modelValue: unref(k),
|
||||
"onUpdate:modelValue": (n[0] ||= (e) =>
|
||||
isRef(k) ? (k.value = e) : null),
|
||||
options: unref(W),
|
||||
"option-label": `displayLabel`,
|
||||
"option-value": `value`,
|
||||
"option-disabled": `disabled`,
|
||||
disabled: unref(K),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`modelValue`, `options`, `disabled`],
|
||||
),
|
||||
unref(k)
|
||||
? createCommentVNode(``, !0)
|
||||
: (openBlock(),
|
||||
createBlock(
|
||||
a,
|
||||
{
|
||||
key: 0,
|
||||
severity: `warn`,
|
||||
closable: !1,
|
||||
},
|
||||
{
|
||||
default: withCtx(() => [
|
||||
...(n[4] ||= [
|
||||
createTextVNode(
|
||||
`当前没有已开放的验证方式，请联系客服。`,
|
||||
-1,
|
||||
),
|
||||
]),
|
||||
]),
|
||||
_: 1,
|
||||
},
|
||||
)),
|
||||
unref(G)?.tip
|
||||
? (openBlock(),
|
||||
createElementBlock(
|
||||
`p`,
|
||||
oe,
|
||||
toDisplayString(unref(G).tip),
|
||||
1,
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
unref(k) === `certification`
|
||||
? (openBlock(),
|
||||
createElementBlock(
|
||||
Fragment,
|
||||
{
|
||||
key: 2,
|
||||
},
|
||||
[
|
||||
unref(I)
|
||||
? (openBlock(),
|
||||
createElementBlock(
|
||||
`img`,
|
||||
{
|
||||
key: 0,
|
||||
src: unref(I),
|
||||
alt: `安全验证二维码`,
|
||||
class: `security-qr`,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
T,
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
createVNode(
|
||||
c,
|
||||
{
|
||||
label: unref(I) ? `刷新二维码` : `获取二维码`,
|
||||
loading: unref(F),
|
||||
disabled: unref(K),
|
||||
onClick: be,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`label`, `loading`, `disabled`],
|
||||
),
|
||||
],
|
||||
64,
|
||||
))
|
||||
: unref(k)
|
||||
? (openBlock(),
|
||||
createElementBlock(
|
||||
Fragment,
|
||||
{
|
||||
key: 3,
|
||||
},
|
||||
[
|
||||
createElementVNode(
|
||||
`label`,
|
||||
se,
|
||||
toDisplayString(
|
||||
unref(Y) ? `验证码` : `操作密码`,
|
||||
),
|
||||
1,
|
||||
),
|
||||
createElementVNode(`div`, ce, [
|
||||
createVNode(
|
||||
_,
|
||||
{
|
||||
id: `security-value`,
|
||||
modelValue: unref(A),
|
||||
"onUpdate:modelValue": (n[1] ||= (e) =>
|
||||
isRef(A) ? (A.value = e) : null),
|
||||
type: unref(Y) ? `text` : `password`,
|
||||
autocomplete: unref(Y)
|
||||
? `one-time-code`
|
||||
: `off`,
|
||||
disabled: unref(K),
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[
|
||||
`modelValue`,
|
||||
`type`,
|
||||
`autocomplete`,
|
||||
`disabled`,
|
||||
],
|
||||
),
|
||||
unref(Y)
|
||||
? (openBlock(),
|
||||
createBlock(
|
||||
c,
|
||||
{
|
||||
key: 0,
|
||||
label: unref(P)
|
||||
? `${unref(P)}s`
|
||||
: `发送验证码`,
|
||||
severity: `secondary`,
|
||||
outlined: ``,
|
||||
disabled: unref(K) || unref(P) > 0,
|
||||
onClick: ye,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`label`, `disabled`],
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
]),
|
||||
unref(Y) && unref(pe)
|
||||
? (openBlock(),
|
||||
createBlock(
|
||||
v,
|
||||
{
|
||||
key: 0,
|
||||
modelValue: unref(H),
|
||||
"onUpdate:modelValue": (n[2] ||= (e) =>
|
||||
isRef(H) ? (H.value = e) : null),
|
||||
img: unref(ge),
|
||||
provider: unref(me),
|
||||
"captcha-id": unref(he),
|
||||
loading: unref(_e),
|
||||
disabled: unref(K),
|
||||
onVerified: unref(V).complete,
|
||||
onInvalid: unref(V).invalidate,
|
||||
onRefresh: unref(V).load,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[
|
||||
`modelValue`,
|
||||
`img`,
|
||||
`provider`,
|
||||
`captcha-id`,
|
||||
`loading`,
|
||||
`disabled`,
|
||||
`onVerified`,
|
||||
`onInvalid`,
|
||||
`onRefresh`,
|
||||
],
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
unref(Y) && unref(U)
|
||||
? (openBlock(),
|
||||
createElementBlock(
|
||||
`small`,
|
||||
le,
|
||||
toDisplayString(unref(U)),
|
||||
1,
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
],
|
||||
64,
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
unref(M)
|
||||
? (openBlock(),
|
||||
createElementBlock(
|
||||
`small`,
|
||||
ue,
|
||||
toDisplayString(unref(M)),
|
||||
1,
|
||||
))
|
||||
: m.requestError
|
||||
? (openBlock(),
|
||||
createElementBlock(
|
||||
`small`,
|
||||
de,
|
||||
toDisplayString(m.requestError),
|
||||
1,
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
createElementVNode(`div`, fe, [
|
||||
createVNode(
|
||||
c,
|
||||
{
|
||||
label: `取消`,
|
||||
severity: `secondary`,
|
||||
text: ``,
|
||||
disabled: m.busy,
|
||||
onClick: $,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`disabled`],
|
||||
),
|
||||
unref(k) && unref(k) !== `certification`
|
||||
? (openBlock(),
|
||||
createBlock(
|
||||
c,
|
||||
{
|
||||
key: 0,
|
||||
label: `验证`,
|
||||
loading: m.busy,
|
||||
disabled: unref(K),
|
||||
onClick: xe,
|
||||
},
|
||||
null,
|
||||
8,
|
||||
[`loading`, `disabled`],
|
||||
))
|
||||
: createCommentVNode(``, !0),
|
||||
]),
|
||||
]),
|
||||
]),
|
||||
_: 1,
|
||||
},
|
||||
8,
|
||||
[`visible`, `closable`, `close-on-escape`],
|
||||
)
|
||||
);
|
||||
};
|
||||
},
|
||||
}),
|
||||
[[`__scopeId`, `data-v-ff4061ec`]],
|
||||
),
|
||||
{
|
||||
__name: `SecurityVerificationDialog`,
|
||||
},
|
||||
);
|
||||
export {};
|
||||
export default E;
|
||||
</script>
|
||||
Reference in new issue
Block a user