webpackJsonp([7],{FY98:function(e,s,t){(e.exports=t("BkJT")(!1)).push([e.i,"\n.app-container[data-v-0d0cee04] .permission-alert {\n  width: 320px;\n  margin-top: 30px;\n  background-color: #f0f9eb;\n  color: #67c23a;\n  padding: 8px 16px;\n  border-radius: 4px;\n  display: block;\n}\n.app-container[data-v-0d0cee04] .permission-tag {\n  background-color: #ecf5ff;\n}\n",""])},JjlC:function(e,s,t){var i=t("FY98");"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);t("8bSs")("433940a7",i,!0)},dy4A:function(e,s,t){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var i=t("IcnI"),n={inserted:function(e,s,t){var n=s.value,a=i.a.getters&&i.a.getters.roles;if(!(n&&n instanceof Array&&n.length>0))throw new Error("need roles! Like v-permission=\"['admin','editor']\"");var r=n;a.some(function(e){return r.includes(e)})||e.parentNode&&e.parentNode.removeChild(e)}},a=function(e){e.directive("permission",n)};window.Vue&&(window.permission=n,Vue.use(a)),n.install=a;var r=n;var o={name:"directivePermission",components:{SwitchRoles:t("v5cR").a},directives:{permission:r},data:function(){return{key:1}},methods:{checkPermission:function(e){if(e&&e instanceof Array&&e.length>0){var s=e;return!!(i.a.getters&&i.a.getters.roles).some(function(e){return s.includes(e)})}return console.error("need roles! Like v-permission=\"['admin','editor']\""),!1},handleRolesChange:function(){this.key++}}},l={render:function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("div",{staticClass:"app-container"},[t("switch-roles",{on:{change:e.handleRolesChange}}),e._v(" "),t("div",{key:e.key,staticStyle:{"margin-top":"30px"}},[t("span",{directives:[{name:"permission",rawName:"v-permission",value:["admin"],expression:"['admin']"}],staticClass:"permission-alert"},[e._v("\n      Only\n      "),t("el-tag",{staticClass:"permission-tag",attrs:{size:"small"}},[e._v("admin")]),e._v(" can see this\n    ")],1),e._v(" "),t("span",{directives:[{name:"permission",rawName:"v-permission",value:["editor"],expression:"['editor']"}],staticClass:"permission-alert"},[e._v("\n      Only\n      "),t("el-tag",{staticClass:"permission-tag",attrs:{size:"small"}},[e._v("editor")]),e._v(" can see this\n    ")],1),e._v(" "),t("span",{directives:[{name:"permission",rawName:"v-permission",value:["admin","editor"],expression:"['admin','editor']"}],staticClass:"permission-alert"},[e._v("\n      Both\n      "),t("el-tag",{staticClass:"permission-tag",attrs:{size:"small"}},[e._v("admin")]),e._v(" and\n      "),t("el-tag",{staticClass:"permission-tag",attrs:{size:"small"}},[e._v("editor")]),e._v(" can see this\n    ")],1)]),e._v(" "),t("div",{key:"checkPermission"+e.key,staticStyle:{"margin-top":"30px"}},[e._m(0),e._v(" "),t("el-tabs",{staticStyle:{width:"500px"},attrs:{type:"border-card"}},[e.checkPermission(["admin"])?t("el-tab-pane",{attrs:{label:"Admin"}},[e._v("Admin can see this")]):e._e(),e._v(" "),e.checkPermission(["editor"])?t("el-tab-pane",{attrs:{label:"Editor"}},[e._v("Editor can see this")]):e._e(),e._v(" "),e.checkPermission(["admin","editor"])?t("el-tab-pane",{attrs:{label:"Admin-OR-Editor"}},[e._v("Both admin or editor can see this")]):e._e()],1)],1)],1)},staticRenderFns:[function(){var e=this.$createElement,s=this._self._c||e;return s("code",[this._v("In some cases it is not suitable to use v-permission, such as element Tab component  which can only be achieved by manually setting the v-if.\n      "),s("br"),this._v(" e.g.\n    ")])}]};var c=t("vSla")(o,l,!1,function(e){t("JjlC")},"data-v-0d0cee04",null);s.default=c.exports},v5cR:function(e,s,t){"use strict";var i={render:function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("div",[t("div",{staticStyle:{"margin-bottom":"15px"}},[e._v(e._s(e.$t("permission.roles"))+"： "+e._s(e.roles))]),e._v("\n  "+e._s(e.$t("permission.switchRoles"))+"：\n  "),t("el-radio-group",{model:{value:e.switchRoles,callback:function(s){e.switchRoles=s},expression:"switchRoles"}},[t("el-radio-button",{attrs:{label:"editor"}}),e._v(" "),t("el-radio-button",{attrs:{label:"admin"}})],1)],1)},staticRenderFns:[]},n=t("vSla")({computed:{roles:function(){return this.$store.getters.roles},switchRoles:{get:function(){return this.roles[0]},set:function(e){var s=this;this.$store.dispatch("ChangeRoles",e).then(function(){s.$emit("change")})}}}},i,!1,null,null,null);s.a=n.exports}});