Template
1
0
mirror of https://github.com/un-pany/v3-admin-vite.git synced 2025-04-21 11:29:20 +08:00

Deploying to gh-pages from @ f3e71e0795bd54bef22e43c50d868384d12ad1bf 🚀

This commit is contained in:
pany-ang 2023-08-31 10:30:28 +00:00
parent 70c6b8c4d7
commit b00c33b25d
21 changed files with 20 additions and 20 deletions

View File

@ -6,7 +6,7 @@
<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-20f2fa66.js"></script>
<script type="module" crossorigin src="/v3-admin-vite/static/index-7fbc6932.js"></script>
<link rel="modulepreload" crossorigin href="/v3-admin-vite/static/vue-2207505e.js">
<link rel="modulepreload" crossorigin href="/v3-admin-vite/static/element-4018b73c.js">
<link rel="modulepreload" crossorigin href="/v3-admin-vite/static/vxe-791d9ab6.js">

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
import{_}from"./index-20f2fa66.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-2207505e.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-7fbc6932.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-2207505e.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};

View File

@ -1 +1 @@
import{d as p,_ as u}from"./index-20f2fa66.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,aH as b,aI as x}from"./vue-2207505e.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-7fbc6932.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,aH as b,aI as x}from"./vue-2207505e.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};

View File

@ -1 +1 @@
import{i as g,_ as y}from"./index-20f2fa66.js";import{S as b}from"./SwitchRoles-c5bd2e5c.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-2207505e.js";import"./element-4018b73c.js";import"./vxe-791d9ab6.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-7fbc6932.js";import{S as b}from"./SwitchRoles-212d7ac9.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-2207505e.js";import"./element-4018b73c.js";import"./vxe-791d9ab6.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};

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
import{H as k,aE as C,r as f,_ as z,ah as s,l as I,m as U,V as e,p as c,P as a,u as i,a3 as F,T as M,a9 as R,aH as S,aI as q}from"./vue-2207505e.js";import{e as B,d as K,_ as N}from"./index-20f2fa66.js";import{v as E,w as H,x as L,y as T,z as A}from"./element-4018b73c.js";import{_ as D}from"./index.vue_vue_type_script_setup_true_lang-5010c14e.js";import"./vxe-791d9ab6.js";const P="/v3-admin-vite/static/logo-text-2-eef467fb.png",$=d=>(S("data-v-de8307a8"),d=d(),q(),d),j={class:"login-container"},G={class:"login-card"},J=$(()=>c("div",{class:"title"},[c("img",{src:P})],-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 I(),U("div",j,[e(D,{class:"theme-switch"}),c("div",G,[J,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(E),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(H),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(L),maxlength:"7",size:"large"},{append:a(()=>[e(y,{src:p.value,onClick:m,draggable:"false"},{placeholder:a(()=>[e(v,null,{default:a(()=>[e(i(T))]),_:1})]),error:a(()=>[e(v,null,{default:a(()=>[e(i(A))]),_:1})]),_:1},8,["src"])]),_:1},8,["modelValue","prefix-icon"])]),_:1}),e(V,{loading:u.value,type:"primary",size:"large",onClick:F(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,aE as C,r as f,_ as z,ah as s,l as I,m as U,V as e,p as c,P as a,u as i,a3 as F,T as M,a9 as R,aH as S,aI as q}from"./vue-2207505e.js";import{e as B,d as K,_ as N}from"./index-7fbc6932.js";import{v as E,w as H,x as L,y as T,z as A}from"./element-4018b73c.js";import{_ as D}from"./index.vue_vue_type_script_setup_true_lang-4390704c.js";import"./vxe-791d9ab6.js";const P="/v3-admin-vite/static/logo-text-2-eef467fb.png",$=d=>(S("data-v-de8307a8"),d=d(),q(),d),j={class:"login-container"},G={class:"login-card"},J=$(()=>c("div",{class:"title"},[c("img",{src:P})],-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 I(),U("div",j,[e(D,{class:"theme-switch"}),c("div",G,[J,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(E),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(H),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(L),maxlength:"7",size:"large"},{append:a(()=>[e(y,{src:p.value,onClick:m,draggable:"false"},{placeholder:a(()=>[e(v,null,{default:a(()=>[e(i(T))]),_:1})]),error:a(()=>[e(v,null,{default:a(()=>[e(i(A))]),_:1})]),_:1},8,["src"])]),_:1},8,["modelValue","prefix-icon"])]),_:1}),e(V,{loading:u.value,type:"primary",size:"large",onClick:F(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};

View File

@ -1 +1 @@
import{h as e}from"./index-20f2fa66.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-7fbc6932.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};

View File

@ -1 +1 @@
import{_ as n}from"./index-20f2fa66.js";import{ah as e,l as c,m as a,V as o,P as s}from"./vue-2207505e.js";import"./element-4018b73c.js";import"./vxe-791d9ab6.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-7fbc6932.js";import{ah as e,l as c,m as a,V as o,P as s}from"./vue-2207505e.js";import"./element-4018b73c.js";import"./vxe-791d9ab6.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};

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
import{_ as c,d as a}from"./index-20f2fa66.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-2207505e.js";import"./element-4018b73c.js";import"./vxe-791d9ab6.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-7fbc6932.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-2207505e.js";import"./element-4018b73c.js";import"./vxe-791d9ab6.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};

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
import{_ as e}from"./index-20f2fa66.js";import{l as o,m as n,p as t}from"./vue-2207505e.js";import"./element-4018b73c.js";import"./vxe-791d9ab6.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:""},"具有高性能且极具灵活性的即时原子化 CSS 引擎"),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=t("div",{absolute:"","bottom-5":"","right-0":"","left-0":"","text-center":"",op30:"","dark:op60":"",fw300:""}," 该页面是一个 UnoCSS 的使用案例,其他页面依旧采用 Scss ",-1),c=[s,r];function d(l,f){return o(),n("div",i,c)}const x=e(a,[["render",d]]);export{x as default};
import{_ as e}from"./index-7fbc6932.js";import{l as o,m as n,p as t}from"./vue-2207505e.js";import"./element-4018b73c.js";import"./vxe-791d9ab6.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:""},"具有高性能且极具灵活性的即时原子化 CSS 引擎"),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=t("div",{absolute:"","bottom-5":"","right-0":"","left-0":"","text-center":"",op30:"","dark:op60":"",fw300:""}," 该页面是一个 UnoCSS 的使用案例,其他页面依旧采用 Scss ",-1),c=[s,r];function d(l,f){return o(),n("div",i,c)}const x=e(a,[["render",d]]);export{x as default};

View File

@ -1 +1 @@
import{_ as n}from"./index-20f2fa66.js";import{ah as e,l as c,m as a,V as o,P as s}from"./vue-2207505e.js";import"./element-4018b73c.js";import"./vxe-791d9ab6.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-7fbc6932.js";import{ah as e,l as c,m as a,V as o,P as s}from"./vue-2207505e.js";import"./element-4018b73c.js";import"./vxe-791d9ab6.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};

View File

@ -1 +1 @@
import{f as k}from"./index-20f2fa66.js";import{A as g}from"./element-4018b73c.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-2207505e.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-7fbc6932.js";import{A as g}from"./element-4018b73c.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-2207505e.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 _};

View File

@ -1 +1 @@
import{H as s,aE as n,ah as _,l as p,m as r,V as e,P as c,T as i}from"./vue-2207505e.js";import{S as l}from"./SwitchRoles-c5bd2e5c.js";import{_ as m}from"./index-20f2fa66.js";import"./element-4018b73c.js";import"./vxe-791d9ab6.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,aE as n,ah as _,l as p,m as r,V as e,P as c,T as i}from"./vue-2207505e.js";import{S as l}from"./SwitchRoles-212d7ac9.js";import{_ as m}from"./index-7fbc6932.js";import"./element-4018b73c.js";import"./vxe-791d9ab6.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};

View File

@ -1 +1 @@
import{u as f}from"./useWatermark-dc5b2527.js";import{H as v,r as y,ah as m,l as C,m as b,p as d,V as t,P as o,u as r,T as l,aH as W,aI as g}from"./vue-2207505e.js";import{_ as x}from"./index-20f2fa66.js";import"./element-4018b73c.js";import"./vxe-791d9ab6.js";const w=n=>(W("data-v-0b5f8c2e"),n=n(),g(),n),I={class:"app-container"},$=w(()=>d("h4",null," 该示例是演示:通过调用 hook开启或关闭水印 支持局部、全局、自定义样式(颜色、透明度、字体大小、字体、倾斜角度等), 并自带一定的防删除和自适应功能 ",-1)),V=v({__name:"use-watermark",setup(n){const c=y(null),{setWatermark:p,clearWatermark:i}=f(c),{setWatermark:_,clearWatermark:k}=f();return(B,e)=>{const a=m("el-button"),u=m("el-button-group");return C(),b("div",I,[$,d("div",{ref_key:"localRef",ref:c,class:"local"},null,512),t(u,null,{default:o(()=>[t(a,{type:"primary",onClick:e[0]||(e[0]=s=>r(p)("创建局部水印",{color:"#409eff"}))},{default:o(()=>[l("创建局部水印")]),_:1}),t(a,{type:"warning",onClick:e[1]||(e[1]=s=>r(p)("重置局部水印",{color:"#e6a23c"}))},{default:o(()=>[l("重置局部水印")]),_:1}),t(a,{type:"danger",onClick:r(i)},{default:o(()=>[l("清除局部水印")]),_:1},8,["onClick"])]),_:1}),t(u,null,{default:o(()=>[t(a,{type:"primary",onClick:e[2]||(e[2]=s=>r(_)("创建全局水印",{color:"#409eff"}))},{default:o(()=>[l(" 创建全局水印 ")]),_:1}),t(a,{type:"warning",onClick:e[3]||(e[3]=s=>r(_)("重置全局水印",{color:"#e6a23c"}))},{default:o(()=>[l(" 重置全局水印 ")]),_:1}),t(a,{type:"danger",onClick:r(k)},{default:o(()=>[l("清除全局水印")]),_:1},8,["onClick"])]),_:1})])}}});const T=x(V,[["__scopeId","data-v-0b5f8c2e"]]);export{T as default};
import{u as f}from"./useWatermark-928e0698.js";import{H as v,r as y,ah as m,l as C,m as b,p as d,V as t,P as o,u as r,T as l,aH as W,aI as g}from"./vue-2207505e.js";import{_ as x}from"./index-7fbc6932.js";import"./element-4018b73c.js";import"./vxe-791d9ab6.js";const w=n=>(W("data-v-0b5f8c2e"),n=n(),g(),n),I={class:"app-container"},$=w(()=>d("h4",null," 该示例是演示:通过调用 hook开启或关闭水印 支持局部、全局、自定义样式(颜色、透明度、字体大小、字体、倾斜角度等), 并自带一定的防删除和自适应功能 ",-1)),V=v({__name:"use-watermark",setup(n){const c=y(null),{setWatermark:p,clearWatermark:i}=f(c),{setWatermark:_,clearWatermark:k}=f();return(B,e)=>{const a=m("el-button"),u=m("el-button-group");return C(),b("div",I,[$,d("div",{ref_key:"localRef",ref:c,class:"local"},null,512),t(u,null,{default:o(()=>[t(a,{type:"primary",onClick:e[0]||(e[0]=s=>r(p)("创建局部水印",{color:"#409eff"}))},{default:o(()=>[l("创建局部水印")]),_:1}),t(a,{type:"warning",onClick:e[1]||(e[1]=s=>r(p)("重置局部水印",{color:"#e6a23c"}))},{default:o(()=>[l("重置局部水印")]),_:1}),t(a,{type:"danger",onClick:r(i)},{default:o(()=>[l("清除局部水印")]),_:1},8,["onClick"])]),_:1}),t(u,null,{default:o(()=>[t(a,{type:"primary",onClick:e[2]||(e[2]=s=>r(_)("创建全局水印",{color:"#409eff"}))},{default:o(()=>[l(" 创建全局水印 ")]),_:1}),t(a,{type:"warning",onClick:e[3]||(e[3]=s=>r(_)("重置全局水印",{color:"#e6a23c"}))},{default:o(()=>[l(" 重置全局水印 ")]),_:1}),t(a,{type:"danger",onClick:r(k)},{default:o(()=>[l("清除全局水印")]),_:1},8,["onClick"])]),_:1})])}}});const T=x(V,[["__scopeId","data-v-0b5f8c2e"]]);export{T as default};

View File

@ -0,0 +1 @@
import{n as b}from"./element-4018b73c.js";import{r as W,z as g}from"./vue-2207505e.js";const C={color:"#c0c4cc",opacity:.5,size:16,family:"serif",angle:-20,width:300,height:200},_=W(document.body);function E(i=_){let h,m,t=null;const O=(e,r={})=>{if(!i.value){console.warn("请在 DOM 挂载完成后再调用 setWatermark 方法设置水印");return}h=e,m={...C,...r},f(),y(i.value)},k=b(()=>{d(),f(),y(i.value)},500),f=()=>{if(t){v();return}const e=document.createElement("div");e.style.pointerEvents="none",e.style.top="0",e.style.left="0",e.style.position="absolute",e.style.zIndex="99999",t=e;const{clientWidth:r,clientHeight:s}=i.value;v({width:r,height:s}),i.value.style.position="relative",i.value.appendChild(e)},v=(e={})=>{t&&(h&&(t.style.background=`url(${p()}) left top repeat`),e.width&&(t.style.width=`${e.width}px`),e.height&&(t.style.height=`${e.height}px`))},p=()=>{const{color:e,opacity:r,size:s,family:n,angle:o,width:c,height:l}=m,u=document.createElement("canvas");u.width=c,u.height=l;const a=u.getContext("2d");return a&&(a.fillStyle=e,a.globalAlpha=r,a.font=`${s}px ${n}`,a.rotate(Math.PI/180*o),a.fillText(h,0,l/2)),u.toDataURL()},d=()=>{!i.value||!t||(i.value.removeChild(t),t=null,w(i.value))},y=e=>{e._mutationObserver||e._resizeObserver||(z(e),x(e))},w=e=>{var r,s;(r=e._mutationObserver)==null||r.disconnect(),e._mutationObserver=void 0,(s=e._resizeObserver)==null||s.unobserve(e),e._resizeObserver=void 0},z=e=>{const r={attributes:!0,childList:!0,subtree:!0},s=b(o=>{o.forEach(c=>{switch(c.type){case"childList":c.removedNodes.forEach(l=>{l===t&&e.appendChild(t)});break;case"attributes":c.target===t&&k();break}})},500),n=new MutationObserver(s);n.observe(e,r),e._mutationObserver=n},x=e=>{const r=b(()=>{const{clientWidth:n,clientHeight:o}=e;v({width:n,height:o})},500),s=new ResizeObserver(r);s.observe(e),e._resizeObserver=s};return g(()=>{d()}),{setWatermark:O,clearWatermark:d}}export{E as u};

View File

@ -1 +0,0 @@
import{n as x}from"./element-4018b73c.js";import{r as W,z as C}from"./vue-2207505e.js";const _={color:"#c0c4cc",opacity:.5,size:16,family:"serif",angle:-20,width:300,height:200},g=W(document.body);function E(i=g){let h,b,r=null;const y=(e,t={})=>{if(!i.value){console.warn("请在 DOM 挂载完成后再调用 setWatermark 方法设置水印");return}h=e,b={..._,...t},m(),f(i.value)},O=()=>{d(),m(),f(i.value)},m=()=>{if(r){v();return}const e=document.createElement("div");e.style.pointerEvents="none",e.style.top="0",e.style.left="0",e.style.position="absolute",e.style.zIndex="99999",r=e;const{clientWidth:t,clientHeight:s}=i.value;v({width:t,height:s}),i.value.style.position="relative",i.value.appendChild(e)},v=(e={})=>{r&&(h&&(r.style.background=`url(${k()}) left top repeat`),e.width&&(r.style.width=`${e.width}px`),e.height&&(r.style.height=`${e.height}px`))},k=()=>{const{color:e,opacity:t,size:s,family:n,angle:o,width:c,height:l}=b,u=document.createElement("canvas");u.width=c,u.height=l;const a=u.getContext("2d");return a&&(a.fillStyle=e,a.globalAlpha=t,a.font=`${s}px ${n}`,a.rotate(Math.PI/180*o),a.fillText(h,0,l/2)),u.toDataURL()},d=()=>{!i.value||!r||(i.value.removeChild(r),r=null,p(i.value))},f=e=>{e._mutationObserver||e._resizeObserver||(w(e),z(e))},p=e=>{var t,s;(t=e._mutationObserver)==null||t.disconnect(),e._mutationObserver=void 0,(s=e._resizeObserver)==null||s.unobserve(e),e._resizeObserver=void 0},w=e=>{const t={attributes:!0,childList:!0,subtree:!0},s=o=>{o.forEach(c=>{switch(c.type){case"childList":c.removedNodes.forEach(l=>{l===r&&e.appendChild(r)});break;case"attributes":O();break}})},n=new MutationObserver(s);n.observe(e,t),e._mutationObserver=n},z=e=>{const t=x(()=>{const{clientWidth:n,clientHeight:o}=e;v({width:n,height:o})},500),s=new ResizeObserver(t);s.observe(e),e._resizeObserver=s};return C(()=>{d()}),{setWatermark:y,clearWatermark:d}}export{E as u};