Overview
Focus component. Shows focus layer around the cell that is currently in focus.
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
colData (required) | -- | Column source | "colPinEnd" | "colPinStart" | "rgCol" | ColumnRegular | undefined |
colType (required) | col-type | Column type | "colPinEnd" | "colPinStart" | "rgCol" | undefined |
dataStore (required) | -- | Data rows source | "rgRow" | "rowPinEnd" | "rowPinStart" | D | undefined |
dimensionCol (required) | -- | Dimension settings X | DimensionSettingsState | undefined |
dimensionRow (required) | -- | Dimension settings Y | DimensionSettingsState | undefined |
focusTemplate | -- | Focus template custom function. Can be used to render custom focus layer. | ((createElement: HyperFunc<VNode>, detail: FocusRenderEvent) => any) | null | null |
rowType (required) | row-type | Row type | "rgRow" | "rowPinEnd" | "rowPinStart" | undefined |
selectionStore (required) | -- | Selection, range, focus for selection | { range: RangeArea | null; tempRange: RangeArea | null; tempRangeType: string | null; focus: Cell | null; edit: EditCellStore | null; lastCell: Cell | null; nextFocus: Cell | null; } | undefined |
Events
| Event | Description | Type |
|---|---|---|
afterfocus | Used to setup properties after focus was rendered | CustomEvent<FocusAfterRenderEvent> |
beforefocusrender | Before focus render event. Can be prevented by event.preventDefault(). If preventDefault used slot will be rendered. | CustomEvent<FocusRenderEvent> |
beforescrollintoview | Before focus changed verify if it's in view and scroll viewport into this view Can be prevented by event.preventDefault() | CustomEvent<{ el: HTMLElement; }> |
Slots
| Slot | Description |
|---|---|
"focus-${view.type}-${data.type}." |
Dependencies
Used by
Graph
Built with ❤️ by Revolist OU