gepic
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 1.12 kB
JavaScript
;const e=require("vue"),u=require("../../../../../../utils/manager/pluginManager.cjs");require("@vueuse/core");require("../../../../../../hooks/store/index.cjs");const s=require("../../../../../../utils/common/data.cjs"),p={class:"epic-sound-code"},f=e.defineComponent({__name:"index",setup(m){const a=u.pluginManager.getComponent("monacoEditor"),c=e.ref(null),t=e.inject("designer"),d=e.inject("designerProps");let r={};e.watch(()=>t.state.checkedNode,o=>{var n;s.deepEqual(r,e.toRaw(o))||(n=c.value)==null||n.setValue(JSON.stringify(o,null,2))},{deep:!0});const i=JSON.stringify(t.state.checkedNode,null,2);function l(o){try{if(!t.state.checkedNode)return!1;r=JSON.parse(o),s.deepCompareAndModify(t.state.checkedNode,r)}catch(n){console.warn("[Epic：源码]异常：",n)}}return(o,n)=>(e.openBlock(),e.createElementBlock("div",p,[e.createVNode(e.unref(a),{ref_key:"monacoEditorRef",ref:c,"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;