@hkyhy/marsun-components-core 0.1.134 → 0.1.136

package/dist/node_modules/@antv/g6/esm/runtime/graph.js

@@ -1,1464 +0,0 @@
-import B from "../../../event-emitter/esm/index.js";
-import "../constants/change.js";
-import "../constants/events/animation.js";
-import "../constants/events/canvas.js";
-import "../constants/events/combo.js";
-import "../constants/events/common.js";
-import "../constants/events/container.js";
-import "../constants/events/edge.js";
-import { GraphEvent as v } from "../constants/events/graph.js";
-import "../constants/events/history.js";
-import "../constants/events/node.js";
-import { COMBO_KEY as A } from "../constants/graphlib.js";
-import "../constants/registry.js";
-import { isCollapsed as b } from "../utils/collapsibility.js";
-import { sizeOf as C } from "../utils/dom.js";
-import { getSubgraphRelatedEdges as z } from "../utils/edge.js";
-import { emit as p } from "../utils/event/index.js";
-import { idOf as y } from "../utils/id.js";
-import { isPreLayout as I } from "../utils/layout.js";
-import { format as L } from "../utils/print.js";
-import { subtract as S } from "../utils/vector.js";
-import { getZIndexOf as w } from "../utils/z-index.js";
-import { Animation as j } from "./animation.js";
-import { BatchController as P } from "./batch.js";
-import { BehaviorController as V } from "./behavior.js";
-import { Canvas as T } from "./canvas.js";
-import { DataController as F } from "./data.js";
-import { ElementController as k } from "./element.js";
-import { LayoutController as Z } from "./layout.js";
-import { inferOptions as U } from "./options.js";
-import { PluginController as G } from "./plugin.js";
-import { TransformController as H } from "./transform.js";
-import { ViewportController as $ } from "./viewport.js";
-import Y from "../../../util/esm/lodash/debounce.js";
-import u from "../../../util/esm/lodash/is-function.js";
-import R from "../../../util/esm/lodash/is-string.js";
-import N from "../../../util/esm/lodash/is-number.js";
-import { GraphLifeCycleEvent as g } from "../utils/event/events.js";
-import q from "../../../util/esm/lodash/is-equal.js";
-import K from "../../../util/esm/lodash/omit.js";
-import x from "../../../util/esm/lodash/is-object.js";
-var d = function(_, t, e, o) {
-  function i(s) {
-    return s instanceof e ? s : new e(function(n) {
-      n(s);
-    });
-  }
-  return new (e || (e = Promise))(function(s, n) {
-    function r(l) {
-      try {
-        h(o.next(l));
-      } catch (c) {
-        n(c);
-      }
-    }
-    function a(l) {
-      try {
-        h(o.throw(l));
-      } catch (c) {
-        n(c);
-      }
-    }
-    function h(l) {
-      l.done ? s(l.value) : i(l.value).then(r, a);
-    }
-    h((o = o.apply(_, t || [])).next());
-  });
-};
-class D extends B {
-  constructor(t) {
-    var e;
-    super(), this.options = {}, this.rendered = !1, this.destroyed = !1, this.context = {
-      model: new F()
-    }, this.isCollapsingExpanding = !1, this.onResize = Y(() => {
-      this.resize();
-    }, 300), this._setOptions(Object.assign({}, D.defaultOptions, t), !0), this.context.graph = this, this.options.autoResize && ((e = globalThis.addEventListener) === null || e === void 0 || e.call(globalThis, "resize", this.onResize));
-  }
-  /**
-   * <zh/> 获取配置项
-   *
-   * <en/> Get options
-   * @returns <zh/> 配置项 | <en/> options
-   * @apiCategory option
-   */
-  getOptions() {
-    return this.options;
-  }
-  /**
-   * <zh/> 设置配置项
-   *
-   * <en/> Set options
-   * @param options - <zh/> 配置项 | <en/> options
-   * @remarks
-   * <zh/> 要更新 devicePixelRatio、container 属性请销毁后重新创建实例
-   *
-   * <en/> To update devicePixelRatio and container properties, please destroy and recreate the instance
-   * @apiCategory option
-   */
-  setOptions(t) {
-    this._setOptions(t, !1);
-  }
-  _setOptions(t, e) {
-    if (this.updateCanvas(t), Object.assign(this.options, U(t)), e) {
-      const { data: m } = t;
-      m && this.addData(m);
-      return;
-    }
-    const { behaviors: o, combo: i, data: s, edge: n, layout: r, node: a, plugins: h, theme: l, transforms: c } = t;
-    o && this.setBehaviors(o), s && this.setData(s), a && this.setNode(a), n && this.setEdge(n), i && this.setCombo(i), r && this.setLayout(r), l && this.setTheme(l), h && this.setPlugins(h), c && this.setTransforms(c);
-  }
-  /**
-   * <zh/> 获取当前画布容器的尺寸
-   *
-   * <en/> Get the size of the current canvas container
-   * @returns <zh/> 画布尺寸 | <en/> canvas size
-   * @apiCategory canvas
-   */
-  getSize() {
-    return this.context.canvas ? this.context.canvas.getSize() : [this.options.width || 0, this.options.height || 0];
-  }
-  /**
-   * <zh/> 设置当前画布容器的尺寸
-   *
-   * <en/> Set the size of the current canvas container
-   * @param width - <zh/> 画布宽度 | <en/> canvas width
-   * @param height - <zh/> 画布高度 | <en/> canvas height
-   * @apiCategory canvas
-   */
-  setSize(t, e) {
-    t && (this.options.width = t), e && (this.options.height = e), this.resize(t, e);
-  }
-  /**
-   * <zh/> 设置当前图的缩放区间
-   *
-   * <en/> Get the zoom range of the current graph
-   * @param zoomRange - <zh/> 缩放区间 | <en/> zoom range
-   * @apiCategory viewport
-   */
-  setZoomRange(t) {
-    this.options.zoomRange = t;
-  }
-  /**
-   * <zh/> 获取当前图的缩放区间
-   *
-   * <en/> Get the zoom range of the current graph
-   * @returns <zh/> 缩放区间 | <en/> zoom range
-   * @apiCategory viewport
-   */
-  getZoomRange() {
-    return this.options.zoomRange;
-  }
-  /**
-   * <zh/> 设置节点样式映射
-   *
-   * <en/> Set node mapper
-   * @param node - <zh/> 节点配置 | <en/> node options
-   * @remarks
-   * <zh/> 即 `options.node` 的值
-   *
-   * <en/> The value of `options.node`
-   * @apiCategory element
-   */
-  setNode(t) {
-    this.options.node = t, this.context.model.refreshData();
-  }
-  /**
-   * <zh/> 设置边样式映射
-   *
-   * <en/> Set edge mapper
-   * @param edge - <zh/> 边配置 | <en/> edge options
-   * @remarks
-   * <zh/> 即 `options.edge` 的值
-   *
-   * <en/> The value of `options.edge`
-   * @apiCategory element
-   */
-  setEdge(t) {
-    this.options.edge = t, this.context.model.refreshData();
-  }
-  /**
-   * <zh/> 设置组合样式映射
-   *
-   * <en/> Set combo mapper
-   * @param combo - <zh/> 组合配置 | <en/> combo options
-   * @remarks
-   * <zh/> 即 `options.combo` 的值
-   *
-   * <en/> The value of `options.combo`
-   * @apiCategory element
-   */
-  setCombo(t) {
-    this.options.combo = t, this.context.model.refreshData();
-  }
-  /**
-   * <zh/> 获取主题
-   *
-   * <en/> Get theme
-   * @returns <zh/> 当前主题 | <en/> current theme
-   * @apiCategory theme
-   */
-  getTheme() {
-    return this.options.theme;
-  }
-  /**
-   * <zh/> 设置主题
-   *
-   * <en/> Set theme
-   * @param theme - <zh/> 主题名 | <en/> theme name
-   * @example
-   * ```ts
-   * graph.setTheme('dark');
-   * ```
-   * @apiCategory theme
-   */
-  setTheme(t) {
-    this.options.theme = u(t) ? t(this.getTheme()) : t;
-  }
-  /**
-   * <zh/> 设置布局
-   *
-   * <en/> Set layout
-   * @param layout - <zh/> 布局配置 | <en/> layout options
-   * @example
-   * ```ts
-   * graph.setLayout({
-   *  type: 'dagre',
-   * })
-   * ```
-   * @apiCategory layout
-   */
-  setLayout(t) {
-    this.options.layout = u(t) ? t(this.getLayout()) : t;
-  }
-  /**
-   * <zh/> 获取布局配置
-   *
-   * <en/> Get layout options
-   * @returns <zh/> 布局配置 | <en/> layout options
-   * @apiCategory layout
-   */
-  getLayout() {
-    return this.options.layout;
-  }
-  /**
-   * <zh/> 设置交互
-   *
-   * <en/> Set behaviors
-   * @param behaviors - <zh/> 交互配置 | <en/> behavior options
-   * @remarks
-   * <zh/> 设置的交互会全量替换原有的交互，如果需要新增交互可以使用如下方式：
-   *
-   * <en/> The set behavior will completely replace the original behavior. If you need to add behavior, you can use the following method:
-   *
-   * ```ts
-   * graph.setBehaviors((behaviors) => [...behaviors, { type: 'zoom-canvas' }])
-   * ```
-   * @apiCategory behavior
-   */
-  setBehaviors(t) {
-    var e;
-    this.options.behaviors = u(t) ? t(this.getBehaviors()) : t, (e = this.context.behavior) === null || e === void 0 || e.setBehaviors(this.options.behaviors);
-  }
-  /**
-   * <zh/> 更新指定的交互配置
-   *
-   * <en/> Update specified behavior options
-   * @param behavior - <zh/> 交互配置 | <en/> behavior options
-   * @remarks
-   * <zh/> 如果要更新一个交互，那么必须在交互配置中指定 key 字段，例如：
-   *
-   * <en/> If you want to update a behavior, you must specify the key field in the behavior options, for example:
-   * ```ts
-   * {
-   *   behaviors: [{ type: 'zoom-canvas', key: 'zoom-canvas' }]
-   * }
-   *
-   * graph.updateBehavior({ key: 'zoom-canvas', enable: false })
-   * ```
-   * @apiCategory behavior
-   */
-  updateBehavior(t) {
-    this.setBehaviors((e) => e.map((o) => typeof o == "object" && o.key === t.key ? Object.assign(Object.assign({}, o), t) : o));
-  }
-  /**
-   * <zh/> 获取交互配置
-   *
-   * <en/> Get behaviors options
-   * @returns <zh/> 交互配置 | <en/> behavior options
-   * @apiCategory behavior
-   */
-  getBehaviors() {
-    return this.options.behaviors || [];
-  }
-  /**
-   * <zh/> 设置插件配置
-   *
-   * <en/> Set plugins options
-   * @param plugins - <zh/> 插件配置 | <en/> plugin options
-   * @remarks
-   * <zh/> 设置的插件会全量替换原有的插件配置，如果需要新增插件可以使用如下方式：
-   *
-   * <en/> The set plugin will completely replace the original plugin configuration. If you need to add a plugin, you can use the following method:
-   * ```ts
-   * graph.setPlugins((plugins) => [...plugins, { key: 'grid-line' }])
-   * ```
-   * @apiCategory plugin
-   */
-  setPlugins(t) {
-    var e;
-    this.options.plugins = u(t) ? t(this.getPlugins()) : t, (e = this.context.plugin) === null || e === void 0 || e.setPlugins(this.options.plugins);
-  }
-  /**
-   * <zh/> 更新插件配置
-   *
-   * <en/> Update plugin options
-   * @param plugin - <zh/> 插件配置 | <en/> plugin options
-   * @remarks
-   * <zh/> 如果要更新一个插件，那么必须在插件配置中指定 key 字段，例如：
-   *
-   * <en/> If you want to update a plugin, you must specify the key field in the plugin options, for example:
-   * ```ts
-   * {
-   *   plugins: [{ key: 'grid-line' }]
-   * }
-   *
-   * graph.updatePlugin({ key: 'grid-line', follow: true })
-   * ```
-   * @apiCategory plugin
-   */
-  updatePlugin(t) {
-    this.setPlugins((e) => e.map((o) => typeof o == "object" && o.key === t.key ? Object.assign(Object.assign({}, o), t) : o));
-  }
-  /**
-   * <zh/> 获取插件配置
-   *
-   * <en/> Get plugins options
-   * @returns <zh/> 插件配置 | <en/> plugin options
-   * @apiCategory plugin
-   */
-  getPlugins() {
-    return this.options.plugins || [];
-  }
-  /**
-   * <zh/> 获取插件实例
-   *
-   * <en/> Get plugin instance
-   * @param key - <zh/> 插件 key（在配置 plugin 时需要手动传入指定） | <en/> plugin key(need to be specified manually when configuring plugin)
-   * @returns <zh/> 插件实例 | <en/> plugin instance
-   * @remarks
-   * <zh/> 一些插件提供了 API 方法可供调用，例如全屏插件可以调用 `request` 和 `exit` 方法来请求和退出全屏
-   *
-   * <en/> Some plugins provide API methods for calling, such as the full-screen plugin can call the `request` and `exit` methods to request and exit full-screen
-   * ```ts
-   * const fullscreen = graph.getPluginInstance('fullscreen');
-   *
-   * fullscreen.request();
-   *
-   * fullscreen.exit();
-   * ```
-   * @apiCategory plugin
-   */
-  getPluginInstance(t) {
-    return this.context.plugin.getPluginInstance(t);
-  }
-  /**
-   * <zh/> 设置数据转换器
-   *
-   * <en/> Set data transforms
-   * @param transforms - <zh/> 数据转换配置 | <en/> data transform options
-   * @remarks
-   * <zh/> 数据转换器能够在图渲染过程中执行数据转换，目前支持在渲染前对绘制数据进行转化。
-   *
-   * <en/> Data transforms can perform data transformation during the rendering process of the graph. Currently, it supports transforming the drawing data before rendering.
-   * @apiCategory transform
-   */
-  setTransforms(t) {
-    var e;
-    this.options.transforms = u(t) ? t(this.getTransforms()) : t, (e = this.context.transform) === null || e === void 0 || e.setTransforms(this.options.transforms);
-  }
-  /**
-   * <zh/> 更新数据转换器
-   *
-   * <en/> Update data transform
-   * @param transform - <zh/> 数据转换器配置 | <en/> data transform options
-   * @apiCategory transform
-   */
-  updateTransform(t) {
-    this.setTransforms((e) => e.map((o) => typeof o == "object" && o.key === t.key ? Object.assign(Object.assign({}, o), t) : o)), this.context.model.refreshData();
-  }
-  /**
-   * <zh/> 获取数据转换器配置
-   *
-   * <en/> Get data transforms options
-   * @returns <zh/> 数据转换配置 | <en/> data transform options
-   * @apiCategory transform
-   */
-  getTransforms() {
-    return this.options.transforms || [];
-  }
-  /**
-   * <zh/> 获取图数据
-   *
-   * <en/> Get graph data
-   * @returns <zh/> 图数据 | <en/> Graph data
-   * <zh/> 获取当前图的数据，包括节点、边、组合数据
-   *
-   * <en/> Get the data of the current graph, including node, edge, and combo data
-   * @apiCategory data
-   */
-  getData() {
-    return this.context.model.getData();
-  }
-  /**
-   * <zh/> 判断图中是否存在指定节点
-   * <en/> Determine whether a specified node exists in the graph
-   * @param {ID} id
-   * @returns {boolean}
-   * @remarks <zh/> 判断图中是否存在指定节点,避免在不存在的节点上进行操作
-   * <en/> Determine whether a specified node exists in the graph and avoid operating on non-existent nodes
-   */
-  hasNode(t) {
-    return this.context.model.hasNode(t);
-  }
-  /**
-   * <zh/> 判断图中是否存在指定边
-   * <en/> Determine whether a specified edge exists in the graph
-   * @param {ID} id
-   * @returns  {boolean}
-   * @remarks <zh/> 判断图中是否存在指定边,避免在不存在的边上进行操作
-   * <en/> Determine whether a specified edge exists in the graph and avoid operating on non-existent edges
-   */
-  hasEdge(t) {
-    return this.context.model.hasEdge(t);
-  }
-  /**
-   * <zh/> 判断图中是否存在指定组合
-   * <en/> Determine whether a specified combo exists in the graph
-   * @param {ID} id
-   * @returns  {boolean}
-   * @remarks <zh/> 判断图中是否存在指定组合,避免在不存在的组合上进行操作
-   * <en/> Determine whether a specified combo exists in the graph and avoid operating on non-existent combos
-   */
-  hasCombo(t) {
-    return this.context.model.hasCombo(t);
-  }
-  getElementData(t) {
-    return Array.isArray(t) ? t.map((e) => this.context.model.getElementDataById(e)) : this.context.model.getElementDataById(t);
-  }
-  getNodeData(t) {
-    return t === void 0 ? this.context.model.getNodeData() : Array.isArray(t) ? this.context.model.getNodeData(t) : this.context.model.getNodeLikeDatum(t);
-  }
-  getEdgeData(t) {
-    return t === void 0 ? this.context.model.getEdgeData() : Array.isArray(t) ? this.context.model.getEdgeData(t) : this.context.model.getEdgeDatum(t);
-  }
-  getComboData(t) {
-    return t === void 0 ? this.context.model.getComboData() : Array.isArray(t) ? this.context.model.getComboData(t) : this.context.model.getNodeLikeDatum(t);
-  }
-  /**
-   * <zh/> 设置全量数据
-   *
-   * <en/> Set full data
-   * @param data - <zh/> 数据 | <en/> data
-   * @remarks
-   * <zh/> 设置全量数据会替换当前图中的所有数据，G6 会自动进行数据差异计算
-   *
-   * <en/> Setting full data will replace all data in the current graph, and G6 will automatically calculate the data difference
-   * @apiCategory data
-   */
-  setData(t) {
-    this.context.model.setData(u(t) ? t(this.getData()) : t);
-  }
-  /**
-   * <zh/> 新增元素数据
-   *
-   * <en/> Add element data
-   * @param data - <zh/> 元素数据 | <en/> element data
-   * @example
-   * ```ts
-   * graph.addData({
-   *  nodes: [{ id: 'node-1' }, { id: 'node-2' }],
-   *  edges: [{ source: 'node-1', target: 'node-2' }],
-   * });
-   * ```
-   * @apiCategory data
-   */
-  addData(t) {
-    this.context.model.addData(u(t) ? t(this.getData()) : t);
-  }
-  /**
-   * <zh/> 新增节点数据
-   *
-   * <en/> Add node data
-   * @param data - <zh/> 节点数据 | <en/> node data
-   * @example
-   * ```ts
-   * graph.addNodeData([{ id: 'node-1' }, { id: 'node-2' }]);
-   * ```
-   * @apiCategory data
-   */
-  addNodeData(t) {
-    this.context.model.addNodeData(u(t) ? t(this.getNodeData()) : t);
-  }
-  /**
-   * <zh/> 新增边数据
-   *
-   * <en/> Add edge data
-   * @param data - <zh/> 边数据 | <en/> edge data
-   * @example
-   * ```ts
-   * graph.addEdgeData([{ source: 'node-1', target: 'node-2' }]);
-   * ```
-   * @apiCategory data
-   */
-  addEdgeData(t) {
-    this.context.model.addEdgeData(u(t) ? t(this.getEdgeData()) : t);
-  }
-  /**
-   * <zh/> 新增组合数据
-   *
-   * <en/> Add combo data
-   * @param data - <zh/> 组合数据 | <en/> combo data
-   * @example
-   * ```ts
-   * graph.addComboData([{ id: 'combo-1' }]);
-   * ```
-   * @apiCategory data
-   */
-  addComboData(t) {
-    this.context.model.addComboData(u(t) ? t(this.getComboData()) : t);
-  }
-  /**
-   * <zh/> 为树图节点添加子节点数据
-   *
-   * <en/> Add child node data to the tree node
-   * @param parentId - <zh/> 父节点 ID | <en/> parent node ID
-   * @param childrenData - <zh/> 子节点数据 | <en/> child node data
-   * @remarks
-   * <zh/> 为组合添加子节点使用 addNodeData / addComboData 方法
-   *
-   * <en/> Use addNodeData / addComboData method to add child nodes to the combo
-   * @apiCategory data
-   */
-  addChildrenData(t, e) {
-    this.context.model.addChildrenData(t, e);
-  }
-  /**
-   * <zh/> 更新元素数据
-   *
-   * <en/> Update element data
-   * @param data - <zh/> 元素数据 | <en/> element data
-   * @remarks
-   * <zh/> 只需要传入需要更新的数据即可，不必传入完整的数据
-   *
-   * <en/> Just pass in the data that needs to be updated, no need to pass in the complete data
-   * @example
-   * ```ts
-   * graph.updateData({
-   *   nodes: [{ id: 'node-1', style: { x: 100, y: 100 } }],
-   *   edges: [{ id: 'edge-1', style: { lineWidth: 2 } }]
-   * });
-   * ```
-   * @apiCategory data
-   */
-  updateData(t) {
-    this.context.model.updateData(u(t) ? t(this.getData()) : t);
-  }
-  /**
-   * <zh/> 更新节点数据
-   *
-   * <en/> Update node data
-   * @param data - <zh/> 节点数据 | <en/> node data
-   * @remarks
-   * <zh/> 只需要传入需要更新的数据即可，不必传入完整的数据
-   *
-   * <en/> Just pass in the data that needs to be updated, no need to pass in the complete data
-   * @example
-   * ```ts
-   * graph.updateNodeData([{ id: 'node-1', style: { x: 100, y: 100 } }]);
-   * ```
-   * @apiCategory data
-   */
-  updateNodeData(t) {
-    this.context.model.updateNodeData(u(t) ? t(this.getNodeData()) : t);
-  }
-  /**
-   * <zh/> 更新边数据
-   *
-   * <en/> Update edge data
-   * @param data - <zh/> 边数据 | <en/> edge data
-   * @remarks
-   * <zh/> 只需要传入需要更新的数据即可，不必传入完整的数据
-   *
-   * <en/> Just pass in the data that needs to be updated, no need to pass in the complete data
-   * @example
-   * ```ts
-   * graph.updateEdgeData([{ id: 'edge-1', style: { lineWidth: 2 } }]);
-   * ```
-   * @apiCategory data
-   */
-  updateEdgeData(t) {
-    this.context.model.updateEdgeData(u(t) ? t(this.getEdgeData()) : t);
-  }
-  /**
-   * <zh/> 更新组合数据
-   *
-   * <en/> Update combo data
-   * @param data - <zh/> 组合数据 | <en/> combo data
-   * @remarks
-   * <zh/> 只需要传入需要更新的数据即可，不必传入完整的数据
-   *
-   * <en/> Just pass in the data that needs to be updated, no need to pass in the complete data
-   * @example
-   * ```ts
-   * graph.updateComboData([{ id: 'combo-1', style: { x: 100, y: 100 } }]);
-   * ```
-   * @apiCategory data
-   */
-  updateComboData(t) {
-    this.context.model.updateComboData(u(t) ? t(this.getComboData()) : t);
-  }
-  /**
-   * <zh/> 删除元素数据
-   *
-   * <en/> Remove element data
-   * @param ids - <zh/> 元素 ID 数组 | <en/> element ID array
-   * @example
-   * ```ts
-   * graph.removeData({
-   *   nodes: ['node-1', 'node-2'],
-   *   edges: ['edge-1'],
-   * });
-   * ```
-   * @apiCategory data
-   */
-  removeData(t) {
-    this.context.model.removeData(u(t) ? t(this.getData()) : t);
-  }
-  /**
-   * <zh/> 删除节点数据
-   *
-   * <en/> Remove node data
-   * @param ids - <zh/> 节点 ID 数组 | <en/> node ID array
-   * @example
-   * ```ts
-   * graph.removeNodeData(['node-1', 'node-2']);
-   * ```
-   * @apiCategory data
-   */
-  removeNodeData(t) {
-    this.context.model.removeNodeData(u(t) ? t(this.getNodeData()) : t);
-  }
-  /**
-   * <zh/> 删除边数据
-   *
-   * <en/> Remove edge data
-   * @param ids - <zh/> 边 ID 数组 | <en/> edge ID array
-   * @remarks
-   * <zh/> 如果传入边数据时仅提供了 source 和 target，那么需要通过 `idOf` 方法获取边的实际 ID
-   *
-   * <en/> If only the source and target are provided when passing in the edge data, you need to get the actual ID of the edge through the `idOf` method
-   * @example
-   * ```ts
-   * graph.removeEdgeData(['edge-1']);
-   * ```
-   * @apiCategory data
-   */
-  removeEdgeData(t) {
-    this.context.model.removeEdgeData(u(t) ? t(this.getEdgeData()) : t);
-  }
-  /**
-   * <zh/> 删除组合数据
-   *
-   * <en/> Remove combo data
-   * @param ids - <zh/> 组合 ID 数组 | <en/> 组合 ID array
-   * @example
-   * ```ts
-   * graph.removeComboData(['combo-1']);
-   * ```
-   * @apiCategory data
-   */
-  removeComboData(t) {
-    this.context.model.removeComboData(u(t) ? t(this.getComboData()) : t);
-  }
-  /**
-   * <zh/> 获取元素类型
-   *
-   * <en/> Get element type
-   * @param id - <zh/> 元素 ID | <en/> element ID
-   * @returns <zh/> 元素类型 | <en/> element type
-   * @apiCategory element
-   */
-  getElementType(t) {
-    return this.context.model.getElementType(t);
-  }
-  /**
-   * <zh/> 获取节点或组合关联边的数据
-   *
-   * <en/> Get edge data related to the node or combo
-   * @param id - <zh/> 节点或组合ID | <en/> node or combo ID
-   * @param direction - <zh/> 边的方向 | <en/> edge direction
-   * @returns <zh/> 边数据 | <en/> edge data
-   * @apiCategory data
-   */
-  getRelatedEdgesData(t, e = "both") {
-    return this.context.model.getRelatedEdgesData(t, e);
-  }
-  /**
-   * <zh/> 获取节点或组合的一跳邻居节点数据
-   *
-   * <en/> Get the one-hop neighbor node data of the node or combo
-   * @param id - <zh/> 节点或组合ID | <en/> node or combo ID
-   * @returns <zh/> 邻居节点数据 | <en/> neighbor node data
-   * @apiCategory data
-   */
-  getNeighborNodesData(t) {
-    return this.context.model.getNeighborNodesData(t);
-  }
-  /**
-   * <zh/> 获取节点或组合的祖先元素数据
-   *
-   * <en/> Get the ancestor element data of the node or combo
-   * @param id - <zh/> 节点或组合ID | <en/> node or combo ID
-   * @param hierarchy - <zh/> 指定树图层级关系还是组合层级关系 | <en/> specify tree or combo hierarchy relationship
-   * @returns <zh/> 祖先元素数据 | <en/> ancestor element data
-   * @remarks
-   * <zh/> 数组中的顺序是从父节点到祖先节点
-   *
-   * <en/> The order in the array is from the parent node to the ancestor node
-   * @apiCategory data
-   */
-  getAncestorsData(t, e) {
-    return this.context.model.getAncestorsData(t, e);
-  }
-  /**
-   * <zh/> 获取节点或组合的父元素数据
-   *
-   * <en/> Get the parent element data of the node or combo
-   * @param id - <zh/> 节点或组合ID | <en/> node or combo ID
-   * @param hierarchy - <zh/> 指定树图层级关系还是组合层级关系 | <en/> specify tree or combo hierarchy relationship
-   * @returns <zh/> 父元素数据 | <en/> parent element data
-   * @apiCategory data
-   */
-  getParentData(t, e) {
-    return this.context.model.getParentData(t, e);
-  }
-  /**
-   * <zh/> 获取节点或组合的子元素数据
-   *
-   * <en/> Get the child element data of the node or combo
-   * @param id - <zh/> 节点或组合ID | <en/> node or combo ID
-   * @returns <zh/> 子元素数据 | <en/> child element data
-   * @apiCategory data
-   */
-  getChildrenData(t) {
-    return this.context.model.getChildrenData(t);
-  }
-  /**
-   * <zh/> 获取节点或组合的后代元素数据
-   *
-   * <en/> Get the descendant element data of the node or combo
-   * @param id - <zh/> 节点或组合ID | <en/> node or combo ID
-   * @returns <zh/> 后代元素数据 | <en/> descendant element data
-   * @apiCategory data
-   */
-  getDescendantsData(t) {
-    return this.context.model.getDescendantsData(t);
-  }
-  getElementDataByState(t, e) {
-    return this.context.model.getElementDataByState(t, e);
-  }
-  initCanvas() {
-    return d(this, void 0, void 0, function* () {
-      var t;
-      if (this.context.canvas)
-        return yield this.context.canvas.ready;
-      const { container: e = "container", width: o, height: i, renderer: s, cursor: n, background: r, canvas: a, devicePixelRatio: h = (t = globalThis.devicePixelRatio) !== null && t !== void 0 ? t : 1 } = this.options;
-      if (e instanceof T)
-        this.context.canvas = e, n && e.setCursor(n), s && e.setRenderer(s), yield e.ready;
-      else {
-        const l = R(e) ? document.getElementById(e) : e, c = C(l);
-        this.emit(v.BEFORE_CANVAS_INIT, { container: l, width: o, height: i });
-        const m = Object.assign(Object.assign({}, a), {
-          container: l,
-          width: o || c[0],
-          height: i || c[1],
-          background: r,
-          renderer: s,
-          cursor: n,
-          devicePixelRatio: h
-        }), f = new T(m);
-        this.context.canvas = f, yield f.ready, this.emit(v.AFTER_CANVAS_INIT, { canvas: f });
-      }
-    });
-  }
-  updateCanvas(t) {
-    var e, o;
-    const { renderer: i, cursor: s, height: n, width: r } = t, a = this.context.canvas;
-    a && (i && (this.emit(v.BEFORE_RENDERER_CHANGE, { renderer: this.options.renderer }), a.setRenderer(i), this.emit(v.AFTER_RENDERER_CHANGE, { renderer: i })), s && a.setCursor(s), (N(r) || N(n)) && this.setSize((e = r ?? this.options.width) !== null && e !== void 0 ? e : 0, (o = n ?? this.options.height) !== null && o !== void 0 ? o : 0));
-  }
-  initRuntime() {
-    this.context.options = this.options, this.context.batch || (this.context.batch = new P(this.context)), this.context.plugin || (this.context.plugin = new G(this.context)), this.context.viewport || (this.context.viewport = new $(this.context)), this.context.transform || (this.context.transform = new H(this.context)), this.context.element || (this.context.element = new k(this.context)), this.context.animation || (this.context.animation = new j(this.context)), this.context.layout || (this.context.layout = new Z(this.context)), this.context.behavior || (this.context.behavior = new V(this.context));
-  }
-  prepare() {
-    return d(this, void 0, void 0, function* () {
-      if (yield Promise.resolve(), this.destroyed) {
-        console.error(L("The graph instance has been destroyed"));
-        return;
-      }
-      yield this.initCanvas(), this.initRuntime();
-    });
-  }
-  /**
-   * <zh/> 执行渲染
-   *
-   * <en/> Render
-   * @remarks
-   * <zh/> 此过程会执行数据更新、绘制元素、执行布局
-   *
-   * > ⚠️ render 为异步方法，如果需要在 render 后执行一些操作，可以使用 `await graph.render()` 或者监听 GraphEvent.AFTER_RENDER 事件
-   *
-   * <en/> This process will execute data update, element rendering, and layout execution
-   *
-   * > ⚠️ render is an asynchronous method. If you need to perform some operations after render, you can use `await graph.render()` or listen to the GraphEvent.AFTER_RENDER event
-   * @apiCategory render
-   */
-  render() {
-    return d(this, void 0, void 0, function* () {
-      if (yield this.prepare(), p(this, new g(v.BEFORE_RENDER)), this.options.layout)
-        if (!this.rendered && I(this.options.layout)) {
-          const t = yield this.context.element.preLayoutDraw({ type: "render" });
-          yield Promise.all([t == null ? void 0 : t.finished, this.autoFit()]);
-        } else {
-          const t = this.context.element.draw({ type: "render" });
-          yield Promise.all([t == null ? void 0 : t.finished, this.context.layout.postLayout()]), yield this.autoFit();
-        }
-      else {
-        const t = this.context.element.draw({ type: "render" });
-        yield Promise.all([t == null ? void 0 : t.finished, this.autoFit()]);
-      }
-      this.rendered = !0, p(this, new g(v.AFTER_RENDER));
-    });
-  }
-  /**
-   * <zh/> 绘制元素
-   *
-   * <en/> Draw elements
-   * @returns <zh/> 渲染结果 | <en/> draw result
-   * @remarks
-   * <zh/> 仅执行元素绘制，不会重新布局
-   *
-   * <zh/> ⚠️ draw 为异步方法，如果需要在 draw 后执行一些操作，可以使用 `await graph.draw()` 或者监听 GraphEvent.AFTER_DRAW 事件
-   *
-   * <en/> Only execute element drawing, no re-layout
-   *
-   * <en/> ⚠️ draw is an asynchronous method. If you need to perform some operations after draw, you can use `await graph.draw()` or listen to the GraphEvent.AFTER_DRAW event
-   * @apiCategory render
-   */
-  draw() {
-    return d(this, void 0, void 0, function* () {
-      var t;
-      yield this.prepare(), yield (t = this.context.element.draw()) === null || t === void 0 ? void 0 : t.finished;
-    });
-  }
-  /**
-   * <zh/> 执行布局
-   *
-   * <en/> Execute layout
-   * @param layoutOptions - <zh/> 布局配置项 | <en/> Layout options
-   * @apiCategory layout
-   */
-  layout(t) {
-    return d(this, void 0, void 0, function* () {
-      yield this.context.layout.postLayout(t);
-    });
-  }
-  /**
-   * <zh/> 停止布局
-   *
-   * <en/> Stop layout
-   * @remarks
-   * <zh/> 适用于带有迭代动画的布局，目前有 `force` 属于此类布局，即停止力导布局的迭代，一般用于布局迭代时间过长情况下的手动停止迭代动画，例如在点击画布/节点的监听中调用
-   *
-   * <en/> Suitable for layouts with iterative animations. Currently, `force` belongs to this type of layout, that is, stop the iteration of the force-directed layout. It is generally used to manually stop the iteration animation when the layout iteration time is too long, such as calling in the click canvas/node listener
-   * @apiCategory layout
-   */
-  stopLayout() {
-    this.context.layout.stopLayout();
-  }
-  /**
-   * <zh/> 清空画布元素
-   *
-   * <en/> Clear canvas elements
-   * @apiCategory canvas
-   */
-  clear() {
-    return d(this, void 0, void 0, function* () {
-      const { model: t, element: e } = this.context;
-      t.setData({}), t.clearChanges(), e == null || e.clear();
-    });
-  }
-  /**
-   * <zh/> 销毁当前图实例
-   *
-   * <en/> Destroy the current graph instance
-   * @remarks
-   * <zh/> 销毁后无法进行任何操作，如果需要重新使用，需要重新创建一个新的图实例
-   *
-   * <en/> After destruction, no operations can be performed. If you need to reuse it, you need to create a new graph instance
-   * @apiCategory instance
-   */
-  destroy() {
-    var t;
-    p(this, new g(v.BEFORE_DESTROY));
-    const { layout: e, animation: o, element: i, model: s, canvas: n, behavior: r, plugin: a } = this.context;
-    a == null || a.destroy(), r == null || r.destroy(), e == null || e.destroy(), o == null || o.destroy(), i == null || i.destroy(), s.destroy(), n == null || n.destroy(), this.options = {}, this.context = {}, this.off(), (t = globalThis.removeEventListener) === null || t === void 0 || t.call(globalThis, "resize", this.onResize), this.destroyed = !0, p(this, new g(v.AFTER_DESTROY));
-  }
-  /**
-   * <zh/> 获取画布实例
-   *
-   * <en/> Get canvas instance
-   * @returns - <zh/> 画布实例 | <en/> canvas instance
-   * @apiCategory canvas
-   */
-  getCanvas() {
-    return this.context.canvas;
-  }
-  resize(t, e) {
-    var o;
-    const i = C((o = this.context.canvas) === null || o === void 0 ? void 0 : o.getContainer()), s = [t || i[0], e || i[1]];
-    if (!this.context.canvas)
-      return;
-    const n = this.context.canvas.getSize();
-    q(s, n) || (p(this, new g(v.BEFORE_SIZE_CHANGE, { size: s })), this.context.canvas.resize(...s), p(this, new g(v.AFTER_SIZE_CHANGE, { size: s })));
-  }
-  /**
-   * <zh/> 将图缩放至合适大小并平移至视口中心
-   *
-   * <en/> Zoom the graph to fit the viewport and move it to the center of the viewport
-   * @param options - <zh/> 适配配置 | <en/> fit options
-   * @param animation - <zh/> 动画配置 | <en/> animation options
-   * @apiCategory viewport
-   */
-  fitView(t, e) {
-    return d(this, void 0, void 0, function* () {
-      var o;
-      yield (o = this.context.viewport) === null || o === void 0 ? void 0 : o.fitView(t, e);
-    });
-  }
-  /**
-   * <zh/> 将图平移至视口中心
-   *
-   * <en/> Move the graph to the center of the viewport
-   * @param animation - <zh/> 动画配置 | <en/> animation options
-   * @apiCategory viewport
-   */
-  fitCenter(t) {
-    return d(this, void 0, void 0, function* () {
-      var e;
-      yield (e = this.context.viewport) === null || e === void 0 ? void 0 : e.fitCenter({ animation: t });
-    });
-  }
-  autoFit() {
-    return d(this, void 0, void 0, function* () {
-      const { autoFit: t } = this.context.options;
-      if (t)
-        if (R(t))
-          t === "view" ? yield this.fitView() : t === "center" && (yield this.fitCenter());
-        else {
-          const { type: e, animation: o } = t;
-          e === "view" ? yield this.fitView(t.options, o) : e === "center" && (yield this.fitCenter(o));
-        }
-    });
-  }
-  /**
-   * <zh/> 聚焦元素
-   *
-   * <en/> Focus on element
-   * @param id - <zh/> 元素 ID | <en/> element ID
-   * @param animation - <zh/> 动画配置 | <en/> animation options
-   * @remarks
-   * <zh/> 移动图，使得元素对齐到视口中心
-   *
-   * <en/> Move the graph so that the element is aligned to the center of the viewport
-   * @apiCategory viewport
-   */
-  focusElement(t, e) {
-    return d(this, void 0, void 0, function* () {
-      var o;
-      yield (o = this.context.viewport) === null || o === void 0 ? void 0 : o.focusElements(Array.isArray(t) ? t : [t], { animation: e });
-    });
-  }
-  /**
-   * <zh/> 基于当前缩放比例进行缩放（相对缩放）
-   *
-   * <en/> Zoom based on the current zoom ratio (relative zoom)
-   * @param ratio - <zh/> 缩放比例 | <en/> zoom ratio
-   * @param animation - <zh/> 动画配置 | <en/> animation options
-   * @param origin - <zh/> 缩放中心(视口坐标) | <en/> zoom center(viewport coordinates)
-   * @remarks
-   * <zh/>
-   * - ratio > 1 放大
-   * - ratio < 1 缩小
-   *
-   * <en/>
-   * - ratio > 1 zoom in
-   * - ratio < 1 zoom out
-   * @apiCategory viewport
-   */
-  zoomBy(t, e, o) {
-    return d(this, void 0, void 0, function* () {
-      yield this.context.viewport.transform({ mode: "relative", scale: t, origin: o }, e);
-    });
-  }
-  /**
-   * <zh/> 缩放画布至指定比例（绝对缩放）
-   *
-   * <en/> Zoom the canvas to the specified ratio (absolute zoom)
-   * @param zoom - <zh/> 指定缩放比例 | <en/> specified zoom ratio
-   * @param animation - <zh/> 动画配置 | <en/> animation options
-   * @param origin - <zh/> 缩放中心(视口坐标) | <en/> zoom center(viewport coordinates)
-   * @remarks
-   * <zh/>
-   * - zoom = 1 默认大小
-   * - zoom > 1 放大
-   * - zoom < 1 缩小
-   *
-   * <en/>
-   * - zoom = 1 default size
-   * - zoom > 1 zoom in
-   * - zoom < 1 zoom out
-   * @apiCategory viewport
-   */
-  zoomTo(t, e, o) {
-    return d(this, void 0, void 0, function* () {
-      yield this.context.viewport.transform({ mode: "absolute", scale: t, origin: o }, e);
-    });
-  }
-  /**
-   * <zh/> 获取当前缩放比例
-   *
-   * <en/> Get the current zoom ratio
-   * @returns <zh/> 缩放比例 | <en/> zoom ratio
-   * @apiCategory viewport
-   */
-  getZoom() {
-    return this.context.viewport.getZoom();
-  }
-  /**
-   * <zh/> 基于当前旋转角度进行旋转（相对旋转）
-   *
-   * <en/> Rotate based on the current rotation angle (relative rotation)
-   * @param angle - <zh/> 旋转角度 | <en/> rotation angle
-   * @param animation - <zh/> 动画配置 | <en/> animation options
-   * @param origin - <zh/> 旋转中心(视口坐标) | <en/> rotation center(viewport coordinates)
-   * @apiCategory viewport
-   */
-  rotateBy(t, e, o) {
-    return d(this, void 0, void 0, function* () {
-      yield this.context.viewport.transform({ mode: "relative", rotate: t, origin: o }, e);
-    });
-  }
-  /**
-   * <zh/> 旋转画布至指定角度 (绝对旋转)
-   *
-   * <en/> Rotate the canvas to the specified angle (absolute rotation)
-   * @param angle - <zh/> 目标角度 | <en/> target angle
-   * @param animation - <zh/> 动画配置 | <en/> animation options
-   * @param origin - <zh/> 旋转中心(视口坐标) | <en/> rotation center(viewport coordinates)
-   * @apiCategory viewport
-   */
-  rotateTo(t, e, o) {
-    return d(this, void 0, void 0, function* () {
-      yield this.context.viewport.transform({ mode: "absolute", rotate: t, origin: o }, e);
-    });
-  }
-  /**
-   * <zh/> 获取当前旋转角度
-   *
-   * <en/> Get the current rotation angle
-   * @returns <zh/> 旋转角度 | <en/> rotation angle
-   * @apiCategory viewport
-   */
-  getRotation() {
-    return this.context.viewport.getRotation();
-  }
-  /**
-   * <zh/> 将图平移指定距离 (相对平移)
-   *
-   * <en/> Translate the graph by the specified distance (relative translation)
-   * @param offset - <zh/> 偏移量 | <en/> offset
-   * @param animation - <zh/> 动画配置 | <en/> animation options
-   * @apiCategory viewport
-   */
-  translateBy(t, e) {
-    return d(this, void 0, void 0, function* () {
-      yield this.context.viewport.transform({ mode: "relative", translate: t }, e);
-    });
-  }
-  /**
-   * <zh/> 将图平移至指定位置 (绝对平移)
-   *
-   * <en/> Translate the graph to the specified position (absolute translation)
-   * @param position - <zh/> 指定位置 | <en/> specified position
-   * @param animation - <zh/> 动画配置 | <en/> animation options
-   * @apiCategory viewport
-   */
-  translateTo(t, e) {
-    return d(this, void 0, void 0, function* () {
-      yield this.context.viewport.transform({ mode: "absolute", translate: t }, e);
-    });
-  }
-  /**
-   * <zh/> 获取图的位置
-   *
-   * <en/> Get the position of the graph
-   * @returns <zh/> 图的位置 | <en/> position of the graph
-   * @remarks
-   * <zh/> 即画布原点在视口坐标系下的位置。默认状态下，图的位置为 [0, 0]
-   *
-   * <en/> That is, the position of the canvas origin in the viewport coordinate system. By default, the position of the graph is [0, 0]
-   * @apiCategory viewport
-   */
-  getPosition() {
-    return S([0, 0], this.getCanvasByViewport([0, 0]));
-  }
-  translateElementBy(t, e) {
-    return d(this, arguments, void 0, function* (o, i, s = !0) {
-      var n, r;
-      const [a, h] = x(o) ? [o, (n = i) !== null && n !== void 0 ? n : !0] : [{ [o]: i }, s];
-      Object.entries(a).forEach(([l, c]) => this.context.model.translateNodeLikeBy(l, c)), yield (r = this.context.element.draw({ animation: h, stage: "translate" })) === null || r === void 0 ? void 0 : r.finished;
-    });
-  }
-  translateElementTo(t, e) {
-    return d(this, arguments, void 0, function* (o, i, s = !0) {
-      var n, r;
-      const [a, h] = x(o) ? [o, (n = i) !== null && n !== void 0 ? n : !0] : [{ [o]: i }, s];
-      Object.entries(a).forEach(([l, c]) => this.context.model.translateNodeLikeTo(l, c)), yield (r = this.context.element.draw({ animation: h, stage: "translate" })) === null || r === void 0 ? void 0 : r.finished;
-    });
-  }
-  /**
-   * <zh/> 获取元素位置
-   *
-   * <en/> Get element position
-   * @param id - <zh/> 元素 ID | <en/> element ID
-   * @returns <zh/> 元素位置 | <en/> element position
-   * @apiCategory element
-   */
-  getElementPosition(t) {
-    return this.context.model.getElementPosition(t);
-  }
-  /**
-   * <zh/> 获取元素渲染样式
-   *
-   * <en/> Get element rendering style
-   * @param id - <zh/> 元素 ID | <en/> element ID
-   * @returns <zh/> 元素渲染样式 | <en/> element rendering style
-   * @apiCategory element
-   */
-  getElementRenderStyle(t) {
-    return K(this.context.element.getElement(t).attributes, ["context"]);
-  }
-  setElementVisibility(t, e) {
-    return d(this, arguments, void 0, function* (o, i, s = !0) {
-      var n, r;
-      const [a, h] = x(o) ? [o, (n = i) !== null && n !== void 0 ? n : !0] : [{ [o]: i }, s], l = { nodes: [], edges: [], combos: [] };
-      Object.entries(a).forEach(([f, E]) => {
-        const O = this.getElementType(f);
-        l[`${O}s`].push({ id: f, style: { visibility: E } });
-      });
-      const { model: c, element: m } = this.context;
-      c.preventUpdateNodeLikeHierarchy(() => {
-        c.updateData(l);
-      }), yield (r = m.draw({ animation: h, stage: "visibility" })) === null || r === void 0 ? void 0 : r.finished;
-    });
-  }
-  /**
-   * <zh/> 显示元素
-   *
-   * <en/> Show element
-   * @param id - <zh/> 元素 ID | <en/> element ID
-   * @param animation - <zh/> 是否启用动画 | <en/> whether to enable animation
-   * @apiCategory element
-   */
-  showElement(t, e) {
-    return d(this, void 0, void 0, function* () {
-      const o = Array.isArray(t) ? t : [t];
-      yield this.setElementVisibility(Object.fromEntries(o.map((i) => [i, "visible"])), e);
-    });
-  }
-  /**
-   * <zh/> 隐藏元素
-   *
-   * <en/> Hide element
-   * @param id - <zh/> 元素 ID | <en/> element ID
-   * @param animation - <zh/> 是否启用动画 | <en/> whether to enable animation
-   * @apiCategory element
-   */
-  hideElement(t, e) {
-    return d(this, void 0, void 0, function* () {
-      const o = Array.isArray(t) ? t : [t];
-      yield this.setElementVisibility(Object.fromEntries(o.map((i) => [i, "hidden"])), e);
-    });
-  }
-  /**
-   * <zh/> 获取元素可见性
-   *
-   * <en/> Get element visibility
-   * @param id - <zh/> 元素 ID | <en/> element ID
-   * @returns <zh/> 元素可见性 | <en/> element visibility
-   * @apiCategory element
-   */
-  getElementVisibility(t) {
-    var e, o;
-    const i = this.context.element.getElement(t);
-    return (o = (e = i == null ? void 0 : i.style) === null || e === void 0 ? void 0 : e.visibility) !== null && o !== void 0 ? o : "visible";
-  }
-  setElementZIndex(t, e) {
-    return d(this, void 0, void 0, function* () {
-      var o;
-      const i = { nodes: [], edges: [], combos: [] }, s = x(t) ? t : { [t]: e };
-      Object.entries(s).forEach(([a, h]) => {
-        const l = this.getElementType(a);
-        i[`${l}s`].push({ id: a, style: { zIndex: h } });
-      });
-      const { model: n, element: r } = this.context;
-      n.preventUpdateNodeLikeHierarchy(() => n.updateData(i)), yield (o = r.draw({ animation: !1, stage: "zIndex" })) === null || o === void 0 ? void 0 : o.finished;
-    });
-  }
-  /**
-   * <zh/> 将元素置于最顶层
-   *
-   * <en/> Bring the element to the front
-   * @param id - <zh/> 元素 ID | <en/> element ID
-   * @apiCategory element
-   */
-  frontElement(t) {
-    return d(this, void 0, void 0, function* () {
-      const e = Array.isArray(t) ? t : [t], { model: o } = this.context, i = {};
-      e.map((s) => {
-        const n = o.getFrontZIndex(s);
-        if (o.getElementType(s) === "combo") {
-          const a = o.getAncestorsData(s, A).at(-1) || this.getComboData(s), h = [a, ...o.getDescendantsData(y(a))], l = n - w(a);
-          h.forEach((m) => {
-            i[y(m)] = this.getElementZIndex(y(m)) + l;
-          });
-          const { internal: c } = z(h.map(y), (m) => o.getRelatedEdgesData(m));
-          c.forEach((m) => {
-            const f = y(m);
-            i[f] = this.getElementZIndex(f) + l;
-          });
-        } else
-          i[s] = n;
-      }), yield this.setElementZIndex(i);
-    });
-  }
-  /**
-   * <zh/> 获取元素层级
-   *
-   * <en/> Get element z-index
-   * @param id - <zh/> 元素 ID | <en/> element ID
-   * @returns <zh/> 元素层级 | <en/> element z-index
-   * @apiCategory element
-   */
-  getElementZIndex(t) {
-    return w(this.context.model.getElementDataById(t));
-  }
-  setElementState(t, e) {
-    return d(this, arguments, void 0, function* (o, i, s = !0) {
-      var n, r;
-      const [a, h] = x(o) ? [o, (n = i) !== null && n !== void 0 ? n : !0] : [{ [o]: i }, s], l = (m) => m ? Array.isArray(m) ? m : [m] : [], c = { nodes: [], edges: [], combos: [] };
-      Object.entries(a).forEach(([m, f]) => {
-        const E = this.getElementType(m);
-        c[`${E}s`].push({ id: m, states: l(f) });
-      }), this.updateData(c), yield (r = this.context.element.draw({ animation: h, stage: "state" })) === null || r === void 0 ? void 0 : r.finished;
-    });
-  }
-  /**
-   * <zh/> 获取元素状态
-   *
-   * <en/> Get element state
-   * @param id - <zh/> 元素 ID | <en/> element ID
-   * @returns <zh/> 元素状态 | <en/> element state
-   * @apiCategory element
-   */
-  getElementState(t) {
-    return this.context.model.getElementState(t);
-  }
-  /**
-   * <zh/> 获取元素自身以及子节点在世界坐标系下的渲染包围盒
-   *
-   * <en/> Get the rendering bounding box of the element itself and its child nodes in the world coordinate system
-   * @param id - <zh/> 元素 ID | <en/> element ID
-   * @returns <zh/> 渲染包围盒 | <en/> render bounding box
-   * @apiCategory element
-   */
-  getElementRenderBounds(t) {
-    return this.context.element.getElement(t).getRenderBounds();
-  }
-  /**
-   * <zh/> 收起元素
-   *
-   * <en/> Collapse element
-   * @param id - <zh/> 元素 ID | <en/> element ID
-   * @param options - <zh/> 是否启用动画或者配置收起节点的配置项 | <en/> whether to enable animation or the options of collapsing node
-   * @apiCategory element
-   */
-  collapseElement(t) {
-    return d(this, arguments, void 0, function* (e, o = !0) {
-      const { model: i, element: s } = this.context;
-      if (b(i.getNodeLikeData([e])[0]) || this.isCollapsingExpanding)
-        return;
-      typeof o == "boolean" && (o = { animation: o, align: !1 });
-      const n = i.getElementType(e);
-      yield this.frontElement(e), this.isCollapsingExpanding = !0, i.updateData(n === "node" ? {
-        nodes: [{ id: e, style: { collapsed: !0 } }]
-      } : {
-        combos: [{ id: e, style: { collapsed: !0 } }]
-      }), n === "node" ? yield s.collapseNode(e, o) : n === "combo" && (yield s.collapseCombo(e, !!o.animation)), this.isCollapsingExpanding = !1;
-    });
-  }
-  /**
-   * <zh/> 展开元素
-   *
-   * <en/> Expand Element
-   * @param id - <zh/> 元素 ID | <en/> element ID
-   * @param animation - <zh/> 是否启用动画或者配置收起节点的配置项 | <en/> whether to enable animation or the options of collapsing node
-   * @param options
-   * @apiCategory element
-   */
-  expandElement(t) {
-    return d(this, arguments, void 0, function* (e, o = !0) {
-      const { model: i, element: s } = this.context;
-      if (!b(i.getNodeLikeData([e])[0]) || this.isCollapsingExpanding)
-        return;
-      typeof o == "boolean" && (o = { animation: o, align: !1 });
-      const n = i.getElementType(e);
-      this.isCollapsingExpanding = !0, i.updateData(n === "node" ? {
-        nodes: [{ id: e, style: { collapsed: !1 } }]
-      } : {
-        combos: [{ id: e, style: { collapsed: !1 } }]
-      }), n === "node" ? yield s.expandNode(e, o) : n === "combo" && (yield s.expandCombo(e, !!o.animation)), this.isCollapsingExpanding = !1;
-    });
-  }
-  setElementCollapsibility(t, e) {
-    const o = this.getElementType(t);
-    o === "node" ? this.updateNodeData([{ id: t, style: { collapsed: e } }]) : o === "combo" && this.updateComboData([{ id: t, style: { collapsed: e } }]);
-  }
-  /**
-   * <zh/> 导出画布内容为 DataURL
-   *
-   * <en/> Export canvas content as DataURL
-   * @param options - <zh/> 导出配置 | <en/> export options
-   * @returns <zh/> DataURL | <en/> DataURL
-   * @apiCategory exportImage
-   */
-  toDataURL() {
-    return d(this, arguments, void 0, function* (t = {}) {
-      return this.context.canvas.toDataURL(t);
-    });
-  }
-  /**
-   * <zh/> 给定的视窗 DOM 坐标，转换为画布上的绘制坐标
-   *
-   * <en/> Convert the given viewport DOM coordinates to the drawing coordinates on the canvas
-   * @param point - <zh/> 视窗坐标 | <en/> viewport coordinates
-   * @returns <zh/> 画布上的绘制坐标 | <en/> drawing coordinates on the canvas
-   * @apiCategory viewport
-   */
-  getCanvasByViewport(t) {
-    return this.context.canvas.getCanvasByViewport(t);
-  }
-  /**
-   * <zh/> 给定画布上的绘制坐标，转换为视窗 DOM 的坐标
-   *
-   * <en/> Convert the given drawing coordinates on the canvas to the coordinates of the viewport DOM
-   * @param point - <zh/> 画布坐标 | <en/> canvas coordinates
-   * @returns <zh/> 视窗 DOM 的坐标 | <en/> coordinates of the viewport DOM
-   * @apiCategory viewport
-   */
-  getViewportByCanvas(t) {
-    return this.context.canvas.getViewportByCanvas(t);
-  }
-  /**
-   * <zh/> 给定画布上的绘制坐标，转换为浏览器坐标
-   *
-   * <en/> Convert the given drawing coordinates on the canvas to browser coordinates
-   * @param point - <zh/> 画布坐标 | <en/> canvas coordinates
-   * @returns <zh/> 浏览器坐标 | <en/> browser coordinates
-   * @apiCategory viewport
-   */
-  getClientByCanvas(t) {
-    return this.context.canvas.getClientByCanvas(t);
-  }
-  /**
-   * <zh/> 给定的浏览器坐标，转换为画布上的绘制坐标
-   *
-   * <en/> Convert the given browser coordinates to drawing coordinates on the canvas
-   * @param point - <zh/> 浏览器坐标 | <en/> browser coordinates
-   * @returns <zh/> 画布上的绘制坐标 | <en/> drawing coordinates on the canvas
-   * @apiCategory viewport
-   */
-  getCanvasByClient(t) {
-    return this.context.canvas.getCanvasByClient(t);
-  }
-  /**
-   * <zh/> 获取视口中心的画布坐标
-   *
-   * <en/> Get the canvas coordinates of the viewport center
-   * @returns <zh/> 视口中心的画布坐标 | <en/> Canvas coordinates of the viewport center
-   * @apiCategory viewport
-   */
-  getViewportCenter() {
-    return this.context.viewport.getViewportCenter();
-  }
-  /**
-   * <zh/> 获取视口中心的视口坐标
-   *
-   * <en/> Get the viewport coordinates of the viewport center
-   * @returns <zh/> 视口中心的视口坐标 | <en/> Viewport coordinates of the viewport center
-   * @apiCategory viewport
-   */
-  getCanvasCenter() {
-    return this.context.viewport.getCanvasCenter();
-  }
-  /**
-   * <zh/> 监听事件
-   *
-   * <en/> Listen to events
-   * @param eventName - <zh/> 事件名称 | <en/> event name
-   * @param callback - <zh/> 回调函数 | <en/> callback function
-   * @param once - <zh/> 是否只监听一次 | <en/> whether to listen only once
-   * @returns <zh/> Graph 实例 | <en/> Graph instance
-   * @apiCategory event
-   */
-  on(t, e, o) {
-    return super.on(t, e, o);
-  }
-  /**
-   * <zh/> 一次性监听事件
-   *
-   * <en/> Listen to events once
-   * @param eventName - <zh/> 事件名称 | <en/> event name
-   * @param callback - <zh/> 回调函数 | <en/> callback function
-   * @returns <zh/> Graph 实例 | <en/> Graph instance
-   * @apiCategory event
-   */
-  once(t, e) {
-    return super.once(t, e);
-  }
-  off(t, e) {
-    return super.off(t, e);
-  }
-}
-D.defaultOptions = {
-  autoResize: !1,
-  theme: "light",
-  rotation: 0,
-  zoom: 1,
-  zoomRange: [0.01, 10]
-};
-export {
-  D as Graph
-};
-//# sourceMappingURL=graph.js.map