epic-designer
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 1.9 kB
JavaScript
;const e=require("vue");;/* empty css */;/* empty css */;/* empty css */const p=require("../../../../base-ui/src/node/node.vue.cjs");;/* empty css */require("../../../../../git/epic/epic-designer/node_modules/.pnpm/jsep@1.4.0/node_modules/jsep/dist/jsep.cjs");require("@vueuse/core");require("../../../../../hooks/src/store/index.cjs");require("../../../../../manager/src/pluginManager.cjs");require("vue-draggable-plus");const f={class:"epic-attribute-view"},v=["title"],_={class:"epic-attr-input"},m=e.defineComponent({__name:"epArgsEditor",props:{actionArgsConfigs:{},modelValue:{}},emits:["update:modelValue"],setup(s,{emit:u}){const l=s,a=u,n=e.computed(()=>l.modelValue?JSON.parse(l.modelValue):[]);function i(t){var o;return typeof t.show=="boolean"?t.show:typeof t.show=="function"?(o=t.show)==null?void 0:o.call(t,{values:n.value}):!0}function c(t,o){const r=[...JSON.parse(l.modelValue??"[]")];r[o]=t,a("update:modelValue",JSON.stringify(r))}return(t,o)=>(e.openBlock(),e.createElementBlock("div",f,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.actionArgsConfigs,r=>(e.openBlock(),e.createElementBlock("div",{key:r.id},[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["epic-attr-item",r.layout])},[e.createElementVNode("div",{class:"epic-attr-label",title:r.label},e.toDisplayString(r.label),9,v),e.createElementVNode("div",_,[e.createVNode(e.unref(p),{"is-property":"","component-schema":{...r,props:{...r.props,input:!1,field:void 0,hidden:!1},show:!0,noFormItem:!0},"model-value":n.value[r.field],"onUpdate:modelValue":d=>c(d,r.field)},null,8,["component-schema","model-value","onUpdate:modelValue"])])],2),[[e.vShow,i(r)]])]))),128))]))}});module.exports=m;