openSourceRemote/mind-map
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
WRSNDM\Administrator 2025-05-14 16:46:13 +08:00
parent 43ea54e0a3
commit 70dbe5b72b
2 changed files with 376 additions and 342 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

655
simple-mind-map/types/index.d.ts vendored
View File

@ -1,325 +1,338 @@
export default MindMap; import { MiniMap } from './src/plugins/MiniMap'
export default MindMap
declare class MindMap { declare class MindMap {
/** /**
* *
* @param {defaultOpt} opt * @param {defaultOpt} opt
*/ */
constructor(opt?:{ constructor(opt?: {
el?:any; el?: any
data?:any; data?: any
viewData?:any; viewData?: any
readonly?:boolean; readonly?: boolean
layout?:string; layout?: string
fishboneDeg?:number; fishboneDeg?: number
theme?:string; theme?: string
themeConfig?:{}; themeConfig?: {}
scaleRatio?:number; scaleRatio?: number
translateRatio?:number; translateRatio?: number
minZoomRatio?:number; minZoomRatio?: number
maxZoomRatio?:number; maxZoomRatio?: number
customCheckIsTouchPad?:any; customCheckIsTouchPad?: any
mouseScaleCenterUseMousePosition?:boolean; mouseScaleCenterUseMousePosition?: boolean
maxTag?:number; maxTag?: number
expandBtnSize?:number; expandBtnSize?: number
imgTextMargin?:number; imgTextMargin?: number
textContentMargin?:number; textContentMargin?: number
customNoteContentShow?:any; customNoteContentShow?: any
textAutoWrapWidth?:number; textAutoWrapWidth?: number
customHandleMousewheel?:any; customHandleMousewheel?: any
mousewheelAction?:string; mousewheelAction?: string
mousewheelMoveStep?:number; mousewheelMoveStep?: number
mousewheelZoomActionReverse?:boolean; mousewheelZoomActionReverse?: boolean
defaultInsertSecondLevelNodeText?:string; defaultInsertSecondLevelNodeText?: string
defaultInsertBelowSecondLevelNodeText?:string; defaultInsertBelowSecondLevelNodeText?: string
expandBtnStyle?:{ expandBtnStyle?: {
color?:string; color?: string
fill?:string; fill?: string
fontSize?:number; fontSize?: number
strokeColor?:string; strokeColor?: string
}; }
expandBtnIcon?:{ expandBtnIcon?: {
open?:string; open?: string
close?:string; close?: string
}; }
expandBtnNumHandler?:any; expandBtnNumHandler?: any
isShowExpandNum?:boolean; isShowExpandNum?: boolean
enableShortcutOnlyWhenMouseInSvg?:boolean; enableShortcutOnlyWhenMouseInSvg?: boolean
customCheckEnableShortcut?:any; customCheckEnableShortcut?: any
initRootNodePosition?:any; initRootNodePosition?: any
nodeTextEditZIndex?:number; nodeTextEditZIndex?: number
nodeNoteTooltipZIndex?:number; nodeNoteTooltipZIndex?: number
isEndNodeTextEditOnClickOuter?:boolean; isEndNodeTextEditOnClickOuter?: boolean
maxHistoryCount?:number; maxHistoryCount?: number
alwaysShowExpandBtn?:boolean; alwaysShowExpandBtn?: boolean
notShowExpandBtn?:boolean; notShowExpandBtn?: boolean
iconList?:any[]; iconList?: any[]
maxNodeCacheCount?:number; maxNodeCacheCount?: number
fitPadding?:number; fitPadding?: number
enableCtrlKeyNodeSelection?:boolean; enableCtrlKeyNodeSelection?: boolean
useLeftKeySelectionRightKeyDrag?:boolean; useLeftKeySelectionRightKeyDrag?: boolean
beforeTextEdit?:any; beforeTextEdit?: any
isUseCustomNodeContent?:boolean; isUseCustomNodeContent?: boolean
customCreateNodeContent?:any; customCreateNodeContent?: any
customInnerElsAppendTo?:any; customInnerElsAppendTo?: any
enableAutoEnterTextEditWhenKeydown?:boolean; enableAutoEnterTextEditWhenKeydown?: boolean
autoEmptyTextWhenKeydownEnterEdit?:boolean; autoEmptyTextWhenKeydownEnterEdit?: boolean
customHandleClipboardText?:any; customHandleClipboardText?: any
disableMouseWheelZoom?:boolean; disableMouseWheelZoom?: boolean
errorHandler?:(code?:any, error?:any) => void; errorHandler?: (code?: any, error?: any) => void
enableDblclickBackToRootNode?:boolean; enableDblclickBackToRootNode?: boolean
hoverRectColor?:string; hoverRectColor?: string
hoverRectPadding?:number; hoverRectPadding?: number
selectTextOnEnterEditText?:boolean; selectTextOnEnterEditText?: boolean
deleteNodeActive?:boolean; deleteNodeActive?: boolean
fit?:boolean; fit?: boolean
tagsColorMap?:{}; tagsColorMap?: {}
cooperateStyle?:{ cooperateStyle?: {
avatarSize?:number; avatarSize?: number
fontSize?:number; fontSize?: number
}; }
onlyOneEnableActiveNodeOnCooperate?:boolean; onlyOneEnableActiveNodeOnCooperate?: boolean
defaultGeneralizationText?:string; defaultGeneralizationText?: string
handleIsSplitByWrapOnPasteCreateNewNode?:any; handleIsSplitByWrapOnPasteCreateNewNode?: any
addHistoryTime?:number; addHistoryTime?: number
isDisableDrag?:boolean; isDisableDrag?: boolean
createNewNodeBehavior?:string; createNewNodeBehavior?: string
defaultNodeImage?:string; defaultNodeImage?: string
isLimitMindMapInCanvas?:boolean; isLimitMindMapInCanvas?: boolean
handleNodePasteImg?:any; handleNodePasteImg?: any
customCreateNodePath?:any; customCreateNodePath?: any
customCreateNodePolygon?:any; customCreateNodePolygon?: any
customTransformNodeLinePath?:any; customTransformNodeLinePath?: any
beforeShortcutRun?:any; beforeShortcutRun?: any
resetScaleOnMoveNodeToCenter?:boolean; resetScaleOnMoveNodeToCenter?: boolean
createNodePrefixContent?:any; createNodePrefixContent?: any
createNodePostfixContent?:any; createNodePostfixContent?: any
disabledClipboard?:boolean; disabledClipboard?: boolean
customHyperlinkJump?:any; customHyperlinkJump?: any
openPerformance?:boolean; openPerformance?: boolean
performanceConfig?:{ performanceConfig?: {
time?:number; time?: number
padding?:number; padding?: number
removeNodeWhenOutCanvas?:boolean; removeNodeWhenOutCanvas?: boolean
}; }
emptyTextMeasureHeightText?:string; emptyTextMeasureHeightText?: string
openRealtimeRenderOnNodeTextEdit?:boolean; openRealtimeRenderOnNodeTextEdit?: boolean
mousedownEventPreventDefault?:boolean; mousedownEventPreventDefault?: boolean
onlyPasteTextWhenHasImgAndText?:boolean; onlyPasteTextWhenHasImgAndText?: boolean
enableDragModifyNodeWidth?:boolean; enableDragModifyNodeWidth?: boolean
minNodeTextModifyWidth?:number; minNodeTextModifyWidth?: number
maxNodeTextModifyWidth?:number; maxNodeTextModifyWidth?: number
customHandleLine?:any; customHandleLine?: any
addHistoryOnInit?:boolean; addHistoryOnInit?: boolean
noteIcon?:{ noteIcon?: {
icon?:string; icon?: string
style?:{}; style?: {}
}; }
hyperlinkIcon?:{ hyperlinkIcon?: {
icon?:string; icon?: string
style?:{}; style?: {}
}; }
attachmentIcon?:{ attachmentIcon?: {
icon?:string; icon?: string
style?:{}; style?: {}
}; }
isShowCreateChildBtnIcon?:boolean; isShowCreateChildBtnIcon?: boolean
quickCreateChildBtnIcon?:{ quickCreateChildBtnIcon?: {
icon?:string; icon?: string
style?:{}; style?: {}
}; }
customQuickCreateChildBtnClick?:any; customQuickCreateChildBtnClick?: any
addCustomContentToNode?:any; addCustomContentToNode?: any
enableInheritAncestorLineStyle?:boolean; enableInheritAncestorLineStyle?: boolean
selectTranslateStep?:number; selectTranslateStep?: number
selectTranslateLimit?:number; selectTranslateLimit?: number
enableFreeDrag?:boolean; enableFreeDrag?: boolean
autoMoveWhenMouseInEdgeOnDrag?:boolean; autoMoveWhenMouseInEdgeOnDrag?: boolean
dragMultiNodeRectConfig?:{ dragMultiNodeRectConfig?: {
width?:number; width?: number
height?:number; height?: number
fill?:string; fill?: string
}; }
dragPlaceholderRectFill?:string; dragPlaceholderRectFill?: string
dragPlaceholderLineConfig?:{ dragPlaceholderLineConfig?: {
color?:string; color?: string
width?:number; width?: number
}; }
dragOpacityConfig?:{ dragOpacityConfig?: {
cloneNodeOpacity?:number; cloneNodeOpacity?: number
beingDragNodeOpacity?:number; beingDragNodeOpacity?: number
}; }
handleDragCloneNode?:any; handleDragCloneNode?: any
beforeDragEnd?:any; beforeDragEnd?: any
beforeDragStart?:any; beforeDragStart?: any
watermarkConfig?:{ watermarkConfig?: {
onlyExport?:boolean; onlyExport?: boolean
text?:string; text?: string
lineSpacing?:number; lineSpacing?: number
textSpacing?:number; textSpacing?: number
angle?:number; angle?: number
textStyle?:{ textStyle?: {
color?:string; color?: string
opacity?:number; opacity?: number
fontSize?:number; fontSize?: number
}; }
belowNode?:boolean; belowNode?: boolean
}; }
exportPaddingX?:number; exportPaddingX?: number
exportPaddingY?:number; exportPaddingY?: number
resetCss?:string; resetCss?: string
minExportImgCanvasScale?:number; minExportImgCanvasScale?: number
addContentToHeader?:any; addContentToHeader?: any
addContentToFooter?:any; addContentToFooter?: any
handleBeingExportSvg?:any; handleBeingExportSvg?: any
maxCanvasSize?:number; maxCanvasSize?: number
defaultAssociativeLineText?:string; defaultAssociativeLineText?: string
associativeLineIsAlwaysAboveNode?:boolean; associativeLineIsAlwaysAboveNode?: boolean
associativeLineInitPointsPosition?:{ associativeLineInitPointsPosition?: {
from?:string; from?: string
to?:string; to?: string
}; }
enableAdjustAssociativeLinePoints?:boolean; enableAdjustAssociativeLinePoints?: boolean
beforeAssociativeLineConnection?:any; beforeAssociativeLineConnection?: any
disableTouchZoom?:boolean; disableTouchZoom?: boolean
minTouchZoomScale?:number; minTouchZoomScale?: number
maxTouchZoomScale?:number; maxTouchZoomScale?: number
isLimitMindMapInCanvasWhenHasScrollbar?:boolean; isLimitMindMapInCanvasWhenHasScrollbar?: boolean
isOnlySearchCurrentRenderNodes?:boolean; isOnlySearchCurrentRenderNodes?: boolean
beforeCooperateUpdate?:any; beforeCooperateUpdate?: any
rainbowLinesConfig?:{ rainbowLinesConfig?: {
open?:boolean; open?: boolean
colorsList?:any[]; colorsList?: any[]
}; }
demonstrateConfig?:any; demonstrateConfig?: any
enableEditFormulaInRichTextEdit?:boolean; enableEditFormulaInRichTextEdit?: boolean
katexFontPath?:string; katexFontPath?: string
getKatexOutputType?:any; getKatexOutputType?: any
transformRichTextOnEnterEdit?:any; transformRichTextOnEnterEdit?: any
beforeHideRichTextEdit?:any; beforeHideRichTextEdit?: any
outerFramePaddingX?:number; outerFramePaddingX?: number
outerFramePaddingY?:number; outerFramePaddingY?: number
defaultOuterFrameText?:string; defaultOuterFrameText?: string
onlyPainterNodeCustomStyles?:boolean; onlyPainterNodeCustomStyles?: boolean
beforeDeleteNodeImg?:any; beforeDeleteNodeImg?: any
imgResizeBtnSize?:number; imgResizeBtnSize?: number
minImgResizeWidth?:number; minImgResizeWidth?: number
minImgResizeHeight?:number; minImgResizeHeight?: number
maxImgResizeWidthInheritTheme?:boolean; maxImgResizeWidthInheritTheme?: boolean
maxImgResizeWidth?:number; maxImgResizeWidth?: number
maxImgResizeHeight?:number; maxImgResizeHeight?: number
customDeleteBtnInnerHTML?:string; customDeleteBtnInnerHTML?: string
customResizeBtnInnerHTML?:string; customResizeBtnInnerHTML?: string
}); })
opt?:any; opt?: any
el?:any; el?: any
initWidth?:any; initWidth?: any
initHeight?:any; initHeight?: any
cssEl?:HTMLStyleElement; cssEl?: HTMLStyleElement
cssTextMap?:{}; cssTextMap?: {}
nodeInnerPrefixList?:any[]; nodeInnerPrefixList?: any[]
nodeInnerPostfixList?:any[]; nodeInnerPostfixList?: any[]
editNodeClassList?:any[]; editNodeClassList?: any[]
extendShapeList?:any[]; extendShapeList?: any[]
event?:Event; event?: Event
keyCommand?:KeyCommand; keyCommand?: KeyCommand
command?:Command; command?: Command
renderer?:Render; renderer?: Render
view?:View; view?: View
batchExecution?:BatchExecution; batchExecution?: BatchExecution
handleOpt(opt?:any):any; handleOpt(opt?: any): any
handleData(data?:any):any; handleData(data?: any): any
initContainer():void; initContainer(): void
associativeLineDraw?:any; associativeLineDraw?: any
svg?:any; svg?: any
draw?:any; draw?: any
lineDraw?:any; lineDraw?: any
nodeDraw?:any; nodeDraw?: any
otherDraw?:any; otherDraw?: any
clearDraw():void; clearDraw(): void
appendCss(key?:any, str?:any):void; appendCss(key?: any, str?: any): void
removeAppendCss(key?:any):void; removeAppendCss(key?: any): void
joinCss():string; joinCss(): string
addCss():void; addCss(): void
removeCss():void; removeCss(): void
checkEditNodeClassIndex(className?:any):number; checkEditNodeClassIndex(className?: any): number
addEditNodeClass(className?:any):void; addEditNodeClass(className?: any): void
deleteEditNodeClass(className?:any):void; deleteEditNodeClass(className?: any): void
render(callback?:any, source?:string):void; render(callback?: any, source?: string): void
reRender(callback?:any, source?:string):void; reRender(callback?: any, source?: string): void
getElRectInfo():void; getElRectInfo(): void
elRect?:any; elRect?: any
width?:any; width?: any
height?:any; height?: any
resize():void; resize(): void
on(event?:any, fn?:any):void; on(event?: any, fn?: any): void
emit(event?:any, ...args?:any[]):void; emit(event?: any, ...args: any[]): void
off(event?:any, fn?:any):void; off(event?: any, fn?: any): void
initCache():void; initCache(): void
commonCaches?:{ commonCaches?: {
measureCustomNodeContentSizeEl?:any; measureCustomNodeContentSizeEl?: any
measureRichtextNodeTextSizeEl?:any; measureRichtextNodeTextSizeEl?: any
}; }
initTheme():void; initTheme(): void
themeConfig?:any; themeConfig?: any
setTheme(theme?:any, notRender?:boolean):void; setTheme(theme?: any, notRender?: boolean): void
getTheme():any; getTheme(): any
setThemeConfig(config?:any, notRender?:boolean):void; setThemeConfig(config?: any, notRender?: boolean): void
getCustomThemeConfig():any; getCustomThemeConfig(): any
getThemeConfig(prop?:any):any; getThemeConfig(prop?: any): any
getConfig(prop?:any):any; getConfig(prop?: any): any
updateConfig(opt?:{}):void; updateConfig(opt?: {}): void
getLayout():any; getLayout(): any
setLayout(layout?:any, notRender?:boolean):void; setLayout(layout?: any, notRender?: boolean): void
execCommand(...args?:any[]):void; execCommand(...args: any[]): void
updateData(data?:any):void; updateData(data?: any): void
setData(data?:any):void; setData(data?: any): void
setFullData(data?:any):void; setFullData(data?: any): void
getData(withConfig?:any):any; getData(withConfig?: any): any
export(...args?:any[]):Promise<any>; export(...args: any[]): Promise<any>
toPos(x?:any, y?:any):{ toPos(
x?:number; x?: any,
y?:number; y?: any
}; ): {
setMode(mode?:any):void; x?: number
getSvgData({ paddingX, paddingY, ignoreWatermark, addContentToHeader, addContentToFooter, node }?:{ y?: number
paddingX?:number; }
paddingY?:number; setMode(mode?: any): void
ignoreWatermark?:boolean; getSvgData({
}):{ paddingX,
svg?:any; paddingY,
svgHTML?:any; ignoreWatermark,
clipData?:any; addContentToHeader,
rect?:any; addContentToFooter,
origWidth?:any; node
origHeight?:any; }?: {
scaleX?:any; paddingX?: number
scaleY?:any; paddingY?: number
}; ignoreWatermark?: boolean
addShape(shape?:any):void; }): {
removeShape(name?:any):void; svg?: any
getSvgObjects():{ svgHTML?: any
SVG?:any; clipData?: any
G?:any; rect?: any
Rect?:any; origWidth?: any
}; origHeight?: any
addPlugin(plugin?:any, opt?:any):void; scaleX?: any
removePlugin(plugin?:any):void; scaleY?: any
initPlugin(plugin?:any):void; }
destroy():void; addShape(shape?: any): void
removeShape(name?: any): void
getSvgObjects(): {
SVG?: any
G?: any
Rect?: any
}
addPlugin(plugin?: any, opt?: any): void
removePlugin(plugin?: any): void
initPlugin(plugin?: any): void
destroy(): void
miniMap?: MiniMap
} }
declare namespace MindMap { declare namespace MindMap {
function extendNodeDataNoStylePropList(list?:any[]):void; function extendNodeDataNoStylePropList(list?: any[]): void
function resetNodeDataNoStylePropList():void; function resetNodeDataNoStylePropList(): void
let pluginList:any[]; let pluginList: any[]
function usePlugin(plugin?:any, opt?:{}):typeof MindMap; function usePlugin(plugin?: any, opt?: {}): typeof MindMap
function hasPlugin(plugin?:any):number; function hasPlugin(plugin?: any): number
let instanceCount:number; let instanceCount: number
function defineTheme(name?:any, config?:{}):Error; function defineTheme(name?: any, config?: {}): Error
function removeTheme(name?:any):void; function removeTheme(name?: any): void
} }
import Event from './src/core/event/Event'; import Event from './src/core/event/Event'
import KeyCommand from './src/core/command/KeyCommand'; import KeyCommand from './src/core/command/KeyCommand'
import Command from './src/core/command/Command'; import Command from './src/core/command/Command'
import Render from './src/core/render/Render'; import Render from './src/core/render/Render'
import View from './src/core/view/View'; import View from './src/core/view/View'
import BatchExecution from './src/utils/BatchExecution'; import BatchExecution from './src/utils/BatchExecution'

63
web3/packages/mind-map/src/components/MindMap.vue
View File

@ -10,20 +10,28 @@ const { getMindMapInstance } = mindMapStore;
const { isDark, showMiniMap } = storeToRefs(mindMapStore); const { isDark, showMiniMap } = storeToRefs(mindMapStore);
// 使用防抖函数处理画布更新 // 使用防抖函数处理画布更新
const debouncedDrawMiniMap = debounce(() => { const debouncedDrawMiniMap = debounce(
drawMiniMap(); () => {
}, 500); drawMiniMap();
},
500,
null
);
// 使用防抖函数处理窗口大小变化 // 使用防抖函数处理窗口大小变化
const debouncedSetSize = debounce(() => { const debouncedSetSize = debounce(
width.value = Math.min(window.innerWidth - 80, 370); () => {
nextTick(() => { width.value = Math.min(window.innerWidth - 80, 370);
if (showMiniMap.value && navigatorBoxRef.value) { nextTick(() => {
init(); if (showMiniMap.value && navigatorBoxRef.value) {
drawMiniMap(); init();
} drawMiniMap();
}); }
}, 300); });
},
300,
null
);
const svgBoxScale = ref(1); const svgBoxScale = ref(1);
@ -51,9 +59,12 @@ async function init() {
const mindMapInstance = getMindMapInstance(); const mindMapInstance = getMindMapInstance();
// mini_map_view_box_position_change // mini_map_view_box_position_change
mindMapInstance?.on("mini_map_view_box_position_change", (e) => { mindMapInstance?.on(
onViewBoxPositionChange(e); "mini_map_view_box_position_change",
}); (e: { left: string; right: string; top: string; bottom: string }) => {
onViewBoxPositionChange(e);
}
);
// view_data_change // view_data_change
mindMapInstance?.on("view_data_change", dataChange); mindMapInstance?.on("view_data_change", dataChange);
@ -115,7 +126,7 @@ function setSize() {
debouncedSetSize(); debouncedSetSize();
} }
function onMousedown(e) { function onMousedown(e: MouseEvent) {
const mindMapInstance = getMindMapInstance(); const mindMapInstance = getMindMapInstance();
if ( if (
mindMapInstance && mindMapInstance &&
@ -126,7 +137,7 @@ function onMousedown(e) {
} }
} }
function onMousemove(e) { function onMousemove(e: MouseEvent) {
const mindMapInstance = getMindMapInstance(); const mindMapInstance = getMindMapInstance();
if ( if (
mindMapInstance && mindMapInstance &&
@ -137,7 +148,7 @@ function onMousemove(e) {
} }
} }
function onMouseup(e) { function onMouseup(e: MouseEvent) {
if (!withTransition.value) withTransition.value = true; if (!withTransition.value) withTransition.value = true;
const mindMapInstance = getMindMapInstance(); const mindMapInstance = getMindMapInstance();
@ -151,7 +162,7 @@ function onMouseup(e) {
} }
} }
function onViewBoxMousedown(e) { function onViewBoxMousedown(e: MouseEvent) {
const mindMapInstance = getMindMapInstance(); const mindMapInstance = getMindMapInstance();
if ( if (
mindMapInstance && mindMapInstance &&
@ -162,7 +173,7 @@ function onViewBoxMousedown(e) {
} }
} }
function onViewBoxMousemove(e) { function onViewBoxMousemove(e: MouseEvent) {
const mindMapInstance = getMindMapInstance(); const mindMapInstance = getMindMapInstance();
if ( if (
mindMapInstance && mindMapInstance &&
@ -173,7 +184,17 @@ function onViewBoxMousemove(e) {
} }
} }
function onViewBoxPositionChange({ left, right, top, bottom }) { function onViewBoxPositionChange({
left,
right,
top,
bottom,
}: {
left: string;
right: string;
top: string;
bottom: string;
}) {
withTransition.value = false; withTransition.value = false;
viewBoxStyle.value.left = left; viewBoxStyle.value.left = left;
viewBoxStyle.value.right = right; viewBoxStyle.value.right = right;