UNPKG

snowy-designer

Version:

基于Epic-Designer-Pro版本的设计器,可视化开发页面表单

2 lines (1 loc) 1.52 kB
"use strict";const e=require("vue");;/* empty css */require("radix-vue");require("clsx");require("tailwind-merge");require("lucide-vue-next");require("../../../../base-ui/src/shadch-ui/button/index.cjs");require("@vueuse/core");require("../../../../base-ui/src/shadch-ui/toast/index.cjs");require("vuedraggable");const s=require("../../../../../utils/src/common/data.cjs");require("../../../../../hooks/src/store/index.cjs");require("lodash");const l=require("../../../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");require("../../../../../utils/src/request/index.cjs");const p={class:"epic-sound-code"},f=e.defineComponent({__name:"index",setup(q){const u=l.pluginManager.getComponent("monacoEditor"),i=e.ref(null),t=e.inject("designer"),c=e.inject("designerProps");let n={};e.watch(()=>t.state.selectedNode,r=>{var o;s.deepEqual(n,e.toRaw(r))||(o=i.value)==null||o.setValue(JSON.stringify(r,null,2))},{deep:!0});const a=JSON.stringify(t.state.selectedNode,null,2);function d(r){try{if(!t.state.selectedNode)return!1;n=JSON.parse(r),s.deepCompareAndModify(t.state.selectedNode,n)}catch(o){console.warn("[Epic:源码]异常:",o)}}return(r,o)=>(e.openBlock(),e.createElementBlock("div",p,[e.createVNode(e.unref(u),{ref_key:"monacoEditorRef",ref:i,class:"epic-editor","read-only":e.unref(c).sourceCodeReadOnly,"model-value":e.unref(a),"line-numbers":"off","auto-toggle-theme":"","onUpdate:modelValue":d},null,8,["read-only","model-value"])]))}});module.exports=f;