コンテンツへスキップ

pivotick v3.0.0


ピボット / GraphUI / EmptyStateOptions

インターフェース: EmptyStateOptions ​

定義: interfaces/GraphUI.ts:309

UI.emptyState: 空のキャンバスに表示されるカード。

カードはクリックスルーなので、パンやキャンバス メニューはカード上で機能します。 内部のインタラクティブなコンテンツ (ボタン、リンク、フォーム コントロールなど、 tabindex)、独自のクリックを受け取ります。

例 ​

js
UI: {
    emptyState: {
        render: ({ initial }) => {
            const box = document.createElement('div')
            box.textContent = initial ? 'Nothing is related to this record.' : 'The canvas is empty.'
            return box
        },
    },
}

伸びる ​

プロパティ ​

enabled? ​

optional enabled: boolean

定義: interfaces/GraphUI.ts:30

デフォルト ​

ts
true

継承元 ​

FeatureToggle.enabled


render? ​

optional render: string | HTMLElement | (ctx) => RenderResult

定義: interfaces/GraphUI.ts:317

カードの内容。カードが変更されるたびではなく、カードが表示されるたびに実行されます。 が稼働しているため、グラフがノードを保持すると、別のことが言える可能性があります。あ 返された string はプレーンテキストとしてレンダリングされます。 HTMLElement を返してレンダリングします 独自のマークアップ。 asyncかもしれません。

デフォルト ​

ts
'Nothing on the canvas yet'