Merge pull request #325 from kaustubhxd/scale-sensitivity

Add scaleSensitivity prop to adjust scale sensitivity

Author: SSShooter

src/dev.dist.ts

@@ -39,6 +39,7 @@ const options: Options = {
       return true
     },
   },
+  scaleSensitivity: 0.2,
 }
 const mind = new MindElixir(options)
 mind.init(example)

src/dev.ts

@@ -73,6 +73,7 @@ const options: Options = {
       return true
     },
   },
+  scaleSensitivity: 0.2,
 }
 
 let mind = new MindElixir(options)

src/index.ts

@@ -37,6 +37,7 @@ function MindElixir(
     overflowHidden,
     theme,
     alignment,
+    scaleSensitivity,
   }: Options
 ): void {
   let ele: HTMLElement | null = null
@@ -64,6 +65,7 @@ function MindElixir(
   this.newTopicName = newTopicName || 'new node'
   this.editable = editable === undefined ? true : editable
   this.allowUndo = allowUndo === undefined ? false : allowUndo
+  this.scaleSensitivity = typeof scaleSensitivity === 'number' ? scaleSensitivity : 0.2
   // this.parentMap = {} // deal with large amount of nodes
   this.currentNode = null // the selected <tpc/> element
   this.currentArrow = null // the selected link svg element

src/plugin/keypress.ts

@@ -59,11 +59,11 @@ const handleZoom = function (mei: MindElixirInstance, direction: 'in' | 'out') {
   switch (direction) {
     case 'in':
       if (mei.scaleVal > 1.6) return
-      mei.scale((mei.scaleVal += 0.2))
+      mei.scale((mei.scaleVal += mei.scaleSensitivity))
       break
     case 'out':
       if (mei.scaleVal < 0.6) return
-      mei.scale((mei.scaleVal -= 0.2))
+      mei.scale((mei.scaleVal -= mei.scaleSensitivity))
   }
 }
 
@@ -190,7 +190,7 @@ export default function (mind: MindElixirInstance, options: boolean | KeypressOp
     if (e.ctrlKey || e.metaKey) {
       e.preventDefault()
       if (e.deltaY < 0) handleZoom(mind, 'in')
-      else if (mind.scaleVal - 0.2 > 0) handleZoom(mind, 'out')
+      else if (mind.scaleVal - mind.scaleSensitivity > 0) handleZoom(mind, 'out')
       e.stopPropagation()
     }
   }

src/plugin/toolBar.ts

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

src/types/index.ts

@@ -137,6 +137,7 @@ export interface Options {
   theme?: Theme
   selectionContainer?: string | HTMLElement
   alignment?: Alignment
+  scaleSensitivity?: number
 }
 
 export type Uid = string