@seed-ship/mcp-ui-solid 5.7.0 → 6.0.0

package/dist/node_modules/.pnpm/@antv_g6@5.1.0/node_modules/@antv/g6/esm/plugins/fisheye/index.cjs

@@ -0,0 +1,314 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../constants/change.cjs");
+require("../../constants/events/animation.cjs");
+require("../../constants/events/canvas.cjs");
+require("../../constants/events/combo.cjs");
+const common = require("../../constants/events/common.cjs");
+require("../../constants/events/container.cjs");
+require("../../constants/events/edge.cjs");
+require("../../constants/events/graph.cjs");
+require("../../constants/events/history.cjs");
+require("../../constants/events/node.cjs");
+require("../../constants/registry.cjs");
+require("../../elements/combos/base-combo.cjs");
+require("../../../../../../../@antv_g@6.3.1/node_modules/@antv/g/dist/index.esm.cjs");
+const point = require("../../utils/point.cjs");
+require("../../elements/edges/base-edge.cjs");
+require("../../elements/edges/cubic.cjs");
+require("../../elements/edges/cubic-horizontal.cjs");
+require("../../elements/edges/cubic-radial.cjs");
+require("../../elements/edges/cubic-vertical.cjs");
+require("../../elements/edges/line.cjs");
+require("../../elements/edges/polyline.cjs");
+require("../../elements/edges/quadratic.cjs");
+require("../../elements/nodes/base-node.cjs");
+const circle = require("../../elements/nodes/circle.cjs");
+require("../../utils/element.cjs");
+require("../../elements/nodes/donut.cjs");
+require("../../elements/nodes/ellipse.cjs");
+require("../../elements/nodes/html.cjs");
+require("../../elements/nodes/image.cjs");
+require("../../elements/nodes/triangle.cjs");
+const diff = require("../../utils/diff.cjs");
+const id = require("../../utils/id.cjs");
+const position = require("../../utils/position.cjs");
+const vector = require("../../utils/vector.cjs");
+const basePlugin = require("../base-plugin.cjs");
+const pick = require("../../../../../../../@antv_util@3.3.11/node_modules/@antv/util/esm/lodash/pick.cjs");
+const defaultLensStyle = {
+  fill: "#ccc",
+  fillOpacity: 0.1,
+  lineWidth: 2,
+  stroke: "#000",
+  strokeOpacity: 0.8,
+  labelFontSize: 12
+};
+const R_DELTA = 0.05;
+const D_DELTA = 0.1;
+class Fisheye extends basePlugin.BasePlugin {
+  constructor(context, options) {
+    super(context, Object.assign({}, Fisheye.defaultOptions, options));
+    this.r = this.options.r;
+    this.d = this.options.d;
+    this.onCreateFisheye = (event) => {
+      if (this.options.trigger === "drag" && this.isLensOn)
+        return;
+      const origin = point.parsePoint(event.canvas);
+      this.onMagnify(origin);
+    };
+    this.onMagnify = (origin) => {
+      if (origin.some(isNaN))
+        return;
+      this.renderLens(origin);
+      this.renderFocusElements();
+    };
+    this.renderLens = (origin) => {
+      const style = Object.assign({}, defaultLensStyle, this.options.style);
+      if (!this.isLensOn) {
+        this.lens = new circle.Circle({ style });
+        this.canvas.appendChild(this.lens);
+      }
+      Object.assign(style, point.toPointObject(origin), {
+        size: this.r * 2,
+        label: this.options.showDPercent,
+        labelText: this.getDPercent()
+      });
+      this.lens.update(style);
+    };
+    this.getDPercent = () => {
+      const { minD, maxD } = this.options;
+      const percent = Math.round((this.d - minD) / (maxD - minD) * 100);
+      return `${percent}%`;
+    };
+    this.prevMagnifiedStyleMap = /* @__PURE__ */ new Map();
+    this.prevOriginStyleMap = /* @__PURE__ */ new Map();
+    this.renderFocusElements = () => {
+      if (!this.isLensOn)
+        return;
+      const { graph } = this.context;
+      const origin = this.lens.getCenter();
+      const molecularParam = (this.d + 1) * this.r;
+      const magnifiedStyleMap = /* @__PURE__ */ new Map();
+      const originStyleMap = /* @__PURE__ */ new Map();
+      const nodeData = graph.getNodeData();
+      nodeData.forEach((datum) => {
+        const position$1 = position.positionOf(datum);
+        const distanceToOrigin = vector.distance(position$1, origin);
+        if (distanceToOrigin > this.r)
+          return;
+        const magnifiedDistance = molecularParam * distanceToOrigin / (this.d * distanceToOrigin + this.r);
+        const [nodeX, nodeY] = position$1;
+        const [originX, originY] = origin;
+        const cos = (nodeX - originX) / distanceToOrigin;
+        const sin = (nodeY - originY) / distanceToOrigin;
+        const newPoint = [originX + magnifiedDistance * cos, originY + magnifiedDistance * sin];
+        const nodeId = id.idOf(datum);
+        const style = this.getNodeStyle(datum);
+        const originStyle = pick(graph.getElementRenderStyle(nodeId), Object.keys(style));
+        magnifiedStyleMap.set(nodeId, Object.assign(Object.assign({}, point.toPointObject(newPoint)), style));
+        originStyleMap.set(nodeId, Object.assign(Object.assign({}, point.toPointObject(position$1)), originStyle));
+      });
+      this.updateStyle(magnifiedStyleMap, originStyleMap);
+    };
+    this.getNodeStyle = (datum) => {
+      const { nodeStyle } = this.options;
+      return typeof nodeStyle === "function" ? nodeStyle(datum) : nodeStyle;
+    };
+    this.updateStyle = (magnifiedStyleMap, originStyleMap) => {
+      const { graph, element } = this.context;
+      const { enter, exit, keep } = diff.arrayDiff(Array.from(this.prevMagnifiedStyleMap.keys()), Array.from(magnifiedStyleMap.keys()), (d) => d);
+      const relatedEdges = /* @__PURE__ */ new Set();
+      const update = (nodeId, style) => {
+        const node = element.getElement(nodeId);
+        node === null || node === void 0 ? void 0 : node.update(style);
+        graph.getRelatedEdgesData(nodeId).forEach((datum) => {
+          relatedEdges.add(id.idOf(datum));
+        });
+      };
+      [...enter, ...keep].forEach((nodeId) => {
+        update(nodeId, magnifiedStyleMap.get(nodeId));
+      });
+      exit.forEach((nodeId) => {
+        update(nodeId, this.prevOriginStyleMap.get(nodeId));
+        this.prevOriginStyleMap.delete(nodeId);
+      });
+      relatedEdges.forEach((edgeId) => {
+        const edge = element.getElement(edgeId);
+        edge === null || edge === void 0 ? void 0 : edge.update({});
+      });
+      this.prevMagnifiedStyleMap = magnifiedStyleMap;
+      originStyleMap.forEach((style, nodeId) => {
+        if (!this.prevOriginStyleMap.has(nodeId)) {
+          this.prevOriginStyleMap.set(nodeId, style);
+        }
+      });
+    };
+    this.isWheelValid = (event) => {
+      if (this.options.preventDefault)
+        event.preventDefault();
+      if (!this.isLensOn)
+        return false;
+      const { clientX, clientY } = event;
+      const scaleOrigin = this.context.graph.getCanvasByClient([clientX, clientY]);
+      const origin = this.lens.getCenter();
+      if (vector.distance(scaleOrigin, origin) > this.r)
+        return false;
+      return true;
+    };
+    this.scaleR = (positive) => {
+      const { maxR, minR } = this.options;
+      const ratio = positive ? 1 / (1 - R_DELTA) : 1 - R_DELTA;
+      const canvasR = Math.min(...this.context.canvas.getSize()) / 2;
+      this.r = Math.max(minR || 0, Math.min(maxR || canvasR, this.r * ratio));
+    };
+    this.scaleD = (positive) => {
+      const { maxD, minD } = this.options;
+      const newD = positive ? this.d + D_DELTA : this.d - D_DELTA;
+      this.d = Math.max(minD, Math.min(maxD, newD));
+    };
+    this.scaleRByWheel = (event) => {
+      if (!this.isWheelValid(event))
+        return;
+      const { deltaX, deltaY } = event;
+      this.scaleR(deltaX + deltaY > 0);
+      const origin = this.lens.getCenter();
+      this.onMagnify(origin);
+    };
+    this.scaleDByWheel = (event) => {
+      if (!this.isWheelValid(event))
+        return;
+      const { deltaX, deltaY } = event;
+      this.scaleD(deltaX + deltaY > 0);
+      const origin = this.lens.getCenter();
+      this.onMagnify(origin);
+    };
+    this.isDragValid = (event) => {
+      if (this.options.preventDefault)
+        event.preventDefault();
+      if (!this.isLensOn)
+        return false;
+      const dragOrigin = point.parsePoint(event.canvas);
+      const origin = this.lens.getCenter();
+      if (vector.distance(dragOrigin, origin) > this.r)
+        return false;
+      return true;
+    };
+    this.isLensDragging = false;
+    this.onDragStart = (event) => {
+      if (!this.isDragValid(event))
+        return;
+      this.isLensDragging = true;
+    };
+    this.onDrag = (event) => {
+      if (!this.isLensDragging)
+        return;
+      const dragOrigin = point.parsePoint(event.canvas);
+      this.onMagnify(dragOrigin);
+    };
+    this.onDragEnd = () => {
+      this.isLensDragging = false;
+    };
+    this.scaleRByDrag = (event) => {
+      if (!this.isLensDragging)
+        return;
+      const { dx, dy } = event;
+      this.scaleR(dx - dy > 0);
+      const origin = this.lens.getCenter();
+      this.onMagnify(origin);
+    };
+    this.scaleDByDrag = (event) => {
+      if (!this.isLensDragging)
+        return;
+      const { dx, dy } = event;
+      this.scaleD(dx - dy > 0);
+      const origin = this.lens.getCenter();
+      this.onMagnify(origin);
+    };
+    this.bindEvents();
+  }
+  get canvas() {
+    return this.context.canvas.getLayer("transient");
+  }
+  get isLensOn() {
+    return this.lens && !this.lens.destroyed;
+  }
+  get graphDom() {
+    return this.context.graph.getCanvas().getContextService().getDomElement();
+  }
+  bindEvents() {
+    var _a;
+    const { graph } = this.context;
+    const { trigger, scaleRBy, scaleDBy } = this.options;
+    const canvas = graph.getCanvas().getLayer();
+    if (["click", "drag"].includes(trigger)) {
+      canvas.addEventListener(common.CommonEvent.CLICK, this.onCreateFisheye);
+    }
+    if (trigger === "pointermove") {
+      canvas.addEventListener(common.CommonEvent.POINTER_MOVE, this.onCreateFisheye);
+    }
+    if (trigger === "drag" || scaleRBy === "drag" || scaleDBy === "drag") {
+      canvas.addEventListener(common.CommonEvent.DRAG_START, this.onDragStart);
+      canvas.addEventListener(common.CommonEvent.DRAG_END, this.onDragEnd);
+      const dragFunc = trigger === "drag" ? this.onDrag : scaleRBy === "drag" ? this.scaleRByDrag : this.scaleDByDrag;
+      canvas.addEventListener(common.CommonEvent.DRAG, dragFunc);
+    }
+    if (scaleRBy === "wheel" || scaleDBy === "wheel") {
+      const wheelFunc = scaleRBy === "wheel" ? this.scaleRByWheel : this.scaleDByWheel;
+      (_a = this.graphDom) === null || _a === void 0 ? void 0 : _a.addEventListener(common.CommonEvent.WHEEL, wheelFunc, { passive: false });
+    }
+  }
+  unbindEvents() {
+    var _a;
+    const { graph } = this.context;
+    const { trigger, scaleRBy, scaleDBy } = this.options;
+    const canvas = graph.getCanvas().getLayer();
+    if (["click", "drag"].includes(trigger)) {
+      canvas.removeEventListener(common.CommonEvent.CLICK, this.onCreateFisheye);
+    }
+    if (trigger === "pointermove") {
+      canvas.removeEventListener(common.CommonEvent.POINTER_MOVE, this.onCreateFisheye);
+    }
+    if (trigger === "drag" || scaleRBy === "drag" || scaleDBy === "drag") {
+      canvas.removeEventListener(common.CommonEvent.DRAG_START, this.onDragStart);
+      canvas.removeEventListener(common.CommonEvent.DRAG_END, this.onDragEnd);
+      const dragFunc = trigger === "drag" ? this.onDrag : scaleRBy === "drag" ? this.scaleRByDrag : this.scaleDByDrag;
+      canvas.removeEventListener(common.CommonEvent.DRAG, dragFunc);
+    }
+    if (scaleRBy === "wheel" || scaleDBy === "wheel") {
+      const wheelFunc = scaleRBy === "wheel" ? this.scaleRByWheel : this.scaleDByWheel;
+      (_a = this.graphDom) === null || _a === void 0 ? void 0 : _a.removeEventListener(common.CommonEvent.WHEEL, wheelFunc);
+    }
+  }
+  update(options) {
+    var _a, _b;
+    this.unbindEvents();
+    super.update(options);
+    this.r = (_a = options.r) !== null && _a !== void 0 ? _a : this.r;
+    this.d = (_b = options.d) !== null && _b !== void 0 ? _b : this.d;
+    this.bindEvents();
+  }
+  destroy() {
+    var _a;
+    this.unbindEvents();
+    if (this.isLensOn) {
+      (_a = this.lens) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+    this.prevMagnifiedStyleMap.clear();
+    this.prevOriginStyleMap.clear();
+    super.destroy();
+  }
+}
+Fisheye.defaultOptions = {
+  trigger: "pointermove",
+  r: 120,
+  d: 1.5,
+  maxD: 5,
+  minD: 0,
+  showDPercent: true,
+  style: {},
+  nodeStyle: { label: true },
+  preventDefault: true
+};
+exports.Fisheye = Fisheye;
+//# sourceMappingURL=index.cjs.map

package/dist/node_modules/.pnpm/@antv_g6@5.1.0/node_modules/@antv/g6/esm/plugins/fisheye/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../../../node_modules/.pnpm/@antv+g6@5.1.0/node_modules/@antv/g6/esm/plugins/fisheye/index.js"],"sourcesContent":["import { pick } from '@antv/util';\nimport { CommonEvent } from '../../constants';\nimport { Circle } from '../../elements';\nimport { arrayDiff } from '../../utils/diff';\nimport { idOf } from '../../utils/id';\nimport { parsePoint, toPointObject } from '../../utils/point';\nimport { positionOf } from '../../utils/position';\nimport { distance } from '../../utils/vector';\nimport { BasePlugin } from '../base-plugin';\nconst defaultLensStyle = {\n    fill: '#ccc',\n    fillOpacity: 0.1,\n    lineWidth: 2,\n    stroke: '#000',\n    strokeOpacity: 0.8,\n    labelFontSize: 12,\n};\nconst R_DELTA = 0.05;\nconst D_DELTA = 0.1;\n/**\n * <zh/> 鱼眼放大镜\n *\n * <en/> Fisheye Distortion\n * @remarks\n * <zh/> Fisheye 鱼眼放大镜是为 focus+context 的探索场景设计的，它能够保证在放大关注区域的同时，保证上下文以及上下文与关注中心的关系不丢失。\n *\n * <en/> Fisheye is designed for focus+context exploration, it keeps the context and the relationships between context and the focus while magnifying the focus area.\n */\nexport class Fisheye extends BasePlugin {\n    constructor(context, options) {\n        super(context, Object.assign({}, Fisheye.defaultOptions, options));\n        this.r = this.options.r;\n        this.d = this.options.d;\n        this.onCreateFisheye = (event) => {\n            if (this.options.trigger === 'drag' && this.isLensOn)\n                return;\n            const origin = parsePoint(event.canvas);\n            this.onMagnify(origin);\n        };\n        this.onMagnify = (origin) => {\n            if (origin.some(isNaN))\n                return;\n            this.renderLens(origin);\n            this.renderFocusElements();\n        };\n        this.renderLens = (origin) => {\n            const style = Object.assign({}, defaultLensStyle, this.options.style);\n            if (!this.isLensOn) {\n                this.lens = new Circle({ style });\n                this.canvas.appendChild(this.lens);\n            }\n            Object.assign(style, toPointObject(origin), {\n                size: this.r * 2,\n                label: this.options.showDPercent,\n                labelText: this.getDPercent(),\n            });\n            this.lens.update(style);\n        };\n        this.getDPercent = () => {\n            const { minD, maxD } = this.options;\n            const percent = Math.round(((this.d - minD) / (maxD - minD)) * 100);\n            return `${percent}%`;\n        };\n        this.prevMagnifiedStyleMap = new Map();\n        this.prevOriginStyleMap = new Map();\n        this.renderFocusElements = () => {\n            if (!this.isLensOn)\n                return;\n            const { graph } = this.context;\n            const origin = this.lens.getCenter();\n            const molecularParam = (this.d + 1) * this.r;\n            const magnifiedStyleMap = new Map();\n            const originStyleMap = new Map();\n            const nodeData = graph.getNodeData();\n            nodeData.forEach((datum) => {\n                const position = positionOf(datum);\n                const distanceToOrigin = distance(position, origin);\n                if (distanceToOrigin > this.r)\n                    return;\n                const magnifiedDistance = (molecularParam * distanceToOrigin) / (this.d * distanceToOrigin + this.r);\n                const [nodeX, nodeY] = position;\n                const [originX, originY] = origin;\n                const cos = (nodeX - originX) / distanceToOrigin;\n                const sin = (nodeY - originY) / distanceToOrigin;\n                const newPoint = [originX + magnifiedDistance * cos, originY + magnifiedDistance * sin];\n                const nodeId = idOf(datum);\n                const style = this.getNodeStyle(datum);\n                const originStyle = pick(graph.getElementRenderStyle(nodeId), Object.keys(style));\n                magnifiedStyleMap.set(nodeId, Object.assign(Object.assign({}, toPointObject(newPoint)), style));\n                originStyleMap.set(nodeId, Object.assign(Object.assign({}, toPointObject(position)), originStyle));\n            });\n            this.updateStyle(magnifiedStyleMap, originStyleMap);\n        };\n        this.getNodeStyle = (datum) => {\n            const { nodeStyle } = this.options;\n            return typeof nodeStyle === 'function' ? nodeStyle(datum) : nodeStyle;\n        };\n        this.updateStyle = (magnifiedStyleMap, originStyleMap) => {\n            const { graph, element } = this.context;\n            const { enter, exit, keep } = arrayDiff(Array.from(this.prevMagnifiedStyleMap.keys()), Array.from(magnifiedStyleMap.keys()), (d) => d);\n            const relatedEdges = new Set();\n            const update = (nodeId, style) => {\n                const node = element.getElement(nodeId);\n                node === null || node === void 0 ? void 0 : node.update(style);\n                graph.getRelatedEdgesData(nodeId).forEach((datum) => {\n                    relatedEdges.add(idOf(datum));\n                });\n            };\n            [...enter, ...keep].forEach((nodeId) => {\n                update(nodeId, magnifiedStyleMap.get(nodeId));\n            });\n            exit.forEach((nodeId) => {\n                update(nodeId, this.prevOriginStyleMap.get(nodeId));\n                this.prevOriginStyleMap.delete(nodeId);\n            });\n            relatedEdges.forEach((edgeId) => {\n                const edge = element.getElement(edgeId);\n                edge === null || edge === void 0 ? void 0 : edge.update({});\n            });\n            this.prevMagnifiedStyleMap = magnifiedStyleMap;\n            originStyleMap.forEach((style, nodeId) => {\n                if (!this.prevOriginStyleMap.has(nodeId)) {\n                    this.prevOriginStyleMap.set(nodeId, style);\n                }\n            });\n        };\n        this.isWheelValid = (event) => {\n            if (this.options.preventDefault)\n                event.preventDefault();\n            if (!this.isLensOn)\n                return false;\n            const { clientX, clientY } = event;\n            const scaleOrigin = this.context.graph.getCanvasByClient([clientX, clientY]);\n            const origin = this.lens.getCenter();\n            if (distance(scaleOrigin, origin) > this.r)\n                return false;\n            return true;\n        };\n        this.scaleR = (positive) => {\n            const { maxR, minR } = this.options;\n            const ratio = positive ? 1 / (1 - R_DELTA) : 1 - R_DELTA;\n            const canvasR = Math.min(...this.context.canvas.getSize()) / 2;\n            this.r = Math.max(minR || 0, Math.min(maxR || canvasR, this.r * ratio));\n        };\n        this.scaleD = (positive) => {\n            const { maxD, minD } = this.options;\n            const newD = positive ? this.d + D_DELTA : this.d - D_DELTA;\n            this.d = Math.max(minD, Math.min(maxD, newD));\n        };\n        this.scaleRByWheel = (event) => {\n            if (!this.isWheelValid(event))\n                return;\n            const { deltaX, deltaY } = event;\n            this.scaleR(deltaX + deltaY > 0);\n            const origin = this.lens.getCenter();\n            this.onMagnify(origin);\n        };\n        this.scaleDByWheel = (event) => {\n            if (!this.isWheelValid(event))\n                return;\n            const { deltaX, deltaY } = event;\n            this.scaleD(deltaX + deltaY > 0);\n            const origin = this.lens.getCenter();\n            this.onMagnify(origin);\n        };\n        this.isDragValid = (event) => {\n            if (this.options.preventDefault)\n                event.preventDefault();\n            if (!this.isLensOn)\n                return false;\n            const dragOrigin = parsePoint(event.canvas);\n            const origin = this.lens.getCenter();\n            if (distance(dragOrigin, origin) > this.r)\n                return false;\n            return true;\n        };\n        this.isLensDragging = false;\n        this.onDragStart = (event) => {\n            if (!this.isDragValid(event))\n                return;\n            this.isLensDragging = true;\n        };\n        this.onDrag = (event) => {\n            if (!this.isLensDragging)\n                return;\n            const dragOrigin = parsePoint(event.canvas);\n            this.onMagnify(dragOrigin);\n        };\n        this.onDragEnd = () => {\n            this.isLensDragging = false;\n        };\n        this.scaleRByDrag = (event) => {\n            if (!this.isLensDragging)\n                return;\n            const { dx, dy } = event;\n            this.scaleR(dx - dy > 0);\n            const origin = this.lens.getCenter();\n            this.onMagnify(origin);\n        };\n        this.scaleDByDrag = (event) => {\n            if (!this.isLensDragging)\n                return;\n            const { dx, dy } = event;\n            this.scaleD(dx - dy > 0);\n            const origin = this.lens.getCenter();\n            this.onMagnify(origin);\n        };\n        this.bindEvents();\n    }\n    get canvas() {\n        return this.context.canvas.getLayer('transient');\n    }\n    get isLensOn() {\n        return this.lens && !this.lens.destroyed;\n    }\n    get graphDom() {\n        return this.context.graph.getCanvas().getContextService().getDomElement();\n    }\n    bindEvents() {\n        var _a;\n        const { graph } = this.context;\n        const { trigger, scaleRBy, scaleDBy } = this.options;\n        const canvas = graph.getCanvas().getLayer();\n        if (['click', 'drag'].includes(trigger)) {\n            canvas.addEventListener(CommonEvent.CLICK, this.onCreateFisheye);\n        }\n        if (trigger === 'pointermove') {\n            canvas.addEventListener(CommonEvent.POINTER_MOVE, this.onCreateFisheye);\n        }\n        if (trigger === 'drag' || scaleRBy === 'drag' || scaleDBy === 'drag') {\n            canvas.addEventListener(CommonEvent.DRAG_START, this.onDragStart);\n            canvas.addEventListener(CommonEvent.DRAG_END, this.onDragEnd);\n            const dragFunc = trigger === 'drag' ? this.onDrag : scaleRBy === 'drag' ? this.scaleRByDrag : this.scaleDByDrag;\n            canvas.addEventListener(CommonEvent.DRAG, dragFunc);\n        }\n        if (scaleRBy === 'wheel' || scaleDBy === 'wheel') {\n            const wheelFunc = scaleRBy === 'wheel' ? this.scaleRByWheel : this.scaleDByWheel;\n            (_a = this.graphDom) === null || _a === void 0 ? void 0 : _a.addEventListener(CommonEvent.WHEEL, wheelFunc, { passive: false });\n        }\n    }\n    unbindEvents() {\n        var _a;\n        const { graph } = this.context;\n        const { trigger, scaleRBy, scaleDBy } = this.options;\n        const canvas = graph.getCanvas().getLayer();\n        if (['click', 'drag'].includes(trigger)) {\n            canvas.removeEventListener(CommonEvent.CLICK, this.onCreateFisheye);\n        }\n        if (trigger === 'pointermove') {\n            canvas.removeEventListener(CommonEvent.POINTER_MOVE, this.onCreateFisheye);\n        }\n        if (trigger === 'drag' || scaleRBy === 'drag' || scaleDBy === 'drag') {\n            canvas.removeEventListener(CommonEvent.DRAG_START, this.onDragStart);\n            canvas.removeEventListener(CommonEvent.DRAG_END, this.onDragEnd);\n            const dragFunc = trigger === 'drag' ? this.onDrag : scaleRBy === 'drag' ? this.scaleRByDrag : this.scaleDByDrag;\n            canvas.removeEventListener(CommonEvent.DRAG, dragFunc);\n        }\n        if (scaleRBy === 'wheel' || scaleDBy === 'wheel') {\n            const wheelFunc = scaleRBy === 'wheel' ? this.scaleRByWheel : this.scaleDByWheel;\n            (_a = this.graphDom) === null || _a === void 0 ? void 0 : _a.removeEventListener(CommonEvent.WHEEL, wheelFunc);\n        }\n    }\n    update(options) {\n        var _a, _b;\n        this.unbindEvents();\n        super.update(options);\n        this.r = (_a = options.r) !== null && _a !== void 0 ? _a : this.r;\n        this.d = (_b = options.d) !== null && _b !== void 0 ? _b : this.d;\n        this.bindEvents();\n    }\n    destroy() {\n        var _a;\n        this.unbindEvents();\n        if (this.isLensOn) {\n            (_a = this.lens) === null || _a === void 0 ? void 0 : _a.destroy();\n        }\n        this.prevMagnifiedStyleMap.clear();\n        this.prevOriginStyleMap.clear();\n        super.destroy();\n    }\n}\nFisheye.defaultOptions = {\n    trigger: 'pointermove',\n    r: 120,\n    d: 1.5,\n    maxD: 5,\n    minD: 0,\n    showDPercent: true,\n    style: {},\n    nodeStyle: { label: true },\n    preventDefault: true,\n};\n//# sourceMappingURL=index.js.map"],"names":["BasePlugin","parsePoint","Circle","toPointObject","position","positionOf","distance","idOf","arrayDiff","CommonEvent"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/@antv_g6@5.1.0/node_modules/@antv/g6/esm/plugins/fisheye/index.js

@@ -0,0 +1,314 @@
+import "../../constants/change.js";
+import "../../constants/events/animation.js";
+import "../../constants/events/canvas.js";
+import "../../constants/events/combo.js";
+import { CommonEvent } from "../../constants/events/common.js";
+import "../../constants/events/container.js";
+import "../../constants/events/edge.js";
+import "../../constants/events/graph.js";
+import "../../constants/events/history.js";
+import "../../constants/events/node.js";
+import "../../constants/registry.js";
+import "../../elements/combos/base-combo.js";
+import "../../../../../../../@antv_g@6.3.1/node_modules/@antv/g/dist/index.esm.js";
+import { parsePoint, toPointObject } from "../../utils/point.js";
+import "../../elements/edges/base-edge.js";
+import "../../elements/edges/cubic.js";
+import "../../elements/edges/cubic-horizontal.js";
+import "../../elements/edges/cubic-radial.js";
+import "../../elements/edges/cubic-vertical.js";
+import "../../elements/edges/line.js";
+import "../../elements/edges/polyline.js";
+import "../../elements/edges/quadratic.js";
+import "../../elements/nodes/base-node.js";
+import { Circle } from "../../elements/nodes/circle.js";
+import "../../utils/element.js";
+import "../../elements/nodes/donut.js";
+import "../../elements/nodes/ellipse.js";
+import "../../elements/nodes/html.js";
+import "../../elements/nodes/image.js";
+import "../../elements/nodes/triangle.js";
+import { arrayDiff } from "../../utils/diff.js";
+import { idOf } from "../../utils/id.js";
+import { positionOf } from "../../utils/position.js";
+import { distance } from "../../utils/vector.js";
+import { BasePlugin } from "../base-plugin.js";
+import pick from "../../../../../../../@antv_util@3.3.11/node_modules/@antv/util/esm/lodash/pick.js";
+const defaultLensStyle = {
+  fill: "#ccc",
+  fillOpacity: 0.1,
+  lineWidth: 2,
+  stroke: "#000",
+  strokeOpacity: 0.8,
+  labelFontSize: 12
+};
+const R_DELTA = 0.05;
+const D_DELTA = 0.1;
+class Fisheye extends BasePlugin {
+  constructor(context, options) {
+    super(context, Object.assign({}, Fisheye.defaultOptions, options));
+    this.r = this.options.r;
+    this.d = this.options.d;
+    this.onCreateFisheye = (event) => {
+      if (this.options.trigger === "drag" && this.isLensOn)
+        return;
+      const origin = parsePoint(event.canvas);
+      this.onMagnify(origin);
+    };
+    this.onMagnify = (origin) => {
+      if (origin.some(isNaN))
+        return;
+      this.renderLens(origin);
+      this.renderFocusElements();
+    };
+    this.renderLens = (origin) => {
+      const style = Object.assign({}, defaultLensStyle, this.options.style);
+      if (!this.isLensOn) {
+        this.lens = new Circle({ style });
+        this.canvas.appendChild(this.lens);
+      }
+      Object.assign(style, toPointObject(origin), {
+        size: this.r * 2,
+        label: this.options.showDPercent,
+        labelText: this.getDPercent()
+      });
+      this.lens.update(style);
+    };
+    this.getDPercent = () => {
+      const { minD, maxD } = this.options;
+      const percent = Math.round((this.d - minD) / (maxD - minD) * 100);
+      return `${percent}%`;
+    };
+    this.prevMagnifiedStyleMap = /* @__PURE__ */ new Map();
+    this.prevOriginStyleMap = /* @__PURE__ */ new Map();
+    this.renderFocusElements = () => {
+      if (!this.isLensOn)
+        return;
+      const { graph } = this.context;
+      const origin = this.lens.getCenter();
+      const molecularParam = (this.d + 1) * this.r;
+      const magnifiedStyleMap = /* @__PURE__ */ new Map();
+      const originStyleMap = /* @__PURE__ */ new Map();
+      const nodeData = graph.getNodeData();
+      nodeData.forEach((datum) => {
+        const position = positionOf(datum);
+        const distanceToOrigin = distance(position, origin);
+        if (distanceToOrigin > this.r)
+          return;
+        const magnifiedDistance = molecularParam * distanceToOrigin / (this.d * distanceToOrigin + this.r);
+        const [nodeX, nodeY] = position;
+        const [originX, originY] = origin;
+        const cos = (nodeX - originX) / distanceToOrigin;
+        const sin = (nodeY - originY) / distanceToOrigin;
+        const newPoint = [originX + magnifiedDistance * cos, originY + magnifiedDistance * sin];
+        const nodeId = idOf(datum);
+        const style = this.getNodeStyle(datum);
+        const originStyle = pick(graph.getElementRenderStyle(nodeId), Object.keys(style));
+        magnifiedStyleMap.set(nodeId, Object.assign(Object.assign({}, toPointObject(newPoint)), style));
+        originStyleMap.set(nodeId, Object.assign(Object.assign({}, toPointObject(position)), originStyle));
+      });
+      this.updateStyle(magnifiedStyleMap, originStyleMap);
+    };
+    this.getNodeStyle = (datum) => {
+      const { nodeStyle } = this.options;
+      return typeof nodeStyle === "function" ? nodeStyle(datum) : nodeStyle;
+    };
+    this.updateStyle = (magnifiedStyleMap, originStyleMap) => {
+      const { graph, element } = this.context;
+      const { enter, exit, keep } = arrayDiff(Array.from(this.prevMagnifiedStyleMap.keys()), Array.from(magnifiedStyleMap.keys()), (d) => d);
+      const relatedEdges = /* @__PURE__ */ new Set();
+      const update = (nodeId, style) => {
+        const node = element.getElement(nodeId);
+        node === null || node === void 0 ? void 0 : node.update(style);
+        graph.getRelatedEdgesData(nodeId).forEach((datum) => {
+          relatedEdges.add(idOf(datum));
+        });
+      };
+      [...enter, ...keep].forEach((nodeId) => {
+        update(nodeId, magnifiedStyleMap.get(nodeId));
+      });
+      exit.forEach((nodeId) => {
+        update(nodeId, this.prevOriginStyleMap.get(nodeId));
+        this.prevOriginStyleMap.delete(nodeId);
+      });
+      relatedEdges.forEach((edgeId) => {
+        const edge = element.getElement(edgeId);
+        edge === null || edge === void 0 ? void 0 : edge.update({});
+      });
+      this.prevMagnifiedStyleMap = magnifiedStyleMap;
+      originStyleMap.forEach((style, nodeId) => {
+        if (!this.prevOriginStyleMap.has(nodeId)) {
+          this.prevOriginStyleMap.set(nodeId, style);
+        }
+      });
+    };
+    this.isWheelValid = (event) => {
+      if (this.options.preventDefault)
+        event.preventDefault();
+      if (!this.isLensOn)
+        return false;
+      const { clientX, clientY } = event;
+      const scaleOrigin = this.context.graph.getCanvasByClient([clientX, clientY]);
+      const origin = this.lens.getCenter();
+      if (distance(scaleOrigin, origin) > this.r)
+        return false;
+      return true;
+    };
+    this.scaleR = (positive) => {
+      const { maxR, minR } = this.options;
+      const ratio = positive ? 1 / (1 - R_DELTA) : 1 - R_DELTA;
+      const canvasR = Math.min(...this.context.canvas.getSize()) / 2;
+      this.r = Math.max(minR || 0, Math.min(maxR || canvasR, this.r * ratio));
+    };
+    this.scaleD = (positive) => {
+      const { maxD, minD } = this.options;
+      const newD = positive ? this.d + D_DELTA : this.d - D_DELTA;
+      this.d = Math.max(minD, Math.min(maxD, newD));
+    };
+    this.scaleRByWheel = (event) => {
+      if (!this.isWheelValid(event))
+        return;
+      const { deltaX, deltaY } = event;
+      this.scaleR(deltaX + deltaY > 0);
+      const origin = this.lens.getCenter();
+      this.onMagnify(origin);
+    };
+    this.scaleDByWheel = (event) => {
+      if (!this.isWheelValid(event))
+        return;
+      const { deltaX, deltaY } = event;
+      this.scaleD(deltaX + deltaY > 0);
+      const origin = this.lens.getCenter();
+      this.onMagnify(origin);
+    };
+    this.isDragValid = (event) => {
+      if (this.options.preventDefault)
+        event.preventDefault();
+      if (!this.isLensOn)
+        return false;
+      const dragOrigin = parsePoint(event.canvas);
+      const origin = this.lens.getCenter();
+      if (distance(dragOrigin, origin) > this.r)
+        return false;
+      return true;
+    };
+    this.isLensDragging = false;
+    this.onDragStart = (event) => {
+      if (!this.isDragValid(event))
+        return;
+      this.isLensDragging = true;
+    };
+    this.onDrag = (event) => {
+      if (!this.isLensDragging)
+        return;
+      const dragOrigin = parsePoint(event.canvas);
+      this.onMagnify(dragOrigin);
+    };
+    this.onDragEnd = () => {
+      this.isLensDragging = false;
+    };
+    this.scaleRByDrag = (event) => {
+      if (!this.isLensDragging)
+        return;
+      const { dx, dy } = event;
+      this.scaleR(dx - dy > 0);
+      const origin = this.lens.getCenter();
+      this.onMagnify(origin);
+    };
+    this.scaleDByDrag = (event) => {
+      if (!this.isLensDragging)
+        return;
+      const { dx, dy } = event;
+      this.scaleD(dx - dy > 0);
+      const origin = this.lens.getCenter();
+      this.onMagnify(origin);
+    };
+    this.bindEvents();
+  }
+  get canvas() {
+    return this.context.canvas.getLayer("transient");
+  }
+  get isLensOn() {
+    return this.lens && !this.lens.destroyed;
+  }
+  get graphDom() {
+    return this.context.graph.getCanvas().getContextService().getDomElement();
+  }
+  bindEvents() {
+    var _a;
+    const { graph } = this.context;
+    const { trigger, scaleRBy, scaleDBy } = this.options;
+    const canvas = graph.getCanvas().getLayer();
+    if (["click", "drag"].includes(trigger)) {
+      canvas.addEventListener(CommonEvent.CLICK, this.onCreateFisheye);
+    }
+    if (trigger === "pointermove") {
+      canvas.addEventListener(CommonEvent.POINTER_MOVE, this.onCreateFisheye);
+    }
+    if (trigger === "drag" || scaleRBy === "drag" || scaleDBy === "drag") {
+      canvas.addEventListener(CommonEvent.DRAG_START, this.onDragStart);
+      canvas.addEventListener(CommonEvent.DRAG_END, this.onDragEnd);
+      const dragFunc = trigger === "drag" ? this.onDrag : scaleRBy === "drag" ? this.scaleRByDrag : this.scaleDByDrag;
+      canvas.addEventListener(CommonEvent.DRAG, dragFunc);
+    }
+    if (scaleRBy === "wheel" || scaleDBy === "wheel") {
+      const wheelFunc = scaleRBy === "wheel" ? this.scaleRByWheel : this.scaleDByWheel;
+      (_a = this.graphDom) === null || _a === void 0 ? void 0 : _a.addEventListener(CommonEvent.WHEEL, wheelFunc, { passive: false });
+    }
+  }
+  unbindEvents() {
+    var _a;
+    const { graph } = this.context;
+    const { trigger, scaleRBy, scaleDBy } = this.options;
+    const canvas = graph.getCanvas().getLayer();
+    if (["click", "drag"].includes(trigger)) {
+      canvas.removeEventListener(CommonEvent.CLICK, this.onCreateFisheye);
+    }
+    if (trigger === "pointermove") {
+      canvas.removeEventListener(CommonEvent.POINTER_MOVE, this.onCreateFisheye);
+    }
+    if (trigger === "drag" || scaleRBy === "drag" || scaleDBy === "drag") {
+      canvas.removeEventListener(CommonEvent.DRAG_START, this.onDragStart);
+      canvas.removeEventListener(CommonEvent.DRAG_END, this.onDragEnd);
+      const dragFunc = trigger === "drag" ? this.onDrag : scaleRBy === "drag" ? this.scaleRByDrag : this.scaleDByDrag;
+      canvas.removeEventListener(CommonEvent.DRAG, dragFunc);
+    }
+    if (scaleRBy === "wheel" || scaleDBy === "wheel") {
+      const wheelFunc = scaleRBy === "wheel" ? this.scaleRByWheel : this.scaleDByWheel;
+      (_a = this.graphDom) === null || _a === void 0 ? void 0 : _a.removeEventListener(CommonEvent.WHEEL, wheelFunc);
+    }
+  }
+  update(options) {
+    var _a, _b;
+    this.unbindEvents();
+    super.update(options);
+    this.r = (_a = options.r) !== null && _a !== void 0 ? _a : this.r;
+    this.d = (_b = options.d) !== null && _b !== void 0 ? _b : this.d;
+    this.bindEvents();
+  }
+  destroy() {
+    var _a;
+    this.unbindEvents();
+    if (this.isLensOn) {
+      (_a = this.lens) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+    this.prevMagnifiedStyleMap.clear();
+    this.prevOriginStyleMap.clear();
+    super.destroy();
+  }
+}
+Fisheye.defaultOptions = {
+  trigger: "pointermove",
+  r: 120,
+  d: 1.5,
+  maxD: 5,
+  minD: 0,
+  showDPercent: true,
+  style: {},
+  nodeStyle: { label: true },
+  preventDefault: true
+};
+export {
+  Fisheye
+};
+//# sourceMappingURL=index.js.map