snowy-designer
Version:
基于Epic-Designer-Pro版本的设计器,可视化开发页面表单
2 lines (1 loc) • 3.6 kB
JavaScript
;const e=require("vue");;/* empty css */const x=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");const k=require("@vueuse/core");require("../../../../base-ui/src/shadch-ui/toast/index.cjs");require("../../../../../hooks/src/store/index.cjs");require("lodash");const f=require("../../../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");require("../../../../../utils/src/request/index.cjs");require("vuedraggable");const B=require("../dataModal/index.cjs"),E=require("../dataModal/index.vue.cjs"),C=require("./modules/attributeItem.vue.cjs"),S={class:"epic-attr-item mb-2 flex h-8 cursor-pointer items-center px-4"},V={key:0,class:"epic-attr-item mb-2 flex h-8 cursor-pointer items-center px-4"},D={class:"bg-$epic-gray-3 rounded-1 h-full flex-1 px-2 leading-8"},M=e.defineComponent({__name:"index",setup(T){const u=e.inject("designer"),s=e.inject("pageSchema"),a=e.inject("designerProps"),g=f.pluginManager.getComponentConfings(),l=e.computed(()=>u.state.selectedNode),d=e.computed(()=>{var r,o,c;let i=(r=a==null?void 0:a.value.tableJson)==null?void 0:r.find(n=>n.tableType==="parent");const t=[...u.state.matched].slice(0,-1).reverse().find(n=>n.type==="subform");return i=t?(o=a==null?void 0:a.value.tableJson)==null?void 0:o.find(n=>(n==null?void 0:n.tableName)===t.field):(c=a==null?void 0:a.value.tableJson)==null?void 0:c.find(n=>n.tableType==="parent"),i});e.provide("dataTable",d);const m=e.computed(()=>{var r,o,c;if(!l.value||!l.value.type)return[];const t=[...((o=(r=g[l.value.type])==null?void 0:r.config)==null?void 0:o.attribute)??[]];return l.value.id===((c=s.schemas[0])==null?void 0:c.id)&&t.push({editData:s,field:"canvas.width",label:"画布宽度",type:"EInputSize"},{editData:s,field:"canvas.height",label:"画布高度",type:"EInputSize"}),t});e.provide("componentAttributes",m),e.provide("handleDataConfig",N),e.provide("removeBind",h);const{copied:_,copy:b}=k.useClipboard();e.watchEffect(()=>{_.value&&f.pluginManager.global.$message.success("复制成功")});const{openModal:y,register:q}=B.useDataModal();function h(i){const t=l.value;!t||!t.dataSource||(t.dataSource=t.dataSource.filter(r=>r.field!==i.field))}function N(i){y(i)}return(i,t)=>{var r,o,c,n;return e.openBlock(),e.createElementBlock("div",{key:(r=l.value)==null?void 0:r.id,class:"epic-attribute-view"},[e.createElementVNode("div",S,[e.createElementVNode("div",{class:"bg-$epic-gray-3 rounded-1 h-full flex-1 px-2 leading-8",onClick:t[0]||(t[0]=p=>{var v;return e.unref(b)(((v=e.unref(u).state.selectedNode)==null?void 0:v.id)??"")})},[e.createVNode(e.unref(x),{class:"epic-component-icon translate-y-2px mr-1",name:e.unref(f.pluginManager).getIcon(e.unref(u).state.selectedNode.type)},null,8,["name"]),e.createTextVNode(" "+e.toDisplayString((o=e.unref(u).state.selectedNode)==null?void 0:o.id),1)])]),(c=d.value)!=null&&c.tableRemark&&((n=e.unref(u).state.selectedNode)!=null&&n.input)?(e.openBlock(),e.createElementBlock("div",V,[t[1]||(t[1]=e.createElementVNode("div",{class:"epic-attr-label"},"数据表",-1)),e.createElementVNode("div",D,e.toDisplayString(d.value.tableRemark),1)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,p=>(e.openBlock(),e.createBlock(C,{key:p.field,"node-schema":p},null,8,["node-schema"]))),128)),e.createVNode(E,{onRegister:e.unref(q)},null,8,["onRegister"])])}}});module.exports=M;