epic-designer-gold/dist/index-BRAbfTxT.cjs

基于vue3的设计器,可视化开发页面表单

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./pluginManager-C8aQylGX.cjs"),v=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),d=require("./index-BoL2PSBk.cjs"),p={class:"flex relative"},_={class:"epic-action-bar"},m={class:"epic-actions-container"},f=["title","onClick"],h={class:"epic-sidebar-container"},k=e.defineComponent({name:"EActivityBar",__name:"index",setup(C){const s=e.computed(()=>(d.api.get("saas-locale")||"zh-CN")==="zh-CN"),i=e.computed(()=>u.pluginManager.viewsContainers.activitybars.value.filter(n=>n.visible)),t=e.ref(0),a=e.shallowRef(null);a.value=i.value[0].component;function r(n,c){if(t.value===c)return t.value=null,!1;a.value=n.component,t.value=c}return(n,c)=>(e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("div",_,[e.createElementVNode("ul",m,[(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:g=>r(l,o)},[e.createVNode(e.unref(v._sfc_main),{class:"relative",name:l.icon},null,8,["name"]),e.createElementVNode("div",{class:e.normalizeClass([s.value?"text-14px":"text-12px"])},e.toDisplayString(l.title),3)],10,f))),128))])]),e.createElementVNode("div",{class:e.normalizeClass(["epic-left-sidebar",{hide:t.value===null}])},[e.createElementVNode("div",h,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value)))])],2)]))}});exports.default=k;