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

Deploying to gh-pages from @ 85bbfb5adc240ace42980f0121d89c470aeedf3c 🚀

Browse Source
This commit is contained in:
pany-ang 2024-09-27 06:12:38 +00:00
parent 40f4591590
commit c126ac8f61
33 changed files with 36 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
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-CGG8DPuG.js"></script>
<link rel="modulepreload" crossorigin href="/v3-admin-vite/static/vue-DPGD_U5x.js">
<link rel="modulepreload" crossorigin href="/v3-admin-vite/static/element-CWPCv7c8.js">
<link rel="modulepreload" crossorigin href="/v3-admin-vite/static/vxe-BAVO9y5x.js">
<script type="module" crossorigin src="/v3-admin-vite/static/index-DpZLljce.js"></script>
<link rel="modulepreload" crossorigin href="/v3-admin-vite/static/vue--2HXM7E3.js">
<link rel="modulepreload" crossorigin href="/v3-admin-vite/static/element-BKZLx1Ip.js">
<link rel="modulepreload" crossorigin href="/v3-admin-vite/static/vxe-BiPe3WUh.js">
<link rel="stylesheet" crossorigin href="/v3-admin-vite/static/index-qC0rH2jC.css">
</head>
<body>

2
static/403-BXV7Dmus.js → static/403-BBEzfRzw.js
View File

File diff suppressed because one or more lines are too long

2
static/404-CYNzns0O.js → static/404-DcDKUul4.js
View File

File diff suppressed because one or more lines are too long

2
static/ErrorPageLayout-BINPNYAf.js → static/ErrorPageLayout-BnQN52yk.js
View File

@ -1 +1 @@
import{_}from"./index-CGG8DPuG.js";import{ai as t,p as c,q as d,t as l,H as i,U as o,O as r,S as p}from"./vue-DPGD_U5x.js";const u={},f={class:"error-page"},m={class:"error-page-svg"};function v(s,e){const a=t("el-button"),n=t("router-link");return c(),d("div",f,[l("div",m,[i(s.$slots,"default",{},void 0,!0)]),o(n,{to:"/"},{default:r(()=>[o(a,{type:"primary"},{default:r(()=>e[0]||(e[0]=[p("回到首页")])),_:1})]),_:1})])}const x=_(u,[["render",v],["__scopeId","data-v-2fba9562"]]);export{x as E};
import{_}from"./index-DpZLljce.js";import{ai as t,p as c,q as d,t as l,H as i,U as o,O as r,S as p}from"./vue--2HXM7E3.js";const u={},f={class:"error-page"},m={class:"error-page-svg"};function v(s,e){const a=t("el-button"),n=t("router-link");return c(),d("div",f,[l("div",m,[i(s.$slots,"default",{},void 0,!0)]),o(n,{to:"/"},{default:r(()=>[o(a,{type:"primary"},{default:r(()=>e[0]||(e[0]=[p("回到首页")])),_:1})]),_:1})])}const x=_(u,[["render",v],["__scopeId","data-v-2fba9562"]]);export{x as E};

2
static/SwitchRoles-BGqtQFrP.js → static/SwitchRoles-tr-QYjGg.js
View File

@ -1 +1 @@
import{e as u,_ as c}from"./index-CGG8DPuG.js";import{m as _,a as p,b as m,ai as r,p as f,q as v,t,T as b,u as w,U as a,O as S}from"./vue-DPGD_U5x.js";const h={class:"switch-roles"},V=_({__name:"SwitchRoles",setup(g){const o=u(),s=p(o.roles[0]);return m(s,l=>{o.changeRoles(l)}),(l,e)=>{const n=r("el-radio-button"),i=r("el-radio-group");return f(),v("div",null,[t("div",null,"你的角色："+b(w(o).roles),1),t("div",h,[e[1]||(e[1]=t("span",null,"切换用户（模拟重新登录）：",-1)),a(i,{modelValue:s.value,"onUpdate:modelValue":e[0]||(e[0]=d=>s.value=d)},{default:S(()=>[a(n,{label:"editor",value:"editor"}),a(n,{label:"admin",value:"admin"})]),_:1},8,["modelValue"])])])}}}),B=c(V,[["__scopeId","data-v-693bfeca"]]);export{B as S};
import{e as u,_ as c}from"./index-DpZLljce.js";import{m as _,a as p,b as m,ai as r,p as f,q as v,t,T as b,u as w,U as a,O as S}from"./vue--2HXM7E3.js";const h={class:"switch-roles"},V=_({__name:"SwitchRoles",setup(g){const o=u(),s=p(o.roles[0]);return m(s,l=>{o.changeRoles(l)}),(l,e)=>{const n=r("el-radio-button"),i=r("el-radio-group");return f(),v("div",null,[t("div",null,"你的角色："+b(w(o).roles),1),t("div",h,[e[1]||(e[1]=t("span",null,"切换用户（模拟重新登录）：",-1)),a(i,{modelValue:s.value,"onUpdate:modelValue":e[0]||(e[0]=d=>s.value=d)},{default:S(()=>[a(n,{label:"editor",value:"editor"}),a(n,{label:"admin",value:"admin"})]),_:1},8,["modelValue"])])])}}}),B=c(V,[["__scopeId","data-v-693bfeca"]]);export{B as S};

2
static/directive-QYMN9mNI.js → static/directive-lVoEhK0p.js
View File

@ -1 +1 @@
import{j as g,_ as b}from"./index-CGG8DPuG.js";import{S as y}from"./SwitchRoles-BGqtQFrP.js";import{m as P,ai as p,aq as x,p as o,q as w,U as r,t as a,P as u,M as n,O as i,S as t,u as f,R as v}from"./vue-DPGD_U5x.js";import"./element-CWPCv7c8.js";import"./vxe-BAVO9y5x.js";const _=d=>{if(Array.isArray(d)&&d.length>0){const{roles:c}=g();return c.some(e=>d.includes(e))}else return console.error("need roles! Like checkPermission(['admin','editor'])"),!1},z={class:"app-container"},B={class:"margin-top-30"},C={class:"margin-top-15"},N={class:"margin-top-30"},S=P({__name:"directive",setup(d){return(c,e)=>{const s=p("el-tag"),l=p("el-tab-pane"),k=p("el-tabs"),m=x("permission");return o(),w("div",z,[r(y),a("div",B,[a("div",null,[u((o(),n(s,{type:"success",size:"large",effect:"plain"},{default:i(()=>e[0]||(e[0]=[t(` 这里采用了 v-permission="['admin']" 所以只有 admin 可以看见这句话 `)])),_:1})),[[m,["admin"]]])]),a("div",null,[u((o(),n(s,{type:"success",size:"large",effect:"plain"},{default:i(()=>e[1]||(e[1]=[t(` 这里采用了 v-permission="['editor']" 所以只有 editor 可以看见这句话 `)])),_:1})),[[m,["editor"]]])]),a("div",C,[u((o(),n(s,{type:"success",size:"large",effect:"plain"},{default:i(()=>e[2]||(e[2]=[t(` 这里采用了 v-permission="['admin', 'editor']" 所以 admin 和 editor 都可以看见这句话 `)])),_:1})),[[m,["admin","editor"]]])])]),a("div",N,[r(s,{type:"warning",size:"large"},{default:i(()=>e[3]||(e[3]=[t(" 例如 Element Plus 的 el-tab-pane 或 el-table-column 以及其它动态渲染 Dom 的场景不适合使用 v-permission，这种情况下你可以通过 v-if 和 checkPermission 来实现： ")])),_:1}),r(k,{type:"border-card",class:"margin-top-15"},{default:i(()=>[f(_)(["admin"])?(o(),n(l,{key:0,label:"admin"},{default:i(()=>[e[5]||(e[5]=t(" 这里采用了 ")),r(s,null,{default:i(()=>e[4]||(e[4]=[t(`v-if="checkPermission(['admin'])"`)])),_:1}),e[6]||(e[6]=t(" 所以只有 admin 可以看见这句话 "))]),_:1})):v("",!0),f(_)(["editor"])?(o(),n(l,{key:1,label:"editor"},{default:i(()=>[e[8]||(e[8]=t(" 这里采用了 ")),r(s,null,{default:i(()=>e[7]||(e[7]=[t(`v-if="checkPermission(['editor'])"`)])),_:1}),e[9]||(e[9]=t(" 所以只有 editor 可以看见这句话 "))]),_:1})):v("",!0),f(_)(["admin","editor"])?(o(),n(l,{key:2,label:"admin 和 editor"},{default:i(()=>[e[11]||(e[11]=t(" 这里采用了 ")),r(s,null,{default:i(()=>e[10]||(e[10]=[t(`v-if="checkPermission(['admin', 'editor'])"`)])),_:1}),e[12]||(e[12]=t(" 所以 admin 和 editor 都可以看见这句话 "))]),_:1})):v("",!0)]),_:1})])])}}}),U=b(S,[["__scopeId","data-v-295dc3c3"]]);export{U as default};
import{j as g,_ as b}from"./index-DpZLljce.js";import{S as y}from"./SwitchRoles-tr-QYjGg.js";import{m as P,ai as p,aq as x,p as o,q as w,U as r,t as a,P as u,M as n,O as i,S as t,u as f,R as v}from"./vue--2HXM7E3.js";import"./element-BKZLx1Ip.js";import"./vxe-BiPe3WUh.js";const _=d=>{if(Array.isArray(d)&&d.length>0){const{roles:c}=g();return c.some(e=>d.includes(e))}else return console.error("need roles! Like checkPermission(['admin','editor'])"),!1},z={class:"app-container"},B={class:"margin-top-30"},C={class:"margin-top-15"},N={class:"margin-top-30"},S=P({__name:"directive",setup(d){return(c,e)=>{const s=p("el-tag"),l=p("el-tab-pane"),k=p("el-tabs"),m=x("permission");return o(),w("div",z,[r(y),a("div",B,[a("div",null,[u((o(),n(s,{type:"success",size:"large",effect:"plain"},{default:i(()=>e[0]||(e[0]=[t(` 这里采用了 v-permission="['admin']" 所以只有 admin 可以看见这句话 `)])),_:1})),[[m,["admin"]]])]),a("div",null,[u((o(),n(s,{type:"success",size:"large",effect:"plain"},{default:i(()=>e[1]||(e[1]=[t(` 这里采用了 v-permission="['editor']" 所以只有 editor 可以看见这句话 `)])),_:1})),[[m,["editor"]]])]),a("div",C,[u((o(),n(s,{type:"success",size:"large",effect:"plain"},{default:i(()=>e[2]||(e[2]=[t(` 这里采用了 v-permission="['admin', 'editor']" 所以 admin 和 editor 都可以看见这句话 `)])),_:1})),[[m,["admin","editor"]]])])]),a("div",N,[r(s,{type:"warning",size:"large"},{default:i(()=>e[3]||(e[3]=[t(" 例如 Element Plus 的 el-tab-pane 或 el-table-column 以及其它动态渲染 Dom 的场景不适合使用 v-permission，这种情况下你可以通过 v-if 和 checkPermission 来实现： ")])),_:1}),r(k,{type:"border-card",class:"margin-top-15"},{default:i(()=>[f(_)(["admin"])?(o(),n(l,{key:0,label:"admin"},{default:i(()=>[e[5]||(e[5]=t(" 这里采用了 ")),r(s,null,{default:i(()=>e[4]||(e[4]=[t(`v-if="checkPermission(['admin'])"`)])),_:1}),e[6]||(e[6]=t(" 所以只有 admin 可以看见这句话 "))]),_:1})):v("",!0),f(_)(["editor"])?(o(),n(l,{key:1,label:"editor"},{default:i(()=>[e[8]||(e[8]=t(" 这里采用了 ")),r(s,null,{default:i(()=>e[7]||(e[7]=[t(`v-if="checkPermission(['editor'])"`)])),_:1}),e[9]||(e[9]=t(" 所以只有 editor 可以看见这句话 "))]),_:1})):v("",!0),f(_)(["admin","editor"])?(o(),n(l,{key:2,label:"admin 和 editor"},{default:i(()=>[e[11]||(e[11]=t(" 这里采用了 ")),r(s,null,{default:i(()=>e[10]||(e[10]=[t(`v-if="checkPermission(['admin', 'editor'])"`)])),_:1}),e[12]||(e[12]=t(" 所以 admin 和 editor 都可以看见这句话 "))]),_:1})):v("",!0)]),_:1})])])}}}),U=b(S,[["__scopeId","data-v-295dc3c3"]]);export{U as default};

2
static/element-CWPCv7c8.js → static/element-BKZLx1Ip.js
View File

File diff suppressed because one or more lines are too long

2
static/index-Cy-ROjIX.js → static/index-BMy_xfH4.js
View File

@ -1 +1 @@
import{_ as i}from"./index-CGG8DPuG.js";import{ai as t,p as _,q as p,t as l,S as n,U as o,O as r}from"./vue-DPGD_U5x.js";import"./element-CWPCv7c8.js";import"./vxe-BAVO9y5x.js";const d={},m={class:"app-container"};function u(f,e){const a=t("el-link"),s=t("router-view"),c=t("el-card");return _(),p("div",m,[l("h4",null,[e[1]||(e[1]=n(" 三级及其以上路由缓存功能默认关闭，需要请前往此配置文件中打开： ")),o(a,{type:"primary",href:"https://github.com/un-pany/v3-admin-vite/blob/main/src/config/route.ts",target:"_blank"},{default:r(()=>e[0]||(e[0]=[n(" src/config/route.ts ")])),_:1})]),o(c,{header:"二级路由 - menu1"},{default:r(()=>[o(s)]),_:1})])}const g=i(d,[["render",u],["__scopeId","data-v-6b5ec9cb"]]);export{g as default};
import{_ as i}from"./index-DpZLljce.js";import{ai as t,p as _,q as p,t as l,S as n,U as o,O as r}from"./vue--2HXM7E3.js";import"./element-BKZLx1Ip.js";import"./vxe-BiPe3WUh.js";const d={},m={class:"app-container"};function u(f,e){const a=t("el-link"),s=t("router-view"),c=t("el-card");return _(),p("div",m,[l("h4",null,[e[1]||(e[1]=n(" 三级及其以上路由缓存功能默认关闭，需要请前往此配置文件中打开： ")),o(a,{type:"primary",href:"https://github.com/un-pany/v3-admin-vite/blob/main/src/config/route.ts",target:"_blank"},{default:r(()=>e[0]||(e[0]=[n(" src/config/route.ts ")])),_:1})]),o(c,{header:"二级路由 - menu1"},{default:r(()=>[o(s)]),_:1})])}const g=i(d,[["render",u],["__scopeId","data-v-6b5ec9cb"]]);export{g as default};

2
static/index-JysJPryK.js → static/index-BQwk0Pnr.js
View File

@ -1 +1 @@
import{_ as c,e as _}from"./index-CGG8DPuG.js";import{ai as s,p as n,q as r,U as a,m as i,M as p,Q as d,u as m}from"./vue-DPGD_U5x.js";import"./element-CWPCv7c8.js";import"./vxe-BAVO9y5x.js";const f={},l={class:"app-container center"};function u(t,o){const e=s("el-empty");return n(),r("div",l,[a(e,{description:"欢迎来到 admin 角色专属首页"})])}const v=c(f,[["render",u],["__scopeId","data-v-7644c57f"]]),x={},h={class:"app-container center"};function y(t,o){const e=s("el-empty");return n(),r("div",h,[a(e,{description:"欢迎来到 editor 角色专属首页"})])}const $=c(x,[["render",y],["__scopeId","data-v-1ffd0ab5"]]),I=i({__name:"index",setup(t){const e=_().roles.includes("admin");return(k,B)=>(n(),p(d(m(e)?v:$)))}});export{I as default};
import{_ as c,e as _}from"./index-DpZLljce.js";import{ai as s,p as n,q as r,U as a,m as i,M as p,Q as d,u as m}from"./vue--2HXM7E3.js";import"./element-BKZLx1Ip.js";import"./vxe-BiPe3WUh.js";const f={},l={class:"app-container center"};function u(t,o){const e=s("el-empty");return n(),r("div",l,[a(e,{description:"欢迎来到 admin 角色专属首页"})])}const v=c(f,[["render",u],["__scopeId","data-v-7644c57f"]]),x={},h={class:"app-container center"};function y(t,o){const e=s("el-empty");return n(),r("div",h,[a(e,{description:"欢迎来到 editor 角色专属首页"})])}const $=c(x,[["render",y],["__scopeId","data-v-1ffd0ab5"]]),I=i({__name:"index",setup(t){const e=_().roles.includes("admin");return(k,B)=>(n(),p(d(m(e)?v:$)))}});export{I as default};

2
static/index-JuqKtN5p.js → static/index-BRbtnCwP.js
View File

@ -1 +1 @@
import{i as e}from"./index-CGG8DPuG.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{i as e}from"./index-DpZLljce.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-IiU8lfXU.js → static/index-CNN4dHeW.js
View File

@ -1 +1 @@
import{_ as o}from"./index-CGG8DPuG.js";import{p as n,q as a,t}from"./vue-DPGD_U5x.js";import"./element-CWPCv7c8.js";import"./vxe-BAVO9y5x.js";const i={},r={"h-full":"","uno-padding-20":""};function s(c,e){return n(),a("div",r,e[0]||(e[0]=[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)]))}const p=o(i,[["render",s]]);export{p as default};
import{_ as o}from"./index-DpZLljce.js";import{p as n,q as a,t}from"./vue--2HXM7E3.js";import"./element-BKZLx1Ip.js";import"./vxe-BiPe3WUh.js";const i={},r={"h-full":"","uno-padding-20":""};function s(c,e){return n(),a("div",r,e[0]||(e[0]=[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)]))}const p=o(i,[["render",s]]);export{p as default};

2
static/index-CB6jcmRB.js → static/index-CPj_6lVC.js
View File

@ -1 +1 @@
import{m as p,a as r,ai as t,p as c,q as m,U as a,O as u}from"./vue-DPGD_U5x.js";const _={class:"app-container"},x=p({name:"Menu1-2-2",__name:"index",setup(d){const e=r("");return(i,n)=>{const o=t("el-input"),l=t("el-card");return c(),m("div",_,[a(l,{header:"四级路由缓存 - menu1-2-2"},{default:u(()=>[a(o,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=s=>e.value=s)},null,8,["modelValue"])]),_:1})])}}});export{x as default};
import{m as p,a as r,ai as t,p as c,q as m,U as a,O as u}from"./vue--2HXM7E3.js";const _={class:"app-container"},x=p({name:"Menu1-2-2",__name:"index",setup(d){const e=r("");return(i,n)=>{const o=t("el-input"),l=t("el-card");return c(),m("div",_,[a(l,{header:"四级路由缓存 - menu1-2-2"},{default:u(()=>[a(o,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=s=>e.value=s)},null,8,["modelValue"])]),_:1})])}}});export{x as default};

1
static/index-CYRayvLf.js Normal file
View File

File diff suppressed because one or more lines are too long

2
static/index-DoP7iVxF.js → static/index-D1F0Tt4K.js
View File

@ -1 +1 @@
import{m as p,a as r,ai as t,p as c,q as m,U as a,O as u}from"./vue-DPGD_U5x.js";const _={class:"app-container"},x=p({name:"Menu1-2-1",__name:"index",setup(d){const e=r("");return(i,n)=>{const o=t("el-input"),l=t("el-card");return c(),m("div",_,[a(l,{header:"四级路由缓存 - menu1-2-1"},{default:u(()=>[a(o,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=s=>e.value=s)},null,8,["modelValue"])]),_:1})])}}});export{x as default};
import{m as p,a as r,ai as t,p as c,q as m,U as a,O as u}from"./vue--2HXM7E3.js";const _={class:"app-container"},x=p({name:"Menu1-2-1",__name:"index",setup(d){const e=r("");return(i,n)=>{const o=t("el-input"),l=t("el-card");return c(),m("div",_,[a(l,{header:"四级路由缓存 - menu1-2-1"},{default:u(()=>[a(o,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=s=>e.value=s)},null,8,["modelValue"])]),_:1})])}}});export{x as default};

2
static/index-DbxsYMrh.js → static/index-DAM0u44M.js
View File

File diff suppressed because one or more lines are too long

2
static/index-Bcb-VyPq.js → static/index-DBQlSwKe.js
View File

File diff suppressed because one or more lines are too long

2
static/index-DH9tb1NO.js → static/index-DEI1E864.js
View File

@ -1 +1 @@
import{m as V,p as F,q as b,aK as q,I as E,a as m,aE as M,Z as N,ai as r,U as e,u as t,t as p,O as s,a9 as I,a2 as K,S as O}from"./vue-DPGD_U5x.js";import{_ as B,f as S,e as L}from"./index-CGG8DPuG.js";import{v as $,w as A,x as D,y as J,z as T}from"./element-CWPCv7c8.js";import{_ as Z}from"./index.vue_vue_type_script_setup_true_lang-Ci6hHCgY.js";import"./vxe-BAVO9y5x.js";const j="/v3-admin-vite/static/logo-text-2-CVewf8RJ.png",G=V({__name:"Owl",props:{closeEyes:{type:Boolean}},setup(l){const u=l;return(f,c)=>(F(),b("div",{class:E(["owl",{"owl-password":u.closeEyes}])},c[0]||(c[0]=[q('<div class="hand-down-left" data-v-957a4d98></div><div class="hand-down-right" data-v-957a4d98></div><div class="hand-up-left" data-v-957a4d98></div><div class="hand-up-right" data-v-957a4d98></div><div class="close-eyes" data-v-957a4d98></div>',5)]),2))}}),H=B(G,[["__scopeId","data-v-957a4d98"]]);function P(){const l=m(!1);return{isFocus:l,handleBlur:()=>{l.value=!1},handleFocus:()=>{l.value=!0}}}const Q={class:"login-container"},W={class:"login-card"},X={class:"content"},Y=V({__name:"index",setup(l){const u=M(),{isFocus:f,handleBlur:c,handleFocus:C}=P(),h=m(null),_=m(!1),g=m(""),a=N({username:"admin",password:"12345678",code:""}),k={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"}]},w=()=>{var n;(n=h.value)==null||n.validate((o,d)=>{o?(_.value=!0,L().login(a).then(()=>{u.push({path:"/"})}).catch(()=>{v(),a.password=""}).finally(()=>{_.value=!1})):console.error("表单校验不通过",d)})},v=()=>{a.code="",g.value="",S().then(n=>{g.value=n.data})};return v(),(n,o)=>{const d=r("el-input"),x=r("el-form-item"),y=r("el-icon"),z=r("el-image"),U=r("el-button"),R=r("el-form");return F(),b("div",Q,[e(Z,{class:"theme-switch"}),e(H,{"close-eyes":t(f)},null,8,["close-eyes"]),p("div",W,[o[4]||(o[4]=p("div",{class:"title"},[p("img",{src:j})],-1)),p("div",X,[e(R,{ref_key:"loginFormRef",ref:h,model:a,rules:k,onKeyup:I(w,["enter"])},{default:s(()=>[e(x,{prop:"username"},{default:s(()=>[e(d,{modelValue:a.username,"onUpdate:modelValue":o[0]||(o[0]=i=>a.username=i),modelModifiers:{trim:!0},placeholder:"用户名",type:"text",tabindex:"1","prefix-icon":t($),size:"large"},null,8,["modelValue","prefix-icon"])]),_:1}),e(x,{prop:"password"},{default:s(()=>[e(d,{modelValue:a.password,"onUpdate:modelValue":o[1]||(o[1]=i=>a.password=i),modelModifiers:{trim:!0},placeholder:"密码",type:"password",tabindex:"2","prefix-icon":t(A),size:"large","show-password":"",onBlur:t(c),onFocus:t(C)},null,8,["modelValue","prefix-icon","onBlur","onFocus"])]),_:1}),e(x,{prop:"code"},{default:s(()=>[e(d,{modelValue:a.code,"onUpdate:modelValue":o[2]||(o[2]=i=>a.code=i),modelModifiers:{trim:!0},placeholder:"验证码",type:"text",tabindex:"3","prefix-icon":t(D),maxlength:"7",size:"large"},{append:s(()=>[e(z,{src:g.value,onClick:v,draggable:"false"},{placeholder:s(()=>[e(y,null,{default:s(()=>[e(t(J))]),_:1})]),error:s(()=>[e(y,null,{default:s(()=>[e(t(T))]),_:1})]),_:1},8,["src"])]),_:1},8,["modelValue","prefix-icon"])]),_:1}),e(U,{loading:_.value,type:"primary",size:"large",onClick:K(w,["prevent"])},{default:s(()=>o[3]||(o[3]=[O("登 录")])),_:1},8,["loading"])]),_:1},8,["model"])])])])}}}),le=B(Y,[["__scopeId","data-v-c8304cc7"]]);export{le as default};
import{m as V,p as F,q as b,aK as q,I as E,a as m,aE as M,Z as N,ai as r,U as e,u as t,t as p,O as s,a9 as I,a2 as K,S as O}from"./vue--2HXM7E3.js";import{_ as B,f as S,e as L}from"./index-DpZLljce.js";import{v as $,w as A,x as D,y as J,z as T}from"./element-BKZLx1Ip.js";import{_ as Z}from"./index.vue_vue_type_script_setup_true_lang-Cabd7cyh.js";import"./vxe-BiPe3WUh.js";const j="/v3-admin-vite/static/logo-text-2-CVewf8RJ.png",G=V({__name:"Owl",props:{closeEyes:{type:Boolean}},setup(l){const u=l;return(f,c)=>(F(),b("div",{class:E(["owl",{"owl-password":u.closeEyes}])},c[0]||(c[0]=[q('<div class="hand-down-left" data-v-957a4d98></div><div class="hand-down-right" data-v-957a4d98></div><div class="hand-up-left" data-v-957a4d98></div><div class="hand-up-right" data-v-957a4d98></div><div class="close-eyes" data-v-957a4d98></div>',5)]),2))}}),H=B(G,[["__scopeId","data-v-957a4d98"]]);function P(){const l=m(!1);return{isFocus:l,handleBlur:()=>{l.value=!1},handleFocus:()=>{l.value=!0}}}const Q={class:"login-container"},W={class:"login-card"},X={class:"content"},Y=V({__name:"index",setup(l){const u=M(),{isFocus:f,handleBlur:c,handleFocus:C}=P(),h=m(null),_=m(!1),g=m(""),a=N({username:"admin",password:"12345678",code:""}),k={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"}]},w=()=>{var n;(n=h.value)==null||n.validate((o,d)=>{o?(_.value=!0,L().login(a).then(()=>{u.push({path:"/"})}).catch(()=>{v(),a.password=""}).finally(()=>{_.value=!1})):console.error("表单校验不通过",d)})},v=()=>{a.code="",g.value="",S().then(n=>{g.value=n.data})};return v(),(n,o)=>{const d=r("el-input"),x=r("el-form-item"),y=r("el-icon"),z=r("el-image"),U=r("el-button"),R=r("el-form");return F(),b("div",Q,[e(Z,{class:"theme-switch"}),e(H,{"close-eyes":t(f)},null,8,["close-eyes"]),p("div",W,[o[4]||(o[4]=p("div",{class:"title"},[p("img",{src:j})],-1)),p("div",X,[e(R,{ref_key:"loginFormRef",ref:h,model:a,rules:k,onKeyup:I(w,["enter"])},{default:s(()=>[e(x,{prop:"username"},{default:s(()=>[e(d,{modelValue:a.username,"onUpdate:modelValue":o[0]||(o[0]=i=>a.username=i),modelModifiers:{trim:!0},placeholder:"用户名",type:"text",tabindex:"1","prefix-icon":t($),size:"large"},null,8,["modelValue","prefix-icon"])]),_:1}),e(x,{prop:"password"},{default:s(()=>[e(d,{modelValue:a.password,"onUpdate:modelValue":o[1]||(o[1]=i=>a.password=i),modelModifiers:{trim:!0},placeholder:"密码",type:"password",tabindex:"2","prefix-icon":t(A),size:"large","show-password":"",onBlur:t(c),onFocus:t(C)},null,8,["modelValue","prefix-icon","onBlur","onFocus"])]),_:1}),e(x,{prop:"code"},{default:s(()=>[e(d,{modelValue:a.code,"onUpdate:modelValue":o[2]||(o[2]=i=>a.code=i),modelModifiers:{trim:!0},placeholder:"验证码",type:"text",tabindex:"3","prefix-icon":t(D),maxlength:"7",size:"large"},{append:s(()=>[e(z,{src:g.value,onClick:v,draggable:"false"},{placeholder:s(()=>[e(y,null,{default:s(()=>[e(t(J))]),_:1})]),error:s(()=>[e(y,null,{default:s(()=>[e(t(T))]),_:1})]),_:1},8,["src"])]),_:1},8,["modelValue","prefix-icon"])]),_:1}),e(U,{loading:_.value,type:"primary",size:"large",onClick:K(w,["prevent"])},{default:s(()=>o[3]||(o[3]=[O("登 录")])),_:1},8,["loading"])]),_:1},8,["model"])])])])}}}),le=B(Y,[["__scopeId","data-v-c8304cc7"]]);export{le as default};

1
static/index-DIddsOBv.js
View File

File diff suppressed because one or more lines are too long

2
static/index-CJegE2sS.js → static/index-Db5ngFwK.js
View File

@ -1 +1 @@
import{m as t,aD as r,aE as a,p as o,q as s}from"./vue-DPGD_U5x.js";const _=t({__name:"index",setup(n){const e=r();return a().replace({path:"/"+e.params.path,query:e.query}),(p,c)=>(o(),s("div"))}});export{_ as default};
import{m as t,aD as r,aE as a,p as o,q as s}from"./vue--2HXM7E3.js";const _=t({__name:"index",setup(n){const e=r();return a().replace({path:"/"+e.params.path,query:e.query}),(p,c)=>(o(),s("div"))}});export{_ as default};

2
static/index-BXMCS70S.js → static/index-Dc4qqc32.js
View File

@ -1 +1 @@
import{m as p,a as r,ai as t,p as c,q as m,U as a,O as u}from"./vue-DPGD_U5x.js";const _={class:"app-container"},x=p({name:"Menu1-1",__name:"index",setup(d){const e=r("");return(i,n)=>{const o=t("el-input"),l=t("el-card");return c(),m("div",_,[a(l,{header:"三级路由缓存 - menu1-1"},{default:u(()=>[a(o,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=s=>e.value=s)},null,8,["modelValue"])]),_:1})])}}});export{x as default};
import{m as p,a as r,ai as t,p as c,q as m,U as a,O as u}from"./vue--2HXM7E3.js";const _={class:"app-container"},x=p({name:"Menu1-1",__name:"index",setup(d){const e=r("");return(i,n)=>{const o=t("el-input"),l=t("el-card");return c(),m("div",_,[a(l,{header:"三级路由缓存 - menu1-1"},{default:u(()=>[a(o,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=s=>e.value=s)},null,8,["modelValue"])]),_:1})])}}});export{x as default};

2
static/index-BE_9MsD4.js → static/index-DhZTDAib.js
View File

@ -1 +1 @@
import{m as p,a as r,ai as t,p as c,q as m,U as a,O as u}from"./vue-DPGD_U5x.js";const _={class:"app-container"},x=p({name:"Menu1-3",__name:"index",setup(d){const e=r("");return(i,n)=>{const o=t("el-input"),l=t("el-card");return c(),m("div",_,[a(l,{header:"三级路由缓存 - menu1-3"},{default:u(()=>[a(o,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=s=>e.value=s)},null,8,["modelValue"])]),_:1})])}}});export{x as default};
import{m as p,a as r,ai as t,p as c,q as m,U as a,O as u}from"./vue--2HXM7E3.js";const _={class:"app-container"},x=p({name:"Menu1-3",__name:"index",setup(d){const e=r("");return(i,n)=>{const o=t("el-input"),l=t("el-card");return c(),m("div",_,[a(l,{header:"三级路由缓存 - menu1-3"},{default:u(()=>[a(o,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=s=>e.value=s)},null,8,["modelValue"])]),_:1})])}}});export{x as default};

4
static/index-CGG8DPuG.js → static/index-DpZLljce.js
View File

File diff suppressed because one or more lines are too long

2
static/index-DqjWbLQg.js → static/index-_pWYPmxi.js
View File

@ -1 +1 @@
import{m as p,a as r,ai as t,p as c,q as m,U as a,O as u}from"./vue-DPGD_U5x.js";const _={class:"app-container"},x=p({name:"Menu2",__name:"index",setup(d){const e=r("");return(i,n)=>{const o=t("el-input"),l=t("el-card");return c(),m("div",_,[a(l,{header:"二级路由缓存 - menu2"},{default:u(()=>[a(o,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=s=>e.value=s)},null,8,["modelValue"])]),_:1})])}}});export{x as default};
import{m as p,a as r,ai as t,p as c,q as m,U as a,O as u}from"./vue--2HXM7E3.js";const _={class:"app-container"},x=p({name:"Menu2",__name:"index",setup(d){const e=r("");return(i,n)=>{const o=t("el-input"),l=t("el-card");return c(),m("div",_,[a(l,{header:"二级路由缓存 - menu2"},{default:u(()=>[a(o,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=s=>e.value=s)},null,8,["modelValue"])]),_:1})])}}});export{x as default};

2
static/index-Bf0oZN9o.js → static/index-jbK2wgUd.js
View File

@ -1 +1 @@
import{_ as n}from"./index-CGG8DPuG.js";import{ai as e,p as c,q as a,U as o,O as s}from"./vue-DPGD_U5x.js";import"./element-CWPCv7c8.js";import"./vxe-BAVO9y5x.js";const _={},i={class:"app-container"};function p(m,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 h=n(_,[["render",p]]);export{h as default};
import{_ as n}from"./index-DpZLljce.js";import{ai as e,p as c,q as a,U as o,O as s}from"./vue--2HXM7E3.js";import"./element-BKZLx1Ip.js";import"./vxe-BiPe3WUh.js";const _={},i={class:"app-container"};function p(m,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 h=n(_,[["render",p]]);export{h as default};

2
static/index.vue_vue_type_script_setup_true_lang-Ci6hHCgY.js → static/index.vue_vue_type_script_setup_true_lang-Cabd7cyh.js
View File

@ -1 +1 @@
import{h as g}from"./index-CGG8DPuG.js";import{A as T}from"./element-CWPCv7c8.js";import{m as v,ai as o,p as c,M as p,O as e,U as r,q as C,a8 as B,u as i,t as _,T as M,F as V}from"./vue-DPGD_U5x.js";const F=v({__name:"index",setup(b){const{themeList:u,activeThemeName:h,setTheme:f}=g(),w=({clientX:n,clientY:a},m)=>{const d=Math.hypot(Math.max(n,window.innerWidth-n),Math.max(a,window.innerHeight-a)),t=document.documentElement.style;t.setProperty("--v3-theme-x",n+"px"),t.setProperty("--v3-theme-y",a+"px"),t.setProperty("--v3-theme-r",d+"px");const s=()=>{f(m)};document.startViewTransition?document.startViewTransition(s):s()};return(n,a)=>{const m=o("el-icon"),d=o("el-tooltip"),t=o("el-dropdown-item"),s=o("el-dropdown-menu"),x=o("el-dropdown");return c(),p(x,{trigger:"click"},{dropdown:e(()=>[r(s,null,{default:e(()=>[(c(!0),C(V,null,B(i(u),(l,k)=>(c(),p(t,{key:k,disabled:i(h)===l.name,onClick:y=>{w(y,l.name)}},{default:e(()=>[_("span",null,M(l.title),1)]),_:2},1032,["disabled","onClick"]))),128))]),_:1})]),default:e(()=>[_("div",null,[r(d,{effect:"dark",content:"主题模式",placement:"bottom"},{default:e(()=>[r(m,{size:20},{default:e(()=>[r(i(T))]),_:1})]),_:1})])]),_:1})}}});export{F as _};
import{h as g}from"./index-DpZLljce.js";import{A as T}from"./element-BKZLx1Ip.js";import{m as v,ai as o,p as c,M as p,O as e,U as r,q as C,a8 as B,u as i,t as _,T as M,F as V}from"./vue--2HXM7E3.js";const F=v({__name:"index",setup(b){const{themeList:u,activeThemeName:h,setTheme:f}=g(),w=({clientX:n,clientY:a},m)=>{const d=Math.hypot(Math.max(n,window.innerWidth-n),Math.max(a,window.innerHeight-a)),t=document.documentElement.style;t.setProperty("--v3-theme-x",n+"px"),t.setProperty("--v3-theme-y",a+"px"),t.setProperty("--v3-theme-r",d+"px");const s=()=>{f(m)};document.startViewTransition?document.startViewTransition(s):s()};return(n,a)=>{const m=o("el-icon"),d=o("el-tooltip"),t=o("el-dropdown-item"),s=o("el-dropdown-menu"),x=o("el-dropdown");return c(),p(x,{trigger:"click"},{dropdown:e(()=>[r(s,null,{default:e(()=>[(c(!0),C(V,null,B(i(u),(l,k)=>(c(),p(t,{key:k,disabled:i(h)===l.name,onClick:y=>{w(y,l.name)}},{default:e(()=>[_("span",null,M(l.title),1)]),_:2},1032,["disabled","onClick"]))),128))]),_:1})]),default:e(()=>[_("div",null,[r(d,{effect:"dark",content:"主题模式",placement:"bottom"},{default:e(()=>[r(m,{size:20},{default:e(()=>[r(i(T))]),_:1})]),_:1})])]),_:1})}}});export{F as _};

2
static/page-CD7FjLIW.js → static/page-TABtMggj.js
View File

@ -1 +1 @@
import{S as a}from"./SwitchRoles-BGqtQFrP.js";import{m as s,ai as n,p as r,q as p,U as t,O as _,S as c}from"./vue-DPGD_U5x.js";import{_ as i}from"./index-CGG8DPuG.js";import"./element-CWPCv7c8.js";import"./vxe-BAVO9y5x.js";const m={class:"app-container"},l=s({__name:"page",setup(d){return(f,e)=>{const o=n("el-tag");return r(),p("div",m,[t(a),t(o,{type:"warning",size:"large"},{default:_(()=>e[0]||(e[0]=[c("当前页面只有 admin 角色可见，切换角色后将不能进入该页面")])),_:1})])}}}),C=i(l,[["__scopeId","data-v-70c1e438"]]);export{C as default};
import{S as a}from"./SwitchRoles-tr-QYjGg.js";import{m as s,ai as n,p as r,q as p,U as t,O as _,S as c}from"./vue--2HXM7E3.js";import{_ as i}from"./index-DpZLljce.js";import"./element-BKZLx1Ip.js";import"./vxe-BiPe3WUh.js";const m={class:"app-container"},l=s({__name:"page",setup(d){return(f,e)=>{const o=n("el-tag");return r(),p("div",m,[t(a),t(o,{type:"warning",size:"large"},{default:_(()=>e[0]||(e[0]=[c("当前页面只有 admin 角色可见，切换角色后将不能进入该页面")])),_:1})])}}}),C=i(l,[["__scopeId","data-v-70c1e438"]]);export{C as default};

2
static/use-fetch-select-Bx6iA8V-.js → static/use-fetch-select-BvLffh3J.js
View File

@ -1 +1 @@
import{a as r,e as V,m as b,ai as i,p as d,q as m,t as p,U as f,O as E,u as a,D as v,F as k,a8 as B,M as C,K as D}from"./vue-DPGD_U5x.js";function h(s){const{api:t}=s,o=r(!1),l=r([]),c=r(""),e=()=>{o.value=!0,l.value=[],t().then(u=>{l.value=u.data}).finally(()=>{o.value=!1})};return V(()=>{e()}),{loading:o,options:l,value:c}}const w={code:0,data:[{label:"苹果",value:1},{label:"香蕉",value:2},{label:"橘子",value:3,disabled:!0}],message:"获取 Select 数据成功"};function x(){return new Promise((s,t)=>{setTimeout(()=>{Math.random()<.8?s(w):t(new Error("接口发生错误"))},2e3)})}const A={class:"app-container"},M=b({__name:"use-fetch-select",setup(s){const{loading:t,options:o,value:l}=h({api:x});return(c,e)=>{const u=i("el-option"),_=i("el-select"),g=i("el-select-v2");return d(),m("div",A,[e[2]||(e[2]=p("h4",null,"该示例是演示：通过 hook 自动调用 api 后拿到 Select 组件需要的数据并传递给 Select 组件",-1)),e[3]||(e[3]=p("h5",null,"Select 示例",-1)),f(_,{loading:a(t),modelValue:a(l),"onUpdate:modelValue":e[0]||(e[0]=n=>v(l)?l.value=n:null),filterable:""},{default:E(()=>[(d(!0),m(k,null,B(a(o),(n,S)=>(d(),C(u,D({ref_for:!0},n,{key:S,placeholder:"请选择"}),null,16))),128))]),_:1},8,["loading","modelValue"]),e[4]||(e[4]=p("h5",null,"Select V2 示例（如果数据量过多，可以选择该组件）",-1)),f(g,{loading:a(t),modelValue:a(l),"onUpdate:modelValue":e[1]||(e[1]=n=>v(l)?l.value=n:null),options:a(o),filterable:"",placeholder:"请选择"},null,8,["loading","modelValue","options"])])}}});export{M as default};
import{a as r,e as V,m as b,ai as i,p as d,q as m,t as p,U as f,O as E,u as a,D as v,F as k,a8 as B,M as C,K as D}from"./vue--2HXM7E3.js";function h(s){const{api:t}=s,o=r(!1),l=r([]),c=r(""),e=()=>{o.value=!0,l.value=[],t().then(u=>{l.value=u.data}).finally(()=>{o.value=!1})};return V(()=>{e()}),{loading:o,options:l,value:c}}const w={code:0,data:[{label:"苹果",value:1},{label:"香蕉",value:2},{label:"橘子",value:3,disabled:!0}],message:"获取 Select 数据成功"};function x(){return new Promise((s,t)=>{setTimeout(()=>{Math.random()<.8?s(w):t(new Error("接口发生错误"))},2e3)})}const A={class:"app-container"},M=b({__name:"use-fetch-select",setup(s){const{loading:t,options:o,value:l}=h({api:x});return(c,e)=>{const u=i("el-option"),_=i("el-select"),g=i("el-select-v2");return d(),m("div",A,[e[2]||(e[2]=p("h4",null,"该示例是演示：通过 hook 自动调用 api 后拿到 Select 组件需要的数据并传递给 Select 组件",-1)),e[3]||(e[3]=p("h5",null,"Select 示例",-1)),f(_,{loading:a(t),modelValue:a(l),"onUpdate:modelValue":e[0]||(e[0]=n=>v(l)?l.value=n:null),filterable:""},{default:E(()=>[(d(!0),m(k,null,B(a(o),(n,S)=>(d(),C(u,D({ref_for:!0},n,{key:S,placeholder:"请选择"}),null,16))),128))]),_:1},8,["loading","modelValue"]),e[4]||(e[4]=p("h5",null,"Select V2 示例（如果数据量过多，可以选择该组件）",-1)),f(g,{loading:a(t),modelValue:a(l),"onUpdate:modelValue":e[1]||(e[1]=n=>v(l)?l.value=n:null),options:a(o),filterable:"",placeholder:"请选择"},null,8,["loading","modelValue","options"])])}}});export{M as default};

2
static/use-fullscreen-loading-4s7qSD7X.js → static/use-fullscreen-loading-C5y_wC9G.js
View File

@ -1,4 +1,4 @@
import{I as d,b as i}from"./element-CWPCv7c8.js";import{m,ai as g,p as f,q as y,t as _,U as l,O as c,S as u}from"./vue-DPGD_U5x.js";const k={lock:!0,text:"加载中..."},p=(o,e={})=>{let t;return async(...n)=>{try{return t=d.service({...k,...e}),await o(...n)}finally{t==null||t.close()}}},w={code:0,data:{list:[]},message:"获取成功"};function C(o){return new Promise(e=>{setTimeout(()=>{e({...w,data:{list:o}})},1e3)})}function E(){return new Promise((o,e)=>{setTimeout(()=>{e(new Error("发生错误"))},1e3)})}const S={class:"app-container"},x=`
import{I as d,b as i}from"./element-BKZLx1Ip.js";import{m,ai as g,p as f,q as y,t as _,U as l,O as c,S as u}from"./vue--2HXM7E3.js";const k={lock:!0,text:"加载中..."},p=(o,e={})=>{let t;return async(...n)=>{try{return t=d.service({...k,...e}),await o(...n)}finally{t==null||t.close()}}},w={code:0,data:{list:[]},message:"获取成功"};function C(o){return new Promise(e=>{setTimeout(()=>{e({...w,data:{list:o}})},1e3)})}function E(){return new Promise((o,e)=>{setTimeout(()=>{e(new Error("发生错误"))},1e3)})}const S={class:"app-container"},x=`
<path class="path" d="
M 30 15
L 28 17

2
static/use-watermark-B8iEnuF2.js → static/use-watermark-DeGgVSwZ.js
View File

@ -1 +1 @@
import{u as m}from"./useWatermark-DoPCp7pI.js";import{m as y,a as _,ai as i,p as v,q as W,t as d,U as t,O as o,u as l,S as n}from"./vue-DPGD_U5x.js";import{_ as b}from"./index-CGG8DPuG.js";import"./element-CWPCv7c8.js";import"./vxe-BAVO9y5x.js";const g={class:"app-container"},x=y({__name:"use-watermark",setup($){const s=_(null),{setWatermark:f,clearWatermark:k}=m(s),{setWatermark:p,clearWatermark:C}=m();return(w,e)=>{const r=i("el-button"),u=i("el-button-group");return v(),W("div",g,[e[10]||(e[10]=d("h4",null," 该示例是演示：通过调用 hook，开启或关闭水印， 支持局部、全局、自定义样式（颜色、透明度、字体大小、字体、倾斜角度等），并自带防御（防删、防隐藏）和自适应功能 ",-1)),d("div",{ref_key:"localRef",ref:s,class:"local"},null,512),t(u,null,{default:o(()=>[t(r,{type:"primary",onClick:e[0]||(e[0]=a=>l(f)("局部水印",{color:"#409eff"}))},{default:o(()=>e[4]||(e[4]=[n("创建局部水印")])),_:1}),t(r,{type:"warning",onClick:e[1]||(e[1]=a=>l(f)("没有防御功能的局部水印",{color:"#e6a23c",defense:!1}))},{default:o(()=>e[5]||(e[5]=[n(" 关闭防御功能 ")])),_:1}),t(r,{type:"danger",onClick:l(k)},{default:o(()=>e[6]||(e[6]=[n("清除局部水印")])),_:1},8,["onClick"])]),_:1}),t(u,null,{default:o(()=>[t(r,{type:"primary",onClick:e[2]||(e[2]=a=>l(p)("全局水印",{color:"#409eff"}))},{default:o(()=>e[7]||(e[7]=[n("创建全局水印")])),_:1}),t(r,{type:"warning",onClick:e[3]||(e[3]=a=>l(p)("没有防御功能的全局水印",{color:"#e6a23c",defense:!1}))},{default:o(()=>e[8]||(e[8]=[n(" 关闭防御功能 ")])),_:1}),t(r,{type:"danger",onClick:l(C)},{default:o(()=>e[9]||(e[9]=[n("清除全局水印")])),_:1},8,["onClick"])]),_:1})])}}}),c=b(x,[["__scopeId","data-v-dbeea05d"]]);export{c as default};
import{u as m}from"./useWatermark-iW6eR1KU.js";import{m as y,a as _,ai as i,p as v,q as W,t as d,U as t,O as o,u as l,S as n}from"./vue--2HXM7E3.js";import{_ as b}from"./index-DpZLljce.js";import"./element-BKZLx1Ip.js";import"./vxe-BiPe3WUh.js";const g={class:"app-container"},x=y({__name:"use-watermark",setup($){const s=_(null),{setWatermark:f,clearWatermark:k}=m(s),{setWatermark:p,clearWatermark:C}=m();return(w,e)=>{const r=i("el-button"),u=i("el-button-group");return v(),W("div",g,[e[10]||(e[10]=d("h4",null," 该示例是演示：通过调用 hook，开启或关闭水印， 支持局部、全局、自定义样式（颜色、透明度、字体大小、字体、倾斜角度等），并自带防御（防删、防隐藏）和自适应功能 ",-1)),d("div",{ref_key:"localRef",ref:s,class:"local"},null,512),t(u,null,{default:o(()=>[t(r,{type:"primary",onClick:e[0]||(e[0]=a=>l(f)("局部水印",{color:"#409eff"}))},{default:o(()=>e[4]||(e[4]=[n("创建局部水印")])),_:1}),t(r,{type:"warning",onClick:e[1]||(e[1]=a=>l(f)("没有防御功能的局部水印",{color:"#e6a23c",defense:!1}))},{default:o(()=>e[5]||(e[5]=[n(" 关闭防御功能 ")])),_:1}),t(r,{type:"danger",onClick:l(k)},{default:o(()=>e[6]||(e[6]=[n("清除局部水印")])),_:1},8,["onClick"])]),_:1}),t(u,null,{default:o(()=>[t(r,{type:"primary",onClick:e[2]||(e[2]=a=>l(p)("全局水印",{color:"#409eff"}))},{default:o(()=>e[7]||(e[7]=[n("创建全局水印")])),_:1}),t(r,{type:"warning",onClick:e[3]||(e[3]=a=>l(p)("没有防御功能的全局水印",{color:"#e6a23c",defense:!1}))},{default:o(()=>e[8]||(e[8]=[n(" 关闭防御功能 ")])),_:1}),t(r,{type:"danger",onClick:l(C)},{default:o(()=>e[9]||(e[9]=[n("清除全局水印")])),_:1},8,["onClick"])]),_:1})])}}}),c=b(x,[["__scopeId","data-v-dbeea05d"]]);export{c as default};

2
static/useWatermark-DoPCp7pI.js → static/useWatermark-iW6eR1KU.js
View File

@ -1 +1 @@
import{n as u}from"./element-CWPCv7c8.js";import{a as x,A as C}from"./vue-DPGD_U5x.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-BKZLx1Ip.js";import{a as x,A as C}from"./vue--2HXM7E3.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/vue--2HXM7E3.js Normal file
View File

File diff suppressed because one or more lines are too long

2
static/vue-DPGD_U5x.js
View File

File diff suppressed because one or more lines are too long

2
static/vxe-BAVO9y5x.js → static/vxe-BiPe3WUh.js
View File

File diff suppressed because one or more lines are too long