@vunk/graph 0.0.1

package/components/layout-forceatlas2/src/ctx.d.ts

@@ -0,0 +1,9 @@
+import type { ForceAtlas2Settings } from 'graphology-layout-forceatlas2';
+import type { PropType } from 'vue';
+export declare const props: {
+    settings: {
+        type: PropType<ForceAtlas2Settings>;
+        default: () => {};
+    };
+};
+export declare const emits: {};

package/components/layout-forceatlas2/src/index.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    settings: {
+        type: import("vue").PropType<import("graphology-layout-forceatlas2").ForceAtlas2Settings>;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    settings: {
+        type: import("vue").PropType<import("graphology-layout-forceatlas2").ForceAtlas2Settings>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    settings: import("graphology-layout-forceatlas2").ForceAtlas2Settings;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/layout-forceatlas2/src/types.d.ts

@@ -0,0 +1 @@
+export {};

package/components/layout-forceatlas2/src/use.d.ts

@@ -0,0 +1,16 @@
+import type { ForceAtlas2Settings } from 'graphology-layout-forceatlas2';
+import type { Ref } from 'vue';
+import FA2Layout from 'graphology-layout-forceatlas2/worker';
+export declare function initLayoutForceatlas2(props?: {
+    settings?: ForceAtlas2Settings;
+}): {
+    start: () => void;
+    stop: () => void;
+    kill: () => void;
+};
+export declare function useLayoutForceatlas2(): {
+    start: () => void;
+    stop: () => void;
+    kill: () => void;
+    layoutRef: Ref<FA2Layout | null>;
+};

package/components/link-guide/index.css

@@ -0,0 +1,9 @@
+.vkg-link-guide {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 9999;
+}

package/components/link-guide/index.d.ts

@@ -0,0 +1,4 @@
+import VkLinkGuide from './src/index.vue';
+export * as __VkLinkGuide from './src/types';
+export { VkLinkGuide, };
+export default VkLinkGuide;

package/components/link-guide/index.mjs

@@ -0,0 +1,118 @@
+import { useSigma, useGraph } from '@vunk/graph/composables';
+import { defineComponent, reactive, onMounted, onBeforeUnmount, createElementBlock, openBlock, createElementVNode } from 'vue';
+import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
+
+const props = {
+  from: {
+    type: String,
+    required: true
+  }
+};
+const emits = {
+  link: (_to) => true,
+  cancel: null
+};
+
+var _sfc_main = defineComponent({
+  name: "VkLinkGuide",
+  props,
+  emits,
+  setup(props2, { emit }) {
+    const sigma = useSigma();
+    const graph = useGraph();
+    const mousePos = reactive({ x: 0, y: 0 });
+    const sourcePos = reactive({ x: 0, y: 0 });
+    function updateSourcePos() {
+      if (!props2.from)
+        return;
+      if (!graph.hasNode(props2.from))
+        return;
+      const attrs = graph.getNodeAttributes(props2.from);
+      if (typeof attrs.x !== "number" || typeof attrs.y !== "number")
+        return;
+      const pos = sigma.graphToViewport({ x: attrs.x, y: attrs.y });
+      sourcePos.x = pos.x;
+      sourcePos.y = pos.y;
+    }
+    function onSigmaMouseMove(e) {
+      mousePos.x = e.event.x;
+      mousePos.y = e.event.y;
+    }
+    function onClickNode({ node }) {
+      if (node !== props2.from) {
+        emit("link", node);
+      }
+    }
+    function onClickStage() {
+      emit("cancel");
+    }
+    onMounted(() => {
+      sigma.on("moveBody", onSigmaMouseMove);
+      sigma.on("clickNode", onClickNode);
+      sigma.on("clickStage", onClickStage);
+      sigma.on("afterRender", updateSourcePos);
+      updateSourcePos();
+      mousePos.x = sourcePos.x;
+      mousePos.y = sourcePos.y;
+    });
+    onBeforeUnmount(() => {
+      sigma.off("moveBody", onSigmaMouseMove);
+      sigma.off("clickNode", onClickNode);
+      sigma.off("clickStage", onClickStage);
+      sigma.off("afterRender", updateSourcePos);
+    });
+    return {
+      mousePos,
+      sourcePos
+    };
+  }
+});
+
+const _hoisted_1 = { class: "vkg-link-guide" };
+const _hoisted_2 = ["x1", "y1", "x2", "y2"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, [
+    _cache[0] || (_cache[0] = createElementVNode(
+      "defs",
+      null,
+      [
+        createElementVNode("marker", {
+          id: "arrowhead-guide",
+          markerWidth: "10",
+          markerHeight: "7",
+          refX: "9",
+          refY: "3.5",
+          orient: "auto"
+        }, [
+          createElementVNode("polygon", {
+            points: "0 0, 10 3.5, 0 7",
+            fill: "#409eff"
+          })
+        ])
+      ],
+      -1
+      /* CACHED */
+    )),
+    createElementVNode("line", {
+      x1: _ctx.sourcePos.x,
+      y1: _ctx.sourcePos.y,
+      x2: _ctx.mousePos.x,
+      y2: _ctx.mousePos.y,
+      stroke: "#409eff",
+      "stroke-width": "2",
+      "stroke-dasharray": "5,5",
+      "marker-end": "url(#arrowhead-guide)"
+    }, null, 8, _hoisted_2)
+  ]);
+}
+var VkLinkGuide = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkLinkGuide.install = (app) => {
+  app.component(VkLinkGuide.name || "VkLinkGuide", VkLinkGuide);
+};
+
+export { VkLinkGuide, types as __VkLinkGuide, VkLinkGuide as default };

package/components/link-guide/src/ctx.d.ts

@@ -0,0 +1,11 @@
+import type { PropType } from 'vue';
+export declare const props: {
+    from: {
+        type: PropType<string>;
+        required: boolean;
+    };
+};
+export declare const emits: {
+    link: (_to: string) => boolean;
+    cancel: null;
+};

package/components/link-guide/src/index.vue.d.ts

@@ -0,0 +1,27 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    from: {
+        type: import("vue").PropType<string>;
+        required: boolean;
+    };
+}>, {
+    mousePos: {
+        x: number;
+        y: number;
+    };
+    sourcePos: {
+        x: number;
+        y: number;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    link: (_to: string) => boolean;
+    cancel: null;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    from: {
+        type: import("vue").PropType<string>;
+        required: boolean;
+    };
+}>> & Readonly<{
+    onLink?: ((_to: string) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/link-guide/src/types.d.ts

@@ -0,0 +1 @@
+export {};

package/components/popup/index.css

@@ -0,0 +1,32 @@
+.vkg-popup-global {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  /* VkGraphViewUi 默认居中 (translate -50%, -50%) */
+  /* 向上再平移 50% 使其底部对齐坐标点，再加 10px 避开节点 */
+  transform: translateY(calc(-50% - 10px));
+}
+.vkg-popup-global__inner {
+  background-color: #fff;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  padding: 6px 10px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  font-size: 13px;
+  color: #303133;
+  white-space: nowrap;
+  position: relative;
+  z-index: 2;
+}
+.vkg-popup-global__tip {
+  width: 8px;
+  height: 8px;
+  background-color: #fff;
+  border-right: 1px solid #e4e7ed;
+  border-bottom: 1px solid #e4e7ed;
+  transform: rotate(45deg);
+  margin-top: -4.5px;
+  position: relative;
+  z-index: 1;
+  box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.05);
+}

package/components/popup/index.d.ts

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

package/components/popup/index.mjs

@@ -0,0 +1,136 @@
+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 { 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';
+
+const {
+  GlobalRenderer,
+  GlobalRendererTemplate
+} = createGlobalRenderer("vunk-graph-popup");
+
+const props = {
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 是否显示关闭按钮
+   */
+  closeable: {
+    type: Boolean,
+    default: false
+  }
+};
+const emits = {
+  "update:modelValue": null
+};
+
+const _hoisted_1$1 = { class: "vkg-popup" };
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: props,
+  emits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const sigma = useSigma();
+    const coordinates = shallowRef([0, 0]);
+    const state = computed(() => ({
+      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);
+      }
+    }
+    function onClickStage() {
+      emit("update:modelValue", false);
+    }
+    onMounted(() => {
+      sigma.on("clickNode", onClickNode);
+      sigma.on("clickStage", onClickStage);
+    });
+    onBeforeUnmount(() => {
+      sigma.off("clickNode", onClickNode);
+      sigma.off("clickStage", onClickStage);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(GlobalRendererTemplate), {
+        active: _ctx.modelValue,
+        data: state.value
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$1, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["active", "data"]);
+    };
+  }
+});
+
+var _sfc_main = defineComponent({
+  name: "VkPopupProvider",
+  components: {
+    VkGraphViewUi,
+    GlobalRenderer
+  },
+  props,
+  emits
+});
+
+const _hoisted_1 = { class: "vkg-popup-global" };
+const _hoisted_2 = { class: "vkg-popup-global__inner" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkGraphViewUi = resolveComponent("VkGraphViewUi");
+  const _component_GlobalRenderer = resolveComponent("GlobalRenderer");
+  return openBlock(), createBlock(_component_GlobalRenderer, null, {
+    preset: withCtx(({ renderer, data }) => [
+      withDirectives(createVNode(_component_VkGraphViewUi, {
+        coordinates: data?.coordinates
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              (openBlock(), createBlock(resolveDynamicComponent(renderer)))
+            ]),
+            _cache[0] || (_cache[0] = createElementVNode(
+              "div",
+              { class: "vkg-popup-global__tip" },
+              null,
+              -1
+              /* CACHED */
+            ))
+          ])
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, 1032, ["coordinates"]), [
+        [vShow, data?.visible]
+      ])
+    ]),
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  });
+}
+var provider = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+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 };

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

@@ -0,0 +1,24 @@
+export declare const GlobalRenderer: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[][], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, 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>;

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

@@ -0,0 +1,16 @@
+export declare const props: {
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description 是否显示关闭按钮
+     */
+    closeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare const emits: {
+    'update:modelValue': null;
+};

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

@@ -0,0 +1,73 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & 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>;
+    coordinates: import("vue").ShallowRef<number[], number[]>;
+    state: import("vue").ComputedRef<{
+        visible: boolean;
+        coordinates: number[];
+    }>;
+    onClickNode: (e: {
+        node: string;
+    }) => 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: BooleanConstructor;
+        default: boolean;
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: boolean;
+    closeable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,46 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': null;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: boolean;
+    closeable: boolean;
+}, {}, {
+    VkGraphViewUi: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        coordinates: {
+            type: import("vue").PropType<number[]>;
+            default: () => number[];
+        };
+    }>, {
+        style: import("vue").Ref<import("@vunk/shared").NormalObject, import("@vunk/shared").NormalObject>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        coordinates: {
+            type: import("vue").PropType<number[]>;
+            default: () => number[];
+        };
+    }>> & Readonly<{}>, {
+        coordinates: number[];
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    GlobalRenderer: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [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>;
+export default _default;

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

@@ -0,0 +1 @@
+export {};

package/components/search/index.d.ts

@@ -0,0 +1,4 @@
+import VkSearch from './src/index.vue';
+export * as __VkSearch from './src/types';
+export { VkSearch, };
+export default VkSearch;