jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-11-08 18:39:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Bump Lit, use cache for query (#7245)

Browse Source
This commit is contained in:
Bram Kragten
2020-10-06 15:55:55 +02:00
committed by GitHub
parent a076fcde84
commit 5937be695f
37 changed files with 132 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/data-table/ha-data-table.ts
View File

@@ -101,6 +101,9 @@ export class HaDataTable extends LitElement {
@property({ type: String }) public searchLabel?: string;
@property({ type: Boolean, attribute: "no-label-float" })
public noLabelFloat? = false;
@property({ type: String }) public filter = "";
@internalProperty() private _filterable = false;
@@ -113,9 +116,9 @@ export class HaDataTable extends LitElement {
@internalProperty() private _filteredData: DataTableRowData[] = [];
@query("slot[name='header']") private _header!: HTMLSlotElement;
@internalProperty() private _headerHeight = 0;
@query(".mdc-data-table__table") private _table!: HTMLDivElement;
@query("slot[name='header']") private _header!: HTMLSlotElement;
private _checkableRowsCount?: number;
@@ -206,6 +209,7 @@ export class HaDataTable extends LitElement {
<search-input
@value-changed=${this._handleSearchChange}
.label=${this.searchLabel}
.noLabelFloat=${this.noLabelFloat}
></search-input>
</div>
`
@@ -220,7 +224,7 @@ export class HaDataTable extends LitElement {
style=${styleMap({
height: this.autoHeight
? `${(this._filteredData.length || 1) * 53 + 57}px`
: `calc(100% - ${this._header?.clientHeight}px)`,
: `calc(100% - ${this._headerHeight}px)`,
})}
>
<div class="mdc-data-table__header-row" role="row">
@@ -523,7 +527,7 @@ export class HaDataTable extends LitElement {
return;
}
await this.updateComplete;
this._table.style.height = `calc(100% - ${this._header.clientHeight}px)`;
this._headerHeight = this._header.clientHeight;
}
@eventOptions({ passive: true })