vue2-excel-grid 2.0.1 → 2.0.2

package/package.json

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

package/src/components/ExcelGrid.vue

@@ -2402,7 +2402,20 @@ const ExcelGridComponent = {
     naturalGridWidth() {
       if (this.widthMode === 'auto') this.$nextTick(this.syncHeaderViewportWidth)
     },
-    widthMode() { this.$nextTick(this.syncHeaderViewportWidth) }
+    widthMode() { this.$nextTick(this.syncHeaderViewportWidth) },
+
+    // localSyncKey feature — mounted() only calls _loadLocalVersionsOnMount()
+    // once, at mount time. Without this watcher, a key that starts empty (a
+    // host conditionally passing `:local-sync-key="ready ? id : null"`, or
+    // one only known after an async load) and later becomes truthy would
+    // never load its version list, never promote a leftover buffer, and
+    // never show the toolbar badge — the feature would look "broken" for the
+    // rest of that page's lifetime even though everything else works.
+    localSyncKey(newKey, oldKey) {
+      if (newKey === oldKey) return
+      this.localSyncAvailable = false
+      if (newKey) this._loadLocalVersionsOnMount()
+    }
   },
 
   created() {
@@ -6308,14 +6321,18 @@ const ExcelGridComponent = {
     // turns it into a real version next time the grid mounts.
     _scheduleBufferWrite(data) {
       if (!this.localSyncKey) return
+      const key = this.localSyncKey // captured now, not re-read 800ms later —
+      // a host that swaps localSyncKey mid-edit (rare, but now reactive, see
+      // the localSyncKey watcher above) must not have this land under the
+      // NEW key with the OLD key's data.
       clearTimeout(this._bufferWriteTimer)
-      this._bufferWriteTimer = setTimeout(() => { this._writeBufferNow(data) }, 800)
+      this._bufferWriteTimer = setTimeout(() => { this._writeBufferNow(key, data) }, 800)
     },
 
-    async _writeBufferNow(data) {
-      if (!this.localSyncKey) return
+    async _writeBufferNow(key, data) {
+      if (!key) return
       try {
-        await putBuffer(this.localSyncKey, data)
+        await putBuffer(key, data)
       } catch (error) {
         this.$emit('local-sync-error', { action: 'save', error })
       }
@@ -6405,7 +6422,7 @@ const ExcelGridComponent = {
       // the version-store write below is best-effort on top of it, reliable
       // for the common case (tab switch/background, page stays alive).
       clearTimeout(this._bufferWriteTimer)
-      this._writeBufferNow(data)
+      this._writeBufferNow(this.localSyncKey, data)
       try {
         const hash = sync ? hashRows(data) : await hashRowsAsync(data)
         if (this.data !== data) return // data changed again mid-hash — a later flush will catch it