@effect-app/vue-components 0.2.5 → 0.2.6

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.
@@ -19,13 +19,13 @@ const b = /* @__PURE__ */ P({
19
19
  id: e.inputProps.id,
20
20
  name: e.inputProps.name,
21
21
  label: e.inputProps.label,
22
- "model-value": e.inputProps.field.state.value,
23
22
  "error-messages": e.inputProps.errorMessages,
24
- error: e.inputProps.error
23
+ error: e.inputProps.error,
24
+ ripple: ""
25
25
  }, e.$attrs, {
26
- ripple: "",
26
+ "model-value": e.inputProps.field.state.value,
27
27
  onChange: r[0] || (r[0] = (p) => e.inputProps.field.handleChange(p.target.checked))
28
- }), null, 16, ["id", "name", "label", "model-value", "error-messages", "error"])) : l("", !0),
28
+ }), null, 16, ["id", "name", "label", "error-messages", "error", "model-value"])) : l("", !0),
29
29
  e.inputProps.type === "email" || e.inputProps.type === "string" ? (o(), n(u, s({
30
30
  key: 1,
31
31
  id: e.inputProps.id,
@@ -35,13 +35,14 @@ const b = /* @__PURE__ */ P({
35
35
  type: e.inputProps.type,
36
36
  name: e.inputProps.name,
37
37
  label: e.inputProps.label,
38
- "model-value": e.inputProps.field.state.value,
39
38
  "error-messages": e.inputProps.errorMessages,
40
39
  error: e.inputProps.error
41
40
  }, e.$attrs, {
41
+ "model-value": e.inputProps.field.state.value,
42
42
  "onUpdate:modelValue": e.inputProps.field.handleChange
43
- }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "model-value", "error-messages", "error", "onUpdate:modelValue"])) : l("", !0),
44
- e.inputProps.type === "text" ? (o(), n(t, s({ key: 2 }, e.$attrs, {
43
+ }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
44
+ e.inputProps.type === "text" ? (o(), n(t, s({
45
+ key: 2,
45
46
  id: e.inputProps.id,
46
47
  required: e.inputProps.required,
47
48
  "min-length": e.inputProps.minLength,
@@ -49,11 +50,12 @@ const b = /* @__PURE__ */ P({
49
50
  type: e.inputProps.type,
50
51
  name: e.inputProps.name,
51
52
  label: e.inputProps.label,
52
- "model-value": e.inputProps.field.state.value,
53
53
  "error-messages": e.inputProps.errorMessages,
54
- error: e.inputProps.error,
54
+ error: e.inputProps.error
55
+ }, e.$attrs, {
56
+ "model-value": e.inputProps.field.state.value,
55
57
  "onUpdate:modelValue": e.inputProps.field.handleChange
56
- }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "model-value", "error-messages", "error", "onUpdate:modelValue"])) : l("", !0),
58
+ }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
57
59
  e.inputProps.type === "number" ? (o(), n(u, s({
58
60
  key: 3,
59
61
  id: e.inputProps.id,
@@ -63,14 +65,14 @@ const b = /* @__PURE__ */ P({
63
65
  type: e.inputProps.type,
64
66
  name: e.inputProps.name,
65
67
  label: e.inputProps.label,
66
- "model-value": e.inputProps.field.state.value,
67
68
  "error-messages": e.inputProps.errorMessages,
68
69
  error: e.inputProps.error
69
70
  }, e.$attrs, {
71
+ "model-value": e.inputProps.field.state.value,
70
72
  "onUpdate:modelValue": r[1] || (r[1] = (p) => {
71
73
  e.inputProps.field.handleChange(Number(p));
72
74
  })
73
- }), null, 16, ["id", "required", "min", "max", "type", "name", "label", "model-value", "error-messages", "error"])) : l("", !0),
75
+ }), null, 16, ["id", "required", "min", "max", "type", "name", "label", "error-messages", "error", "model-value"])) : l("", !0),
74
76
  e.inputProps.type === "select" || e.inputProps.type === "multiple" ? (o(), n(m, s({
75
77
  key: 4,
76
78
  id: e.inputProps.id,
@@ -79,15 +81,15 @@ const b = /* @__PURE__ */ P({
79
81
  multiple: e.inputProps.type === "multiple",
80
82
  chips: e.inputProps.type === "multiple",
81
83
  name: e.inputProps.name,
82
- "model-value": e.inputProps.field.state.value,
83
84
  label: e.inputProps.label,
84
85
  items: e.inputProps.options,
85
86
  "error-messages": e.inputProps.errorMessages,
86
87
  error: e.inputProps.error
87
88
  }, e.$attrs, {
89
+ "model-value": e.inputProps.field.state.value,
88
90
  onClear: r[2] || (r[2] = (p) => e.inputProps.field.handleChange(void 0)),
89
91
  "onUpdate:modelValue": e.inputProps.field.handleChange
90
- }), null, 16, ["id", "clearable", "required", "multiple", "chips", "name", "model-value", "label", "items", "error-messages", "error", "onUpdate:modelValue"])) : l("", !0),
92
+ }), null, 16, ["id", "clearable", "required", "multiple", "chips", "name", "label", "items", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
91
93
  e.inputProps.type === "autocomplete" || e.inputProps.type === "autocompletemultiple" ? (o(), n(d, s({
92
94
  key: 5,
93
95
  id: e.inputProps.id,
@@ -95,16 +97,16 @@ const b = /* @__PURE__ */ P({
95
97
  multiple: e.inputProps.type === "autocompletemultiple",
96
98
  required: e.inputProps.required,
97
99
  name: e.inputProps.name,
98
- "model-value": e.inputProps.field.state.value,
99
100
  label: e.inputProps.label,
100
101
  items: e.inputProps.options,
101
102
  "error-messages": e.inputProps.errorMessages,
102
103
  error: e.inputProps.error,
103
104
  chips: e.inputProps.type === "autocompletemultiple"
104
105
  }, e.$attrs, {
106
+ "model-value": e.inputProps.field.state.value,
105
107
  onClear: r[3] || (r[3] = (p) => e.inputProps.field.handleChange(void 0)),
106
108
  "onUpdate:modelValue": e.inputProps.field.handleChange
107
- }), null, 16, ["id", "clearable", "multiple", "required", "name", "model-value", "label", "items", "error-messages", "error", "chips", "onUpdate:modelValue"])) : l("", !0)
109
+ }), null, 16, ["id", "clearable", "multiple", "required", "name", "label", "items", "error-messages", "error", "chips", "model-value", "onUpdate:modelValue"])) : l("", !0)
108
110
  ], 32);
109
111
  };
110
112
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@effect-app/vue-components",
3
- "version": "0.2.5",
3
+ "version": "0.2.6",
4
4
  "peerDependencies": {
5
5
  "@mdi/js": "^7.4.47",
6
6
  "@tanstack/vue-form": "^1.2.4",
@@ -9,11 +9,11 @@
9
9
  :id="inputProps.id"
10
10
  :name="inputProps.name"
11
11
  :label="inputProps.label"
12
- :model-value="inputProps.field.state.value"
13
12
  :error-messages="inputProps.errorMessages"
14
13
  :error="inputProps.error"
15
- v-bind="$attrs"
16
14
  ripple
15
+ v-bind="$attrs"
16
+ :model-value="inputProps.field.state.value"
17
17
  @change="(e: any) => inputProps.field.handleChange(e.target.checked)"
18
18
  />
19
19
  <v-text-field
@@ -25,15 +25,14 @@
25
25
  :type="inputProps.type"
26
26
  :name="inputProps.name"
27
27
  :label="inputProps.label"
28
- :model-value="inputProps.field.state.value"
29
28
  :error-messages="inputProps.errorMessages"
30
29
  :error="inputProps.error"
31
30
  v-bind="$attrs"
31
+ :model-value="inputProps.field.state.value"
32
32
  @update:model-value="inputProps.field.handleChange"
33
33
  />
34
34
  <v-textarea
35
35
  v-if="inputProps.type === 'text'"
36
- v-bind="$attrs"
37
36
  :id="inputProps.id"
38
37
  :required="inputProps.required"
39
38
  :min-length="inputProps.minLength"
@@ -41,9 +40,10 @@
41
40
  :type="inputProps.type"
42
41
  :name="inputProps.name"
43
42
  :label="inputProps.label"
44
- :model-value="inputProps.field.state.value"
45
43
  :error-messages="inputProps.errorMessages"
46
44
  :error="inputProps.error"
45
+ v-bind="$attrs"
46
+ :model-value="inputProps.field.state.value"
47
47
  @update:model-value="inputProps.field.handleChange"
48
48
  />
49
49
  <v-text-field
@@ -55,10 +55,10 @@
55
55
  :type="inputProps.type"
56
56
  :name="inputProps.name"
57
57
  :label="inputProps.label"
58
- :model-value="inputProps.field.state.value"
59
58
  :error-messages="inputProps.errorMessages"
60
59
  :error="inputProps.error"
61
60
  v-bind="$attrs"
61
+ :model-value="inputProps.field.state.value"
62
62
  @update:model-value="
63
63
  (e: any) => {
64
64
  inputProps.field.handleChange(Number(e))
@@ -73,12 +73,12 @@
73
73
  :multiple="inputProps.type === 'multiple'"
74
74
  :chips="inputProps.type === 'multiple'"
75
75
  :name="inputProps.name"
76
- :model-value="inputProps.field.state.value"
77
76
  :label="inputProps.label"
78
77
  :items="inputProps.options"
79
78
  :error-messages="inputProps.errorMessages"
80
79
  :error="inputProps.error"
81
80
  v-bind="$attrs"
81
+ :model-value="inputProps.field.state.value"
82
82
  @clear="inputProps.field.handleChange(undefined)"
83
83
  @update:model-value="inputProps.field.handleChange"
84
84
  />
@@ -93,13 +93,13 @@
93
93
  :multiple="inputProps.type === 'autocompletemultiple'"
94
94
  :required="inputProps.required"
95
95
  :name="inputProps.name"
96
- :model-value="inputProps.field.state.value"
97
96
  :label="inputProps.label"
98
97
  :items="inputProps.options"
99
98
  :error-messages="inputProps.errorMessages"
100
99
  :error="inputProps.error"
101
100
  :chips="inputProps.type === 'autocompletemultiple'"
102
101
  v-bind="$attrs"
102
+ :model-value="inputProps.field.state.value"
103
103
  @clear="inputProps.field.handleChange(undefined)"
104
104
  @update:model-value="inputProps.field.handleChange"
105
105
  />