@oneb/ui-vue 0.0.8 → 0.0.9
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/dist/card/index.cjs +1 -1
- package/dist/card/index.js +24 -22
- package/dist/common/avatar.d.ts +21 -0
- package/dist/common/index.cjs +1 -0
- package/dist/common/index.d.ts +2 -0
- package/dist/common/index.js +72 -0
- package/dist/dropdown/index.cjs +1 -1
- package/dist/dropdown/index.js +450 -8
- package/dist/form/form.d.ts +1 -1
- package/dist/form/index.cjs +1 -1
- package/dist/form/index.js +140 -135
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +5 -5
- package/dist/index.js +15 -14
- package/package.json +5 -1
- package/dist/index-8ee43fa4.js +0 -519
- package/dist/index-f88ecb85.cjs +0 -1
package/dist/form/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { inject as
|
|
2
|
-
const
|
|
1
|
+
import { inject as O, computed as i, defineComponent as g, provide as E, openBlock as r, createElementBlock as n, withModifiers as N, renderSlot as B, unref as a, createTextVNode as L, toDisplayString as h, Fragment as F, renderList as $, createCommentVNode as b, createElementVNode as d, ref as C, onMounted as A, normalizeClass as v, createVNode as V, createBlock as k, resolveDynamicComponent as P } from "vue";
|
|
2
|
+
const z = {
|
|
3
3
|
id: {
|
|
4
4
|
type: String,
|
|
5
5
|
required: !1
|
|
@@ -8,7 +8,7 @@ const T = {
|
|
|
8
8
|
type: Object,
|
|
9
9
|
required: !1
|
|
10
10
|
}
|
|
11
|
-
},
|
|
11
|
+
}, D = {
|
|
12
12
|
id: {
|
|
13
13
|
type: String,
|
|
14
14
|
required: !1
|
|
@@ -30,7 +30,7 @@ const T = {
|
|
|
30
30
|
type: Array,
|
|
31
31
|
required: !1
|
|
32
32
|
}
|
|
33
|
-
},
|
|
33
|
+
}, T = {
|
|
34
34
|
name: {
|
|
35
35
|
type: String,
|
|
36
36
|
required: !1
|
|
@@ -39,12 +39,12 @@ const T = {
|
|
|
39
39
|
type: Array,
|
|
40
40
|
required: !1
|
|
41
41
|
}
|
|
42
|
-
},
|
|
42
|
+
}, G = {
|
|
43
43
|
label: {
|
|
44
44
|
type: String,
|
|
45
45
|
required: !1
|
|
46
46
|
}
|
|
47
|
-
},
|
|
47
|
+
}, H = {
|
|
48
48
|
id: {
|
|
49
49
|
type: String,
|
|
50
50
|
required: !1
|
|
@@ -66,7 +66,7 @@ const T = {
|
|
|
66
66
|
},
|
|
67
67
|
modelValue: {
|
|
68
68
|
required: !1,
|
|
69
|
-
type: [String, Number, Array, Boolean]
|
|
69
|
+
type: [String, Number, Array, Boolean, Object, null]
|
|
70
70
|
},
|
|
71
71
|
autofocus: {
|
|
72
72
|
type: Boolean,
|
|
@@ -102,75 +102,75 @@ const T = {
|
|
|
102
102
|
required: !1,
|
|
103
103
|
default: []
|
|
104
104
|
}
|
|
105
|
-
},
|
|
105
|
+
}, I = () => O(
|
|
106
106
|
"BaseForm",
|
|
107
107
|
() => ({
|
|
108
|
-
formId:
|
|
108
|
+
formId: i(() => {
|
|
109
109
|
}),
|
|
110
|
-
validation:
|
|
110
|
+
validation: i(() => {
|
|
111
111
|
})
|
|
112
112
|
}),
|
|
113
113
|
!0
|
|
114
|
-
), _ = () =>
|
|
114
|
+
), _ = () => O(
|
|
115
115
|
"BaseFormField",
|
|
116
116
|
() => ({
|
|
117
|
-
inputId:
|
|
117
|
+
inputId: i(() => {
|
|
118
118
|
}),
|
|
119
|
-
inputName:
|
|
119
|
+
inputName: i(() => {
|
|
120
120
|
}),
|
|
121
|
-
hasError:
|
|
121
|
+
hasError: i(() => !1)
|
|
122
122
|
}),
|
|
123
123
|
!0
|
|
124
|
-
),
|
|
124
|
+
), J = ["onSubmit", "id"], be = /* @__PURE__ */ g({
|
|
125
125
|
__name: "OneForm",
|
|
126
|
-
props:
|
|
126
|
+
props: z,
|
|
127
127
|
emits: ["submit"],
|
|
128
|
-
setup(u, { emit:
|
|
128
|
+
setup(u, { emit: l }) {
|
|
129
129
|
const o = u;
|
|
130
|
-
|
|
131
|
-
formId:
|
|
132
|
-
validation:
|
|
130
|
+
E("BaseForm", {
|
|
131
|
+
formId: i(() => o.id),
|
|
132
|
+
validation: i(() => o.validation)
|
|
133
133
|
});
|
|
134
134
|
const p = () => {
|
|
135
|
-
|
|
135
|
+
l("submit");
|
|
136
136
|
};
|
|
137
|
-
return (
|
|
138
|
-
onSubmit:
|
|
139
|
-
id:
|
|
137
|
+
return (s, t) => (r(), n("form", {
|
|
138
|
+
onSubmit: N(p, ["prevent"]),
|
|
139
|
+
id: s.id,
|
|
140
140
|
class: "space-y-3"
|
|
141
141
|
}, [
|
|
142
|
-
B(
|
|
143
|
-
], 40,
|
|
142
|
+
B(s.$slots, "default")
|
|
143
|
+
], 40, J));
|
|
144
144
|
}
|
|
145
|
-
}),
|
|
145
|
+
}), K = ["for"], Q = /* @__PURE__ */ g({
|
|
146
146
|
__name: "OneFormLabel",
|
|
147
|
-
props:
|
|
147
|
+
props: G,
|
|
148
148
|
setup(u) {
|
|
149
|
-
const { inputId:
|
|
150
|
-
return (o, p) => (
|
|
151
|
-
for:
|
|
149
|
+
const { inputId: l } = _();
|
|
150
|
+
return (o, p) => (r(), n("label", {
|
|
151
|
+
for: a(l),
|
|
152
152
|
class: "block text-sm font-medium text-primary-content select-none"
|
|
153
153
|
}, [
|
|
154
154
|
B(o.$slots, "default", {}, () => [
|
|
155
|
-
|
|
155
|
+
L(h(o.label), 1)
|
|
156
156
|
])
|
|
157
|
-
], 8,
|
|
157
|
+
], 8, K));
|
|
158
158
|
}
|
|
159
|
-
}),
|
|
159
|
+
}), R = {
|
|
160
160
|
key: 0,
|
|
161
161
|
class: "text-danger-content text-xs space-y-1"
|
|
162
|
-
},
|
|
162
|
+
}, U = /* @__PURE__ */ g({
|
|
163
163
|
__name: "OneFormFeedback",
|
|
164
|
-
props:
|
|
164
|
+
props: T,
|
|
165
165
|
setup(u) {
|
|
166
|
-
const
|
|
167
|
-
return (t, c) =>
|
|
168
|
-
(
|
|
166
|
+
const l = u, { validation: o } = I(), { inputName: p } = _(), s = i(() => p.value == null && l.name == null ? l.errors ?? [] : o.value == null ? l.errors ?? [] : (o.value ?? {})[l.name || p.value] ?? l.errors ?? []);
|
|
167
|
+
return (t, c) => s.value.length > 0 ? (r(), n("div", R, [
|
|
168
|
+
(r(!0), n(F, null, $(s.value, (f) => (r(), n("div", { key: f }, h(f), 1))), 128))
|
|
169
169
|
])) : b("", !0);
|
|
170
170
|
}
|
|
171
171
|
});
|
|
172
|
-
function
|
|
173
|
-
return
|
|
172
|
+
function W(u, l) {
|
|
173
|
+
return r(), n("svg", {
|
|
174
174
|
xmlns: "http://www.w3.org/2000/svg",
|
|
175
175
|
fill: "none",
|
|
176
176
|
viewBox: "0 0 24 24",
|
|
@@ -178,20 +178,20 @@ function Y(u, r) {
|
|
|
178
178
|
stroke: "currentColor",
|
|
179
179
|
"aria-hidden": "true"
|
|
180
180
|
}, [
|
|
181
|
-
|
|
181
|
+
d("path", {
|
|
182
182
|
"stroke-linecap": "round",
|
|
183
183
|
"stroke-linejoin": "round",
|
|
184
184
|
d: "M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"
|
|
185
185
|
}),
|
|
186
|
-
|
|
186
|
+
d("path", {
|
|
187
187
|
"stroke-linecap": "round",
|
|
188
188
|
"stroke-linejoin": "round",
|
|
189
189
|
d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
|
|
190
190
|
})
|
|
191
191
|
]);
|
|
192
192
|
}
|
|
193
|
-
function
|
|
194
|
-
return
|
|
193
|
+
function X(u, l) {
|
|
194
|
+
return r(), n("svg", {
|
|
195
195
|
xmlns: "http://www.w3.org/2000/svg",
|
|
196
196
|
fill: "none",
|
|
197
197
|
viewBox: "0 0 24 24",
|
|
@@ -199,15 +199,15 @@ function Z(u, r) {
|
|
|
199
199
|
stroke: "currentColor",
|
|
200
200
|
"aria-hidden": "true"
|
|
201
201
|
}, [
|
|
202
|
-
|
|
202
|
+
d("path", {
|
|
203
203
|
"stroke-linecap": "round",
|
|
204
204
|
"stroke-linejoin": "round",
|
|
205
205
|
d: "M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"
|
|
206
206
|
})
|
|
207
207
|
]);
|
|
208
208
|
}
|
|
209
|
-
function
|
|
210
|
-
return
|
|
209
|
+
function Y(u, l) {
|
|
210
|
+
return r(), n("svg", {
|
|
211
211
|
xmlns: "http://www.w3.org/2000/svg",
|
|
212
212
|
fill: "none",
|
|
213
213
|
viewBox: "0 0 24 24",
|
|
@@ -215,15 +215,15 @@ function x(u, r) {
|
|
|
215
215
|
stroke: "currentColor",
|
|
216
216
|
"aria-hidden": "true"
|
|
217
217
|
}, [
|
|
218
|
-
|
|
218
|
+
d("path", {
|
|
219
219
|
"stroke-linecap": "round",
|
|
220
220
|
"stroke-linejoin": "round",
|
|
221
221
|
d: "M6 18L18 6M6 6l12 12"
|
|
222
222
|
})
|
|
223
223
|
]);
|
|
224
224
|
}
|
|
225
|
-
function
|
|
226
|
-
return
|
|
225
|
+
function Z(u, l) {
|
|
226
|
+
return r(), n("svg", {
|
|
227
227
|
xmlns: "http://www.w3.org/2000/svg",
|
|
228
228
|
fill: "none",
|
|
229
229
|
viewBox: "0 0 24 24",
|
|
@@ -231,46 +231,51 @@ function ee(u, r) {
|
|
|
231
231
|
stroke: "currentColor",
|
|
232
232
|
"aria-hidden": "true"
|
|
233
233
|
}, [
|
|
234
|
-
|
|
234
|
+
d("path", {
|
|
235
235
|
"stroke-linecap": "round",
|
|
236
236
|
"stroke-linejoin": "round",
|
|
237
237
|
d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
|
|
238
238
|
})
|
|
239
239
|
]);
|
|
240
240
|
}
|
|
241
|
-
const
|
|
241
|
+
const x = {
|
|
242
242
|
key: 0,
|
|
243
243
|
class: "w-full onebselect relative group"
|
|
244
|
-
},
|
|
244
|
+
}, ee = ["id", "disabled"], re = ["selected"], le = ["selected"], ne = { class: "absolute p-2 px-3 rounded-md h-full flex items-center right-1 top-0 select-none pointer-events-none" }, oe = ["name", "id", "value", "placeholder", "disabled", "readonly"], te = {
|
|
245
245
|
key: 2,
|
|
246
246
|
class: "flex w-full space-x-3 items-center"
|
|
247
|
-
},
|
|
247
|
+
}, ae = ["type", "name", "id", "disabled", "readonly", "checked"], se = ["for"], de = {
|
|
248
248
|
key: 3,
|
|
249
249
|
class: "w-full space-y-1"
|
|
250
|
-
},
|
|
250
|
+
}, ie = ["name", "id", "value", "disabled", "readonly", "checked"], ue = ["for"], pe = {
|
|
251
251
|
key: 4,
|
|
252
252
|
class: "relative"
|
|
253
|
-
},
|
|
253
|
+
}, ce = { class: "absolute p-2 px-3 rounded-md h-full flex items-center select-none" }, me = ["type", "name", "id", "value", "placeholder", "disabled", "readonly"], fe = /* @__PURE__ */ g({
|
|
254
254
|
__name: "OneFormInput",
|
|
255
|
-
props:
|
|
255
|
+
props: H,
|
|
256
256
|
emits: ["update:modelValue"],
|
|
257
|
-
setup(u, { emit:
|
|
258
|
-
const o = u, { inputId: p, inputName:
|
|
259
|
-
|
|
257
|
+
setup(u, { emit: l }) {
|
|
258
|
+
const o = u, { inputId: p, inputName: s, hasError: t } = _(), c = C(null), f = C(!1);
|
|
259
|
+
A(() => {
|
|
260
260
|
o.autofocus && c.value && c.value.focus();
|
|
261
261
|
});
|
|
262
|
-
const
|
|
263
|
-
|
|
262
|
+
const j = i(() => o.modelValue != null && o.modelValue !== ""), y = i(() => {
|
|
263
|
+
if (o.id)
|
|
264
|
+
return o.id;
|
|
265
|
+
const e = (p == null ? void 0 : p.value) || "";
|
|
266
|
+
return o.name ? `${e}-${o.name}` : e || "";
|
|
267
|
+
}), M = () => {
|
|
268
|
+
l("update:modelValue", "");
|
|
264
269
|
}, w = (e) => {
|
|
265
|
-
o.type === "checkbox" ?
|
|
270
|
+
o.type === "checkbox" ? l("update:modelValue", e.target.checked) : l("update:modelValue", e.target.value);
|
|
266
271
|
};
|
|
267
|
-
return (e, S) => e.type === "select" ? (
|
|
268
|
-
|
|
272
|
+
return (e, S) => e.type === "select" ? (r(), n("div", x, [
|
|
273
|
+
d("select", {
|
|
269
274
|
id: y.value,
|
|
270
275
|
ref_key: "inputElement",
|
|
271
276
|
ref: c,
|
|
272
|
-
class:
|
|
273
|
-
"border-danger-base":
|
|
277
|
+
class: v(["border border-primary-stroke px-3 w-full", {
|
|
278
|
+
"border-danger-base": a(t) || e.invalid,
|
|
274
279
|
"text-secondary-content": e.modelValue === "" || e.modelValue == null,
|
|
275
280
|
"rounded-full": e.rounded,
|
|
276
281
|
"rounded-md": !e.rounded,
|
|
@@ -280,34 +285,34 @@ const re = {
|
|
|
280
285
|
}]),
|
|
281
286
|
disabled: e.disabled
|
|
282
287
|
}, [
|
|
283
|
-
e.placeholder ? (
|
|
288
|
+
e.placeholder ? (r(), n("option", {
|
|
284
289
|
key: 0,
|
|
285
290
|
selected: e.modelValue === "" || e.modelValue == null,
|
|
286
291
|
disabled: "",
|
|
287
292
|
hidden: ""
|
|
288
|
-
},
|
|
289
|
-
(
|
|
293
|
+
}, h(e.placeholder), 9, re)) : b("", !0),
|
|
294
|
+
(r(!0), n(F, null, $(e.options, (m) => (r(), n("option", {
|
|
290
295
|
selected: m.key === e.modelValue,
|
|
291
296
|
key: m.key
|
|
292
|
-
},
|
|
293
|
-
], 10,
|
|
294
|
-
|
|
295
|
-
V(
|
|
296
|
-
class:
|
|
297
|
+
}, h(m.value), 9, le))), 128))
|
|
298
|
+
], 10, ee),
|
|
299
|
+
d("div", ne, [
|
|
300
|
+
V(a(Z), {
|
|
301
|
+
class: v(["w-4 h-4 text-secondary-content", {
|
|
297
302
|
"group-hover:text-primary-base": !e.disabled,
|
|
298
303
|
"opacity-50": e.disabled
|
|
299
304
|
}])
|
|
300
305
|
}, null, 8, ["class"])
|
|
301
306
|
])
|
|
302
|
-
])) : e.type === "textarea" ? (
|
|
307
|
+
])) : e.type === "textarea" ? (r(), n("textarea", {
|
|
303
308
|
key: 1,
|
|
304
|
-
name: e.name || s
|
|
309
|
+
name: e.name || a(s),
|
|
305
310
|
id: y.value,
|
|
306
|
-
value:
|
|
311
|
+
value: e.modelValue,
|
|
307
312
|
onInput: w,
|
|
308
313
|
rows: "3",
|
|
309
|
-
class:
|
|
310
|
-
"border-danger-base":
|
|
314
|
+
class: v(["border border-primary-stroke px-3 w-full", {
|
|
315
|
+
"border-danger-base": a(t),
|
|
311
316
|
"rounded-3xl": e.rounded,
|
|
312
317
|
"rounded-md": !e.rounded,
|
|
313
318
|
"text-lg": e.large,
|
|
@@ -319,71 +324,71 @@ const re = {
|
|
|
319
324
|
readonly: e.readonly,
|
|
320
325
|
ref_key: "inputElement",
|
|
321
326
|
ref: c
|
|
322
|
-
}, null, 42,
|
|
323
|
-
|
|
327
|
+
}, null, 42, oe)) : e.type === "checkbox" ? (r(), n("div", te, [
|
|
328
|
+
d("input", {
|
|
324
329
|
type: e.type,
|
|
325
|
-
name: e.name || s
|
|
330
|
+
name: e.name || a(s),
|
|
326
331
|
id: y.value,
|
|
327
332
|
value: !0,
|
|
328
333
|
onInput: w,
|
|
329
334
|
disabled: e.disabled,
|
|
330
335
|
readonly: e.readonly,
|
|
331
|
-
class:
|
|
332
|
-
"border-danger-base":
|
|
336
|
+
class: v(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm", {
|
|
337
|
+
"border-danger-base": a(t) || e.invalid
|
|
333
338
|
}]),
|
|
334
339
|
checked: e.modelValue === !0,
|
|
335
340
|
ref_key: "inputElement",
|
|
336
341
|
ref: c
|
|
337
|
-
}, null, 42,
|
|
338
|
-
|
|
342
|
+
}, null, 42, ae),
|
|
343
|
+
d("label", {
|
|
339
344
|
for: y.value,
|
|
340
345
|
class: "text-primary-content select-none"
|
|
341
|
-
},
|
|
342
|
-
])) : e.type === "radio" ? (
|
|
343
|
-
(
|
|
346
|
+
}, h(e.placeholder), 9, se)
|
|
347
|
+
])) : e.type === "radio" ? (r(), n("div", de, [
|
|
348
|
+
(r(!0), n(F, null, $(e.options, (m, q) => (r(), n("div", {
|
|
344
349
|
key: m.key,
|
|
345
350
|
class: "flex w-full space-x-3 items-center"
|
|
346
351
|
}, [
|
|
347
|
-
|
|
352
|
+
d("input", {
|
|
348
353
|
type: "radio",
|
|
349
|
-
name: e.name || s
|
|
354
|
+
name: e.name || a(s),
|
|
350
355
|
id: `${y.value}-${q}`,
|
|
351
356
|
value: m.key,
|
|
352
357
|
onInput: w,
|
|
353
358
|
disabled: e.disabled,
|
|
354
359
|
readonly: e.readonly,
|
|
355
|
-
class:
|
|
356
|
-
"border-danger-base":
|
|
360
|
+
class: v(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm", {
|
|
361
|
+
"border-danger-base": a(t) || e.invalid
|
|
357
362
|
}]),
|
|
358
363
|
checked: m.key === e.modelValue,
|
|
359
364
|
ref_for: !0,
|
|
360
365
|
ref_key: "inputElement",
|
|
361
366
|
ref: c
|
|
362
|
-
}, null, 42,
|
|
363
|
-
|
|
367
|
+
}, null, 42, ie),
|
|
368
|
+
d("label", {
|
|
364
369
|
for: `${y.value}-${q}`,
|
|
365
370
|
class: "text-primary-content select-none"
|
|
366
|
-
},
|
|
371
|
+
}, h(m.value), 9, ue)
|
|
367
372
|
]))), 128))
|
|
368
|
-
])) : (
|
|
369
|
-
|
|
370
|
-
e.icon ? (
|
|
373
|
+
])) : (r(), n("div", pe, [
|
|
374
|
+
d("div", ce, [
|
|
375
|
+
e.icon ? (r(), k(P(e.icon), {
|
|
371
376
|
key: 0,
|
|
372
377
|
class: "w-5 h-5 text-primary-content"
|
|
373
378
|
})) : b("", !0)
|
|
374
379
|
]),
|
|
375
|
-
|
|
380
|
+
d("input", {
|
|
376
381
|
type: f.value ? "text" : e.type,
|
|
377
|
-
name: e.name || s
|
|
382
|
+
name: e.name || a(s),
|
|
378
383
|
id: y.value,
|
|
379
384
|
value: e.modelValue,
|
|
380
385
|
onInput: w,
|
|
381
386
|
placeholder: e.placeholder,
|
|
382
387
|
disabled: e.disabled,
|
|
383
388
|
readonly: e.readonly,
|
|
384
|
-
class:
|
|
389
|
+
class: v(["border border-primary-stroke w-full px-3", {
|
|
385
390
|
"shadow-sm": e.type !== "range",
|
|
386
|
-
"border-danger-base":
|
|
391
|
+
"border-danger-base": a(t) || e.invalid,
|
|
387
392
|
"pl-10": e.icon != null,
|
|
388
393
|
"pr-10": e.type === "password",
|
|
389
394
|
"rounded-full": e.rounded,
|
|
@@ -394,22 +399,22 @@ const re = {
|
|
|
394
399
|
}]),
|
|
395
400
|
ref_key: "inputElement",
|
|
396
401
|
ref: c
|
|
397
|
-
}, null, 42,
|
|
398
|
-
e.clearable && j.value ? (
|
|
402
|
+
}, null, 42, me),
|
|
403
|
+
e.clearable && j.value ? (r(), n("div", {
|
|
399
404
|
key: 0,
|
|
400
|
-
onClick:
|
|
405
|
+
onClick: M,
|
|
401
406
|
class: "absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"
|
|
402
407
|
}, [
|
|
403
|
-
V(
|
|
404
|
-
])) : e.type === "password" ? (
|
|
408
|
+
V(a(Y), { class: "w-5 h-5 text-secondary-content hover:text-primary-base" })
|
|
409
|
+
])) : e.type === "password" ? (r(), n("div", {
|
|
405
410
|
key: 1,
|
|
406
411
|
onClick: S[0] || (S[0] = (m) => f.value = !f.value),
|
|
407
412
|
class: "absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"
|
|
408
413
|
}, [
|
|
409
|
-
f.value ? (
|
|
414
|
+
f.value ? (r(), k(a(X), {
|
|
410
415
|
key: 0,
|
|
411
416
|
class: "w-5 h-5 text-primary-content hover:text-primary-base"
|
|
412
|
-
})) : (
|
|
417
|
+
})) : (r(), k(a(W), {
|
|
413
418
|
key: 1,
|
|
414
419
|
class: "w-5 h-5 text-secondary-content hover:text-primary-base"
|
|
415
420
|
}))
|
|
@@ -417,45 +422,45 @@ const re = {
|
|
|
417
422
|
]));
|
|
418
423
|
}
|
|
419
424
|
});
|
|
420
|
-
const
|
|
425
|
+
const ye = { class: "space-y-1" }, he = {
|
|
421
426
|
key: 2,
|
|
422
427
|
class: "text-xs text-secondary-content select-none"
|
|
423
|
-
},
|
|
428
|
+
}, ke = /* @__PURE__ */ g({
|
|
424
429
|
__name: "OneFormField",
|
|
425
|
-
props:
|
|
430
|
+
props: D,
|
|
426
431
|
setup(u) {
|
|
427
|
-
const
|
|
428
|
-
() =>
|
|
432
|
+
const l = u, { formId: o, validation: p } = I(), s = i(
|
|
433
|
+
() => l.errors != null && l.errors.length > 0 ? !0 : l.name == null ? !1 : (p.value ?? {})[l.name] != null
|
|
429
434
|
);
|
|
430
|
-
return
|
|
431
|
-
inputId:
|
|
435
|
+
return E("BaseFormField", {
|
|
436
|
+
inputId: i(() => {
|
|
432
437
|
const t = o.value || "form";
|
|
433
|
-
if (
|
|
434
|
-
return `${t}-${
|
|
435
|
-
if (
|
|
436
|
-
return `${t}-field-${
|
|
438
|
+
if (l.id != null)
|
|
439
|
+
return `${t}-${l.id}`;
|
|
440
|
+
if (l.name != null)
|
|
441
|
+
return `${t}-field-${l.name}`;
|
|
437
442
|
}),
|
|
438
|
-
inputName:
|
|
439
|
-
hasError:
|
|
440
|
-
}), (t, c) => (
|
|
441
|
-
t.label ? (
|
|
443
|
+
inputName: i(() => l.name),
|
|
444
|
+
hasError: s
|
|
445
|
+
}), (t, c) => (r(), n("div", ye, [
|
|
446
|
+
t.label ? (r(), k(Q, {
|
|
442
447
|
key: 0,
|
|
443
448
|
label: t.label
|
|
444
449
|
}, null, 8, ["label"])) : b("", !0),
|
|
445
450
|
B(t.$slots, "default", {}, () => [
|
|
446
|
-
V(
|
|
451
|
+
V(fe)
|
|
447
452
|
]),
|
|
448
|
-
|
|
453
|
+
s.value ? (r(), k(U, {
|
|
449
454
|
key: 1,
|
|
450
455
|
errors: t.errors
|
|
451
|
-
}, null, 8, ["errors"])) : t.hint.length > 0 ? (
|
|
456
|
+
}, null, 8, ["errors"])) : t.hint.length > 0 ? (r(), n("p", he, h(t.hint), 1)) : b("", !0)
|
|
452
457
|
]));
|
|
453
458
|
}
|
|
454
459
|
});
|
|
455
460
|
export {
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
+
be as OneForm,
|
|
462
|
+
U as OneFormFeedback,
|
|
463
|
+
ke as OneFormField,
|
|
464
|
+
fe as OneFormInput,
|
|
465
|
+
Q as OneFormLabel
|
|
461
466
|
};
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./button/index.cjs"),n=require("./card/index.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./button/index.cjs"),n=require("./card/index.cjs"),e=require("./form/index.cjs"),r=require("./dropdown/index.cjs"),O=require("./common/index.cjs");require("vue");require("./_plugin-vue_export-helper-f246444f.cjs");exports.OneButton=o.OneButton;exports.OneCard=n.OneCard;exports.OneCardBody=n.OneCardBody;exports.OneCardFooter=n.OneCardFooter;exports.OneCardHeader=n.OneCardHeader;exports.OneForm=e.OneForm;exports.OneFormFeedback=e.OneFormFeedback;exports.OneFormField=e.OneFormField;exports.OneFormInput=e.OneFormInput;exports.OneFormLabel=e.OneFormLabel;exports.OneBrowserMenu=r.OneBrowserMenu;exports.OneDropdown=r.OneDropdown;exports.OneDropdownDivider=r.OneDropdownDivider;exports.OneDropdownItem=r.OneDropdownItem;exports.OneUserMenu=r.OneUserMenu;exports.OneAvatar=O.OneAvatar;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export * from './button';
|
|
2
|
-
export * from './card';
|
|
3
|
-
export * from './form';
|
|
4
|
-
export * from './dropdown';
|
|
5
|
-
export * from './common';
|
|
1
|
+
export * from './button/index.js';
|
|
2
|
+
export * from './card/index.js';
|
|
3
|
+
export * from './form/index.js';
|
|
4
|
+
export * from './dropdown/index.js';
|
|
5
|
+
export * from './common/index.js';
|
package/dist/index.js
CHANGED
|
@@ -1,24 +1,25 @@
|
|
|
1
1
|
import { OneButton as O } from "./button/index.js";
|
|
2
|
-
import { OneCard as
|
|
3
|
-
import { OneForm as
|
|
4
|
-
import {
|
|
2
|
+
import { OneCard as t, OneCardBody as d, OneCardFooter as p, OneCardHeader as a } from "./card/index.js";
|
|
3
|
+
import { OneForm as f, OneFormFeedback as i, OneFormField as x, OneFormInput as u, OneFormLabel as w } from "./form/index.js";
|
|
4
|
+
import { OneBrowserMenu as D, OneDropdown as B, OneDropdownDivider as b, OneDropdownItem as l, OneUserMenu as s } from "./dropdown/index.js";
|
|
5
|
+
import { OneAvatar as I } from "./common/index.js";
|
|
5
6
|
import "vue";
|
|
6
7
|
import "./_plugin-vue_export-helper-dad06003.js";
|
|
7
8
|
export {
|
|
8
|
-
|
|
9
|
+
I as OneAvatar,
|
|
9
10
|
D as OneBrowserMenu,
|
|
10
11
|
O as OneButton,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
t as OneCard,
|
|
13
|
+
d as OneCardBody,
|
|
14
|
+
p as OneCardFooter,
|
|
15
|
+
a as OneCardHeader,
|
|
16
|
+
B as OneDropdown,
|
|
17
|
+
b as OneDropdownDivider,
|
|
18
|
+
l as OneDropdownItem,
|
|
19
|
+
f as OneForm,
|
|
19
20
|
i as OneFormFeedback,
|
|
20
|
-
|
|
21
|
+
x as OneFormField,
|
|
21
22
|
u as OneFormInput,
|
|
22
23
|
w as OneFormLabel,
|
|
23
|
-
|
|
24
|
+
s as OneUserMenu
|
|
24
25
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oneb/ui-vue",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.9",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"files": [
|
|
@@ -37,6 +37,10 @@
|
|
|
37
37
|
"types": "./dist/dropdown/index.d.ts",
|
|
38
38
|
"import": "./dist/dropdown/index.js"
|
|
39
39
|
},
|
|
40
|
+
"./common": {
|
|
41
|
+
"types": "./dist/common/index.d.ts",
|
|
42
|
+
"import": "./dist/common/index.js"
|
|
43
|
+
},
|
|
40
44
|
"./icons": {
|
|
41
45
|
"types": "./dist/icons/outline/index.d.ts",
|
|
42
46
|
"import": "./dist/icons/outline/esm/index.js",
|