#10 fixed

neuronetio · Jan 10, 2019 · ea8553f · ea8553f
1 parent 221ba87
commit ea8553f
Show file tree

Hide file tree

Showing 9 changed files with 61 additions and 51 deletions.
diff --git a/dist/GanttElastic.common.js b/dist/GanttElastic.common.js
diff --git a/dist/GanttElastic.common.min.js b/dist/GanttElastic.common.min.js
diff --git a/dist/GanttElastic.umd.js b/dist/GanttElastic.umd.js
diff --git a/dist/GanttElastic.umd.min.js b/dist/GanttElastic.umd.min.js
diff --git a/dist/bundle.js b/dist/bundle.js
diff --git a/examples/vue.edit.html b/examples/vue.edit.html
@@ -239,6 +239,7 @@
               },
               "task-list-item-value-container": {
                 'text-align': 'center',
+                'width': '100%'
               }
             }
           }

diff --git a/src/GanttElastic.vue b/src/GanttElastic.vue
@@ -123,6 +123,7 @@ function getOptions (userOptions) {
       percent: 100,
       width: 0,
       finalWidth: 0,
+      minWidth: 18,
       expander: {
         size: 16,
         columnWidth: 24,

diff --git a/src/components/MainView.vue b/src/components/MainView.vue
@@ -43,12 +43,12 @@
             <div
               class="gantt-elastic__main-view-container"
               ref="svgChartContainer"
-              @mousedown.stop="chartMouseDown"
-              @touchstart.stop.prevent="chartMouseDown"
-              @mouseup.stop.prevent="chartMouseUp"
-              @touchend.stop.prevent="chartMouseUp"
-              @mousemove.stop.prevent="chartMouseMove"
-              @touchmove.stop.prevent="chartMouseMove"
+              @mousedown="chartMouseDown"
+              @touchstart.prevent="chartMouseDown"
+              @mouseup.prevent="chartMouseUp"
+              @touchend.prevent="chartMouseUp"
+              @mousemove.prevent="chartMouseMove"
+              @touchmove.prevent="chartMouseMove"
               @wheel.prevent="chartWheel"
             >
               <chart></chart>

diff --git a/src/components/TaskList/TaskListHeader.vue b/src/components/TaskList/TaskListHeader.vue
@@ -19,7 +19,7 @@
         class="gantt-elastic__task-list-header-label"
         :style="root.style('task-list-header-label',column.style['task-list-header-label'])"
         :column="column"
-        @mouseup="resizerMouseUp($event, column)"
+        @mouseup="resizerMouseUp"
       >{{column.label}}</div>
       <div
         class="gantt-elastic__task-list-header-resizer-wrapper"
@@ -91,18 +91,28 @@ export default {
     resizerMouseMove (event) {
       if (this.resizer.moving) {
         this.resizer.moving.width = this.resizer.initialWidth + event.clientX - this.resizer.x;
+        if (this.resizer.moving.width < this.root.state.taskList.minWidth) {
+          this.resizer.moving.width = this.root.state.taskList.minWidth;
+        }
         this.root.$emit("taskList-column-width-change", this.resizer.moving.width);
       }
     },
     resizerMouseUp (event) {
       if (this.resizer.moving) {
-        this.root.$emit("taskList-column-width-change", this.resizer.moving.width);
-        this.root.$emit("taskList-column-width-change-stop", this.resizer.moving.width);
+        this.root.$emit("taskList-column-width-change", this.resizer.moving);
+        this.root.$emit("taskList-column-width-change-stop", this.resizer.moving);
         this.resizer.moving = false;
       }
     }
   },
   created () {
+    this.mouseUpListener = document.addEventListener('mouseup', (event) => {
+      console.log('moving');
+      this.resizerMouseUp(event);
+    });
+    this.mouseMoveListener = document.addEventListener('mousemove', (event) => {
+      this.resizerMouseMove(event);
+    });
     this.root.$on("main-view-mousemove", this.resizerMouseMove);
     this.root.$on("main-view-mouseup", this.resizerMouseUp);
   }