vue2-excel-grid 2.8.4 → 2.8.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-excel-grid",
-  "version": "2.8.4",
+  "version": "2.8.6",
   "description": "Excel-style grid component for Vue 2.6.14 with virtual scrolling",
   "license": "MIT",
   "author": "Fozilbek Raimberdiyev",

package/src/components/EgDatePicker.vue

@@ -131,7 +131,7 @@ export default {
   mounted() {
     this.$nextTick(() => {
       if (this.$refs.textInput) {
-        this.$refs.textInput.focus()
+        this.$refs.textInput.focus({ preventScroll: true })
         this.$refs.textInput.select()
       }
     })

package/src/components/EgSelect.vue

@@ -204,7 +204,7 @@ export default {
   watch: {
     open(val) {
       if (val && this.enableSearch) {
-        this.$nextTick(() => { this.$refs.searchInput && this.$refs.searchInput.focus() })
+        this.$nextTick(() => { this.$refs.searchInput && this.$refs.searchInput.focus({ preventScroll: true }) })
       }
     }
   },
@@ -215,7 +215,7 @@ export default {
       this.highlight = selectedIndex
       this._scrollIndexIntoView(selectedIndex)
       if (this.enableSearch) {
-        this.$nextTick(() => { this.$refs.searchInput && this.$refs.searchInput.focus() })
+        this.$nextTick(() => { this.$refs.searchInput && this.$refs.searchInput.focus({ preventScroll: true }) })
       }
     } else {
       document.addEventListener('click', this._onDocClick)

package/src/components/EgTreeSelect.vue

@@ -228,7 +228,7 @@ export default {
   watch: {
     open(val) {
       if (val && this.enableSearch) {
-        this.$nextTick(() => { this.$refs.searchInput && this.$refs.searchInput.focus() })
+        this.$nextTick(() => { this.$refs.searchInput && this.$refs.searchInput.focus({ preventScroll: true }) })
       }
     }
   },
@@ -237,7 +237,7 @@ export default {
       this._initExpanded()
       this._scrollIndexIntoView(this.highlight)
       if (this.enableSearch) {
-        this.$nextTick(() => { this.$refs.searchInput && this.$refs.searchInput.focus() })
+        this.$nextTick(() => { this.$refs.searchInput && this.$refs.searchInput.focus({ preventScroll: true }) })
       }
     } else {
       document.addEventListener('click', this._onDocClick)

package/src/components/ExcelGrid.vue

@@ -1425,7 +1425,7 @@ const ExcelGridComponent = {
      * without `:theme.sync` — `.sync` is only needed to reflect the current
      * theme back into the host's own state.
      */
-    theme: { type: String, default: 'excel' },
+    theme: { type: String, default: 'antd' },
 
     /**
      * Shows a filter row directly beneath the column headers (inside the
@@ -2417,7 +2417,7 @@ const ExcelGridComponent = {
 
     theme: {
       immediate: true,
-      handler(v) { this.internalTheme = v || 'excel' }
+      handler(v) { this.internalTheme = v || 'antd' }
     },
 
     // Runs before the `columns`/`data` watchers below (both call
@@ -3593,7 +3593,7 @@ const ExcelGridComponent = {
         }
       }
       this.hideContextMenu()
-      this.$refs.wrapper && this.$refs.wrapper.focus()
+      this.$refs.wrapper && this.$refs.wrapper.focus({ preventScroll: true })
 
       if (e.ctrlKey || e.metaKey) {
         if (this.selectDropdown) this.closeSelectDropdown()
@@ -4231,7 +4231,7 @@ const ExcelGridComponent = {
               const options = (typeof col.mask === 'string' || Array.isArray(col.mask)) ? { mask: col.mask } : col.mask
               this._maskInput = new MaskInput(input, options)
             }
-            input.focus()
+            input.focus({ preventScroll: true })
             if (keepValue) {
               input.setSelectionRange(input.value.length, input.value.length)
             }
@@ -4254,7 +4254,7 @@ const ExcelGridComponent = {
       if (!this.isCellValueValid(row, col, value)) {
         this._showInvalidCell(row, col, value)
         this.editingCell = null
-        this.$refs.wrapper && this.$refs.wrapper.focus()
+        this.$refs.wrapper && this.$refs.wrapper.focus({ preventScroll: true })
         return
       }
 
@@ -4265,14 +4265,14 @@ const ExcelGridComponent = {
       this._emitDataChange(oldData, newData)
       this._flushOnInput(row, col, value, newData[row])
       this.editingCell = null
-      this.$refs.wrapper && this.$refs.wrapper.focus()
+      this.$refs.wrapper && this.$refs.wrapper.focus({ preventScroll: true })
     },
 
     cancelEdit() {
       clearTimeout(this._onInputTimer)
       if (this._maskInput) { this._maskInput.destroy(); this._maskInput = null }
       this.editingCell = null
-      this.$refs.wrapper && this.$refs.wrapper.focus()
+      this.$refs.wrapper && this.$refs.wrapper.focus({ preventScroll: true })
     },
 
     // Fires while the user is actively typing in the plain-text edit input —
@@ -4360,7 +4360,7 @@ const ExcelGridComponent = {
       if (!this.isCellValueValid(row, col, value)) {
         this._showInvalidCell(row, col, value)
         this.editingCell = null
-        this.$refs.wrapper && this.$refs.wrapper.focus()
+        this.$refs.wrapper && this.$refs.wrapper.focus({ preventScroll: true })
         return
       }
       this.invalidCell = null
@@ -4370,7 +4370,7 @@ const ExcelGridComponent = {
       this._emitDataChange(oldData, newData)
       this._flushOnInput(row, col, value, newData[row])
       this.editingCell = null
-      this.$refs.wrapper && this.$refs.wrapper.focus()
+      this.$refs.wrapper && this.$refs.wrapper.focus({ preventScroll: true })
     },
 
     // =========================================================
@@ -4648,7 +4648,7 @@ const ExcelGridComponent = {
     // or keyboard navigation on the grid goes dead until the user clicks a cell.
     closeSelectDropdown() {
       this.selectDropdown = null
-      this.$refs.wrapper && this.$refs.wrapper.focus()
+      this.$refs.wrapper && this.$refs.wrapper.focus({ preventScroll: true })
     },
 
     // =========================================================
@@ -5036,7 +5036,7 @@ const ExcelGridComponent = {
     closeDatePicker() {
       clearTimeout(this._onInputTimer)
       this.datePickerOverlay = null
-      this.$refs.wrapper && this.$refs.wrapper.focus()
+      this.$refs.wrapper && this.$refs.wrapper.focus({ preventScroll: true })
     },
 
     _onWindowScrollForDropdown(e) {
@@ -6805,7 +6805,7 @@ const ExcelGridComponent = {
     // browser leaves focus on document.body (its subtree was removed) and
     // arrow-key navigation goes dead until a cell is clicked again.
     focus() {
-      this.$refs.wrapper && this.$refs.wrapper.focus()
+      this.$refs.wrapper && this.$refs.wrapper.focus({ preventScroll: true })
     },
 
     // Public, ref-callable: formats a number with a custom thousands