@logicflow/core 0.7.9 → 0.7.13-alpha.0

package/dist/style/index.css

@@ -112,6 +112,20 @@
   background: transparent;
   text-align: center;
   word-break: break-all;
+  width: 100%;
+}
+.lf-node-text-ellipsis-content {
+  line-height: 1.2;
+  background: transparent;
+  text-align: center;
+  white-space: nowrap;
+  /* overflow: hidden;
+  text-overflow: ellipsis; */
+  width: 100%;
+}
+.lf-node-text-ellipsis-content>div{
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 /* tool-overlay */
 .lf-tool-overlay {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logicflow/core",
-  "version": "0.7.9",
+  "version": "0.7.13-alpha.0",
   "description": "LogicFlow core, to quickly build flowchart editor",
   "main": "dist/logic-flow.js",
   "license": "Apache-2.0",
@@ -92,5 +92,5 @@
     "last 2 versions",
     "not ie <= 11"
   ],
-  "gitHead": "5112c8926b0e25deb44d3ac08f9d168f1c8be3c0"
+  "gitHead": "898f500224249251d4bdb9e018615dc8ad8b6db8"
 }

package/types/model/EditConfigModel.d.ts

@@ -67,6 +67,11 @@ export interface EditConfigInterface {
      * 允许meta多选元素
      */
     metaKeyMultipleSelected?: boolean;
+    /**
+     * 多选按键, 支持meta(cmd)、shift、alt
+     * 不支持ctrl，ctrl会出发contextmenu
+     */
+    multipleSelectKey?: string;
     /**
      * 外部传入的额外配置, 待优化，这里不够易用。
      */
@@ -92,6 +97,7 @@ export default class EditConfigModel {
     nodeTextDraggable: boolean;
     edgeTextDraggable: boolean;
     metaKeyMultipleSelected: boolean;
+    multipleSelectKey: string;
     extraConf: {};
     defaultConfig: {};
     constructor(config: EditConfigInterface);

package/types/model/edge/BaseEdgeModel.d.ts

@@ -31,6 +31,7 @@ declare class BaseEdgeModel implements IBaseModel {
     stroke: string;
     strokeDashArray: string;
     outlineColor: string;
+    hideOutline: boolean;
     outlineStrokeDashArray: string;
     strokeOpacity: number;
     zIndex: number;

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

@@ -40,6 +40,7 @@ export default class BaseNodeModel implements IBaseModel {
     strokeOpacity: number;
     opacity: number;
     outlineColor: string;
+    hideOutline: boolean;
     hoverOutlineColor: string;
     outlineStrokeDashArray: string;
     hoverOutlineStrokeDashArray: string;

package/types/options.d.ts

@@ -46,6 +46,13 @@ export declare type Definition = {
     hideOutline?: boolean;
     overlapMode?: OverlapMode;
     idGenerator?: () => number | string;
+    /**
+     * 禁止启用的内置工具
+     * 有些场景下，需要自定义多选效果或者文本编辑效果，则需要禁用这些内置的工具
+     * multipleSelect和textEdit
+     * todo: 将multipleSelect放到插件中
+     */
+    disabledTools?: string[];
 } & EditConfigInterface;
 export interface GuardsTypes {
     beforeClone?: (data: NodeData | GraphConfigData) => boolean;
@@ -55,6 +62,7 @@ export declare function get(options: Definition): {
     background: boolean;
     grid: boolean;
     textEdit: boolean;
+    disabledTools: any[];
 } & {
     /**
      * 画布初始化容器
@@ -88,10 +96,18 @@ export declare function get(options: Definition): {
     hideOutline?: boolean;
     overlapMode?: OverlapMode;
     idGenerator?: () => string | number;
+    /**
+     * 禁止启用的内置工具
+     * 有些场景下，需要自定义多选效果或者文本编辑效果，则需要禁用这些内置的工具
+     * multipleSelect和textEdit
+     * todo: 将multipleSelect放到插件中
+     */
+    disabledTools?: string[];
 } & EditConfigInterface;
 export declare const defaults: {
     background: boolean;
     grid: boolean;
     textEdit: boolean;
+    disabledTools: any[];
 };
 export {};

package/types/tool/MultipleSelectTool.d.ts

@@ -6,6 +6,7 @@ declare type IProps = {
     logicFlow: LogicFlow;
 };
 export default class MultipleSelect extends Component<IProps> {
+    static toolName: string;
     stepDrag: any;
     constructor(props: any);
     handleMouseDown: (ev: MouseEvent) => void;

package/types/tool/TextEditTool.d.ts

@@ -13,6 +13,7 @@ declare type IState = {
     style: Style;
 };
 export default class TextEdit extends Component<IProps, IState> {
+    static toolName: string;
     ref: import("preact").RefObject<any>;
     __prevText: {
         type: string;

package/types/tool/index.d.ts

@@ -6,6 +6,7 @@ export default class Tool {
     toolMap: Map<any, any>;
     instance: LogicFlow;
     constructor(instance: LogicFlow);
+    private isDisabledTool;
     registerTool(name: any, component: any): void;
     getTools(): any[];
     getInstance(): LogicFlow;

package/types/util/graph.d.ts

@@ -6,3 +6,7 @@ export declare const getById: (id: any, data: any) => any;
  * @param rightBottomPoint 区域的右下角点
  */
 export declare const isPointInArea: ([x, y]: [any, any], [leftTopX, leftTopY]: [any, any], [rightBottomX, rightBottomY]: [any, any]) => boolean;
+/**
+ * 判断鼠标点击选中元素的时候，是否为多选
+ */
+export declare const isMultipleSelect: (e: MouseEvent, editConfig: any) => boolean;

package/types/view/node/BaseNode.d.ts

@@ -12,6 +12,33 @@ declare type Istate = {
     isDraging: boolean;
     isHovered: boolean;
 };
+declare type StyleAttribute = {
+    width: number;
+    height: number;
+    fill: string;
+    fillOpacity?: number;
+    strokeWidth?: number;
+    stroke: string;
+    strokeOpacity?: number;
+    opacity?: number;
+    outlineColor?: string;
+    [key: string]: any;
+};
+export declare type NodeAttributes = {
+    id: string;
+    properties: Record<string, any>;
+    type: string;
+    x: number;
+    y: number;
+    isSelected: boolean;
+    isHovered: boolean;
+    text: {
+        x: number;
+        y: number;
+        value: string;
+        [key: string]: any;
+    };
+} & StyleAttribute;
 export default abstract class BaseNode extends Component<IProps, Istate> {
     static getModel(defaultModel: any): any;
     stepDrag: StepDrag;
@@ -20,44 +47,8 @@ export default abstract class BaseNode extends Component<IProps, Istate> {
     clickTimer: number;
     constructor(props: any);
     abstract getShape(): any;
-    getShapeStyle(): {
-        width: number;
-        height: number;
-        fill: string;
-        fillOpacity: number;
-        strokeWidth: number;
-        stroke: string;
-        strokeOpacity: number;
-        opacity: number;
-        outlineColor: string;
-    };
-    getAttributes(): {
-        width: number;
-        height: number;
-        fill: string;
-        fillOpacity: number;
-        strokeWidth: number;
-        stroke: string;
-        strokeOpacity: number;
-        opacity: number;
-        outlineColor: string;
-        id: string;
-        properties: {
-            [x: string]: any;
-        };
-        type: string;
-        x: number;
-        y: number;
-        isSelected: boolean;
-        isHovered: boolean;
-        text: {
-            value: string;
-            x: number;
-            y: number;
-            draggable: boolean;
-            editable: boolean;
-        };
-    };
+    getShapeStyle(): StyleAttribute;
+    getAttributes(): NodeAttributes;
     getProperties(): Record<string, any>;
     getAnchorStyle(): Record<string, any>;
     getAnchorHoverStyle(): Record<string, any>;

package/types/view/node/CircleNode.d.ts

@@ -6,39 +6,36 @@ export default class CircleNode extends BaseNode {
         width: number;
         height: number;
         fill: string;
-        fillOpacity: number;
-        strokeWidth: number;
+        fillOpacity?: number;
+        strokeWidth?: number;
         stroke: string;
-        strokeOpacity: number;
-        opacity: number;
-        outlineColor: string;
+        strokeOpacity?: number;
+        opacity?: number;
+        outlineColor?: string;
     };
     getAttributes(): {
         r: number;
         width: number;
         height: number;
         fill: string;
-        fillOpacity: number;
-        strokeWidth: number;
+        fillOpacity?: number;
+        strokeWidth?: number;
         stroke: string;
-        strokeOpacity: number;
-        opacity: number;
-        outlineColor: string;
+        strokeOpacity?: number;
+        opacity?: number;
+        outlineColor?: string;
         id: string;
-        properties: {
-            [x: string]: any;
-        };
+        properties: Record<string, any>;
         type: string;
         x: number;
         y: number;
         isSelected: boolean;
         isHovered: boolean;
         text: {
-            value: string;
+            [key: string]: any;
             x: number;
             y: number;
-            draggable: boolean;
-            editable: boolean;
+            value: string;
         };
     };
     getShape(): h.JSX.Element;

package/types/view/node/DiamondNode.d.ts

@@ -6,39 +6,36 @@ export default class DiamondNode extends BaseNode {
         width: number;
         height: number;
         fill: string;
-        fillOpacity: number;
-        strokeWidth: number;
+        fillOpacity?: number;
+        strokeWidth?: number;
         stroke: string;
-        strokeOpacity: number;
-        opacity: number;
-        outlineColor: string;
+        strokeOpacity?: number;
+        opacity?: number;
+        outlineColor?: string;
     };
     getAttributes(): {
         points: import("../..").PointTuple[];
         width: number;
         height: number;
         fill: string;
-        fillOpacity: number;
-        strokeWidth: number;
+        fillOpacity?: number;
+        strokeWidth?: number;
         stroke: string;
-        strokeOpacity: number;
-        opacity: number;
-        outlineColor: string;
+        strokeOpacity?: number;
+        opacity?: number;
+        outlineColor?: string;
         id: string;
-        properties: {
-            [x: string]: any;
-        };
+        properties: Record<string, any>;
         type: string;
         x: number;
         y: number;
         isSelected: boolean;
         isHovered: boolean;
         text: {
-            value: string;
+            [key: string]: any;
             x: number;
             y: number;
-            draggable: boolean;
-            editable: boolean;
+            value: string;
         };
     };
     getShape(): h.JSX.Element;

package/types/view/node/EllipseNode.d.ts

@@ -4,31 +4,28 @@ export default class EllipseNode extends BaseNode {
     getAttributes(): {
         rx: number;
         ry: number;
-        width: number;
-        height: number;
-        fill: string;
-        fillOpacity: number;
-        strokeWidth: number;
-        stroke: string;
-        strokeOpacity: number;
-        opacity: number;
-        outlineColor: string;
         id: string;
-        properties: {
-            [x: string]: any;
-        };
+        properties: Record<string, any>;
         type: string;
         x: number;
         y: number;
         isSelected: boolean;
         isHovered: boolean;
         text: {
-            value: string;
+            [key: string]: any;
             x: number;
             y: number;
-            draggable: boolean;
-            editable: boolean;
+            value: string;
         };
+        width: number;
+        height: number;
+        fill: string;
+        fillOpacity?: number;
+        strokeWidth?: number;
+        stroke: string;
+        strokeOpacity?: number;
+        opacity?: number;
+        outlineColor?: string;
     };
     getShape(): h.JSX.Element;
 }

package/types/view/node/PolygonNode.d.ts

@@ -1,45 +1,23 @@
 import { h } from 'preact';
-import BaseNode from './BaseNode';
+import BaseNode, { NodeAttributes } from './BaseNode';
+import { PointTuple } from '../../type';
+declare type PolygonNodeAttributes = {
+    points: PointTuple[];
+} & NodeAttributes;
 export default class PolygonNode extends BaseNode {
     getShapeStyle(): {
-        points: import("../..").PointTuple[];
+        points: PointTuple[];
         width: number;
         height: number;
         fill: string;
-        fillOpacity: number;
-        strokeWidth: number;
+        fillOpacity?: number;
+        strokeWidth?: number;
         stroke: string;
-        strokeOpacity: number;
-        opacity: number;
-        outlineColor: string;
-    };
-    getAttributes(): {
-        points: import("../..").PointTuple[];
-        width: number;
-        height: number;
-        fill: string;
-        fillOpacity: number;
-        strokeWidth: number;
-        stroke: string;
-        strokeOpacity: number;
-        opacity: number;
-        outlineColor: string;
-        id: string;
-        properties: {
-            [x: string]: any;
-        };
-        type: string;
-        x: number;
-        y: number;
-        isSelected: boolean;
-        isHovered: boolean;
-        text: {
-            value: string;
-            x: number;
-            y: number;
-            draggable: boolean;
-            editable: boolean;
-        };
+        strokeOpacity?: number;
+        opacity?: number;
+        outlineColor?: string;
     };
+    getAttributes(): PolygonNodeAttributes;
     getShape(): h.JSX.Element;
 }
+export {};

package/types/view/node/RectNode.d.ts

@@ -6,39 +6,36 @@ export default class RectNode extends BaseNode {
         width: number;
         height: number;
         fill: string;
-        fillOpacity: number;
-        strokeWidth: number;
+        fillOpacity?: number;
+        strokeWidth?: number;
         stroke: string;
-        strokeOpacity: number;
-        opacity: number;
-        outlineColor: string;
+        strokeOpacity?: number;
+        opacity?: number;
+        outlineColor?: string;
     };
     getAttributes(): {
         radius: number;
         width: number;
         height: number;
         fill: string;
-        fillOpacity: number;
-        strokeWidth: number;
+        fillOpacity?: number;
+        strokeWidth?: number;
         stroke: string;
-        strokeOpacity: number;
-        opacity: number;
-        outlineColor: string;
+        strokeOpacity?: number;
+        opacity?: number;
+        outlineColor?: string;
         id: string;
-        properties: {
-            [x: string]: any;
-        };
+        properties: Record<string, any>;
         type: string;
         x: number;
         y: number;
         isSelected: boolean;
         isHovered: boolean;
         text: {
-            value: string;
+            [key: string]: any;
             x: number;
             y: number;
-            draggable: boolean;
-            editable: boolean;
+            value: string;
         };
     };
     getShape(): h.JSX.Element;