perf(grid): improve grid performance

alibaba · Oct 19, 2021 · 7c60bc1 · 7c60bc1
1 parent 8154c20
commit 7c60bc1
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/grid/src/index.ts b/packages/grid/src/index.ts
@@ -92,6 +92,7 @@ export class Grid<Container extends HTMLElement> {
       height: observable.ref,
       childCount: observable.ref,
       childSpans: observable.ref,
+      columns: observable.computed,
       templateColumns: observable.computed,
       gap: observable.computed,
     })
@@ -178,6 +179,7 @@ export class Grid<Container extends HTMLElement> {
   }
 
   get templateColumns() {
+    if (!this.width) return ''
     if (this.maxWidth === Infinity) {
       return `repeat(${this.columns},1fr)`
     }