easy-forms-core 1.0.3 → 1.0.4
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 +51 -0
- package/dist/easy-form.js +1 -1
- package/dist/easy-form.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -59,6 +59,55 @@ form.addEventListener('submit', (event) => {
|
|
|
59
59
|
})
|
|
60
60
|
```
|
|
61
61
|
|
|
62
|
+
### Con Rows y Datos Iniciales
|
|
63
|
+
|
|
64
|
+
```html
|
|
65
|
+
<easy-form
|
|
66
|
+
id="form"
|
|
67
|
+
initialData='{"firstName": "Juan", "lastName": "Pérez", "email": "juan@example.com"}'>
|
|
68
|
+
</easy-form>
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
```javascript
|
|
72
|
+
import 'easy-forms-core'
|
|
73
|
+
|
|
74
|
+
const form = document.querySelector('#form')
|
|
75
|
+
|
|
76
|
+
form.schema = {
|
|
77
|
+
fields: [
|
|
78
|
+
{
|
|
79
|
+
type: 'row',
|
|
80
|
+
name: 'nameRow',
|
|
81
|
+
fields: [
|
|
82
|
+
{
|
|
83
|
+
type: 'text',
|
|
84
|
+
name: 'firstName',
|
|
85
|
+
label: 'Nombre',
|
|
86
|
+
validations: [{ type: 'required' }]
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
type: 'text',
|
|
90
|
+
name: 'lastName',
|
|
91
|
+
label: 'Apellido',
|
|
92
|
+
validations: [{ type: 'required' }]
|
|
93
|
+
}
|
|
94
|
+
],
|
|
95
|
+
gap: '1rem',
|
|
96
|
+
align: 'stretch'
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
type: 'email',
|
|
100
|
+
name: 'email',
|
|
101
|
+
label: 'Email',
|
|
102
|
+
validations: [
|
|
103
|
+
{ type: 'required' },
|
|
104
|
+
{ type: 'email' }
|
|
105
|
+
]
|
|
106
|
+
}
|
|
107
|
+
]
|
|
108
|
+
}
|
|
109
|
+
```
|
|
110
|
+
|
|
62
111
|
### React
|
|
63
112
|
|
|
64
113
|
```tsx
|
|
@@ -104,6 +153,8 @@ const schema = {
|
|
|
104
153
|
- Steps / wizard forms
|
|
105
154
|
- Formularios anidados
|
|
106
155
|
- Arrays dinámicos
|
|
156
|
+
- **Rows (filas horizontales)** - Agrupa campos en filas
|
|
157
|
+
- **Datos iniciales** - Carga valores iniciales desde datos externos
|
|
107
158
|
- Componentes visuales personalizables
|
|
108
159
|
- Eventos de submit, change y error
|
|
109
160
|
- Testing friendly
|
package/dist/easy-form.js
CHANGED
|
@@ -461,7 +461,7 @@ function getMaterialStyles(_colors) {
|
|
|
461
461
|
font-size: 0.875rem;
|
|
462
462
|
font-weight: 500;
|
|
463
463
|
margin-bottom: 0.25rem;
|
|
464
|
-
color:
|
|
464
|
+
color: var(--easy-form-text);
|
|
465
465
|
}
|
|
466
466
|
input:not([type="checkbox"]):not([type="radio"]), textarea, select {
|
|
467
467
|
border: none;
|