@reservi/calendar 1.4.1 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +33 -4
- package/dist/index.cjs +22 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +41 -6
- package/dist/index.js +5931 -4234
- package/dist/index.js.map +1 -1
- package/dist/styles.css +56 -2
- package/dist/themes.css +3 -1
- package/package.json +6 -6
package/README.md
CHANGED
|
@@ -15,10 +15,10 @@ adaptadores de fechas/HTTP** en un único artefacto y deja fuera solo `react` y
|
|
|
15
15
|
`react-dom` (los aporta la app). Además publica el CSS ya aplanado, sin
|
|
16
16
|
`@import` y sin necesitar Tailwind.
|
|
17
17
|
|
|
18
|
-
| Paquete | Para
|
|
19
|
-
| ------------------- |
|
|
20
|
-
| `@reservi/react` | apps dentro de este workspace pnpm
|
|
21
|
-
| `@reservi/calendar` | apps externas (npm/yarn), o consumo por ruta
|
|
18
|
+
| Paquete | Para |
|
|
19
|
+
| ------------------- | -------------------------------------------- |
|
|
20
|
+
| `@reservi/react` | apps dentro de este workspace pnpm |
|
|
21
|
+
| `@reservi/calendar` | apps externas (npm/yarn), o consumo por ruta |
|
|
22
22
|
|
|
23
23
|
La superficie pública es **idéntica**: `export * from "@reservi/react"`.
|
|
24
24
|
|
|
@@ -42,6 +42,35 @@ import "@reservi/calendar/themes.css"; // opcional: themes pre-hechos
|
|
|
42
42
|
/>;
|
|
43
43
|
```
|
|
44
44
|
|
|
45
|
+
## Arrastrar y soltar
|
|
46
|
+
|
|
47
|
+
`editable` es el interruptor maestro y habilita el redimensionado. El arrastre
|
|
48
|
+
va aparte y **está desactivado por defecto**: hay que pedirlo.
|
|
49
|
+
|
|
50
|
+
```tsx
|
|
51
|
+
<ReserviCalendar editable /> // solo redimensiona
|
|
52
|
+
<ReserviCalendar editable eventDraggable /> // arrastra y redimensiona
|
|
53
|
+
<ReserviCalendar editable={false} /> // nada
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
Es opt-in a propósito: arrastrar mueve citas reales, y activar `editable` para
|
|
57
|
+
poder estirar por los bordes no debería habilitar también ese gesto sin haberlo
|
|
58
|
+
pedido.
|
|
59
|
+
|
|
60
|
+
Por evento se puede fijar una tarjeta concreta con `editable: false` en el
|
|
61
|
+
propio evento, sin tocar la configuración global:
|
|
62
|
+
|
|
63
|
+
```tsx
|
|
64
|
+
events={[{ id: "1", start: "...", editable: false }]}
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
Funciona igual en día, semana, semana laboral y mes. En las vistas con eje
|
|
68
|
+
horario el destino se marca con un fantasma sobre la franja; en mes se resalta
|
|
69
|
+
la celda del día, porque ahí no hay franja que señalar.
|
|
70
|
+
|
|
71
|
+
> FullCalendar llama `eventStartEditable` a esta opción. Aquí se prefirió un
|
|
72
|
+
> nombre que se lea sin conocer esa convención.
|
|
73
|
+
|
|
45
74
|
## Build
|
|
46
75
|
|
|
47
76
|
```bash
|