@logicflow/core 2.2.0 → 2.2.1

package/es/LogicFlow.d.ts

@@ -899,6 +899,8 @@ export declare namespace LogicFlow {
     };
     type OutlineTheme = {
         hover?: CommonTheme;
+        widthOffset?: number;
+        heightOffset?: number;
     } & CommonTheme & EdgeAnimation;
     type ArrowTheme = {
         /**
@@ -933,6 +935,7 @@ export declare namespace LogicFlow {
         diamond: PolygonTheme;
         ellipse: EllipseTheme;
         polygon: PolygonTheme;
+        html: RectTheme;
         /**
          * 基础图形线相关主题
          */
@@ -956,6 +959,10 @@ export declare namespace LogicFlow {
         rotateControl: CommonTheme;
         resizeControl: CommonTheme;
         resizeOutline: CommonTheme;
+        multiSelect?: {
+            xPadding?: number;
+            yPadding?: number;
+        };
         /**
          * REMIND: 当开启了跳转边的起点和终点(adjustEdgeStartAndEnd:true)后
          * 边的两端会出现调整按钮
@@ -963,10 +970,12 @@ export declare namespace LogicFlow {
          */
         edgeAdjust: CircleTheme;
         outline: OutlineTheme;
+        edgeOutline: OutlineTheme;
         edgeAnimation: EdgeAnimation;
         background?: boolean | Partial<LFOptions.BackgroundConfig>;
         grid?: boolean | Partial<Grid.GridOptions>;
     }
+    type ThemeMode = 'default' | 'retro' | 'dark' | 'colorful';
 }
 export declare namespace LogicFlow {
     type FocusOnById = {

package/es/LogicFlow.js

@@ -1217,7 +1217,6 @@ var LogicFlow = /** @class */ (function () {
         this.graphModel.destroy();
         this.tool.destroy();
         this.history.destroy();
-        clearThemeMode();
         for (var extensionName in this.extension) {
             var extensionInstance = this.extension[extensionName];
             if ('destroy' in extensionInstance) {

package/es/constant/index.d.ts

@@ -1,6 +1,5 @@
 export declare const DEFAULT_VISIBLE_SPACE = 200;
 export declare const ELEMENT_MAX_Z_INDEX = 9999;
-export declare const DEFAULT_GRID_SIZE = 10;
 export declare enum ElementState {
     DEFAULT = 1,// 默认显示
     TEXT_EDIT = 2,// 此元素正在进行文本编辑
@@ -147,3 +146,4 @@ export declare enum TextMode {
     TEXT = "text",
     LABEL = "label"
 }
+export * from './theme';

package/es/constant/index.js

@@ -1,6 +1,5 @@
 export var DEFAULT_VISIBLE_SPACE = 200;
 export var ELEMENT_MAX_Z_INDEX = 9999;
-export var DEFAULT_GRID_SIZE = 10;
 export var ElementState;
 (function (ElementState) {
     ElementState[ElementState["DEFAULT"] = 1] = "DEFAULT";
@@ -164,3 +163,4 @@ export var TextMode;
     TextMode["TEXT"] = "text";
     TextMode["LABEL"] = "label";
 })(TextMode || (TextMode = {}));
+export * from './theme';

package/es/constant/theme.d.ts

@@ -0,0 +1,136 @@
+import LogicFlow from '../LogicFlow';
+export declare const DEFAULT_GRID_SIZE = 10;
+export declare const defaultTheme: LogicFlow.Theme;
+export declare const retroTheme: LogicFlow.Theme;
+export declare const darkTheme: LogicFlow.Theme;
+export declare const colorfulTheme: LogicFlow.Theme;
+export declare const themeModeMap: {
+    default: LogicFlow.Theme;
+    colorful: LogicFlow.Theme;
+    dark: LogicFlow.Theme;
+    retro: LogicFlow.Theme;
+};
+export declare const darkBackground: {
+    background: string;
+};
+export declare const colorfulBackground: {
+    background: string;
+};
+export declare const defaultBackground: {
+    background: string;
+};
+export declare const retroBackground: {
+    background: string;
+};
+export declare const backgroundModeMap: {
+    colorful: {
+        background: string;
+    };
+    dark: {
+        background: string;
+    };
+    default: {
+        background: string;
+    };
+    retro: {
+        background: string;
+    };
+};
+export declare const darkGrid: {
+    size: number;
+    visible: boolean;
+    type: string;
+    config: {
+        color: string;
+        thickness: number;
+    };
+    majorBold: boolean;
+};
+export declare const colorfulGrid: {
+    size: number;
+    visible: boolean;
+    type: string;
+    config: {
+        color: string;
+        thickness: number;
+    };
+    majorBold: boolean;
+};
+export declare const defaultGrid: {
+    size: number;
+    visible: boolean;
+    type: string;
+    config: {
+        color: string;
+        thickness: number;
+    };
+    majorBold: {
+        opacity: number;
+        boldIndices: number[];
+        dashArrayConfig: {
+            pattern: never[];
+        };
+        customBoldWidth: number;
+    };
+};
+export declare const retroGrid: {
+    size: number;
+    visible: boolean;
+    type: string;
+    config: {
+        color: string;
+        thickness: number;
+    };
+    majorBold: boolean;
+};
+export declare const gridModeMap: {
+    colorful: {
+        size: number;
+        visible: boolean;
+        type: string;
+        config: {
+            color: string;
+            thickness: number;
+        };
+        majorBold: boolean;
+    };
+    dark: {
+        size: number;
+        visible: boolean;
+        type: string;
+        config: {
+            color: string;
+            thickness: number;
+        };
+        majorBold: boolean;
+    };
+    retro: {
+        size: number;
+        visible: boolean;
+        type: string;
+        config: {
+            color: string;
+            thickness: number;
+        };
+        majorBold: boolean;
+    };
+    default: {
+        size: number;
+        visible: boolean;
+        type: string;
+        config: {
+            color: string;
+            thickness: number;
+        };
+        majorBold: {
+            opacity: number;
+            boldIndices: number[];
+            dashArrayConfig: {
+                pattern: never[];
+            };
+            customBoldWidth: number;
+        };
+    };
+};
+declare const _default: null;
+export default _default;