gepic
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 1.85 kB
JavaScript
"use strict";const e=require("vue"),p=require("../../../../../../utils/manager/pluginManager.cjs");require("@vueuse/core");require("../../../../../../hooks/store/index.cjs");const v=require("./breadcrumb.vue.cjs"),_=require("../../../../icon/src/icon.vue.cjs"),m={key:0,class:"epic-right-sidebar-container relative"},h={class:"w-308px"},f={class:"epic-actions-container"},k=["title","onClick"],g={class:"epic-sidebar-content"},C=e.defineComponent({__name:"index",setup(b){var s;const n=e.ref(!1),c=e.computed(()=>p.pluginManager.viewsContainers.rightSidebars.value.filter(l=>l.visible)),i=e.ref(0),r=e.shallowRef(null);r.value=(s=c.value[0])==null?void 0:s.component;function u(){n.value=!n.value}function d(l,t){if(i.value===t)return!1;r.value=l.component,i.value=t}return(l,t)=>r.value?(e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("div",{class:"epic-right-sidebar-hide-btn absolute left--18px top-80px cursor-pointer rounded-full flex justify-center items-center w-28px h-28px z-9",onClick:u},[e.createVNode(e.unref(_),{class:e.normalizeClass(["transition-all",{"rotate-180":n.value}]),name:"icon--epic--arrow-forward-ios-rounded"},null,8,["class"])]),t[0]||(t[0]=e.createElementVNode("div",{class:"w-10px"},null,-1)),e.createElementVNode("div",{class:e.normalizeClass(["epic-right-sidebar w-308px",{hide:n.value}])},[e.createElementVNode("div",h,[e.createVNode(v),e.createElementVNode("ul",f,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(o,a)=>(e.openBlock(),e.createElementBlock("li",{key:a,class:e.normalizeClass(["epic-action-item",{checked:i.value===a}]),title:o.title,onClick:x=>d(o,a)},e.toDisplayString(o.title),11,k))),128))]),e.createElementVNode("div",g,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value)))])])],2)])):e.createCommentVNode("",!0)}});module.exports=C;