epic-designer-dev
Version:
基于vue3的设计器,可视化开发页面表单。在epic-designer的基础上新增了字典选择器
2 lines (1 loc) • 1.21 kB
JavaScript
;const e=require("vue");;/* empty css */require("vuedraggable");const c=require("../../../../../utils/src/common/data.cjs");require("@vueuse/core");require("../../../../../hooks/src/store/index.cjs");const u=require("../../../../../utils/src/manager/pluginManager.cjs"),p={class:"epic-sound-code"},f=e.defineComponent({__name:"index",setup(m){const a=u.pluginManager.getComponent("monacoEditor"),s=e.ref(null),n=e.inject("designer"),d=e.inject("designerProps");let r={};e.watch(()=>n.state.selectedNode,o=>{var t;c.deepEqual(r,e.toRaw(o))||(t=s.value)==null||t.setValue(JSON.stringify(o,null,2))},{deep:!0});const i=JSON.stringify(n.state.selectedNode,null,2);function l(o){try{if(!n.state.selectedNode)return!1;r=JSON.parse(o),c.deepCompareAndModify(n.state.selectedNode,r)}catch(t){console.warn("[Epic：源码]异常：",t)}}return(o,t)=>(e.openBlock(),e.createElementBlock("div",p,[e.createVNode(e.unref(a),{ref_key:"monacoEditorRef",ref:s,"auto-toggle-theme":"",class:"epic-editor","read-only":e.unref(d).sourceCodeReadOnly,"model-value":e.unref(i),"line-numbers":"off","onUpdate:modelValue":l},null,8,["read-only","model-value"])]))}});module.exports=f;