wzp/v3-admin-vite
Template
1
0
Fork 0
mirror of https://github.com/un-pany/v3-admin-vite.git synced 2025-04-21 11:29:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

Deploying to gh-pages from @ d20023b355c384a280fd79697093f09bda29b4ce 🚀

Browse Source
This commit is contained in:
pany-ang 2023-09-21 09:56:36 +00:00
parent 200c8c203b
commit 967104c063
25 changed files with 31 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -6,10 +6,10 @@
<link rel="icon" href="/v3-admin-vite/favicon.ico" />
<link rel="stylesheet" href="/v3-admin-vite/app-loading.css" />
<title>V3 Admin Vite</title>
<script type="module" crossorigin src="/v3-admin-vite/static/index-bc2f3c68.js"></script>
<script type="module" crossorigin src="/v3-admin-vite/static/index-0c9c873a.js"></script>
<link rel="modulepreload" crossorigin href="/v3-admin-vite/static/vue-2e6427a0.js">
<link rel="modulepreload" crossorigin href="/v3-admin-vite/static/element-e3d67198.js">
<link rel="modulepreload" crossorigin href="/v3-admin-vite/static/vxe-b72fda76.js">
<link rel="modulepreload" crossorigin href="/v3-admin-vite/static/element-402c0a4e.js">
<link rel="modulepreload" crossorigin href="/v3-admin-vite/static/vxe-6aa3a780.js">
<link rel="stylesheet" href="/v3-admin-vite/static/index-eafe92b8.css">
</head>
<body>

2
static/403-4765c332.js → static/403-f3a0fff6.js
View File

File diff suppressed because one or more lines are too long

2
static/404-6cf6e970.js → static/404-f34a39e9.js
View File

File diff suppressed because one or more lines are too long

2
static/ErrorPageLayout-72bfeeef.js → static/ErrorPageLayout-e689eaed.js
View File

@ -1 +1 @@
import{_}from"./index-bc2f3c68.js";import{ah as e,l as n,m as c,p as d,I as l,V as t,P as o,T as p}from"./vue-2e6427a0.js";const u={},i={class:"error-page"},f={class:"error-page-svg"};function m(r,v){const a=e("el-button"),s=e("router-link");return n(),c("div",i,[d("div",f,[l(r.$slots,"default",{},void 0,!0)]),t(s,{to:"/"},{default:o(()=>[t(a,{type:"primary"},{default:o(()=>[p("回到首页")]),_:1})]),_:1})])}const h=_(u,[["render",m],["__scopeId","data-v-2fba9562"]]);export{h as E};
import{_}from"./index-0c9c873a.js";import{ah as e,l as n,m as c,p as d,I as l,V as t,P as o,T as p}from"./vue-2e6427a0.js";const u={},i={class:"error-page"},f={class:"error-page-svg"};function m(r,v){const a=e("el-button"),s=e("router-link");return n(),c("div",i,[d("div",f,[l(r.$slots,"default",{},void 0,!0)]),t(s,{to:"/"},{default:o(()=>[t(a,{type:"primary"},{default:o(()=>[p("回到首页")]),_:1})]),_:1})])}const h=_(u,[["render",m],["__scopeId","data-v-2fba9562"]]);export{h as E};

2
static/SwitchRoles-c72c32d2.js → static/SwitchRoles-b47c23a3.js
View File

@ -1 +1 @@
import{d as p,_ as u}from"./index-bc2f3c68.js";import{H as m,r as h,b as v,ah as _,l as S,m as w,p as t,U as f,u as g,V as a,P as V,aI as b,aJ as x}from"./vue-2e6427a0.js";const I=e=>(b("data-v-54e6a169"),e=e(),x(),e),R={class:"switch-roles"},y=I(()=>t("span",null,"切换权限：",-1)),B=m({__name:"SwitchRoles",emits:["change"],setup(e,{emit:r}){const o=p(),s=h(o.roles[0]);return v(s,async l=>{await o.changeRoles(l),r("change")}),(l,n)=>{const c=_("el-radio-button"),d=_("el-radio-group");return S(),w("div",null,[t("div",null,"你的权限："+f(g(o).roles),1),t("div",R,[y,a(d,{modelValue:s.value,"onUpdate:modelValue":n[0]||(n[0]=i=>s.value=i)},{default:V(()=>[a(c,{label:"editor"}),a(c,{label:"admin"})]),_:1},8,["modelValue"])])])}}});const k=u(B,[["__scopeId","data-v-54e6a169"]]);export{k as S};
import{d as p,_ as u}from"./index-0c9c873a.js";import{H as m,r as h,b as v,ah as _,l as S,m as w,p as t,U as f,u as g,V as a,P as V,aI as b,aJ as x}from"./vue-2e6427a0.js";const I=e=>(b("data-v-54e6a169"),e=e(),x(),e),R={class:"switch-roles"},y=I(()=>t("span",null,"切换权限：",-1)),B=m({__name:"SwitchRoles",emits:["change"],setup(e,{emit:r}){const o=p(),s=h(o.roles[0]);return v(s,async l=>{await o.changeRoles(l),r("change")}),(l,n)=>{const c=_("el-radio-button"),d=_("el-radio-group");return S(),w("div",null,[t("div",null,"你的权限："+f(g(o).roles),1),t("div",R,[y,a(d,{modelValue:s.value,"onUpdate:modelValue":n[0]||(n[0]=i=>s.value=i)},{default:V(()=>[a(c,{label:"editor"}),a(c,{label:"admin"})]),_:1},8,["modelValue"])])])}}});const k=u(B,[["__scopeId","data-v-54e6a169"]]);export{k as S};

2
static/directive-27db6342.js → static/directive-838c0759.js
View File

@ -1 +1 @@
import{i as g,_ as y}from"./index-bc2f3c68.js";import{S as b}from"./SwitchRoles-c72c32d2.js";import{H as P,r as x,ah as m,ar as C,l as i,m as _,V as s,p,Q as u,O as o,P as t,T as e,u as f,S as v}from"./vue-2e6427a0.js";import"./element-e3d67198.js";import"./vxe-b72fda76.js";const h=r=>{if(Array.isArray(r)&&r.length>0){const{roles:n}=g();return n.some(c=>r.includes(c))}else return console.error("need roles! Like checkPermission(['admin','editor'])"),!1},V={class:"app-container"},w={class:"margin-top-15"},z=P({__name:"directive",setup(r){const n=x(1),c=()=>{n.value++};return(B,N)=>{const a=m("el-tag"),l=m("el-tab-pane"),k=m("el-tabs"),d=C("permission");return i(),_("div",V,[s(b,{onChange:c}),(i(),_("div",{key:n.value,class:"margin-top-30"},[p("div",null,[u((i(),o(a,{type:"success",size:"large",effect:"plain"},{default:t(()=>[e(` 这里采用了 v-permission="['admin']" 所以只有 admin 可以看见这句话 `)]),_:1})),[[d,["admin"]]])]),p("div",null,[u((i(),o(a,{type:"success",size:"large",effect:"plain"},{default:t(()=>[e(` 这里采用了 v-permission="['editor']" 所以只有 editor 可以看见这句话 `)]),_:1})),[[d,["editor"]]])]),p("div",w,[u((i(),o(a,{type:"success",size:"large",effect:"plain"},{default:t(()=>[e(` 这里采用了 v-permission="['admin', 'editor']" 所以 admin 和 editor 都可以看见这句话 `)]),_:1})),[[d,["admin","editor"]]])])])),(i(),_("div",{key:`checkPermission${n.value}`,class:"margin-top-30"},[s(a,{type:"warning",size:"large"},{default:t(()=>[e(" 例如 Element Plus 的 el-tab-pane 或 el-table-column 以及其它动态渲染 Dom 的场景不适合使用 v-permission，这种情况下你可以通过 v-if 和 checkPermission 来实现： ")]),_:1}),s(k,{type:"border-card",class:"margin-top-15"},{default:t(()=>[f(h)(["admin"])?(i(),o(l,{key:0,label:"admin"},{default:t(()=>[e(" 这里采用了 "),s(a,null,{default:t(()=>[e(`v-if="checkPermission(['admin'])"`)]),_:1}),e(" 所以只有 admin 可以看见这句话 ")]),_:1})):v("",!0),f(h)(["editor"])?(i(),o(l,{key:1,label:"editor"},{default:t(()=>[e(" 这里采用了 "),s(a,null,{default:t(()=>[e(`v-if="checkPermission(['editor'])"`)]),_:1}),e(" 所以只有 editor 可以看见这句话 ")]),_:1})):v("",!0),f(h)(["admin","editor"])?(i(),o(l,{key:2,label:"admin 和 editor"},{default:t(()=>[e(" 这里采用了 "),s(a,null,{default:t(()=>[e(`v-if="checkPermission(['admin', 'editor'])"`)]),_:1}),e(" 所以 admin 和 editor 都可以看见这句话 ")]),_:1})):v("",!0)]),_:1})]))])}}});const T=y(z,[["__scopeId","data-v-6d704b73"]]);export{T as default};
import{i as g,_ as y}from"./index-0c9c873a.js";import{S as b}from"./SwitchRoles-b47c23a3.js";import{H as P,r as x,ah as m,ar as C,l as i,m as _,V as s,p,Q as u,O as o,P as t,T as e,u as f,S as v}from"./vue-2e6427a0.js";import"./element-402c0a4e.js";import"./vxe-6aa3a780.js";const h=r=>{if(Array.isArray(r)&&r.length>0){const{roles:n}=g();return n.some(c=>r.includes(c))}else return console.error("need roles! Like checkPermission(['admin','editor'])"),!1},V={class:"app-container"},w={class:"margin-top-15"},z=P({__name:"directive",setup(r){const n=x(1),c=()=>{n.value++};return(B,N)=>{const a=m("el-tag"),l=m("el-tab-pane"),k=m("el-tabs"),d=C("permission");return i(),_("div",V,[s(b,{onChange:c}),(i(),_("div",{key:n.value,class:"margin-top-30"},[p("div",null,[u((i(),o(a,{type:"success",size:"large",effect:"plain"},{default:t(()=>[e(` 这里采用了 v-permission="['admin']" 所以只有 admin 可以看见这句话 `)]),_:1})),[[d,["admin"]]])]),p("div",null,[u((i(),o(a,{type:"success",size:"large",effect:"plain"},{default:t(()=>[e(` 这里采用了 v-permission="['editor']" 所以只有 editor 可以看见这句话 `)]),_:1})),[[d,["editor"]]])]),p("div",w,[u((i(),o(a,{type:"success",size:"large",effect:"plain"},{default:t(()=>[e(` 这里采用了 v-permission="['admin', 'editor']" 所以 admin 和 editor 都可以看见这句话 `)]),_:1})),[[d,["admin","editor"]]])])])),(i(),_("div",{key:`checkPermission${n.value}`,class:"margin-top-30"},[s(a,{type:"warning",size:"large"},{default:t(()=>[e(" 例如 Element Plus 的 el-tab-pane 或 el-table-column 以及其它动态渲染 Dom 的场景不适合使用 v-permission，这种情况下你可以通过 v-if 和 checkPermission 来实现： ")]),_:1}),s(k,{type:"border-card",class:"margin-top-15"},{default:t(()=>[f(h)(["admin"])?(i(),o(l,{key:0,label:"admin"},{default:t(()=>[e(" 这里采用了 "),s(a,null,{default:t(()=>[e(`v-if="checkPermission(['admin'])"`)]),_:1}),e(" 所以只有 admin 可以看见这句话 ")]),_:1})):v("",!0),f(h)(["editor"])?(i(),o(l,{key:1,label:"editor"},{default:t(()=>[e(" 这里采用了 "),s(a,null,{default:t(()=>[e(`v-if="checkPermission(['editor'])"`)]),_:1}),e(" 所以只有 editor 可以看见这句话 ")]),_:1})):v("",!0),f(h)(["admin","editor"])?(i(),o(l,{key:2,label:"admin 和 editor"},{default:t(()=>[e(" 这里采用了 "),s(a,null,{default:t(()=>[e(`v-if="checkPermission(['admin', 'editor'])"`)]),_:1}),e(" 所以 admin 和 editor 都可以看见这句话 ")]),_:1})):v("",!0)]),_:1})]))])}}});const T=y(z,[["__scopeId","data-v-6d704b73"]]);export{T as default};

12
static/element-e3d67198.js → static/element-402c0a4e.js
View File

File diff suppressed because one or more lines are too long

2
static/index-bc2f3c68.js → static/index-0c9c873a.js
View File

File diff suppressed because one or more lines are too long

1
static/index-1adffdf4.css Normal file
View File

@ -0,0 +1 @@
.login-container[data-v-79326910]{display:flex;justify-content:center;align-items:center;width:100%;min-height:100%}.login-container .theme-switch[data-v-79326910]{position:fixed;top:5%;right:5%;cursor:pointer}.login-container .login-card[data-v-79326910]{width:480px;border-radius:20px;box-shadow:0 0 10px #dcdfe6;background-color:#fff;overflow:hidden}.login-container .login-card .title[data-v-79326910]{display:flex;justify-content:center;align-items:center;height:150px}.login-container .login-card .title img[data-v-79326910]{height:100%}.login-container .login-card .content[data-v-79326910]{padding:20px 50px 50px}.login-container .login-card .content[data-v-79326910] .el-input-group__append{padding:0;overflow:hidden}.login-container .login-card .content[data-v-79326910] .el-input-group__append .el-image{width:100px;height:40px;border-left:0px;-webkit-user-select:none;user-select:none;cursor:pointer;text-align:center}.login-container .login-card .content .el-button[data-v-79326910]{width:100%;margin-top:10px}

2
static/index-627381d1.js → static/index-4ec4aca5.js
View File

@ -1 +1 @@
import{h as e}from"./index-bc2f3c68.js";function r(t){return e({url:"table",method:"post",data:t})}function u(t){return e({url:`table/${t}`,method:"delete"})}function l(t){return e({url:"table",method:"put",data:t})}function n(t){return e({url:"table",method:"get",params:t})}export{r as c,u as d,n as g,l as u};
import{h as e}from"./index-0c9c873a.js";function r(t){return e({url:"table",method:"post",data:t})}function u(t){return e({url:`table/${t}`,method:"delete"})}function l(t){return e({url:"table",method:"put",data:t})}function n(t){return e({url:"table",method:"get",params:t})}export{r as c,u as d,n as g,l as u};

2
static/index-b5473c74.js → static/index-6c236ec2.js
View File

File diff suppressed because one or more lines are too long

2
static/index-e557e114.js → static/index-78781184.js
View File

File diff suppressed because one or more lines are too long

1
static/index-acd5de27.css
View File

@ -1 +0,0 @@
.login-container[data-v-de8307a8]{display:flex;justify-content:center;align-items:center;width:100%;min-height:100%}.login-container .theme-switch[data-v-de8307a8]{position:fixed;top:5%;right:5%;cursor:pointer}.login-container .login-card[data-v-de8307a8]{width:480px;border-radius:20px;box-shadow:0 0 10px #dcdfe6;background-color:#fff;overflow:hidden}.login-container .login-card .title[data-v-de8307a8]{display:flex;justify-content:center;align-items:center;height:150px}.login-container .login-card .title img[data-v-de8307a8]{height:100%}.login-container .login-card .content[data-v-de8307a8]{padding:20px 50px 50px}.login-container .login-card .content[data-v-de8307a8] .el-input-group__append{padding:0;overflow:hidden}.login-container .login-card .content[data-v-de8307a8] .el-input-group__append .el-image{width:100px;height:40px;border-left:0px;-webkit-user-select:none;user-select:none;cursor:pointer;text-align:center}.login-container .login-card .content .el-button[data-v-de8307a8]{width:100%;margin-top:10px}

2
static/index-c46858ec.js → static/index-b8685d31.js
View File

@ -1 +1 @@
import{_ as n}from"./index-bc2f3c68.js";import{ah as e,l as c,m as a,V as o,P as s}from"./vue-2e6427a0.js";import"./element-e3d67198.js";import"./vxe-b72fda76.js";const _={},i={class:"app-container"};function m(p,d){const t=e("router-view"),r=e("el-card");return c(),a("div",i,[o(r,{header:"二级路由 - menu1"},{default:s(()=>[o(t)]),_:1})])}const x=n(_,[["render",m]]);export{x as default};
import{_ as n}from"./index-0c9c873a.js";import{ah as e,l as c,m as a,V as o,P as s}from"./vue-2e6427a0.js";import"./element-402c0a4e.js";import"./vxe-6aa3a780.js";const _={},i={class:"app-container"};function m(p,d){const t=e("router-view"),r=e("el-card");return c(),a("div",i,[o(r,{header:"二级路由 - menu1"},{default:s(()=>[o(t)]),_:1})])}const x=n(_,[["render",m]]);export{x as default};

2
static/index-85159195.js → static/index-ba41a10f.js
View File

@ -1 +1 @@
import{_ as n}from"./index-bc2f3c68.js";import{ah as e,l as c,m as a,V as o,P as s}from"./vue-2e6427a0.js";import"./element-e3d67198.js";import"./vxe-b72fda76.js";const _={},i={class:"app-container"};function m(p,d){const t=e("router-view"),r=e("el-card");return c(),a("div",i,[o(r,{header:"三级路由 - menu1-2"},{default:s(()=>[o(t)]),_:1})])}const x=n(_,[["render",m]]);export{x as default};
import{_ as n}from"./index-0c9c873a.js";import{ah as e,l as c,m as a,V as o,P as s}from"./vue-2e6427a0.js";import"./element-402c0a4e.js";import"./vxe-6aa3a780.js";const _={},i={class:"app-container"};function m(p,d){const t=e("router-view"),r=e("el-card");return c(),a("div",i,[o(r,{header:"三级路由 - menu1-2"},{default:s(()=>[o(t)]),_:1})])}const x=n(_,[["render",m]]);export{x as default};

2
static/index-9e3e8043.js → static/index-c0b9c23e.js
View File

File diff suppressed because one or more lines are too long

2
static/index-a053e1d8.js → static/index-cf50a920.js
View File

@ -1 +1 @@
import{_ as e}from"./index-bc2f3c68.js";import{l as o,m as n,p as t}from"./vue-2e6427a0.js";import"./element-e3d67198.js";import"./vxe-b72fda76.js";const a={},i={"h-full":"","uno-padding-20":""},s=t("div",{"h-full":"","text-center":"",flex:"","select-none":"","all:transition-400":""},[t("div",{ma:""},[t("div",{"text-5xl":"",fw100:"","animate-bounce-alt":"","animate-count-infinite":"","animate-1s":""},"UnoCSS"),t("div",{op30:"","dark:op60":"","text-lg":"",fw300:"",m1:""},"该页面是一个 UnoCSS 的使用案例，其他页面依旧采用 Scss"),t("div",{m2:"",flex:"","justify-center":"","text-lg":"",op30:"","dark:op60":"",hover:"op80","dark:hover":"op80"},[t("a",{href:"https://antfu.me/posts/reimagine-atomic-css-zh",target:"_blank"},"推荐阅读：重新构想原子化 CSS")])])],-1),r=[s];function c(d,l){return o(),n("div",i,r)}const h=e(a,[["render",c]]);export{h as default};
import{_ as e}from"./index-0c9c873a.js";import{l as o,m as n,p as t}from"./vue-2e6427a0.js";import"./element-402c0a4e.js";import"./vxe-6aa3a780.js";const a={},i={"h-full":"","uno-padding-20":""},s=t("div",{"h-full":"","text-center":"",flex:"","select-none":"","all:transition-400":""},[t("div",{ma:""},[t("div",{"text-5xl":"",fw100:"","animate-bounce-alt":"","animate-count-infinite":"","animate-1s":""},"UnoCSS"),t("div",{op30:"","dark:op60":"","text-lg":"",fw300:"",m1:""},"该页面是一个 UnoCSS 的使用案例，其他页面依旧采用 Scss"),t("div",{m2:"",flex:"","justify-center":"","text-lg":"",op30:"","dark:op60":"",hover:"op80","dark:hover":"op80"},[t("a",{href:"https://antfu.me/posts/reimagine-atomic-css-zh",target:"_blank"},"推荐阅读：重新构想原子化 CSS")])])],-1),r=[s];function c(d,l){return o(),n("div",i,r)}const h=e(a,[["render",c]]);export{h as default};

2
static/index-3fc5b2c6.js → static/index-ea928043.js
View File

@ -1 +1 @@
import{_ as c,d as a}from"./index-bc2f3c68.js";import{ah as s,l as n,m as _,V as r,H as i,O as d,R as p,u as m}from"./vue-2e6427a0.js";import"./element-e3d67198.js";import"./vxe-b72fda76.js";const l={},u={class:"app-container center"};function f(t,o){const e=s("el-empty");return n(),_("div",u,[r(e,{description:"Admin 权限可见"})])}const v=c(l,[["render",f],["__scopeId","data-v-540a7bcc"]]);const y={},x={class:"app-container center"};function h(t,o){const e=s("el-empty");return n(),_("div",x,[r(e,{description:"Editor 权限可见"})])}const b=c(y,[["render",h],["__scopeId","data-v-e677b768"]]),S=i({__name:"index",setup(t){const e=a().roles.includes("admin");return(A,E)=>(n(),d(p(m(e)?v:b)))}});export{S as default};
import{_ as c,d as a}from"./index-0c9c873a.js";import{ah as s,l as n,m as _,V as r,H as i,O as d,R as p,u as m}from"./vue-2e6427a0.js";import"./element-402c0a4e.js";import"./vxe-6aa3a780.js";const l={},u={class:"app-container center"};function f(t,o){const e=s("el-empty");return n(),_("div",u,[r(e,{description:"Admin 权限可见"})])}const v=c(l,[["render",f],["__scopeId","data-v-540a7bcc"]]);const y={},x={class:"app-container center"};function h(t,o){const e=s("el-empty");return n(),_("div",x,[r(e,{description:"Editor 权限可见"})])}const b=c(y,[["render",h],["__scopeId","data-v-e677b768"]]),S=i({__name:"index",setup(t){const e=a().roles.includes("admin");return(A,E)=>(n(),d(p(m(e)?v:b)))}});export{S as default};

2
static/index-be7eeb95.js → static/index-eedfd2cc.js
View File

@ -1 +1 @@
import{H as k,aF as C,r as f,_ as z,ah as s,l as F,m as I,V as e,p as c,P as a,u as i,a3 as U,T as M,a9 as R,aI as S,aJ as q}from"./vue-2e6427a0.js";import{e as B,d as K,_ as N}from"./index-bc2f3c68.js";import{v as L,w as T,x as A,y as D,z as E}from"./element-e3d67198.js";import{_ as H}from"./index.vue_vue_type_script_setup_true_lang-234b32ac.js";import"./vxe-b72fda76.js";const J="/v3-admin-vite/static/logo-text-2-eef467fb.png",P=d=>(S("data-v-de8307a8"),d=d(),q(),d),$={class:"login-container"},j={class:"login-card"},G=P(()=>c("div",{class:"title"},[c("img",{src:J})],-1)),O={class:"content"},Q=k({__name:"index",setup(d){const h=C(),g=f(null),u=f(!1),p=f(""),o=z({username:"admin",password:"12345678",code:""}),w={username:[{required:!0,message:"请输入用户名",trigger:"blur"}],password:[{required:!0,message:"请输入密码",trigger:"blur"},{min:8,max:16,message:"长度在 8 到 16 个字符",trigger:"blur"}],code:[{required:!0,message:"请输入验证码",trigger:"blur"}]},x=()=>{var l;(l=g.value)==null||l.validate((t,r)=>{t?(u.value=!0,K().login(o).then(()=>{h.push({path:"/"})}).catch(()=>{m(),o.password=""}).finally(()=>{u.value=!1})):console.error("表单校验不通过",r)})},m=()=>{o.code="",p.value="",B().then(l=>{p.value=l.data})};return m(),(l,t)=>{const r=s("el-input"),_=s("el-form-item"),v=s("el-icon"),y=s("el-image"),V=s("el-button"),b=s("el-form");return F(),I("div",$,[e(H,{class:"theme-switch"}),c("div",j,[G,c("div",O,[e(b,{ref_key:"loginFormRef",ref:g,model:o,rules:w,onKeyup:R(x,["enter"])},{default:a(()=>[e(_,{prop:"username"},{default:a(()=>[e(r,{modelValue:o.username,"onUpdate:modelValue":t[0]||(t[0]=n=>o.username=n),modelModifiers:{trim:!0},placeholder:"用户名",type:"text",tabindex:"1","prefix-icon":i(L),size:"large"},null,8,["modelValue","prefix-icon"])]),_:1}),e(_,{prop:"password"},{default:a(()=>[e(r,{modelValue:o.password,"onUpdate:modelValue":t[1]||(t[1]=n=>o.password=n),modelModifiers:{trim:!0},placeholder:"密码",type:"password",tabindex:"2","prefix-icon":i(T),size:"large","show-password":""},null,8,["modelValue","prefix-icon"])]),_:1}),e(_,{prop:"code"},{default:a(()=>[e(r,{modelValue:o.code,"onUpdate:modelValue":t[2]||(t[2]=n=>o.code=n),modelModifiers:{trim:!0},placeholder:"验证码",type:"text",tabindex:"3","prefix-icon":i(A),maxlength:"7",size:"large"},{append:a(()=>[e(y,{src:p.value,onClick:m,draggable:"false"},{placeholder:a(()=>[e(v,null,{default:a(()=>[e(i(D))]),_:1})]),error:a(()=>[e(v,null,{default:a(()=>[e(i(E))]),_:1})]),_:1},8,["src"])]),_:1},8,["modelValue","prefix-icon"])]),_:1}),e(V,{loading:u.value,type:"primary",size:"large",onClick:U(x,["prevent"])},{default:a(()=>[M("登 录")]),_:1},8,["loading","onClick"])]),_:1},8,["model","onKeyup"])])])])}}});const oe=N(Q,[["__scopeId","data-v-de8307a8"]]);export{oe as default};
import{H as k,aF as C,r as f,_ as z,ah as s,l as F,m as I,V as e,p as c,P as t,u as i,a3 as U,T as M,a9 as R,aI as S,aJ as q}from"./vue-2e6427a0.js";import{e as B,d as K,_ as N}from"./index-0c9c873a.js";import{v as L,w as T,x as A,y as D,z as E}from"./element-402c0a4e.js";import{_ as H}from"./index.vue_vue_type_script_setup_true_lang-18500a80.js";import"./vxe-6aa3a780.js";const J="/v3-admin-vite/static/logo-text-2-eef467fb.png",P=d=>(S("data-v-79326910"),d=d(),q(),d),$={class:"login-container"},j={class:"login-card"},G=P(()=>c("div",{class:"title"},[c("img",{src:J})],-1)),O={class:"content"},Q=k({__name:"index",setup(d){const h=C(),g=f(null),u=f(!1),p=f(""),o=z({username:"admin",password:"12345678",code:""}),w={username:[{required:!0,message:"请输入用户名",trigger:"blur"}],password:[{required:!0,message:"请输入密码",trigger:"blur"},{min:8,max:16,message:"长度在 8 到 16 个字符",trigger:"blur"}],code:[{required:!0,message:"请输入验证码",trigger:"blur"}]},x=()=>{var l;(l=g.value)==null||l.validate((a,r)=>{a?(u.value=!0,K().login(o).then(()=>{h.push({path:"/"})}).catch(()=>{m(),o.password=""}).finally(()=>{u.value=!1})):console.error("表单校验不通过",r)})},m=()=>{o.code="",p.value="",B().then(l=>{p.value=l.data})};return m(),(l,a)=>{const r=s("el-input"),_=s("el-form-item"),v=s("el-icon"),y=s("el-image"),V=s("el-button"),b=s("el-form");return F(),I("div",$,[e(H,{class:"theme-switch"}),c("div",j,[G,c("div",O,[e(b,{ref_key:"loginFormRef",ref:g,model:o,rules:w,onKeyup:R(x,["enter"])},{default:t(()=>[e(_,{prop:"username"},{default:t(()=>[e(r,{modelValue:o.username,"onUpdate:modelValue":a[0]||(a[0]=n=>o.username=n),modelModifiers:{trim:!0},placeholder:"用户名",type:"text",tabindex:"1","prefix-icon":i(L),size:"large"},null,8,["modelValue","prefix-icon"])]),_:1}),e(_,{prop:"password"},{default:t(()=>[e(r,{modelValue:o.password,"onUpdate:modelValue":a[1]||(a[1]=n=>o.password=n),modelModifiers:{trim:!0},placeholder:"密码",type:"password",tabindex:"2","prefix-icon":i(T),size:"large","show-password":""},null,8,["modelValue","prefix-icon"])]),_:1}),e(_,{prop:"code"},{default:t(()=>[e(r,{modelValue:o.code,"onUpdate:modelValue":a[2]||(a[2]=n=>o.code=n),modelModifiers:{trim:!0},placeholder:"验证码",type:"text",tabindex:"3","prefix-icon":i(A),maxlength:"7",size:"large"},{append:t(()=>[e(y,{src:p.value,onClick:m,draggable:"false"},{placeholder:t(()=>[e(v,null,{default:t(()=>[e(i(D))]),_:1})]),error:t(()=>[e(v,null,{default:t(()=>[e(i(E))]),_:1})]),_:1},8,["src"])]),_:1},8,["modelValue","prefix-icon"])]),_:1}),e(V,{loading:u.value,type:"primary",size:"large",onClick:U(x,["prevent"])},{default:t(()=>[M("登 录")]),_:1},8,["loading","onClick"])]),_:1},8,["model","onKeyup"])])])])}}});const oe=N(Q,[["__scopeId","data-v-79326910"]]);export{oe as default};

2
static/index.vue_vue_type_script_setup_true_lang-234b32ac.js → static/index.vue_vue_type_script_setup_true_lang-18500a80.js
View File

@ -1 +1 @@
import{f as k}from"./index-bc2f3c68.js";import{A as g}from"./element-e3d67198.js";import{H as h,ah as o,l,O as m,P as e,V as n,m as C,a8 as x,u as t,F as B,p as s,U as b}from"./vue-2e6427a0.js";const L=h({__name:"index",setup(v){const{themeList:c,activeThemeName:d,setTheme:r}=k();return(N,T)=>{const _=o("el-icon"),p=o("el-tooltip"),i=o("el-dropdown-item"),u=o("el-dropdown-menu"),f=o("el-dropdown");return l(),m(f,{trigger:"click",onCommand:t(r)},{dropdown:e(()=>[n(u,null,{default:e(()=>[(l(!0),C(B,null,x(t(c),(a,w)=>(l(),m(i,{key:w,disabled:t(d)===a.name,command:a.name},{default:e(()=>[s("span",null,b(a.title),1)]),_:2},1032,["disabled","command"]))),128))]),_:1})]),default:e(()=>[s("div",null,[n(p,{effect:"dark",content:"主题模式",placement:"bottom"},{default:e(()=>[n(_,{size:20},{default:e(()=>[n(t(g))]),_:1})]),_:1})])]),_:1},8,["onCommand"])}}});export{L as _};
import{f as k}from"./index-0c9c873a.js";import{A as g}from"./element-402c0a4e.js";import{H as h,ah as o,l,O as m,P as e,V as n,m as C,a8 as x,u as t,F as B,p as s,U as b}from"./vue-2e6427a0.js";const L=h({__name:"index",setup(v){const{themeList:c,activeThemeName:d,setTheme:r}=k();return(N,T)=>{const _=o("el-icon"),p=o("el-tooltip"),i=o("el-dropdown-item"),u=o("el-dropdown-menu"),f=o("el-dropdown");return l(),m(f,{trigger:"click",onCommand:t(r)},{dropdown:e(()=>[n(u,null,{default:e(()=>[(l(!0),C(B,null,x(t(c),(a,w)=>(l(),m(i,{key:w,disabled:t(d)===a.name,command:a.name},{default:e(()=>[s("span",null,b(a.title),1)]),_:2},1032,["disabled","command"]))),128))]),_:1})]),default:e(()=>[s("div",null,[n(p,{effect:"dark",content:"主题模式",placement:"bottom"},{default:e(()=>[n(_,{size:20},{default:e(()=>[n(t(g))]),_:1})]),_:1})])]),_:1},8,["onCommand"])}}});export{L as _};

2
static/page-0e9523c0.js → static/page-80aff937.js
View File

@ -1 +1 @@
import{H as s,aF as n,ah as _,l as p,m as r,V as e,P as c,T as i}from"./vue-2e6427a0.js";import{S as l}from"./SwitchRoles-c72c32d2.js";import{_ as m}from"./index-bc2f3c68.js";import"./element-e3d67198.js";import"./vxe-b72fda76.js";const d={class:"app-container"},u=s({__name:"page",setup(f){const t=n(),a=()=>{t.push({path:"/403"})};return(g,h)=>{const o=_("el-tag");return p(),r("div",d,[e(l,{onChange:a}),e(o,{type:"warning",size:"large"},{default:c(()=>[i("当前页面只有 admin 权限可见，切换权限后将不能进入该页面")]),_:1})])}}});const R=m(u,[["__scopeId","data-v-7986af66"]]);export{R as default};
import{H as s,aF as n,ah as _,l as p,m as r,V as e,P as c,T as i}from"./vue-2e6427a0.js";import{S as l}from"./SwitchRoles-b47c23a3.js";import{_ as m}from"./index-0c9c873a.js";import"./element-402c0a4e.js";import"./vxe-6aa3a780.js";const d={class:"app-container"},u=s({__name:"page",setup(f){const t=n(),a=()=>{t.push({path:"/403"})};return(g,h)=>{const o=_("el-tag");return p(),r("div",d,[e(l,{onChange:a}),e(o,{type:"warning",size:"large"},{default:c(()=>[i("当前页面只有 admin 权限可见，切换权限后将不能进入该页面")]),_:1})])}}});const R=m(u,[["__scopeId","data-v-7986af66"]]);export{R as default};

2
static/use-fullscreen-loading-02c1f8a4.js → static/use-fullscreen-loading-9b3f96ec.js
View File

@ -1,4 +1,4 @@
import{I as d,b as n}from"./element-e3d67198.js";import{H as p,ah as _,l as m,m as g,V as c,P as i,T as l,p as f}from"./vue-2e6427a0.js";const h={lock:!0,text:"加载中..."},u=(s,e={})=>{let t;return async(...a)=>{try{return t=d.service({...h,...e}),await s(...a)}finally{t==null||t.close()}}},y={code:0,data:{list:[]},message:"获取成功"};function k(s){return new Promise(e=>{setTimeout(()=>{e({...y,data:{list:s}})},1e3)})}function w(){return new Promise((s,e)=>{setTimeout(()=>{e(new Error("发生错误"))},1e3)})}const C={class:"app-container"},E=f("h4",null,"该示例是演示：通过将要执行的函数传递给 hook，让 hook 自动开启全屏 loading，函数执行结束后自动关闭 loading",-1),x=`
import{I as d,b as n}from"./element-402c0a4e.js";import{H as p,ah as _,l as m,m as g,V as c,P as i,T as l,p as f}from"./vue-2e6427a0.js";const h={lock:!0,text:"加载中..."},u=(s,e={})=>{let t;return async(...a)=>{try{return t=d.service({...h,...e}),await s(...a)}finally{t==null||t.close()}}},y={code:0,data:{list:[]},message:"获取成功"};function k(s){return new Promise(e=>{setTimeout(()=>{e({...y,data:{list:s}})},1e3)})}function w(){return new Promise((s,e)=>{setTimeout(()=>{e(new Error("发生错误"))},1e3)})}const C={class:"app-container"},E=f("h4",null,"该示例是演示：通过将要执行的函数传递给 hook，让 hook 自动开启全屏 loading，函数执行结束后自动关闭 loading",-1),x=`
<path class="path" d="
M 30 15
L 28 17

2
static/use-watermark-1cf26dc1.js → static/use-watermark-da5ee926.js
View File

@ -1 +1 @@
import{u}from"./useWatermark-1c1d9492.js";import{H as v,r as y,ah as f,l as C,m as b,p as m,V as t,P as a,u as r,T as l,aI as W,aJ as g}from"./vue-2e6427a0.js";import{_ as x}from"./index-bc2f3c68.js";import"./element-e3d67198.js";import"./vxe-b72fda76.js";const w=n=>(W("data-v-dbeea05d"),n=n(),g(),n),I={class:"app-container"},$=w(()=>m("h4",null," 该示例是演示：通过调用 hook，开启或关闭水印， 支持局部、全局、自定义样式（颜色、透明度、字体大小、字体、倾斜角度等），并自带防御（防删、防隐藏）和自适应功能 ",-1)),V=v({__name:"use-watermark",setup(n){const p=y(null),{setWatermark:c,clearWatermark:i}=u(p),{setWatermark:d,clearWatermark:k}=u();return(B,e)=>{const o=f("el-button"),_=f("el-button-group");return C(),b("div",I,[$,m("div",{ref_key:"localRef",ref:p,class:"local"},null,512),t(_,null,{default:a(()=>[t(o,{type:"primary",onClick:e[0]||(e[0]=s=>r(c)("局部水印",{color:"#409eff"}))},{default:a(()=>[l("创建局部水印")]),_:1}),t(o,{type:"warning",onClick:e[1]||(e[1]=s=>r(c)("没有防御功能的局部水印",{color:"#e6a23c",defense:!1}))},{default:a(()=>[l(" 关闭防御功能 ")]),_:1}),t(o,{type:"danger",onClick:r(i)},{default:a(()=>[l("清除局部水印")]),_:1},8,["onClick"])]),_:1}),t(_,null,{default:a(()=>[t(o,{type:"primary",onClick:e[2]||(e[2]=s=>r(d)("全局水印",{color:"#409eff"}))},{default:a(()=>[l("创建全局水印")]),_:1}),t(o,{type:"warning",onClick:e[3]||(e[3]=s=>r(d)("没有防御功能的全局水印",{color:"#e6a23c",defense:!1}))},{default:a(()=>[l(" 关闭防御功能 ")]),_:1}),t(o,{type:"danger",onClick:r(k)},{default:a(()=>[l("清除全局水印")]),_:1},8,["onClick"])]),_:1})])}}});const h=x(V,[["__scopeId","data-v-dbeea05d"]]);export{h as default};
import{u}from"./useWatermark-9205e6b6.js";import{H as v,r as y,ah as f,l as C,m as b,p as m,V as t,P as a,u as r,T as l,aI as W,aJ as g}from"./vue-2e6427a0.js";import{_ as x}from"./index-0c9c873a.js";import"./element-402c0a4e.js";import"./vxe-6aa3a780.js";const w=n=>(W("data-v-dbeea05d"),n=n(),g(),n),I={class:"app-container"},$=w(()=>m("h4",null," 该示例是演示：通过调用 hook，开启或关闭水印， 支持局部、全局、自定义样式（颜色、透明度、字体大小、字体、倾斜角度等），并自带防御（防删、防隐藏）和自适应功能 ",-1)),V=v({__name:"use-watermark",setup(n){const p=y(null),{setWatermark:c,clearWatermark:i}=u(p),{setWatermark:d,clearWatermark:k}=u();return(B,e)=>{const o=f("el-button"),_=f("el-button-group");return C(),b("div",I,[$,m("div",{ref_key:"localRef",ref:p,class:"local"},null,512),t(_,null,{default:a(()=>[t(o,{type:"primary",onClick:e[0]||(e[0]=s=>r(c)("局部水印",{color:"#409eff"}))},{default:a(()=>[l("创建局部水印")]),_:1}),t(o,{type:"warning",onClick:e[1]||(e[1]=s=>r(c)("没有防御功能的局部水印",{color:"#e6a23c",defense:!1}))},{default:a(()=>[l(" 关闭防御功能 ")]),_:1}),t(o,{type:"danger",onClick:r(i)},{default:a(()=>[l("清除局部水印")]),_:1},8,["onClick"])]),_:1}),t(_,null,{default:a(()=>[t(o,{type:"primary",onClick:e[2]||(e[2]=s=>r(d)("全局水印",{color:"#409eff"}))},{default:a(()=>[l("创建全局水印")]),_:1}),t(o,{type:"warning",onClick:e[3]||(e[3]=s=>r(d)("没有防御功能的全局水印",{color:"#e6a23c",defense:!1}))},{default:a(()=>[l(" 关闭防御功能 ")]),_:1}),t(o,{type:"danger",onClick:r(k)},{default:a(()=>[l("清除全局水印")]),_:1},8,["onClick"])]),_:1})])}}});const h=x(V,[["__scopeId","data-v-dbeea05d"]]);export{h as default};

2
static/useWatermark-1c1d9492.js → static/useWatermark-9205e6b6.js
View File

@ -1 +1 @@
import{n as u}from"./element-e3d67198.js";import{r as x,z as C}from"./vue-2e6427a0.js";const L={defense:!0,color:"#c0c4cc",opacity:.5,size:16,family:"serif",angle:-20,width:300,height:200},E=x(document.body);function $(n=E){let v,d,t=null;const r={watermarkElMutationObserver:void 0,parentElMutationObserver:void 0,parentElResizeObserver:void 0},O=(e,a={})=>{if(!n.value){console.warn("请在 DOM 挂载完成后再调用 setWatermark 方法设置水印");return}v=e,d={...L,...a},t?b():f(),m(n.value)},f=()=>{const e=n.value.tagName.toLowerCase()===E.value.tagName.toLowerCase(),a=e?"fixed":"absolute",i=e?"":"relative";t=document.createElement("div"),t.style.pointerEvents="none",t.style.top="0",t.style.left="0",t.style.position=a,t.style.zIndex="99999";const{clientWidth:s,clientHeight:l}=n.value;b({width:s,height:l}),n.value.style.position=i,n.value.appendChild(t)},b=(e={})=>{t&&(v&&(t.style.background=`url(${y()}) left top repeat`),e.width&&(t.style.width=`${e.width}px`),e.height&&(t.style.height=`${e.height}px`))},y=()=>{const{color:e,opacity:a,size:i,family:s,angle:l,width:z,height:w}=d,c=document.createElement("canvas");c.width=z,c.height=w;const o=c.getContext("2d");return o&&(o.fillStyle=e,o.globalAlpha=a,o.font=`${i}px ${s}`,o.rotate(Math.PI/180*l),o.fillText(v,0,w/2)),c.toDataURL()},h=()=>{if(!(!n.value||!t)){p();try{n.value.removeChild(t)}catch{console.warn("水印元素已不存在，请重新创建")}finally{t=null}}},g=u(()=>{h(),f(),m(n.value)},100),m=e=>{d.defense?!r.watermarkElMutationObserver&&!r.parentElMutationObserver&&k(e):p("mutation"),r.parentElResizeObserver||M(e)},p=(e="all")=>{var a,i,s;(e==="mutation"||e==="all")&&((a=r.watermarkElMutationObserver)==null||a.disconnect(),r.watermarkElMutationObserver=void 0,(i=r.parentElMutationObserver)==null||i.disconnect(),r.parentElMutationObserver=void 0),(e==="resize"||e==="all")&&((s=r.parentElResizeObserver)==null||s.disconnect(),r.parentElResizeObserver=void 0)},k=e=>{const a=u(i=>{i.forEach(u(s=>{switch(s.type){case"attributes":s.target===t&&g();break;case"childList":s.removedNodes.forEach(l=>{l===t&&e.appendChild(t)});break}},100))},100);r.watermarkElMutationObserver=new MutationObserver(a),r.parentElMutationObserver=new MutationObserver(a),r.watermarkElMutationObserver.observe(t,{attributes:!0,childList:!1,subtree:!1}),r.parentElMutationObserver.observe(e,{attributes:!1,childList:!0,subtree:!1})},M=e=>{const a=u(()=>{const{clientWidth:i,clientHeight:s}=e;b({width:i,height:s})},500);r.parentElResizeObserver=new ResizeObserver(a),r.parentElResizeObserver.observe(e)};return C(()=>{h()}),{setWatermark:O,clearWatermark:h}}export{$ as u};
import{n as u}from"./element-402c0a4e.js";import{r as x,z as C}from"./vue-2e6427a0.js";const L={defense:!0,color:"#c0c4cc",opacity:.5,size:16,family:"serif",angle:-20,width:300,height:200},E=x(document.body);function $(n=E){let v,d,t=null;const r={watermarkElMutationObserver:void 0,parentElMutationObserver:void 0,parentElResizeObserver:void 0},O=(e,a={})=>{if(!n.value){console.warn("请在 DOM 挂载完成后再调用 setWatermark 方法设置水印");return}v=e,d={...L,...a},t?b():f(),m(n.value)},f=()=>{const e=n.value.tagName.toLowerCase()===E.value.tagName.toLowerCase(),a=e?"fixed":"absolute",i=e?"":"relative";t=document.createElement("div"),t.style.pointerEvents="none",t.style.top="0",t.style.left="0",t.style.position=a,t.style.zIndex="99999";const{clientWidth:s,clientHeight:l}=n.value;b({width:s,height:l}),n.value.style.position=i,n.value.appendChild(t)},b=(e={})=>{t&&(v&&(t.style.background=`url(${y()}) left top repeat`),e.width&&(t.style.width=`${e.width}px`),e.height&&(t.style.height=`${e.height}px`))},y=()=>{const{color:e,opacity:a,size:i,family:s,angle:l,width:z,height:w}=d,c=document.createElement("canvas");c.width=z,c.height=w;const o=c.getContext("2d");return o&&(o.fillStyle=e,o.globalAlpha=a,o.font=`${i}px ${s}`,o.rotate(Math.PI/180*l),o.fillText(v,0,w/2)),c.toDataURL()},h=()=>{if(!(!n.value||!t)){p();try{n.value.removeChild(t)}catch{console.warn("水印元素已不存在，请重新创建")}finally{t=null}}},g=u(()=>{h(),f(),m(n.value)},100),m=e=>{d.defense?!r.watermarkElMutationObserver&&!r.parentElMutationObserver&&k(e):p("mutation"),r.parentElResizeObserver||M(e)},p=(e="all")=>{var a,i,s;(e==="mutation"||e==="all")&&((a=r.watermarkElMutationObserver)==null||a.disconnect(),r.watermarkElMutationObserver=void 0,(i=r.parentElMutationObserver)==null||i.disconnect(),r.parentElMutationObserver=void 0),(e==="resize"||e==="all")&&((s=r.parentElResizeObserver)==null||s.disconnect(),r.parentElResizeObserver=void 0)},k=e=>{const a=u(i=>{i.forEach(u(s=>{switch(s.type){case"attributes":s.target===t&&g();break;case"childList":s.removedNodes.forEach(l=>{l===t&&e.appendChild(t)});break}},100))},100);r.watermarkElMutationObserver=new MutationObserver(a),r.parentElMutationObserver=new MutationObserver(a),r.watermarkElMutationObserver.observe(t,{attributes:!0,childList:!1,subtree:!1}),r.parentElMutationObserver.observe(e,{attributes:!1,childList:!0,subtree:!1})},M=e=>{const a=u(()=>{const{clientWidth:i,clientHeight:s}=e;b({width:i,height:s})},500);r.parentElResizeObserver=new ResizeObserver(a),r.parentElResizeObserver.observe(e)};return C(()=>{h()}),{setWatermark:O,clearWatermark:h}}export{$ as u};

2
static/vxe-b72fda76.js → static/vxe-6aa3a780.js
View File

File diff suppressed because one or more lines are too long