2 lines
2.9 KiB
JavaScript
2 lines
2.9 KiB
JavaScript
import{a1 as e,a as i,R as s,g as a,a2 as n,o,b as l,e as d,z as r,M as t,w as m,f as c,u as p,A as f,C as u,_ as v}from"./index.aa897bf7.js";import{S as _}from"./SwitchRoles.eaff2645.js";const y=i=>{if(i&&i instanceof Array&&i.length>0){const s=e().roles,a=i;return s.some((e=>a.includes(e)))}return console.error("need roles! Like v-permission=\"['admin','editor']\""),!1},b={class:"app-container"},g={class:"permission-alert"},k=u(" 只有 "),h=u("admin"),z=u("可以看见这个 "),P=u(" v-permission=\"['admin']\" "),j={class:"permission-alert"},w=u(" 只有 "),x=u("editor"),A=u("可以看见这个 "),C=u(" v-permission=\"['editor']\" "),R={class:"permission-alert"},S=u(" 两者 "),D=u("admin"),E=u("和 "),I=u("editor"),L=u("都可以看见这个 "),M=u(" v-permission=\"['admin', 'editor']\" "),q=u(" 在某些情况下，不适合使用 v-permission。例如: Element-Plus 的 el-tab-pane 或 el-table-column 以及其它动态渲染 Dom 的场景。你只能通过手动设置 v-if 来实现。 "),B=u(" admin 可以看见这个 "),F=u(" v-if=\"checkPermission(['admin'])\" "),G=u(" editor 可以看见这个 "),H=u(" v-if=\"checkPermission(['editor'])\" "),J=u(" 两者 admin 和 editor 都可以看见这个 "),K=u(" v-if=\"checkPermission(['admin', 'editor'])\" "),N=v(i({__name:"directive",setup(e){const i=s(1),u=()=>{i.value++};return(e,s)=>{const v=a("el-tag"),N=a("el-tab-pane"),O=a("el-tabs"),Q=n("permission");return o(),l("div",b,[d(_,{onChange:u}),(o(),l("div",{key:i.value,class:"margin-top"},[r("div",null,[t((o(),l("span",g,[k,d(v,null,{default:m((()=>[h])),_:1}),z])),[[Q,["admin"]]]),t((o(),c(v,{class:"permission-code",type:"info",size:"large"},{default:m((()=>[P])),_:1})),[[Q,["admin"]]])]),r("div",null,[t((o(),l("span",j,[w,d(v,null,{default:m((()=>[x])),_:1}),A])),[[Q,["editor"]]]),t((o(),c(v,{class:"permission-code",type:"info",size:"large"},{default:m((()=>[C])),_:1})),[[Q,["editor"]]])]),r("div",null,[t((o(),l("span",R,[S,d(v,null,{default:m((()=>[D])),_:1}),E,d(v,null,{default:m((()=>[I])),_:1}),L])),[[Q,["admin","editor"]]]),t((o(),c(v,{class:"permission-code",type:"info",size:"large"},{default:m((()=>[M])),_:1})),[[Q,["admin","editor"]]])])])),(o(),l("div",{key:"checkPermission"+i.value,class:"margin-top"},[d(v,{type:"info",size:"large"},{default:m((()=>[q])),_:1}),d(O,{type:"border-card",class:"margin-top"},{default:m((()=>[p(y)(["admin"])?(o(),c(N,{key:0,label:"admin"},{default:m((()=>[B,d(v,{class:"permission-code",type:"info"},{default:m((()=>[F])),_:1})])),_:1})):f("",!0),p(y)(["editor"])?(o(),c(N,{key:1,label:"editor"},{default:m((()=>[G,d(v,{class:"permission-code",type:"info"},{default:m((()=>[H])),_:1})])),_:1})):f("",!0),p(y)(["admin","editor"])?(o(),c(N,{key:2,label:"admin 和 editor"},{default:m((()=>[J,d(v,{class:"permission-code",type:"info"},{default:m((()=>[K])),_:1})])),_:1})):f("",!0)])),_:1})]))])}}}),[["__scopeId","data-v-588db394"]]);export{N as default};
|