jellies-draw 0.1.6 → 0.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jellies-draw",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "A drawer for jellies",
   "private": false,
   "main": "./src/index.js",

package/src/components/functions/properties.js

@@ -9,7 +9,7 @@ export default new Vue({
       strokeColorPicked: '#000000',
       fontSizeSelected: 20,
       strokeWidthSelected: 4,
-      toolSelected: 'selector',
+      toolSelected: 'pen',
       isTextNodesSelected: false,
       isMassivelyAssigningProperties: false
     }

package/src/components/functions/tools/text.js

@@ -10,7 +10,14 @@ export default {
   disableTextareaHandler: null,
   handleTextareaTimer: null,
   show({ offsetX, offsetY }) {
-    if (!Canvas.isEditingText) {
+    if (Canvas.isEditingText) {
+      return
+    }
+    clearTimeout(this.handleTextareaTimer)
+    this.handleTextareaTimer = setTimeout(() => {
+      if (Canvas.isEditingText) {
+        return
+      }
       const newText = this.generate({
         text: '',
         x: offsetX,
@@ -19,13 +26,10 @@ export default {
         width: 200,
         fill: Properties.strokeColor
       })
-      this.temporalText = newText
-      Canvas.layer.add(this.temporalText)
-      clearTimeout(this.handleTextareaTimer)
-      this.handleTextareaTimer = setTimeout(() => {
-        this._handleEnableTextarea(newText)
-      }, 200)
-    }
+      this.temporalText = newText;
+      Canvas.layer.add(this.temporalText);
+      this._handleEnableTextarea(newText)
+    }, 200)
   },
   bindEvents(newText) {
     newText.off('dblclick dbltap')
@@ -123,11 +127,16 @@ export default {
   },
   _handleDisableTextarea(event) {
     if (event.target !== this.textarea) {
-      this.temporalText.text(this.textarea.value)
-      this.textarea.remove()
-      window.removeEventListener('mousedown', this.disableTextareaHandler)
-      this.temporalText.show()
+      if (this.textarea.value) {
+        this.temporalText.text(this.textarea.value)
+        this.temporalText.show()
+        this.textarea.remove()
+      } else {
+        this.textarea.remove()
+        this.temporalText.remove()
+      }
       Properties.tool = 'selector'
+      window.removeEventListener('mousedown', this.disableTextareaHandler)
     }
   },
   _handleTextareaEditing() {