@logicflow/extension 2.2.3 → 2.2.4-alpha.1

package/es/dynamic-group/utils.d.ts

@@ -17,3 +17,72 @@ export declare function isAllowMoveTo(groupBounds: BoxBoundsPoint, node: BaseNod
     x: boolean;
     y: boolean;
 };
+/**
+ * 计算直接子节点的 bounds 并集。
+ * 无有效子节点时返回 null。
+ */
+export declare function getChildrenBounds(groupModel: {
+    children?: Set<string>;
+}, getNodeById: (id: string) => BaseNodeModel | undefined): BoxBoundsPoint | null;
+/**
+ * 判断 groupBounds 是否完全包含 childrenBounds。
+ */
+export declare function isGroupBoundsContainsChildren(groupBounds: BoxBoundsPoint, childrenBounds: BoxBoundsPoint): boolean;
+/** 折叠按钮距节点顶边/左边的默认 inset，与 node.getOperateIcon 一致 */
+export declare const DG_OPERATE_INSET = 10;
+/** @deprecated 使用 DG_OPERATE_INSET */
+export declare const DG_OPERATE_INSET_TOP = 10;
+export declare const DG_OPERATE_BTN_WIDTH = 14;
+export declare const DG_OPERATE_BTN_HEIGHT = 12;
+/** 左对齐时推荐用于避开 operator 的 wrapPadding.left（inset + btn + inset） */
+export declare const DG_TITLE_LEFT_CLEARANCE: number;
+export declare const DEFAULT_TITLE_WRAP_PADDING = "0,0,0,0";
+export declare const DEFAULT_TITLE_TEXT_ALIGN = "center";
+export type TitleBand = {
+    bandLeft: number;
+    bandTop: number;
+    bandWidth: number;
+    bandHeight: number;
+};
+export type TitleForeignObjectRect = {
+    foX: number;
+    foY: number;
+    foWidth: number;
+    foHeight: number;
+};
+export declare function getTitleBand(options: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}): TitleBand;
+export declare function resolveTitleTextPosition(options: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    textAlign: string;
+    pad: ReturnType<typeof parseWrapPadding>;
+}): {
+    x: number;
+    y: number;
+};
+export declare function getTitleForeignObjectRect(options: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    overflowMode: 'autoWrap' | 'ellipsis';
+    fontSize: number;
+    pad: ReturnType<typeof parseWrapPadding>;
+}): TitleForeignObjectRect;
+export declare function parseWrapPadding(padding?: string | number | null): {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export declare function textAlignToAnchor(textAlign?: string): 'start' | 'middle' | 'end';
+export declare function isHtmlTextOverflow(overflowMode?: string): boolean;
+/** LogicFlow 存储格式 `15,8,4,8` → CSS padding `15px 8px 4px 8px` */
+export declare function formatWrapPaddingCss(padding?: string | number | null): string;

package/es/dynamic-group/utils.js

@@ -1,3 +1,14 @@
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
 /**
  *
  * @param bounds
@@ -31,3 +42,154 @@ export function isAllowMoveTo(groupBounds, node, deltaX, deltaY) {
         y: y + deltaY >= allowMoveMinY && y + deltaY <= allowMoveMaxY,
     };
 }
+/**
+ * 计算直接子节点的 bounds 并集。
+ * 无有效子节点时返回 null。
+ */
+export function getChildrenBounds(groupModel, getNodeById) {
+    var e_1, _a;
+    if (!groupModel.children || groupModel.children.size === 0) {
+        return null;
+    }
+    var minX = Infinity;
+    var minY = Infinity;
+    var maxX = -Infinity;
+    var maxY = -Infinity;
+    var hasChild = false;
+    try {
+        for (var _b = __values(Array.from(groupModel.children)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var childId = _c.value;
+            var child = getNodeById(childId);
+            if (!child) {
+                continue;
+            }
+            hasChild = true;
+            var childBounds = child.getBounds();
+            minX = Math.min(minX, childBounds.minX);
+            minY = Math.min(minY, childBounds.minY);
+            maxX = Math.max(maxX, childBounds.maxX);
+            maxY = Math.max(maxY, childBounds.maxY);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    if (!hasChild) {
+        return null;
+    }
+    return { minX: minX, minY: minY, maxX: maxX, maxY: maxY };
+}
+/**
+ * 判断 groupBounds 是否完全包含 childrenBounds。
+ */
+export function isGroupBoundsContainsChildren(groupBounds, childrenBounds) {
+    return (groupBounds.minX <= childrenBounds.minX &&
+        groupBounds.minY <= childrenBounds.minY &&
+        groupBounds.maxX >= childrenBounds.maxX &&
+        groupBounds.maxY >= childrenBounds.maxY);
+}
+/** 折叠按钮距节点顶边/左边的默认 inset，与 node.getOperateIcon 一致 */
+export var DG_OPERATE_INSET = 10;
+/** @deprecated 使用 DG_OPERATE_INSET */
+export var DG_OPERATE_INSET_TOP = DG_OPERATE_INSET;
+export var DG_OPERATE_BTN_WIDTH = 14;
+export var DG_OPERATE_BTN_HEIGHT = 12;
+/** 左对齐时推荐用于避开 operator 的 wrapPadding.left（inset + btn + inset） */
+export var DG_TITLE_LEFT_CLEARANCE = DG_OPERATE_INSET + DG_OPERATE_BTN_WIDTH + DG_OPERATE_INSET;
+export var DEFAULT_TITLE_WRAP_PADDING = '0,0,0,0';
+export var DEFAULT_TITLE_TEXT_ALIGN = 'center';
+export function getTitleBand(options) {
+    var x = options.x, y = options.y, width = options.width, height = options.height;
+    var left = x - width / 2;
+    var top = y - height / 2;
+    return {
+        bandLeft: left,
+        bandTop: top + DG_OPERATE_INSET,
+        bandWidth: width,
+        bandHeight: height - DG_OPERATE_INSET,
+    };
+}
+export function resolveTitleTextPosition(options) {
+    var x = options.x, width = options.width, height = options.height, textAlign = options.textAlign, pad = options.pad;
+    var _a = getTitleBand({
+        x: x,
+        y: options.y,
+        width: width,
+        height: height,
+    }), bandLeft = _a.bandLeft, bandTop = _a.bandTop, bandWidth = _a.bandWidth;
+    var contentLeft = bandLeft + pad.left;
+    var contentRight = bandLeft + bandWidth - pad.right;
+    var contentTop = bandTop + pad.top;
+    var contentCenterX = contentLeft + Math.max(0, contentRight - contentLeft) / 2;
+    if (textAlign === 'left') {
+        return { x: contentLeft, y: contentTop };
+    }
+    if (textAlign === 'right') {
+        return { x: contentRight, y: contentTop };
+    }
+    return { x: contentCenterX, y: contentTop };
+}
+export function getTitleForeignObjectRect(options) {
+    var _a = getTitleBand(options), bandLeft = _a.bandLeft, bandTop = _a.bandTop, bandWidth = _a.bandWidth, bandHeight = _a.bandHeight;
+    var overflowMode = options.overflowMode, fontSize = options.fontSize, pad = options.pad;
+    var foX = bandLeft;
+    var foY = bandTop;
+    var foWidth = bandWidth;
+    var foHeight = overflowMode === 'ellipsis'
+        ? pad.top + fontSize + 2 + pad.bottom
+        : bandHeight;
+    return { foX: foX, foY: foY, foWidth: foWidth, foHeight: foHeight };
+}
+export function parseWrapPadding(padding) {
+    if (padding === undefined || padding === null || padding === '') {
+        return { top: 0, right: 0, bottom: 0, left: 0 };
+    }
+    if (typeof padding === 'number') {
+        var n = Math.max(0, padding);
+        return { top: n, right: n, bottom: n, left: n };
+    }
+    var parts = String(padding)
+        .split(/[\s,]+/)
+        .filter(Boolean)
+        .map(function (s) { return parseFloat(s.replace(/px$/i, '')) || 0; });
+    if (parts.length === 1) {
+        var n = parts[0];
+        return { top: n, right: n, bottom: n, left: n };
+    }
+    if (parts.length === 2) {
+        return { top: parts[0], right: parts[1], bottom: parts[0], left: parts[1] };
+    }
+    if (parts.length === 3) {
+        return {
+            top: parts[0],
+            right: parts[1],
+            bottom: parts[2],
+            left: parts[1],
+        };
+    }
+    return {
+        top: parts[0],
+        right: parts[1],
+        bottom: parts[2],
+        left: parts[3],
+    };
+}
+export function textAlignToAnchor(textAlign) {
+    if (textAlign === 'left')
+        return 'start';
+    if (textAlign === 'right')
+        return 'end';
+    return 'middle';
+}
+export function isHtmlTextOverflow(overflowMode) {
+    return overflowMode === 'autoWrap' || overflowMode === 'ellipsis';
+}
+/** LogicFlow 存储格式 `15,8,4,8` → CSS padding `15px 8px 4px 8px` */
+export function formatWrapPaddingCss(padding) {
+    var p = parseWrapPadding(padding);
+    return "".concat(p.top, "px ").concat(p.right, "px ").concat(p.bottom, "px ").concat(p.left, "px");
+}