bootstrap-vue-wrapper 3.1.0 → 3.1.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.cursor-pointer[data-v-
|
|
1
|
+
.cursor-pointer[data-v-a9faea9d]{cursor:pointer}.bs-skeleton-line[data-v-a9faea9d]{display:block;width:100%;height:.85em;border-radius:999px;margin:.25rem 0;--sk-base: color-mix(in srgb, var(--bs-body-color) 10%, transparent);--sk-shine: color-mix(in srgb, var(--bs-body-color) 18%, transparent);background-image:linear-gradient(90deg,var(--sk-base) 0%,var(--sk-shine) 20%,var(--sk-base) 40%,var(--sk-base) 100%);background-size:200% 100%;background-position:100% 0;animation:bs-skeleton-shimmer-a9faea9d 1.15s ease-in-out infinite}@supports not (color: color-mix(in srgb,black,white)){.bs-skeleton-line[data-v-a9faea9d]{background-image:linear-gradient(90deg,#00000014,#00000024 20%,#00000014 40% 100%)}}@keyframes bs-skeleton-shimmer-a9faea9d{to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.bs-skeleton-line[data-v-a9faea9d]{animation:none}}
|
|
@@ -77,6 +77,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
77
77
|
type: BooleanConstructor;
|
|
78
78
|
default: boolean;
|
|
79
79
|
};
|
|
80
|
+
skeletonLoadingRowCount: {
|
|
81
|
+
type: NumberConstructor;
|
|
82
|
+
default: number;
|
|
83
|
+
};
|
|
80
84
|
}>, {}, {}, {}, {
|
|
81
85
|
/**
|
|
82
86
|
* Is order by active by field?
|
|
@@ -187,6 +191,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
187
191
|
type: BooleanConstructor;
|
|
188
192
|
default: boolean;
|
|
189
193
|
};
|
|
194
|
+
skeletonLoadingRowCount: {
|
|
195
|
+
type: NumberConstructor;
|
|
196
|
+
default: number;
|
|
197
|
+
};
|
|
190
198
|
}>> & Readonly<{
|
|
191
199
|
onOrderChanged?: ((...args: any[]) => any) | undefined;
|
|
192
200
|
onRowClicked?: ((...args: any[]) => any) | undefined;
|
|
@@ -201,5 +209,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
201
209
|
sortAscIconClass: string;
|
|
202
210
|
sortDescIconClass: string;
|
|
203
211
|
skeletonLoading: boolean;
|
|
212
|
+
skeletonLoadingRowCount: number;
|
|
204
213
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
205
214
|
export default _default;
|
|
@@ -1,92 +1,98 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { openBlock as t, createElementBlock as o, createElementVNode as
|
|
1
|
+
import C from "./BsTable.vue2.js";
|
|
2
|
+
import { openBlock as t, createElementBlock as o, createElementVNode as r, Fragment as n, renderList as d, normalizeClass as k, renderSlot as i, createTextVNode as c, toDisplayString as p, createCommentVNode as y } from "vue";
|
|
3
3
|
import './BsTable.css';/* empty css */
|
|
4
|
-
import
|
|
5
|
-
const m = { class: "table" }, v = ["onClick"], g = { key: 0 }, $ = ["colspan"], b = { key: 1 }, f = ["colspan"], w = ["textContent"], L = ["data-id", "onClick"], B = { key:
|
|
6
|
-
function
|
|
4
|
+
import h from "../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
+
const m = { class: "table" }, v = ["onClick"], g = { key: 0 }, $ = ["colspan"], b = { key: 1 }, f = ["colspan"], w = ["textContent"], L = ["data-id", "onClick"], B = { key: 0 }, S = ["colspan"];
|
|
6
|
+
function T(e, u, D, N, V, A) {
|
|
7
7
|
return t(), o("table", m, [
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
(t(!0), o(
|
|
8
|
+
r("thead", null, [
|
|
9
|
+
r("tr", null, [
|
|
10
|
+
(t(!0), o(n, null, d(e.fields, (s) => (t(), o("th", {
|
|
11
11
|
key: s.key,
|
|
12
|
-
class:
|
|
12
|
+
class: k({
|
|
13
13
|
"cursor-pointer": e.isSortableField(s),
|
|
14
14
|
"active-order-by": e.isActiveOrderBy(s.key),
|
|
15
15
|
thClass: e.thClass
|
|
16
16
|
}),
|
|
17
|
-
onClick: (
|
|
17
|
+
onClick: (a) => e.onHeadClick(s)
|
|
18
18
|
}, [
|
|
19
|
-
|
|
20
|
-
c(
|
|
19
|
+
i(e.$slots, "tr", {}, () => [
|
|
20
|
+
c(p(s.label) + " ", 1),
|
|
21
21
|
e.isActiveOrderBy(s.key) && e.sortDesc !== void 0 ? (t(), o("i", {
|
|
22
22
|
key: 0,
|
|
23
|
-
class:
|
|
24
|
-
}, null, 2)) :
|
|
23
|
+
class: k(e.getSortIconClass())
|
|
24
|
+
}, null, 2)) : y("", !0)
|
|
25
25
|
], !0)
|
|
26
26
|
], 10, v))), 128))
|
|
27
27
|
])
|
|
28
28
|
]),
|
|
29
|
-
|
|
30
|
-
e.isLoading
|
|
31
|
-
n("
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
29
|
+
r("tbody", null, [
|
|
30
|
+
e.isLoading ? (t(), o(n, { key: 0 }, [
|
|
31
|
+
e.skeletonLoading ? (t(!0), o(n, { key: 1 }, d(e.skeletonLoadingRowCount, (s) => (t(), o("tr", { key: s }, [
|
|
32
|
+
(t(!0), o(n, null, d(e.fields, (a) => (t(), o("td", {
|
|
33
|
+
key: a.key
|
|
34
|
+
}, [...u[1] || (u[1] = [
|
|
35
|
+
r("div", { class: "bs-skeleton-line" }, null, -1)
|
|
36
|
+
])]))), 128))
|
|
37
|
+
]))), 128)) : (t(), o("tr", g, [
|
|
38
|
+
r("td", {
|
|
39
|
+
colspan: e.fields.length
|
|
40
|
+
}, [
|
|
41
|
+
i(e.$slots, "loading", {}, () => [
|
|
42
|
+
u[0] || (u[0] = r("div", { class: "d-flex justify-content-center p-2" }, [
|
|
43
|
+
r("div", { class: "spinner-border spinner-border-sm" })
|
|
44
|
+
], -1))
|
|
45
|
+
], !0)
|
|
46
|
+
], 8, $)
|
|
47
|
+
]))
|
|
48
|
+
], 64)) : e.items.length === 0 ? (t(), o("tr", b, [
|
|
49
|
+
r("td", {
|
|
42
50
|
colspan: e.fields.length
|
|
43
51
|
}, [
|
|
44
|
-
|
|
52
|
+
i(e.$slots, "empty", {}, () => [
|
|
45
53
|
e.emptyText !== void 0 ? (t(), o("div", {
|
|
46
54
|
key: 0,
|
|
47
55
|
class: "text-center text-muted small",
|
|
48
|
-
textContent:
|
|
49
|
-
}, null, 8, w)) :
|
|
56
|
+
textContent: p(e.emptyText)
|
|
57
|
+
}, null, 8, w)) : y("", !0)
|
|
50
58
|
], !0)
|
|
51
59
|
], 8, f)
|
|
52
|
-
])) : (t(!0), o(
|
|
53
|
-
|
|
54
|
-
class:
|
|
60
|
+
])) : (t(!0), o(n, { key: 2 }, d(e.items, (s, a) => (t(), o(n, { key: a }, [
|
|
61
|
+
r("tr", {
|
|
62
|
+
class: k([s.trClass || "", { "cursor-pointer": e.rowClickable }]),
|
|
55
63
|
"data-id": s.id,
|
|
56
|
-
onClick: (
|
|
64
|
+
onClick: (l) => e.$emit("rowClicked", s)
|
|
57
65
|
}, [
|
|
58
|
-
(t(!0), o(
|
|
59
|
-
key:
|
|
66
|
+
(t(!0), o(n, null, d(e.fields, (l) => (t(), o(n, {
|
|
67
|
+
key: l.key
|
|
60
68
|
}, [
|
|
61
|
-
e.isLoading ?
|
|
62
|
-
n("div", { class: "bs-skeleton-line" }, null, -1)
|
|
63
|
-
])])) : u("", !0) : (t(), o("td", {
|
|
69
|
+
e.isLoading ? y("", !0) : (t(), o("td", {
|
|
64
70
|
key: 0,
|
|
65
|
-
class:
|
|
71
|
+
class: k(l.tdClass || e.tdClass)
|
|
66
72
|
}, [
|
|
67
|
-
|
|
68
|
-
key:
|
|
69
|
-
field:
|
|
73
|
+
i(e.$slots, "td", {
|
|
74
|
+
key: a,
|
|
75
|
+
field: l.key,
|
|
70
76
|
row: s,
|
|
71
|
-
value:
|
|
77
|
+
value: l.key in s ? s[l.key] : null
|
|
72
78
|
}, () => [
|
|
73
|
-
c(
|
|
79
|
+
c(p(s[l.key]), 1)
|
|
74
80
|
], !0)
|
|
75
81
|
], 2))
|
|
76
82
|
], 64))), 128))
|
|
77
83
|
], 10, L),
|
|
78
|
-
s._showRowDetails && !e.isLoading ? (t(), o("tr",
|
|
79
|
-
|
|
84
|
+
s._showRowDetails && !e.isLoading ? (t(), o("tr", B, [
|
|
85
|
+
r("td", {
|
|
80
86
|
colspan: e.fields.length
|
|
81
87
|
}, [
|
|
82
|
-
|
|
83
|
-
], 8,
|
|
84
|
-
])) :
|
|
88
|
+
i(e.$slots, "row-details", { row: s }, void 0, !0)
|
|
89
|
+
], 8, S)
|
|
90
|
+
])) : y("", !0)
|
|
85
91
|
], 64))), 128))
|
|
86
92
|
])
|
|
87
93
|
]);
|
|
88
94
|
}
|
|
89
|
-
const
|
|
95
|
+
const R = /* @__PURE__ */ h(C, [["render", T], ["__scopeId", "data-v-a9faea9d"]]);
|
|
90
96
|
export {
|
|
91
|
-
|
|
97
|
+
R as default
|
|
92
98
|
};
|
package/dist/types/TableRow.d.ts
CHANGED