vue-x6 1.0.2 → 1.0.3

package/dist/Graph.d.ts

@@ -13,5 +13,5 @@ export declare const Node: DefineComponent<unknown, {
 export declare const Edge: DefineComponent<unknown, {
     [key: string]: any;
 }, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
-export declare function ElementOfPlugin(name: any, type: any): any;
+export declare function ElementOfPlugin(name: string, type: any): any;
 export {};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),v=require("@antv/x6"),S=require("@vue/runtime-core"),O=new Map;function E(e,n){return O.set(e,n),e}const{render:C,createApp:T}=S.createRenderer({patchProp:(e,n,o,s)=>e._update(n,o,s),insert:(e,n)=>e&&e._insert(n),remove:e=>e&&e._remove(),createElement:(e,n,o,s)=>{const r=O.get(e);return r&&r(s)},createText:e=>{const n={text:e,_insert:o=>n.parentNode=o};return n},createComment:()=>null,setText:()=>null,setElementText:()=>null,parentNode:e=>e.parentNode,nextSibling(e){}}),j=l.defineComponent({inheritAttrs:!1,name:"Graph",setup(e,{attrs:n,slots:o,expose:s}){const{container:r}=e,{width:a=800,height:t=600,...c}=n,u=l.ref(r),i=l.shallowReactive({graph:null}),d=l.ref(),h=l.ref(new Map);return s(i),l.onMounted(()=>{if(Object.keys(c).forEach(f=>c[f]===""&&(c[f]=!0)),u.value){i.graph=new v.Graph({container:u.value,width:a,height:t,...c});const f=l.h(()=>(d.value||[]).filter(p=>p.props).map(p=>{const{key:g,props:x={},type:y}=p,{id:m}=x;if(!g){const N=v.StringExt.hashcode(JSON.stringify(x));p.key=m||h.value.get(m)||h.value.get(N)||v.StringExt.uuid(),!m&&y!=="Edge"&&h.value.set(m||N,p.key)}return p}),i);C(f,i.graph)}}),l.onUnmounted(()=>{i.graph&&i.graph.dispose()}),()=>{const f=o.default&&o.default()||[];return l.nextTick(()=>d.value=f),l.createVNode("div",{style:{width:"100%",height:"100%",position:"relative"}},[!r&&l.createVNode("div",{ref:u},null)])}}}),_=e=>Object.entries(e).reduce((n,[o,s])=>(o.startsWith("on")?n.events[o.substr(2).toLowerCase()]=s:n.props[o]=s,n),{props:{},events:{}}),b=(e,n,o)=>{const s=Object.entries(n).map(([r,a])=>{const t=c=>{const{cell:u}=c;e&&u.id===e.id&&a(c)};return o.on(`cell:${r}`,t),()=>o.off(`cell:${r}`,t)});return()=>s.forEach(r=>r())},P=(e,n,o)=>{const{props:s={},events:r={}}=_(o);let a;const t=e(o);t._remove=()=>{t._removeEvent(),a.model.removeCell(t)},t._insert=i=>{if(a=i.addCell(t),t._removeEvent=b(t,r,a),t.parentNode=i,s.parent){const d=a.getCellById(s.parent);d&&d.addChild(t)}};let c,u={};return t._update=(i,d,h)=>{c&&clearTimeout(c),u[i]=h,c=setTimeout(()=>t._update_props(u),1)},t._update_props=i=>{const{props:d={},events:h={}}=_(i),p=e({shape:t.shape,...d,parent:void 0}).getProp();v.ObjectExt.isEqual(t.getProp(),p)||Object.keys(p).forEach(g=>{["id","parent","shape"].indexOf(g)===-1&&t.setProp(g,p[g])}),t._removeEvent(),t._removeEvent=b(t,h,a),i={}},t},w=(e,n)=>{const{props:o={},events:s={}}=_(n),r=new e({enabled:!0,...o});return r._insert=a=>{a.use(r),b(null,s,r)},r._remove=()=>r.dispose(),r._update=()=>null,r},M=E("Node",P.bind(null,v.Node.create,"rect")),G=E("Edge",P.bind(null,v.Edge.create,"edge"));function q(e,n){return E(e,w.bind(null,n))}exports.Edge=G;exports.ElementOf=E;exports.ElementOfPlugin=q;exports.Graph=j;exports.Node=M;exports.createApp=T;exports.render=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),g=require("@antv/x6"),w=require("@vue/runtime-core"),C=new Map;function b(e,n){return C.set(e,n),e}const{render:P,createApp:M}=w.createRenderer({patchProp:(e,n,o,s)=>e._update(n,o,s),insert:(e,n)=>e&&e._insert(n),remove:e=>e&&e._remove(),createElement:(e,n,o,s)=>{const r=C.get(e);return r&&r(s)},createText:e=>{const n={text:e,_insert:o=>n.parentNode=o};return n},createComment:()=>null,setText:()=>null,setElementText:()=>null,parentNode:e=>e.parentNode,nextSibling(e){}}),E=e=>Object.entries(e).reduce((n,[o,s])=>(o.startsWith("on")?n.events[o.substr(2).toLowerCase()]=s:n.props[o]=s===""?!0:s,n),{props:{},events:{}}),_=(e,n,o)=>{const s=Object.entries(n).map(([r,i])=>{const t=u=>{const{cell:f}=u;e&&f.id===e.id&&i(u)};return o.on(`cell:${r}`,t),()=>o.off(`cell:${r}`,t)});return()=>s.forEach(r=>r())},j=a.defineComponent({inheritAttrs:!1,name:"Graph",setup(e,{attrs:n,slots:o,expose:s}){const{container:r}=e,{props:i={},events:t={}}=E(n),{width:u=800,height:f=600,...c}=i,l=a.ref(r),p=a.shallowReactive({graph:null}),x=a.ref(),d=a.ref(new Map);return s(p),a.onMounted(()=>{if(l.value){p.graph=new g.Graph({container:l.value,width:u,height:f,...c}),_(null,t,p.graph);const h=a.h(()=>(x.value||[]).filter(v=>v.props).map(v=>{const{key:S,props:N={},type:T}=v,{id:m}=N;if(!S){const O=g.StringExt.hashcode(JSON.stringify(N));v.key=m||d.value.get(m)||d.value.get(O)||g.StringExt.uuid(),!m&&T!=="Edge"&&d.value.set(m||O,v.key)}return v}),p);P(h,p.graph)}}),a.onUnmounted(()=>{p.graph&&p.graph.dispose()}),()=>{const h=o.default&&o.default()||[];return a.nextTick(()=>x.value=h),a.createVNode("div",{style:{width:"100%",height:"100%",position:"relative"}},[!r&&a.createVNode("div",{ref:l},null)])}}}),y=(e,n,o)=>{const{props:s={},events:r={}}=E(o);let i;const t=e(o);t._remove=()=>{t._removeEvent(),i.model.removeCell(t)},t._insert=c=>{if(i=c.addCell(t),t._removeEvent=_(t,r,i),t.parentNode=c,s.parent){const l=i.getCellById(s.parent);l&&l.addChild(t)}};let u,f={};return t._update=(c,l,p)=>{u&&clearTimeout(u),f[c]=p,u=setTimeout(()=>t._update_props(f),1)},t._update_props=c=>{const{props:l={},events:p={}}=E(c),d=e({shape:t.shape,...l,parent:void 0}).getProp();g.ObjectExt.isEqual(t.getProp(),d)||Object.keys(d).forEach(h=>{["id","parent","shape"].indexOf(h)===-1&&t.setProp(h,d[h])}),t._removeEvent(),t._removeEvent=_(t,p,i),c={}},t},G=(e,n)=>{const{props:o={},events:s={}}=E(n),r=new e({enabled:!0,...o});return r._insert=i=>{i.use(r),_(null,s,r)},r._remove=()=>r.dispose(),r._update=()=>null,r},q=b("Node",y.bind(null,g.Node.create,"rect")),V=b("Edge",y.bind(null,g.Edge.create,"edge"));function k(e,n){return b(e,G.bind(null,n))}exports.Edge=V;exports.ElementOf=b;exports.ElementOfPlugin=k;exports.Graph=j;exports.Node=q;exports.createApp=M;exports.render=P;

package/dist/index.js

@@ -1,16 +1,16 @@
-import { defineComponent as T, ref as m, shallowReactive as j, onMounted as y, h as G, onUnmounted as M, nextTick as $, createVNode as N } from "vue";
-import { Node as S, Edge as k, Graph as R, StringExt as C, ObjectExt as V } from "@antv/x6";
-import { createRenderer as A } from "@vue/runtime-core";
-const O = /* @__PURE__ */ new Map();
-function _(e, n) {
-  return O.set(e, n), e;
+import { defineComponent as G, ref as _, shallowReactive as M, onMounted as $, h as j, onUnmounted as S, nextTick as k, createVNode as C } from "vue";
+import { Node as R, Edge as V, Graph as A, StringExt as O, ObjectExt as B } from "@antv/x6";
+import { createRenderer as I } from "@vue/runtime-core";
+const w = /* @__PURE__ */ new Map();
+function b(e, n) {
+  return w.set(e, n), e;
 }
-const { render: B, createApp: L } = A({
+const { render: q, createApp: W } = I({
   patchProp: (e, n, o, s) => e._update(n, o, s),
   insert: (e, n) => e && e._insert(n),
   remove: (e) => e && e._remove(),
   createElement: (e, n, o, s) => {
-    const r = O.get(e);
+    const r = w.get(e);
     return r && r(s);
   },
   createText: (e) => {
@@ -28,7 +28,21 @@ const { render: B, createApp: L } = A({
   // setScopeId,
   // cloneNode,
   // insertStaticContent,
-}), U = /* @__PURE__ */ T({
+}), m = (e) => Object.entries(e).reduce((n, [o, s]) => (o.startsWith("on") ? n.events[o.substr(2).toLowerCase()] = s : n.props[o] = s === "" ? !0 : s, n), {
+  props: {},
+  events: {}
+}), g = (e, n, o) => {
+  const s = Object.entries(n).map(([r, p]) => {
+    const t = (l) => {
+      const {
+        cell: h
+      } = l;
+      e && h.id === e.id && p(l);
+    };
+    return o.on(`cell:${r}`, t), () => o.off(`cell:${r}`, t);
+  });
+  return () => s.forEach((r) => r());
+}, D = /* @__PURE__ */ G({
   inheritAttrs: !1,
   name: "Graph",
   setup(e, {
@@ -39,117 +53,106 @@ const { render: B, createApp: L } = A({
     const {
       container: r
     } = e, {
-      width: p = 800,
-      height: t = 600,
+      props: p = {},
+      events: t = {}
+    } = m(n), {
+      width: l = 800,
+      height: h = 600,
       ...i
-    } = n, l = m(r), a = j({
+    } = p, c = _(r), a = M({
       graph: null
-    }), d = m(), u = m(/* @__PURE__ */ new Map());
-    return s(a), y(() => {
-      if (Object.keys(i).forEach((h) => i[h] === "" && (i[h] = !0)), l.value) {
-        a.graph = new R({
-          container: l.value,
-          width: p,
-          height: t,
+    }), E = _(), d = _(/* @__PURE__ */ new Map());
+    return s(a), $(() => {
+      if (c.value) {
+        a.graph = new A({
+          container: c.value,
+          width: l,
+          height: h,
           ...i
-        });
-        const h = G(() => (d.value || []).filter((c) => c.props).map((c) => {
+        }), g(null, t, a.graph);
+        const u = j(() => (E.value || []).filter((f) => f.props).map((f) => {
           const {
-            key: f,
-            props: b = {},
-            type: P
-          } = c, {
+            key: T,
+            props: x = {},
+            type: y
+          } = f, {
             id: v
-          } = b;
-          if (!f) {
-            const x = C.hashcode(JSON.stringify(b));
-            c.key = v || u.value.get(v) || u.value.get(x) || C.uuid(), !v && P !== "Edge" && u.value.set(v || x, c.key);
+          } = x;
+          if (!T) {
+            const N = O.hashcode(JSON.stringify(x));
+            f.key = v || d.value.get(v) || d.value.get(N) || O.uuid(), !v && y !== "Edge" && d.value.set(v || N, f.key);
           }
-          return c;
+          return f;
         }), a);
-        B(h, a.graph);
+        q(u, a.graph);
       }
-    }), M(() => {
+    }), S(() => {
       a.graph && a.graph.dispose();
     }), () => {
-      const h = o.default && o.default() || [];
-      return $(() => d.value = h), N("div", {
+      const u = o.default && o.default() || [];
+      return k(() => E.value = u), C("div", {
         style: {
           width: "100%",
           height: "100%",
           position: "relative"
         }
-      }, [!r && N("div", {
-        ref: l
+      }, [!r && C("div", {
+        ref: c
       }, null)]);
     };
   }
-}), g = (e) => Object.entries(e).reduce((n, [o, s]) => (o.startsWith("on") ? n.events[o.substr(2).toLowerCase()] = s : n.props[o] = s, n), {
-  props: {},
-  events: {}
-}), E = (e, n, o) => {
-  const s = Object.entries(n).map(([r, p]) => {
-    const t = (i) => {
-      const {
-        cell: l
-      } = i;
-      e && l.id === e.id && p(i);
-    };
-    return o.on(`cell:${r}`, t), () => o.off(`cell:${r}`, t);
-  });
-  return () => s.forEach((r) => r());
-}, w = (e, n, o) => {
+}), P = (e, n, o) => {
   const {
     props: s = {},
     events: r = {}
-  } = g(o);
+  } = m(o);
   let p;
   const t = e(o);
   t._remove = () => {
     t._removeEvent(), p.model.removeCell(t);
-  }, t._insert = (a) => {
-    if (p = a.addCell(t), t._removeEvent = E(t, r, p), t.parentNode = a, s.parent) {
-      const d = p.getCellById(s.parent);
-      d && d.addChild(t);
+  }, t._insert = (i) => {
+    if (p = i.addCell(t), t._removeEvent = g(t, r, p), t.parentNode = i, s.parent) {
+      const c = p.getCellById(s.parent);
+      c && c.addChild(t);
     }
   };
-  let i, l = {};
-  return t._update = (a, d, u) => {
-    i && clearTimeout(i), l[a] = u, i = setTimeout(() => t._update_props(l), 1);
-  }, t._update_props = (a) => {
+  let l, h = {};
+  return t._update = (i, c, a) => {
+    l && clearTimeout(l), h[i] = a, l = setTimeout(() => t._update_props(h), 1);
+  }, t._update_props = (i) => {
     const {
-      props: d = {},
-      events: u = {}
-    } = g(a), c = e({
+      props: c = {},
+      events: a = {}
+    } = m(i), d = e({
       shape: t.shape,
-      ...d,
+      ...c,
       parent: void 0
     }).getProp();
-    V.isEqual(t.getProp(), c) || Object.keys(c).forEach((f) => {
-      ["id", "parent", "shape"].indexOf(f) === -1 && t.setProp(f, c[f]);
-    }), t._removeEvent(), t._removeEvent = E(t, u, p), a = {};
+    B.isEqual(t.getProp(), d) || Object.keys(d).forEach((u) => {
+      ["id", "parent", "shape"].indexOf(u) === -1 && t.setProp(u, d[u]);
+    }), t._removeEvent(), t._removeEvent = g(t, a, p), i = {};
   }, t;
-}, I = (e, n) => {
+}, z = (e, n) => {
   const {
     props: o = {},
     events: s = {}
-  } = g(n), r = new e({
+  } = m(n), r = new e({
     enabled: !0,
     ...o
   });
   return r._insert = (p) => {
-    p.use(r), E(null, s, r);
+    p.use(r), g(null, s, r);
   }, r._remove = () => r.dispose(), r._update = () => null, r;
-}, W = _("Node", w.bind(null, S.create, "rect")), D = _("Edge", w.bind(null, k.create, "edge"));
-function F(e, n) {
-  return _(e, I.bind(null, n));
+}, F = b("Node", P.bind(null, R.create, "rect")), H = b("Edge", P.bind(null, V.create, "edge"));
+function K(e, n) {
+  return b(e, z.bind(null, n));
 }
 export {
-  D as Edge,
-  _ as ElementOf,
-  F as ElementOfPlugin,
-  U as Graph,
-  W as Node,
-  L as createApp,
-  B as render
+  H as Edge,
+  b as ElementOf,
+  K as ElementOfPlugin,
+  D as Graph,
+  F as Node,
+  W as createApp,
+  q as render
 };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "vue-x6",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only tsd",
     "build-only": "vite build",
     "type-check": "vue-tsc --noEmit",
-    "tsd": "tsc -d --skipLibCheck --emitDeclarationOnly --jsx preserve --esModuleInterop --declarationDir dist src/lib/index.ts",
+    "tsd": "tsc -d --skipLibCheck --emitDeclarationOnly --jsx preserve --esModuleInterop --lib es2017,DOM --declarationDir dist src/lib/index.ts",
     "preview": "vite preview"
   },
   "files": [