UNPKG

snowy-designer

Version:

基于Epic-Designer-Pro版本的设计器,可视化开发页面表单

2 lines (1 loc) 4.24 kB
"use strict";const e=require("vue");;/* empty css */const s=require("../../../../base-ui/src/components/icon/icon.vue.cjs");require("radix-vue");require("clsx");require("tailwind-merge");require("lucide-vue-next");require("../../../../base-ui/src/shadch-ui/button/index.cjs");require("@vueuse/core");require("../../../../base-ui/src/shadch-ui/toast/index.cjs");const a=require("../../../../../utils/src/common/data.cjs");require("../../../../../hooks/src/store/index.cjs");require("lodash");const p=require("../../../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");require("../../../../../utils/src/request/index.cjs");const M=require("../../../../base-ui/src/components/tree/tree.vue2.cjs"),$={class:"epic-outline"},E={class:"epic-outline-item epic-item-wrapper flex items-center justify-center"},b=["onMouseenter"],I={class:"max-w-full truncate"},j={class:"epic-node-type-text w-0 flex-1 truncate"},z=e.defineComponent({__name:"index",setup(D){const r=e.inject("designer"),u=e.inject("pageSchema"),k=e.inject("revoke"),B=e.computed(()=>{var o;const n=(o=r.state.selectedNode)==null?void 0:o.id;return n?[n]:[]});function S(n){r.setSelectedNode(n.componentSchema)}function V(n){n.componentProps||(n.componentProps={}),n.componentProps.hidden=!n.componentProps.hidden}function w(n){n.status||(n.status={lock:!1}),n.status.lock=!n.status.lock}function P(n){if(!n)return;const o=a.findSchemaInfoById(u.schemas,n.id);if(!o)return!1;const{index:i,schema:t,list:d}=o,c=a.generateNewSchema(t,u.schemas);d.splice(i+1,0,c),r.setSelectedNode(c),k.push("复制组件")}function h(n){if(!n)return;const o=a.findSchemaInfoById(u.schemas,n.id);if(!o)return!1;let{index:i,list:t}=o;t.splice(i,1),i===t.length&&i--,r.setSelectedNode(t[i]),k.push("删除组件")}return(n,o)=>{var i;return e.openBlock(),e.createElementBlock("div",$,[e.createVNode(e.unref(M),{options:e.unref(u).schemas,draggable:"","selected-keys":B.value,"hover-key":(i=e.unref(r).state.hoverNode)==null?void 0:i.id,onNodeClick:S},{"tree-node":e.withCtx(({schema:t})=>{var d,c,f,m,_,v,y,g,N,C,q,x;return[e.createElementVNode("div",E,[e.createElementVNode("div",{class:"epic-text-padding flex w-0 flex-1",onMouseenter:e.withModifiers(l=>e.unref(r).setHoverNode(t),["stop"]),onMouseleave:o[0]||(o[0]=e.withModifiers(l=>e.unref(r).setHoverNode(null),["stop"]))},[e.createElementVNode("span",I,[e.createVNode(e.unref(s),{class:"epic-component-icon translate-y-2px",name:e.unref(p.pluginManager).getIcon(t.type)},null,8,["name"]),e.createTextVNode(" "+e.toDisplayString(t.label??e.unref(p.pluginManager).getLabel(t.type)),1)]),e.createElementVNode("span",j,e.toDisplayString(t.type==="epic-slot"?"slot":t.id),1)],40,b),e.unref(p.pluginManager).getLocked(t)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["epic-tree-action",{active:((d=t.componentProps)==null?void 0:d.hidden)||((c=t.status)==null?void 0:c.lock)}])},[(f=t.componentProps)!=null&&f.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(s),{key:0,class:e.normalizeClass(["mr-2",{active:(m=t.status)==null?void 0:m.lock}]),name:(_=t.status)!=null&&_.lock?"icon--epic--lock-outline":"icon--epic--lock-open-outline",onClick:l=>w(t)},null,8,["class","name","onClick"])),(v=t.status)!=null&&v.lock?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(s),{key:1,class:e.normalizeClass(["mr-2",{active:(y=t.componentProps)==null?void 0:y.hidden}]),name:(g=t.componentProps)!=null&&g.hidden?"icon--epic--visibility-off-outline-rounded":"icon--epic--visibility-outline-rounded",onClick:l=>V(t)},null,8,["class","name","onClick"])),!((N=t.status)!=null&&N.lock)&&!((C=t.componentProps)!=null&&C.hidden)?(e.openBlock(),e.createBlock(e.unref(s),{key:2,class:"mr-2",name:"icon--epic--copy-all-outline-rounded",onClick:l=>P(t)},null,8,["onClick"])):e.createCommentVNode("",!0),!((q=t.status)!=null&&q.lock)&&!((x=t.componentProps)!=null&&x.hidden)?(e.openBlock(),e.createBlock(e.unref(s),{key:3,class:"mr-2",name:"icon--epic--delete-outline-rounded",onClick:l=>h(t)},null,8,["onClick"])):e.createCommentVNode("",!0)],2))])]}),_:1},8,["options","selected-keys","hover-key"])])}}});module.exports=z;