@logicflow/extension 1.1.0-alpha.0 → 1.1.0-alpha.4

package/types/components/context-menu/index.d.ts

@@ -10,6 +10,7 @@ declare class ContextMenu {
         lf: any;
     });
     render(lf: any, container: any): void;
+    setContextMenuByType(type: any, menus: any): void;
     /**
      * 隐藏菜单
      */

package/types/group-shrink/index.d.ts

@@ -0,0 +1,28 @@
+declare class GroupShrink {
+    static pluginName: string;
+    group: any;
+    lf: any;
+    shrinkWidth: number;
+    shrinkHeight: number;
+    constructor({ lf }: {
+        lf: any;
+    });
+    /**
+     * 收缩
+     */
+    startShrink(group: any): void;
+    /**
+     * 展开
+     */
+    startExpand(group: any): void;
+    /**
+     * 获取分组内的节点上的所有边,以及计算新的分组节点需要连接的边，之后删除原来的边
+     */
+    private getGroupEdges;
+    /**
+     * 获取分组内的节点和左上角节点,获取到有效信息后，删除节点
+     */
+    private getGroupNodes;
+    private getGraphDataWithGroup;
+}
+export { GroupShrink, };

package/types/index.d.ts

@@ -16,3 +16,4 @@ export * from './tools/flow-path';
 export * from './tools/auto-layout';
 export * from './bpmn-adapter/xml2json';
 export * from './bpmn-adapter/json2xml';
+export * from './group-shrink';

package/types/materials/group/GroupNode.d.ts

@@ -1,13 +1,23 @@
-import { RectNode, RectNodeModel } from '@logicflow/core';
-declare class GroupNodeModel extends RectNodeModel {
+import { h } from '@logicflow/core';
+import { RectResize } from '../../NodeResize';
+declare class GroupNodeModel extends RectResize.model {
     readonly isGroup = true;
-    children: Set<unknown>;
+    children: Set<string>;
     isRestrict: boolean;
-    setAttributes(): void;
+    resizable: boolean;
+    foldedWidth: number;
+    foldedHeight: number;
+    unfoldedWidth: number;
+    unfoldedHight: number;
+    initNodeData(data: any): void;
+    foldGroup(isFolded: any): void;
     /**
-     * 设置是否允许子节点被拖动移除分组
+     * 折叠分组的时候，处理分组内部子节点上的连线
+     * 1. 为了保证校验规则不被打乱，所以只隐藏子节点上面的连线。
+     * 2. 重新创建一个属性一样的边。
+     * 3. 这个边拥有virtual=true的属性，表示不支持直接修改此边内容。
      */
-    setIsRestrict(isRestrict: any): void;
+    private foldEdge;
     isInRange({ x1, y1, x2, y2 }: {
         x1: any;
         y1: any;
@@ -15,15 +25,29 @@ declare class GroupNodeModel extends RectNodeModel {
         y2: any;
     }): boolean;
     setAllowAppendChild(isAllow: any): void;
+    /**
+     * 添加分组子节点
+     * @param id 节点id
+     */
     addChild(id: any): void;
+    /**
+     * 删除分组子节点
+     * @param id 节点id
+     */
     removeChild(id: any): void;
+    getAddableOutlineStyle(): {
+        stroke: string;
+        strokeWidth: number;
+        strokeDasharray: string;
+        fill: string;
+    };
     getData(): import("@logicflow/core").NodeData;
 }
-declare class GroupNode extends RectNode {
-    /**
-     * 重新toFront，阻止其置顶
-     */
-    toFront(): void;
+declare class GroupNode extends RectResize.view {
+    getControlGroup(): h.JSX.Element;
+    getAddedableShape(): import("preact").VNode<any>;
+    getFoldIcon(): import("preact").VNode<any>;
+    getResizeShape(): import("preact").VNode<any>;
 }
 declare const _default: {
     type: string;

package/types/materials/group/index.d.ts

@@ -1,4 +1,5 @@
 import LogicFlow, { BaseNodeModel } from '@logicflow/core';
+import GroupNode from './GroupNode';
 declare type BaseNodeId = string;
 declare type GroupId = string;
 declare type Bounds = {
@@ -15,6 +16,7 @@ declare class Group {
     constructor({ lf }: {
         lf: any;
     });
+    graphRendered: (data: any) => void;
     appendNodeToGrop: ({ data }: {
         data: any;
     }) => void;
@@ -27,4 +29,4 @@ declare class Group {
      */
     getGroup(bounds: Bounds): BaseNodeModel | undefined;
 }
-export { Group };
+export { Group, GroupNode, };

package/cjs/NodeResize/BasicShape/Ellipse.js

@@ -1,21 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@logicflow/core");
-function Ellipse(props) {
-    var _a = props.x, x = _a === void 0 ? 0 : _a, _b = props.y, y = _b === void 0 ? 0 : _b, _c = props.rx, rx = _c === void 0 ? 4 : _c, _d = props.ry, ry = _d === void 0 ? 4 : _d;
-    var attrs = __assign({ cx: x, cy: y, rx: rx,
-        ry: ry, fill: 'transparent', fillOpacity: 1, strokeWidth: 1, stroke: '#000', strokeOpacity: 1 }, props);
-    return (core_1.h("ellipse", __assign({}, attrs)));
-}
-exports.default = Ellipse;

package/es/NodeResize/BasicShape/Ellipse.d.ts

@@ -1,2 +0,0 @@
-import { h } from '@logicflow/core';
-export default function Ellipse(props: any): h.JSX.Element;

package/es/NodeResize/BasicShape/Ellipse.js

@@ -1,18 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { h } from '@logicflow/core';
-export default function Ellipse(props) {
-    var _a = props.x, x = _a === void 0 ? 0 : _a, _b = props.y, y = _b === void 0 ? 0 : _b, _c = props.rx, rx = _c === void 0 ? 4 : _c, _d = props.ry, ry = _d === void 0 ? 4 : _d;
-    var attrs = __assign({ cx: x, cy: y, rx: rx,
-        ry: ry, fill: 'transparent', fillOpacity: 1, strokeWidth: 1, stroke: '#000', strokeOpacity: 1 }, props);
-    return (h("ellipse", __assign({}, attrs)));
-}