@flowgram.ai/renderer 0.2.11 → 0.2.13
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.
- package/dist/esm/index.js +6 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +6 -3
- package/dist/index.js.map +1 -1
- package/package.json +7 -7
package/dist/index.d.mts
CHANGED
|
@@ -158,6 +158,7 @@ declare enum FlowRendererKey {
|
|
|
158
158
|
SELECTOR_BOX_POPOVER = "selector-box-popover",
|
|
159
159
|
CONTEXT_MENU_POPOVER = "context-menu-popover",
|
|
160
160
|
SUB_CANVAS = "sub-canvas",
|
|
161
|
+
ARROW_RENDERER = "arrow-renderer",
|
|
161
162
|
MARKER_ARROW = "marker-arrow",
|
|
162
163
|
MARKER_ACTIVATE_ARROW = "marker-active-arrow"
|
|
163
164
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -158,6 +158,7 @@ declare enum FlowRendererKey {
|
|
|
158
158
|
SELECTOR_BOX_POPOVER = "selector-box-popover",
|
|
159
159
|
CONTEXT_MENU_POPOVER = "context-menu-popover",
|
|
160
160
|
SUB_CANVAS = "sub-canvas",
|
|
161
|
+
ARROW_RENDERER = "arrow-renderer",
|
|
161
162
|
MARKER_ARROW = "marker-arrow",
|
|
162
163
|
MARKER_ACTIVATE_ARROW = "marker-active-arrow"
|
|
163
164
|
}
|
package/dist/index.js
CHANGED
|
@@ -744,7 +744,9 @@ var FlowNodesTransformLayer = class extends import_core5.Layer {
|
|
|
744
744
|
const append = () => {
|
|
745
745
|
if (resizeDispose) return;
|
|
746
746
|
this.renderElement.appendChild(node);
|
|
747
|
-
|
|
747
|
+
if (!entity.getNodeMeta().autoResizeDisable) {
|
|
748
|
+
resizeDispose = this.resizeObserver.observe(node, transform);
|
|
749
|
+
}
|
|
748
750
|
};
|
|
749
751
|
const dispose = () => {
|
|
750
752
|
if (!resizeDispose) return;
|
|
@@ -869,6 +871,7 @@ var FlowRendererKey = /* @__PURE__ */ ((FlowRendererKey2) => {
|
|
|
869
871
|
FlowRendererKey2["SELECTOR_BOX_POPOVER"] = "selector-box-popover";
|
|
870
872
|
FlowRendererKey2["CONTEXT_MENU_POPOVER"] = "context-menu-popover";
|
|
871
873
|
FlowRendererKey2["SUB_CANVAS"] = "sub-canvas";
|
|
874
|
+
FlowRendererKey2["ARROW_RENDERER"] = "arrow-renderer";
|
|
872
875
|
FlowRendererKey2["MARKER_ARROW"] = "marker-arrow";
|
|
873
876
|
FlowRendererKey2["MARKER_ACTIVATE_ARROW"] = "marker-active-arrow";
|
|
874
877
|
return FlowRendererKey2;
|
|
@@ -970,7 +973,7 @@ var FlowNodesContentLayer = class extends import_core7.Layer {
|
|
|
970
973
|
const PortalRenderer = this.getPortalRenderer(data);
|
|
971
974
|
function Portal() {
|
|
972
975
|
import_react.default.useEffect(() => {
|
|
973
|
-
if (node.clientWidth && node.clientHeight) {
|
|
976
|
+
if (!entity.getNodeMeta().autoResizeDisable && node.clientWidth && node.clientHeight) {
|
|
974
977
|
const transform = entity.getData(import_document6.FlowNodeTransformData);
|
|
975
978
|
if (transform)
|
|
976
979
|
transform.size = {
|
|
@@ -978,7 +981,7 @@ var FlowNodesContentLayer = class extends import_core7.Layer {
|
|
|
978
981
|
height: node.clientHeight
|
|
979
982
|
};
|
|
980
983
|
}
|
|
981
|
-
}, []);
|
|
984
|
+
}, [entity, node]);
|
|
982
985
|
return import_react_dom.default.createPortal(
|
|
983
986
|
/* @__PURE__ */ import_react.default.createElement(import_core7.PlaygroundEntityContext.Provider, { value: entity }, /* @__PURE__ */ import_react.default.createElement(
|
|
984
987
|
PortalRenderer,
|