power-link 2.0.0 → 2.0.2

package/README.md

@@ -7,8 +7,8 @@ A pure TypeScript visual node connector for creating draggable connections betwe
 
 ![Node Link Connector Demo](https://github.com/Tem-man/power-link/blob/main/public/images/screen-shot.png)
 
-
-### [online demo](https://tem-man.github.io/power-link)
+### online demo
+visit [online demo](https://tem-man.github.io/power-link)
 
 ## ✨ Features
 

package/dist/index.d.mts

@@ -23,6 +23,8 @@ interface Dot {
 /** 节点对象 */
 interface ConnectorNode {
     id: string;
+    /** 节点名称 */
+    label?: string;
     element: HTMLElement;
     info?: Record<string, unknown>;
     dots: Partial<Record<DotPosition, Dot>>;
@@ -104,6 +106,8 @@ interface ConnectorOptions extends Partial<ConnectorConfig> {
 }
 /** 节点注册选项 */
 interface RegisterNodeOptions {
+    /** 节点名称 */
+    label?: string;
     info?: Record<string, unknown>;
     dotPositions?: 'both' | DotPosition | DotPosition[];
 }
@@ -114,6 +118,8 @@ interface SilentOptions {
 /** 导出的单个节点数据 */
 interface ExportNodeData {
     id: string;
+    /** 节点名称 */
+    label?: string;
     x: number;
     y: number;
     info?: Record<string, unknown>;
@@ -122,7 +128,15 @@ interface ExportNodeData {
 /** 导出的单条连接数据 */
 interface ExportConnectionData {
     from: string;
+    /** from 节点名称 */
+    fromLabel?: string;
+    /** from 节点附加信息 */
+    fromInfo?: Record<string, unknown>;
     to: string;
+    /** to 节点名称 */
+    toLabel?: string;
+    /** to 节点附加信息 */
+    toInfo?: Record<string, unknown>;
     fromDot: DotPosition;
     toDot: DotPosition;
 }

package/dist/index.d.ts

@@ -23,6 +23,8 @@ interface Dot {
 /** 节点对象 */
 interface ConnectorNode {
     id: string;
+    /** 节点名称 */
+    label?: string;
     element: HTMLElement;
     info?: Record<string, unknown>;
     dots: Partial<Record<DotPosition, Dot>>;
@@ -104,6 +106,8 @@ interface ConnectorOptions extends Partial<ConnectorConfig> {
 }
 /** 节点注册选项 */
 interface RegisterNodeOptions {
+    /** 节点名称 */
+    label?: string;
     info?: Record<string, unknown>;
     dotPositions?: 'both' | DotPosition | DotPosition[];
 }
@@ -114,6 +118,8 @@ interface SilentOptions {
 /** 导出的单个节点数据 */
 interface ExportNodeData {
     id: string;
+    /** 节点名称 */
+    label?: string;
     x: number;
     y: number;
     info?: Record<string, unknown>;
@@ -122,7 +128,15 @@ interface ExportNodeData {
 /** 导出的单条连接数据 */
 interface ExportConnectionData {
     from: string;
+    /** from 节点名称 */
+    fromLabel?: string;
+    /** from 节点附加信息 */
+    fromInfo?: Record<string, unknown>;
     to: string;
+    /** to 节点名称 */
+    toLabel?: string;
+    /** to 节点附加信息 */
+    toInfo?: Record<string, unknown>;
     fromDot: DotPosition;
     toDot: DotPosition;
 }

package/dist/index.global.js

@@ -445,6 +445,7 @@ var PowerLink = (function (exports) {
       const y = parseFloat(element.style.top) || 0;
       const node = {
         id,
+        label: options.label,
         element,
         info: options.info,
         dots,
@@ -1362,6 +1363,7 @@ var PowerLink = (function (exports) {
       return {
         nodes: this.ctx.nodes.map((node) => ({
           id: node.id,
+          label: node.label,
           x: node.x,
           y: node.y,
           info: node.info,
@@ -1369,7 +1371,11 @@ var PowerLink = (function (exports) {
         })),
         connections: this.ctx.connections.map((conn) => ({
           from: conn.fromNode.id,
+          fromLabel: conn.fromNode.label,
+          fromInfo: conn.fromNode.info,
           to: conn.toNode.id,
+          toLabel: conn.toNode.label,
+          toInfo: conn.toNode.info,
           fromDot: conn.fromDot.position,
           toDot: conn.toDot.position
         })),

package/dist/index.js

@@ -446,6 +446,7 @@ var _NodeManager = class _NodeManager {
     const y = parseFloat(element.style.top) || 0;
     const node = {
       id,
+      label: options.label,
       element,
       info: options.info,
       dots,
@@ -1363,6 +1364,7 @@ var _Connector = class _Connector {
     return {
       nodes: this.ctx.nodes.map((node) => ({
         id: node.id,
+        label: node.label,
         x: node.x,
         y: node.y,
         info: node.info,
@@ -1370,7 +1372,11 @@ var _Connector = class _Connector {
       })),
       connections: this.ctx.connections.map((conn) => ({
         from: conn.fromNode.id,
+        fromLabel: conn.fromNode.label,
+        fromInfo: conn.fromNode.info,
         to: conn.toNode.id,
+        toLabel: conn.toNode.label,
+        toInfo: conn.toNode.info,
         fromDot: conn.fromDot.position,
         toDot: conn.toDot.position
       })),

package/dist/index.mjs

@@ -442,6 +442,7 @@ var _NodeManager = class _NodeManager {
     const y = parseFloat(element.style.top) || 0;
     const node = {
       id,
+      label: options.label,
       element,
       info: options.info,
       dots,
@@ -1359,6 +1360,7 @@ var _Connector = class _Connector {
     return {
       nodes: this.ctx.nodes.map((node) => ({
         id: node.id,
+        label: node.label,
         x: node.x,
         y: node.y,
         info: node.info,
@@ -1366,7 +1368,11 @@ var _Connector = class _Connector {
       })),
       connections: this.ctx.connections.map((conn) => ({
         from: conn.fromNode.id,
+        fromLabel: conn.fromNode.label,
+        fromInfo: conn.fromNode.info,
         to: conn.toNode.id,
+        toLabel: conn.toNode.label,
+        toInfo: conn.toNode.info,
         fromDot: conn.fromDot.position,
         toDot: conn.toDot.position
       })),

package/package.json

@@ -1,10 +1,21 @@
 {
   "name": "power-link",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "A pure TypeScript visual node connector for creating draggable connections between nodes. Framework-agnostic and easy to use",
-  "author": "Lin Jiman <temman_lin@qq.com>",
+  "author": {
+    "name": "Lin Ji Man",
+    "email": "Temman_lin@qq.com"
+  },
+  "keywords": [
+    "power-link",
+    "connector",
+    "node-link",
+    "visual-connector",
+    "drag-line",
+    "bezier-curve"
+  ],
   "license": "MIT",
-  "homepage": "https://github.com/Tem-man/power-link",
+  "homepage": "https://tem-man.github.io/power-link",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Tem-man/power-link.git"