/// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// /// import { Ref } from 'vue'; import MyGraph from './graph'; import { mxCell as TypeMxCell, mxDragSource } from 'mxgraph'; import { SidebarNodeConfig, SidebarHTMLItem, SidebarNode, SidebarHTML } from './type/type'; declare const _sfc_main: import("vue").DefineComponent<{ graph: { type: null; required: false; }; nodes: { type: ArrayConstructor; required: true; }; card: { type: BooleanConstructor; required: false; }; }, { mxCell: typeof TypeMxCell; mxGeometry: typeof import("mxgraph").mxGeometry; mxGraph: typeof import("mxgraph").mxGraph; mxUtils: typeof import("mxgraph").mxUtils; mxPoint: typeof import("mxgraph").mxPoint; graph: Ref; htmls: Ref<{ name: string; icon?: string | { type: "image" | "iconfont"; value: string; } | undefined; nodes?: { html: string; width: number; height: number; cell: { [x: string]: any; overlays: { image: { src: string; width: number; height: number; }; tooltip?: string | undefined; align: string; verticalAlign: string; offset: { x: number; y: number; equals: (obj: import("mxgraph").mxPoint) => boolean; clone: () => import("mxgraph").mxPoint; }; cursor: string; defaultOverlap: number; getBounds: (state: import("mxgraph").mxCellState) => import("mxgraph").mxRectangle; toString: () => string; eventListeners: any[]; eventsEnabled: boolean; eventSource: any; isEventsEnabled: () => boolean; setEventsEnabled: (value: boolean) => void; getEventSource: () => any; setEventSource: (value: any) => void; addListener: (name: string, funct: (...args: any[]) => any) => void; removeListener: (funct: (...args: any[]) => any) => void; fireEvent: (evt: import("mxgraph").mxEventObject, sender: any) => void; }[]; id: string; value: any; geometry: { TRANSLATE_CONTROL_POINTS: boolean; alternateBounds: { width: number; height: number; setRect: (x: number, y: number, w: number, h: number) => void; getCenterX: () => number; getCenterY: () => number; add: (rect: import("mxgraph").mxRectangle) => void; intersect: (rect: import("mxgraph").mxRectangle) => void; grow: (amount: number) => void; getPoint: () => import("mxgraph").mxPoint; rotate90: () => void; equals: (obj: import("mxgraph").mxRectangle) => boolean; fromRectangle: (rect: import("mxgraph").mxRectangle) => import("mxgraph").mxRectangle; clone: () => import("mxgraph").mxRectangle; x: number; y: number; }; sourcePoint: { x: number; y: number; equals: (obj: import("mxgraph").mxPoint) => boolean; clone: () => import("mxgraph").mxPoint; }; targetPoint: { x: number; y: number; equals: (obj: import("mxgraph").mxPoint) => boolean; clone: () => import("mxgraph").mxPoint; }; points: { x: number; y: number; equals: (obj: import("mxgraph").mxPoint) => boolean; clone: () => import("mxgraph").mxPoint; }[]; offset: { x: number; y: number; equals: (obj: import("mxgraph").mxPoint) => boolean; clone: () => import("mxgraph").mxPoint; }; relative: boolean; setRelative: (relative: boolean) => void; swap: () => void; getTerminalPoint: (isSource: boolean) => import("mxgraph").mxPoint; setTerminalPoint: (point: import("mxgraph").mxPoint, isSource: boolean) => import("mxgraph").mxPoint; rotate: (angle: number, cx: import("mxgraph").mxPoint) => void; translate: (dx: number, dy: number) => void; scale: (sx: number, sy: number, fixedAspect: boolean) => void; equals: (obj: import("mxgraph").mxGeometry) => boolean; clone: () => import("mxgraph").mxGeometry; width: number; height: number; setRect: (x: number, y: number, w: number, h: number) => void; getCenterX: () => number; getCenterY: () => number; add: (rect: import("mxgraph").mxRectangle) => void; intersect: (rect: import("mxgraph").mxRectangle) => void; grow: (amount: number) => void; getPoint: () => import("mxgraph").mxPoint; rotate90: () => void; fromRectangle: (rect: import("mxgraph").mxRectangle) => import("mxgraph").mxRectangle; x: number; y: number; }; style: string; vertex: boolean; edge: boolean; connectable: boolean; visible: boolean; collapsed: boolean; parent: any; source: any; target: any; children: any[]; edges: any[]; mxTransient: string[]; getId: () => string; setId: (id: string) => void; getValue: () => any; setValue: (value: any) => void; valueChanged: (newValue: any) => any; getGeometry: () => import("mxgraph").mxGeometry; setGeometry: (geometry: import("mxgraph").mxGeometry) => void; getStyle: () => string; setStyle: (style: string) => void; isVertex: () => boolean; setVertex: (vertex: boolean) => void; isEdge: () => boolean; setEdge: (edge: boolean) => void; isConnectable: () => boolean; setConnectable: (connectable: boolean) => void; isVisible: () => boolean; setVisible: (visible: boolean) => void; isCollapsed: () => boolean; setCollapsed: (collapsed: boolean) => void; getParent: () => TypeMxCell; setParent: (parent: TypeMxCell) => void; getTerminal: (source: boolean) => TypeMxCell; setTerminal: (terminal: TypeMxCell, isSource: boolean) => TypeMxCell; getChildCount: () => number; getIndex: (child: TypeMxCell) => number; getChildAt: (index: number) => TypeMxCell; insert: (child: TypeMxCell, index: number) => TypeMxCell; remove: (index: number) => TypeMxCell; removeFromParent: () => TypeMxCell; getEdgeCount: () => number; getEdgeIndex: (edge: TypeMxCell) => number; getEdgeAt: (index: number) => TypeMxCell; insertEdge: (edge: TypeMxCell, isOutgoing: boolean) => TypeMxCell; removeEdge: (edge: TypeMxCell, isOutgoing: boolean) => TypeMxCell; removeFromTerminal: (isSource: boolean) => TypeMxCell; hasAttribute: (name: string) => boolean; getAttribute: (name: string, defaultValue: any) => any; setAttribute: (name: string, value: any) => void; clone: () => TypeMxCell; cloneValue: () => any; }; code: string; }[] | undefined; children?: any[] | undefined; }[]>; sidebarDoms: Ref; importDataHTMls: Ref<{ html: string; width: number; height: number; cell: { [x: string]: any; overlays: { image: { src: string; width: number; height: number; }; tooltip?: string | undefined; align: string; verticalAlign: string; offset: { x: number; y: number; equals: (obj: import("mxgraph").mxPoint) => boolean; clone: () => import("mxgraph").mxPoint; }; cursor: string; defaultOverlap: number; getBounds: (state: import("mxgraph").mxCellState) => import("mxgraph").mxRectangle; toString: () => string; eventListeners: any[]; eventsEnabled: boolean; eventSource: any; isEventsEnabled: () => boolean; setEventsEnabled: (value: boolean) => void; getEventSource: () => any; setEventSource: (value: any) => void; addListener: (name: string, funct: (...args: any[]) => any) => void; removeListener: (funct: (...args: any[]) => any) => void; fireEvent: (evt: import("mxgraph").mxEventObject, sender: any) => void; }[]; id: string; value: any; geometry: { TRANSLATE_CONTROL_POINTS: boolean; alternateBounds: { width: number; height: number; setRect: (x: number, y: number, w: number, h: number) => void; getCenterX: () => number; getCenterY: () => number; add: (rect: import("mxgraph").mxRectangle) => void; intersect: (rect: import("mxgraph").mxRectangle) => void; grow: (amount: number) => void; getPoint: () => import("mxgraph").mxPoint; rotate90: () => void; equals: (obj: import("mxgraph").mxRectangle) => boolean; fromRectangle: (rect: import("mxgraph").mxRectangle) => import("mxgraph").mxRectangle; clone: () => import("mxgraph").mxRectangle; x: number; y: number; }; sourcePoint: { x: number; y: number; equals: (obj: import("mxgraph").mxPoint) => boolean; clone: () => import("mxgraph").mxPoint; }; targetPoint: { x: number; y: number; equals: (obj: import("mxgraph").mxPoint) => boolean; clone: () => import("mxgraph").mxPoint; }; points: { x: number; y: number; equals: (obj: import("mxgraph").mxPoint) => boolean; clone: () => import("mxgraph").mxPoint; }[]; offset: { x: number; y: number; equals: (obj: import("mxgraph").mxPoint) => boolean; clone: () => import("mxgraph").mxPoint; }; relative: boolean; setRelative: (relative: boolean) => void; swap: () => void; getTerminalPoint: (isSource: boolean) => import("mxgraph").mxPoint; setTerminalPoint: (point: import("mxgraph").mxPoint, isSource: boolean) => import("mxgraph").mxPoint; rotate: (angle: number, cx: import("mxgraph").mxPoint) => void; translate: (dx: number, dy: number) => void; scale: (sx: number, sy: number, fixedAspect: boolean) => void; equals: (obj: import("mxgraph").mxGeometry) => boolean; clone: () => import("mxgraph").mxGeometry; width: number; height: number; setRect: (x: number, y: number, w: number, h: number) => void; getCenterX: () => number; getCenterY: () => number; add: (rect: import("mxgraph").mxRectangle) => void; intersect: (rect: import("mxgraph").mxRectangle) => void; grow: (amount: number) => void; getPoint: () => import("mxgraph").mxPoint; rotate90: () => void; fromRectangle: (rect: import("mxgraph").mxRectangle) => import("mxgraph").mxRectangle; x: number; y: number; }; style: string; vertex: boolean; edge: boolean; connectable: boolean; visible: boolean; collapsed: boolean; parent: any; source: any; target: any; children: any[]; edges: any[]; mxTransient: string[]; getId: () => string; setId: (id: string) => void; getValue: () => any; setValue: (value: any) => void; valueChanged: (newValue: any) => any; getGeometry: () => import("mxgraph").mxGeometry; setGeometry: (geometry: import("mxgraph").mxGeometry) => void; getStyle: () => string; setStyle: (style: string) => void; isVertex: () => boolean; setVertex: (vertex: boolean) => void; isEdge: () => boolean; setEdge: (edge: boolean) => void; isConnectable: () => boolean; setConnectable: (connectable: boolean) => void; isVisible: () => boolean; setVisible: (visible: boolean) => void; isCollapsed: () => boolean; setCollapsed: (collapsed: boolean) => void; getParent: () => TypeMxCell; setParent: (parent: TypeMxCell) => void; getTerminal: (source: boolean) => TypeMxCell; setTerminal: (terminal: TypeMxCell, isSource: boolean) => TypeMxCell; getChildCount: () => number; getIndex: (child: TypeMxCell) => number; getChildAt: (index: number) => TypeMxCell; insert: (child: TypeMxCell, index: number) => TypeMxCell; remove: (index: number) => TypeMxCell; removeFromParent: () => TypeMxCell; getEdgeCount: () => number; getEdgeIndex: (edge: TypeMxCell) => number; getEdgeAt: (index: number) => TypeMxCell; insertEdge: (edge: TypeMxCell, isOutgoing: boolean) => TypeMxCell; removeEdge: (edge: TypeMxCell, isOutgoing: boolean) => TypeMxCell; removeFromTerminal: (isSource: boolean) => TypeMxCell; hasAttribute: (name: string) => boolean; getAttribute: (name: string, defaultValue: any) => any; setAttribute: (name: string, value: any) => void; clone: () => TypeMxCell; cloneValue: () => any; }; code: string; }[]>; thumbBorder: number; props: any; itemWidth: number; itemHeight: number; makeDragPanels: string[]; isFold: Ref; modelList: Ref; emits: (e: 'changeEdge', node: TypeMxCell, id: string) => void; selectCell: import("vue").ShallowRef; handleFold: () => void; opens: Ref; elMenu: Ref; elMenuWithPopup: Ref; getLeafNode: (arr: any[], result: any[]) => void; loadNodes: () => Promise; transitionNodes: (nodes: SidebarNode[]) => SidebarHTML[]; getVertexHtml: (item: SidebarNodeConfig) => SidebarHTMLItem | undefined; getEdgeHtml: (item: SidebarNodeConfig) => SidebarHTMLItem | undefined; getSidebarRef: (ele: any) => void; getTextWidth: (text: string, font: string) => number; previewNodeData: Map; previewWidth: Map; previewHeight: Map; createItem: (cells: TypeMxCell[], title: string, realWidth: number, realHeight: number) => string | undefined; dropSuccessCb: (_graph: MyGraph, evt: any, target: TypeMxCell, x: number, y: number) => void; drags: import("vue").ShallowRef; makeDraggableAndHover: () => void; handleItemMouseDown: (item: SidebarHTMLItem) => void; previewSvg: Ref; previewTitle: Ref; handleItemHover: (item: SidebarHTMLItem, e: MouseEvent) => void; clearPreviewSvg: () => void; hadnleItemMouseLeave: () => void; hadnleCollaspeChange: (key: string) => void; activeKey: Ref; sidebarDetails: import("vue").DefineComponent<{ htmls: { type: ArrayConstructor; required: true; }; getSidebarRef: { type: FunctionConstructor; required: true; }; handleItemMouseDown: { type: FunctionConstructor; required: true; }; }, { props: any; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly>, {}>; siderbarWithPopup: import("vue").DefineComponent<{ htmls: { type: ArrayConstructor; required: true; }; getSidebarRef: { type: FunctionConstructor; required: true; }; handleItemMouseDown: { type: FunctionConstructor; required: true; }; }, { props: any; sidebarDetails: import("vue").DefineComponent<{ htmls: { type: ArrayConstructor; required: true; }; getSidebarRef: { type: FunctionConstructor; required: true; }; handleItemMouseDown: { type: FunctionConstructor; required: true; }; }, { props: any; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly>, {}>; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly>, {}>; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changeEdge"[], "changeEdge", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly> & { onChangeEdge?: ((...args: any[]) => any) | undefined; }, { card: boolean; }>; export default _sfc_main;