feat: add scaleMin & scaleMax

Author: SSShooter

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mind-elixir",
-  "version": "5.0.3",
+  "version": "5.0.4",
   "type": "module",
   "description": "Mind elixir is a free open source mind map core.",
   "keywords": [

src/dev.ts

@@ -73,7 +73,7 @@ const options: Options = {
       return true
     },
   },
-  scaleSensitivity: 0.2,
+  // scaleMin:0.1
   // alignment: 'nodes',
 }
 

src/index.ts

@@ -38,6 +38,8 @@ function MindElixir(
     theme,
     alignment,
     scaleSensitivity,
+    scaleMax,
+    scaleMin,
     handleWheel,
   }: Options
 ): void {
@@ -65,7 +67,9 @@ function MindElixir(
   this.draggable = draggable ?? true
   this.editable = editable ?? true
   this.allowUndo = allowUndo ?? false
-  this.scaleSensitivity = scaleSensitivity ?? 0.2
+  this.scaleSensitivity = scaleSensitivity ?? 0.1
+  this.scaleMax = scaleMax ?? 1.4
+  this.scaleMin = scaleMin ?? 0.2
   this.generateMainBranch = generateMainBranch || main
   this.generateSubBranch = generateSubBranch || sub
   this.overflowHidden = overflowHidden ?? false

src/interact.ts

@@ -114,6 +114,7 @@ export const disableEdit = function (this: MindElixirInstance) {
  * @param {number}
  */
 export const scale = function (this: MindElixirInstance, scaleVal: number, offset: { x: number; y: number } = { x: 0, y: 0 }) {
+  if (scaleVal < this.scaleMin || scaleVal > this.scaleMax) return
   const rect = this.container.getBoundingClientRect()
   // refer to /refs/scale-calc.excalidraw for the process
   // remove coordinate system influence and calculate quantities directly
@@ -132,7 +133,7 @@ export const scale = function (this: MindElixirInstance, scaleVal: number, offse
   // Note: cursor needs to be reversed, probably because transform itself is reversed
   const xres = (-xc + xb) * (1 - scaleVal / oldScale)
   const yres = (-yc + yb) * (1 - scaleVal / oldScale)
-  console.log(xc, yc, xb, yb)
+
   this.map.style.transform = `translate(${xCurrent - xres}px, ${yCurrent - yres}px) scale(${scaleVal})`
   this.scaleVal = scaleVal
   this.bus.fire('scale', scaleVal)

src/plugin/keypress.ts

@@ -70,11 +70,9 @@ export const handleZoom = function (
   const { scaleVal, scaleSensitivity } = mei
   switch (direction) {
     case 'in':
-      if (scaleVal > 1.6) return
       mei.scale(scaleVal + scaleSensitivity, offset)
       break
     case 'out':
-      if (scaleVal < 0.6) return
       mei.scale(scaleVal - scaleSensitivity, offset)
   }
 }

src/plugin/toolBar.ts

@@ -50,11 +50,9 @@ function createToolBarRBContainer(mind: MindElixirInstance) {
     mind.toCenter()
   }
   zo.onclick = () => {
-    if (mind.scaleVal < 0.6) return
     mind.scale(mind.scaleVal - mind.scaleSensitivity)
   }
   zi.onclick = () => {
-    if (mind.scaleVal > 1.6) return
     mind.scale(mind.scaleVal + mind.scaleSensitivity)
   }
   return toolBarRBContainer

src/types/index.ts

@@ -144,6 +144,8 @@ export interface Options {
   selectionContainer?: string | HTMLElement
   alignment?: Alignment
   scaleSensitivity?: number
+  scaleMin?: number
+  scaleMax?: number
   handleWheel?: true | ((e: WheelEvent) => void)
 }