@robot-admin/naive-ui-components 0.19.0 → 0.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -0
- package/README.md +5 -5
- package/README_EN.md +5 -5
- package/SECURITY.md +39 -0
- package/dist/C_AntV.css +31 -31
- package/dist/C_AntV2.cjs +1 -1
- package/dist/C_AntV2.js +1 -1
- package/dist/C_Breadcrumb.css +308 -20
- package/dist/C_Breadcrumb.d.cts +2 -2
- package/dist/C_Breadcrumb.d.ts +2 -2
- package/dist/C_Breadcrumb2.cjs +1 -1
- package/dist/C_Breadcrumb2.js +1 -1
- package/dist/C_Chat.css +90 -90
- package/dist/C_Chat2.cjs +1 -1
- package/dist/C_Chat2.js +1 -1
- package/dist/C_CollapsePanel2.cjs +1 -1
- package/dist/C_CollapsePanel2.js +1 -1
- package/dist/C_Draggable.css +53 -53
- package/dist/C_Draggable2.cjs +1 -1
- package/dist/C_Draggable2.js +1 -1
- package/dist/C_FilePreview.css +98 -98
- package/dist/C_FilePreview.d.cts +2 -2
- package/dist/C_FilePreview.d.ts +2 -2
- package/dist/C_FilePreview2.cjs +1 -1
- package/dist/C_FilePreview2.js +1 -1
- package/dist/C_Form.base.css +9 -9
- package/dist/C_Form.css +9 -9
- package/dist/C_FormSearch.css +52 -52
- package/dist/C_FormSearch2.cjs +1 -1
- package/dist/C_FormSearch2.js +1 -1
- package/dist/C_Language.css +2 -2
- package/dist/C_Language2.cjs +1 -1
- package/dist/C_Language2.js +1 -1
- package/dist/C_Login.css +79 -79
- package/dist/C_Login2.cjs +1 -1
- package/dist/C_Login2.js +1 -1
- package/dist/C_Menu.css +1 -1
- package/dist/C_Menu.d.cts +2 -2
- package/dist/C_Menu.d.ts +2 -2
- package/dist/C_Menu2.cjs +1 -1
- package/dist/C_Menu2.js +1 -1
- package/dist/C_NotificationCenter.css +124 -124
- package/dist/C_NotificationCenter.d.cts +2 -2
- package/dist/C_NotificationCenter.d.ts +2 -2
- package/dist/C_NotificationCenter2.cjs +1 -1
- package/dist/C_NotificationCenter2.js +1 -1
- package/dist/C_Skeleton.css +2 -2
- package/dist/C_Skeleton2.cjs +1 -1
- package/dist/C_Skeleton2.js +1 -1
- package/dist/C_SplitPane.css +66 -66
- package/dist/C_SplitPane2.cjs +1 -1
- package/dist/C_SplitPane2.js +1 -1
- package/dist/C_Table.base.css +9 -9
- package/dist/C_Table.css +9 -9
- package/dist/C_Table.d.ts +1 -0
- package/dist/C_Theme2.cjs +1 -1
- package/dist/C_Theme2.js +1 -1
- package/dist/C_Timeline.css +46 -46
- package/dist/C_Timeline2.cjs +1 -1
- package/dist/C_Timeline2.js +1 -1
- package/dist/C_Transfer.css +26 -26
- package/dist/C_Transfer2.cjs +1 -1
- package/dist/C_Transfer2.js +1 -1
- package/dist/C_Tree.css +23 -23
- package/dist/C_Tree.d.ts +1 -0
- package/dist/C_Tree2.cjs +1 -1
- package/dist/C_Tree2.js +1 -1
- package/dist/C_Upload2.cjs +1 -1
- package/dist/C_Upload2.js +1 -1
- package/dist/C_VideoPlayer.d.cts +2 -2
- package/dist/C_VideoPlayer.d.ts +2 -2
- package/dist/C_VideoPlayer2.cjs +2 -2
- package/dist/C_VideoPlayer2.js +2 -2
- package/dist/C_WaterFall.css +31 -29
- package/dist/C_WaterFall2.cjs +1 -1
- package/dist/C_WaterFall2.js +1 -1
- package/dist/C_WorkFlow.css +111 -111
- package/dist/C_WorkFlow2.cjs +1 -1
- package/dist/C_WorkFlow2.js +1 -1
- package/dist/config.cjs +1 -0
- package/dist/config.d.cts +8 -0
- package/dist/config.d.ts +8 -0
- package/dist/config.js +1 -0
- package/dist/constants3.d.cts +34 -11
- package/dist/constants3.d.ts +34 -11
- package/dist/constants4.d.cts +14 -3
- package/dist/constants4.d.ts +14 -3
- package/dist/constants5.d.cts +24 -20
- package/dist/constants5.d.ts +24 -20
- package/dist/data.d.cts +6 -6
- package/dist/data.d.ts +6 -6
- package/dist/dateRange.d.cts +2 -0
- package/dist/dateRange.d.ts +2 -0
- package/dist/feedback.cjs +1 -1
- package/dist/feedback.js +1 -1
- package/dist/helpers.cjs +1 -1
- package/dist/helpers.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +8 -7
- package/dist/index.d.ts +9 -7
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +4 -4
- package/dist/index.vue.d.ts +4 -4
- package/dist/index10.vue.d.cts +5 -5
- package/dist/index10.vue.d.ts +3 -3
- package/dist/index11.vue.d.cts +3 -3
- package/dist/index12.vue.d.ts +2 -2
- package/dist/index13.vue.d.cts +2 -2
- package/dist/index13.vue.d.ts +6 -6
- package/dist/index14.vue.d.cts +6 -6
- package/dist/index14.vue.d.ts +0 -1
- package/dist/index15.vue.d.cts +0 -1
- package/dist/index16.vue.d.ts +2 -2
- package/dist/index17.vue.d.cts +2 -2
- package/dist/index17.vue.d.ts +1 -1
- package/dist/index18.vue.d.cts +1 -1
- package/dist/index18.vue.d.ts +44 -40
- package/dist/index19.vue.d.cts +2 -2
- package/dist/index19.vue.d.ts +2 -2
- package/dist/index2.vue.d.cts +1 -1
- package/dist/index2.vue.d.ts +1 -1
- package/dist/index20.vue.d.cts +1 -1
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index21.vue.d.cts +1 -1
- package/dist/index21.vue.d.ts +1 -1
- package/dist/index22.vue.d.cts +2 -2
- package/dist/index22.vue.d.ts +2 -2
- package/dist/index25.vue.d.cts +2 -3
- package/dist/index25.vue.d.ts +2 -3
- package/dist/index26.vue.d.cts +3 -3
- package/dist/index26.vue.d.ts +3 -3
- package/dist/index3.vue.d.cts +4 -4
- package/dist/index3.vue.d.ts +4 -4
- package/dist/index4.vue.d.cts +44 -40
- package/dist/index4.vue.d.ts +26 -12
- package/dist/index5.vue.d.cts +26 -12
- package/dist/index6.vue.d.ts +0 -2
- package/dist/index7.vue.d.cts +0 -2
- package/dist/index8.vue.d.ts +4 -4
- package/dist/index9.vue.d.cts +4 -4
- package/dist/index9.vue.d.ts +5 -5
- package/dist/mapUtils.d.cts +3 -3
- package/dist/mapUtils.d.ts +3 -3
- package/dist/presets.d.cts +1 -1
- package/dist/presets.d.ts +1 -1
- package/dist/public.d.ts +3 -1
- package/dist/style.css +1154 -864
- package/dist/types.d.cts +3 -1
- package/dist/useCalendarEvents.d.cts +1 -1
- package/dist/useCalendarEvents.d.ts +1 -1
- package/dist/useCollapsePanel.d.cts +3 -3
- package/dist/useCollapsePanel.d.ts +3 -3
- package/dist/useComponentLocale.cjs +1 -1
- package/dist/useComponentLocale.js +1 -1
- package/dist/useCropperCore.d.cts +4 -4
- package/dist/useCropperCore.d.ts +4 -4
- package/dist/useDraggableLayout.d.cts +1 -0
- package/dist/useDraggableLayout.d.ts +1 -0
- package/dist/useEdgeInteraction.d.cts +2 -2
- package/dist/useEdgeInteraction.d.ts +2 -2
- package/dist/useFullscreen.d.cts +41 -23
- package/dist/useFullscreen.d.ts +41 -23
- package/dist/useInfiniteScroll.d.cts +6 -4
- package/dist/useInfiniteScroll.d.ts +6 -4
- package/dist/useQRCode.d.cts +4 -4
- package/dist/useQRCode.d.ts +4 -4
- package/dist/useSignatureHistory.d.cts +2 -2
- package/dist/useSignatureHistory.d.ts +2 -2
- package/dist/useSplitResize.d.cts +6 -7
- package/dist/useSplitResize.d.ts +6 -7
- package/dist/useTableQuery.cjs +1 -1
- package/dist/useTableQuery.d.cts +6 -10
- package/dist/useTableQuery.d.ts +6 -10
- package/dist/useTableQuery.js +1 -1
- package/dist/useWorkflowValidation.d.cts +11 -3
- package/dist/useWorkflowValidation.d.ts +11 -3
- package/dist/verification.d.cts +1 -1
- package/dist/verification.d.ts +1 -1
- package/docs/architecture.en.md +3 -1
- package/docs/architecture.md +3 -1
- package/docs/guides/usage.en.md +22 -0
- package/docs/guides/usage.md +73 -0
- package/package.json +27 -10
- package/dist/context.cjs +0 -1
- package/dist/context.js +0 -1
package/dist/C_Login2.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`),n=require(`./C_Captcha2.cjs`),r=require(`./useActionTask.cjs`),i=require(`./storage.cjs`),a=require(`./C_QRCode2.cjs`);let o=require(`vue`),s=require(`naive-ui`);const c=[{key:`github`,label:`GitHub`,icon:`mdi:github`},{key:`wechat`,label:`微信`,icon:`mdi:wechat`},{key:`qq`,label:`QQ`,icon:`mdi:qqchat`}],l={passwordLogin:!0,captchaLogin:!0,qrcodeLogin:!0,socialLogin:!0,register:!0,captchaVerify:!0,rememberMe:!0,forgotPassword:!0},ee={class:`c-login-panel`},te={class:`c-login__header`},ne={key:0,class:`c-login__logo`},re={class:`c-login__title`},ie={key:0,class:`c-login__subtitle`},ae={key:1,class:`c-login__subtitle c-login__subtitle--register`},oe={key:0,class:`c-login__aux-row`},se={class:`c-login__code-row`},u={key:0,class:`c-login__captcha-wrap`},d={key:3,class:`c-login__qr-panel`},ce={class:`c-login__qr-frame`},le={key:1,class:`c-login__qr-placeholder`},f={key:2,class:`c-login__qr-scan-line`},p={class:`c-login__qr-hint`},ue={class:`c-login__code-row`},m={key:7,class:`c-login__mode-switch`},de={class:`c-login__social-row`},fe={key:9,class:`c-login__register-row`},h=(0,o.defineComponent)({__name:`index`,props:{title:{default:`欢迎回来`},subtitle:{},logoIcon:{},features:{},socialProviders:{},qrcodeUrl:{},storageKey:{default:`c_login_remember`},loading:{type:Boolean,default:!1},submitDisabled:{type:Boolean},defaultUsername:{default:``},defaultPassword:{default:``},captchaVerifier:{},captchaProvider:{default:`puzzle-captcha`},captchaChallengeUrl:{},requireCaptchaServerVerification:{type:Boolean,default:!1},captchaVerificationTimeout:{default:1e4}},emits:[`submit`,`captcha-submit`,`send-code`,`social-login`,`forgot-password`,`qrcode-refresh`,`register-submit`,`register-send-code`,`captcha-visible-change`,`username-change`],setup(t,{expose:h,emit:g}){let _=(e,t)=>{let n=globalThis.$t;return n?.(e,t,`robot_admin`)??t},v=(e,t,n)=>[{required:!0,message:`${e}不能为空`,trigger:`blur`},{validator:(e,n)=>!n||typeof n==`string`&&t.test(n),message:n,trigger:`blur`}],y=/^(?:(?:\+|00)86)?1[3-9]\d{9}$/,b=/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d@$!%*?&]{6,20}$/,x=t,S=g,C=(0,o.computed)(()=>({...x,features:{...l,...x.features},socialProviders:x.socialProviders??c})),w=(0,o.computed)(()=>C.value.features),T=(0,o.computed)(()=>C.value.socialProviders),E=(0,o.ref)(`password`),D=r.t(),O=(0,o.computed)(()=>D.isRunning(E.value)),k=!1,A=0;(0,o.watch)(E,()=>A++,{flush:`sync`});let j=e=>!k&&E.value===e&&!x.loading&&!x.submitDisabled&&(e===`register`||!w.value.captchaVerify||H.value);async function M(e,t,n,r){await D.run(e,async()=>{let i=t.value;if(!i)return;let a=A,o={...n};try{await i.validate()}catch{return}!j(e)||a!==A||i!==t.value||!Object.keys(o).every(e=>o[e]===n[e])||r(o)},()=>j(e))}let N=(0,o.ref)(null),P=(0,o.reactive)({username:x.defaultUsername??``,password:x.defaultPassword??``}),pe={username:[{required:!0,message:_(`cl_username_rule`,`请输入用户名`),trigger:`blur`}],password:[{required:!0,message:_(`cl_password_rule`,`请输入密码`),trigger:`blur`}]};(0,o.watch)(()=>P.username,e=>S(`username-change`,e),{immediate:!0,flush:`sync`});let F=(0,o.ref)(!1);(0,o.watch)([F,()=>P.username],([e])=>{e?i.i(x.storageKey,{username:P.username}):i.r(x.storageKey)}),(0,o.onMounted)(()=>{let e=i.t(x.storageKey);typeof e?.username==`string`&&(P.username=e.username,F.value=!0)});let I=()=>M(`password`,N,P,e=>{S(`submit`,{...e,...H.value?{captchaToken:U.value,captchaTimestamp:W.value,captchaType:G.value,captchaVerifiedBy:K.value}:{}})}),L=(0,o.ref)(null),R=(0,o.reactive)({account:``,code:``}),z=(0,o.ref)(0),B=null,me={account:v(`手机号`,y,`手机号格式错误`),code:[{required:!0,message:_(`cl_code_rule`,`请输入验证码`),trigger:`blur`}]},V=(0,o.ref)(),H=(0,o.ref)(!1),U=(0,o.ref)(``),W=(0,o.ref)(0),G=(0,o.ref)(`puzzle-captcha`),K=(0,o.ref)(),he=e=>{H.value=!0,U.value=e.token,W.value=e.timestamp,G.value=e.type,K.value=e.verifiedBy},ge=()=>{H.value=!1},_e=e=>{H.value=e,e||(U.value=``,W.value=0,G.value=`puzzle-captcha`,K.value=void 0)},ve=()=>{H.value=!1,U.value=``,W.value=0,G.value=`puzzle-captcha`,K.value=void 0,V.value?.reset()},q=()=>M(`captcha`,L,R,e=>S(`captcha-submit`,e)),ye=()=>{let e=R.account.trim();z.value>0||!y.test(e)||(S(`send-code`,e),B&&=(clearInterval(B),null),z.value=60,B=setInterval(()=>{z.value--,z.value<=0&&(clearInterval(B),B=null)},1e3))},J=(0,o.computed)(()=>x.qrcodeUrl?.trim()??``),be=()=>{S(`qrcode-refresh`)},Y=(0,o.ref)(null),X=(0,o.reactive)({phone:``,code:``,password:``,confirmPassword:``}),Z=(0,o.ref)(0),Q=null,xe={phone:v(`手机号`,y,`手机号格式错误`),code:[{required:!0,message:_(`cl_code_rule`,`请输入验证码`),trigger:`blur`}],password:v(`密码`,b,`密码必须包含大小写字母和数字,长度6-20位`),confirmPassword:[{required:!0,message:_(`cl_confirm_pw_rule`,`请再次输入密码`),trigger:`blur`},{validator:(e,t)=>t===X.password?!0:Error(_(`cl_pw_mismatch`,`两次密码输入不一致`)),trigger:`blur`}]},Se=()=>{let e=X.phone.trim();Z.value>0||!y.test(e)||(S(`register-send-code`,e),Q&&=(clearInterval(Q),null),Z.value=60,Q=setInterval(()=>{Z.value--,Z.value<=0&&(clearInterval(Q),Q=null)},1e3))},$=()=>M(`register`,Y,X,e=>S(`register-submit`,e));return(0,o.onUnmounted)(()=>{k=!0,B&&=(clearInterval(B),null),Q&&=(clearInterval(Q),null)}),h({resetCaptcha:ve}),(t,r)=>{let i=s.NInput,c=s.NFormItem,l=s.NCheckbox,h=s.NText,g=s.NForm,v=s.NButton,y=s.NDivider,b=s.NTooltip;return(0,o.openBlock)(),(0,o.createElementBlock)(`div`,ee,[(0,o.createCommentVNode)(` ===== Logo / 标题区 ===== `),(0,o.createElementVNode)(`div`,te,[(0,o.renderSlot)(t.$slots,`logo`,{},()=>[C.value.logoIcon?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,ne,[(0,o.createVNode)(e.t,{name:C.value.logoIcon,size:36,class:`c-login__logo-icon`},null,8,[`name`])])):(0,o.createCommentVNode)(`v-if`,!0)],!0),(0,o.createElementVNode)(`h2`,re,(0,o.toDisplayString)(C.value.title),1),C.value.subtitle&&E.value!==`register`?((0,o.openBlock)(),(0,o.createElementBlock)(`p`,ie,(0,o.toDisplayString)(C.value.subtitle),1)):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` 注册视图的副标题 `),E.value===`register`?((0,o.openBlock)(),(0,o.createElementBlock)(`p`,ae,(0,o.toDisplayString)(_(`cl_register`,`注册账号`)),1)):(0,o.createCommentVNode)(`v-if`,!0)]),(0,o.createCommentVNode)(` ===== 密码登录表单(默认视图) ===== `),(0,o.withDirectives)((0,o.createVNode)(g,{ref_key:`passwordFormRef`,ref:N,model:P,rules:pe,class:`c-login__form`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(c,{path:`username`,class:`c-login__form-item`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(i,{value:P.username,"onUpdate:value":r[0]||=e=>P.username=e,disabled:x.loading,placeholder:_(`cl_username_ph`,`请输入用户名`),clearable:``},{prefix:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:account-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`disabled`,`placeholder`])]),_:1}),(0,o.createVNode)(c,{path:`password`,class:`c-login__form-item`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(i,{value:P.password,"onUpdate:value":r[1]||=e=>P.password=e,disabled:x.loading,type:`password`,"show-password-on":`click`,placeholder:_(`cl_password_ph`,`请输入密码`),clearable:``,onKeyup:(0,o.withKeys)(I,[`enter`])},{prefix:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:lock-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`disabled`,`placeholder`])]),_:1}),(0,o.createCommentVNode)(` 宿主扩展字段只获得账号与忙碌状态,不暴露密码。 `),(0,o.renderSlot)(t.$slots,`password-fields`,{username:P.username,loading:x.loading||O.value},void 0,!0),(0,o.createCommentVNode)(` 记住我 + 忘记密码 `),w.value.rememberMe||w.value.forgotPassword?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,oe,[w.value.rememberMe?((0,o.openBlock)(),(0,o.createBlock)(l,{key:0,checked:F.value,"onUpdate:checked":r[2]||=e=>F.value=e,class:`c-login__remember`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_remember`,`记住我`)),1)]),_:1},8,[`checked`])):(0,o.createCommentVNode)(`v-if`,!0),w.value.forgotPassword?((0,o.openBlock)(),(0,o.createBlock)(h,{key:1,class:`c-login__forgot`,onClick:r[3]||=e=>S(`forgot-password`)},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_forgot`,`忘记密码?`)),1)]),_:1})):(0,o.createCommentVNode)(`v-if`,!0)])):(0,o.createCommentVNode)(`v-if`,!0)]),_:3},8,[`model`]),[[o.vShow,E.value===`password`]]),(0,o.createCommentVNode)(` ===== 验证码登录表单 ===== `),(0,o.withDirectives)((0,o.createVNode)(g,{ref_key:`captchaFormRef`,ref:L,model:R,rules:me,class:`c-login__form`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(c,{path:`account`,class:`c-login__form-item`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(i,{value:R.account,"onUpdate:value":r[4]||=e=>R.account=e,placeholder:_(`cl_phone_ph`,`请输入手机号`),clearable:``,maxlength:`11`},{prefix:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:cellphone`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`])]),_:1}),(0,o.createVNode)(c,{path:`code`,class:`c-login__form-item`},{default:(0,o.withCtx)(()=>[(0,o.createElementVNode)(`div`,se,[(0,o.createVNode)(i,{value:R.code,"onUpdate:value":r[5]||=e=>R.code=e,placeholder:_(`cl_code_ph`,`请输入验证码`),clearable:``,class:`c-login__code-input`,onKeyup:(0,o.withKeys)(q,[`enter`])},{prefix:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:shield-key-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`]),(0,o.createVNode)(v,{disabled:z.value>0||!R.account,class:`c-login__send-code-btn`,onClick:ye},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(z.value>0?`${z.value}s ${_(`cl_resend`,`后重发`)}`:_(`cl_get_code`,`获取验证码`)),1)]),_:1},8,[`disabled`])])]),_:1})]),_:1},8,[`model`]),[[o.vShow,E.value===`captcha`]]),(0,o.createCommentVNode)(` ===== 人机验证拼图(仅密码登录模式) ===== `),w.value.captchaVerify&&E.value===`password`?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,u,[(0,o.createVNode)(n.t,{ref_key:`captchaRef`,ref:V,theme:`dark`,provider:x.captchaProvider,"challenge-url":x.captchaChallengeUrl,verifier:x.captchaVerifier,"require-server-verification":x.requireCaptchaServerVerification,"verification-timeout":x.captchaVerificationTimeout,onSuccess:he,onFail:ge,onChange:_e,onVisibleChange:r[6]||=e=>S(`captcha-visible-change`,e)},null,8,[`provider`,`challenge-url`,`verifier`,`require-server-verification`,`verification-timeout`])])):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 登录按钮(密码和验证码模式) ===== `),E.value===`password`||E.value===`captcha`?((0,o.openBlock)(),(0,o.createBlock)(v,{key:1,type:`primary`,block:``,loading:x.loading||O.value,disabled:x.loading||O.value||x.submitDisabled||E.value===`password`&&w.value.captchaVerify&&!H.value,class:`c-login__submit-btn`,onClick:r[7]||=e=>E.value===`password`?I():q()},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(E.value===`password`&&w.value.captchaVerify&&!H.value?_(`cl_verify_first`,`请先完成人机验证`):_(`cl_login_btn`,`登 录`)),1)]),_:1},8,[`loading`,`disabled`])):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 返回按钮(验证码子视图) ===== `),E.value===`captcha`?((0,o.openBlock)(),(0,o.createBlock)(v,{key:2,block:``,class:`c-login__back-btn`,onClick:r[8]||=e=>E.value=`password`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_back`,`返回`)),1)]),_:1})):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 扫码登录面板 ===== `),E.value===`qrcode`?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,d,[(0,o.createElementVNode)(`div`,ce,[J.value?((0,o.openBlock)(),(0,o.createBlock)(a.t,{key:0,value:J.value,size:148,margin:1,"show-border":!1,color:`#ffffff`,"bg-color":`#000000`,"error-correction-level":`M`},null,8,[`value`])):((0,o.openBlock)(),(0,o.createElementBlock)(`div`,le,(0,o.toDisplayString)(_(`cl_qr_missing`,`请配置二维码地址`)),1)),J.value?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,f)):(0,o.createCommentVNode)(`v-if`,!0),r[18]||=(0,o.createElementVNode)(`div`,{class:`c-login__qr-corner c-login__qr-corner--tl`},null,-1),r[19]||=(0,o.createElementVNode)(`div`,{class:`c-login__qr-corner c-login__qr-corner--tr`},null,-1),r[20]||=(0,o.createElementVNode)(`div`,{class:`c-login__qr-corner c-login__qr-corner--bl`},null,-1),r[21]||=(0,o.createElementVNode)(`div`,{class:`c-login__qr-corner c-login__qr-corner--br`},null,-1)]),(0,o.createElementVNode)(`p`,p,[(0,o.createVNode)(e.t,{name:`mdi:cellphone-check`,size:13}),(0,o.createTextVNode)(` `+(0,o.toDisplayString)(_(`cl_qr_hint`,`打开手机扫码后点击「确认」即可登录`)),1)]),(0,o.createVNode)(v,{text:``,size:`tiny`,class:`c-login__qr-refresh`,onClick:be},{icon:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:refresh`,size:12})]),default:(0,o.withCtx)(()=>[(0,o.createTextVNode)(` `+(0,o.toDisplayString)(_(`cl_qr_refresh`,`二维码已失效?点击刷新`)),1)]),_:1})])):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 返回按钮(扫码子视图,在二维码下方) ===== `),E.value===`qrcode`?((0,o.openBlock)(),(0,o.createBlock)(v,{key:4,block:``,class:`c-login__back-btn`,onClick:r[9]||=e=>E.value=`password`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_back`,`返回`)),1)]),_:1})):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 注册表单 ===== `),(0,o.withDirectives)((0,o.createVNode)(g,{ref_key:`registerFormRef`,ref:Y,model:X,rules:xe,class:`c-login__form`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(c,{path:`phone`,class:`c-login__form-item`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(i,{value:X.phone,"onUpdate:value":r[10]||=e=>X.phone=e,placeholder:_(`cl_phone_ph`,`请输入手机号`),clearable:``,maxlength:`11`},{prefix:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:cellphone`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`])]),_:1}),(0,o.createVNode)(c,{path:`code`,class:`c-login__form-item`},{default:(0,o.withCtx)(()=>[(0,o.createElementVNode)(`div`,ue,[(0,o.createVNode)(i,{value:X.code,"onUpdate:value":r[11]||=e=>X.code=e,placeholder:_(`cl_code_ph`,`请输入验证码`),clearable:``,class:`c-login__code-input`},{prefix:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:shield-key-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`]),(0,o.createVNode)(v,{disabled:Z.value>0||!X.phone,class:`c-login__send-code-btn`,onClick:Se},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(Z.value>0?`${Z.value}s ${_(`cl_resend`,`后重发`)}`:_(`cl_get_code`,`获取验证码`)),1)]),_:1},8,[`disabled`])])]),_:1}),(0,o.createVNode)(c,{path:`password`,class:`c-login__form-item`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(i,{value:X.password,"onUpdate:value":r[12]||=e=>X.password=e,type:`password`,"show-password-on":`click`,placeholder:_(`cl_password_ph`,`请输入密码`)},{prefix:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:lock-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`])]),_:1}),(0,o.createVNode)(c,{path:`confirmPassword`,class:`c-login__form-item`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(i,{value:X.confirmPassword,"onUpdate:value":r[13]||=e=>X.confirmPassword=e,type:`password`,"show-password-on":`click`,placeholder:_(`cl_confirm_pw_ph`,`请再次输入密码`),onKeyup:(0,o.withKeys)($,[`enter`])},{prefix:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:lock-check-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`])]),_:1})]),_:1},8,[`model`]),[[o.vShow,E.value===`register`]]),(0,o.createCommentVNode)(` ===== 注册确认按钮 ===== `),E.value===`register`?((0,o.openBlock)(),(0,o.createBlock)(v,{key:5,type:`primary`,block:``,loading:x.loading||O.value,disabled:x.loading||x.submitDisabled||O.value,class:`c-login__submit-btn`,onClick:$},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_confirm`,`确认`)),1)]),_:1},8,[`loading`,`disabled`])):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 注册视图返回按钮 ===== `),E.value===`register`?((0,o.openBlock)(),(0,o.createBlock)(v,{key:6,block:``,class:`c-login__back-btn`,onClick:r[14]||=e=>E.value=`password`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_back`,`返回`)),1)]),_:1})):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 登录方式切换(仅密码登录默认视图显示) ===== `),E.value===`password`&&(w.value.captchaLogin||w.value.qrcodeLogin)?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,m,[w.value.captchaLogin?((0,o.openBlock)(),(0,o.createBlock)(v,{key:0,class:`c-login__mode-btn`,size:`small`,onClick:r[15]||=e=>E.value=`captcha`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_captcha_login`,`验证码登录`)),1)]),_:1})):(0,o.createCommentVNode)(`v-if`,!0),w.value.qrcodeLogin?((0,o.openBlock)(),(0,o.createBlock)(v,{key:1,class:`c-login__mode-btn`,size:`small`,onClick:r[16]||=e=>E.value=`qrcode`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_qr_login`,`扫码登录`)),1)]),_:1})):(0,o.createCommentVNode)(`v-if`,!0)])):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 其他登录方式(仅密码登录默认视图显示) ===== `),E.value===`password`&&w.value.socialLogin&&T.value.length?((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,{key:8},[(0,o.createVNode)(y,{class:`c-login__divider`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_social_login`,`其他账号登录`)),1)]),_:1}),(0,o.createElementVNode)(`div`,de,[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(T.value,t=>((0,o.openBlock)(),(0,o.createBlock)(b,{key:t.key,trigger:`hover`,placement:`top`},{trigger:(0,o.withCtx)(()=>[(0,o.createVNode)(v,{circle:``,class:`c-login__social-btn`,onClick:e=>S(`social-login`,t.key)},{icon:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:t.icon,size:16},null,8,[`name`])]),_:2},1032,[`onClick`])]),default:(0,o.withCtx)(()=>[(0,o.createTextVNode)(` `+(0,o.toDisplayString)(t.label),1)]),_:2},1024))),128))])],64)):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 注册入口(仅密码登录默认视图显示) ===== `),E.value===`password`&&w.value.register?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,fe,[(0,o.createVNode)(h,{class:`c-login__register-hint`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_no_account`,`还没有账号?`)),1)]),_:1}),(0,o.createVNode)(h,{class:`c-login__register-link`,onClick:r[17]||=e=>E.value=`register`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_register`,`注册账号`)),1)]),_:1})])):(0,o.createCommentVNode)(`v-if`,!0)])}}});var g=t.t(h,[[`__scopeId`,`data-v-00fdce30`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});
|
|
1
|
+
require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`),n=require(`./C_Captcha2.cjs`),r=require(`./useActionTask.cjs`),i=require(`./storage.cjs`),a=require(`./C_QRCode2.cjs`);let o=require(`vue`),s=require(`naive-ui`);const c=[{key:`github`,label:`GitHub`,icon:`mdi:github`},{key:`wechat`,label:`微信`,icon:`mdi:wechat`},{key:`qq`,label:`QQ`,icon:`mdi:qqchat`}],l={passwordLogin:!0,captchaLogin:!0,qrcodeLogin:!0,socialLogin:!0,register:!0,captchaVerify:!0,rememberMe:!0,forgotPassword:!0},ee={class:`c-login-panel`},te={class:`c-login__header`},ne={key:0,class:`c-login__logo`},re={class:`c-login__title`},ie={key:0,class:`c-login__subtitle`},ae={key:1,class:`c-login__subtitle c-login__subtitle--register`},oe={key:0,class:`c-login__aux-row`},se={class:`c-login__code-row`},u={key:0,class:`c-login__captcha-wrap`},d={key:3,class:`c-login__qr-panel`},ce={class:`c-login__qr-frame`},le={key:1,class:`c-login__qr-placeholder`},f={key:2,class:`c-login__qr-scan-line`},p={class:`c-login__qr-hint`},ue={class:`c-login__code-row`},m={key:7,class:`c-login__mode-switch`},de={class:`c-login__social-row`},fe={key:9,class:`c-login__register-row`},h=(0,o.defineComponent)({__name:`index`,props:{title:{default:`欢迎回来`},subtitle:{},logoIcon:{},features:{},socialProviders:{},qrcodeUrl:{},storageKey:{default:`c_login_remember`},loading:{type:Boolean,default:!1},submitDisabled:{type:Boolean},defaultUsername:{default:``},defaultPassword:{default:``},captchaVerifier:{},captchaProvider:{default:`puzzle-captcha`},captchaChallengeUrl:{},requireCaptchaServerVerification:{type:Boolean,default:!1},captchaVerificationTimeout:{default:1e4}},emits:[`submit`,`captcha-submit`,`send-code`,`social-login`,`forgot-password`,`qrcode-refresh`,`register-submit`,`register-send-code`,`captcha-visible-change`,`username-change`],setup(t,{expose:h,emit:g}){let _=(e,t)=>{let n=globalThis.$t;return n?.(e,t,`robot_admin`)??t},v=(e,t,n)=>[{required:!0,message:`${e}不能为空`,trigger:`blur`},{validator:(e,n)=>!n||typeof n==`string`&&t.test(n),message:n,trigger:`blur`}],y=/^(?:(?:\+|00)86)?1[3-9]\d{9}$/,b=/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d@$!%*?&]{6,20}$/,x=t,S=g,C=(0,o.computed)(()=>({...x,features:{...l,...x.features},socialProviders:x.socialProviders??c})),w=(0,o.computed)(()=>C.value.features),T=(0,o.computed)(()=>C.value.socialProviders),E=(0,o.ref)(`password`),D=r.t(),O=(0,o.computed)(()=>D.isRunning(E.value)),k=!1,A=0;(0,o.watch)(E,()=>A++,{flush:`sync`});let j=e=>!k&&E.value===e&&!x.loading&&!x.submitDisabled&&(e!==`password`||!w.value.captchaVerify||H.value);async function M(e,t,n,r){await D.run(e,async()=>{let i=t.value;if(!i)return;let a=A,o={...n};try{await i.validate()}catch{return}!j(e)||a!==A||i!==t.value||!Object.keys(o).every(e=>o[e]===n[e])||r(o)},()=>j(e))}let N=(0,o.ref)(null),P=(0,o.reactive)({username:x.defaultUsername??``,password:x.defaultPassword??``}),pe={username:[{required:!0,message:_(`cl_username_rule`,`请输入用户名`),trigger:`blur`}],password:[{required:!0,message:_(`cl_password_rule`,`请输入密码`),trigger:`blur`}]};(0,o.watch)(()=>P.username,e=>S(`username-change`,e),{immediate:!0,flush:`sync`});let F=(0,o.ref)(!1);(0,o.watch)([F,()=>P.username],([e])=>{e?i.i(x.storageKey,{username:P.username}):i.r(x.storageKey)}),(0,o.onMounted)(()=>{let e=i.t(x.storageKey);typeof e?.username==`string`&&(P.username=e.username,F.value=!0)});let I=()=>M(`password`,N,P,e=>{S(`submit`,{...e,...H.value?{captchaToken:U.value,captchaTimestamp:W.value,captchaType:G.value,captchaVerifiedBy:K.value}:{}})}),L=(0,o.ref)(null),R=(0,o.reactive)({account:``,code:``}),z=(0,o.ref)(0),B=null,me={account:v(`手机号`,y,`手机号格式错误`),code:[{required:!0,message:_(`cl_code_rule`,`请输入验证码`),trigger:`blur`}]},V=(0,o.ref)(),H=(0,o.ref)(!1),U=(0,o.ref)(``),W=(0,o.ref)(0),G=(0,o.ref)(`puzzle-captcha`),K=(0,o.ref)(),he=e=>{H.value=!0,U.value=e.token,W.value=e.timestamp,G.value=e.type,K.value=e.verifiedBy},ge=()=>{H.value=!1},_e=e=>{H.value=e,e||(U.value=``,W.value=0,G.value=`puzzle-captcha`,K.value=void 0)},ve=()=>{H.value=!1,U.value=``,W.value=0,G.value=`puzzle-captcha`,K.value=void 0,V.value?.reset()},q=()=>M(`captcha`,L,R,e=>S(`captcha-submit`,e)),ye=()=>{let e=R.account.trim();z.value>0||!y.test(e)||(S(`send-code`,e),B&&=(clearInterval(B),null),z.value=60,B=setInterval(()=>{z.value--,z.value<=0&&(clearInterval(B),B=null)},1e3))},J=(0,o.computed)(()=>x.qrcodeUrl?.trim()??``),be=()=>{S(`qrcode-refresh`)},Y=(0,o.ref)(null),X=(0,o.reactive)({phone:``,code:``,password:``,confirmPassword:``}),Z=(0,o.ref)(0),Q=null,xe={phone:v(`手机号`,y,`手机号格式错误`),code:[{required:!0,message:_(`cl_code_rule`,`请输入验证码`),trigger:`blur`}],password:v(`密码`,b,`密码必须包含大小写字母和数字,长度6-20位`),confirmPassword:[{required:!0,message:_(`cl_confirm_pw_rule`,`请再次输入密码`),trigger:`blur`},{validator:(e,t)=>t===X.password?!0:Error(_(`cl_pw_mismatch`,`两次密码输入不一致`)),trigger:`blur`}]},Se=()=>{let e=X.phone.trim();Z.value>0||!y.test(e)||(S(`register-send-code`,e),Q&&=(clearInterval(Q),null),Z.value=60,Q=setInterval(()=>{Z.value--,Z.value<=0&&(clearInterval(Q),Q=null)},1e3))},$=()=>M(`register`,Y,X,e=>S(`register-submit`,e));return(0,o.onUnmounted)(()=>{k=!0,B&&=(clearInterval(B),null),Q&&=(clearInterval(Q),null)}),h({resetCaptcha:ve}),(t,r)=>{let i=s.NInput,c=s.NFormItem,l=s.NCheckbox,h=s.NText,g=s.NForm,v=s.NButton,y=s.NDivider,b=s.NTooltip;return(0,o.openBlock)(),(0,o.createElementBlock)(`div`,ee,[(0,o.createCommentVNode)(` ===== Logo / 标题区 ===== `),(0,o.createElementVNode)(`div`,te,[(0,o.renderSlot)(t.$slots,`logo`,{},()=>[C.value.logoIcon?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,ne,[(0,o.createVNode)(e.t,{name:C.value.logoIcon,size:36,class:`c-login__logo-icon`},null,8,[`name`])])):(0,o.createCommentVNode)(`v-if`,!0)],!0),(0,o.createElementVNode)(`h2`,re,(0,o.toDisplayString)(C.value.title),1),C.value.subtitle&&E.value!==`register`?((0,o.openBlock)(),(0,o.createElementBlock)(`p`,ie,(0,o.toDisplayString)(C.value.subtitle),1)):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` 注册视图的副标题 `),E.value===`register`?((0,o.openBlock)(),(0,o.createElementBlock)(`p`,ae,(0,o.toDisplayString)(_(`cl_register`,`注册账号`)),1)):(0,o.createCommentVNode)(`v-if`,!0)]),(0,o.createCommentVNode)(` ===== 密码登录表单(默认视图) ===== `),(0,o.withDirectives)((0,o.createVNode)(g,{ref_key:`passwordFormRef`,ref:N,model:P,rules:pe,class:`c-login__form`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(c,{path:`username`,class:`c-login__form-item`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(i,{value:P.username,"onUpdate:value":r[0]||=e=>P.username=e,disabled:x.loading,placeholder:_(`cl_username_ph`,`请输入用户名`),clearable:``},{prefix:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:account-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`disabled`,`placeholder`])]),_:1}),(0,o.createVNode)(c,{path:`password`,class:`c-login__form-item`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(i,{value:P.password,"onUpdate:value":r[1]||=e=>P.password=e,disabled:x.loading,type:`password`,"show-password-on":`click`,placeholder:_(`cl_password_ph`,`请输入密码`),clearable:``,onKeyup:(0,o.withKeys)(I,[`enter`])},{prefix:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:lock-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`disabled`,`placeholder`])]),_:1}),(0,o.createCommentVNode)(` 宿主扩展字段只获得账号与忙碌状态,不暴露密码。 `),(0,o.renderSlot)(t.$slots,`password-fields`,{username:P.username,loading:x.loading||O.value},void 0,!0),(0,o.createCommentVNode)(` 记住我 + 忘记密码 `),w.value.rememberMe||w.value.forgotPassword?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,oe,[w.value.rememberMe?((0,o.openBlock)(),(0,o.createBlock)(l,{key:0,checked:F.value,"onUpdate:checked":r[2]||=e=>F.value=e,class:`c-login__remember`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_remember`,`记住我`)),1)]),_:1},8,[`checked`])):(0,o.createCommentVNode)(`v-if`,!0),w.value.forgotPassword?((0,o.openBlock)(),(0,o.createBlock)(h,{key:1,class:`c-login__forgot`,onClick:r[3]||=e=>S(`forgot-password`)},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_forgot`,`忘记密码?`)),1)]),_:1})):(0,o.createCommentVNode)(`v-if`,!0)])):(0,o.createCommentVNode)(`v-if`,!0)]),_:3},8,[`model`]),[[o.vShow,E.value===`password`]]),(0,o.createCommentVNode)(` ===== 验证码登录表单 ===== `),(0,o.withDirectives)((0,o.createVNode)(g,{ref_key:`captchaFormRef`,ref:L,model:R,rules:me,class:`c-login__form`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(c,{path:`account`,class:`c-login__form-item`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(i,{value:R.account,"onUpdate:value":r[4]||=e=>R.account=e,placeholder:_(`cl_phone_ph`,`请输入手机号`),clearable:``,maxlength:`11`},{prefix:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:cellphone`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`])]),_:1}),(0,o.createVNode)(c,{path:`code`,class:`c-login__form-item`},{default:(0,o.withCtx)(()=>[(0,o.createElementVNode)(`div`,se,[(0,o.createVNode)(i,{value:R.code,"onUpdate:value":r[5]||=e=>R.code=e,placeholder:_(`cl_code_ph`,`请输入验证码`),clearable:``,class:`c-login__code-input`,onKeyup:(0,o.withKeys)(q,[`enter`])},{prefix:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:shield-key-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`]),(0,o.createVNode)(v,{disabled:z.value>0||!R.account,class:`c-login__send-code-btn`,onClick:ye},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(z.value>0?`${z.value}s ${_(`cl_resend`,`后重发`)}`:_(`cl_get_code`,`获取验证码`)),1)]),_:1},8,[`disabled`])])]),_:1})]),_:1},8,[`model`]),[[o.vShow,E.value===`captcha`]]),(0,o.createCommentVNode)(` ===== 人机验证拼图(仅密码登录模式) ===== `),w.value.captchaVerify&&E.value===`password`?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,u,[(0,o.createVNode)(n.t,{ref_key:`captchaRef`,ref:V,theme:`dark`,provider:x.captchaProvider,"challenge-url":x.captchaChallengeUrl,verifier:x.captchaVerifier,"require-server-verification":x.requireCaptchaServerVerification,"verification-timeout":x.captchaVerificationTimeout,onSuccess:he,onFail:ge,onChange:_e,onVisibleChange:r[6]||=e=>S(`captcha-visible-change`,e)},null,8,[`provider`,`challenge-url`,`verifier`,`require-server-verification`,`verification-timeout`])])):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 登录按钮(密码和验证码模式) ===== `),E.value===`password`||E.value===`captcha`?((0,o.openBlock)(),(0,o.createBlock)(v,{key:1,type:`primary`,block:``,loading:x.loading||O.value,disabled:x.loading||O.value||x.submitDisabled||E.value===`password`&&w.value.captchaVerify&&!H.value,class:`c-login__submit-btn`,onClick:r[7]||=e=>E.value===`password`?I():q()},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(E.value===`password`&&w.value.captchaVerify&&!H.value?_(`cl_verify_first`,`请先完成人机验证`):_(`cl_login_btn`,`登 录`)),1)]),_:1},8,[`loading`,`disabled`])):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 返回按钮(验证码子视图) ===== `),E.value===`captcha`?((0,o.openBlock)(),(0,o.createBlock)(v,{key:2,block:``,class:`c-login__back-btn`,onClick:r[8]||=e=>E.value=`password`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_back`,`返回`)),1)]),_:1})):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 扫码登录面板 ===== `),E.value===`qrcode`?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,d,[(0,o.createElementVNode)(`div`,ce,[J.value?((0,o.openBlock)(),(0,o.createBlock)(a.t,{key:0,value:J.value,size:148,margin:1,"show-border":!1,color:`#ffffff`,"bg-color":`#000000`,"error-correction-level":`M`},null,8,[`value`])):((0,o.openBlock)(),(0,o.createElementBlock)(`div`,le,(0,o.toDisplayString)(_(`cl_qr_missing`,`请配置二维码地址`)),1)),J.value?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,f)):(0,o.createCommentVNode)(`v-if`,!0),r[18]||=(0,o.createElementVNode)(`div`,{class:`c-login__qr-corner c-login__qr-corner--tl`},null,-1),r[19]||=(0,o.createElementVNode)(`div`,{class:`c-login__qr-corner c-login__qr-corner--tr`},null,-1),r[20]||=(0,o.createElementVNode)(`div`,{class:`c-login__qr-corner c-login__qr-corner--bl`},null,-1),r[21]||=(0,o.createElementVNode)(`div`,{class:`c-login__qr-corner c-login__qr-corner--br`},null,-1)]),(0,o.createElementVNode)(`p`,p,[(0,o.createVNode)(e.t,{name:`mdi:cellphone-check`,size:13}),(0,o.createTextVNode)(` `+(0,o.toDisplayString)(_(`cl_qr_hint`,`打开手机扫码后点击「确认」即可登录`)),1)]),(0,o.createVNode)(v,{text:``,size:`tiny`,class:`c-login__qr-refresh`,onClick:be},{icon:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:refresh`,size:12})]),default:(0,o.withCtx)(()=>[(0,o.createTextVNode)(` `+(0,o.toDisplayString)(_(`cl_qr_refresh`,`二维码已失效?点击刷新`)),1)]),_:1})])):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 返回按钮(扫码子视图,在二维码下方) ===== `),E.value===`qrcode`?((0,o.openBlock)(),(0,o.createBlock)(v,{key:4,block:``,class:`c-login__back-btn`,onClick:r[9]||=e=>E.value=`password`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_back`,`返回`)),1)]),_:1})):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 注册表单 ===== `),(0,o.withDirectives)((0,o.createVNode)(g,{ref_key:`registerFormRef`,ref:Y,model:X,rules:xe,class:`c-login__form`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(c,{path:`phone`,class:`c-login__form-item`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(i,{value:X.phone,"onUpdate:value":r[10]||=e=>X.phone=e,placeholder:_(`cl_phone_ph`,`请输入手机号`),clearable:``,maxlength:`11`},{prefix:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:cellphone`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`])]),_:1}),(0,o.createVNode)(c,{path:`code`,class:`c-login__form-item`},{default:(0,o.withCtx)(()=>[(0,o.createElementVNode)(`div`,ue,[(0,o.createVNode)(i,{value:X.code,"onUpdate:value":r[11]||=e=>X.code=e,placeholder:_(`cl_code_ph`,`请输入验证码`),clearable:``,class:`c-login__code-input`},{prefix:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:shield-key-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`]),(0,o.createVNode)(v,{disabled:Z.value>0||!X.phone,class:`c-login__send-code-btn`,onClick:Se},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(Z.value>0?`${Z.value}s ${_(`cl_resend`,`后重发`)}`:_(`cl_get_code`,`获取验证码`)),1)]),_:1},8,[`disabled`])])]),_:1}),(0,o.createVNode)(c,{path:`password`,class:`c-login__form-item`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(i,{value:X.password,"onUpdate:value":r[12]||=e=>X.password=e,type:`password`,"show-password-on":`click`,placeholder:_(`cl_password_ph`,`请输入密码`)},{prefix:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:lock-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`])]),_:1}),(0,o.createVNode)(c,{path:`confirmPassword`,class:`c-login__form-item`},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(i,{value:X.confirmPassword,"onUpdate:value":r[13]||=e=>X.confirmPassword=e,type:`password`,"show-password-on":`click`,placeholder:_(`cl_confirm_pw_ph`,`请再次输入密码`),onKeyup:(0,o.withKeys)($,[`enter`])},{prefix:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:`mdi:lock-check-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`])]),_:1})]),_:1},8,[`model`]),[[o.vShow,E.value===`register`]]),(0,o.createCommentVNode)(` ===== 注册确认按钮 ===== `),E.value===`register`?((0,o.openBlock)(),(0,o.createBlock)(v,{key:5,type:`primary`,block:``,loading:x.loading||O.value,disabled:x.loading||x.submitDisabled||O.value,class:`c-login__submit-btn`,onClick:$},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_confirm`,`确认`)),1)]),_:1},8,[`loading`,`disabled`])):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 注册视图返回按钮 ===== `),E.value===`register`?((0,o.openBlock)(),(0,o.createBlock)(v,{key:6,block:``,class:`c-login__back-btn`,onClick:r[14]||=e=>E.value=`password`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_back`,`返回`)),1)]),_:1})):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 登录方式切换(仅密码登录默认视图显示) ===== `),E.value===`password`&&(w.value.captchaLogin||w.value.qrcodeLogin)?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,m,[w.value.captchaLogin?((0,o.openBlock)(),(0,o.createBlock)(v,{key:0,class:`c-login__mode-btn`,size:`small`,onClick:r[15]||=e=>E.value=`captcha`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_captcha_login`,`验证码登录`)),1)]),_:1})):(0,o.createCommentVNode)(`v-if`,!0),w.value.qrcodeLogin?((0,o.openBlock)(),(0,o.createBlock)(v,{key:1,class:`c-login__mode-btn`,size:`small`,onClick:r[16]||=e=>E.value=`qrcode`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_qr_login`,`扫码登录`)),1)]),_:1})):(0,o.createCommentVNode)(`v-if`,!0)])):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 其他登录方式(仅密码登录默认视图显示) ===== `),E.value===`password`&&w.value.socialLogin&&T.value.length?((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,{key:8},[(0,o.createVNode)(y,{class:`c-login__divider`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_social_login`,`其他账号登录`)),1)]),_:1}),(0,o.createElementVNode)(`div`,de,[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(T.value,t=>((0,o.openBlock)(),(0,o.createBlock)(b,{key:t.key,trigger:`hover`,placement:`top`},{trigger:(0,o.withCtx)(()=>[(0,o.createVNode)(v,{circle:``,class:`c-login__social-btn`,onClick:e=>S(`social-login`,t.key)},{icon:(0,o.withCtx)(()=>[(0,o.createVNode)(e.t,{name:t.icon,size:16},null,8,[`name`])]),_:2},1032,[`onClick`])]),default:(0,o.withCtx)(()=>[(0,o.createTextVNode)(` `+(0,o.toDisplayString)(t.label),1)]),_:2},1024))),128))])],64)):(0,o.createCommentVNode)(`v-if`,!0),(0,o.createCommentVNode)(` ===== 注册入口(仅密码登录默认视图显示) ===== `),E.value===`password`&&w.value.register?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,fe,[(0,o.createVNode)(h,{class:`c-login__register-hint`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_no_account`,`还没有账号?`)),1)]),_:1}),(0,o.createVNode)(h,{class:`c-login__register-link`,onClick:r[17]||=e=>E.value=`register`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(_(`cl_register`,`注册账号`)),1)]),_:1})])):(0,o.createCommentVNode)(`v-if`,!0)])}}});var g=t.t(h,[[`__scopeId`,`data-v-f404fc8e`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});
|
package/dist/C_Login2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{t as n}from"./C_Captcha2.js";import{t as r}from"./useActionTask.js";import{i,r as a,t as o}from"./storage.js";import{t as ee}from"./C_QRCode2.js";import{Fragment as te,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createTextVNode as f,createVNode as p,defineComponent as m,onMounted as h,onUnmounted as g,openBlock as _,reactive as v,ref as y,renderList as ne,renderSlot as re,resolveComponent as ie,toDisplayString as b,vShow as x,watch as S,withCtx as C,withDirectives as w,withKeys as T}from"vue";import{NButton as ae,NCheckbox as oe,NDivider as se,NForm as ce,NFormItem as le,NInput as ue,NText as de,NTooltip as fe}from"naive-ui";const pe=[{key:`github`,label:`GitHub`,icon:`mdi:github`},{key:`wechat`,label:`微信`,icon:`mdi:wechat`},{key:`qq`,label:`QQ`,icon:`mdi:qqchat`}],me={passwordLogin:!0,captchaLogin:!0,qrcodeLogin:!0,socialLogin:!0,register:!0,captchaVerify:!0,rememberMe:!0,forgotPassword:!0},he={class:`c-login-panel`},ge={class:`c-login__header`},_e={key:0,class:`c-login__logo`},ve={class:`c-login__title`},ye={key:0,class:`c-login__subtitle`},be={key:1,class:`c-login__subtitle c-login__subtitle--register`},xe={key:0,class:`c-login__aux-row`},Se={class:`c-login__code-row`},Ce={key:0,class:`c-login__captcha-wrap`},we={key:3,class:`c-login__qr-panel`},Te={class:`c-login__qr-frame`},Ee={key:1,class:`c-login__qr-placeholder`},De={key:2,class:`c-login__qr-scan-line`},Oe={class:`c-login__qr-hint`},ke={class:`c-login__code-row`},Ae={key:7,class:`c-login__mode-switch`},je={class:`c-login__social-row`},Me={key:9,class:`c-login__register-row`};var E=t(m({__name:`index`,props:{title:{default:`欢迎回来`},subtitle:{},logoIcon:{},features:{},socialProviders:{},qrcodeUrl:{},storageKey:{default:`c_login_remember`},loading:{type:Boolean,default:!1},submitDisabled:{type:Boolean},defaultUsername:{default:``},defaultPassword:{default:``},captchaVerifier:{},captchaProvider:{default:`puzzle-captcha`},captchaChallengeUrl:{},requireCaptchaServerVerification:{type:Boolean,default:!1},captchaVerificationTimeout:{default:1e4}},emits:[`submit`,`captcha-submit`,`send-code`,`social-login`,`forgot-password`,`qrcode-refresh`,`register-submit`,`register-send-code`,`captcha-visible-change`,`username-change`],setup(t,{expose:m,emit:ie}){let E=(e,t)=>{let n=globalThis.$t;return n?.(e,t,`robot_admin`)??t},D=(e,t,n)=>[{required:!0,message:`${e}不能为空`,trigger:`blur`},{validator:(e,n)=>!n||typeof n==`string`&&t.test(n),message:n,trigger:`blur`}],O=/^(?:(?:\+|00)86)?1[3-9]\d{9}$/,Ne=/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d@$!%*?&]{6,20}$/,k=t,A=ie,j=s(()=>({...k,features:{...me,...k.features},socialProviders:k.socialProviders??pe})),M=s(()=>j.value.features),Pe=s(()=>j.value.socialProviders),N=y(`password`),Fe=r(),P=s(()=>Fe.isRunning(N.value)),Ie=!1,F=0;S(N,()=>F++,{flush:`sync`});let I=e=>!Ie&&N.value===e&&!k.loading&&!k.submitDisabled&&(e===`register`||!M.value.captchaVerify||G.value);async function L(e,t,n,r){await Fe.run(e,async()=>{let i=t.value;if(!i)return;let a=F,o={...n};try{await i.validate()}catch{return}!I(e)||a!==F||i!==t.value||!Object.keys(o).every(e=>o[e]===n[e])||r(o)},()=>I(e))}let R=y(null),z=v({username:k.defaultUsername??``,password:k.defaultPassword??``}),Le={username:[{required:!0,message:E(`cl_username_rule`,`请输入用户名`),trigger:`blur`}],password:[{required:!0,message:E(`cl_password_rule`,`请输入密码`),trigger:`blur`}]};S(()=>z.username,e=>A(`username-change`,e),{immediate:!0,flush:`sync`});let B=y(!1);S([B,()=>z.username],([e])=>{e?i(k.storageKey,{username:z.username}):a(k.storageKey)}),h(()=>{let e=o(k.storageKey);typeof e?.username==`string`&&(z.username=e.username,B.value=!0)});let Re=()=>L(`password`,R,z,e=>{A(`submit`,{...e,...G.value?{captchaToken:K.value,captchaTimestamp:q.value,captchaType:J.value,captchaVerifiedBy:Y.value}:{}})}),ze=y(null),V=v({account:``,code:``}),H=y(0),U=null,Be={account:D(`手机号`,O,`手机号格式错误`),code:[{required:!0,message:E(`cl_code_rule`,`请输入验证码`),trigger:`blur`}]},W=y(),G=y(!1),K=y(``),q=y(0),J=y(`puzzle-captcha`),Y=y(),Ve=e=>{G.value=!0,K.value=e.token,q.value=e.timestamp,J.value=e.type,Y.value=e.verifiedBy},He=()=>{G.value=!1},Ue=e=>{G.value=e,e||(K.value=``,q.value=0,J.value=`puzzle-captcha`,Y.value=void 0)},We=()=>{G.value=!1,K.value=``,q.value=0,J.value=`puzzle-captcha`,Y.value=void 0,W.value?.reset()},Ge=()=>L(`captcha`,ze,V,e=>A(`captcha-submit`,e)),Ke=()=>{let e=V.account.trim();H.value>0||!O.test(e)||(A(`send-code`,e),U&&=(clearInterval(U),null),H.value=60,U=setInterval(()=>{H.value--,H.value<=0&&(clearInterval(U),U=null)},1e3))},X=s(()=>k.qrcodeUrl?.trim()??``),qe=()=>{A(`qrcode-refresh`)},Je=y(null),Z=v({phone:``,code:``,password:``,confirmPassword:``}),Q=y(0),$=null,Ye={phone:D(`手机号`,O,`手机号格式错误`),code:[{required:!0,message:E(`cl_code_rule`,`请输入验证码`),trigger:`blur`}],password:D(`密码`,Ne,`密码必须包含大小写字母和数字,长度6-20位`),confirmPassword:[{required:!0,message:E(`cl_confirm_pw_rule`,`请再次输入密码`),trigger:`blur`},{validator:(e,t)=>t===Z.password?!0:Error(E(`cl_pw_mismatch`,`两次密码输入不一致`)),trigger:`blur`}]},Xe=()=>{let e=Z.phone.trim();Q.value>0||!O.test(e)||(A(`register-send-code`,e),$&&=(clearInterval($),null),Q.value=60,$=setInterval(()=>{Q.value--,Q.value<=0&&(clearInterval($),$=null)},1e3))},Ze=()=>L(`register`,Je,Z,e=>A(`register-submit`,e));return g(()=>{Ie=!0,U&&=(clearInterval(U),null),$&&=(clearInterval($),null)}),m({resetCaptcha:We}),(t,r)=>{let i=ue,a=le,o=oe,s=de,m=ce,h=ae,g=se,v=fe;return _(),u(`div`,he,[l(` ===== Logo / 标题区 ===== `),d(`div`,ge,[re(t.$slots,`logo`,{},()=>[j.value.logoIcon?(_(),u(`div`,_e,[p(e,{name:j.value.logoIcon,size:36,class:`c-login__logo-icon`},null,8,[`name`])])):l(`v-if`,!0)],!0),d(`h2`,ve,b(j.value.title),1),j.value.subtitle&&N.value!==`register`?(_(),u(`p`,ye,b(j.value.subtitle),1)):l(`v-if`,!0),l(` 注册视图的副标题 `),N.value===`register`?(_(),u(`p`,be,b(E(`cl_register`,`注册账号`)),1)):l(`v-if`,!0)]),l(` ===== 密码登录表单(默认视图) ===== `),w(p(m,{ref_key:`passwordFormRef`,ref:R,model:z,rules:Le,class:`c-login__form`},{default:C(()=>[p(a,{path:`username`,class:`c-login__form-item`},{default:C(()=>[p(i,{value:z.username,"onUpdate:value":r[0]||=e=>z.username=e,disabled:k.loading,placeholder:E(`cl_username_ph`,`请输入用户名`),clearable:``},{prefix:C(()=>[p(e,{name:`mdi:account-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`disabled`,`placeholder`])]),_:1}),p(a,{path:`password`,class:`c-login__form-item`},{default:C(()=>[p(i,{value:z.password,"onUpdate:value":r[1]||=e=>z.password=e,disabled:k.loading,type:`password`,"show-password-on":`click`,placeholder:E(`cl_password_ph`,`请输入密码`),clearable:``,onKeyup:T(Re,[`enter`])},{prefix:C(()=>[p(e,{name:`mdi:lock-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`disabled`,`placeholder`])]),_:1}),l(` 宿主扩展字段只获得账号与忙碌状态,不暴露密码。 `),re(t.$slots,`password-fields`,{username:z.username,loading:k.loading||P.value},void 0,!0),l(` 记住我 + 忘记密码 `),M.value.rememberMe||M.value.forgotPassword?(_(),u(`div`,xe,[M.value.rememberMe?(_(),c(o,{key:0,checked:B.value,"onUpdate:checked":r[2]||=e=>B.value=e,class:`c-login__remember`},{default:C(()=>[f(b(E(`cl_remember`,`记住我`)),1)]),_:1},8,[`checked`])):l(`v-if`,!0),M.value.forgotPassword?(_(),c(s,{key:1,class:`c-login__forgot`,onClick:r[3]||=e=>A(`forgot-password`)},{default:C(()=>[f(b(E(`cl_forgot`,`忘记密码?`)),1)]),_:1})):l(`v-if`,!0)])):l(`v-if`,!0)]),_:3},8,[`model`]),[[x,N.value===`password`]]),l(` ===== 验证码登录表单 ===== `),w(p(m,{ref_key:`captchaFormRef`,ref:ze,model:V,rules:Be,class:`c-login__form`},{default:C(()=>[p(a,{path:`account`,class:`c-login__form-item`},{default:C(()=>[p(i,{value:V.account,"onUpdate:value":r[4]||=e=>V.account=e,placeholder:E(`cl_phone_ph`,`请输入手机号`),clearable:``,maxlength:`11`},{prefix:C(()=>[p(e,{name:`mdi:cellphone`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`])]),_:1}),p(a,{path:`code`,class:`c-login__form-item`},{default:C(()=>[d(`div`,Se,[p(i,{value:V.code,"onUpdate:value":r[5]||=e=>V.code=e,placeholder:E(`cl_code_ph`,`请输入验证码`),clearable:``,class:`c-login__code-input`,onKeyup:T(Ge,[`enter`])},{prefix:C(()=>[p(e,{name:`mdi:shield-key-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`]),p(h,{disabled:H.value>0||!V.account,class:`c-login__send-code-btn`,onClick:Ke},{default:C(()=>[f(b(H.value>0?`${H.value}s ${E(`cl_resend`,`后重发`)}`:E(`cl_get_code`,`获取验证码`)),1)]),_:1},8,[`disabled`])])]),_:1})]),_:1},8,[`model`]),[[x,N.value===`captcha`]]),l(` ===== 人机验证拼图(仅密码登录模式) ===== `),M.value.captchaVerify&&N.value===`password`?(_(),u(`div`,Ce,[p(n,{ref_key:`captchaRef`,ref:W,theme:`dark`,provider:k.captchaProvider,"challenge-url":k.captchaChallengeUrl,verifier:k.captchaVerifier,"require-server-verification":k.requireCaptchaServerVerification,"verification-timeout":k.captchaVerificationTimeout,onSuccess:Ve,onFail:He,onChange:Ue,onVisibleChange:r[6]||=e=>A(`captcha-visible-change`,e)},null,8,[`provider`,`challenge-url`,`verifier`,`require-server-verification`,`verification-timeout`])])):l(`v-if`,!0),l(` ===== 登录按钮(密码和验证码模式) ===== `),N.value===`password`||N.value===`captcha`?(_(),c(h,{key:1,type:`primary`,block:``,loading:k.loading||P.value,disabled:k.loading||P.value||k.submitDisabled||N.value===`password`&&M.value.captchaVerify&&!G.value,class:`c-login__submit-btn`,onClick:r[7]||=e=>N.value===`password`?Re():Ge()},{default:C(()=>[f(b(N.value===`password`&&M.value.captchaVerify&&!G.value?E(`cl_verify_first`,`请先完成人机验证`):E(`cl_login_btn`,`登 录`)),1)]),_:1},8,[`loading`,`disabled`])):l(`v-if`,!0),l(` ===== 返回按钮(验证码子视图) ===== `),N.value===`captcha`?(_(),c(h,{key:2,block:``,class:`c-login__back-btn`,onClick:r[8]||=e=>N.value=`password`},{default:C(()=>[f(b(E(`cl_back`,`返回`)),1)]),_:1})):l(`v-if`,!0),l(` ===== 扫码登录面板 ===== `),N.value===`qrcode`?(_(),u(`div`,we,[d(`div`,Te,[X.value?(_(),c(ee,{key:0,value:X.value,size:148,margin:1,"show-border":!1,color:`#ffffff`,"bg-color":`#000000`,"error-correction-level":`M`},null,8,[`value`])):(_(),u(`div`,Ee,b(E(`cl_qr_missing`,`请配置二维码地址`)),1)),X.value?(_(),u(`div`,De)):l(`v-if`,!0),r[18]||=d(`div`,{class:`c-login__qr-corner c-login__qr-corner--tl`},null,-1),r[19]||=d(`div`,{class:`c-login__qr-corner c-login__qr-corner--tr`},null,-1),r[20]||=d(`div`,{class:`c-login__qr-corner c-login__qr-corner--bl`},null,-1),r[21]||=d(`div`,{class:`c-login__qr-corner c-login__qr-corner--br`},null,-1)]),d(`p`,Oe,[p(e,{name:`mdi:cellphone-check`,size:13}),f(` `+b(E(`cl_qr_hint`,`打开手机扫码后点击「确认」即可登录`)),1)]),p(h,{text:``,size:`tiny`,class:`c-login__qr-refresh`,onClick:qe},{icon:C(()=>[p(e,{name:`mdi:refresh`,size:12})]),default:C(()=>[f(` `+b(E(`cl_qr_refresh`,`二维码已失效?点击刷新`)),1)]),_:1})])):l(`v-if`,!0),l(` ===== 返回按钮(扫码子视图,在二维码下方) ===== `),N.value===`qrcode`?(_(),c(h,{key:4,block:``,class:`c-login__back-btn`,onClick:r[9]||=e=>N.value=`password`},{default:C(()=>[f(b(E(`cl_back`,`返回`)),1)]),_:1})):l(`v-if`,!0),l(` ===== 注册表单 ===== `),w(p(m,{ref_key:`registerFormRef`,ref:Je,model:Z,rules:Ye,class:`c-login__form`},{default:C(()=>[p(a,{path:`phone`,class:`c-login__form-item`},{default:C(()=>[p(i,{value:Z.phone,"onUpdate:value":r[10]||=e=>Z.phone=e,placeholder:E(`cl_phone_ph`,`请输入手机号`),clearable:``,maxlength:`11`},{prefix:C(()=>[p(e,{name:`mdi:cellphone`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`])]),_:1}),p(a,{path:`code`,class:`c-login__form-item`},{default:C(()=>[d(`div`,ke,[p(i,{value:Z.code,"onUpdate:value":r[11]||=e=>Z.code=e,placeholder:E(`cl_code_ph`,`请输入验证码`),clearable:``,class:`c-login__code-input`},{prefix:C(()=>[p(e,{name:`mdi:shield-key-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`]),p(h,{disabled:Q.value>0||!Z.phone,class:`c-login__send-code-btn`,onClick:Xe},{default:C(()=>[f(b(Q.value>0?`${Q.value}s ${E(`cl_resend`,`后重发`)}`:E(`cl_get_code`,`获取验证码`)),1)]),_:1},8,[`disabled`])])]),_:1}),p(a,{path:`password`,class:`c-login__form-item`},{default:C(()=>[p(i,{value:Z.password,"onUpdate:value":r[12]||=e=>Z.password=e,type:`password`,"show-password-on":`click`,placeholder:E(`cl_password_ph`,`请输入密码`)},{prefix:C(()=>[p(e,{name:`mdi:lock-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`])]),_:1}),p(a,{path:`confirmPassword`,class:`c-login__form-item`},{default:C(()=>[p(i,{value:Z.confirmPassword,"onUpdate:value":r[13]||=e=>Z.confirmPassword=e,type:`password`,"show-password-on":`click`,placeholder:E(`cl_confirm_pw_ph`,`请再次输入密码`),onKeyup:T(Ze,[`enter`])},{prefix:C(()=>[p(e,{name:`mdi:lock-check-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`])]),_:1})]),_:1},8,[`model`]),[[x,N.value===`register`]]),l(` ===== 注册确认按钮 ===== `),N.value===`register`?(_(),c(h,{key:5,type:`primary`,block:``,loading:k.loading||P.value,disabled:k.loading||k.submitDisabled||P.value,class:`c-login__submit-btn`,onClick:Ze},{default:C(()=>[f(b(E(`cl_confirm`,`确认`)),1)]),_:1},8,[`loading`,`disabled`])):l(`v-if`,!0),l(` ===== 注册视图返回按钮 ===== `),N.value===`register`?(_(),c(h,{key:6,block:``,class:`c-login__back-btn`,onClick:r[14]||=e=>N.value=`password`},{default:C(()=>[f(b(E(`cl_back`,`返回`)),1)]),_:1})):l(`v-if`,!0),l(` ===== 登录方式切换(仅密码登录默认视图显示) ===== `),N.value===`password`&&(M.value.captchaLogin||M.value.qrcodeLogin)?(_(),u(`div`,Ae,[M.value.captchaLogin?(_(),c(h,{key:0,class:`c-login__mode-btn`,size:`small`,onClick:r[15]||=e=>N.value=`captcha`},{default:C(()=>[f(b(E(`cl_captcha_login`,`验证码登录`)),1)]),_:1})):l(`v-if`,!0),M.value.qrcodeLogin?(_(),c(h,{key:1,class:`c-login__mode-btn`,size:`small`,onClick:r[16]||=e=>N.value=`qrcode`},{default:C(()=>[f(b(E(`cl_qr_login`,`扫码登录`)),1)]),_:1})):l(`v-if`,!0)])):l(`v-if`,!0),l(` ===== 其他登录方式(仅密码登录默认视图显示) ===== `),N.value===`password`&&M.value.socialLogin&&Pe.value.length?(_(),u(te,{key:8},[p(g,{class:`c-login__divider`},{default:C(()=>[f(b(E(`cl_social_login`,`其他账号登录`)),1)]),_:1}),d(`div`,je,[(_(!0),u(te,null,ne(Pe.value,t=>(_(),c(v,{key:t.key,trigger:`hover`,placement:`top`},{trigger:C(()=>[p(h,{circle:``,class:`c-login__social-btn`,onClick:e=>A(`social-login`,t.key)},{icon:C(()=>[p(e,{name:t.icon,size:16},null,8,[`name`])]),_:2},1032,[`onClick`])]),default:C(()=>[f(` `+b(t.label),1)]),_:2},1024))),128))])],64)):l(`v-if`,!0),l(` ===== 注册入口(仅密码登录默认视图显示) ===== `),N.value===`password`&&M.value.register?(_(),u(`div`,Me,[p(s,{class:`c-login__register-hint`},{default:C(()=>[f(b(E(`cl_no_account`,`还没有账号?`)),1)]),_:1}),p(s,{class:`c-login__register-link`,onClick:r[17]||=e=>N.value=`register`},{default:C(()=>[f(b(E(`cl_register`,`注册账号`)),1)]),_:1})])):l(`v-if`,!0)])}}}),[[`__scopeId`,`data-v-00fdce30`]]);export{me as n,pe as r,E as t};
|
|
1
|
+
import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{t as n}from"./C_Captcha2.js";import{t as r}from"./useActionTask.js";import{i,r as a,t as o}from"./storage.js";import{t as ee}from"./C_QRCode2.js";import{Fragment as te,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createTextVNode as f,createVNode as p,defineComponent as m,onMounted as h,onUnmounted as g,openBlock as _,reactive as v,ref as y,renderList as ne,renderSlot as re,resolveComponent as ie,toDisplayString as b,vShow as x,watch as S,withCtx as C,withDirectives as w,withKeys as T}from"vue";import{NButton as ae,NCheckbox as oe,NDivider as se,NForm as ce,NFormItem as le,NInput as ue,NText as de,NTooltip as fe}from"naive-ui";const pe=[{key:`github`,label:`GitHub`,icon:`mdi:github`},{key:`wechat`,label:`微信`,icon:`mdi:wechat`},{key:`qq`,label:`QQ`,icon:`mdi:qqchat`}],me={passwordLogin:!0,captchaLogin:!0,qrcodeLogin:!0,socialLogin:!0,register:!0,captchaVerify:!0,rememberMe:!0,forgotPassword:!0},he={class:`c-login-panel`},ge={class:`c-login__header`},_e={key:0,class:`c-login__logo`},ve={class:`c-login__title`},ye={key:0,class:`c-login__subtitle`},be={key:1,class:`c-login__subtitle c-login__subtitle--register`},xe={key:0,class:`c-login__aux-row`},Se={class:`c-login__code-row`},Ce={key:0,class:`c-login__captcha-wrap`},we={key:3,class:`c-login__qr-panel`},Te={class:`c-login__qr-frame`},Ee={key:1,class:`c-login__qr-placeholder`},De={key:2,class:`c-login__qr-scan-line`},Oe={class:`c-login__qr-hint`},ke={class:`c-login__code-row`},Ae={key:7,class:`c-login__mode-switch`},je={class:`c-login__social-row`},Me={key:9,class:`c-login__register-row`};var E=t(m({__name:`index`,props:{title:{default:`欢迎回来`},subtitle:{},logoIcon:{},features:{},socialProviders:{},qrcodeUrl:{},storageKey:{default:`c_login_remember`},loading:{type:Boolean,default:!1},submitDisabled:{type:Boolean},defaultUsername:{default:``},defaultPassword:{default:``},captchaVerifier:{},captchaProvider:{default:`puzzle-captcha`},captchaChallengeUrl:{},requireCaptchaServerVerification:{type:Boolean,default:!1},captchaVerificationTimeout:{default:1e4}},emits:[`submit`,`captcha-submit`,`send-code`,`social-login`,`forgot-password`,`qrcode-refresh`,`register-submit`,`register-send-code`,`captcha-visible-change`,`username-change`],setup(t,{expose:m,emit:ie}){let E=(e,t)=>{let n=globalThis.$t;return n?.(e,t,`robot_admin`)??t},D=(e,t,n)=>[{required:!0,message:`${e}不能为空`,trigger:`blur`},{validator:(e,n)=>!n||typeof n==`string`&&t.test(n),message:n,trigger:`blur`}],O=/^(?:(?:\+|00)86)?1[3-9]\d{9}$/,Ne=/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d@$!%*?&]{6,20}$/,k=t,A=ie,j=s(()=>({...k,features:{...me,...k.features},socialProviders:k.socialProviders??pe})),M=s(()=>j.value.features),Pe=s(()=>j.value.socialProviders),N=y(`password`),Fe=r(),P=s(()=>Fe.isRunning(N.value)),Ie=!1,F=0;S(N,()=>F++,{flush:`sync`});let I=e=>!Ie&&N.value===e&&!k.loading&&!k.submitDisabled&&(e!==`password`||!M.value.captchaVerify||G.value);async function L(e,t,n,r){await Fe.run(e,async()=>{let i=t.value;if(!i)return;let a=F,o={...n};try{await i.validate()}catch{return}!I(e)||a!==F||i!==t.value||!Object.keys(o).every(e=>o[e]===n[e])||r(o)},()=>I(e))}let R=y(null),z=v({username:k.defaultUsername??``,password:k.defaultPassword??``}),Le={username:[{required:!0,message:E(`cl_username_rule`,`请输入用户名`),trigger:`blur`}],password:[{required:!0,message:E(`cl_password_rule`,`请输入密码`),trigger:`blur`}]};S(()=>z.username,e=>A(`username-change`,e),{immediate:!0,flush:`sync`});let B=y(!1);S([B,()=>z.username],([e])=>{e?i(k.storageKey,{username:z.username}):a(k.storageKey)}),h(()=>{let e=o(k.storageKey);typeof e?.username==`string`&&(z.username=e.username,B.value=!0)});let Re=()=>L(`password`,R,z,e=>{A(`submit`,{...e,...G.value?{captchaToken:K.value,captchaTimestamp:q.value,captchaType:J.value,captchaVerifiedBy:Y.value}:{}})}),ze=y(null),V=v({account:``,code:``}),H=y(0),U=null,Be={account:D(`手机号`,O,`手机号格式错误`),code:[{required:!0,message:E(`cl_code_rule`,`请输入验证码`),trigger:`blur`}]},W=y(),G=y(!1),K=y(``),q=y(0),J=y(`puzzle-captcha`),Y=y(),Ve=e=>{G.value=!0,K.value=e.token,q.value=e.timestamp,J.value=e.type,Y.value=e.verifiedBy},He=()=>{G.value=!1},Ue=e=>{G.value=e,e||(K.value=``,q.value=0,J.value=`puzzle-captcha`,Y.value=void 0)},We=()=>{G.value=!1,K.value=``,q.value=0,J.value=`puzzle-captcha`,Y.value=void 0,W.value?.reset()},Ge=()=>L(`captcha`,ze,V,e=>A(`captcha-submit`,e)),Ke=()=>{let e=V.account.trim();H.value>0||!O.test(e)||(A(`send-code`,e),U&&=(clearInterval(U),null),H.value=60,U=setInterval(()=>{H.value--,H.value<=0&&(clearInterval(U),U=null)},1e3))},X=s(()=>k.qrcodeUrl?.trim()??``),qe=()=>{A(`qrcode-refresh`)},Je=y(null),Z=v({phone:``,code:``,password:``,confirmPassword:``}),Q=y(0),$=null,Ye={phone:D(`手机号`,O,`手机号格式错误`),code:[{required:!0,message:E(`cl_code_rule`,`请输入验证码`),trigger:`blur`}],password:D(`密码`,Ne,`密码必须包含大小写字母和数字,长度6-20位`),confirmPassword:[{required:!0,message:E(`cl_confirm_pw_rule`,`请再次输入密码`),trigger:`blur`},{validator:(e,t)=>t===Z.password?!0:Error(E(`cl_pw_mismatch`,`两次密码输入不一致`)),trigger:`blur`}]},Xe=()=>{let e=Z.phone.trim();Q.value>0||!O.test(e)||(A(`register-send-code`,e),$&&=(clearInterval($),null),Q.value=60,$=setInterval(()=>{Q.value--,Q.value<=0&&(clearInterval($),$=null)},1e3))},Ze=()=>L(`register`,Je,Z,e=>A(`register-submit`,e));return g(()=>{Ie=!0,U&&=(clearInterval(U),null),$&&=(clearInterval($),null)}),m({resetCaptcha:We}),(t,r)=>{let i=ue,a=le,o=oe,s=de,m=ce,h=ae,g=se,v=fe;return _(),u(`div`,he,[l(` ===== Logo / 标题区 ===== `),d(`div`,ge,[re(t.$slots,`logo`,{},()=>[j.value.logoIcon?(_(),u(`div`,_e,[p(e,{name:j.value.logoIcon,size:36,class:`c-login__logo-icon`},null,8,[`name`])])):l(`v-if`,!0)],!0),d(`h2`,ve,b(j.value.title),1),j.value.subtitle&&N.value!==`register`?(_(),u(`p`,ye,b(j.value.subtitle),1)):l(`v-if`,!0),l(` 注册视图的副标题 `),N.value===`register`?(_(),u(`p`,be,b(E(`cl_register`,`注册账号`)),1)):l(`v-if`,!0)]),l(` ===== 密码登录表单(默认视图) ===== `),w(p(m,{ref_key:`passwordFormRef`,ref:R,model:z,rules:Le,class:`c-login__form`},{default:C(()=>[p(a,{path:`username`,class:`c-login__form-item`},{default:C(()=>[p(i,{value:z.username,"onUpdate:value":r[0]||=e=>z.username=e,disabled:k.loading,placeholder:E(`cl_username_ph`,`请输入用户名`),clearable:``},{prefix:C(()=>[p(e,{name:`mdi:account-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`disabled`,`placeholder`])]),_:1}),p(a,{path:`password`,class:`c-login__form-item`},{default:C(()=>[p(i,{value:z.password,"onUpdate:value":r[1]||=e=>z.password=e,disabled:k.loading,type:`password`,"show-password-on":`click`,placeholder:E(`cl_password_ph`,`请输入密码`),clearable:``,onKeyup:T(Re,[`enter`])},{prefix:C(()=>[p(e,{name:`mdi:lock-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`disabled`,`placeholder`])]),_:1}),l(` 宿主扩展字段只获得账号与忙碌状态,不暴露密码。 `),re(t.$slots,`password-fields`,{username:z.username,loading:k.loading||P.value},void 0,!0),l(` 记住我 + 忘记密码 `),M.value.rememberMe||M.value.forgotPassword?(_(),u(`div`,xe,[M.value.rememberMe?(_(),c(o,{key:0,checked:B.value,"onUpdate:checked":r[2]||=e=>B.value=e,class:`c-login__remember`},{default:C(()=>[f(b(E(`cl_remember`,`记住我`)),1)]),_:1},8,[`checked`])):l(`v-if`,!0),M.value.forgotPassword?(_(),c(s,{key:1,class:`c-login__forgot`,onClick:r[3]||=e=>A(`forgot-password`)},{default:C(()=>[f(b(E(`cl_forgot`,`忘记密码?`)),1)]),_:1})):l(`v-if`,!0)])):l(`v-if`,!0)]),_:3},8,[`model`]),[[x,N.value===`password`]]),l(` ===== 验证码登录表单 ===== `),w(p(m,{ref_key:`captchaFormRef`,ref:ze,model:V,rules:Be,class:`c-login__form`},{default:C(()=>[p(a,{path:`account`,class:`c-login__form-item`},{default:C(()=>[p(i,{value:V.account,"onUpdate:value":r[4]||=e=>V.account=e,placeholder:E(`cl_phone_ph`,`请输入手机号`),clearable:``,maxlength:`11`},{prefix:C(()=>[p(e,{name:`mdi:cellphone`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`])]),_:1}),p(a,{path:`code`,class:`c-login__form-item`},{default:C(()=>[d(`div`,Se,[p(i,{value:V.code,"onUpdate:value":r[5]||=e=>V.code=e,placeholder:E(`cl_code_ph`,`请输入验证码`),clearable:``,class:`c-login__code-input`,onKeyup:T(Ge,[`enter`])},{prefix:C(()=>[p(e,{name:`mdi:shield-key-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`]),p(h,{disabled:H.value>0||!V.account,class:`c-login__send-code-btn`,onClick:Ke},{default:C(()=>[f(b(H.value>0?`${H.value}s ${E(`cl_resend`,`后重发`)}`:E(`cl_get_code`,`获取验证码`)),1)]),_:1},8,[`disabled`])])]),_:1})]),_:1},8,[`model`]),[[x,N.value===`captcha`]]),l(` ===== 人机验证拼图(仅密码登录模式) ===== `),M.value.captchaVerify&&N.value===`password`?(_(),u(`div`,Ce,[p(n,{ref_key:`captchaRef`,ref:W,theme:`dark`,provider:k.captchaProvider,"challenge-url":k.captchaChallengeUrl,verifier:k.captchaVerifier,"require-server-verification":k.requireCaptchaServerVerification,"verification-timeout":k.captchaVerificationTimeout,onSuccess:Ve,onFail:He,onChange:Ue,onVisibleChange:r[6]||=e=>A(`captcha-visible-change`,e)},null,8,[`provider`,`challenge-url`,`verifier`,`require-server-verification`,`verification-timeout`])])):l(`v-if`,!0),l(` ===== 登录按钮(密码和验证码模式) ===== `),N.value===`password`||N.value===`captcha`?(_(),c(h,{key:1,type:`primary`,block:``,loading:k.loading||P.value,disabled:k.loading||P.value||k.submitDisabled||N.value===`password`&&M.value.captchaVerify&&!G.value,class:`c-login__submit-btn`,onClick:r[7]||=e=>N.value===`password`?Re():Ge()},{default:C(()=>[f(b(N.value===`password`&&M.value.captchaVerify&&!G.value?E(`cl_verify_first`,`请先完成人机验证`):E(`cl_login_btn`,`登 录`)),1)]),_:1},8,[`loading`,`disabled`])):l(`v-if`,!0),l(` ===== 返回按钮(验证码子视图) ===== `),N.value===`captcha`?(_(),c(h,{key:2,block:``,class:`c-login__back-btn`,onClick:r[8]||=e=>N.value=`password`},{default:C(()=>[f(b(E(`cl_back`,`返回`)),1)]),_:1})):l(`v-if`,!0),l(` ===== 扫码登录面板 ===== `),N.value===`qrcode`?(_(),u(`div`,we,[d(`div`,Te,[X.value?(_(),c(ee,{key:0,value:X.value,size:148,margin:1,"show-border":!1,color:`#ffffff`,"bg-color":`#000000`,"error-correction-level":`M`},null,8,[`value`])):(_(),u(`div`,Ee,b(E(`cl_qr_missing`,`请配置二维码地址`)),1)),X.value?(_(),u(`div`,De)):l(`v-if`,!0),r[18]||=d(`div`,{class:`c-login__qr-corner c-login__qr-corner--tl`},null,-1),r[19]||=d(`div`,{class:`c-login__qr-corner c-login__qr-corner--tr`},null,-1),r[20]||=d(`div`,{class:`c-login__qr-corner c-login__qr-corner--bl`},null,-1),r[21]||=d(`div`,{class:`c-login__qr-corner c-login__qr-corner--br`},null,-1)]),d(`p`,Oe,[p(e,{name:`mdi:cellphone-check`,size:13}),f(` `+b(E(`cl_qr_hint`,`打开手机扫码后点击「确认」即可登录`)),1)]),p(h,{text:``,size:`tiny`,class:`c-login__qr-refresh`,onClick:qe},{icon:C(()=>[p(e,{name:`mdi:refresh`,size:12})]),default:C(()=>[f(` `+b(E(`cl_qr_refresh`,`二维码已失效?点击刷新`)),1)]),_:1})])):l(`v-if`,!0),l(` ===== 返回按钮(扫码子视图,在二维码下方) ===== `),N.value===`qrcode`?(_(),c(h,{key:4,block:``,class:`c-login__back-btn`,onClick:r[9]||=e=>N.value=`password`},{default:C(()=>[f(b(E(`cl_back`,`返回`)),1)]),_:1})):l(`v-if`,!0),l(` ===== 注册表单 ===== `),w(p(m,{ref_key:`registerFormRef`,ref:Je,model:Z,rules:Ye,class:`c-login__form`},{default:C(()=>[p(a,{path:`phone`,class:`c-login__form-item`},{default:C(()=>[p(i,{value:Z.phone,"onUpdate:value":r[10]||=e=>Z.phone=e,placeholder:E(`cl_phone_ph`,`请输入手机号`),clearable:``,maxlength:`11`},{prefix:C(()=>[p(e,{name:`mdi:cellphone`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`])]),_:1}),p(a,{path:`code`,class:`c-login__form-item`},{default:C(()=>[d(`div`,ke,[p(i,{value:Z.code,"onUpdate:value":r[11]||=e=>Z.code=e,placeholder:E(`cl_code_ph`,`请输入验证码`),clearable:``,class:`c-login__code-input`},{prefix:C(()=>[p(e,{name:`mdi:shield-key-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`]),p(h,{disabled:Q.value>0||!Z.phone,class:`c-login__send-code-btn`,onClick:Xe},{default:C(()=>[f(b(Q.value>0?`${Q.value}s ${E(`cl_resend`,`后重发`)}`:E(`cl_get_code`,`获取验证码`)),1)]),_:1},8,[`disabled`])])]),_:1}),p(a,{path:`password`,class:`c-login__form-item`},{default:C(()=>[p(i,{value:Z.password,"onUpdate:value":r[12]||=e=>Z.password=e,type:`password`,"show-password-on":`click`,placeholder:E(`cl_password_ph`,`请输入密码`)},{prefix:C(()=>[p(e,{name:`mdi:lock-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`])]),_:1}),p(a,{path:`confirmPassword`,class:`c-login__form-item`},{default:C(()=>[p(i,{value:Z.confirmPassword,"onUpdate:value":r[13]||=e=>Z.confirmPassword=e,type:`password`,"show-password-on":`click`,placeholder:E(`cl_confirm_pw_ph`,`请再次输入密码`),onKeyup:T(Ze,[`enter`])},{prefix:C(()=>[p(e,{name:`mdi:lock-check-outline`,size:16,class:`c-login__input-icon`})]),_:1},8,[`value`,`placeholder`])]),_:1})]),_:1},8,[`model`]),[[x,N.value===`register`]]),l(` ===== 注册确认按钮 ===== `),N.value===`register`?(_(),c(h,{key:5,type:`primary`,block:``,loading:k.loading||P.value,disabled:k.loading||k.submitDisabled||P.value,class:`c-login__submit-btn`,onClick:Ze},{default:C(()=>[f(b(E(`cl_confirm`,`确认`)),1)]),_:1},8,[`loading`,`disabled`])):l(`v-if`,!0),l(` ===== 注册视图返回按钮 ===== `),N.value===`register`?(_(),c(h,{key:6,block:``,class:`c-login__back-btn`,onClick:r[14]||=e=>N.value=`password`},{default:C(()=>[f(b(E(`cl_back`,`返回`)),1)]),_:1})):l(`v-if`,!0),l(` ===== 登录方式切换(仅密码登录默认视图显示) ===== `),N.value===`password`&&(M.value.captchaLogin||M.value.qrcodeLogin)?(_(),u(`div`,Ae,[M.value.captchaLogin?(_(),c(h,{key:0,class:`c-login__mode-btn`,size:`small`,onClick:r[15]||=e=>N.value=`captcha`},{default:C(()=>[f(b(E(`cl_captcha_login`,`验证码登录`)),1)]),_:1})):l(`v-if`,!0),M.value.qrcodeLogin?(_(),c(h,{key:1,class:`c-login__mode-btn`,size:`small`,onClick:r[16]||=e=>N.value=`qrcode`},{default:C(()=>[f(b(E(`cl_qr_login`,`扫码登录`)),1)]),_:1})):l(`v-if`,!0)])):l(`v-if`,!0),l(` ===== 其他登录方式(仅密码登录默认视图显示) ===== `),N.value===`password`&&M.value.socialLogin&&Pe.value.length?(_(),u(te,{key:8},[p(g,{class:`c-login__divider`},{default:C(()=>[f(b(E(`cl_social_login`,`其他账号登录`)),1)]),_:1}),d(`div`,je,[(_(!0),u(te,null,ne(Pe.value,t=>(_(),c(v,{key:t.key,trigger:`hover`,placement:`top`},{trigger:C(()=>[p(h,{circle:``,class:`c-login__social-btn`,onClick:e=>A(`social-login`,t.key)},{icon:C(()=>[p(e,{name:t.icon,size:16},null,8,[`name`])]),_:2},1032,[`onClick`])]),default:C(()=>[f(` `+b(t.label),1)]),_:2},1024))),128))])],64)):l(`v-if`,!0),l(` ===== 注册入口(仅密码登录默认视图显示) ===== `),N.value===`password`&&M.value.register?(_(),u(`div`,Me,[p(s,{class:`c-login__register-hint`},{default:C(()=>[f(b(E(`cl_no_account`,`还没有账号?`)),1)]),_:1}),p(s,{class:`c-login__register-link`,onClick:r[17]||=e=>N.value=`register`},{default:C(()=>[f(b(E(`cl_register`,`注册账号`)),1)]),_:1})])):l(`v-if`,!0)])}}}),[[`__scopeId`,`data-v-f404fc8e`]]);export{me as n,pe as r,E as t};
|
package/dist/C_Menu.css
CHANGED
package/dist/C_Menu.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { n as RouteItem, r as RouteMeta } from "./types.cjs";
|
|
2
|
-
import { a as
|
|
3
|
-
export { _default as C_Menu, type MenuAdapterConfig, type MenuEmits, type MenuExpose, type MenuProps, type MenuValue, type RouteItem, type RouteMeta, createMenuOptions, flattenRoutes };
|
|
2
|
+
import { a as MenuProps, c as createMenuOptions, i as MenuKey, l as flattenRoutes, n as MenuEmits, o as MenuValue, r as MenuExpose, s as MenuAdapterConfig, t as _default } from "./index4.vue.cjs";
|
|
3
|
+
export { _default as C_Menu, type MenuAdapterConfig, type MenuEmits, type MenuExpose, type MenuKey, type MenuProps, type MenuValue, type RouteItem, type RouteMeta, createMenuOptions, flattenRoutes };
|
package/dist/C_Menu.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { a as RouteItem, n as createMenuOptions, o as RouteMeta, r as flattenRoutes, t as MenuAdapterConfig } from "./public.js";
|
|
2
|
-
import { a as
|
|
3
|
-
export { _default as C_Menu, type MenuAdapterConfig, type MenuEmits, type MenuExpose, type MenuProps, type MenuValue, type RouteItem, type RouteMeta, createMenuOptions, flattenRoutes };
|
|
2
|
+
import { a as MenuProps, i as MenuKey, n as MenuEmits, o as MenuValue, r as MenuExpose, t as _default } from "./index18.vue.js";
|
|
3
|
+
export { _default as C_Menu, type MenuAdapterConfig, type MenuEmits, type MenuExpose, type MenuKey, type MenuProps, type MenuValue, type RouteItem, type RouteMeta, createMenuOptions, flattenRoutes };
|
package/dist/C_Menu2.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk.cjs`);const e=require(`./export-helper.cjs`);let t=require(`vue`),n=require(`naive-ui`),r=require(`@iconify/vue`);const i=e=>e.startsWith(`/`)?e:`/${e}`,a=e=>e.path?i(e.path):``,o=e=>e.meta?.title||e.name||``,s=e=>!e.meta?.hidden,c=e=>{if(e){if(typeof e==`string`)return()=>(0,t.h)(`span`,{class:`n-icon`,style:`display: inline-flex; align-items: center;`},[(0,t.h)(r.Icon,{icon:e})]);if(typeof e==`function`)return e}};function l(e,t={}){let{labelFormatter:n=e=>e,getKey:r=a,getLabel:i=o,filter:l=s,renderIcon:u=c,recursive:d=!0}=t,f=e=>e.filter(l).map(e=>{let t=e.meta?.icon||e.icon,a=d&&e.children?.length?f(e.children):void 0;return{key:r(e),label:n(i(e)),disabled:e.disabled||!1,icon:u(t),...e.type&&{type:e.type},...a?.length&&{children:a}}});return f(e)}function u(e,t=s){let n=[],r=e=>{for(let i of e)t(i)&&n.push(i),i.children?.length&&r(i.children)};return r(e),n}const d=(0,t.defineComponent)({name:`C_Menu`,__name:`index`,props:{options:{},routes:{},adapterConfig:{},labelFormatter:{},value:{},modelValue:{},expandedKeys:{},defaultExpandedKeys:{default:()=>[]},mode:{default:`vertical`},collapsed:{type:Boolean,default:!1},collapsedWidth:{default:64},collapsedIconSize:{default:22},inverted:{type:Boolean,default:!1},themeOverrides:{},indent:{default:24},rootIndent:{default:16},dropdownProps:{default:()=>({placement:`right-start`,trigger:`hover`,arrowStyle:{color:`var(--n-color)`}})}},emits:[`select`,`intent`,`update:modelValue`,`update:value`,`update:expandedKeys`],setup(e,{expose:r,emit:i}){let a=e,o=i,s=(0,t.ref)(null),c=(0,t.ref)([...a.defaultExpandedKeys]),u=(e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n]),d=(0,t.computed)({get:()=>a.expandedKeys??c.value,set:e=>{u(d.value,e)||(c.value=e,o(`update:expandedKeys`,e))}}),f=(0,t.computed)(()=>a.modelValue===void 0?a.value??null:a.modelValue),p=(0,t.computed)(()=>{if(a.options)return a.options;if(a.routes){let e={...a.adapterConfig,...a.labelFormatter&&{labelFormatter:a.labelFormatter}};return l(a.routes,e)}return[]}),m=(e,t,n=[])=>{for(let r of e){let e=r.children;if(e?.length){let i=typeof r.key==`string`?[...n,r.key]:n;if(e.some(e=>e.key===t))return i;let a=m(e,t,i);if(a.length>0)return a}}return[]},h=e=>{let t=e.split(`/`).filter(Boolean),n=new Set,r=``;return t.forEach(e=>{r+=`/${e}`,n.add(r)}),m(p.value,e).forEach(e=>n.add(e)),n},g=e=>{e&&(e!==f.value&&(o(`update:modelValue`,e),o(`update:value`,e)),o(`select`,e))},_=e=>{let t=()=>{typeof e.key==`string
|
|
1
|
+
require(`./chunk.cjs`);const e=require(`./export-helper.cjs`);let t=require(`vue`),n=require(`naive-ui`),r=require(`@iconify/vue`);const i=e=>e.startsWith(`/`)?e:`/${e}`,a=e=>e.path?i(e.path):``,o=e=>e.meta?.title||e.name||``,s=e=>!e.meta?.hidden,c=e=>{if(e){if(typeof e==`string`)return()=>(0,t.h)(`span`,{class:`n-icon`,style:`display: inline-flex; align-items: center;`},[(0,t.h)(r.Icon,{icon:e})]);if(typeof e==`function`)return e}};function l(e,t={}){let{labelFormatter:n=e=>e,getKey:r=a,getLabel:i=o,filter:l=s,renderIcon:u=c,recursive:d=!0}=t,f=e=>e.filter(l).map(e=>{let t=e.meta?.icon||e.icon,a=d&&e.children?.length?f(e.children):void 0;return{key:r(e),label:n(i(e)),disabled:e.disabled||!1,icon:u(t),...e.type&&{type:e.type},...a?.length&&{children:a}}});return f(e)}function u(e,t=s){let n=[],r=e=>{for(let i of e)t(i)&&n.push(i),i.children?.length&&r(i.children)};return r(e),n}const d=(0,t.defineComponent)({name:`C_Menu`,__name:`index`,props:{options:{},routes:{},adapterConfig:{},labelFormatter:{},value:{},modelValue:{},expandedKeys:{},defaultExpandedKeys:{default:()=>[]},mode:{default:`vertical`},collapsed:{type:Boolean,default:!1},collapsedWidth:{default:64},collapsedIconSize:{default:22},inverted:{type:Boolean,default:!1},themeOverrides:{},indent:{default:24},rootIndent:{default:16},dropdownProps:{default:()=>({placement:`right-start`,trigger:`hover`,arrowStyle:{color:`var(--n-color)`}})}},emits:[`select`,`intent`,`update:modelValue`,`update:value`,`update:expandedKeys`],setup(e,{expose:r,emit:i}){let a=e,o=i,s=(0,t.ref)(null),c=(0,t.ref)([...a.defaultExpandedKeys]),u=(e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n]),d=(0,t.computed)({get:()=>a.expandedKeys??c.value,set:e=>{u(d.value,e)||(c.value=e,o(`update:expandedKeys`,e))}}),f=(0,t.computed)(()=>a.modelValue===void 0?a.value??null:a.modelValue),p=(0,t.computed)(()=>{if(a.options)return a.options;if(a.routes){let e={...a.adapterConfig,...a.labelFormatter&&{labelFormatter:a.labelFormatter}};return l(a.routes,e)}return[]}),m=(e,t,n=[])=>{for(let r of e){let e=r.children;if(e?.length){let i=typeof r.key==`string`||typeof r.key==`number`?[...n,r.key]:n;if(e.some(e=>e.key===t))return i;let a=m(e,t,i);if(a.length>0)return a}}return[]},h=e=>{let t=typeof e==`string`?e.split(`/`).filter(Boolean):[],n=new Set,r=``;return t.forEach(e=>{r+=`/${e}`,n.add(r)}),m(p.value,e).forEach(e=>n.add(e)),n},g=e=>{e!=null&&(e!==f.value&&(o(`update:modelValue`,e),o(`update:value`,e)),o(`select`,e))},_=e=>{let t=()=>{(typeof e.key==`string`||typeof e.key==`number`)&&!e.children?.length&&o(`intent`,e.key)};return{onPointerenter:t,onFocusin:t}},v=e=>{d.value=e};return r({showOption:e=>s.value?.showOption(e),menuRef:s}),(0,t.watch)([f,p],([e])=>{if(e==null)return;let n=h(e);d.value=Array.from(new Set([...d.value,...n])),(0,t.nextTick)(()=>s.value?.showOption(e))},{immediate:!0}),(r,i)=>{let a=n.NMenu;return(0,t.openBlock)(),(0,t.createBlock)(a,{ref_key:`menuRef`,ref:s,options:p.value,"expanded-keys":d.value,value:f.value,mode:e.mode,collapsed:e.collapsed,"collapsed-width":e.collapsedWidth,"collapsed-icon-size":e.collapsedIconSize,inverted:e.inverted,"theme-overrides":e.themeOverrides,"dropdown-props":e.dropdownProps,indent:e.indent,"root-indent":e.rootIndent,"node-props":_,"onUpdate:value":g,"onUpdate:expandedKeys":v},null,8,[`options`,`expanded-keys`,`value`,`mode`,`collapsed`,`collapsed-width`,`collapsed-icon-size`,`inverted`,`theme-overrides`,`dropdown-props`,`indent`,`root-indent`])}}});var f=e.t(d,[[`__scopeId`,`data-v-285ba5c6`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
|
package/dist/C_Menu2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./export-helper.js";import{computed as t,createBlock as n,defineComponent as r,h as i,nextTick as a,openBlock as o,ref as s,resolveComponent as c,watch as l}from"vue";import{NMenu as u}from"naive-ui";import{Icon as d}from"@iconify/vue";const f=e=>e.startsWith(`/`)?e:`/${e}`,p=e=>e.path?f(e.path):``,m=e=>e.meta?.title||e.name||``,h=e=>!e.meta?.hidden,g=e=>{if(e){if(typeof e==`string`)return()=>i(`span`,{class:`n-icon`,style:`display: inline-flex; align-items: center;`},[i(d,{icon:e})]);if(typeof e==`function`)return e}};function _(e,t={}){let{labelFormatter:n=e=>e,getKey:r=p,getLabel:i=m,filter:a=h,renderIcon:o=g,recursive:s=!0}=t,c=e=>e.filter(a).map(e=>{let t=e.meta?.icon||e.icon,a=s&&e.children?.length?c(e.children):void 0;return{key:r(e),label:n(i(e)),disabled:e.disabled||!1,icon:o(t),...e.type&&{type:e.type},...a?.length&&{children:a}}});return c(e)}function v(e,t=h){let n=[],r=e=>{for(let i of e)t(i)&&n.push(i),i.children?.length&&r(i.children)};return r(e),n}var y=e(r({name:`C_Menu`,__name:`index`,props:{options:{},routes:{},adapterConfig:{},labelFormatter:{},value:{},modelValue:{},expandedKeys:{},defaultExpandedKeys:{default:()=>[]},mode:{default:`vertical`},collapsed:{type:Boolean,default:!1},collapsedWidth:{default:64},collapsedIconSize:{default:22},inverted:{type:Boolean,default:!1},themeOverrides:{},indent:{default:24},rootIndent:{default:16},dropdownProps:{default:()=>({placement:`right-start`,trigger:`hover`,arrowStyle:{color:`var(--n-color)`}})}},emits:[`select`,`intent`,`update:modelValue`,`update:value`,`update:expandedKeys`],setup(e,{expose:r,emit:i}){let c=e,d=i,f=s(null),p=s([...c.defaultExpandedKeys]),m=(e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n]),h=t({get:()=>c.expandedKeys??p.value,set:e=>{m(h.value,e)||(p.value=e,d(`update:expandedKeys`,e))}}),g=t(()=>c.modelValue===void 0?c.value??null:c.modelValue),v=t(()=>{if(c.options)return c.options;if(c.routes){let e={...c.adapterConfig,...c.labelFormatter&&{labelFormatter:c.labelFormatter}};return _(c.routes,e)}return[]}),y=(e,t,n=[])=>{for(let r of e){let e=r.children;if(e?.length){let i=typeof r.key==`string`?[...n,r.key]:n;if(e.some(e=>e.key===t))return i;let a=y(e,t,i);if(a.length>0)return a}}return[]},b=e=>{let t=e.split(`/`).filter(Boolean),n=new Set,r=``;return t.forEach(e=>{r+=`/${e}`,n.add(r)}),y(v.value,e).forEach(e=>n.add(e)),n},x=e=>{e&&(e!==g.value&&(d(`update:modelValue`,e),d(`update:value`,e)),d(`select`,e))},S=e=>{let t=()=>{typeof e.key==`string
|
|
1
|
+
import{t as e}from"./export-helper.js";import{computed as t,createBlock as n,defineComponent as r,h as i,nextTick as a,openBlock as o,ref as s,resolveComponent as c,watch as l}from"vue";import{NMenu as u}from"naive-ui";import{Icon as d}from"@iconify/vue";const f=e=>e.startsWith(`/`)?e:`/${e}`,p=e=>e.path?f(e.path):``,m=e=>e.meta?.title||e.name||``,h=e=>!e.meta?.hidden,g=e=>{if(e){if(typeof e==`string`)return()=>i(`span`,{class:`n-icon`,style:`display: inline-flex; align-items: center;`},[i(d,{icon:e})]);if(typeof e==`function`)return e}};function _(e,t={}){let{labelFormatter:n=e=>e,getKey:r=p,getLabel:i=m,filter:a=h,renderIcon:o=g,recursive:s=!0}=t,c=e=>e.filter(a).map(e=>{let t=e.meta?.icon||e.icon,a=s&&e.children?.length?c(e.children):void 0;return{key:r(e),label:n(i(e)),disabled:e.disabled||!1,icon:o(t),...e.type&&{type:e.type},...a?.length&&{children:a}}});return c(e)}function v(e,t=h){let n=[],r=e=>{for(let i of e)t(i)&&n.push(i),i.children?.length&&r(i.children)};return r(e),n}var y=e(r({name:`C_Menu`,__name:`index`,props:{options:{},routes:{},adapterConfig:{},labelFormatter:{},value:{},modelValue:{},expandedKeys:{},defaultExpandedKeys:{default:()=>[]},mode:{default:`vertical`},collapsed:{type:Boolean,default:!1},collapsedWidth:{default:64},collapsedIconSize:{default:22},inverted:{type:Boolean,default:!1},themeOverrides:{},indent:{default:24},rootIndent:{default:16},dropdownProps:{default:()=>({placement:`right-start`,trigger:`hover`,arrowStyle:{color:`var(--n-color)`}})}},emits:[`select`,`intent`,`update:modelValue`,`update:value`,`update:expandedKeys`],setup(e,{expose:r,emit:i}){let c=e,d=i,f=s(null),p=s([...c.defaultExpandedKeys]),m=(e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n]),h=t({get:()=>c.expandedKeys??p.value,set:e=>{m(h.value,e)||(p.value=e,d(`update:expandedKeys`,e))}}),g=t(()=>c.modelValue===void 0?c.value??null:c.modelValue),v=t(()=>{if(c.options)return c.options;if(c.routes){let e={...c.adapterConfig,...c.labelFormatter&&{labelFormatter:c.labelFormatter}};return _(c.routes,e)}return[]}),y=(e,t,n=[])=>{for(let r of e){let e=r.children;if(e?.length){let i=typeof r.key==`string`||typeof r.key==`number`?[...n,r.key]:n;if(e.some(e=>e.key===t))return i;let a=y(e,t,i);if(a.length>0)return a}}return[]},b=e=>{let t=typeof e==`string`?e.split(`/`).filter(Boolean):[],n=new Set,r=``;return t.forEach(e=>{r+=`/${e}`,n.add(r)}),y(v.value,e).forEach(e=>n.add(e)),n},x=e=>{e!=null&&(e!==g.value&&(d(`update:modelValue`,e),d(`update:value`,e)),d(`select`,e))},S=e=>{let t=()=>{(typeof e.key==`string`||typeof e.key==`number`)&&!e.children?.length&&d(`intent`,e.key)};return{onPointerenter:t,onFocusin:t}},C=e=>{h.value=e};return r({showOption:e=>f.value?.showOption(e),menuRef:f}),l([g,v],([e])=>{if(e==null)return;let t=b(e);h.value=Array.from(new Set([...h.value,...t])),a(()=>f.value?.showOption(e))},{immediate:!0}),(t,r)=>{let i=u;return o(),n(i,{ref_key:`menuRef`,ref:f,options:v.value,"expanded-keys":h.value,value:g.value,mode:e.mode,collapsed:e.collapsed,"collapsed-width":e.collapsedWidth,"collapsed-icon-size":e.collapsedIconSize,inverted:e.inverted,"theme-overrides":e.themeOverrides,"dropdown-props":e.dropdownProps,indent:e.indent,"root-indent":e.rootIndent,"node-props":S,"onUpdate:value":x,"onUpdate:expandedKeys":C},null,8,[`options`,`expanded-keys`,`value`,`mode`,`collapsed`,`collapsed-width`,`collapsed-icon-size`,`inverted`,`theme-overrides`,`dropdown-props`,`indent`,`root-indent`])}}}),[[`__scopeId`,`data-v-285ba5c6`]]);export{_ as n,v as r,y as t};
|