@espri/vue-components 2.4.2 → 2.4.3
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/date-picker.css +1 -0
- package/dist/date-picker.es.js +62 -0
- package/dist/index.es.js +16 -154
- package/dist/multi-select.css +1 -0
- package/dist/multi-select.es.js +88 -0
- package/package.json +1 -1
- package/dist/index.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.error[data-v-702f97d9]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { defineComponent as v, computed as n, openBlock as a, createElementBlock as i, normalizeClass as c, createBlock as m, unref as t, withCtx as h, createVNode as y, createElementVNode as u, createTextVNode as b, toDisplayString as p, createCommentVNode as g } from "vue";
|
|
2
|
+
import { Skeleton as B, FloatLabel as E, DatePicker as x } from "primevue";
|
|
3
|
+
import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
4
|
+
import './date-picker.css';const w = ["for"], D = { key: 0 }, N = { class: "error" }, $ = /* @__PURE__ */ v({
|
|
5
|
+
__name: "date-picker",
|
|
6
|
+
props: {
|
|
7
|
+
label: {},
|
|
8
|
+
modelValue: {},
|
|
9
|
+
class: {},
|
|
10
|
+
disabled: { type: Boolean },
|
|
11
|
+
required: { type: Boolean },
|
|
12
|
+
loading: { type: Boolean },
|
|
13
|
+
showError: { type: Boolean },
|
|
14
|
+
rules: {},
|
|
15
|
+
dateFormat: {},
|
|
16
|
+
placeholder: {}
|
|
17
|
+
},
|
|
18
|
+
emits: ["update:modelValue"],
|
|
19
|
+
setup(f, { emit: _ }) {
|
|
20
|
+
const e = f, k = _, r = Math.random().toString(16).slice(2), s = n({
|
|
21
|
+
get() {
|
|
22
|
+
return e.modelValue;
|
|
23
|
+
},
|
|
24
|
+
set(o) {
|
|
25
|
+
k("update:modelValue", o);
|
|
26
|
+
}
|
|
27
|
+
}), d = n(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
|
|
28
|
+
return (o, l) => (a(), i("div", {
|
|
29
|
+
class: c(`field ${e.class || ""}`)
|
|
30
|
+
}, [
|
|
31
|
+
e.loading ? (a(), m(t(B), {
|
|
32
|
+
key: 0,
|
|
33
|
+
class: "skeleton-input mt-3"
|
|
34
|
+
})) : (a(), m(t(E), {
|
|
35
|
+
key: 1,
|
|
36
|
+
class: "mt-3"
|
|
37
|
+
}, {
|
|
38
|
+
default: h(() => [
|
|
39
|
+
y(t(x), {
|
|
40
|
+
modelValue: s.value,
|
|
41
|
+
"onUpdate:modelValue": l[0] || (l[0] = (V) => s.value = V),
|
|
42
|
+
class: c(["w-full", e.class]),
|
|
43
|
+
invalid: !!d.value,
|
|
44
|
+
disabled: e.disabled,
|
|
45
|
+
placeholder: e.placeholder,
|
|
46
|
+
"input-id": t(r),
|
|
47
|
+
"date-format": e.dateFormat || "dd/mm/yy"
|
|
48
|
+
}, null, 8, ["modelValue", "class", "invalid", "disabled", "placeholder", "input-id", "date-format"]),
|
|
49
|
+
u("label", { for: t(r) }, [
|
|
50
|
+
b(p(e.label), 1),
|
|
51
|
+
e.required ? (a(), i("span", D, " *")) : g("", !0)
|
|
52
|
+
], 8, w)
|
|
53
|
+
]),
|
|
54
|
+
_: 1
|
|
55
|
+
})),
|
|
56
|
+
u("small", N, p(d.value), 1)
|
|
57
|
+
], 2));
|
|
58
|
+
}
|
|
59
|
+
}), F = /* @__PURE__ */ C($, [["__scopeId", "data-v-702f97d9"]]), R = F;
|
|
60
|
+
export {
|
|
61
|
+
R as default
|
|
62
|
+
};
|
package/dist/index.es.js
CHANGED
|
@@ -1,156 +1,18 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as
|
|
7
|
-
import { default as
|
|
8
|
-
import { default as
|
|
9
|
-
import { default as le } from "./virtual-keyboard.es.js";
|
|
10
|
-
import './index.css';const $ = ["for"], M = { key: 0 }, S = { class: "error" }, L = /* @__PURE__ */ _({
|
|
11
|
-
__name: "date-picker",
|
|
12
|
-
props: {
|
|
13
|
-
label: {},
|
|
14
|
-
modelValue: {},
|
|
15
|
-
class: {},
|
|
16
|
-
disabled: { type: Boolean },
|
|
17
|
-
required: { type: Boolean },
|
|
18
|
-
loading: { type: Boolean },
|
|
19
|
-
showError: { type: Boolean },
|
|
20
|
-
rules: {},
|
|
21
|
-
dateFormat: {},
|
|
22
|
-
placeholder: {}
|
|
23
|
-
},
|
|
24
|
-
emits: ["update:modelValue"],
|
|
25
|
-
setup(b, { emit: y }) {
|
|
26
|
-
const e = b, r = y, i = Math.random().toString(16).slice(2), d = c({
|
|
27
|
-
get() {
|
|
28
|
-
return e.modelValue;
|
|
29
|
-
},
|
|
30
|
-
set(o) {
|
|
31
|
-
r("update:modelValue", o);
|
|
32
|
-
}
|
|
33
|
-
}), n = c(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
|
|
34
|
-
return (o, l) => (a(), m("div", {
|
|
35
|
-
class: p(`field ${e.class || ""}`)
|
|
36
|
-
}, [
|
|
37
|
-
e.loading ? (a(), u(t(k), {
|
|
38
|
-
key: 0,
|
|
39
|
-
class: "skeleton-input mt-3"
|
|
40
|
-
})) : (a(), u(t(E), {
|
|
41
|
-
key: 1,
|
|
42
|
-
class: "mt-3"
|
|
43
|
-
}, {
|
|
44
|
-
default: v(() => [
|
|
45
|
-
V(t(w), {
|
|
46
|
-
modelValue: d.value,
|
|
47
|
-
"onUpdate:modelValue": l[0] || (l[0] = (s) => d.value = s),
|
|
48
|
-
class: p(["w-full", e.class]),
|
|
49
|
-
invalid: !!n.value,
|
|
50
|
-
disabled: e.disabled,
|
|
51
|
-
placeholder: e.placeholder,
|
|
52
|
-
"input-id": t(i),
|
|
53
|
-
"date-format": e.dateFormat || "dd/mm/yy"
|
|
54
|
-
}, null, 8, ["modelValue", "class", "invalid", "disabled", "placeholder", "input-id", "date-format"]),
|
|
55
|
-
f("label", { for: t(i) }, [
|
|
56
|
-
g(h(e.label), 1),
|
|
57
|
-
e.required ? (a(), m("span", M, " *")) : x("", !0)
|
|
58
|
-
], 8, $)
|
|
59
|
-
]),
|
|
60
|
-
_: 1
|
|
61
|
-
})),
|
|
62
|
-
f("small", S, h(n.value), 1)
|
|
63
|
-
], 2));
|
|
64
|
-
}
|
|
65
|
-
}), F = /* @__PURE__ */ B(L, [["__scopeId", "data-v-702f97d9"]]), U = F, I = ["for"], P = { key: 0 }, N = { class: "error" }, q = /* @__PURE__ */ _({
|
|
66
|
-
__name: "multi-select",
|
|
67
|
-
props: {
|
|
68
|
-
label: {},
|
|
69
|
-
options: {},
|
|
70
|
-
modelValue: {},
|
|
71
|
-
class: {},
|
|
72
|
-
disabled: { type: Boolean },
|
|
73
|
-
required: { type: Boolean },
|
|
74
|
-
showClear: { type: Boolean },
|
|
75
|
-
loading: { type: Boolean },
|
|
76
|
-
showError: { type: Boolean },
|
|
77
|
-
rules: {},
|
|
78
|
-
placeholder: {},
|
|
79
|
-
maxSelectedLabels: {},
|
|
80
|
-
selectionLimit: {},
|
|
81
|
-
emptyMessage: {},
|
|
82
|
-
selectedItemsLabel: {},
|
|
83
|
-
resetFilterOnClear: { type: Boolean },
|
|
84
|
-
filter: { type: Boolean },
|
|
85
|
-
filterPlaceholder: {},
|
|
86
|
-
filterLocale: {},
|
|
87
|
-
filterMatchMode: {},
|
|
88
|
-
filterFields: {}
|
|
89
|
-
},
|
|
90
|
-
emits: ["update:modelValue", "filter", "selectall-change"],
|
|
91
|
-
setup(b, { emit: y }) {
|
|
92
|
-
const e = b, r = y, i = Math.random().toString(16).slice(2), d = c({
|
|
93
|
-
get() {
|
|
94
|
-
return e.modelValue;
|
|
95
|
-
},
|
|
96
|
-
set(o) {
|
|
97
|
-
r("update:modelValue", o);
|
|
98
|
-
}
|
|
99
|
-
}), n = c(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
|
|
100
|
-
return (o, l) => (a(), m("div", {
|
|
101
|
-
class: p(`field ${e.class || ""}`)
|
|
102
|
-
}, [
|
|
103
|
-
e.loading ? (a(), u(t(k), {
|
|
104
|
-
key: 0,
|
|
105
|
-
class: "skeleton-input mt-3"
|
|
106
|
-
})) : (a(), u(t(E), {
|
|
107
|
-
key: 1,
|
|
108
|
-
class: "mt-3"
|
|
109
|
-
}, {
|
|
110
|
-
default: v(() => [
|
|
111
|
-
V(t(C), {
|
|
112
|
-
modelValue: d.value,
|
|
113
|
-
"onUpdate:modelValue": l[0] || (l[0] = (s) => d.value = s),
|
|
114
|
-
options: e.options,
|
|
115
|
-
"option-label": "label",
|
|
116
|
-
"option-value": "value",
|
|
117
|
-
class: p(["w-full", e.class]),
|
|
118
|
-
invalid: !!n.value,
|
|
119
|
-
disabled: e.disabled,
|
|
120
|
-
placeholder: e.placeholder,
|
|
121
|
-
"show-clear": e.showClear,
|
|
122
|
-
"max-selected-labels": e.maxSelectedLabels,
|
|
123
|
-
"empty-message": e.emptyMessage,
|
|
124
|
-
"selection-limit": e.selectionLimit,
|
|
125
|
-
"selected-items-label": e.selectedItemsLabel,
|
|
126
|
-
"reset-filter-on-clear": e.resetFilterOnClear,
|
|
127
|
-
filter: e.filter,
|
|
128
|
-
"filter-placeholder": e.filterPlaceholder,
|
|
129
|
-
"filter-locale": e.filterLocale,
|
|
130
|
-
"filter-match-mode": e.filterMatchMode,
|
|
131
|
-
"filter-fields": e.filterFields,
|
|
132
|
-
"input-id": t(i),
|
|
133
|
-
onFilter: l[1] || (l[1] = (s) => r("filter", s)),
|
|
134
|
-
onSelectallChange: l[2] || (l[2] = (s) => r("selectall-change", s))
|
|
135
|
-
}, null, 8, ["modelValue", "options", "class", "invalid", "disabled", "placeholder", "show-clear", "max-selected-labels", "empty-message", "selection-limit", "selected-items-label", "reset-filter-on-clear", "filter", "filter-placeholder", "filter-locale", "filter-match-mode", "filter-fields", "input-id"]),
|
|
136
|
-
f("label", { for: t(i) }, [
|
|
137
|
-
g(h(e.label), 1),
|
|
138
|
-
e.required ? (a(), m("span", P, " *")) : x("", !0)
|
|
139
|
-
], 8, I)
|
|
140
|
-
]),
|
|
141
|
-
_: 1
|
|
142
|
-
})),
|
|
143
|
-
f("small", N, h(n.value), 1)
|
|
144
|
-
], 2));
|
|
145
|
-
}
|
|
146
|
-
}), D = /* @__PURE__ */ B(q, [["__scopeId", "data-v-6cb5331a"]]), z = D;
|
|
1
|
+
import { default as t } from "./checkbox.es.js";
|
|
2
|
+
import { default as o } from "./date-picker.es.js";
|
|
3
|
+
import { default as s } from "./input-number.es.js";
|
|
4
|
+
import { default as u } from "./input-password.es.js";
|
|
5
|
+
import { default as i } from "./input-text.es.js";
|
|
6
|
+
import { default as x } from "./multi-select.es.js";
|
|
7
|
+
import { default as E } from "./select.es.js";
|
|
8
|
+
import { default as b } from "./virtual-keyboard.es.js";
|
|
147
9
|
export {
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
10
|
+
t as EspriCheckbox,
|
|
11
|
+
o as EspriDatePicker,
|
|
12
|
+
s as EspriInputNumber,
|
|
13
|
+
u as EspriInputPassword,
|
|
14
|
+
i as EspriInputText,
|
|
15
|
+
x as EspriMultiSelect,
|
|
16
|
+
E as EspriSelect,
|
|
17
|
+
b as EspriVirtualKeyboard
|
|
156
18
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.error[data-v-6cb5331a]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { defineComponent as g, computed as c, openBlock as a, createElementBlock as m, normalizeClass as p, createBlock as u, unref as o, withCtx as v, createVNode as V, createElementVNode as f, createTextVNode as _, toDisplayString as h, createCommentVNode as B } from "vue";
|
|
2
|
+
import { Skeleton as C, FloatLabel as M, MultiSelect as x } from "primevue";
|
|
3
|
+
import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
4
|
+
import './multi-select.css';const S = ["for"], k = { key: 0 }, w = { class: "error" }, E = /* @__PURE__ */ g({
|
|
5
|
+
__name: "multi-select",
|
|
6
|
+
props: {
|
|
7
|
+
label: {},
|
|
8
|
+
options: {},
|
|
9
|
+
modelValue: {},
|
|
10
|
+
class: {},
|
|
11
|
+
disabled: { type: Boolean },
|
|
12
|
+
required: { type: Boolean },
|
|
13
|
+
showClear: { type: Boolean },
|
|
14
|
+
loading: { type: Boolean },
|
|
15
|
+
showError: { type: Boolean },
|
|
16
|
+
rules: {},
|
|
17
|
+
placeholder: {},
|
|
18
|
+
maxSelectedLabels: {},
|
|
19
|
+
selectionLimit: {},
|
|
20
|
+
emptyMessage: {},
|
|
21
|
+
selectedItemsLabel: {},
|
|
22
|
+
resetFilterOnClear: { type: Boolean },
|
|
23
|
+
filter: { type: Boolean },
|
|
24
|
+
filterPlaceholder: {},
|
|
25
|
+
filterLocale: {},
|
|
26
|
+
filterMatchMode: {},
|
|
27
|
+
filterFields: {}
|
|
28
|
+
},
|
|
29
|
+
emits: ["update:modelValue", "filter", "selectall-change"],
|
|
30
|
+
setup(b, { emit: y }) {
|
|
31
|
+
const e = b, s = y, r = Math.random().toString(16).slice(2), n = c({
|
|
32
|
+
get() {
|
|
33
|
+
return e.modelValue;
|
|
34
|
+
},
|
|
35
|
+
set(i) {
|
|
36
|
+
s("update:modelValue", i);
|
|
37
|
+
}
|
|
38
|
+
}), d = c(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
|
|
39
|
+
return (i, l) => (a(), m("div", {
|
|
40
|
+
class: p(`field ${e.class || ""}`)
|
|
41
|
+
}, [
|
|
42
|
+
e.loading ? (a(), u(o(C), {
|
|
43
|
+
key: 0,
|
|
44
|
+
class: "skeleton-input mt-3"
|
|
45
|
+
})) : (a(), u(o(M), {
|
|
46
|
+
key: 1,
|
|
47
|
+
class: "mt-3"
|
|
48
|
+
}, {
|
|
49
|
+
default: v(() => [
|
|
50
|
+
V(o(x), {
|
|
51
|
+
modelValue: n.value,
|
|
52
|
+
"onUpdate:modelValue": l[0] || (l[0] = (t) => n.value = t),
|
|
53
|
+
options: e.options,
|
|
54
|
+
"option-label": "label",
|
|
55
|
+
"option-value": "value",
|
|
56
|
+
class: p(["w-full", e.class]),
|
|
57
|
+
invalid: !!d.value,
|
|
58
|
+
disabled: e.disabled,
|
|
59
|
+
placeholder: e.placeholder,
|
|
60
|
+
"show-clear": e.showClear,
|
|
61
|
+
"max-selected-labels": e.maxSelectedLabels,
|
|
62
|
+
"empty-message": e.emptyMessage,
|
|
63
|
+
"selection-limit": e.selectionLimit,
|
|
64
|
+
"selected-items-label": e.selectedItemsLabel,
|
|
65
|
+
"reset-filter-on-clear": e.resetFilterOnClear,
|
|
66
|
+
filter: e.filter,
|
|
67
|
+
"filter-placeholder": e.filterPlaceholder,
|
|
68
|
+
"filter-locale": e.filterLocale,
|
|
69
|
+
"filter-match-mode": e.filterMatchMode,
|
|
70
|
+
"filter-fields": e.filterFields,
|
|
71
|
+
"input-id": o(r),
|
|
72
|
+
onFilter: l[1] || (l[1] = (t) => s("filter", t)),
|
|
73
|
+
onSelectallChange: l[2] || (l[2] = (t) => s("selectall-change", t))
|
|
74
|
+
}, null, 8, ["modelValue", "options", "class", "invalid", "disabled", "placeholder", "show-clear", "max-selected-labels", "empty-message", "selection-limit", "selected-items-label", "reset-filter-on-clear", "filter", "filter-placeholder", "filter-locale", "filter-match-mode", "filter-fields", "input-id"]),
|
|
75
|
+
f("label", { for: o(r) }, [
|
|
76
|
+
_(h(e.label), 1),
|
|
77
|
+
e.required ? (a(), m("span", k, " *")) : B("", !0)
|
|
78
|
+
], 8, S)
|
|
79
|
+
]),
|
|
80
|
+
_: 1
|
|
81
|
+
})),
|
|
82
|
+
f("small", w, h(d.value), 1)
|
|
83
|
+
], 2));
|
|
84
|
+
}
|
|
85
|
+
}), F = /* @__PURE__ */ L(E, [["__scopeId", "data-v-6cb5331a"]]), q = F;
|
|
86
|
+
export {
|
|
87
|
+
q as default
|
|
88
|
+
};
|
package/package.json
CHANGED
package/dist/index.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.error[data-v-702f97d9],.error[data-v-6cb5331a]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}
|