@qy_better_lib/hooks 0.0.15 → 0.1.1

package/lib/packages/hooks/node_modules/@antv/x6/es/graph/grid.js

@@ -0,0 +1,143 @@
+import "../../../x6-common/es/polyfill/index.js";
+import "../../../x6-common/es/common/disposable.js";
+import "../../../x6-common/es/common/basecoat.js";
+import "../../../x6-common/es/platform/index.js";
+import { attr as x } from "../../../x6-common/es/dom/attr.js";
+import "../../../x6-common/es/datauri/index.js";
+import "../../../x6-common/es/unit/index.js";
+import "../../../x6-common/es/dom/prefix.js";
+import { Vector as O } from "../../../x6-common/es/vector/index.js";
+import "../../../x6-common/es/dom/event/hook.js";
+import "../../../x6-common/es/dom/event/main.js";
+import "../../../x6-common/es/dom/event/object.js";
+import "../../../x6-common/es/size-sensor/index.js";
+import "../../../x6-common/es/algorithm/priorityqueue.js";
+import "../../../x6-common/es/algorithm/dijkstra.js";
+import "../../../x6-common/es/color/index.js";
+import "../../../x6-common/es/modifier/index.js";
+import "../../../x6-common/es/animation/timing.js";
+import "../../../x6-common/es/animation/interp.js";
+import { Grid as c } from "../registry/grid/index.js";
+import "../registry/background/index.js";
+import "../registry/filter/index.js";
+import "../registry/attr/index.js";
+import "../registry/highlighter/index.js";
+import "../registry/port-layout/index.js";
+import "../registry/port-label-layout/index.js";
+import "../registry/tool/index.js";
+import "../registry/marker/index.js";
+import "../registry/node-anchor/index.js";
+import "../registry/edge-anchor/index.js";
+import "../registry/connection-point/index.js";
+import "../registry/router/index.js";
+import "../registry/connector/index.js";
+import "../registry/registry.js";
+import { Base as j } from "./base.js";
+var _ = function(s, t, r, i) {
+  var e = arguments.length, n = e < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, r) : i, a;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") n = Reflect.decorate(s, t, r, i);
+  else for (var p = s.length - 1; p >= 0; p--) (a = s[p]) && (n = (e < 3 ? a(n) : e > 3 ? a(t, r, n) : a(t, r)) || n);
+  return e > 3 && n && Object.defineProperty(t, r, n), n;
+}, z = function(s, t) {
+  var r = {};
+  for (var i in s) Object.prototype.hasOwnProperty.call(s, i) && t.indexOf(i) < 0 && (r[i] = s[i]);
+  if (s != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var e = 0, i = Object.getOwnPropertySymbols(s); e < i.length; e++)
+      t.indexOf(i[e]) < 0 && Object.prototype.propertyIsEnumerable.call(s, i[e]) && (r[i[e]] = s[i[e]]);
+  return r;
+};
+class S extends j {
+  get elem() {
+    return this.view.grid;
+  }
+  get grid() {
+    return this.options.grid;
+  }
+  init() {
+    this.startListening(), this.draw(this.grid);
+  }
+  startListening() {
+    this.graph.on("scale", this.update, this), this.graph.on("translate", this.update, this);
+  }
+  stopListening() {
+    this.graph.off("scale", this.update, this), this.graph.off("translate", this.update, this);
+  }
+  setVisible(t) {
+    this.grid.visible !== t && (this.grid.visible = t, this.update());
+  }
+  getGridSize() {
+    return this.grid.size;
+  }
+  setGridSize(t) {
+    this.grid.size = Math.max(t, 1), this.update();
+  }
+  show() {
+    this.setVisible(!0), this.update();
+  }
+  hide() {
+    this.setVisible(!1), this.update();
+  }
+  clear() {
+    this.elem.style.backgroundImage = "";
+  }
+  draw(t) {
+    this.clear(), this.instance = null, Object.assign(this.grid, t), this.patterns = this.resolveGrid(t), this.update();
+  }
+  update(t = {}) {
+    const r = this.grid.size;
+    if (r <= 1 || !this.grid.visible)
+      return this.clear();
+    const i = this.graph.matrix(), e = this.getInstance(), n = Array.isArray(t) ? t : [t];
+    this.patterns.forEach((g, l) => {
+      const h = `pattern_${l}`, f = i.a || 1, u = i.d || 1, { update: b, markup: w } = g, v = z(g, ["update", "markup"]), o = Object.assign(Object.assign(Object.assign({}, v), n[l]), {
+        sx: f,
+        sy: u,
+        ox: i.e || 0,
+        oy: i.f || 0,
+        width: r * f,
+        height: r * u
+      });
+      e.has(h) || e.add(h, O.create("pattern", { id: h, patternUnits: "userSpaceOnUse" }, O.createVectors(w)).node);
+      const y = e.get(h);
+      typeof b == "function" && b(y.childNodes[0], o);
+      let d = o.ox % o.width;
+      d < 0 && (d += o.width);
+      let m = o.oy % o.height;
+      m < 0 && (m += o.height), x(y, {
+        x: d,
+        y: m,
+        width: o.width,
+        height: o.height
+      });
+    });
+    const a = new XMLSerializer().serializeToString(e.root), p = `url(data:image/svg+xml;base64,${btoa(a)})`;
+    this.elem.style.backgroundImage = p;
+  }
+  getInstance() {
+    return this.instance || (this.instance = new c()), this.instance;
+  }
+  resolveGrid(t) {
+    if (!t)
+      return [];
+    const r = t.type;
+    if (r == null)
+      return [
+        Object.assign(Object.assign({}, c.presets.dot), t.args)
+      ];
+    const i = c.registry.get(r);
+    if (i) {
+      let e = t.args || [];
+      return Array.isArray(e) || (e = [e]), Array.isArray(i) ? i.map((n, a) => Object.assign(Object.assign({}, n), e[a])) : [Object.assign(Object.assign({}, i), e[0])];
+    }
+    return c.registry.onNotFound(r);
+  }
+  dispose() {
+    this.stopListening(), this.clear();
+  }
+}
+_([
+  j.dispose()
+], S.prototype, "dispose", null);
+export {
+  S as GridManager
+};

package/lib/packages/hooks/node_modules/@antv/x6/es/graph/highlight.js

@@ -0,0 +1,111 @@
+import "../../../x6-common/es/polyfill/index.js";
+import "../../../x6-common/es/common/disposable.js";
+import "../../../x6-common/es/common/basecoat.js";
+import "../../../x6-common/es/platform/index.js";
+import { ensureId as p } from "../../../x6-common/es/dom/elem.js";
+import "../../../x6-common/es/datauri/index.js";
+import "../../../x6-common/es/unit/index.js";
+import "../../../x6-common/es/dom/prefix.js";
+import "../../../x6-common/es/vector/index.js";
+import "../../../x6-common/es/dom/event/hook.js";
+import "../../../x6-common/es/dom/event/main.js";
+import "../../../x6-common/es/dom/event/object.js";
+import "../../../x6-common/es/size-sensor/index.js";
+import "../../../x6-common/es/algorithm/priorityqueue.js";
+import "../../../x6-common/es/algorithm/dijkstra.js";
+import "../../../x6-common/es/color/index.js";
+import "../../../x6-common/es/modifier/index.js";
+import "../../../x6-common/es/animation/timing.js";
+import "../../../x6-common/es/animation/interp.js";
+import "../registry/grid/index.js";
+import "../registry/background/index.js";
+import "../registry/filter/index.js";
+import "../registry/attr/index.js";
+import { Highlighter as s } from "../registry/highlighter/index.js";
+import "../registry/port-layout/index.js";
+import "../registry/port-label-layout/index.js";
+import "../registry/tool/index.js";
+import "../registry/marker/index.js";
+import "../registry/node-anchor/index.js";
+import "../registry/edge-anchor/index.js";
+import "../registry/connection-point/index.js";
+import "../registry/router/index.js";
+import "../registry/connector/index.js";
+import "../registry/registry.js";
+import { Base as m } from "./base.js";
+var f = function(l, t, i, h) {
+  var g = arguments.length, r = g < 3 ? t : h === null ? h = Object.getOwnPropertyDescriptor(t, i) : h, e;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") r = Reflect.decorate(l, t, i, h);
+  else for (var o = l.length - 1; o >= 0; o--) (e = l[o]) && (r = (g < 3 ? e(r) : g > 3 ? e(t, i, r) : e(t, i)) || r);
+  return g > 3 && r && Object.defineProperty(t, i, r), r;
+};
+class n extends m {
+  constructor() {
+    super(...arguments), this.highlights = {};
+  }
+  init() {
+    this.startListening();
+  }
+  startListening() {
+    this.graph.on("cell:highlight", this.onCellHighlight, this), this.graph.on("cell:unhighlight", this.onCellUnhighlight, this);
+  }
+  stopListening() {
+    this.graph.off("cell:highlight", this.onCellHighlight, this), this.graph.off("cell:unhighlight", this.onCellUnhighlight, this);
+  }
+  onCellHighlight({ view: t, magnet: i, options: h = {} }) {
+    const g = this.resolveHighlighter(h);
+    if (!g)
+      return;
+    const r = this.getHighlighterId(i, g);
+    if (!this.highlights[r]) {
+      const e = g.highlighter;
+      e.highlight(t, i, Object.assign({}, g.args)), this.highlights[r] = {
+        cellView: t,
+        magnet: i,
+        highlighter: e,
+        args: g.args
+      };
+    }
+  }
+  onCellUnhighlight({ magnet: t, options: i = {} }) {
+    const h = this.resolveHighlighter(i);
+    if (!h)
+      return;
+    const g = this.getHighlighterId(t, h);
+    this.unhighlight(g);
+  }
+  resolveHighlighter(t) {
+    const i = this.options;
+    let h = t.highlighter;
+    if (h == null) {
+      const o = t.type;
+      h = o && i.highlighting[o] || i.highlighting.default;
+    }
+    if (h == null)
+      return null;
+    const g = typeof h == "string" ? {
+      name: h
+    } : h, r = g.name, e = s.registry.get(r);
+    return e == null ? s.registry.onNotFound(r) : (s.check(r, e), {
+      name: r,
+      highlighter: e,
+      args: g.args || {}
+    });
+  }
+  getHighlighterId(t, i) {
+    return p(t), i.name + t.id + JSON.stringify(i.args);
+  }
+  unhighlight(t) {
+    const i = this.highlights[t];
+    i && (i.highlighter.unhighlight(i.cellView, i.magnet, i.args), delete this.highlights[t]);
+  }
+  dispose() {
+    Object.keys(this.highlights).forEach((t) => this.unhighlight(t)), this.stopListening();
+  }
+}
+f([
+  n.dispose()
+], n.prototype, "dispose", null);
+export {
+  n as HighlightManager
+};

package/lib/packages/hooks/node_modules/@antv/x6/es/graph/mousewheel.js

@@ -0,0 +1,80 @@
+import "../../../x6-common/es/polyfill/index.js";
+import { Disposable as u } from "../../../x6-common/es/common/disposable.js";
+import "../../../x6-common/es/common/basecoat.js";
+import "../../../x6-common/es/platform/index.js";
+import "../../../x6-common/es/datauri/index.js";
+import "../../../x6-common/es/unit/index.js";
+import "../../../x6-common/es/dom/prefix.js";
+import "../../../x6-common/es/vector/index.js";
+import "../../../x6-common/es/dom/event/hook.js";
+import "../../../x6-common/es/dom/event/main.js";
+import "../../../x6-common/es/dom/event/object.js";
+import { MouseWheelHandle as d } from "../../../x6-common/es/dom/mousewheel.js";
+import "../../../x6-common/es/size-sensor/index.js";
+import "../../../x6-common/es/algorithm/priorityqueue.js";
+import "../../../x6-common/es/algorithm/dijkstra.js";
+import "../../../x6-common/es/color/index.js";
+import { ModifierKey as c } from "../../../x6-common/es/modifier/index.js";
+import "../../../x6-common/es/animation/timing.js";
+import "../../../x6-common/es/animation/interp.js";
+import { Base as m } from "./base.js";
+import p from "../../../../lodash-es/clamp.js";
+var f = function(l, t, e, r) {
+  var o = arguments.length, i = o < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, e) : r, s;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") i = Reflect.decorate(l, t, e, r);
+  else for (var a = l.length - 1; a >= 0; a--) (s = l[a]) && (i = (o < 3 ? s(i) : o > 3 ? s(t, e, i) : s(t, e)) || i);
+  return o > 3 && i && Object.defineProperty(t, e, i), i;
+};
+class g extends m {
+  constructor() {
+    super(...arguments), this.cumulatedFactor = 1;
+  }
+  get widgetOptions() {
+    return this.options.mousewheel;
+  }
+  init() {
+    this.container = this.graph.container, this.target = this.widgetOptions.global ? document : this.container, this.mousewheelHandle = new d(this.target, this.onMouseWheel.bind(this), this.allowMouseWheel.bind(this)), this.widgetOptions.enabled && this.enable(!0);
+  }
+  get disabled() {
+    return this.widgetOptions.enabled !== !0;
+  }
+  enable(t) {
+    (this.disabled || t) && (this.widgetOptions.enabled = !0, this.mousewheelHandle.enable());
+  }
+  disable() {
+    this.disabled || (this.widgetOptions.enabled = !1, this.mousewheelHandle.disable());
+  }
+  allowMouseWheel(t) {
+    const e = this.widgetOptions.guard;
+    return (e == null || e(t)) && c.isMatch(t, this.widgetOptions.modifiers);
+  }
+  onMouseWheel(t) {
+    const e = this.widgetOptions.guard;
+    if ((e == null || e(t)) && c.isMatch(t, this.widgetOptions.modifiers)) {
+      const r = this.widgetOptions.factor || 1.2;
+      this.currentScale == null && (this.startPos = { x: t.clientX, y: t.clientY }, this.currentScale = this.graph.transform.getScale().sx), t.deltaY < 0 ? this.currentScale < 0.15 ? this.cumulatedFactor = (this.currentScale + 0.01) / this.currentScale : (this.cumulatedFactor = Math.round(this.currentScale * r * 20) / 20 / this.currentScale, this.cumulatedFactor === 1 && (this.cumulatedFactor = 1.05)) : this.currentScale <= 0.15 ? this.cumulatedFactor = (this.currentScale - 0.01) / this.currentScale : (this.cumulatedFactor = Math.round(this.currentScale * (1 / r) * 20) / 20 / this.currentScale, this.cumulatedFactor === 1 && (this.cumulatedFactor = 0.95)), this.cumulatedFactor = Math.max(0.01, Math.min(this.currentScale * this.cumulatedFactor, 160) / this.currentScale);
+      const i = this.currentScale;
+      let s = this.graph.transform.clampScale(i * this.cumulatedFactor);
+      const a = this.widgetOptions.minScale || Number.MIN_SAFE_INTEGER, n = this.widgetOptions.maxScale || Number.MAX_SAFE_INTEGER;
+      if (s = p(s, a, n), s !== i)
+        if (this.widgetOptions.zoomAtMousePosition) {
+          const h = !!this.graph.getPlugin("scroller") ? this.graph.clientToLocal(this.startPos) : this.graph.clientToGraph(this.startPos);
+          this.graph.zoom(s, {
+            absolute: !0,
+            center: h.clone()
+          });
+        } else
+          this.graph.zoom(s, { absolute: !0 });
+      this.currentScale = null, this.cumulatedFactor = 1;
+    }
+  }
+  dispose() {
+    this.disable();
+  }
+}
+f([
+  u.dispose()
+], g.prototype, "dispose", null);
+export {
+  g as MouseWheel
+};

package/lib/packages/hooks/node_modules/@antv/x6/es/graph/options.js

@@ -0,0 +1,150 @@
+import "../../../x6-common/es/polyfill/index.js";
+import "../../../x6-common/es/common/disposable.js";
+import "../../../x6-common/es/common/basecoat.js";
+import "../../../x6-common/es/platform/index.js";
+import "../../../x6-common/es/datauri/index.js";
+import "../../../x6-common/es/unit/index.js";
+import "../../../x6-common/es/dom/prefix.js";
+import "../../../x6-common/es/vector/index.js";
+import "../../../x6-common/es/dom/event/hook.js";
+import "../../../x6-common/es/dom/event/main.js";
+import "../../../x6-common/es/dom/event/object.js";
+import "../../../x6-common/es/size-sensor/index.js";
+import "../../../x6-common/es/algorithm/priorityqueue.js";
+import "../../../x6-common/es/algorithm/dijkstra.js";
+import "../../../x6-common/es/color/index.js";
+import "../../../x6-common/es/modifier/index.js";
+import "../../../x6-common/es/animation/timing.js";
+import "../../../x6-common/es/animation/interp.js";
+import { Config as g } from "../config/index.js";
+import "../shape/rect.js";
+import { Edge as p } from "../shape/edge.js";
+import "../shape/ellipse.js";
+import "../shape/polygon.js";
+import "../shape/polyline.js";
+import "../shape/path.js";
+import "../shape/text-block.js";
+import "../shape/image.js";
+import "../shape/circle.js";
+import "../shape/html.js";
+import d from "../../../../lodash-es/merge.js";
+var u = function(t, i) {
+  var n = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (n[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      i.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (n[e[r]] = t[e[r]]);
+  return n;
+}, s;
+(function(t) {
+  function i(n) {
+    const { grid: e, panning: r, mousewheel: b, embedding: h } = n, a = u(
+      n,
+      ["grid", "panning", "mousewheel", "embedding"]
+    ), m = n.container;
+    if (m != null)
+      a.width == null && (a.width = m.clientWidth), a.height == null && (a.height = m.clientHeight);
+    else
+      throw new Error("Ensure the container of the graph is specified and valid");
+    const o = d({}, t.defaults, a), c = { size: 10, visible: !1 };
+    return typeof e == "number" ? o.grid = { size: e, visible: !1 } : typeof e == "boolean" ? o.grid = Object.assign(Object.assign({}, c), { visible: e }) : o.grid = Object.assign(Object.assign({}, c), e), [
+      "panning",
+      "mousewheel",
+      "embedding"
+    ].forEach((l) => {
+      const f = n[l];
+      typeof f == "boolean" ? o[l].enabled = f : o[l] = Object.assign(Object.assign({}, o[l]), f);
+    }), o;
+  }
+  t.get = i;
+})(s || (s = {}));
+(function(t) {
+  t.defaults = {
+    x: 0,
+    y: 0,
+    scaling: {
+      min: 0.01,
+      max: 16
+    },
+    grid: {
+      size: 10,
+      visible: !1
+    },
+    background: !1,
+    panning: {
+      enabled: !1,
+      eventTypes: ["leftMouseDown"]
+    },
+    mousewheel: {
+      enabled: !1,
+      factor: 1.2,
+      zoomAtMousePosition: !0
+    },
+    highlighting: {
+      default: {
+        name: "stroke",
+        args: {
+          padding: 3
+        }
+      },
+      nodeAvailable: {
+        name: "className",
+        args: {
+          className: g.prefix("available-node")
+        }
+      },
+      magnetAvailable: {
+        name: "className",
+        args: {
+          className: g.prefix("available-magnet")
+        }
+      }
+    },
+    connecting: {
+      snap: !1,
+      allowLoop: !0,
+      allowNode: !0,
+      allowEdge: !1,
+      allowPort: !0,
+      allowBlank: !0,
+      allowMulti: !0,
+      highlight: !1,
+      anchor: "center",
+      edgeAnchor: "ratio",
+      connectionPoint: "boundary",
+      router: "normal",
+      connector: "normal",
+      validateConnection({ type: i, sourceView: n, targetView: e }) {
+        return (i === "target" ? e : n) != null;
+      },
+      createEdge() {
+        return new p();
+      }
+    },
+    translating: {
+      restrict: !1
+    },
+    embedding: {
+      enabled: !1,
+      findParent: "bbox",
+      frontOnly: !0,
+      validate: () => !0
+    },
+    moveThreshold: 0,
+    clickThreshold: 0,
+    magnetThreshold: 0,
+    preventDefaultDblClick: !0,
+    preventDefaultMouseDown: !1,
+    preventDefaultContextMenu: !0,
+    preventDefaultBlankAction: !0,
+    interacting: {
+      edgeLabelMovable: !1
+    },
+    async: !0,
+    virtual: !1,
+    guard: () => !1
+  };
+})(s || (s = {}));
+export {
+  s as Options
+};

package/lib/packages/hooks/node_modules/@antv/x6/es/graph/panning.js

@@ -0,0 +1,120 @@
+import "../../../x6-common/es/polyfill/index.js";
+import "../../../x6-common/es/common/disposable.js";
+import "../../../x6-common/es/common/basecoat.js";
+import "../../../x6-common/es/platform/index.js";
+import { addClass as r, removeClass as p } from "../../../x6-common/es/dom/class.js";
+import "../../../x6-common/es/datauri/index.js";
+import "../../../x6-common/es/unit/index.js";
+import "../../../x6-common/es/dom/prefix.js";
+import "../../../x6-common/es/vector/index.js";
+import "../../../x6-common/es/dom/event/hook.js";
+import { Event as a } from "../../../x6-common/es/dom/event/main.js";
+import "../../../x6-common/es/dom/event/object.js";
+import { MouseWheelHandle as d } from "../../../x6-common/es/dom/mousewheel.js";
+import "../../../x6-common/es/size-sensor/index.js";
+import "../../../x6-common/es/algorithm/priorityqueue.js";
+import "../../../x6-common/es/algorithm/dijkstra.js";
+import "../../../x6-common/es/color/index.js";
+import { ModifierKey as f } from "../../../x6-common/es/modifier/index.js";
+import "../../../x6-common/es/animation/timing.js";
+import "../../../x6-common/es/animation/interp.js";
+import { Base as u } from "./base.js";
+var g = function(h, n, e, i) {
+  var s = arguments.length, t = s < 3 ? n : i === null ? i = Object.getOwnPropertyDescriptor(n, e) : i, o;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(h, n, e, i);
+  else for (var l = h.length - 1; l >= 0; l--) (o = h[l]) && (t = (s < 3 ? o(t) : s > 3 ? o(n, e, t) : o(n, e)) || t);
+  return s > 3 && t && Object.defineProperty(n, e, t), t;
+};
+class c extends u {
+  get widgetOptions() {
+    return this.options.panning;
+  }
+  get pannable() {
+    return this.widgetOptions && this.widgetOptions.enabled === !0;
+  }
+  init() {
+    this.onRightMouseDown = this.onRightMouseDown.bind(this), this.onSpaceKeyDown = this.onSpaceKeyDown.bind(this), this.onSpaceKeyUp = this.onSpaceKeyUp.bind(this), this.startListening(), this.updateClassName();
+  }
+  startListening() {
+    this.graph.on("blank:mousedown", this.onMouseDown, this), this.graph.on("node:unhandled:mousedown", this.onMouseDown, this), this.graph.on("edge:unhandled:mousedown", this.onMouseDown, this), a.on(this.graph.container, "mousedown", this.onRightMouseDown), a.on(document.body, {
+      keydown: this.onSpaceKeyDown,
+      keyup: this.onSpaceKeyUp
+    }), this.mousewheelHandle = new d(this.graph.container, this.onMouseWheel.bind(this), this.allowMouseWheel.bind(this)), this.mousewheelHandle.enable();
+  }
+  stopListening() {
+    this.graph.off("blank:mousedown", this.onMouseDown, this), this.graph.off("node:unhandled:mousedown", this.onMouseDown, this), this.graph.off("edge:unhandled:mousedown", this.onMouseDown, this), a.off(this.graph.container, "mousedown", this.onRightMouseDown), a.off(document.body, {
+      keydown: this.onSpaceKeyDown,
+      keyup: this.onSpaceKeyUp
+    }), this.mousewheelHandle && this.mousewheelHandle.disable();
+  }
+  allowPanning(n, e) {
+    return n.spaceKey = this.isSpaceKeyPressed, this.pannable && f.isMatch(n, this.widgetOptions.modifiers, e);
+  }
+  startPanning(n) {
+    const e = this.view.normalizeEvent(n);
+    this.clientX = e.clientX, this.clientY = e.clientY, this.panning = !0, this.updateClassName(), a.on(document.body, {
+      "mousemove.panning touchmove.panning": this.pan.bind(this),
+      "mouseup.panning touchend.panning": this.stopPanning.bind(this),
+      "mouseleave.panning": this.stopPanning.bind(this)
+    }), a.on(window, "mouseup.panning", this.stopPanning.bind(this));
+  }
+  pan(n) {
+    const e = this.view.normalizeEvent(n), i = e.clientX - this.clientX, s = e.clientY - this.clientY;
+    this.clientX = e.clientX, this.clientY = e.clientY, this.graph.translateBy(i, s);
+  }
+  // eslint-disable-next-line
+  stopPanning(n) {
+    this.panning = !1, this.updateClassName(), a.off(document.body, ".panning"), a.off(window, ".panning");
+  }
+  updateClassName() {
+    const n = this.view.container, e = this.view.prefixClassName("graph-panning"), i = this.view.prefixClassName("graph-pannable");
+    this.pannable ? this.panning ? (r(n, e), p(n, i)) : (p(n, e), r(n, i)) : (p(n, e), p(n, i));
+  }
+  onMouseDown({ e: n }) {
+    if (!this.allowBlankMouseDown(n))
+      return;
+    const e = this.graph.getPlugin("selection"), i = e && e.allowRubberband(n, !0);
+    (this.allowPanning(n, !0) || this.allowPanning(n) && !i) && this.startPanning(n);
+  }
+  onRightMouseDown(n) {
+    const e = this.widgetOptions.eventTypes;
+    e?.includes("rightMouseDown") && n.button === 2 && this.allowPanning(n, !0) && this.startPanning(n);
+  }
+  onMouseWheel(n, e, i) {
+    this.graph.translateBy(-e, -i);
+  }
+  onSpaceKeyDown(n) {
+    n.which === 32 && (this.isSpaceKeyPressed = !0);
+  }
+  onSpaceKeyUp(n) {
+    n.which === 32 && (this.isSpaceKeyPressed = !1);
+  }
+  allowBlankMouseDown(n) {
+    const e = this.widgetOptions.eventTypes;
+    return e?.includes("leftMouseDown") && n.button === 0 || e?.includes("mouseWheelDown") && n.button === 1;
+  }
+  allowMouseWheel(n) {
+    var e;
+    return this.pannable && !n.ctrlKey && ((e = this.widgetOptions.eventTypes) === null || e === void 0 ? void 0 : e.includes("mouseWheel"));
+  }
+  autoPanning(n, e) {
+    const s = this.graph.getGraphArea();
+    let t = 0, o = 0;
+    n <= s.left + 10 && (t = -10), e <= s.top + 10 && (o = -10), n >= s.right - 10 && (t = 10), e >= s.bottom - 10 && (o = 10), (t !== 0 || o !== 0) && this.graph.translateBy(-t, -o);
+  }
+  enablePanning() {
+    this.pannable || (this.widgetOptions.enabled = !0, this.updateClassName());
+  }
+  disablePanning() {
+    this.pannable && (this.widgetOptions.enabled = !1, this.updateClassName());
+  }
+  dispose() {
+    this.stopListening();
+  }
+}
+g([
+  u.dispose()
+], c.prototype, "dispose", null);
+export {
+  c as PanningManager
+};

package/lib/packages/hooks/node_modules/@antv/x6/es/graph/size.js

@@ -0,0 +1,62 @@
+import "../../../x6-common/es/polyfill/index.js";
+import "../../../x6-common/es/common/disposable.js";
+import "../../../x6-common/es/common/basecoat.js";
+import "../../../x6-common/es/platform/index.js";
+import "../../../x6-common/es/datauri/index.js";
+import "../../../x6-common/es/unit/index.js";
+import "../../../x6-common/es/dom/prefix.js";
+import "../../../x6-common/es/vector/index.js";
+import "../../../x6-common/es/dom/event/hook.js";
+import "../../../x6-common/es/dom/event/main.js";
+import "../../../x6-common/es/dom/event/object.js";
+import { SizeSensor as l } from "../../../x6-common/es/size-sensor/index.js";
+import "../../../x6-common/es/algorithm/priorityqueue.js";
+import "../../../x6-common/es/algorithm/dijkstra.js";
+import "../../../x6-common/es/color/index.js";
+import "../../../x6-common/es/modifier/index.js";
+import "../../../x6-common/es/animation/timing.js";
+import "../../../x6-common/es/animation/interp.js";
+import { Base as c } from "./base.js";
+var a = function(n, e, t, r) {
+  var i = arguments.length, o = i < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, t) : r, s;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(n, e, t, r);
+  else for (var p = n.length - 1; p >= 0; p--) (s = n[p]) && (o = (i < 3 ? s(o) : i > 3 ? s(e, t, o) : s(e, t)) || o);
+  return i > 3 && o && Object.defineProperty(e, t, o), o;
+};
+class f extends c {
+  getScroller() {
+    const e = this.graph.getPlugin("scroller");
+    return e && e.options.enabled ? e : null;
+  }
+  getContainer() {
+    const e = this.getScroller();
+    return e ? e.container.parentElement : this.graph.container.parentElement;
+  }
+  getSensorTarget() {
+    const e = this.options.autoResize;
+    if (e)
+      return typeof e == "boolean" ? this.getContainer() : e;
+  }
+  init() {
+    if (this.options.autoResize) {
+      const t = this.getSensorTarget();
+      t && l.bind(t, () => {
+        const r = t.offsetWidth, i = t.offsetHeight;
+        this.resize(r, i);
+      });
+    }
+  }
+  resize(e, t) {
+    const r = this.getScroller();
+    r ? r.resize(e, t) : this.graph.transform.resize(e, t);
+  }
+  dispose() {
+    l.clear(this.graph.container);
+  }
+}
+a([
+  c.dispose()
+], f.prototype, "dispose", null);
+export {
+  f as SizeManager
+};