epic-designer-gold
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 2.73 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),k=require("./index-DysQe7SY.cjs"),l=require("./pluginManager-C8aQylGX.cjs"),g=require("./index-BoL2PSBk.cjs"),b=["title"],B=e.defineComponent({__name:"attributeView",setup(P){const{t:d}=g.useLocale(),s=e.inject("designer"),u=e.inject("pageSchema"),h=e.inject("revoke"),f=l.pluginManager.getComponentConfings(),c=e.computed(()=>s.state.checkedNode);function y(n){var a;return typeof n.show=="boolean"?n.show:typeof n.show=="function"?(a=n.show)==null?void 0:a.call(n,{values:c.value}):!0}const i=e.ref([]);e.watchEffect(()=>{var o,t,r;const n=(o=s.state.checkedNode)==null?void 0:o.type;if(!s.state.checkedNode||!n)return[];const a=((t=f[n])==null?void 0:t.config.attribute)??[];i.value=[{label:d("componentId"),type:"input",field:"id",componentProps:{disabled:!0}},...a],s.state.checkedNode.id===((r=u.schemas[0])==null?void 0:r.id)&&i.value.push({label:d("canvasWidth"),type:"EInputSize",field:"canvas.width",editData:u},{label:d("canvasHeight"),type:"EInputSize",field:"canvas.height",editData:u})});function m(n,a,o,t=c.value){typeof o.onChange=="function"&&o.onChange({value:n,values:t,componentAttributes:i}),o.changeSync?l.setValueByPath(t,a,n):e.nextTick(()=>{l.setValueByPath(t,a,n)}),h.push(u.schemas,d("editComponentProperties"))}function v(n,a,o=c.value){e.nextTick(()=>{l.setValueByPath(o,"componentProps.dynamicId",n)})}return(n,a)=>{var o;return e.openBlock(),e.createElementBlock("div",{class:"epic-attribute-view",key:(o=c.value)==null?void 0:o.id},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,t=>{var r;return e.openBlock(),e.createElementBlock("div",{key:t.field},[y(t)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["epic-attr-item",t.layout])},[t.label?(e.openBlock(),e.createElementBlock("div",{key:0,class:"epic-attr-label",title:t.label},e.toDisplayString(t.label),9,b)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["epic-attr-input",{"block!":t.layout==="vertical"}])},[e.createVNode(e.unref(k.ENode),{componentSchema:{...t,componentProps:{...t.componentProps,...t.field==="componentProps.defaultValue"?(r=c.value)==null?void 0:r.componentProps:{},input:!1,field:void 0,hidden:!1},show:!0,noFormItem:!0},dynamicId:e.unref(l.getValueByPath)(t.editData??c.value,"componentProps.dynamicId"),"model-value":e.unref(l.getValueByPath)(t.editData??c.value,t.field),"onUpdate:modelValue":p=>m(p,t.field,t,t.editData),"onUpdate:dynamicId":p=>v(p)},null,8,["componentSchema","dynamicId","model-value","onUpdate:modelValue","onUpdate:dynamicId"])],2)],2)):e.createCommentVNode("",!0)])}),128))])}}});exports.default=B;