.gitignore and v0.2.0
This commit is contained in:
@@ -81,3 +81,28 @@ Ejemplo:
|
||||
`DsDialog` recibe `v-model<boolean>`, `title`, `description`, `closeLabel` y `closeOnBackdrop`. Emite `close` y `cancel`; ofrece slots default y `footer`.
|
||||
|
||||
`DsConfirmDialog` añade `confirmLabel`, `cancelLabel`, `danger` y `loading`; emite `confirm` y `cancel`.
|
||||
|
||||
## Datos y reglas
|
||||
|
||||
`DsSortableList` ordena un `v-model<DsSortableItem[]>` mediante drag-and-drop. Cada elemento requiere `id` y `label`; puede incluir `description` y `disabled`. El evento `reorder` entrega el elemento y sus posiciones `from` y `to`. Los botones subir/bajar ofrecen la misma operación sin depender del puntero.
|
||||
|
||||
```vue
|
||||
<DsSortableList v-model="steps" label="Etapas del proyecto" />
|
||||
```
|
||||
|
||||
`DsLogicTree` edita un `v-model<DsLogicGroup>` serializable. Un grupo combina nodos con `operator: "and" | "or"`; cada condición guarda `field`, `comparison` y `value`. `fields` y `comparisons` reciben opciones configurables, y `readonly` permite mostrar el árbol sin editarlo.
|
||||
|
||||
```vue
|
||||
<DsLogicTree
|
||||
v-model="rules"
|
||||
:fields="[
|
||||
{ label: 'Estado', value: 'status' },
|
||||
{ label: 'Plan', value: 'plan' },
|
||||
]"
|
||||
label="Reglas de audiencia"
|
||||
/>
|
||||
```
|
||||
|
||||
Los textos del constructor pueden adaptarse mediante la prop `labels`. El componente emite `change` con el árbol completo después de cada edición.
|
||||
|
||||
Las decisiones internas, limitaciones conocidas y propuestas de evolución están registradas en [Herramientas interactivas](interactive-tools.md).
|
||||
|
||||
Reference in New Issue
Block a user