@vunk/graph 0.0.1 → 0.0.3

package/components/graph/index.mjs

@@ -13,7 +13,9 @@ const props = {
     default: () => ({})
   }
 };
-const emits = {};
+const emits = {
+  load: (e) => e
+};
 
 const key$1 = "vunk-graph";
 function initGraph() {

package/components/graph/src/ctx.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { DefaultOptions } from './types';
+import type { DefaultOptions, LoadEvent } from './types';
 export declare const props: {
     /**
      * Sigma.js 的初始化配置项
@@ -9,4 +9,6 @@ export declare const props: {
         default: () => {};
     };
 };
-export declare const emits: {};
+export declare const emits: {
+    load: (e: LoadEvent) => LoadEvent;
+};

package/components/graph/src/index.vue.d.ts

@@ -10,8 +10,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: import("vue").PropType<import("./types").DefaultOptions>;
             default: () => {};
         };
-    }>> & Readonly<{}> & {}>;
-    emit: (event: string, ...args: any[]) => void;
+    }>> & Readonly<{
+        onLoad?: ((e: import("./types").LoadEvent) => any) | undefined;
+    }> & {}>;
+    emit: (event: "load", e: import("./types").LoadEvent) => void;
     elRef: Ref<HTMLDivElement, HTMLDivElement>;
     graph: import("graphology").default<import("graphology-types").Attributes, import("graphology-types").Attributes, import("graphology-types").Attributes>;
     ready: Ref<boolean, boolean>;
@@ -20,29 +22,29 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     readonly VkPopupProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         modelValue: {
-            type: BooleanConstructor;
-            default: boolean;
+            type: StringConstructor;
+            default: undefined;
         };
-        closeable: {
-            type: BooleanConstructor;
-            default: boolean;
+        trigger: {
+            type: import("vue").PropType<"hover" | "click" | "none">;
+            default: string;
         };
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:modelValue': null;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
-            type: BooleanConstructor;
-            default: boolean;
+            type: StringConstructor;
+            default: undefined;
         };
-        closeable: {
-            type: BooleanConstructor;
-            default: boolean;
+        trigger: {
+            type: import("vue").PropType<"hover" | "click" | "none">;
+            default: string;
         };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
-        modelValue: boolean;
-        closeable: boolean;
+        modelValue: string;
+        trigger: "none" | "click" | "hover";
     }, {}, {
         VkGraphViewUi: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             coordinates: {
@@ -63,12 +65,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             [key: string]: any;
         }>[][], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    load: (e: import("./types").LoadEvent) => import("./types").LoadEvent;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     defaultOptions: {
         type: import("vue").PropType<import("./types").DefaultOptions>;
         default: () => {};
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onLoad?: ((e: import("./types").LoadEvent) => any) | undefined;
+}>, {
     defaultOptions: Partial<import("sigma/dist/declarations/src/settings").Settings<import("graphology-types").Attributes, import("graphology-types").Attributes, import("graphology-types").Attributes>> | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/hover-edge/index.mjs

@@ -37,6 +37,13 @@ const props = {
   activeColor: {
     type: String,
     default: "#409EFF"
+  },
+  /**
+   * before leave 当返回 false 时阻止隐藏
+   */
+  beforeLeave: {
+    type: Function,
+    default: void 0
   }
 };
 const emits = {
@@ -104,6 +111,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       leaveTimer = setTimeout(() => {
         if (props.contextMenu && contextmenuState.show)
           return;
+        if (props.beforeLeave) {
+          const v = props.beforeLeave();
+          if (v === false)
+            return;
+        }
         emit("update:modelValue", "");
       }, props.leaveDelay);
     }

package/components/hover-edge/src/ctx.d.ts

@@ -1,3 +1,5 @@
+import type { AnyFunc } from '@vunk/shared';
+import type { PropType } from 'vue';
 import type { RightClickEvent } from './types';
 export declare const props: {
     /**
@@ -35,6 +37,13 @@ export declare const props: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * before leave 当返回 false 时阻止隐藏
+     */
+    beforeLeave: {
+        type: PropType<AnyFunc>;
+        default: undefined;
+    };
 };
 export declare const emits: {
     'update:modelValue': null;

package/components/hover-edge/src/index.vue.d.ts

@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    beforeLeave: {
+        type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+        default: undefined;
+    };
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         contextMenu: {
@@ -41,6 +45,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        beforeLeave: {
+            type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+            default: undefined;
+        };
     }>> & Readonly<{
         onRightClick?: ((e: import("./types").RightClickEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -181,6 +189,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    beforeLeave: {
+        type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+        default: undefined;
+    };
 }>> & Readonly<{
     onRightClick?: ((e: import("./types").RightClickEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -190,5 +202,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     leaveDelay: number;
     enterDelay: number;
     activeColor: string;
+    beforeLeave: import("@vunk/shared").AnyFunc;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/hover-node/index.mjs

@@ -4,6 +4,20 @@ import { defineComponent, reactive, onMounted, onBeforeUnmount, resolveComponent
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 const props = {
+  /**
+   * 是否启用popup功能
+   */
+  popup: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 触发方式，可选值有 click 和 hover
+   */
+  popupTrigger: {
+    type: String,
+    default: "hover"
+  },
   /**
    * 是否启用右键菜单功能
    */
@@ -31,6 +45,13 @@ const props = {
   enterDelay: {
     type: Number,
     default: 0
+  },
+  /**
+   * before leave 当返回 false 时阻止隐藏
+   */
+  beforeLeave: {
+    type: Function,
+    default: void 0
   }
 };
 const emits = {
@@ -68,6 +89,11 @@ var _sfc_main = defineComponent({
       leaveTimer = setTimeout(() => {
         if (props2.contextMenu && contextmenuState.show)
           return;
+        if (props2.beforeLeave) {
+          const v = props2.beforeLeave();
+          if (v === false)
+            return;
+        }
         emit("update:modelValue", "");
       }, props2.leaveDelay);
     };

package/components/hover-node/src/ctx.d.ts

@@ -1,5 +1,21 @@
+import type { AnyFunc } from '@vunk/shared';
+import type { PropType } from 'vue';
 import type { RightClickEvent } from './types';
 export declare const props: {
+    /**
+     * 是否启用popup功能
+     */
+    popup: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 触发方式，可选值有 click 和 hover
+     */
+    popupTrigger: {
+        type: PropType<"click" | "hover">;
+        default: string;
+    };
     /**
      * 是否启用右键菜单功能
      */
@@ -28,6 +44,13 @@ export declare const props: {
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * before leave 当返回 false 时阻止隐藏
+     */
+    beforeLeave: {
+        type: PropType<AnyFunc>;
+        default: undefined;
+    };
 };
 export declare const emits: {
     'update:modelValue': null;

package/components/hover-node/src/index.vue.d.ts

@@ -1,4 +1,12 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    popup: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popupTrigger: {
+        type: import("vue").PropType<"click" | "hover">;
+        default: string;
+    };
     contextMenu: {
         type: BooleanConstructor;
         default: boolean;
@@ -15,6 +23,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    beforeLeave: {
+        type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+        default: undefined;
+    };
 }>, {
     changeContextmenuShow: (show: boolean) => void;
     contextmenuState: {
@@ -29,6 +41,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     'update:modelValue': null;
     rightClick: (e: import("./types").RightClickEvent) => import("./types").RightClickEvent;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    popup: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popupTrigger: {
+        type: import("vue").PropType<"click" | "hover">;
+        default: string;
+    };
     contextMenu: {
         type: BooleanConstructor;
         default: boolean;
@@ -45,6 +65,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    beforeLeave: {
+        type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+        default: undefined;
+    };
 }>> & Readonly<{
     onRightClick?: ((e: import("./types").RightClickEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -53,6 +77,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     modelValue: string;
     leaveDelay: number;
     enterDelay: number;
+    beforeLeave: import("@vunk/shared").AnyFunc;
+    popup: boolean;
+    popupTrigger: "click" | "hover";
 }, {}, {
     ContextMenu: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{

package/components/popup/index.d.ts

@@ -1,5 +1,6 @@
+import VkPopupEdge from './src/edge.vue';
 import VkPopup from './src/index.vue';
 import VkPopupProvider from './src/provider.vue';
 export * as __VkPopup from './src/types';
-export { VkPopup, VkPopupProvider, };
+export { VkPopup, VkPopupEdge, VkPopupProvider, };
 export default VkPopup;

package/components/popup/index.mjs

@@ -1,5 +1,6 @@
-import { defineComponent, shallowRef, computed, onMounted, onBeforeUnmount, createBlock, openBlock, unref, withCtx, createElementVNode, renderSlot, resolveComponent, withDirectives, createVNode, resolveDynamicComponent, vShow } from 'vue';
-import { useSigma } from '@vunk/graph/composables';
+import { defineComponent, shallowRef, ref, computed, watch, onBeforeUnmount, createBlock, openBlock, unref, withCtx, createElementVNode, mergeProps, renderSlot, resolveComponent, withDirectives, createVNode, resolveDynamicComponent, vShow } from 'vue';
+import { useSigma, useGraph } from '@vunk/graph/composables';
+import { useModelComputed } from '@vunk/core/composables';
 import { createGlobalRenderer } from '@vunk/core/components/global-renderer';
 import { VkGraphViewUi } from '@vunk/graph/components/graph-view-ui';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
@@ -10,24 +11,134 @@ const {
 } = createGlobalRenderer("vunk-graph-popup");
 
 const props = {
+  /**
+   * 当前激活的node或edge
+   */
   modelValue: {
-    type: Boolean,
-    default: false
+    type: String,
+    default: void 0
   },
   /**
-   * @description 是否显示关闭按钮
+   * 触发方式
    */
-  closeable: {
-    type: Boolean,
-    default: false
+  trigger: {
+    type: String,
+    default: "click"
   }
 };
 const emits = {
   "update:modelValue": null
 };
 
-const _hoisted_1$1 = { class: "vkg-popup" };
+var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "VkPopupEdge",
+    inheritAttrs: false
+  },
+  __name: "edge",
+  props: props,
+  emits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const model = useModelComputed({
+      default: "",
+      key: "modelValue"
+    }, props, emit);
+    const sigma = useSigma();
+    const graph = useGraph();
+    const coordinates = shallowRef([0, 0]);
+    const currentEdge = ref("");
+    const attributes = ref({});
+    const state = computed(() => ({
+      edge: currentEdge.value,
+      attributes: attributes.value,
+      visible: !!model.value,
+      coordinates: coordinates.value
+    }));
+    watch(() => props.modelValue, (edge) => {
+      if (edge) {
+        const source = graph.source(edge);
+        const target = graph.target(edge);
+        const sourceAttrs = graph.getNodeAttributes(source);
+        const targetAttrs = graph.getNodeAttributes(target);
+        if (typeof sourceAttrs.x === "number" && typeof sourceAttrs.y === "number" && typeof targetAttrs.x === "number" && typeof targetAttrs.y === "number") {
+          const x = (sourceAttrs.x + targetAttrs.x) / 2;
+          const y = (sourceAttrs.y + targetAttrs.y) / 2;
+          currentEdge.value = edge;
+          attributes.value = graph.getEdgeAttributes(edge);
+          coordinates.value = [x, y];
+        }
+      } else {
+        currentEdge.value = "";
+        attributes.value = {};
+      }
+    }, { immediate: true });
+    function onClickEdge(e) {
+      model.value = e.edge;
+    }
+    function onEnterEdge(e) {
+      model.value = e.edge;
+    }
+    function onLeaveEdge() {
+      model.value = "";
+    }
+    function onClickStage() {
+      model.value = "";
+    }
+    watch(() => props.trigger, (val) => {
+      sigma.off("clickEdge", onClickEdge);
+      sigma.off("enterEdge", onEnterEdge);
+      sigma.off("leaveEdge", onLeaveEdge);
+      sigma.off("clickStage", onClickStage);
+      if (val === "click") {
+        sigma.on("clickEdge", onClickEdge);
+        sigma.on("clickStage", onClickStage);
+      } else if (val === "hover") {
+        sigma.on("enterEdge", onEnterEdge);
+        sigma.on("leaveEdge", onLeaveEdge);
+        sigma.on("clickStage", onClickStage);
+      }
+    }, { immediate: true });
+    onBeforeUnmount(() => {
+      sigma.off("clickEdge", onClickEdge);
+      sigma.off("enterEdge", onEnterEdge);
+      sigma.off("leaveEdge", onLeaveEdge);
+      sigma.off("clickStage", onClickStage);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(GlobalRendererTemplate), {
+        active: state.value.visible,
+        data: state.value
+      }, {
+        default: withCtx(() => [
+          createElementVNode(
+            "div",
+            mergeProps({ class: "vkg-popup" }, _ctx.$attrs),
+            [
+              renderSlot(_ctx.$slots, "default", {
+                edge: state.value.edge,
+                attributes: state.value.attributes,
+                coordinates: state.value.coordinates,
+                visible: state.value.visible
+              })
+            ],
+            16
+            /* FULL_PROPS */
+          )
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["active", "data"]);
+    };
+  }
+});
+
 var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "VkPopup",
+    inheritAttrs: false
+  },
   __name: "index",
   props: props,
   emits,
@@ -35,39 +146,85 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const sigma = useSigma();
+    const graph = useGraph();
+    const model = useModelComputed({
+      default: "",
+      key: "modelValue"
+    }, props, emit);
     const coordinates = shallowRef([0, 0]);
+    const currentNode = ref("");
+    const attributes = ref({});
     const state = computed(() => ({
-      visible: props.modelValue,
+      node: currentNode.value,
+      attributes: attributes.value,
+      visible: !!model.value,
       coordinates: coordinates.value
     }));
-    function onClickNode(e) {
-      const { node } = e;
-      const nodeDisplayData = sigma.getNodeDisplayData(node);
-      if (nodeDisplayData) {
-        coordinates.value = [nodeDisplayData.x, nodeDisplayData.y];
-        emit("update:modelValue", true);
+    watch(model, (node) => {
+      if (node) {
+        const attrs = graph.getNodeAttributes(node);
+        if (typeof attrs.x === "number" && typeof attrs.y === "number") {
+          currentNode.value = node;
+          attributes.value = attrs;
+          coordinates.value = [attrs.x, attrs.y];
+        }
+      } else {
+        currentNode.value = "";
+        attributes.value = {};
       }
+    }, { immediate: true });
+    function onClickNode(e) {
+      model.value = e.node;
+    }
+    function onEnterNode(e) {
+      model.value = e.node;
+    }
+    function onLeaveNode() {
+      model.value = "";
     }
     function onClickStage() {
-      emit("update:modelValue", false);
+      model.value = "";
     }
-    onMounted(() => {
-      sigma.on("clickNode", onClickNode);
-      sigma.on("clickStage", onClickStage);
-    });
+    watch(() => props.trigger, (val) => {
+      sigma.off("clickNode", onClickNode);
+      sigma.off("enterNode", onEnterNode);
+      sigma.off("leaveNode", onLeaveNode);
+      sigma.off("clickStage", onClickStage);
+      if (val === "click") {
+        sigma.on("clickNode", onClickNode);
+        sigma.on("clickStage", onClickStage);
+      } else if (val === "hover") {
+        sigma.on("enterNode", onEnterNode);
+        sigma.on("leaveNode", onLeaveNode);
+        sigma.on("clickStage", onClickStage);
+      }
+    }, { immediate: true });
     onBeforeUnmount(() => {
       sigma.off("clickNode", onClickNode);
+      sigma.off("enterNode", onEnterNode);
+      sigma.off("leaveNode", onLeaveNode);
       sigma.off("clickStage", onClickStage);
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(GlobalRendererTemplate), {
-        active: _ctx.modelValue,
+        active: state.value.visible,
         data: state.value
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$1, [
-            renderSlot(_ctx.$slots, "default")
-          ])
+          createElementVNode(
+            "div",
+            mergeProps({ class: "vkg-popup" }, _ctx.$attrs),
+            [
+              renderSlot(_ctx.$slots, "default", {
+                node: state.value.node,
+                attributes: state.value.attributes,
+                coordinates: state.value.coordinates,
+                visible: state.value.visible
+              })
+            ],
+            16
+            /* FULL_PROPS */
+          )
         ]),
         _: 3
         /* FORWARDED */
@@ -129,8 +286,4 @@ var types = /*#__PURE__*/Object.freeze({
   __proto__: null
 });
 
-_sfc_main$1.install = (app) => {
-  app.component(_sfc_main$1.name || "VkPopup", _sfc_main$1);
-};
-
-export { _sfc_main$1 as VkPopup, provider as VkPopupProvider, types as __VkPopup, _sfc_main$1 as default };
+export { _sfc_main$1 as VkPopup, _sfc_main$2 as VkPopupEdge, provider as VkPopupProvider, types as __VkPopup, _sfc_main$1 as default };

package/components/popup/src/ctx.d.ts

@@ -1,14 +1,18 @@
+import type { PropType } from 'vue';
 export declare const props: {
+    /**
+     * 当前激活的node或edge
+     */
     modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
+        type: StringConstructor;
+        default: undefined;
     };
     /**
-     * @description 是否显示关闭按钮
+     * 触发方式
      */
-    closeable: {
-        type: BooleanConstructor;
-        default: boolean;
+    trigger: {
+        type: PropType<"hover" | "click" | "none">;
+        default: string;
     };
 };
 export declare const emits: {

package/components/popup/src/edge.vue.d.ts

@@ -0,0 +1,84 @@
+import type { NormalObject } from '@vunk/shared';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    trigger: {
+        type: import("vue").PropType<"hover" | "click" | "none">;
+        default: string;
+    };
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        trigger: {
+            type: import("vue").PropType<"hover" | "click" | "none">;
+            default: string;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }> & {}>;
+    emit: (event: "update:modelValue", ...args: any[]) => void;
+    model: import("vue").WritableComputedRef<string, string>;
+    sigma: import("sigma").default<import("graphology-types").Attributes, import("graphology-types").Attributes, import("graphology-types").Attributes>;
+    graph: import("graphology").default<import("graphology-types").Attributes, import("graphology-types").Attributes, import("graphology-types").Attributes>;
+    coordinates: import("vue").ShallowRef<number[], number[]>;
+    currentEdge: import("vue").Ref<string, string>;
+    attributes: import("vue").Ref<NormalObject, NormalObject>;
+    state: import("vue").ComputedRef<{
+        edge: string;
+        attributes: NormalObject;
+        visible: boolean;
+        coordinates: number[];
+    }>;
+    onClickEdge: (e: {
+        edge: string;
+    }) => void;
+    onEnterEdge: (e: {
+        edge: string;
+    }) => void;
+    onLeaveEdge: () => void;
+    onClickStage: () => void;
+    readonly GlobalRendererTemplate: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        data: {
+            type: import("vue").PropType<import("@vunk/graph/entry").NormalObject>;
+            default: () => {};
+        };
+    }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        data: {
+            type: import("vue").PropType<import("@vunk/graph/entry").NormalObject>;
+            default: () => {};
+        };
+    }>> & Readonly<{}>, {
+        data: import("@vunk/graph/entry").NormalObject;
+        active: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': null;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    trigger: {
+        type: import("vue").PropType<"hover" | "click" | "none">;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: string;
+    trigger: "none" | "click" | "hover";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/popup/src/index.vue.d.ts

@@ -1,35 +1,45 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
+        type: StringConstructor;
+        default: undefined;
     };
-    closeable: {
-        type: BooleanConstructor;
-        default: boolean;
+    trigger: {
+        type: import("vue").PropType<"hover" | "click" | "none">;
+        default: string;
     };
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
-            type: BooleanConstructor;
-            default: boolean;
+            type: StringConstructor;
+            default: undefined;
         };
-        closeable: {
-            type: BooleanConstructor;
-            default: boolean;
+        trigger: {
+            type: import("vue").PropType<"hover" | "click" | "none">;
+            default: string;
         };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }> & {}>;
     emit: (event: "update:modelValue", ...args: any[]) => void;
     sigma: import("sigma").default<import("graphology-types").Attributes, import("graphology-types").Attributes, import("graphology-types").Attributes>;
+    graph: import("graphology").default<import("graphology-types").Attributes, import("graphology-types").Attributes, import("graphology-types").Attributes>;
+    model: import("vue").WritableComputedRef<string, string>;
     coordinates: import("vue").ShallowRef<number[], number[]>;
+    currentNode: import("vue").Ref<string, string>;
+    attributes: import("vue").Ref<{}, {}>;
     state: import("vue").ComputedRef<{
+        node: string;
+        attributes: {};
         visible: boolean;
         coordinates: number[];
     }>;
     onClickNode: (e: {
         node: string;
     }) => void;
+    onEnterNode: (e: {
+        node: string;
+    }) => void;
+    onLeaveNode: () => void;
     onClickStage: () => void;
     readonly GlobalRendererTemplate: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         active: {
@@ -57,17 +67,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     'update:modelValue': null;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
+        type: StringConstructor;
+        default: undefined;
     };
-    closeable: {
-        type: BooleanConstructor;
-        default: boolean;
+    trigger: {
+        type: import("vue").PropType<"hover" | "click" | "none">;
+        default: string;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    modelValue: boolean;
-    closeable: boolean;
+    modelValue: string;
+    trigger: "none" | "click" | "hover";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/popup/src/provider.vue.d.ts

@@ -1,28 +1,28 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
+        type: StringConstructor;
+        default: undefined;
     };
-    closeable: {
-        type: BooleanConstructor;
-        default: boolean;
+    trigger: {
+        type: import("vue").PropType<"hover" | "click" | "none">;
+        default: string;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': null;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
+        type: StringConstructor;
+        default: undefined;
     };
-    closeable: {
-        type: BooleanConstructor;
-        default: boolean;
+    trigger: {
+        type: import("vue").PropType<"hover" | "click" | "none">;
+        default: string;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    modelValue: boolean;
-    closeable: boolean;
+    modelValue: string;
+    trigger: "none" | "click" | "hover";
 }, {}, {
     VkGraphViewUi: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         coordinates: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/graph",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "",
   "author": "",
   "license": "ISC",