@vunk/graph 0.0.1 → 0.0.2

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>;
@@ -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/popup/index.mjs

@@ -1,5 +1,5 @@
-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, onMounted, onBeforeUnmount, createBlock, openBlock, unref, withCtx, createElementVNode, mergeProps, renderSlot, resolveComponent, withDirectives, createVNode, resolveDynamicComponent, vShow } from 'vue';
+import { useSigma, useGraph } from '@vunk/graph/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';
@@ -26,8 +26,11 @@ const emits = {
   "update:modelValue": null
 };
 
-const _hoisted_1$1 = { class: "vkg-popup" };
 var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "VkPopup",
+    inheritAttrs: false
+  },
   __name: "index",
   props: props,
   emits,
@@ -35,18 +38,25 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const sigma = useSigma();
+    const graph = useGraph();
     const coordinates = shallowRef([0, 0]);
+    const currentNode = ref("");
+    const attributes = ref({});
     const state = computed(() => ({
+      node: currentNode.value,
+      attributes: attributes.value,
       visible: props.modelValue,
       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);
-      }
+      const attrs = graph.getNodeAttributes(node);
+      if (typeof attrs.x !== "number" || typeof attrs.y !== "number")
+        return;
+      currentNode.value = node;
+      attributes.value = attrs;
+      coordinates.value = [attrs.x, attrs.y];
+      emit("update:modelValue", true);
     }
     function onClickStage() {
       emit("update:modelValue", false);
@@ -65,9 +75,20 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
         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 */

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

@@ -22,8 +22,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }> & {}>;
     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>;
     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[];
     }>;

package/package.json

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