@canvas-components/list-table 0.3.5 → 0.3.6

package/dist/index.cjs

@@ -10255,6 +10255,25 @@ var ListTableAnimationController = class {
     }
     return getAnimationValue(animation, this.scheduler.now());
   }
+  /**
+   * 清理指定列的控制动画及历史值，避免离屏单元格再次出现时播放过期动画。
+   */
+  resetControlAnimationsForColumn(columnKey) {
+    Array.from(this.runtime.controlAnimations.keys()).forEach((key) => {
+      if (isControlAnimationKeyForColumn(key, columnKey)) {
+        this.runtime.controlAnimations.delete(key);
+      }
+    });
+    Array.from(this.runtime.lastControlValues.keys()).forEach((key) => {
+      if (isControlAnimationKeyForColumn(key, columnKey)) {
+        this.runtime.lastControlValues.delete(key);
+      }
+    });
+    if (this.runtime.controlAnimations.size === 0 && this.runtime.controlAnimationFrameId != null) {
+      this.scheduler.cancelAnimationFrame(this.runtime.controlAnimationFrameId);
+      this.runtime.controlAnimationFrameId = null;
+    }
+  }
   getNestedTableHighlight(params) {
     return this.runtime.nestedTableHighlights.get(
       getNestedTableHighlightKey(
@@ -10465,6 +10484,14 @@ function createDefaultAnimationScheduler() {
     clearInterval: (id) => window.clearInterval(id)
   };
 }
+function isControlAnimationKeyForColumn(key, columnKey) {
+  const contentSeparatorIndex = key.lastIndexOf("::");
+  if (contentSeparatorIndex < 0) {
+    return false;
+  }
+  const columnSeparatorIndex = key.lastIndexOf("::", contentSeparatorIndex - 1);
+  return columnSeparatorIndex >= 0 && key.slice(columnSeparatorIndex + 2, contentSeparatorIndex) === columnKey;
+}
 
 // src/shared/carousel/carousel.ts
 function resolveCarouselScrollInterval(params) {
@@ -18078,6 +18105,7 @@ var ListTableHeaderActionController = class {
     this.options.clearExpandedRows();
     this.options.clearCollapsedRows();
     this.options.filterPanel.hide();
+    this.options.persistColumnConfig();
     this.options.applyFilterQueryAsync();
   }
 };
@@ -18527,7 +18555,8 @@ var ListTablePersistenceController = class {
     __publicField(this, "options");
     this.options = options;
   }
-  async loadStoredConfig() {
+  async loadStoredConfig(options = {}) {
+    const { restoreQueryState = true } = options;
     const tableOptions = this.options.getOptions();
     const stored = await loadListTableStoredConfig({
       storageKey: tableOptions.storageKey,
@@ -18536,10 +18565,10 @@ var ListTablePersistenceController = class {
     if (!stored) {
       return;
     }
-    if (stored.sortState) {
+    if (restoreQueryState && stored.sortState) {
       this.options.setSortState(stored.sortState);
     }
-    if (stored.filterState) {
+    if (restoreQueryState && stored.filterState) {
       this.options.setFilterState(stored.filterState);
     }
     if (stored.zoom != null) {
@@ -25739,6 +25768,9 @@ var ListTableRowActionController = class {
     if (!nextKeys) {
       return;
     }
+    this.options.animationController.resetControlAnimationsForColumn(
+      ROW_SELECTION_COLUMN_KEY
+    );
     this.updateSelectedRowKeys(nextKeys, "all");
     this.options.requestRender();
   }
@@ -27203,7 +27235,7 @@ var ListTableCore = class {
     this.hideFloatingOverlays({ includeLoading: true });
     this.refreshRuntimeColumns();
     this.renderController.render();
-    this.persistenceController.loadStoredConfig();
+    this.persistenceController.loadStoredConfig({ restoreQueryState: false });
     host.tableId = options.tableId?.trim() ? options.tableId : host.tableId;
     host.rowDragController.syncRegistration();
   }