@jecloud/ui/es/editor-draw/src/editor-draw.js

JECloud UI库，基于ant-design-vue封装

var t=this&&this.__assign||function(){return t=Object.assign||function(t){for(var e,r=1,i=arguments.length;r<i;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},t.apply(this,arguments)};import{createVNode as e}from"vue";import{defineComponent as r,nextTick as i,onMounted as o,ref as n}from"vue";import{useEditor as a}from"../../editor-code/src/hooks/use-editor";import{useEditorUi as u}from"./mxgraph/src/EditorUi";import{loadMxGraph as l}from"./mxgraph/utils";import s from"../../panel";export default r({name:"JeEditorDraw",inheritAttrs:!1,props:{value:{type:String,default:""},width:[String,Number],height:{type:[String,Number],default:400},editorOptions:Object},emits:["update:value"],setup:function(r,d){d.slots;var f=d.attrs,p=(d.emit,d.expose,a({props:r,context:d})),m=(p.value,p.style),c=p.$plugin,h=n(),v=n();return o((function(){i((function(){l().then((function(t){var e,r=u(),i=r.EditorUi,o=r.Editor,n=r.Graph,a=t.mxUtils,l=t.STYLE_PATH,s=((e={})[n.prototype.defaultThemeName]=a.load(l+"/default.xml").getDocumentElement(),e);setTimeout((function(){new i(new o(!1,s),c.value).createSidebar(v.value)}),100)}))}))})),function(){return e(s,{class:"je-editor-draw",ref:h,style:t(t({},m),f.style)},{default:function(){return[e(s.Item,{region:"left",size:"200",split:!0},{default:function(){return[e("div",{ref:v,class:"je-editor-draw-sidebar geSidebar"},null)]}}),e(s.Item,null,{default:function(){return[e("div",{class:"je-editor-draw-body",ref:c},null)]}})]}})}}});