その他
インポート
import { defaultConverter } from 'lit';
型
ComplexAttributeConverter
Nodeのようなサーバー環境ではtrue
、ブラウザ環境ではfalse
となるブール値です。この値がtrue
となるには、サーバー環境またはツールチェーンが"node"
エクスポート条件をサポートしている必要があります。
インポート
import { isServer } from 'lit';
型
false
詳細
これは、コンポーネントがSSRコンテキストで実行されているかどうかによって動作を変更するために、コンポーネントを作成する際に使用できます。
不安定なデバッグAPIの一部である型が含まれています。
インポート
import { LitUnstable } from 'lit';
詳細
このAPI内のすべてのものは安定しておらず、将来変更または削除される可能性があります(パッチリリースでも)。
メソッドとプロパティ
Litが開発モードで実行され、window.emitLitDebugLogEvents
がtrueの場合、更新とレンダリングのライフサイクルに関するライブの詳細を含む「lit-debug」イベントがウィンドウに送信されます。これらは、デバッグツールや視覚化を作成するのに役立ちます。
詳細
window.emitLitDebugLogEvents
を有効にして実行するとパフォーマンスにオーバーヘッドが生じ、通常は非常に安価な操作(ノーオプレンダリングなど)が大幅に遅くなることに注意してください。これは、データのコピーとイベントのディスパッチを行う必要があるためです。
value
がoldValue
と異なる場合にtrueを返す変更関数です。このメソッドは、プロパティのhasChanged
関数のデフォルトとして使用されます。
インポート
import { notEqual } from 'lit';
シグネチャ
notEqual(value, old): boolean
パラメータ
- value
unknown
- old
unknown
不安定なデバッグAPIの一部である型が含まれています。
インポート
import { ReactiveUnstable } from 'lit';
詳細
このAPI内のすべてのものは安定しておらず、将来変更または削除される可能性があります(パッチリリースでも)。
メソッドとプロパティ
Litが開発モードで実行され、window.emitLitDebugLogEvents
がtrueの場合、更新とレンダリングのライフサイクルに関するライブの詳細を含む「lit-debug」イベントがウィンドウに送信されます。これらは、デバッグツールや視覚化を作成するのに役立ちます。
詳細
window.emitLitDebugLogEvents
を有効にして実行するとパフォーマンスにオーバーヘッドが生じ、通常は非常に安価な操作(ノーオプレンダリングなど)が大幅に遅くなることに注意してください。これは、データのコピーとイベントのディスパッチを行う必要があるためです。
テンプレートの更新可能なインスタンスです。テンプレートインスタンスの更新に使用されるPartsへの参照を保持します。
インポート
import { TemplateInstance } from 'lit';
メソッドとプロパティ
new TemplateInstance(template, parent): TemplateInstance
コンストラクタへのパーマリンクパラメータ
- template
Template
- parent
ChildPart
不安定なデバッグAPIの一部である型が含まれています。
インポート
import { Unstable } from 'lit';
詳細
このAPI内のすべてのものは安定しておらず、将来変更または削除される可能性があります(パッチリリースでも)。
メソッドとプロパティ
Litが開発モードで実行され、window.emitLitDebugLogEvents
がtrueの場合、更新とレンダリングのライフサイクルに関するライブの詳細を含む「lit-debug」イベントがウィンドウに送信されます。これらは、デバッグツールや視覚化を作成するのに役立ちます。
詳細
window.emitLitDebugLogEvents
を有効にして実行するとパフォーマンスにオーバーヘッドが生じ、通常は非常に安価な操作(ノーオプレンダリングなど)が大幅に遅くなることに注意してください。これは、データのコピーとイベントのディスパッチを行う必要があるためです。
インポート
import { CompiledTemplate } from 'lit';
メソッドとプロパティ
インポート
import { CompiledTemplateResult } from 'lit';
メソッドとプロパティ
インポート
import { DirectiveParent } from 'lit';
インポート
import { Disconnectable } from 'lit';
インポート
import { HasChanged } from 'lit';
シグネチャ
HasChanged(value, old): boolean
パラメータ
- value
unknown
- old
unknown
インポート
import { HTMLTemplateResult } from 'lit';
型
TemplateResult<HTML_RESULT>
インポート
import { Initializer } from 'lit';
型
(element: ReactiveElement) => void
PropertyValues
を使用することをお勧めします。これを使用しないでください。
インポート
import { PropertyValueMap } from 'lit';
メソッドとプロパティ
パラメータ
- k
K
パラメータ
- k
K
パラメータ
- k
K
パラメータ
- key
K
- value
T[K]
render
から返される最上位のChildPart
で、その下にあるツリー全体で作成されたAsyncDirective
の接続状態を管理します。
インポート
import { RootPart } from 'lit';
メソッドとプロパティ
パートの末尾のマーカーノード(存在する場合)。詳細は.parentNode
を参照してください。
パートがそのコンテンツをレンダリングする親ノード。
詳細
ChildPartのコンテンツは、隣接する.parentNode
の子ノードの範囲で構成され、場合によっては「マーカーノード」(.startNode
と.endNode
)で区切られます。
.startNode
と.endNode
の両方がnull以外の場合、パートのコンテンツは.startNode
と.endNode
の間にあるすべての兄弟ノード(両端を含まず)で構成されます。.startNode
がnull以外で.endNode
がnullの場合、パートのコンテンツは.startNode
の後のすべての兄弟ノードで構成され、.parentNode
の最後の子ノードまでを含みます。.endNode
がnull以外の場合、.startNode
は常にnull以外になります。.endNode
と.startNode
の両方がnullの場合、パートのコンテンツは.parentNode
のすべての子ノードで構成されます。
パートの先頭のマーカーノード(存在する場合)。詳細は.parentNode
を参照してください。
このルートChildPart内に含まれるAsyncDirective
の接続状態を設定します。
パラメータ
- isConnected
boolean
このツリー内のディレクティブを接続するかどうか
詳細
lit-htmlはDOMの接続状態を自動的に監視しません。そのため、part.setConnected(false)
がパートオブジェクトが破棄される可能性がある前に呼び出されることを保証し、AsyncDirective
が保持されているリソースを破棄する機会を与えるのは、呼び出し元の責任です。以前に切断されたRootPart
がその後再接続され(そしてそのAsyncDirective
を再接続する必要がある場合)、setConnected(true)
を呼び出す必要があります。
特定の種類のDOMシンクに書き込まれる値をサニタイズできる関数。
インポート
import { ValueSanitizer } from 'lit';
型
(value: unknown) => unknown
詳細
SanitizerFactoryを参照してください。
サポートされている開発モードの警告カテゴリの1つを表す文字列。
インポート
import { WarningKind } from 'lit';
型
"change-in-update" | "migration"