epic-designer
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 2.95 kB
JavaScript
;const e=require("vue");;/* empty css */const v=require("../../../../base-ui/src/icon/icon.vue.cjs");;/* empty css */;/* empty css */const c=require("../../../../../manager/src/pluginManager.cjs");require("../../../../../git/epic/epic-designer/node_modules/.pnpm/jsep@1.4.0/node_modules/jsep/dist/jsep.cjs");const y=require("@vueuse/core");require("../../../../../hooks/src/store/index.cjs");const h=require("../../../../../hooks/src/designer/useDesignerContext.cjs"),k=require("../../../../../hooks/src/designer/useTableMeta.cjs");;/* empty css */require("vue-draggable-plus");const q=require("./modules/attributeItem.vue.cjs"),x={class:"epic-attr-item mb-2 mt-2 flex h-8 cursor-pointer items-center px-4"},N={key:0,class:"epic-attr-item mb-2 flex h-8 cursor-pointer items-center px-4"},E={class:"bg-$ep-secondary rounded-1 h-full flex-1 px-2 leading-8"},C=e.defineComponent({__name:"attribute",setup(B){const n=h.useDesignerContext(),i=n.pageSchema,{copied:m,copy:g}=y.useClipboard();e.watchEffect(()=>{m.value&&c.pluginManager.global.$message.success("节点ID复制成功")});const f=c.pluginManager.component.getComponentConfigs(),r=e.computed(()=>n.state.selectedNode),l=k.useTableMeta(c.pluginManager),b=e.computed(()=>{var s,a,o;if(!r.value||!r.value.type)return[];const t=[...((a=(s=f[r.value.type])==null?void 0:s.config)==null?void 0:a.attribute)??[]];return r.value.id===((o=i.schemas[0])==null?void 0:o.id)&&t.push({editData:i,field:"canvas.width",label:"画布宽度",type:"EInputSize"},{editData:i,field:"canvas.height",label:"画布高度",type:"EInputSize"}),t});return(_,t)=>{var s,a,o,p;return e.openBlock(),e.createElementBlock("div",{key:(s=r.value)==null?void 0:s.id,class:"epic-attribute-view"},[e.createElementVNode("div",x,[e.createElementVNode("div",{class:"bg-$ep-secondary rounded-1 h-full flex-1 px-2 leading-8",onClick:t[0]||(t[0]=u=>{var d;return e.unref(g)(((d=e.unref(n).state.selectedNode)==null?void 0:d.id)??"")})},[e.createVNode(e.unref(v),{class:"epic-component-icon translate-y-2px mr-1",name:e.unref(c.pluginManager).component.getIcon(e.unref(n).state.selectedNode.type)},null,8,["name"]),e.createTextVNode(" "+e.toDisplayString((a=e.unref(n).state.selectedNode)==null?void 0:a.id),1)])]),(o=e.unref(l))!=null&&o.tableRemark&&((p=e.unref(n).state.selectedNode)!=null&&p.input)?(e.openBlock(),e.createElementBlock("div",N,[t[1]||(t[1]=e.createElementVNode("div",{class:"epic-attr-label"},"数据表",-1)),e.createElementVNode("div",E,e.toDisplayString(e.unref(l).tableRemark),1)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,u=>(e.openBlock(),e.createElementBlock("div",{key:u.field},[e.createVNode(q,{schema:u},null,8,["schema"])]))),128))])}}});module.exports=C;