vue-x6 1.0.6 → 1.0.8

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("vue"),h=require("@antv/x6"),B=require("@vue/runtime-core"),G=new Map;function p(s,c){return G.set(s,c),s}const S=s=>{let c;const r=new Map,n=(e,o,t,i)=>{if(!e)return;const a=r.get(e.id)||{};c&&clearTimeout(c),a[o]=i,r.set(e.id,{...a,[o]:i}),c=setTimeout(()=>{e._update(r.get(e.id)||{})},1)};return B.createRenderer({patchProp:n,insert:(e,o)=>e._insert&&e._insert(o),remove:e=>e&&e._remove(),createElement:(e,o,t,i)=>{const a=G.get(e);return a&&a(i,s)},createText:e=>{const o={text:e,_insert:t=>o.parentNode=t};return o},createComment:e=>{console.log("createComment",e)},setText:()=>null,setElementText:()=>null,parentNode:e=>e.parentNode,nextSibling(e){}},s)},T=s=>Object.entries(s).reduce((c,[r,n])=>(r.startsWith("on")?c.events[r.substr(2).toLowerCase()]=n:c.props[r]=n===""?!0:n,c),{props:{},events:{}}),M=(s,c,r)=>{const n=Object.entries(c).map(([e,o])=>{const t=i=>{const{cell:a}=i;s&&a.id===s.id&&o(i)};return r.on(`cell:${e}`,t),()=>r.off(`cell:${e}`,t)});return()=>n.forEach(e=>e())},I=d.defineComponent({inheritAttrs:!1,name:"Graph",setup(s,{attrs:c,slots:r,expose:n}){const{container:e}=s,{props:o={},events:t={}}=T(c),{width:i=800,height:a=600,...f}=o,g=d.ref(e),l=d.shallowReactive({graph:null}),m=d.ref([]),N=d.ref(new Map),k=(E,P="")=>E.filter(b=>b.props).map(b=>{const{props:$={},type:_,children:O=[]}=b,{id:u}=$,x=h.StringExt.hashcode(JSON.stringify($));let v=u&&`${P}:${_}:${u}`||u&&N.value.get(`${P}:${_}:${u}`)||N.value.get(`${P}:${x}`);return v||(v=h.StringExt.uuid(),!u&&_!=="Edge"&&N.value.set(u?`${P}:${u}`:`${P}:${x}`,v)),d.h(_,{...$,id:u||v,key:v},O&&k(O,v))}).filter(b=>b.key);return n(l),d.onMounted(()=>{if(g.value){l.graph=new h.Graph({container:g.value,width:i,height:a,...f}),M(null,t,l.graph);const{render:E}=S(l.graph);E(d.h(()=>m.value),l.graph)}}),d.onUnmounted(()=>{l.graph&&l.graph.dispose()}),()=>{const E=r.default&&r.default()||[];return d.nextTick(()=>m.value=k(E)),d.createVNode("div",{style:{width:"100%",height:"100%",position:"relative"}},[!e&&d.createVNode("div",{ref:g},null)])}}}),w=(s,c,r,n)=>{const{props:e={},events:o={}}=T(r),t=s({shape:c,...e});if(t._remove=()=>{t._removeEvent(),n.model.removeCell(t)},t._update=i=>{const{props:a={},events:f={}}=T(i),l=s({shape:t.shape,...a,parent:void 0}).getProp();h.ObjectExt.isEqual(t.getProp(),l)||Object.keys(l).forEach(m=>{["id","parent","shape"].indexOf(m)===-1&&t.setProp(m,l[m])}),t._removeEvent(),t._removeEvent=M(t,f,n),n.trigger("updated:props",{cell:t})},n.model.addCell(t),t.parentNode=n,e.parent){const i=n.getCellById(e.parent);i&&i.addChild(t)}return t._removeEvent=M(t,o,n),d.nextTick(()=>t._update(e)),t},R=(s,c,r)=>{const{props:n={},events:e={}}=T(c),o=new s({enabled:!0,...n});return o._remove=()=>o.dispose(),o._update=()=>null,r.use(o),M(null,e,o),o},C=(s,c,r,n)=>{const{id:e}=r,o={id:e,cell:{id:""},props:r,_update:i=>o.props=i,_insert:i=>o.cell=i,_remove:()=>{o._update(null),n.off("updated:props",t)}},t=({cell:i})=>{if(o.cell.id==i.id){const a=s(i),f=a.findIndex(l=>l.id===e),g=f===-1?a.length:f;o.props?a.splice(g,1,o.props):a.splice(g,1),c(i,a)}};return n.on("updated:props",t),o},q=(s,c)=>C(r=>r.getLabels(),(r,n)=>r.setLabels([...n]),s,c),y=(s,c,r,n)=>{const{id:e,name:o}=r,t={id:e,name:o,props:r,cell:{id:""},_update:a=>t.props=a,_insert:a=>t.cell=a,_remove:()=>{t._update(),n.off("updated:props",i)}},i=({cell:a})=>{t.cell.id==a.id&&c(t,a,t.props)};return n.on("updated:props",i),t},L=(s,c,r)=>y(s,(n,e,o)=>{const t=e.attr("line");e.attr("line",{...t,[s]:o})},c,r),V=(s,c,r)=>y(s,(n,e,o)=>{const{port:t}=e,i=e.getPropByPath("ports/groups")||{};o?i[n.name]=t.parseGroup(o):delete i[n.name],e.setPropByPath("ports/groups",{...i})},c,r),A=(s,c)=>C(r=>r.getPorts(),(r,n)=>{r.setPropByPath("ports/items",n)},s,c),j=(s,c)=>C(r=>{const n=r.getTools();return n&&n.items?n.items:n||[]},(r,n)=>r.setTools(n),s,c),z=p("Node",w.bind(null,h.Node.create,"rect")),J=p("Edge",w.bind(null,h.Edge.create,"edge")),U=p("SourceMarker",L.bind(null,"sourceMarker")),W=p("TargetMarker",L.bind(null,"targetMarker")),D=p("PortGroup",V.bind(null,"group")),F=p("Label",q),H=p("Port",A),K=p("EdgeTool",j),Q=p("NodeTool",j);function X(s,c){return p(s,R.bind(null,c))}exports.Edge=J;exports.EdgeTool=K;exports.ElementOf=p;exports.ElementOfPlugin=X;exports.Graph=I;exports.Label=F;exports.Node=z;exports.NodeTool=Q;exports.Port=H;exports.PortGroup=D;exports.SourceMarker=U;exports.TargetMarker=W;exports.getRender=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),P=require("@antv/x6"),B=require("@vue/runtime-core"),y=new Map;function p(s,c){return y.set(s,c),s}const G=s=>{let c;const r=new Map,n=(e,o,t,i)=>{if(!e)return;const a=r.get(e.id)||{};c&&clearTimeout(c),a[o]=i,r.set(e.id,{...a,[o]:i}),c=setTimeout(()=>{e._update(r.get(e.id)||{})},1)};return B.createRenderer({patchProp:n,insert:(e,o)=>e._insert&&e._insert(o),remove:e=>e&&e._remove(),createElement:(e,o,t,i)=>{const a=y.get(e);return a&&a(i,s)},createText:e=>{const o={text:e,_insert:t=>o.parentNode=t};return o},createComment:e=>{console.log("createComment",e)},setText:()=>null,setElementText:()=>null,parentNode:e=>e.parentNode,nextSibling(e){}},s)},M=s=>Object.entries(s).reduce((c,[r,n])=>(r.startsWith("on")?c.events[r.substr(2).toLowerCase()]=n:c.props[r]=n===""?!0:n,c),{props:{},events:{}}),N=(s,c,r)=>{const n=Object.entries(c).map(([e,o])=>{const t=i=>{const{cell:a}=i;s&&a.id===s.id&&o(i)};return r.on(`cell:${e}`,t),()=>r.off(`cell:${e}`,t)});return()=>n.forEach(e=>e())},I=l.defineComponent({inheritAttrs:!1,name:"Graph",setup(s,{attrs:c,slots:r,expose:n}){const{container:e}=s,{props:o={},events:t={}}=M(c),{width:i=800,height:a=600,...h}=o,f=l.ref(e),d=l.shallowReactive({graph:null}),v=l.ref([]),$=l.ref(new Map),k=(b,_="")=>b.filter(u=>u.type==l.Fragment||u.props).map(u=>{const{props:m={},type:T,children:O=[]}=u,{id:g}=m||{},x=P.StringExt.hashcode(JSON.stringify(m));let E=g&&`${_}:${T}:${g}`||g&&$.value.get(`${_}:${T}:${g}`)||$.value.get(`${_}:${x}`);return E||(E=P.StringExt.uuid(),!g&&T!=="Edge"&&$.value.set(g?`${_}:${g}`:`${_}:${x}`,E)),l.h(T,{...m,id:g||E,key:E},O&&k(O,E))}).filter(u=>u.key).reduce((u,m)=>u.concat(m.type===l.Fragment?m.children:m),[]);return n(d),l.onMounted(()=>{if(f.value){d.graph=new P.Graph({container:f.value,width:i,height:a,...h}),N(null,t,d.graph);const{render:b}=G(d.graph);b(l.h(()=>v.value),d.graph)}}),l.onUnmounted(()=>{d.graph&&d.graph.dispose()}),()=>{const b=r.default&&r.default()||[];return l.nextTick(()=>v.value=k(b)),l.createVNode("div",{style:{width:"100%",height:"100%",position:"relative"}},[!e&&l.createVNode("div",{ref:f},null)])}}}),S=(s,c,r,n)=>{const{props:e={},events:o={}}=M(r),t=s({shape:c,...e});if(t._remove=()=>{t._removeEvent(),n.model.removeCell(t)},t._update=i=>{const{props:a={},events:h={}}=M(i),d=s({shape:t.shape,...a,parent:void 0}).getProp();P.ObjectExt.isEqual(t.getProp(),d)||Object.keys(d).forEach(v=>{["id","parent","shape"].indexOf(v)===-1&&t.setProp(v,d[v])}),t._removeEvent(),t._removeEvent=N(t,h,n),n.trigger("updated:props",{cell:t})},n.model.addCell(t),t.parentNode=n,e.parent){const i=n.getCellById(e.parent);i&&i.addChild(t)}return t._removeEvent=N(t,o,n),l.nextTick(()=>t._update(e)),t},R=(s,c,r)=>{const{props:n={},events:e={}}=M(c),o=new s({enabled:!0,...n});return o._remove=()=>o.dispose(),o._update=()=>null,r.use(o),N(null,e,o),o},C=(s,c,r,n)=>{const{id:e}=r,o={id:e,cell:{id:""},props:r,_update:i=>o.props=i,_insert:i=>o.cell=i,_remove:()=>{o._update(null),n.off("updated:props",t)}},t=({cell:i})=>{if(o.cell.id==i.id){const a=s(i),h=a.findIndex(d=>d.id===e),f=h===-1?a.length:h;o.props?a.splice(f,1,o.props):a.splice(f,1),c(i,a)}};return n.on("updated:props",t),o},q=(s,c)=>C(r=>r.getLabels(),(r,n)=>r.setLabels([...n]),s,c),w=(s,c,r,n)=>{const{id:e,name:o}=r,t={id:e,name:o,props:r,cell:{id:""},_update:a=>t.props=a,_insert:a=>t.cell=a,_remove:()=>{t._update(),n.off("updated:props",i)}},i=({cell:a})=>{t.cell.id==a.id&&c(t,a,t.props)};return n.on("updated:props",i),t},L=(s,c,r)=>w(s,(n,e,o)=>{const t=e.attr("line");e.attr("line",{...t,[s]:o})},c,r),V=(s,c,r)=>w(s,(n,e,o)=>{const{port:t}=e,i=e.getPropByPath("ports/groups")||{};o?i[n.name]=t.parseGroup(o):delete i[n.name],e.setPropByPath("ports/groups",{...i})},c,r),A=(s,c)=>C(r=>r.getPorts(),(r,n)=>{r.setPropByPath("ports/items",n)},s,c),j=(s,c)=>C(r=>{const n=r.getTools();return n&&n.items?n.items:n||[]},(r,n)=>r.setTools(n),s,c),F=p("Node",S.bind(null,P.Node.create,"rect")),z=p("Edge",S.bind(null,P.Edge.create,"edge")),J=p("SourceMarker",L.bind(null,"sourceMarker")),U=p("TargetMarker",L.bind(null,"targetMarker")),W=p("PortGroup",V.bind(null,"group")),D=p("Label",q),H=p("Port",A),K=p("EdgeTool",j),Q=p("NodeTool",j);function X(s,c){return p(s,R.bind(null,c))}exports.Edge=z;exports.EdgeTool=K;exports.ElementOf=p;exports.ElementOfPlugin=X;exports.Graph=I;exports.Label=D;exports.Node=F;exports.NodeTool=Q;exports.Port=H;exports.PortGroup=W;exports.SourceMarker=J;exports.TargetMarker=U;exports.getRender=G;

package/dist/index.js

@@ -1,31 +1,31 @@
-import { defineComponent as R, ref as N, shallowReactive as A, onMounted as V, h as w, onUnmounted as q, nextTick as L, createVNode as x } from "vue";
-import { Node as z, Edge as J, Graph as U, ObjectExt as W, StringExt as O } from "@antv/x6";
+import { defineComponent as A, ref as N, shallowReactive as V, onMounted as q, h as w, onUnmounted as z, nextTick as L, createVNode as x, Fragment as y } from "vue";
+import { Node as F, Edge as J, Graph as U, ObjectExt as W, StringExt as O } from "@antv/x6";
 import { createRenderer as D } from "@vue/runtime-core";
-const y = /* @__PURE__ */ new Map();
+const S = /* @__PURE__ */ new Map();
 function l(s, c) {
-  return y.set(s, c), s;
+  return S.set(s, c), s;
 }
-const F = (s) => {
+const H = (s) => {
   let c;
   const n = /* @__PURE__ */ new Map();
   return D({
-    patchProp: (e, r, t, a) => {
+    patchProp: (e, o, t, a) => {
       if (!e)
         return;
       const i = n.get(e.id) || {};
-      c && clearTimeout(c), i[r] = a, n.set(e.id, { ...i, [r]: a }), c = setTimeout(() => {
+      c && clearTimeout(c), i[o] = a, n.set(e.id, { ...i, [o]: a }), c = setTimeout(() => {
         e._update(n.get(e.id) || {});
       }, 1);
     },
-    insert: (e, r) => e._insert && e._insert(r),
+    insert: (e, o) => e._insert && e._insert(o),
     remove: (e) => e && e._remove(),
-    createElement: (e, r, t, a) => {
-      const i = y.get(e);
+    createElement: (e, o, t, a) => {
+      const i = S.get(e);
       return i && i(a, s);
     },
     createText: (e) => {
-      const r = { text: e, _insert: (t) => r.parentNode = t };
-      return r;
+      const o = { text: e, _insert: (t) => o.parentNode = t };
+      return o;
     },
     createComment: (e) => {
       console.log("createComment", e);
@@ -41,151 +41,151 @@ const F = (s) => {
     // cloneNode,
     // insertStaticContent,
   }, s);
-}, P = (s) => Object.entries(s).reduce((c, [n, o]) => (n.startsWith("on") ? c.events[n.substr(2).toLowerCase()] = o : c.props[n] = o === "" ? !0 : o, c), {
+}, b = (s) => Object.entries(s).reduce((c, [n, r]) => (n.startsWith("on") ? c.events[n.substr(2).toLowerCase()] = r : c.props[n] = r === "" ? !0 : r, c), {
   props: {},
   events: {}
-}), b = (s, c, n) => {
-  const o = Object.entries(c).map(([e, r]) => {
+}), $ = (s, c, n) => {
+  const r = Object.entries(c).map(([e, o]) => {
     const t = (a) => {
       const {
         cell: i
       } = a;
-      s && i.id === s.id && r(a);
+      s && i.id === s.id && o(a);
     };
     return n.on(`cell:${e}`, t), () => n.off(`cell:${e}`, t);
   });
-  return () => o.forEach((e) => e());
-}, te = /* @__PURE__ */ R({
+  return () => r.forEach((e) => e());
+}, ne = /* @__PURE__ */ A({
   inheritAttrs: !1,
   name: "Graph",
   setup(s, {
     attrs: c,
     slots: n,
-    expose: o
+    expose: r
   }) {
     const {
       container: e
     } = s, {
-      props: r = {},
+      props: o = {},
       events: t = {}
-    } = P(c), {
+    } = b(c), {
       width: a = 800,
       height: i = 600,
-      ...m
-    } = r, u = N(e), p = A({
+      ...g
+    } = o, m = N(e), p = V({
       graph: null
-    }), f = N([]), $ = N(/* @__PURE__ */ new Map()), C = (h, v = "") => h.filter((E) => E.props).map((E) => {
+    }), h = N([]), T = N(/* @__PURE__ */ new Map()), C = (E, _ = "") => E.filter((d) => d.type == y || d.props).map((d) => {
       const {
-        props: T = {},
-        type: _,
+        props: f = {},
+        type: P,
         children: G = []
-      } = E, {
-        id: d
-      } = T, k = O.hashcode(JSON.stringify(T));
-      let g = d && `${v}:${_}:${d}` || d && $.value.get(`${v}:${_}:${d}`) || $.value.get(`${v}:${k}`);
-      return g || (g = O.uuid(), !d && _ !== "Edge" && $.value.set(d ? `${v}:${d}` : `${v}:${k}`, g)), w(_, {
-        ...T,
-        id: d || g,
-        key: g
-      }, G && C(G, g));
-    }).filter((E) => E.key);
-    return o(p), V(() => {
-      if (u.value) {
+      } = d, {
+        id: u
+      } = f || {}, k = O.hashcode(JSON.stringify(f));
+      let v = u && `${_}:${P}:${u}` || u && T.value.get(`${_}:${P}:${u}`) || T.value.get(`${_}:${k}`);
+      return v || (v = O.uuid(), !u && P !== "Edge" && T.value.set(u ? `${_}:${u}` : `${_}:${k}`, v)), w(P, {
+        ...f,
+        id: u || v,
+        key: v
+      }, G && C(G, v));
+    }).filter((d) => d.key).reduce((d, f) => d.concat(f.type === y ? f.children : f), []);
+    return r(p), q(() => {
+      if (m.value) {
         p.graph = new U({
-          container: u.value,
+          container: m.value,
           width: a,
           height: i,
-          ...m
-        }), b(null, t, p.graph);
+          ...g
+        }), $(null, t, p.graph);
         const {
-          render: h
-        } = F(p.graph);
-        h(w(() => f.value), p.graph);
+          render: E
+        } = H(p.graph);
+        E(w(() => h.value), p.graph);
       }
-    }), q(() => {
+    }), z(() => {
       p.graph && p.graph.dispose();
     }), () => {
-      const h = n.default && n.default() || [];
-      return L(() => f.value = C(h)), x("div", {
+      const E = n.default && n.default() || [];
+      return L(() => h.value = C(E)), x("div", {
         style: {
           width: "100%",
           height: "100%",
           position: "relative"
         }
       }, [!e && x("div", {
-        ref: u
+        ref: m
       }, null)]);
     };
   }
-}), S = (s, c, n, o) => {
+}), B = (s, c, n, r) => {
   const {
     props: e = {},
-    events: r = {}
-  } = P(n), t = s({
+    events: o = {}
+  } = b(n), t = s({
     shape: c,
     ...e
   });
   if (t._remove = () => {
-    t._removeEvent(), o.model.removeCell(t);
+    t._removeEvent(), r.model.removeCell(t);
   }, t._update = (a) => {
     const {
       props: i = {},
-      events: m = {}
-    } = P(a), p = s({
+      events: g = {}
+    } = b(a), p = s({
       shape: t.shape,
       ...i,
       parent: void 0
     }).getProp();
-    W.isEqual(t.getProp(), p) || Object.keys(p).forEach((f) => {
-      ["id", "parent", "shape"].indexOf(f) === -1 && t.setProp(f, p[f]);
-    }), t._removeEvent(), t._removeEvent = b(t, m, o), o.trigger("updated:props", {
+    W.isEqual(t.getProp(), p) || Object.keys(p).forEach((h) => {
+      ["id", "parent", "shape"].indexOf(h) === -1 && t.setProp(h, p[h]);
+    }), t._removeEvent(), t._removeEvent = $(t, g, r), r.trigger("updated:props", {
       cell: t
     });
-  }, o.model.addCell(t), t.parentNode = o, e.parent) {
-    const a = o.getCellById(e.parent);
+  }, r.model.addCell(t), t.parentNode = r, e.parent) {
+    const a = r.getCellById(e.parent);
     a && a.addChild(t);
   }
-  return t._removeEvent = b(t, r, o), L(() => t._update(e)), t;
-}, H = (s, c, n) => {
+  return t._removeEvent = $(t, o, r), L(() => t._update(e)), t;
+}, K = (s, c, n) => {
   const {
-    props: o = {},
+    props: r = {},
     events: e = {}
-  } = P(c), r = new s({
+  } = b(c), o = new s({
     enabled: !0,
-    ...o
+    ...r
   });
-  return r._remove = () => r.dispose(), r._update = () => null, n.use(r), b(null, e, r), r;
-}, M = (s, c, n, o) => {
+  return o._remove = () => o.dispose(), o._update = () => null, n.use(o), $(null, e, o), o;
+}, M = (s, c, n, r) => {
   const {
     id: e
-  } = n, r = {
+  } = n, o = {
     id: e,
     cell: {
       id: ""
     },
     props: n,
     // update只是将newProps存起来，实际执行逻辑在updated:props里面执行
-    _update: (a) => r.props = a,
-    _insert: (a) => r.cell = a,
+    _update: (a) => o.props = a,
+    _insert: (a) => o.cell = a,
     _remove: () => {
-      r._update(null), o.off("updated:props", t);
+      o._update(null), r.off("updated:props", t);
     }
   }, t = ({
     cell: a
   }) => {
-    if (r.cell.id == a.id) {
-      const i = s(a), m = i.findIndex((p) => p.id === e), u = m === -1 ? i.length : m;
-      r.props ? i.splice(u, 1, r.props) : i.splice(u, 1), c(a, i);
+    if (o.cell.id == a.id) {
+      const i = s(a), g = i.findIndex((p) => p.id === e), m = g === -1 ? i.length : g;
+      o.props ? i.splice(m, 1, o.props) : i.splice(m, 1), c(a, i);
     }
   };
-  return o.on("updated:props", t), r;
-}, K = (s, c) => M((n) => n.getLabels(), (n, o) => n.setLabels([...o]), s, c), B = (s, c, n, o) => {
+  return r.on("updated:props", t), o;
+}, Q = (s, c) => M((n) => n.getLabels(), (n, r) => n.setLabels([...r]), s, c), I = (s, c, n, r) => {
   const {
     id: e,
-    name: r
+    name: o
   } = n, t = {
     id: e,
-    name: r,
+    name: o,
     props: n,
     cell: {
       id: ""
@@ -194,54 +194,54 @@ const F = (s) => {
     _update: (i) => t.props = i,
     _insert: (i) => t.cell = i,
     _remove: () => {
-      t._update(), o.off("updated:props", a);
+      t._update(), r.off("updated:props", a);
     }
   }, a = ({
     cell: i
   }) => {
     t.cell.id == i.id && c(t, i, t.props);
   };
-  return o.on("updated:props", a), t;
-}, I = (s, c, n) => B(s, (o, e, r) => {
+  return r.on("updated:props", a), t;
+}, j = (s, c, n) => I(s, (r, e, o) => {
   const t = e.attr("line");
   e.attr("line", {
     ...t,
-    [s]: r
+    [s]: o
   });
-}, c, n), Q = (s, c, n) => B(s, (o, e, r) => {
+}, c, n), X = (s, c, n) => I(s, (r, e, o) => {
   const {
     port: t
   } = e, a = e.getPropByPath("ports/groups") || {};
-  r ? a[o.name] = t.parseGroup(r) : delete a[o.name], e.setPropByPath("ports/groups", {
+  o ? a[r.name] = t.parseGroup(o) : delete a[r.name], e.setPropByPath("ports/groups", {
     ...a
   });
-}, c, n), X = (s, c) => M(
+}, c, n), Y = (s, c) => M(
   (n) => n.getPorts(),
   // getPorts return ObjectExt.cloneDeep
-  (n, o) => {
-    n.setPropByPath("ports/items", o);
+  (n, r) => {
+    n.setPropByPath("ports/items", r);
   },
   s,
   c
-), j = (s, c) => M((n) => {
-  const o = n.getTools();
-  return o && o.items ? o.items : o || [];
-}, (n, o) => n.setTools(o), s, c), ne = l("Node", S.bind(null, z.create, "rect")), oe = l("Edge", S.bind(null, J.create, "edge")), re = l("SourceMarker", I.bind(null, "sourceMarker")), se = l("TargetMarker", I.bind(null, "targetMarker")), ce = l("PortGroup", Q.bind(null, "group")), ae = l("Label", K), ie = l("Port", X), pe = l("EdgeTool", j), le = l("NodeTool", j);
-function de(s, c) {
-  return l(s, H.bind(null, c));
+), R = (s, c) => M((n) => {
+  const r = n.getTools();
+  return r && r.items ? r.items : r || [];
+}, (n, r) => n.setTools(r), s, c), re = l("Node", B.bind(null, F.create, "rect")), oe = l("Edge", B.bind(null, J.create, "edge")), se = l("SourceMarker", j.bind(null, "sourceMarker")), ce = l("TargetMarker", j.bind(null, "targetMarker")), ae = l("PortGroup", X.bind(null, "group")), ie = l("Label", Q), pe = l("Port", Y), le = l("EdgeTool", R), de = l("NodeTool", R);
+function ue(s, c) {
+  return l(s, K.bind(null, c));
 }
 export {
   oe as Edge,
-  pe as EdgeTool,
+  le as EdgeTool,
   l as ElementOf,
-  de as ElementOfPlugin,
-  te as Graph,
-  ae as Label,
-  ne as Node,
-  le as NodeTool,
-  ie as Port,
-  ce as PortGroup,
-  re as SourceMarker,
-  se as TargetMarker,
-  F as getRender
+  ue as ElementOfPlugin,
+  ne as Graph,
+  ie as Label,
+  re as Node,
+  de as NodeTool,
+  pe as Port,
+  ae as PortGroup,
+  se as SourceMarker,
+  ce as TargetMarker,
+  H as getRender
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-x6",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "type": "module",
   "scripts": {
     "dev": "vite",