.1915763867792649:cfe4bdde79778726a6491c4ae1133032_69e38b0278c40acdec8fda76.69e38faa78c40acdec8fdbdb.69e38faad333382ceac5d61b:Trae CN.T(2026/4/18 22:05:30)

simple-mind-map/src/theme/darkTheme.js

@@ -0,0 +1,143 @@
+// 深色主题
+export default {
+  paddingX: 15,
+  paddingY: 5,
+  imgMaxWidth: 200,
+  imgMaxHeight: 100,
+  iconSize: 20,
+  lineWidth: 1,
+  lineColor: '#6366f1',
+  lineDasharray: 'none',
+  lineFlow: false,
+  lineFlowDuration: 1,
+  lineFlowForward: true,
+  lineStyle: 'straight',
+  rootLineKeepSameInCurve: true,
+  rootLineStartPositionKeepSameInCurve: false,
+  lineRadius: 5,
+  showLineMarker: false,
+  generalizationLineWidth: 1,
+  generalizationLineColor: '#6366f1',
+  generalizationLineMargin: 0,
+  generalizationNodeMargin: 20,
+  associativeLineWidth: 2,
+  associativeLineColor: '#a5b4fc',
+  associativeLineActiveWidth: 8,
+  associativeLineActiveColor: 'rgba(99, 102, 241, 1)',
+  associativeLineDasharray: '6,4',
+  associativeLineTextColor: '#a5b4fc',
+  associativeLineTextFontSize: 14,
+  associativeLineTextLineHeight: 1.2,
+  associativeLineTextFontFamily: 'Segoe UI, sans-serif',
+  backgroundColor: '#1e1e2e',
+  backgroundImage: 'none',
+  backgroundRepeat: 'no-repeat',
+  backgroundPosition: 'center center',
+  backgroundSize: 'cover',
+  nodeUseLineStyle: false,
+  root: {
+    shape: 'rectangle',
+    fillColor: '#313244',
+    fontFamily: 'Segoe UI, sans-serif',
+    color: '#cdd6f4',
+    fontSize: 18,
+    fontWeight: 'bold',
+    fontStyle: 'normal',
+    borderColor: '#6366f1',
+    borderWidth: 2,
+    borderDasharray: 'none',
+    borderRadius: 8,
+    textDecoration: 'none',
+    gradientStyle: true,
+    startColor: '#313244',
+    endColor: '#45475a',
+    startDir: [0, 0],
+    endDir: [1, 0],
+    lineMarkerDir: 'end',
+    hoverRectColor: '#6366f1',
+    hoverRectRadius: 5,
+    textAlign: 'left',
+    imgPlacement: 'top',
+    tagPlacement: 'right'
+  },
+  second: {
+    shape: 'rectangle',
+    marginX: 100,
+    marginY: 40,
+    fillColor: '#45475a',
+    fontFamily: 'Segoe UI, sans-serif',
+    color: '#bac2de',
+    fontSize: 16,
+    fontWeight: 'normal',
+    fontStyle: 'normal',
+    borderColor: '#89b4fa',
+    borderWidth: 1,
+    borderDasharray: 'none',
+    borderRadius: 6,
+    textDecoration: 'none',
+    gradientStyle: false,
+    startColor: '#45475a',
+    endColor: '#585b70',
+    startDir: [0, 0],
+    endDir: [1, 0],
+    lineMarkerDir: 'end',
+    hoverRectColor: '#89b4fa',
+    hoverRectRadius: 5,
+    textAlign: 'left',
+    imgPlacement: 'top',
+    tagPlacement: 'right'
+  },
+  node: {
+    shape: 'rectangle',
+    marginX: 50,
+    marginY: 0,
+    fillColor: '#585b70',
+    fontFamily: 'Segoe UI, sans-serif',
+    color: '#a6adc8',
+    fontSize: 14,
+    fontWeight: 'normal',
+    fontStyle: 'normal',
+    borderColor: '#b4befe',
+    borderWidth: 0,
+    borderRadius: 4,
+    borderDasharray: 'none',
+    textDecoration: 'none',
+    gradientStyle: false,
+    startColor: '#585b70',
+    endColor: '#6c7086',
+    startDir: [0, 0],
+    endDir: [1, 0],
+    lineMarkerDir: 'end',
+    hoverRectColor: '#b4befe',
+    hoverRectRadius: 5,
+    textAlign: 'left',
+    imgPlacement: 'top',
+    tagPlacement: 'right'
+  },
+  generalization: {
+    shape: 'rectangle',
+    marginX: 100,
+    marginY: 40,
+    fillColor: '#45475a',
+    fontFamily: 'Segoe UI, sans-serif',
+    color: '#bac2de',
+    fontSize: 16,
+    fontWeight: 'normal',
+    fontStyle: 'normal',
+    borderColor: '#89b4fa',
+    borderWidth: 1,
+    borderDasharray: 'none',
+    borderRadius: 6,
+    textDecoration: 'none',
+    gradientStyle: false,
+    startColor: '#45475a',
+    endColor: '#585b70',
+    startDir: [0, 0],
+    endDir: [1, 0],
+    hoverRectColor: '#89b4fa',
+    hoverRectRadius: 5,
+    textAlign: 'left',
+    imgPlacement: 'top',
+    tagPlacement: 'right'
+  }
+}

simple-mind-map/src/theme/handDrawn.js

@@ -0,0 +1,143 @@
+// 手绘风主题
+export default {
+  paddingX: 20,
+  paddingY: 10,
+  imgMaxWidth: 200,
+  imgMaxHeight: 100,
+  iconSize: 20,
+  lineWidth: 3,
+  lineColor: '#8B4513',
+  lineDasharray: '8,3',
+  lineFlow: false,
+  lineFlowDuration: 1,
+  lineFlowForward: true,
+  lineStyle: 'curve',
+  rootLineKeepSameInCurve: true,
+  rootLineStartPositionKeepSameInCurve: false,
+  lineRadius: 10,
+  showLineMarker: false,
+  generalizationLineWidth: 3,
+  generalizationLineColor: '#8B4513',
+  generalizationLineMargin: 0,
+  generalizationNodeMargin: 20,
+  associativeLineWidth: 2,
+  associativeLineColor: '#A0522D',
+  associativeLineActiveWidth: 8,
+  associativeLineActiveColor: 'rgba(160, 82, 45, 1)',
+  associativeLineDasharray: '6,4',
+  associativeLineTextColor: '#8B4513',
+  associativeLineTextFontSize: 14,
+  associativeLineTextLineHeight: 1.2,
+  associativeLineTextFontFamily: 'Comic Sans MS, cursive',
+  backgroundColor: '#FFF8DC',
+  backgroundImage: 'none',
+  backgroundRepeat: 'no-repeat',
+  backgroundPosition: 'center center',
+  backgroundSize: 'cover',
+  nodeUseLineStyle: false,
+  root: {
+    shape: 'rectangle',
+    fillColor: '#FFE4C4',
+    fontFamily: 'Comic Sans MS, cursive',
+    color: '#8B4513',
+    fontSize: 20,
+    fontWeight: 'bold',
+    fontStyle: 'normal',
+    borderColor: '#DEB887',
+    borderWidth: 3,
+    borderDasharray: 'none',
+    borderRadius: 15,
+    textDecoration: 'none',
+    gradientStyle: false,
+    startColor: '#FFE4C4',
+    endColor: '#FFDAB9',
+    startDir: [0, 0],
+    endDir: [1, 0],
+    lineMarkerDir: 'end',
+    hoverRectColor: '#DEB887',
+    hoverRectRadius: 10,
+    textAlign: 'left',
+    imgPlacement: 'top',
+    tagPlacement: 'right'
+  },
+  second: {
+    shape: 'rectangle',
+    marginX: 100,
+    marginY: 50,
+    fillColor: '#FFFACD',
+    fontFamily: 'Comic Sans MS, cursive',
+    color: '#A0522D',
+    fontSize: 18,
+    fontWeight: 'normal',
+    fontStyle: 'normal',
+    borderColor: '#DEB887',
+    borderWidth: 2,
+    borderDasharray: 'none',
+    borderRadius: 12,
+    textDecoration: 'none',
+    gradientStyle: false,
+    startColor: '#FFFACD',
+    endColor: '#FFE4B5',
+    startDir: [0, 0],
+    endDir: [1, 0],
+    lineMarkerDir: 'end',
+    hoverRectColor: '#DEB887',
+    hoverRectRadius: 10,
+    textAlign: 'left',
+    imgPlacement: 'top',
+    tagPlacement: 'right'
+  },
+  node: {
+    shape: 'rectangle',
+    marginX: 50,
+    marginY: 0,
+    fillColor: '#FFFAF0',
+    fontFamily: 'Comic Sans MS, cursive',
+    color: '#CD853F',
+    fontSize: 16,
+    fontWeight: 'normal',
+    fontStyle: 'normal',
+    borderColor: '#DEB887',
+    borderWidth: 2,
+    borderRadius: 10,
+    borderDasharray: 'none',
+    textDecoration: 'none',
+    gradientStyle: false,
+    startColor: '#FFFAF0',
+    endColor: '#FFF5EE',
+    startDir: [0, 0],
+    endDir: [1, 0],
+    lineMarkerDir: 'end',
+    hoverRectColor: '#DEB887',
+    hoverRectRadius: 10,
+    textAlign: 'left',
+    imgPlacement: 'top',
+    tagPlacement: 'right'
+  },
+  generalization: {
+    shape: 'rectangle',
+    marginX: 100,
+    marginY: 50,
+    fillColor: '#FFE4C4',
+    fontFamily: 'Comic Sans MS, cursive',
+    color: '#A0522D',
+    fontSize: 18,
+    fontWeight: 'normal',
+    fontStyle: 'normal',
+    borderColor: '#DEB887',
+    borderWidth: 2,
+    borderDasharray: 'none',
+    borderRadius: 12,
+    textDecoration: 'none',
+    gradientStyle: false,
+    startColor: '#FFE4C4',
+    endColor: '#FFDAB9',
+    startDir: [0, 0],
+    endDir: [1, 0],
+    hoverRectColor: '#DEB887',
+    hoverRectRadius: 10,
+    textAlign: 'left',
+    imgPlacement: 'top',
+    tagPlacement: 'right'
+  }
+}

simple-mind-map/src/theme/index.js

@@ -1,5 +1,15 @@
 import defaultTheme from './default'
+import minimalist from './minimalist'
+import tech from './tech'
+import handDrawn from './handDrawn'
+import darkTheme from './darkTheme'
+import rainbow from './rainbow'
 
 export default {
-  default: defaultTheme
+  default: defaultTheme,
+  minimalist,
+  tech,
+  handDrawn,
+  darkTheme,
+  rainbow
 }