gepic
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 1.42 kB
JavaScript
"use strict";const e=require("vue"),s=require("../../../../../../utils/manager/pluginManager.cjs");require("@vueuse/core");require("../../../../../../hooks/store/index.cjs");const u=require("../../../../icon/src/icon.vue.cjs"),v={class:"flex relative"},_={class:"epic-action-bar"},d={class:"epic-actions-container"},p=["title","onClick"],m={class:"text-14px"},k={class:"epic-sidebar-container"},h=e.defineComponent({name:"EActivityBar",__name:"index",setup(f){const i=e.computed(()=>s.pluginManager.viewsContainers.activitybars.value.filter(n=>n.visible)),t=e.ref(0),c=e.shallowRef(null);c.value=i.value[0].component;function r(n,a){if(t.value===a)return t.value=null,!1;c.value=n.component,t.value=a}return(n,a)=>(e.openBlock(),e.createElementBlock("div",v,[e.createElementVNode("div",_,[e.createElementVNode("ul",d,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(l,o)=>(e.openBlock(),e.createElementBlock("li",{key:o,class:e.normalizeClass(["epic-action-item",{checked:t.value===o}]),title:l.title,onClick:B=>r(l,o)},[e.createVNode(e.unref(u),{class:"relative",name:l.icon},null,8,["name"]),e.createElementVNode("div",m,e.toDisplayString(l.title),1)],10,p))),128))])]),e.createElementVNode("div",{class:e.normalizeClass(["epic-left-sidebar",{hide:t.value===null}])},[e.createElementVNode("div",k,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value)))])],2)]))}});module.exports=h;