bug fixed for sep move

Author: Kenneth Cheng

src/VueExcelEditor.vue

@@ -275,6 +275,7 @@
 </template>
 
 <script>
+import {getCurrentInstance, defineComponent} from 'vue'
 import VueExcelFilter from './VueExcelFilter.vue'
 import PanelFilter from './PanelFilter.vue'
 import PanelSetting from './PanelSetting.vue'
@@ -284,7 +285,7 @@ import {read, writeFile, utils} from 'xlsx'
 
 import '@vuepic/vue-datepicker/dist/main.css'
 
-export default {
+export default defineComponent({
   components: {
     'vue-excel-filter': VueExcelFilter,
     'panel-filter': PanelFilter,
@@ -1517,8 +1518,11 @@ export default {
       const getStyleVal = (elm, css) => {
         window.getComputedStyle(elm, null).getPropertyValue(css)
       }
+      const index = Array.from(this.labelTr.children).indexOf(e.target.parentElement)
       this.sep = {}
-      this.sep.curCol = this.colgroupTr.children[Array.from(this.labelTr.children).indexOf(e.target.parentElement)]
+      // this.sep.curCol = this.colgroupTr.children[Array.from(this.labelTr.children).indexOf(e.target.parentElement)]
+      this.sep.curCol = this.colgroupTr.children[index]
+      this.sep.curField = this.fields[index - 1]
       // this.sep.nxtCol = this.sep.curCol.nextElementSibling
       this.sep.pageX = e.pageX
       let padding = 0
@@ -1564,7 +1568,10 @@ export default {
     colSepMouseMove (e) {
       if (!this.sep || !this.sep.curCol) return
       const diffX = e.pageX - this.sep.pageX
-      this.sep.curCol.style.width = (this.sep.curColWidth + diffX) + 'px'
+      // this.sep.curCol.style.width = (this.sep.curColWidth + diffX) + 'px'
+      const newWidth = (this.sep.curColWidth + diffX) + 'px'
+      this.sep.curCol.style.width = newWidth
+      this.sep.curField.width = newWidth
       this.lazy(this.calStickyLeft, 200)
     },
     colSepMouseUp (e) {
@@ -2736,7 +2743,7 @@ export default {
       }, delay)
     }
   }
-}
+})
 </script>
 
 <style scoped>