snowy-designer
Version:
基于Epic-Designer-Pro版本的设计器,可视化开发页面表单
2 lines (1 loc) • 4.07 kB
JavaScript
;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 q=require("../../../../../base-ui/src/components/node/node.vue.cjs"),d=require("../../../../../../utils/src/common/data.cjs");require("../../../../../../hooks/src/store/index.cjs");require("lodash");require("../../../../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");require("../../../../../../utils/src/request/index.cjs");require("vuedraggable");const _=require("./collapse.vue.cjs"),V=["title"],C={class:"flex items-center"},b={key:1},g=e.defineComponent({name:"EAttributeItem",__name:"attributeItem",props:{nodeSchema:{}},setup(p){const t=p,c=e.inject("dataTable"),f=e.inject("revoke"),h=e.inject("designer"),k=e.inject("componentAttributes"),m=e.inject("handleDataConfig"),v=e.inject("removeBind"),a=e.computed(()=>h.state.selectedNode);function S(o,n=null,u,l=a.value){typeof u.onChange=="function"&&u.onChange({componentAttributes:k,tableJson:c==null?void 0:c.value,value:o,values:l}),n!==null&&(u.changeSync?d.setValueByPath(l,n,o):e.nextTick(()=>{d.setValueByPath(l,n,o)}),f.push("编辑组件属性"))}function B(o){var n;return typeof o.show=="boolean"?o.show:typeof o.show=="function"?(n=o.show)==null?void 0:n.call(o,{tableJson:c==null?void 0:c.value,values:a.value}):!0}const y=()=>{if(!t.nodeSchema.field)return null;const o=t.nodeSchema.editData??a.value,n=t.nodeSchema.field;return d.getValueByPath(o,n)},i=e.computed(()=>{const o=a.value;return!o||!o.dataSource?!1:o.dataSource.some(n=>n.field===t.nodeSchema.field)});return(o,n)=>{var l;const u=e.resolveComponent("EAttributeItem");return B(t.nodeSchema)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.nodeSchema.isGroup?(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(_,{title:t.nodeSchema.label},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.nodeSchema.children,r=>(e.openBlock(),e.createBlock(u,{key:r.field,"node-schema":r},null,8,["node-schema"]))),128))]),_:1},8,["title"])])):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["epic-attr-item",t.nodeSchema.layout])},[t.nodeSchema.label?(e.openBlock(),e.createElementBlock("div",{key:0,class:"epic-attr-label",title:t.nodeSchema.label},e.toDisplayString(t.nodeSchema.label),9,V)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["epic-attr-input",{"block!":t.nodeSchema.layout==="vertical"}])},[i.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(q),{key:0,"component-schema":{...t.nodeSchema,componentProps:{...t.nodeSchema.componentProps,...t.nodeSchema.field==="componentProps.defaultValue"?(l=a.value)==null?void 0:l.componentProps:{},input:!1,label:"",field:void 0,hidden:!1},show:!0,noFormItem:!0},"model-value":y(),"onUpdate:modelValue":n[0]||(n[0]=r=>S(r,t.nodeSchema.field,t.nodeSchema,t.nodeSchema.editData))},null,8,["component-schema","model-value"])),t.nodeSchema.bindable&&!i.value?(e.openBlock(),e.createBlock(e.unref(s),{key:1,class:"ml-2 cursor-pointer",name:"icon--epic--link-03",onClick:n[1]||(n[1]=r=>e.unref(m)(t.nodeSchema))})):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createElementBlock("div",{key:2,class:"rounded-1 flex cursor-pointer items-center p-1",onClick:n[3]||(n[3]=r=>e.unref(m)(t.nodeSchema))},[e.createElementVNode("span",C,[e.createVNode(e.unref(s),{class:"mr-1",name:"icon--epic--link-03"}),n[4]||(n[4]=e.createTextVNode(" 查看关联 "))]),e.createVNode(e.unref(s),{class:"hover:color-#f22 ml-2",name:"icon--epic--delete-outline-rounded",onClick:n[2]||(n[2]=e.withModifiers(r=>e.unref(v)(t.nodeSchema),["stop"]))})])):e.createCommentVNode("",!0)],2)],2))],64)):e.createCommentVNode("",!0)}}});module.exports=g;