form-designer-xinyi
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 2.43 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("./index-Df9Drsqp.cjs"),c=require("./revoke-Bbm2vFx2.cjs"),b=["title"],g=e.defineComponent({__name:"attributeView",setup(m){const s=e.inject("designer"),u=e.inject("pageSchema"),d=c.pluginManager.getComponentConfings(),l=e.computed(()=>s.state.checkedNode);function p(n){var a;return typeof n.show=="boolean"?n.show:typeof n.show=="function"?(a=n.show)==null?void 0:a.call(n,{values:l.value}):!0}const r=e.ref([]);e.watch(()=>{var n;return(n=s.state.checkedNode)==null?void 0:n.type},()=>{var o,t;const n=(o=s.state.checkedNode)==null?void 0:o.type;if(!n)return[];const a=((t=d[n])==null?void 0:t.config.attribute)??[];r.value=[{label:"组件ID",type:"input",field:"id",componentProps:{disabled:!0}},{label:"标签提示",type:"textarea",field:"suffix",componentProps:{disabled:!1}},...a],n==="page"&&r.value.push({label:"画布宽度",type:"EInputSize",field:"canvas.width",editData:u},{label:"画布高度",type:"EInputSize",field:"canvas.height",editData:u})},{immediate:!0});function f(n,a,o,t=l.value){typeof o.onChange=="function"&&o.onChange({value:n,values:t,componentAttributes:r}),o.changeSync?c.setAttributeValue(n,a,t):e.nextTick(()=>{c.setAttributeValue(n,a,t)}),c.revoke.push(u.schemas,"编辑组件属性")}return(n,a)=>{var o;return e.openBlock(),e.createElementBlock("div",{class:"epic-attribute-view",key:(o=l.value)==null?void 0:o.id},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,t=>{var i;return e.openBlock(),e.createElementBlock("div",{key:t.field},[p(t)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["epic-attr-item",t.layout])},[e.createElementVNode("div",{class:"epic-attr-label",title:t.label},e.toDisplayString(t.label),9,b),e.createElementVNode("div",{class:e.normalizeClass(["epic-attr-input",{"block!":t.layout==="vertical"}])},[e.createVNode(e.unref(v._sfc_main),{componentSchema:{...t,componentProps:{...t.componentProps,...t.field==="componentProps.defaultValue"?(i=l.value)==null?void 0:i.componentProps:{},input:!1,field:void 0,hidden:!1},show:!0,noFormItem:!0},"model-value":e.unref(c.getAttributeValue)(t.field,t.editData??l.value),"onUpdate:modelValue":h=>f(h,t.field,t,t.editData)},null,8,["componentSchema","model-value","onUpdate:modelValue"])],2)],2)):e.createCommentVNode("",!0)])}),128))])}}});exports.default=g;