@logicflow/vue-node-registry 1.0.17 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,10 @@
1
+
2
+ > @logicflow/vue-node-registry@1.0.18 build:dev /Users/didi/Desktop/github/LogicFlow/packages/vue-node-registry
3
+ > rss
4
+
5
+ > [build:dev] pnpm run --if-present build:less && run-p -s build:cjs build:esm
6
+
7
+ > @logicflow/vue-node-registry@1.0.18 build:less /Users/didi/Desktop/github/LogicFlow/packages/vue-node-registry
8
+ > rss
9
+
10
+ > [build:less] ./scripts/build-less
@@ -1,11 +1,11 @@
1
1
 
2
- > @logicflow/vue-node-registry@1.0.16 prebuild /Users/didi/Desktop/github/LogicFlow/packages/vue-node-registry
2
+ > @logicflow/vue-node-registry@1.0.18 prebuild /Users/didi/Desktop/github/LogicFlow/packages/vue-node-registry
3
3
  > rss
4
4
 
5
5
  > [prebuild] run-s -s clean:build
6
6
  > [clean:build] rimraf dist es lib
7
7
 
8
- > @logicflow/vue-node-registry@1.0.16 build /Users/didi/Desktop/github/LogicFlow/packages/vue-node-registry
8
+ > @logicflow/vue-node-registry@1.0.18 build /Users/didi/Desktop/github/LogicFlow/packages/vue-node-registry
9
9
  > rss
10
10
 
11
11
  > [build] run-p -s build:dev build:umd
@@ -31,4 +31,4 @@
31
31
  | |
32
32
  +----------------------------------------------+
33
33
  (!) [plugin typescript] @rollup/plugin-typescript: Rollup requires that TypeScript produces ES Modules. Unfortunately your configuration specifies a "module" other than "esnext". Unless you know what you're doing, please change "module" to "esnext" in the target tsconfig.json file or plugin options.
34
- created dist/index.min.js in 4.4s
34
+ created dist/index.min.js in 2.9s
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @logicflow/vue-node-registry
2
2
 
3
+ ## 1.1.0
4
+
5
+ ### Patch Changes
6
+
7
+ - fix: 修复issue反馈的bug&支持小地图展示vue节点
8
+
9
+ ## 1.0.18
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+ - @logicflow/core@2.0.16
15
+
3
16
  ## 1.0.17
4
17
 
5
18
  ### Patch Changes
package/es/teleport.d.ts CHANGED
@@ -3,3 +3,9 @@ export declare function connect(id: string, component: any, container: HTMLDivEl
3
3
  export declare function disconnect(id: string): void;
4
4
  export declare function isActive(): boolean;
5
5
  export declare function getTeleport(): any;
6
+ /**
7
+ * 创建并挂载 Teleport 容器组件
8
+ * @param container 目标容器元素
9
+ * @param flowId 当前流程图的唯一标识
10
+ */
11
+ export declare function createTeleportContainer(container: HTMLElement, flowId: string | undefined): void;
package/es/teleport.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent, h, reactive, isVue3, Teleport, markRaw, Fragment, } from 'vue-demi';
1
+ import { defineComponent, h, render, reactive, isVue3, Teleport, markRaw, Fragment, } from 'vue-demi';
2
2
  var active = false;
3
3
  var items = reactive({});
4
4
  export function connect(id, component, container, node, graph) {
@@ -56,4 +56,19 @@ export function getTeleport() {
56
56
  },
57
57
  });
58
58
  }
59
+ /**
60
+ * 创建并挂载 Teleport 容器组件
61
+ * @param container 目标容器元素
62
+ * @param flowId 当前流程图的唯一标识
63
+ */
64
+ export function createTeleportContainer(container, flowId) {
65
+ if (!isVue3 || !flowId || !container || !active)
66
+ return;
67
+ // 获取 Teleport 组件
68
+ var TeleportContainer = getTeleport();
69
+ // 创建 Teleport 组件的虚拟节点,传入 flowId
70
+ var teleportVNode = h(TeleportContainer, { flowId: flowId });
71
+ // 渲染到指定容器中
72
+ render(teleportVNode, container);
73
+ }
59
74
  //# sourceMappingURL=teleport.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"teleport.js","sourceRoot":"","sources":["../src/teleport.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EACf,CAAC,EACD,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,MAAM,UAAU,CAAA;AAEjB,IAAI,MAAM,GAAG,KAAK,CAAA;AAClB,IAAM,KAAK,GAAG,QAAQ,CAAyB,EAAE,CAAC,CAAA;AAElD,MAAM,UAAU,OAAO,CACrB,EAAU,EACV,SAAc,EACd,SAAyB,EACzB,IAAmB,EACnB,KAAiB;IAEjB,IAAI,MAAM,EAAE,CAAC;QACX,KAAK,CAAC,EAAE,CAAC,GAAG,OAAO,CACjB,eAAe,CAAC;YACd,MAAM,EAAE;gBACN,OAAA,CAAC,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAS,EAAE;oBACpC,CAAC,CAAC,SAAS,EAAE,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,CAAC;iBAC9B,CAAC;YAFF,CAEE;YACJ,OAAO,EAAE,cAAM,OAAA,CAAC;gBACd,OAAO,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;gBACnB,QAAQ,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK;aACtB,CAAC,EAHa,CAGb;SACH,CAAC,CACH,CAAA;IACH,CAAC;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAU;IACnC,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,KAAK,CAAC,EAAE,CAAC,CAAA;IAClB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ;IACtB,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAA;IACvD,CAAC;IACD,MAAM,GAAG,IAAI,CAAA;IAEb,OAAO,eAAe,CAAC;QACrB,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,IAAI;aACf;SACF;QACD,KAAK,YAAC,KAAK;YACT,OAAO;gBACL,IAAM,QAAQ,GAA0B,EAAE,CAAA;gBAC1C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAE;oBAC5B,gDAAgD;oBAChD,iEAAiE;oBACjE,8CAA8C;oBAC9C,4EAA4E;oBAC5E,uEAAuE;oBAEvE,iDAAiD;oBACjD,gEAAgE;oBAChE,IAAI,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;wBAChC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;oBAC1B,CAAC;gBACH,CAAC,CAAC,CAAA;gBACF,OAAO,CAAC,CACN,QAAQ,EACR,EAAE,EACF,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,CAAC,IAAI,CAAC,EAAP,CAAO,CAAC,CAChC,CAAA;YACH,CAAC,CAAA;QACH,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}
1
+ {"version":3,"file":"teleport.js","sourceRoot":"","sources":["../src/teleport.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EACf,CAAC,EACD,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,MAAM,UAAU,CAAA;AAEjB,IAAI,MAAM,GAAG,KAAK,CAAA;AAClB,IAAM,KAAK,GAAG,QAAQ,CAAyB,EAAE,CAAC,CAAA;AAElD,MAAM,UAAU,OAAO,CACrB,EAAU,EACV,SAAc,EACd,SAAyB,EACzB,IAAmB,EACnB,KAAiB;IAEjB,IAAI,MAAM,EAAE,CAAC;QACX,KAAK,CAAC,EAAE,CAAC,GAAG,OAAO,CACjB,eAAe,CAAC;YACd,MAAM,EAAE;gBACN,OAAA,CAAC,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAS,EAAE;oBACpC,CAAC,CAAC,SAAS,EAAE,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,CAAC;iBAC9B,CAAC;YAFF,CAEE;YACJ,OAAO,EAAE,cAAM,OAAA,CAAC;gBACd,OAAO,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;gBACnB,QAAQ,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK;aACtB,CAAC,EAHa,CAGb;SACH,CAAC,CACH,CAAA;IACH,CAAC;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAU;IACnC,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,KAAK,CAAC,EAAE,CAAC,CAAA;IAClB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ;IACtB,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAA;IACvD,CAAC;IACD,MAAM,GAAG,IAAI,CAAA;IAEb,OAAO,eAAe,CAAC;QACrB,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,IAAI;aACf;SACF;QACD,KAAK,YAAC,KAAK;YACT,OAAO;gBACL,IAAM,QAAQ,GAA0B,EAAE,CAAA;gBAC1C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAE;oBAC5B,gDAAgD;oBAChD,iEAAiE;oBACjE,8CAA8C;oBAC9C,4EAA4E;oBAC5E,uEAAuE;oBAEvE,iDAAiD;oBACjD,gEAAgE;oBAChE,IAAI,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;wBAChC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;oBAC1B,CAAC;gBACH,CAAC,CAAC,CAAA;gBACF,OAAO,CAAC,CACN,QAAQ,EACR,EAAE,EACF,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,CAAC,IAAI,CAAC,EAAP,CAAO,CAAC,CAChC,CAAA;YACH,CAAC,CAAA;QACH,CAAC;KACF,CAAC,CAAA;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CACrC,SAAsB,EACtB,MAA0B;IAE1B,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,IAAI,CAAC,MAAM;QAAE,OAAM;IAEvD,iBAAiB;IACjB,IAAM,iBAAiB,GAAG,WAAW,EAAE,CAAA;IAEvC,gCAAgC;IAChC,IAAM,aAAa,GAAG,CAAC,CAAC,iBAAiB,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAA;IAEtD,WAAW;IACX,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,CAAA;AAClC,CAAC"}
package/lib/teleport.d.ts CHANGED
@@ -3,3 +3,9 @@ export declare function connect(id: string, component: any, container: HTMLDivEl
3
3
  export declare function disconnect(id: string): void;
4
4
  export declare function isActive(): boolean;
5
5
  export declare function getTeleport(): any;
6
+ /**
7
+ * 创建并挂载 Teleport 容器组件
8
+ * @param container 目标容器元素
9
+ * @param flowId 当前流程图的唯一标识
10
+ */
11
+ export declare function createTeleportContainer(container: HTMLElement, flowId: string | undefined): void;
package/lib/teleport.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getTeleport = exports.isActive = exports.disconnect = exports.connect = void 0;
3
+ exports.createTeleportContainer = exports.getTeleport = exports.isActive = exports.disconnect = exports.connect = void 0;
4
4
  var vue_demi_1 = require("vue-demi");
5
5
  var active = false;
6
6
  var items = (0, vue_demi_1.reactive)({});
@@ -63,4 +63,20 @@ function getTeleport() {
63
63
  });
64
64
  }
65
65
  exports.getTeleport = getTeleport;
66
+ /**
67
+ * 创建并挂载 Teleport 容器组件
68
+ * @param container 目标容器元素
69
+ * @param flowId 当前流程图的唯一标识
70
+ */
71
+ function createTeleportContainer(container, flowId) {
72
+ if (!vue_demi_1.isVue3 || !flowId || !container || !active)
73
+ return;
74
+ // 获取 Teleport 组件
75
+ var TeleportContainer = getTeleport();
76
+ // 创建 Teleport 组件的虚拟节点,传入 flowId
77
+ var teleportVNode = (0, vue_demi_1.h)(TeleportContainer, { flowId: flowId });
78
+ // 渲染到指定容器中
79
+ (0, vue_demi_1.render)(teleportVNode, container);
80
+ }
81
+ exports.createTeleportContainer = createTeleportContainer;
66
82
  //# sourceMappingURL=teleport.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"teleport.js","sourceRoot":"","sources":["../src/teleport.ts"],"names":[],"mappings":";;;AACA,qCAQiB;AAEjB,IAAI,MAAM,GAAG,KAAK,CAAA;AAClB,IAAM,KAAK,GAAG,IAAA,mBAAQ,EAAyB,EAAE,CAAC,CAAA;AAElD,SAAgB,OAAO,CACrB,EAAU,EACV,SAAc,EACd,SAAyB,EACzB,IAAmB,EACnB,KAAiB;IAEjB,IAAI,MAAM,EAAE,CAAC;QACX,KAAK,CAAC,EAAE,CAAC,GAAG,IAAA,kBAAO,EACjB,IAAA,0BAAe,EAAC;YACd,MAAM,EAAE;gBACN,OAAA,IAAA,YAAC,EAAC,mBAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAS,EAAE;oBACpC,IAAA,YAAC,EAAC,SAAS,EAAE,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,CAAC;iBAC9B,CAAC;YAFF,CAEE;YACJ,OAAO,EAAE,cAAM,OAAA,CAAC;gBACd,OAAO,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;gBACnB,QAAQ,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK;aACtB,CAAC,EAHa,CAGb;SACH,CAAC,CACH,CAAA;IACH,CAAC;AACH,CAAC;AArBD,0BAqBC;AAED,SAAgB,UAAU,CAAC,EAAU;IACnC,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,KAAK,CAAC,EAAE,CAAC,CAAA;IAClB,CAAC;AACH,CAAC;AAJD,gCAIC;AAED,SAAgB,QAAQ;IACtB,OAAO,MAAM,CAAA;AACf,CAAC;AAFD,4BAEC;AAED,SAAgB,WAAW;IACzB,IAAI,CAAC,iBAAM,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAA;IACvD,CAAC;IACD,MAAM,GAAG,IAAI,CAAA;IAEb,OAAO,IAAA,0BAAe,EAAC;QACrB,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,IAAI;aACf;SACF;QACD,KAAK,YAAC,KAAK;YACT,OAAO;gBACL,IAAM,QAAQ,GAA0B,EAAE,CAAA;gBAC1C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAE;oBAC5B,gDAAgD;oBAChD,iEAAiE;oBACjE,8CAA8C;oBAC9C,4EAA4E;oBAC5E,uEAAuE;oBAEvE,iDAAiD;oBACjD,gEAAgE;oBAChE,IAAI,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;wBAChC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;oBAC1B,CAAC;gBACH,CAAC,CAAC,CAAA;gBACF,OAAO,IAAA,YAAC,EACN,mBAAQ,EACR,EAAE,EACF,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAA,YAAC,EAAC,IAAI,CAAC,EAAP,CAAO,CAAC,CAChC,CAAA;YACH,CAAC,CAAA;QACH,CAAC;KACF,CAAC,CAAA;AACJ,CAAC;AArCD,kCAqCC"}
1
+ {"version":3,"file":"teleport.js","sourceRoot":"","sources":["../src/teleport.ts"],"names":[],"mappings":";;;AACA,qCASiB;AAEjB,IAAI,MAAM,GAAG,KAAK,CAAA;AAClB,IAAM,KAAK,GAAG,IAAA,mBAAQ,EAAyB,EAAE,CAAC,CAAA;AAElD,SAAgB,OAAO,CACrB,EAAU,EACV,SAAc,EACd,SAAyB,EACzB,IAAmB,EACnB,KAAiB;IAEjB,IAAI,MAAM,EAAE,CAAC;QACX,KAAK,CAAC,EAAE,CAAC,GAAG,IAAA,kBAAO,EACjB,IAAA,0BAAe,EAAC;YACd,MAAM,EAAE;gBACN,OAAA,IAAA,YAAC,EAAC,mBAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAS,EAAE;oBACpC,IAAA,YAAC,EAAC,SAAS,EAAE,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,CAAC;iBAC9B,CAAC;YAFF,CAEE;YACJ,OAAO,EAAE,cAAM,OAAA,CAAC;gBACd,OAAO,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;gBACnB,QAAQ,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK;aACtB,CAAC,EAHa,CAGb;SACH,CAAC,CACH,CAAA;IACH,CAAC;AACH,CAAC;AArBD,0BAqBC;AAED,SAAgB,UAAU,CAAC,EAAU;IACnC,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,KAAK,CAAC,EAAE,CAAC,CAAA;IAClB,CAAC;AACH,CAAC;AAJD,gCAIC;AAED,SAAgB,QAAQ;IACtB,OAAO,MAAM,CAAA;AACf,CAAC;AAFD,4BAEC;AAED,SAAgB,WAAW;IACzB,IAAI,CAAC,iBAAM,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAA;IACvD,CAAC;IACD,MAAM,GAAG,IAAI,CAAA;IAEb,OAAO,IAAA,0BAAe,EAAC;QACrB,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,IAAI;aACf;SACF;QACD,KAAK,YAAC,KAAK;YACT,OAAO;gBACL,IAAM,QAAQ,GAA0B,EAAE,CAAA;gBAC1C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAE;oBAC5B,gDAAgD;oBAChD,iEAAiE;oBACjE,8CAA8C;oBAC9C,4EAA4E;oBAC5E,uEAAuE;oBAEvE,iDAAiD;oBACjD,gEAAgE;oBAChE,IAAI,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;wBAChC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;oBAC1B,CAAC;gBACH,CAAC,CAAC,CAAA;gBACF,OAAO,IAAA,YAAC,EACN,mBAAQ,EACR,EAAE,EACF,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAA,YAAC,EAAC,IAAI,CAAC,EAAP,CAAO,CAAC,CAChC,CAAA;YACH,CAAC,CAAA;QACH,CAAC;KACF,CAAC,CAAA;AACJ,CAAC;AArCD,kCAqCC;AAED;;;;GAIG;AACH,SAAgB,uBAAuB,CACrC,SAAsB,EACtB,MAA0B;IAE1B,IAAI,CAAC,iBAAM,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,IAAI,CAAC,MAAM;QAAE,OAAM;IAEvD,iBAAiB;IACjB,IAAM,iBAAiB,GAAG,WAAW,EAAE,CAAA;IAEvC,gCAAgC;IAChC,IAAM,aAAa,GAAG,IAAA,YAAC,EAAC,iBAAiB,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAA;IAEtD,WAAW;IACX,IAAA,iBAAM,EAAC,aAAa,EAAE,SAAS,CAAC,CAAA;AAClC,CAAC;AAdD,0DAcC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@logicflow/vue-node-registry",
3
- "version": "1.0.17",
3
+ "version": "1.1.0",
4
4
  "description": "LogicFlow Vue Component Node Registry",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -20,7 +20,7 @@
20
20
  "peerDependencies": {
21
21
  "@vue/composition-api": "^1.0.0-rc.10",
22
22
  "vue": "^2.0.0 || >=3.0.0",
23
- "@logicflow/core": "2.0.15"
23
+ "@logicflow/core": "2.1.0"
24
24
  },
25
25
  "peerDependenciesMeta": {
26
26
  "@vue/composition-api": {
@@ -29,7 +29,7 @@
29
29
  },
30
30
  "devDependencies": {
31
31
  "vue": "^3.0.0",
32
- "@logicflow/core": "2.0.15"
32
+ "@logicflow/core": "2.1.0"
33
33
  },
34
34
  "author": {
35
35
  "name": "boyongjiong",
package/src/teleport.ts CHANGED
@@ -2,6 +2,7 @@ import { BaseNodeModel, GraphModel } from '@logicflow/core'
2
2
  import {
3
3
  defineComponent,
4
4
  h,
5
+ render,
5
6
  reactive,
6
7
  isVue3,
7
8
  Teleport,
@@ -83,3 +84,24 @@ export function getTeleport(): any {
83
84
  },
84
85
  })
85
86
  }
87
+
88
+ /**
89
+ * 创建并挂载 Teleport 容器组件
90
+ * @param container 目标容器元素
91
+ * @param flowId 当前流程图的唯一标识
92
+ */
93
+ export function createTeleportContainer(
94
+ container: HTMLElement,
95
+ flowId: string | undefined,
96
+ ): void {
97
+ if (!isVue3 || !flowId || !container || !active) return
98
+
99
+ // 获取 Teleport 组件
100
+ const TeleportContainer = getTeleport()
101
+
102
+ // 创建 Teleport 组件的虚拟节点,传入 flowId
103
+ const teleportVNode = h(TeleportContainer, { flowId })
104
+
105
+ // 渲染到指定容器中
106
+ render(teleportVNode, container)
107
+ }