@flowgram.ai/renderer 0.4.6 → 0.4.8

package/dist/index.d.mts

@@ -3,7 +3,7 @@ import { ConfigEntity, EntityOpts, PlaygroundDragEvent, PositionSchema, SizeSche
 import * as _flowgram_ai_utils from '@flowgram.ai/utils';
 import { Rectangle, Disposable, CacheOriginItem, ScrollSchema } from '@flowgram.ai/utils';
 import React from 'react';
-import * as lodash from 'lodash';
+import { throttle } from 'lodash-es';
 import { ContainerModule } from 'inversify';
 
 /**
@@ -276,6 +276,11 @@ declare class FlowNodesContentLayer extends Layer {
     render(): React.JSX.Element;
 }
 
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
 declare class FlowLinesLayer extends Layer {
     readonly document: FlowDocument;
     protected readonly dragService: FlowDragService;
@@ -291,13 +296,18 @@ declare class FlowLinesLayer extends Layer {
     /**
      * 可视区域变化
      */
-    onViewportChange: lodash.DebouncedFuncLeading<() => void>;
+    onViewportChange: ReturnType<typeof throttle>;
     onZoom(): void;
     onReady(): void;
     get viewBox(): string;
     render(): JSX.Element;
 }
 
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
 declare class FlowLabelsLayer extends Layer {
     readonly document: FlowDocument;
     readonly rendererRegistry: FlowRendererRegistry;
@@ -317,7 +327,7 @@ declare class FlowLabelsLayer extends Layer {
     /**
      * 可视区域变化
      */
-    onViewportChange: lodash.DebouncedFuncLeading<() => void>;
+    onViewportChange: ReturnType<typeof throttle>;
     onReady(): void;
     /**
      * 监听readonly和 disabled 状态 并刷新layer, 并刷新

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { ConfigEntity, EntityOpts, PlaygroundDragEvent, PositionSchema, SizeSche
 import * as _flowgram_ai_utils from '@flowgram.ai/utils';
 import { Rectangle, Disposable, CacheOriginItem, ScrollSchema } from '@flowgram.ai/utils';
 import React from 'react';
-import * as lodash from 'lodash';
+import { throttle } from 'lodash-es';
 import { ContainerModule } from 'inversify';
 
 /**
@@ -276,6 +276,11 @@ declare class FlowNodesContentLayer extends Layer {
     render(): React.JSX.Element;
 }
 
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
 declare class FlowLinesLayer extends Layer {
     readonly document: FlowDocument;
     protected readonly dragService: FlowDragService;
@@ -291,13 +296,18 @@ declare class FlowLinesLayer extends Layer {
     /**
      * 可视区域变化
      */
-    onViewportChange: lodash.DebouncedFuncLeading<() => void>;
+    onViewportChange: ReturnType<typeof throttle>;
     onZoom(): void;
     onReady(): void;
     get viewBox(): string;
     render(): JSX.Element;
 }
 
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
 declare class FlowLabelsLayer extends Layer {
     readonly document: FlowDocument;
     readonly rendererRegistry: FlowRendererRegistry;
@@ -317,7 +327,7 @@ declare class FlowLabelsLayer extends Layer {
     /**
      * 可视区域变化
      */
-    onViewportChange: lodash.DebouncedFuncLeading<() => void>;
+    onViewportChange: ReturnType<typeof throttle>;
     onReady(): void;
     /**
      * 监听readonly和 disabled 状态 并刷新layer, 并刷新

package/dist/index.js

@@ -480,7 +480,7 @@ var import_core3 = require("@flowgram.ai/core");
 var import_utils3 = require("@flowgram.ai/utils");
 
 // src/utils/find-selected-nodes.ts
-var import_lodash = require("lodash");
+var import_lodash_es = require("lodash-es");
 function getNodePath(node) {
   const path = [node];
   node = node.parent;
@@ -503,13 +503,13 @@ function findSelectedNodes(nodes) {
   let index = 0;
   let selectedItems = [];
   while (index < minLength) {
-    selectedItems = (0, import_lodash.uniq)(nodePathList.map((p) => p[index]));
+    selectedItems = (0, import_lodash_es.uniq)(nodePathList.map((p) => p[index]));
     if (selectedItems.length > 1) {
       break;
     }
     index += 1;
   }
-  return (0, import_lodash.uniq)(selectedItems.map((item) => findRealEntity(item)));
+  return (0, import_lodash_es.uniq)(selectedItems.map((item) => findRealEntity(item)));
 }
 
 // src/entities/flow-select-config-entity.tsx
@@ -666,9 +666,9 @@ var import_inversify = require("inversify");
 var import_utils5 = require("@flowgram.ai/utils");
 
 // src/utils/element.ts
-var import_lodash2 = require("lodash");
+var import_lodash_es2 = require("lodash-es");
 var isHidden = (dom) => {
-  if (!dom || (0, import_lodash2.isNil)(dom?.offsetParent)) {
+  if (!dom || (0, import_lodash_es2.isNil)(dom?.offsetParent)) {
     return true;
   }
   const style = window.getComputedStyle(dom);
@@ -1071,7 +1071,7 @@ FlowNodesContentLayer = __decorateClass([
 
 // src/layers/flow-lines-layer.tsx
 var import_react8 = __toESM(require("react"));
-var import_lodash4 = require("lodash");
+var import_lodash_es4 = require("lodash-es");
 var import_inversify5 = require("inversify");
 var import_utils12 = require("@flowgram.ai/utils");
 var import_document9 = require("@flowgram.ai/document");
@@ -1103,7 +1103,7 @@ var StraightLine_default = StraightLine;
 
 // src/components/RoundedTurningLine.tsx
 var import_react5 = __toESM(require("react"));
-var import_lodash3 = require("lodash");
+var import_lodash_es3 = require("lodash-es");
 var import_utils9 = require("@flowgram.ai/utils");
 var import_core8 = require("@flowgram.ai/core");
 
@@ -1194,24 +1194,24 @@ function RoundedTurningLine(props) {
       }
       const inPoint = new import_utils9.Point().copyFrom(point);
       const outPoint = new import_utils9.Point().copyFrom(point);
-      const radiusX = (0, import_lodash3.isNil)(point.radiusX) ? radius : point.radiusX;
-      const radiusY = (0, import_lodash3.isNil)(point.radiusY) ? radius : point.radiusY;
+      const radiusX = (0, import_lodash_es3.isNil)(point.radiusX) ? radius : point.radiusX;
+      const radiusY = (0, import_lodash_es3.isNil)(point.radiusY) ? radius : point.radiusY;
       let rx = radiusX;
       let ry = radiusY;
       if (isRightAngleX) {
         ry = Math.min(prevDelta.y, radiusY);
-        const moveY = (0, import_lodash3.isNil)(point.moveY) ? ry : point.moveY;
+        const moveY = (0, import_lodash_es3.isNil)(point.moveY) ? ry : point.moveY;
         inPoint.y += from.y < point.y ? -moveY : +moveY;
         rx = Math.min(nextDelta.x, radiusX);
-        const moveX = (0, import_lodash3.isNil)(point.moveX) ? rx : point.moveX;
+        const moveX = (0, import_lodash_es3.isNil)(point.moveX) ? rx : point.moveX;
         outPoint.x += to.x < point.x ? -moveX : +moveX;
       }
       if (isRightAngleY) {
         rx = Math.min(prevDelta.x, radiusX);
-        const moveX = (0, import_lodash3.isNil)(point.moveX) ? rx : point.moveX;
+        const moveX = (0, import_lodash_es3.isNil)(point.moveX) ? rx : point.moveX;
         inPoint.x += from.x < point.x ? -moveX : +moveX;
         ry = Math.min(nextDelta.y, radiusY);
-        const moveY = (0, import_lodash3.isNil)(point.moveY) ? ry : point.moveY;
+        const moveY = (0, import_lodash_es3.isNil)(point.moveY) ? ry : point.moveY;
         outPoint.y += to.y < point.y ? -moveY : +moveY;
       }
       if (point.radiusOverflow === "truncate") {
@@ -1333,7 +1333,7 @@ var FlowLinesLayer = class extends import_core9.Layer {
     /**
      * 可视区域变化
      */
-    this.onViewportChange = (0, import_lodash4.throttle)(() => {
+    this.onViewportChange = (0, import_lodash_es4.throttle)(() => {
       this.render();
     }, 100);
   }
@@ -1365,7 +1365,7 @@ var FlowLinesLayer = class extends import_core9.Layer {
         dragService: this.dragService
       });
     });
-    const { activateLines = [], normalLines = [] } = (0, import_lodash4.groupBy)(
+    const { activateLines = [], normalLines = [] } = (0, import_lodash_es4.groupBy)(
       allLines,
       (line) => line.props.activated ? "activateLines" : "normalLines"
     );
@@ -1408,7 +1408,7 @@ FlowLinesLayer = __decorateClass([
 
 // src/layers/flow-labels-layer.tsx
 var import_react14 = __toESM(require("react"));
-var import_lodash5 = require("lodash");
+var import_lodash_es5 = require("lodash-es");
 var import_inversify6 = require("inversify");
 var import_utils16 = require("@flowgram.ai/utils");
 var import_document15 = require("@flowgram.ai/document");
@@ -1792,7 +1792,7 @@ var FlowLabelsLayer = class extends import_core12.Layer {
     /**
      * 可视区域变化
      */
-    this.onViewportChange = (0, import_lodash5.throttle)(() => {
+    this.onViewportChange = (0, import_lodash_es5.throttle)(() => {
       this.render();
     }, 100);
   }