import{bu as e}from"./user-610e4ff5.js";import{S as i}from"./SwitchRoles-e37e31b4.js";import{a4 as s,k as a,aG as r,aH as o,ay as n,W as l,a2 as t,X as d,b3 as m,a1 as p,b1 as c,U as u,x as f,V as v}from"./runtime-core.esm-bundler-9099a418.js";import{_}from"./_plugin-vue_export-helper-1b428a4d.js";import"./vue-router-d7411128.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={class:"permission-alert"},h={class:"permission-alert"},j=_(s({__name:"directive",setup(e){const s=a(1),_=()=>{s.value++};return(e,a)=>{const j=r("el-tag"),P=r("el-tab-pane"),z=r("el-tabs"),x=o("permission");return n(),l("div",b,[t(i,{onChange:_}),(n(),l("div",{key:s.value,class:"margin-top"},[d("div",null,[m((n(),l("span",g,[p(" 只有 "),t(j,null,{default:c((()=>[p("admin")])),_:1}),p("可以看见这个 ")])),[[x,["admin"]]]),m((n(),u(j,{class:"permission-code",type:"info",size:"large"},{default:c((()=>[p(" v-permission=\"['admin']\" ")])),_:1})),[[x,["admin"]]])]),d("div",null,[m((n(),l("span",k,[p(" 只有 "),t(j,null,{default:c((()=>[p("editor")])),_:1}),p("可以看见这个 ")])),[[x,["editor"]]]),m((n(),u(j,{class:"permission-code",type:"info",size:"large"},{default:c((()=>[p(" v-permission=\"['editor']\" ")])),_:1})),[[x,["editor"]]])]),d("div",null,[m((n(),l("span",h,[p(" 两者 "),t(j,null,{default:c((()=>[p("admin")])),_:1}),p("和 "),t(j,null,{default:c((()=>[p("editor")])),_:1}),p("都可以看见这个 ")])),[[x,["admin","editor"]]]),m((n(),u(j,{class:"permission-code",type:"info",size:"large"},{default:c((()=>[p(" v-permission=\"['admin', 'editor']\" ")])),_:1})),[[x,["admin","editor"]]])])])),(n(),l("div",{key:"checkPermission"+s.value,class:"margin-top"},[t(j,{type:"info",size:"large"},{default:c((()=>[p(" 在某些情况下，不适合使用 v-permission。例如: Element Plus 的 el-tab-pane 或 el-table-column 以及其它动态渲染 Dom 的场景。你只能通过手动设置 v-if 来实现。 ")])),_:1}),t(z,{type:"border-card",class:"margin-top"},{default:c((()=>[f(y)(["admin"])?(n(),u(P,{key:0,label:"admin"},{default:c((()=>[p(" admin 可以看见这个 "),t(j,{class:"permission-code",type:"info"},{default:c((()=>[p(" v-if=\"checkPermission(['admin'])\" ")])),_:1})])),_:1})):v("",!0),f(y)(["editor"])?(n(),u(P,{key:1,label:"editor"},{default:c((()=>[p(" editor 可以看见这个 "),t(j,{class:"permission-code",type:"info"},{default:c((()=>[p(" v-if=\"checkPermission(['editor'])\" ")])),_:1})])),_:1})):v("",!0),f(y)(["admin","editor"])?(n(),u(P,{key:2,label:"admin 和 editor"},{default:c((()=>[p(" 两者 admin 和 editor 都可以看见这个 "),t(j,{class:"permission-code",type:"info"},{default:c((()=>[p(" v-if=\"checkPermission(['admin', 'editor'])\" ")])),_:1})])),_:1})):v("",!0)])),_:1})]))])}}}),[["__scopeId","data-v-4e49b14c"]]);export{j as default};