bootstrap-vue-wrapper 3.0.0 → 3.0.2
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/bootstrap-vue-wrapper.css +1 -1
- package/dist/components/bs-checkbox/BsCheckbox.vue2.js +1 -1
- package/dist/components/bs-input/BsInput.vue2.js +1 -1
- package/dist/components/bs-radio/BsRadio.vue2.js +1 -1
- package/dist/components/bs-select/BsSelect.vue2.js +1 -1
- package/dist/components/bs-table/BsTable.vue.d.ts +5 -14
- package/dist/components/bs-table/BsTable.vue.js +33 -32
- package/dist/components/bs-table/BsTable.vue2.js +1 -1
- package/dist/components/bs-textarea/BsTextarea.vue2.js +5 -5
- package/dist/types/TableRow.d.ts +5 -0
- package/package.json +1 -1
- package/dist/node_modules/@zemkogabor/vue-form-validator/dist/index.js +0 -63
|
@@ -1 +1 @@
|
|
|
1
|
-
.page-link[data-v-f98dc134]{cursor:pointer}.page-item-first[data-v-f98dc134],.page-item-last[data-v-f98dc134],.page-item-number[data-v-f98dc134]:not(.active){display:none}@media(min-width:576px){.page-item-number[data-v-f98dc134]:not(.active){display:block}}@media(min-width:992px){.page-item-first[data-v-f98dc134],.page-item-last[data-v-f98dc134]{display:block}}.cursor-pointer[data-v-
|
|
1
|
+
.page-link[data-v-f98dc134]{cursor:pointer}.page-item-first[data-v-f98dc134],.page-item-last[data-v-f98dc134],.page-item-number[data-v-f98dc134]:not(.active){display:none}@media(min-width:576px){.page-item-number[data-v-f98dc134]:not(.active){display:block}}@media(min-width:992px){.page-item-first[data-v-f98dc134],.page-item-last[data-v-f98dc134]{display:block}}.cursor-pointer[data-v-6563fdef]{cursor:pointer}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { default as Field } from '../../types/Field.ts';
|
|
3
|
+
import { TableRow } from '../../types/TableRow.ts';
|
|
3
4
|
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
4
5
|
/**
|
|
5
6
|
* Field list
|
|
@@ -12,12 +13,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
12
13
|
* Item list
|
|
13
14
|
*/
|
|
14
15
|
items: {
|
|
15
|
-
type: PropType<
|
|
16
|
-
[key: string]: unknown;
|
|
17
|
-
trClass?: string;
|
|
18
|
-
id?: string | number;
|
|
19
|
-
_showRowDetails?: boolean;
|
|
20
|
-
}[]>;
|
|
16
|
+
type: PropType<TableRow[]>;
|
|
21
17
|
required: true;
|
|
22
18
|
};
|
|
23
19
|
/**
|
|
@@ -64,7 +60,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
64
60
|
};
|
|
65
61
|
emptyText: {
|
|
66
62
|
type: StringConstructor;
|
|
67
|
-
default:
|
|
63
|
+
default: undefined;
|
|
68
64
|
};
|
|
69
65
|
}>, {}, {}, {}, {
|
|
70
66
|
/**
|
|
@@ -112,12 +108,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
112
108
|
* Item list
|
|
113
109
|
*/
|
|
114
110
|
items: {
|
|
115
|
-
type: PropType<
|
|
116
|
-
[key: string]: unknown;
|
|
117
|
-
trClass?: string;
|
|
118
|
-
id?: string | number;
|
|
119
|
-
_showRowDetails?: boolean;
|
|
120
|
-
}[]>;
|
|
111
|
+
type: PropType<TableRow[]>;
|
|
121
112
|
required: true;
|
|
122
113
|
};
|
|
123
114
|
/**
|
|
@@ -164,7 +155,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
164
155
|
};
|
|
165
156
|
emptyText: {
|
|
166
157
|
type: StringConstructor;
|
|
167
|
-
default:
|
|
158
|
+
default: undefined;
|
|
168
159
|
};
|
|
169
160
|
}>> & Readonly<{
|
|
170
161
|
onOrderChanged?: ((...args: any[]) => any) | undefined;
|
|
@@ -1,85 +1,86 @@
|
|
|
1
1
|
import h from "./BsTable.vue2.js";
|
|
2
|
-
import { openBlock as
|
|
2
|
+
import { openBlock as s, createElementBlock as o, createElementVNode as r, Fragment as a, renderList as u, normalizeClass as d, renderSlot as l, createTextVNode as y, toDisplayString as c, createCommentVNode as p } from "vue";
|
|
3
3
|
/* empty css */
|
|
4
4
|
import C from "../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const m = { class: "table" },
|
|
6
|
-
function
|
|
7
|
-
return
|
|
5
|
+
const m = { class: "table" }, v = ["onClick"], $ = { key: 0 }, b = ["colspan"], g = { key: 1 }, f = ["colspan"], w = ["textContent"], B = ["data-id", "onClick"], S = { key: 0 }, T = ["colspan"];
|
|
6
|
+
function _(e, k, D, N, V, A) {
|
|
7
|
+
return s(), o("table", m, [
|
|
8
8
|
r("thead", null, [
|
|
9
9
|
r("tr", null, [
|
|
10
|
-
(
|
|
11
|
-
key:
|
|
10
|
+
(s(!0), o(a, null, u(e.fields, (t) => (s(), o("th", {
|
|
11
|
+
key: t.key,
|
|
12
12
|
class: d({
|
|
13
|
-
"cursor-pointer": e.isSortableField(
|
|
14
|
-
"text-decoration-underline": e.isActiveOrderBy(
|
|
13
|
+
"cursor-pointer": e.isSortableField(t),
|
|
14
|
+
"text-decoration-underline": e.isActiveOrderBy(t.key),
|
|
15
15
|
thClass: e.thClass
|
|
16
16
|
}),
|
|
17
|
-
onClick: (i) => e.onHeadClick(
|
|
17
|
+
onClick: (i) => e.onHeadClick(t)
|
|
18
18
|
}, [
|
|
19
19
|
l(e.$slots, "tr", {}, () => [
|
|
20
|
-
|
|
21
|
-
e.isActiveOrderBy(
|
|
20
|
+
y(c(t.label) + " ", 1),
|
|
21
|
+
e.isActiveOrderBy(t.key) && e.sortDesc !== void 0 ? (s(), o("i", {
|
|
22
22
|
key: 0,
|
|
23
23
|
class: d(e.getSortIconClass())
|
|
24
|
-
}, null, 2)) :
|
|
24
|
+
}, null, 2)) : p("", !0)
|
|
25
25
|
], !0)
|
|
26
|
-
], 10,
|
|
26
|
+
], 10, v))), 128))
|
|
27
27
|
])
|
|
28
28
|
]),
|
|
29
29
|
r("tbody", null, [
|
|
30
|
-
e.isLoading ? (
|
|
30
|
+
e.isLoading ? (s(), o("tr", $, [
|
|
31
31
|
r("td", {
|
|
32
32
|
colspan: e.fields.length
|
|
33
33
|
}, [
|
|
34
34
|
l(e.$slots, "loading", {}, () => [
|
|
35
|
-
|
|
35
|
+
k[0] || (k[0] = r("div", { class: "d-flex justify-content-center p-2" }, [
|
|
36
36
|
r("div", { class: "spinner-border spinner-border-sm" })
|
|
37
37
|
], -1))
|
|
38
38
|
], !0)
|
|
39
39
|
], 8, b)
|
|
40
|
-
])) : e.items.length === 0 ? (
|
|
40
|
+
])) : e.items.length === 0 ? (s(), o("tr", g, [
|
|
41
41
|
r("td", {
|
|
42
42
|
colspan: e.fields.length
|
|
43
43
|
}, [
|
|
44
44
|
l(e.$slots, "empty", {}, () => [
|
|
45
|
-
|
|
45
|
+
e.emptyText !== void 0 ? (s(), o("div", {
|
|
46
|
+
key: 0,
|
|
46
47
|
class: "text-center text-muted small",
|
|
47
48
|
textContent: c(e.emptyText)
|
|
48
|
-
}, null, 8,
|
|
49
|
+
}, null, 8, w)) : p("", !0)
|
|
49
50
|
], !0)
|
|
50
|
-
], 8,
|
|
51
|
-
])) : (
|
|
51
|
+
], 8, f)
|
|
52
|
+
])) : (s(!0), o(a, { key: 2 }, u(e.items, (t, i) => (s(), o(a, { key: i }, [
|
|
52
53
|
r("tr", {
|
|
53
|
-
class: d([
|
|
54
|
-
"data-id":
|
|
55
|
-
onClick: (n) => e.$emit("rowClicked",
|
|
54
|
+
class: d([t.trClass || "", { "cursor-pointer": e.rowClickable }]),
|
|
55
|
+
"data-id": t.id,
|
|
56
|
+
onClick: (n) => e.$emit("rowClicked", t)
|
|
56
57
|
}, [
|
|
57
|
-
(
|
|
58
|
+
(s(!0), o(a, null, u(e.fields, (n) => (s(), o("td", {
|
|
58
59
|
key: n.key,
|
|
59
60
|
class: d(n.tdClass || e.tdClass)
|
|
60
61
|
}, [
|
|
61
62
|
l(e.$slots, "td", {
|
|
62
63
|
key: i,
|
|
63
64
|
field: n.key,
|
|
64
|
-
row:
|
|
65
|
-
value: n.key in
|
|
65
|
+
row: t,
|
|
66
|
+
value: n.key in t ? t[n.key] : null
|
|
66
67
|
}, () => [
|
|
67
|
-
|
|
68
|
+
y(c(t[n.key]), 1)
|
|
68
69
|
], !0)
|
|
69
70
|
], 2))), 128))
|
|
70
71
|
], 10, B),
|
|
71
|
-
|
|
72
|
+
t._showRowDetails ? (s(), o("tr", S, [
|
|
72
73
|
r("td", {
|
|
73
74
|
colspan: e.fields.length
|
|
74
75
|
}, [
|
|
75
|
-
l(e.$slots, "row-details", { row:
|
|
76
|
-
], 8,
|
|
77
|
-
])) :
|
|
76
|
+
l(e.$slots, "row-details", { row: t }, void 0, !0)
|
|
77
|
+
], 8, T)
|
|
78
|
+
])) : p("", !0)
|
|
78
79
|
], 64))), 128))
|
|
79
80
|
])
|
|
80
81
|
]);
|
|
81
82
|
}
|
|
82
|
-
const O = /* @__PURE__ */ C(h, [["render",
|
|
83
|
+
const O = /* @__PURE__ */ C(h, [["render", _], ["__scopeId", "data-v-6563fdef"]]);
|
|
83
84
|
export {
|
|
84
85
|
O as default
|
|
85
86
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useValidator as
|
|
1
|
+
import { useValidator as a } from "@zemkogabor/vue-form-validator";
|
|
2
2
|
import { defineComponent as i, ref as r } from "vue";
|
|
3
3
|
const u = i({
|
|
4
4
|
name: "BsTextarea",
|
|
@@ -58,7 +58,7 @@ const u = i({
|
|
|
58
58
|
const t = r(null);
|
|
59
59
|
return {
|
|
60
60
|
inputRef: t,
|
|
61
|
-
validator:
|
|
61
|
+
validator: a(t)
|
|
62
62
|
};
|
|
63
63
|
},
|
|
64
64
|
methods: {
|
|
@@ -74,9 +74,9 @@ const u = i({
|
|
|
74
74
|
* @param event
|
|
75
75
|
*/
|
|
76
76
|
onInput(t) {
|
|
77
|
-
const
|
|
78
|
-
let e =
|
|
79
|
-
this.trim && (e =
|
|
77
|
+
const l = t.target;
|
|
78
|
+
let e = l.value;
|
|
79
|
+
this.trim && (e = l.value.trim()), this.emptyStringToNull && e === "" && (e = null), this.$emit("update:modelValue", e);
|
|
80
80
|
},
|
|
81
81
|
/**
|
|
82
82
|
* On invalid event
|
package/package.json
CHANGED
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { inject as d, ref as v } from "vue";
|
|
2
|
-
const f = /* @__PURE__ */ Symbol("VALIDATOR_CONFIG");
|
|
3
|
-
function c(o) {
|
|
4
|
-
const a = d(
|
|
5
|
-
f,
|
|
6
|
-
void 0
|
|
7
|
-
);
|
|
8
|
-
if (!a || !a.messages)
|
|
9
|
-
throw new Error(
|
|
10
|
-
"[vue-form-validator] Validator messages are not provided. Did you forget to call app.provide(VALIDATOR_CONFIG_KEY, ...)?"
|
|
11
|
-
);
|
|
12
|
-
const r = a.messages, n = v(null);
|
|
13
|
-
function u(t) {
|
|
14
|
-
const i = o.value;
|
|
15
|
-
i !== null && (t !== null ? i.setCustomValidity(t) : i.setCustomValidity(""), n.value = e(i));
|
|
16
|
-
}
|
|
17
|
-
function e(t) {
|
|
18
|
-
if (t.validity.valueMissing)
|
|
19
|
-
return r.valueMissing;
|
|
20
|
-
if (t.validity.tooShort)
|
|
21
|
-
return r.tooShort(t.minLength);
|
|
22
|
-
if (t.validity.tooLong)
|
|
23
|
-
return r.tooLong(t.maxLength);
|
|
24
|
-
if (t.validity.rangeUnderflow)
|
|
25
|
-
return r.rangeUnderflow(t.min);
|
|
26
|
-
if (t.validity.rangeOverflow)
|
|
27
|
-
return r.rangeOverflow(t.max);
|
|
28
|
-
if (t.validity.typeMismatch) {
|
|
29
|
-
if (t.type === "email")
|
|
30
|
-
return r.typeMismatchEmail;
|
|
31
|
-
if (t.type === "url")
|
|
32
|
-
return r.typeMismatchUrl;
|
|
33
|
-
}
|
|
34
|
-
if (t.validity.badInput) {
|
|
35
|
-
if (t.type === "number")
|
|
36
|
-
return r.badInputNumber;
|
|
37
|
-
if (t.type === "date")
|
|
38
|
-
return r.badInputDate;
|
|
39
|
-
}
|
|
40
|
-
if (t.validity.patternMismatch)
|
|
41
|
-
return r.patternMismatch;
|
|
42
|
-
if (t.validity.stepMismatch) {
|
|
43
|
-
const i = Math.floor(Number(t.value) / Number(t.step)) * Number(t.step), m = Math.ceil(Number(t.value) / Number(t.step)) * Number(t.step);
|
|
44
|
-
return r.stepMismatch(i, m);
|
|
45
|
-
}
|
|
46
|
-
return t.validity.customError ? t.validationMessage : null;
|
|
47
|
-
}
|
|
48
|
-
function l(t) {
|
|
49
|
-
t.target !== null && (n.value = e(t.target));
|
|
50
|
-
}
|
|
51
|
-
function s() {
|
|
52
|
-
return n.value;
|
|
53
|
-
}
|
|
54
|
-
return {
|
|
55
|
-
onInvalid: l,
|
|
56
|
-
getInvalidMessage: s,
|
|
57
|
-
setCustomError: u
|
|
58
|
-
};
|
|
59
|
-
}
|
|
60
|
-
export {
|
|
61
|
-
f as VALIDATOR_CONFIG_KEY,
|
|
62
|
-
c as useValidator
|
|
63
|
-
};
|