@logicflow/core 1.2.27 → 2.0.0-beta.1

package/types/model/node/BaseNodeModel.d.ts

@@ -1,232 +0,0 @@
-import { OutlineTheme } from '../../constant/DefaultTheme';
-import { ModelType, ElementType } from '../../constant/constant';
-import { AdditionData, NodeData, NodeConfig, NodeMoveRule, Bounds, AnchorConfig, PointAnchor, AnchorsOffsetItem, ShapeStyleAttribute, IsAllowMove, Point, AnchorInfo, DomAttributes } from '../../type';
-import GraphModel from '../GraphModel';
-import { IBaseModel } from '../BaseModel';
-import { BaseEdgeModel } from '../edge';
-export declare type ConnectRule = {
-    message: string;
-    validate: (source?: BaseNodeModel, target?: BaseNodeModel, sourceAnchor?: AnchorConfig, targetAnchor?: AnchorConfig, edgeId?: string) => boolean;
-};
-export declare type ConnectRuleResult = {
-    isAllPass: boolean;
-    msg?: string;
-};
-interface IBaseNodeModel extends IBaseModel {
-    /**
-     * model基础类型，固定为node
-     */
-    readonly BaseType: ElementType.NODE;
-}
-export { BaseNodeModel };
-export default class BaseNodeModel implements IBaseNodeModel {
-    id: string;
-    type: string;
-    x: number;
-    y: number;
-    text: {
-        value: string;
-        x: number;
-        y: number;
-        draggable: boolean;
-        editable: boolean;
-    };
-    properties: Record<string, any>;
-    private _width;
-    get width(): number;
-    set width(value: number);
-    private _height;
-    get height(): number;
-    set height(value: number);
-    anchorsOffset: AnchorsOffsetItem[];
-    isSelected: boolean;
-    isHovered: boolean;
-    isShowAnchor: boolean;
-    isDragging: boolean;
-    isHitable: boolean;
-    draggable: boolean;
-    visible: boolean;
-    enableRotate: boolean;
-    virtual: boolean;
-    graphModel: GraphModel;
-    zIndex: number;
-    state: number;
-    autoToFront: boolean;
-    style: ShapeStyleAttribute;
-    transform: string;
-    private _rotate;
-    set rotate(value: number);
-    get rotate(): number;
-    readonly BaseType = ElementType.NODE;
-    modelType: ModelType;
-    additionStateData: AdditionData;
-    targetRules: ConnectRule[];
-    sourceRules: ConnectRule[];
-    moveRules: NodeMoveRule[];
-    hasSetTargetRules: boolean;
-    hasSetSourceRules: boolean;
-    [propName: string]: any;
-    constructor(data: NodeConfig, graphModel: GraphModel);
-    /**
-     * 获取进入当前节点的边和节点
-     */
-    get incoming(): {
-        nodes: BaseNodeModel[];
-        edges: BaseEdgeModel[];
-    };
-    get outgoing(): {
-        nodes: BaseNodeModel[];
-        edges: BaseEdgeModel[];
-    };
-    /**
-     * @overridable 可以重写
-     * 初始化节点数据
-     * initNodeData和setAttributes的区别在于
-     * initNodeData只在节点初始化的时候调用，用于初始化节点的所有属性。
-     * setAttributes除了初始化调用外，还会在properties发生变化了调用。
-     */
-    initNodeData(data: any): void;
-    /**
-     * 设置model属性，每次properties发生变化会触发
-     * 例如设置节点的宽度
-     * @example
-     *
-     * setAttributes () {
-     *   this.width = 300
-     *   this.height = 200
-     * }
-     *
-     * @overridable 支持重写
-     */
-    setAttributes(): void;
-    /**
-     * @overridable 支持重写，自定义此类型节点默认生成方式
-     * @returns string
-     */
-    createId(): string;
-    /**
-     * 初始化文本属性
-     */
-    private formatText;
-    /**
-     * 获取被保存时返回的数据
-     * @overridable 支持重写
-     */
-    getData(): NodeData;
-    /**
-     * 用于在历史记录时获取节点数据，
-     * 在某些情况下，如果希望某个属性变化不引起history的变化，
-     * 可以重写此方法。
-     */
-    getHistoryData(): NodeData;
-    /**
-     * 获取当前节点的properties
-     */
-    getProperties(): Record<string, any>;
-    /**
-     * @overridable 支持重写
-     * 获取当前节点最外层g标签Attributes, 例如className
-     * @returns 自定义节点样式
-     */
-    getOuterGAttributes(): DomAttributes;
-    /**
-     * @overridable 支持重写
-     * 获取当前节点样式
-     * @returns 自定义节点样式
-     */
-    getNodeStyle(): ShapeStyleAttribute;
-    /**
-     * @overridable 支持重写
-     * 获取当前节点文本样式
-     */
-    getTextStyle(): import("../../constant/DefaultTheme").NodeTextTheme;
-    /**
-     * @overridable 支持重写
-     * 获取当前节点旋转控制点的样式
-     */
-    getRotateControlStyle(): import("../../constant/DefaultTheme").CommonTheme;
-    /**
-     * @overridable 支持重写
-     * 获取当前节点锚点样式
-     * @returns 自定义样式
-     */
-    getAnchorStyle(anchorInfo: any): Record<string, any>;
-    /**
-     * @overridable 支持重写
-     * 获取当前节点锚点拖出连线样式
-     * @returns 自定义锚点拖出样式
-     */
-    getAnchorLineStyle(anchorInfo: any): import("../../constant/DefaultTheme").CommonTheme;
-    /**
-     * @overridable 支持重写
-     * 获取outline样式，重写可以定义此类型节点outline样式， 默认使用主题样式
-     * @returns 自定义outline样式
-     */
-    getOutlineStyle(): OutlineTheme;
-    /**
-     * @over
-     * 在边的时候，是否允许这个节点为source节点，边到target节点。
-     *
-     * @param edgeId 调整的边的id，在开启adjustEdgeStartAndEnd后调整边连接的节点时会传入，见https://github.com/didi/LogicFlow/issues/926#issuecomment-1371823306
-     */
-    isAllowConnectedAsSource(target: BaseNodeModel, sourceAnchor: AnchorConfig, targetAnchor: AnchorConfig, edgeId?: string): ConnectRuleResult | Boolean;
-    /**
-     * 获取当前节点作为连接的起始节点规则。
-     */
-    getConnectedSourceRules(): ConnectRule[];
-    /**
-     * 在连线的时候，是否允许这个节点为target节点
-     *
-     * @param edgeId 调整的边的id，在开启adjustEdgeStartAndEnd后调整边连接的节点时会传入，见https://github.com/didi/LogicFlow/issues/926#issuecomment-1371823306
-     */
-    isAllowConnectedAsTarget(source: BaseNodeModel, sourceAnchor: AnchorConfig, targetAnchor: AnchorConfig, edgeId?: string): ConnectRuleResult | Boolean;
-    /**
-     * 内部方法
-     * 是否允许移动节点到新的位置
-     */
-    isAllowMoveNode(deltaX: any, deltaY: any): boolean | IsAllowMove;
-    /**
-     * 获取作为连线终点时的所有规则。
-     */
-    getConnectedTargetRules(): ConnectRule[];
-    /**
-     * @returns Point[] 锚点坐标构成的数组
-     */
-    getAnchorsByOffset(): PointAnchor[];
-    /**
-     * @overridable 子类重写此方法设置默认锚点
-     * 获取节点默认情况下的锚点
-     */
-    getDefaultAnchor(): PointAnchor[];
-    /**
-     * @overridable 子类重写此方法获取手动连接边到节点时，需要连接的锚点
-     * 手动连接边到节点时，需要连接的锚点
-     */
-    getTargetAnchor(position: Point): AnchorInfo;
-    /**
-     * 获取节点BBox
-     */
-    getBounds(): Bounds;
-    get anchors(): PointAnchor[];
-    getAnchorInfo(anchorId: string): PointAnchor;
-    addNodeMoveRules(fn: NodeMoveRule): void;
-    move(deltaX: any, deltaY: any, isIgnoreRule?: boolean): boolean;
-    getMoveDistance(deltaX: number, deltaY: number, isIgnoreRule?: boolean): [number, number];
-    moveTo(x: any, y: any, isIgnoreRule?: boolean): boolean;
-    moveText(deltaX: any, deltaY: any): void;
-    updateText(value: string): void;
-    setSelected(flag?: boolean): void;
-    setHovered(flag?: boolean): void;
-    setIsShowAnchor(flag?: boolean): void;
-    setEnableRotate(flag?: boolean): void;
-    setHitable(flag?: boolean): void;
-    setElementState(state: number, additionStateData?: AdditionData): void;
-    setProperty(key: any, val: any): void;
-    setProperties(properties: any): void;
-    deleteProperty(key: string): void;
-    setStyle(key: any, val: any): void;
-    setStyles(styles: any): void;
-    updateStyles(styles: any): void;
-    setZIndex(zIndex?: number): void;
-    updateAttributes(attributes: any): void;
-}

package/types/model/node/CircleNodeModel.d.ts

@@ -1,21 +0,0 @@
-import BaseNodeModel from './BaseNodeModel';
-import { ModelType } from '../../constant/constant';
-declare class CircleNodeModel extends BaseNodeModel {
-    modelType: ModelType;
-    r: number;
-    get width(): number;
-    get height(): number;
-    getNodeStyle(): {
-        [x: string]: any;
-        fill?: string;
-        stroke?: string;
-        strokeWidth?: number;
-    };
-    getDefaultAnchor(): {
-        x: number;
-        y: number;
-        id: string;
-    }[];
-}
-export { CircleNodeModel };
-export default CircleNodeModel;

package/types/model/node/DiamondNodeModel.d.ts

@@ -1,25 +0,0 @@
-import { Point, PointTuple } from '../../type';
-import BaseNodeModel from './BaseNodeModel';
-import { ModelType } from '../../constant/constant';
-declare class DiamondNodeModel extends BaseNodeModel {
-    modelType: ModelType;
-    rx: number;
-    ry: number;
-    getNodeStyle(): {
-        [x: string]: any;
-        fill?: string;
-        stroke?: string;
-        strokeWidth?: number;
-    };
-    get points(): PointTuple[];
-    get pointsPosition(): Point[];
-    get width(): number;
-    get height(): number;
-    getDefaultAnchor(): {
-        x: number;
-        y: number;
-        id: string;
-    }[];
-}
-export { DiamondNodeModel };
-export default DiamondNodeModel;

package/types/model/node/EllipseNodeModel.d.ts

@@ -1,22 +0,0 @@
-import BaseNodeModel from './BaseNodeModel';
-import { ModelType } from '../../constant/constant';
-declare class EllipseNodeModel extends BaseNodeModel {
-    modelType: ModelType;
-    rx: number;
-    ry: number;
-    getNodeStyle(): {
-        [x: string]: any;
-        fill?: string;
-        stroke?: string;
-        strokeWidth?: number;
-    };
-    get width(): number;
-    get height(): number;
-    getDefaultAnchor(): {
-        x: number;
-        y: number;
-        id: string;
-    }[];
-}
-export { EllipseNodeModel };
-export default EllipseNodeModel;

package/types/model/node/HtmlNodeModel.d.ts

@@ -1,12 +0,0 @@
-import BaseNodeModel from './BaseNodeModel';
-import { ModelType } from '../../constant/constant';
-declare class HtmlNodeModel extends BaseNodeModel {
-    modelType: ModelType;
-    getDefaultAnchor(): {
-        x: number;
-        y: number;
-        id: string;
-    }[];
-}
-export { HtmlNodeModel };
-export default HtmlNodeModel;

package/types/model/node/PolygonNodeModel.d.ts

@@ -1,28 +0,0 @@
-import { Point, PointTuple } from '../../type';
-import BaseNodeModel from './BaseNodeModel';
-import { ModelType } from '../../constant/constant';
-declare class PolygonNodeModel extends BaseNodeModel {
-    modelType: ModelType;
-    points: PointTuple[];
-    getNodeStyle(): {
-        [x: string]: any;
-        fill?: string;
-        stroke?: string;
-        strokeWidth?: number;
-    };
-    /**
-     * 由于大多数情况下，我们初始化拿到的多边形坐标都是基于原点的（例如绘图工具到处的svg）。
-     * 在logicflow中对多边形进行移动，我们不需要去更新points，
-     * 而是去更新多边形中心点即可。
-     */
-    get pointsPosition(): Point[];
-    get width(): number;
-    get height(): number;
-    getDefaultAnchor(): {
-        x: number;
-        y: number;
-        id: string;
-    }[];
-}
-export { PolygonNodeModel };
-export default PolygonNodeModel;

package/types/model/node/RectNodeModel.d.ts

@@ -1,19 +0,0 @@
-import BaseNodeModel from './BaseNodeModel';
-import { ModelType } from '../../constant/constant';
-declare class RectNodeModel extends BaseNodeModel {
-    modelType: ModelType;
-    radius: number;
-    getDefaultAnchor(): {
-        x: number;
-        y: number;
-        id: string;
-    }[];
-    getNodeStyle(): {
-        [x: string]: any;
-        fill?: string;
-        stroke?: string;
-        strokeWidth?: number;
-    };
-}
-export { RectNodeModel };
-export default RectNodeModel;

package/types/model/node/TextNodeModel.d.ts

@@ -1,19 +0,0 @@
-import BaseNodeModel from './BaseNodeModel';
-import { ModelType } from '../../constant/constant';
-declare class TextNodeModel extends BaseNodeModel {
-    modelType: ModelType;
-    getTextStyle(): {
-        [x: string]: any;
-        color?: string;
-        fontSize?: number;
-        fill?: string;
-        stroke?: string;
-        strokeWidth?: number;
-        overflowMode?: string;
-        background?: import("../../constant/DefaultTheme").CommonTheme;
-    };
-    get width(): number;
-    get height(): number;
-}
-export { TextNodeModel };
-export default TextNodeModel;

package/types/options.d.ts

@@ -1,240 +0,0 @@
-import { VNode } from 'preact';
-import { GridOptions } from './view/overlay/Grid';
-import { BackgroundConfig } from './view/overlay/BackgroundOverlay';
-import { NodeData, EdgeData, Extension, GraphConfigData, Point } from './type';
-import { KeyboardDef } from './keyboard';
-import { EditConfigInterface } from './model/EditConfigModel';
-import { Theme } from './constant/DefaultTheme';
-import { AnimationConfig } from './constant/DefaultAnimation';
-export declare type EdgeType = 'line' | 'polyline' | 'bezier' | any;
-declare type DefaultOverlapMode = 0;
-declare type IncreaseOverlapMode = 1;
-/**
- * 元素重叠处理方式
- * 0：表示节点在上，边在下，点击元素时选择元素显示在最顶部。
- * 1：表示安装元素创建顺序排序，点击元素也不会将其置顶。要置顶需要调用置顶API。
- */
-export declare type OverlapMode = DefaultOverlapMode | IncreaseOverlapMode;
-export declare type Definition = {
-    /**
-     * 画布初始化容器
-     * 注意，在不传入width和height的情况下，container元素本身应该存在高度和高度。
-     */
-    container: HTMLElement;
-    /**
-     * 画布宽度，不传则默认100%
-     */
-    width?: number;
-    /**
-     * 画布高度，不传则默认100%
-     */
-    height?: number;
-    /**
-     * 背景图
-     */
-    background?: false | BackgroundConfig;
-    /**
-     * 网格
-     */
-    grid?: boolean | GridOptions;
-    /**
-     * 键盘快捷操作
-     */
-    keyboard?: KeyboardDef;
-    /**
-     * 主题配置
-     */
-    style?: Theme;
-    /**
-     * 禁止初始化的插件名称
-     */
-    disabledPlugins?: string[];
-    /**
-     * 默认边类型
-     */
-    edgeType?: EdgeType;
-    /**
-     * 是否开启对齐线，默认开启
-     */
-    snapline?: boolean;
-    /**
-     * 是否开启历史记录功能，默认开启
-     */
-    history?: boolean;
-    /**
-     * 是否开启局部渲染，默认不开启
-     */
-    partial?: boolean;
-    /**
-     * 删除和克隆之前的判断函数
-     * todo: 目前不完善，仅支持同步
-     */
-    guards?: GuardsTypes;
-    /**
-     * 表示节点在上，边在下，点击元素时选择元素显示在最顶部。
-     * 表示安装元素创建顺序排序，点击元素也不会将其置顶。要置顶需要调用置顶API。
-     */
-    overlapMode?: OverlapMode;
-    /**
-     * 自定义创建节点、连线时生成id规则。
-     * @param type 节点、连线类型
-     */
-    idGenerator?: (type?: string) => string;
-    /**
-     * 禁止启用的内置工具
-     * 有些场景下，需要自定义多选效果或者文本编辑效果，则需要禁用这些内置的工具
-     * multipleSelect和textEdit
-     * todo: 将multipleSelect放到插件中
-     */
-    disabledTools?: string[];
-    /**
-     * 是否配置个性插件，覆盖全局配置的插件
-     */
-    plugins?: Extension[];
-    /**
-     * 插件配置参数，包含所有插件的参数，用户在插件内进行访问，也可以再插件之间读取
-     */
-    pluginsOptions?: Record<string, any>;
-    /**
-     * 控制是否开启动画
-     * false: 关闭所有动画
-     * true: 开启所有动画
-     * AnimationConfig: 配置部分动画开启
-     */
-    animation?: boolean | Partial<AnimationConfig>;
-    /**
-     * 节点间连线、连线变更时的边的生成规则
-     * @param sourceNode 起始节点数据
-     * @param targetNode 终止节点数据
-     * @param currentEdge 当前边的数据, 仅移动已有边的时候有值
-     *
-     * @return undefined: 使用默认边
-     *        string: 自定义边类型
-     *        any: 自定义边及其他数据
-     */
-    edgeGenerator?: (sourceNode: any, targetNode: any, currentEdge?: any) => string | any | undefined;
-    customTrajectory?: (props: CustomAnchorLineProps) => VNode;
-    [key: string]: any;
-} & EditConfigInterface;
-export interface CustomAnchorLineProps {
-    sourcePoint: Point;
-    targetPoint: Point;
-    [key: string]: any;
-}
-export interface GuardsTypes {
-    beforeClone?: (data: NodeData | GraphConfigData) => boolean;
-    beforeDelete?: (data: NodeData | EdgeData) => boolean;
-}
-export declare function get(options: Definition): {
-    background: boolean;
-    grid: boolean;
-    textEdit: boolean;
-    disabledTools: any[];
-} & {
-    [key: string]: any;
-    /**
-     * 画布初始化容器
-     * 注意，在不传入width和height的情况下，container元素本身应该存在高度和高度。
-     */
-    container: HTMLElement;
-    /**
-     * 画布宽度，不传则默认100%
-     */
-    width?: number;
-    /**
-     * 画布高度，不传则默认100%
-     */
-    height?: number;
-    /**
-     * 背景图
-     */
-    background?: false | BackgroundConfig;
-    /**
-     * 网格
-     */
-    grid?: boolean | GridOptions;
-    /**
-     * 键盘快捷操作
-     */
-    keyboard?: KeyboardDef;
-    /**
-     * 主题配置
-     */
-    style?: Theme;
-    /**
-     * 禁止初始化的插件名称
-     */
-    disabledPlugins?: string[];
-    /**
-     * 默认边类型
-     */
-    edgeType?: any;
-    /**
-     * 是否开启对齐线，默认开启
-     */
-    snapline?: boolean;
-    /**
-     * 是否开启历史记录功能，默认开启
-     */
-    history?: boolean;
-    /**
-     * 是否开启局部渲染，默认不开启
-     */
-    partial?: boolean;
-    /**
-     * 删除和克隆之前的判断函数
-     * todo: 目前不完善，仅支持同步
-     */
-    guards?: GuardsTypes;
-    /**
-     * 表示节点在上，边在下，点击元素时选择元素显示在最顶部。
-     * 表示安装元素创建顺序排序，点击元素也不会将其置顶。要置顶需要调用置顶API。
-     */
-    overlapMode?: OverlapMode;
-    /**
-     * 自定义创建节点、连线时生成id规则。
-     * @param type 节点、连线类型
-     */
-    idGenerator?: (type?: string) => string;
-    /**
-     * 禁止启用的内置工具
-     * 有些场景下，需要自定义多选效果或者文本编辑效果，则需要禁用这些内置的工具
-     * multipleSelect和textEdit
-     * todo: 将multipleSelect放到插件中
-     */
-    disabledTools?: string[];
-    /**
-     * 是否配置个性插件，覆盖全局配置的插件
-     */
-    plugins?: Extension[];
-    /**
-     * 插件配置参数，包含所有插件的参数，用户在插件内进行访问，也可以再插件之间读取
-     */
-    pluginsOptions?: Record<string, any>;
-    /**
-     * 控制是否开启动画
-     * false: 关闭所有动画
-     * true: 开启所有动画
-     * AnimationConfig: 配置部分动画开启
-     */
-    animation?: boolean | Partial<AnimationConfig>;
-    /**
-     * 节点间连线、连线变更时的边的生成规则
-     * @param sourceNode 起始节点数据
-     * @param targetNode 终止节点数据
-     * @param currentEdge 当前边的数据, 仅移动已有边的时候有值
-     *
-     * @return undefined: 使用默认边
-     *        string: 自定义边类型
-     *        any: 自定义边及其他数据
-     */
-    edgeGenerator?: (sourceNode: any, targetNode: any, currentEdge?: any) => any;
-    customTrajectory?: (props: CustomAnchorLineProps) => VNode<{}>;
-} & EditConfigInterface;
-export declare const defaults: {
-    background: boolean;
-    grid: boolean;
-    textEdit: boolean;
-    disabledTools: any[];
-};
-export {};

package/types/tool/MultipleSelectTool.d.ts

@@ -1,20 +0,0 @@
-import { h, Component } from 'preact';
-import LogicFlow from '../LogicFlow';
-import GraphModel from '../model/GraphModel';
-declare type IProps = {
-    graphModel: GraphModel;
-    logicFlow: LogicFlow;
-};
-export default class MultipleSelect extends Component<IProps> {
-    static toolName: string;
-    stepDrag: any;
-    constructor(props: any);
-    handleMouseDown: (ev: MouseEvent) => void;
-    onDragging: ({ deltaX, deltaY }: {
-        deltaX: any;
-        deltaY: any;
-    }) => void;
-    handleContextMenu: (ev: MouseEvent) => void;
-    render(): h.JSX.Element;
-}
-export {};

package/types/tool/TextEditTool.d.ts

@@ -1,34 +0,0 @@
-import { h, Component } from 'preact';
-import LogicFlow from '../LogicFlow';
-import GraphModel from '../model/GraphModel';
-declare type Style = {
-    left: number;
-    top: number;
-};
-declare type IProps = {
-    graphModel: GraphModel;
-    logicFlow: LogicFlow;
-};
-declare type IState = {
-    style: Style;
-};
-export default class TextEdit extends Component<IProps, IState> {
-    static toolName: string;
-    ref: import("preact").RefObject<any>;
-    __prevText: {
-        type: string;
-        text: string;
-        id: string;
-    };
-    constructor();
-    static getDerivedStateFromProps(props: any): {
-        style: any;
-    };
-    componentDidUpdate(): void;
-    keyupHandler: (ev: any) => void;
-    inputHandler: (ev: any) => void;
-    keydownHandler: (ev: any) => void;
-    placeCaretAtEnd(el: any): void;
-    render(): h.JSX.Element;
-}
-export {};

package/types/tool/index.d.ts

@@ -1,13 +0,0 @@
-import { Component } from 'preact';
-import LogicFlow from '../LogicFlow';
-export default class Tool {
-    tools: Component[];
-    components: Component[];
-    toolMap: Map<any, any>;
-    instance: LogicFlow;
-    constructor(instance: LogicFlow);
-    private isDisabledTool;
-    registerTool(name: any, component: any): void;
-    getTools(): any[];
-    getInstance(): LogicFlow;
-}