@rxflow/base 0.0.1-alpha.0

package/cjs/types.d.ts

@@ -0,0 +1,223 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-02 09:30
+ * @desc: BaseFlow 类型文件定义
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { Edge, MarkerType, Node, PanelPosition, ReactFlowState, NodeProps, OnEdgesChange, ReactFlowProps } from "@xyflow/react";
+import { NodeHandleBounds } from "@xyflow/system";
+import React, { ComponentType } from "react";
+import { MarkDefinition } from "./components/MarkerDefinitions/types";
+import { ScrollbarPluginOptions } from "./plugins/scrollbar/types";
+export type NodeTypeComponent<DataType extends Record<string, unknown> = Record<string, unknown>> = ComponentType<NodeProps<Node<DataType>>> & {
+    measureHandles?: (data: Node<DataType>) => NodeHandleBounds;
+    defaultSize?: {
+        width: number | ((node: Node<DataType>, theme: BaseThemeConfig) => number);
+        height: number | ((data: Node<DataType>, theme: BaseThemeConfig) => number);
+    };
+};
+export interface BaseThemeConfig {
+    /**
+     * @description 字体大小配置
+     * @default 14
+     */
+    fontSize?: number;
+    /**
+     * @description 字体家族配置
+     * @default "Arial, helvetica, sans-serif"
+     */
+    fontFamily?: string;
+    /**
+     * @description 主题色
+     * @default "#5F95FF"
+     */
+    primaryColor?: string;
+    /**
+     * @description 折叠按钮形状
+     * @default 'rect'
+     */
+    collapseButtonShape?: 'rect' | 'circle';
+    /**
+     * 展开时自动隐藏关联节点数量
+     */
+    autoHideCountWhenExpanded?: boolean;
+    /**
+     * @desc 是否显示依赖数量
+     * @default true
+     */
+    showCount?: boolean;
+}
+export type LayoutConfig<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
+    nodeTypes: Record<string, NodeTypeComponent>;
+    originNodes: NodeType[];
+    originEdges: EdgeType[];
+    theme: BaseThemeConfig;
+    onlyRenderVisibleElements: boolean;
+    store: ReactFlowState<NodeType, EdgeType>;
+    state: BaseStateType;
+    flowProps: IBaseFlowProps<NodeType, EdgeType>;
+};
+export type LayoutFunction<NodeType extends Node = Node, EdgeType extends Edge = Edge> = (config: LayoutConfig<NodeType, EdgeType>) => ({
+    nodes: NodeType[];
+    edges: EdgeType[];
+});
+export type MindMapLayoutConfig = {
+    hGap?: number;
+    vGap?: number;
+    markerType?: MarkerType;
+};
+export interface INodeDefinition<DataType extends Record<string, unknown> = Record<string, unknown>> {
+    type: string;
+    hideInLegend?: boolean;
+    hideInSider?: boolean;
+    group?: string;
+    order?: number;
+    label?: string;
+    icon?: React.ReactNode;
+    color?: string;
+    deletable?: boolean;
+    component: NodeTypeComponent<DataType>;
+    _component?: NodeTypeComponent<DataType>;
+    measureHandles?: (data: Node<DataType>) => NodeHandleBounds;
+    defaultSize?: {
+        width: number | ((node: Node<DataType>, theme: BaseThemeConfig) => number);
+        height: number | ((data: Node<DataType>, theme: BaseThemeConfig) => number);
+    };
+    [key: string]: any;
+}
+export interface IBaseFlowProps<NodeType extends Node = Node, EdgeType extends Edge = Edge> extends Omit<ReactFlowProps<NodeType, EdgeType>, 'nodeTypes' | 'width' | 'height'> {
+    /**
+     * @description graph 宽度
+     */
+    width?: string | number;
+    /**
+     * @description graph 高度
+     */
+    height?: string | number;
+    /**
+     * @description 背景颜色
+     */
+    background?: string;
+    /**
+     * @description 主题配置
+     */
+    theme?: BaseThemeConfig;
+    nodeTypes?: Array<INodeDefinition<NodeType['data']>>;
+    /**
+     * @description 是否显示控制器
+     * @default true
+     */
+    showControls?: boolean;
+    controlsPosition?: PanelPosition;
+    controlsOrientation?: 'horizontal' | 'vertical';
+    customControls?: React.ReactNode;
+    showMiniMap?: boolean;
+    getMiniMapNodeColor?: (node: Node) => string;
+    showFullscreen?: boolean;
+    /**
+     * @description 是否显示布局优化操作
+     */
+    showForceLayout?: boolean;
+    showInteractive?: boolean;
+    showFitView?: boolean;
+    showZoom?: boolean;
+    /**
+     * @description 是否显示图例
+     * @default false
+     */
+    showLegend?: boolean | {
+        /**
+         * 是否显示所有的图例，false时只显示当前显示节点的图例
+         * @default true
+         */
+        showAll?: boolean;
+    };
+    /**
+     * @description 是否自动居中
+     * @default false
+     */
+    autoCenter?: boolean;
+    rootStyle?: React.CSSProperties;
+    layout?: LayoutFunction<NodeType, EdgeType>;
+    /**
+     * @description 是否强制布局
+     * @default !!layout
+     */
+    forceLayout?: boolean;
+    markers?: MarkDefinition[];
+    plugins?: {
+        scroller?: false | ScrollbarPluginOptions;
+    };
+    /**
+     * @description 是否开启 service worker 模式，当为数字时，检测当前的节点数量，节点数量大于配置阈值时启用 serviceWorker模式，否则直接在 js中执行；当为true时强制使用 service worker 执行计算逻辑。false时默认关闭
+     * @default false
+     */
+    readOnly?: boolean;
+    onZoomIn?: () => void;
+    /** Called in addition the default zoom behavior when the zoom out button is clicked. */
+    onZoomOut?: () => void;
+    /**
+     * Called when the fit view button is clicked. When this is not provided, the viewport will be
+     * adjusted so that all nodes are visible.
+     */
+    onFitView?: () => void;
+    /** Called when the interactive (lock) button is clicked. */
+    onInteractiveChange?: (interactiveStatus: boolean) => void;
+    /**
+     * @description nodes 节点变化/初始化渲染回调
+     */
+    onRender?: (nodes: NodeType[], edges: EdgeType[], timing: number) => void;
+    omitProps?: string[];
+    /**
+     * 强制执行 fitView 逻辑，当 nodes 变化时自动触发 forceFitView
+     */
+    forceFitView?: boolean;
+}
+export type CollapseButtonProps = {
+    position?: 'left' | 'right';
+    loading?: boolean;
+    collapsed?: boolean;
+    count: number;
+    onCollapse?: (collapsed: boolean) => void;
+    direction?: 'vertical' | 'horizontal';
+    displayCount?: boolean;
+    autoHideCountWhenExpanded?: boolean;
+};
+export interface TreeNode {
+    id: string;
+    type: string;
+    collapsed?: boolean;
+    childCount?: number;
+    children?: Array<TreeNode>;
+}
+export interface BaseNodeData {
+    id: string;
+    type: string;
+}
+export type NodeRenderProps = NodeProps & {
+    data: any;
+    type: any;
+};
+export type PopupTriggerEventType = {
+    onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
+    onPointerEnter?: (event: React.MouseEvent<HTMLElement>) => void;
+    onPointerLeave?: (event: React.MouseEvent<HTMLElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+};
+export type BaseStateType = {
+    id: string;
+    props: Record<string, any>;
+    onEdgesChangeHandlers: OnEdgesChange<any>[];
+    isNodeDragging: boolean;
+    forceRenderTimes: number;
+    initialNodeIdSet: Set<string>;
+    nodeTypeMap: Map<string, INodeDefinition>;
+    smartEdges: Record<string, boolean>;
+    edgeStore: Record<string, any>;
+};
+export type ExtractState<S> = S extends {
+    getState: () => infer T;
+} ? T : never;
+//# sourceMappingURL=types.d.ts.map

package/cjs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAC,MAAM,eAAe,CAAC;AAC9H,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAE,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAC,sBAAsB,EAAC,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,iBAAiB,CAAC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC9F,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG;IAC3C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,gBAAgB,CAAC;IAC5D,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,eAAe,KAAK,MAAM,CAAC,CAAC;QAC3E,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,eAAe,KAAK,MAAM,CAAC,CAAC;KAC7E,CAAC;CACH,CAAC;AAGF,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAGxC;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,YAAY,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI;IACrF,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IAC7C,WAAW,EAAE,QAAQ,EAAE,CAAC;IACxB,WAAW,EAAE,QAAQ,EAAE,CAAC;IACxB,KAAK,EAAE,eAAe,CAAC;IACvB,yBAAyB,EAAE,OAAO,CAAC;IACnC,KAAK,EAAE,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC1C,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;CAC9C,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAE,CACrF,MAAM,EAAE,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,KACrC,CAAC;IACJ,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB,CAAC,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAA;AAED,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACjG,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,gBAAgB,CAAC;IAC5D,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,eAAe,KAAK,MAAM,CAAC,CAAC;QAC3E,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,eAAe,KAAK,MAAM,CAAC,CAAC;KAC7E,CAAC;IAEF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,cAAc,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CAAE,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5K;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IAExB,SAAS,CAAC,EAAE,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAErD;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,gBAAgB,CAAC,EAAE,aAAa,CAAC;IAEjC,mBAAmB,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAEhD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAGjC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IAE7C,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG;QACrB;;;WAGG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IAEF;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEhC,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC5C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAE3B,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,KAAK,GAAG,sBAAsB,CAAC;KAC3C,CAAA;IAED;;;OAGG;IAGH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;IAG3D;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1E,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAGD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC,CAAA;AAGD,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC5B;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAGD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG;IACxC,IAAI,EAAE,GAAG,CAAC;IACV,IAAI,EAAE,GAAG,CAAC;CACX,CAAC;AAGF,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAChE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC1D,CAAA;AAID,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3B,qBAAqB,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;IAC5C,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAC1C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAChC,CAAA;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS;IACtC,QAAQ,EAAE,MAAM,MAAM,CAAC,CAAC;CACzB,GAAG,CAAC,GAAG,KAAK,CAAC"}

package/cjs/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/utils/dimension.d.ts

@@ -0,0 +1,20 @@
+import { BaseThemeConfig, NodeTypeComponent } from "../types";
+import { InternalNode, Node } from '@xyflow/react';
+import { NodeLookup } from "@xyflow/system";
+/**
+ * 计算节点的宽度
+ * @param node
+ * @param nodeTypes
+ * @param theme
+ * @param nodeLookup
+ */
+export declare function getNodeWidth(node: Node, nodeTypes?: Record<string, NodeTypeComponent>, theme?: BaseThemeConfig, nodeLookup?: NodeLookup<InternalNode>): number;
+/**
+ * 计算节点的高度
+ * @param node
+ * @param nodeTypes
+ * @param theme
+ * @param nodeLookup
+ */
+export declare function getNodeHeight(node: Node, nodeTypes?: Record<string, NodeTypeComponent>, theme?: BaseThemeConfig, nodeLookup?: NodeLookup<InternalNode>): number;
+//# sourceMappingURL=dimension.d.ts.map

package/cjs/utils/dimension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dimension.d.ts","sourceRoot":"","sources":["dimension.ts"],"names":[],"mappings":"AAQA,OAAO,EAAe,eAAe,EAAE,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAC1E,OAAO,EAAC,YAAY,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAG1C;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,IAAI,EACV,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,EAC7C,KAAK,CAAC,EAAE,eAAe,EACvB,UAAU,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,UAkCtC;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,IAAI,EACV,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,EAC7C,KAAK,CAAC,EAAE,eAAe,EACvB,UAAU,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,UAkCtC"}

package/cjs/utils/dimension.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getNodeHeight = getNodeHeight;
+exports.getNodeWidth = getNodeWidth;
+/*
+ * @author: yanxianliang
+ * @date: 2025-05-17 22:24
+ * @desc: dimension 计算 utils
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * 计算节点的宽度
+ * @param node
+ * @param nodeTypes
+ * @param theme
+ * @param nodeLookup
+ */
+function getNodeWidth(node, nodeTypes, theme, nodeLookup) {
+  // 优先级，lookup > node  measured 配置>size>calc
+  if (nodeLookup && nodeLookup.has(node.id)) {
+    const lookup = nodeLookup.get(node.id);
+    if (typeof lookup?.measured?.width === 'number') {
+      return lookup?.measured?.width; // 实际的高度
+    }
+  }
+  const {
+    type,
+    measured,
+    width
+  } = node;
+  if (typeof measured?.width === 'number') {
+    return measured.width;
+  }
+  if (typeof width === 'number') {
+    return width;
+  }
+  if (!type || !nodeTypes?.[type] || !nodeTypes?.[type].defaultSize) {
+    return 1;
+  }
+  const ctr = nodeTypes[type];
+  const defaults = ctr.defaultSize;
+  if (defaults.width) {
+    if (typeof defaults.width === 'number') {
+      return defaults.width;
+    }
+    return defaults.width(node, theme);
+  } else {
+    return 1;
+  }
+}
+
+/**
+ * 计算节点的高度
+ * @param node
+ * @param nodeTypes
+ * @param theme
+ * @param nodeLookup
+ */
+function getNodeHeight(node, nodeTypes, theme, nodeLookup) {
+  // 优先级，lookup > node  measured 配置>size>calc
+  if (nodeLookup && nodeLookup.has(node.id)) {
+    const lookup = nodeLookup.get(node.id);
+    if (typeof lookup?.measured?.height === 'number') {
+      return lookup?.measured?.height; // 实际的高度
+    }
+  }
+  const {
+    type,
+    measured,
+    height
+  } = node;
+  if (typeof measured?.height === 'number') {
+    return measured.height;
+  }
+  if (typeof height === 'number') {
+    return height;
+  }
+  if (!type || !nodeTypes?.[type] || !nodeTypes?.[type].defaultSize) {
+    return 1;
+  }
+  const ctr = nodeTypes[type];
+  const defaults = ctr?.defaultSize;
+  if (defaults.height) {
+    if (typeof defaults.height === 'number') {
+      return defaults.height;
+    }
+    return defaults.height(node, theme);
+  } else {
+    return 1;
+  }
+}

package/cjs/utils/getPopupContainer.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-09-10 15:28
+ * @modified：2025/9/10 15:28 by yanxianliang
+ * @desc: popupContainer 处理
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+export declare const getPopupContainer: () => HTMLElement;
+//# sourceMappingURL=getPopupContainer.d.ts.map

package/cjs/utils/getPopupContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPopupContainer.d.ts","sourceRoot":"","sources":["getPopupContainer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,eAAO,MAAM,iBAAiB,mBAE7B,CAAA"}

package/cjs/utils/getPopupContainer.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPopupContainer = void 0;
+/**
+ * @author: yanxianliang
+ * @date: 2025-09-10 15:28
+ * @modified：2025/9/10 15:28 by yanxianliang
+ * @desc: popupContainer 处理
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const getPopupContainer = () => {
+  return document.fullscreenElement || document.body;
+};
+exports.getPopupContainer = getPopupContainer;

package/cjs/utils/getThemeWithDefaultValue.d.ts

@@ -0,0 +1,10 @@
+import { BaseThemeConfig } from "../types";
+export declare const getThemeWithDefaultValue: <ThemeConfig extends BaseThemeConfig>(theme?: ThemeConfig) => {
+    fontSize: number;
+    fontFamily: string;
+    primaryColor: string;
+    collapseButtonShape?: "rect" | "circle" | undefined;
+    autoHideCountWhenExpanded?: boolean | undefined;
+    showCount?: boolean | undefined;
+};
+//# sourceMappingURL=getThemeWithDefaultValue.d.ts.map

package/cjs/utils/getThemeWithDefaultValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getThemeWithDefaultValue.d.ts","sourceRoot":"","sources":["getThemeWithDefaultValue.ts"],"names":[],"mappings":"AAQA,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AAEzC,eAAO,MAAM,wBAAwB,gDAAiD,WAAW;;;;;;;CAOhG,CAAA"}

package/cjs/utils/getThemeWithDefaultValue.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getThemeWithDefaultValue = void 0;
+/*
+ * @author: yanxianliang
+ * @date: 2025-05-17 16:12
+ * @desc: 默认主题获取函数
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const getThemeWithDefaultValue = theme => {
+  return {
+    ...theme,
+    fontSize: theme?.fontSize ?? 14,
+    fontFamily: theme?.fontFamily ?? 'Arial, helvetica, sans-serif',
+    primaryColor: theme?.primaryColor ?? '#5F95FF'
+  };
+};
+exports.getThemeWithDefaultValue = getThemeWithDefaultValue;

package/cjs/utils/hasDimensionsChange.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-08 10:22
+ * @desc: 有dimensions change事件
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { NodeChange, Node } from "@xyflow/react";
+export declare const hasDimensionsChange: <NodeType extends Node>(changes: NodeChange<NodeType>[]) => boolean;
+//# sourceMappingURL=hasDimensionsChange.d.ts.map

package/cjs/utils/hasDimensionsChange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasDimensionsChange.d.ts","sourceRoot":"","sources":["hasDimensionsChange.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAE/C,eAAO,MAAM,mBAAmB,mCAAoC,WAAW,QAAQ,CAAC,EAAE,YAOzF,CAAA"}

package/cjs/utils/hasDimensionsChange.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasDimensionsChange = void 0;
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-08 10:22
+ * @desc: 有dimensions change事件
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const hasDimensionsChange = changes => {
+  for (const change of changes) {
+    if (change.type === 'dimensions') {
+      return true;
+    }
+  }
+  return false;
+};
+exports.hasDimensionsChange = hasDimensionsChange;

package/cjs/utils/layouts/base.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-03 09:38
+ * @desc: base layout
+ *
+ * 不自动布局，直接返回外部节点和边
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { LayoutConfig } from "../..";
+import { Edge, Node } from "@xyflow/react";
+export declare const baseLayout: <NodeType extends Node = Node, EdgeType extends Edge = Edge>({ nodeTypes, originNodes, originEdges }: LayoutConfig<NodeType, EdgeType>) => {
+    nodes: NodeType[];
+    edges: EdgeType[];
+};
+//# sourceMappingURL=base.d.ts.map

package/cjs/utils/layouts/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["base.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAC,YAAY,EAAC,cAAqB;AAC1C,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAEzC,eAAO,MAAM,UAAU,wGAAuG,aAAa,QAAQ,EAAE,QAAQ,CAAC;;;CAK7J,CAAA"}

package/cjs/utils/layouts/base.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.baseLayout = void 0;
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-03 09:38
+ * @desc: base layout
+ *
+ * 不自动布局，直接返回外部节点和边
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const baseLayout = ({
+  nodeTypes,
+  originNodes,
+  originEdges
+}) => {
+  return {
+    nodes: originNodes,
+    edges: originEdges
+  };
+};
+exports.baseLayout = baseLayout;

package/cjs/utils/layouts/mindmap.d.ts

@@ -0,0 +1,7 @@
+import { LayoutConfig, MindMapLayoutConfig } from "../..";
+import { Edge, Node } from "@xyflow/react";
+export declare const mindMapLayout: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(layoutConfig: MindMapLayoutConfig | undefined, config: LayoutConfig<NodeType, EdgeType>) => {
+    nodes: NodeType[];
+    edges: EdgeType[];
+};
+//# sourceMappingURL=mindmap.d.ts.map

package/cjs/utils/layouts/mindmap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mindmap.d.ts","sourceRoot":"","sources":["mindmap.ts"],"names":[],"mappings":"AAQA,OAAO,EAAC,YAAY,EAAE,mBAAmB,EAAyB,cAAqB;AACvF,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAGzC,eAAO,MAAM,aAAa,sHAEhB,aAAa,QAAQ,EAAE,QAAQ,CAAC;;;CA8FzC,CAAA"}

package/cjs/utils/layouts/mindmap.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mindMapLayout = void 0;
+var _hierarchy = _interopRequireDefault(require("@antv/hierarchy"));
+var _ = require("../..");
+var _dimension = require("../dimension");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-03 09:53
+ * @desc: mindmap 布局
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const mindMapLayout = (layoutConfig = {}, config) => {
+  const {
+    originNodes,
+    theme,
+    nodeTypes
+  } = config;
+  const rootNode = originNodes?.[0];
+  if (!rootNode) {
+    return {
+      nodes: [],
+      edges: []
+    };
+  }
+  const edges = [];
+  const {
+    hGap = 40,
+    vGap = 20,
+    markerType
+  } = layoutConfig;
+  const layoutInfo = _hierarchy.default.mindmap(rootNode, {
+    direction: 'H',
+    getId(node) {
+      return node.id;
+    },
+    getWidth(node) {
+      const width = (0, _dimension.getNodeWidth)(node, nodeTypes, theme); // 还不是node实例。
+      node.width = width;
+      return width;
+    },
+    getHeight(node) {
+      const height = (0, _dimension.getNodeHeight)(node, nodeTypes, theme);
+      node.height = height;
+      return height;
+    },
+    getHGap() {
+      return hGap;
+    },
+    getVGap() {
+      return vGap;
+    },
+    getSide: node => {
+      const data = node.data;
+      return 'side' in data ? data.side : 'right';
+    },
+    getChildren: node => {
+      let children = [];
+      if ('collapsed' in node && node.collapsed === false) {
+        children = node.children || [];
+      }
+      for (const child of children) {
+        // edge ==> 是否显示箭头，需要配置
+        edges.push({
+          type: 'smoothstep',
+          id: `${node.id}_${child.id}`,
+          source: node.id,
+          target: child.id,
+          markerEnd: markerType
+        });
+      }
+      return children;
+    }
+  });
+
+  // 开始节点x,y 以（0,0）进行修正，根节点需要能够被检测显示在画布区域
+
+  let nodes = [];
+  const {
+    x: rootX,
+    y: rootY
+  } = layoutInfo;
+  layoutInfo.BFTraverse(node => {
+    const {
+      x,
+      y,
+      data
+    } = node;
+    const {
+      id,
+      type,
+      width,
+      height
+    } = data;
+    const nodeWidth = width;
+    const nodeHeight = height;
+    const adjustX = x - rootX;
+    const adjustY = y - rootY;
+    const position = {
+      x: adjustX,
+      y: adjustY
+    };
+    // 固定宽度和高度的节点，不支持动态适应内容
+    const graphNode = {
+      id,
+      type,
+      measured: {
+        width: nodeWidth,
+        height: nodeHeight
+      },
+      width: nodeWidth,
+      height: nodeHeight,
+      data,
+      position: position,
+      zIndex: 10
+    };
+    const definition = nodeTypes?.[type];
+    const handles = definition?.measureHandles?.(graphNode);
+    graphNode.handles = (0, _.parseHandles)(handles);
+    nodes.push(graphNode);
+  });
+  return {
+    nodes,
+    edges
+  };
+};
+exports.mindMapLayout = mindMapLayout;