14325280d9
- 78 SDK pages per language (components, composables, advanced API, guides, architecture, getting-started) - vector-edit.md user guide page (5 languages) - Update stale ru/programmable/cli/inspecting.md - Fix YAML frontmatter quoting for colons in descriptions 474 files, 0 missing pages across de/es/fr/it/pl/ru. VitePress build verified — all 546 SDK pages render.
1 KiB
1 KiB
| title | description |
|---|---|
| useLayout | Trabaja con auto-layout, tamaño, relleno, alineación y pistas de cuadrícula. |
useLayout
useLayout() es el composable de control principal para los paneles relacionados con el layout.
Expone estado y acciones para:
- modo flex vs grid
- tamaño de ancho/alto
- relleno
- alineación
- edición de pistas de plantilla de cuadrícula
Uso
import { useLayout } from '@open-pencil/vue'
const layout = useLayout()
Ejemplo básico
const {
isGrid,
isFlex,
widthSizing,
heightSizing,
setWidthSizing,
setHeightSizing,
} = useLayout()
Ejemplos prácticos
Alternar entre relleno uniforme e individual
layout.toggleIndividualPadding()
Actualizar pistas de cuadrícula
layout.updateGridTrack('gridTemplateColumns', 0, { sizing: 'FIXED', value: 240 })
layout.addTrack('gridTemplateRows')
Cambiar la alineación
layout.setAlignment('CENTER', 'MAX')