@dcodegroup-au/dsg-vue 0.1.34 → 0.1.36
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/{DsgTablePerPage.vue_vue_type_style_index_0_lang-CPJO9rNB.js → DsgTablePerPage.vue_vue_type_style_index_0_lang-CNbqLWsR.js} +13927 -12716
- package/dist/{DsgTablePerPage.vue_vue_type_style_index_0_lang-DPCoss-A.cjs → DsgTablePerPage.vue_vue_type_style_index_0_lang-D2vQfllx.cjs} +1197 -1197
- package/dist/components/Elements/DsgDatepicker.vue.d.ts +648 -13
- package/dist/dsg-vue.cjs +1 -1
- package/dist/dsg-vue.css +1 -1
- package/dist/dsg-vue.esm.js +1 -1
- package/dist/dsg-vue.table.cjs +2 -2
- package/dist/dsg-vue.table.esm.js +77 -76
- package/dist/main.d.ts +819 -7
- package/package.json +5 -5
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as X, useModel as ae, computed as N, withDirectives as De, openBlock as s, createElementBlock as d, normalizeClass as B, createVNode as
|
|
2
|
-
import { _ as O, k as kt, v as pt, f as Pt, u as Dt, c as Ve, b as He, l as ze, e as Ue, i as Oe } from "./DsgTablePerPage.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import { defineComponent as X, useModel as ae, computed as N, withDirectives as De, openBlock as s, createElementBlock as d, normalizeClass as B, createVNode as q, createCommentVNode as p, createElementVNode as D, Fragment as I, renderList as Y, vShow as rt, mergeModels as le, ref as k, useTemplateRef as Ie, useAttrs as ut, unref as K, withCtx as ne, renderSlot as M, toDisplayString as re, createBlock as W, resolveDynamicComponent as ct, onMounted as qe, normalizeStyle as te, mergeProps as Pe, watch as oe, onUnmounted as gt, withModifiers as vt, Transition as ft, createTextVNode as bt, useSlots as ht, createSlots as wt, normalizeProps as mt, nextTick as Le, vModelSelect as yt } from "vue";
|
|
2
|
+
import { _ as O, k as kt, v as pt, f as Pt, u as Dt, c as Ve, b as He, l as ze, e as Ue, i as Oe } from "./DsgTablePerPage.vue_vue_type_style_index_0_lang-CNbqLWsR.js";
|
|
3
3
|
import { ucfirst as St, ucwords as Ae, toSnakeCase as Ct } from "./dsg-vue.helpers-string.esm.js";
|
|
4
4
|
import { data_get as pe } from "./dsg-vue.helpers-object.esm.js";
|
|
5
5
|
import { isEmpty as xt } from "./dsg-vue.helpers.esm.js";
|
|
@@ -33,7 +33,7 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
33
33
|
title: "First",
|
|
34
34
|
"aria-label": "First"
|
|
35
35
|
}, [
|
|
36
|
-
|
|
36
|
+
q(O, {
|
|
37
37
|
icon: e.firstIcon,
|
|
38
38
|
size: "sm"
|
|
39
39
|
}, null, 8, ["icon"])
|
|
@@ -45,20 +45,20 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
45
45
|
title: "Previous",
|
|
46
46
|
"aria-label": "Previous"
|
|
47
47
|
}, [
|
|
48
|
-
|
|
48
|
+
q(O, {
|
|
49
49
|
icon: e.prevIcon,
|
|
50
50
|
size: "sm"
|
|
51
51
|
}, null, 8, ["icon"])
|
|
52
52
|
], 10, Rt),
|
|
53
|
-
H.value ? (s(!0), d(
|
|
54
|
-
key:
|
|
55
|
-
onClick: (se) => l(
|
|
56
|
-
class: B([[g(
|
|
53
|
+
H.value ? (s(!0), d(I, { key: 1 }, Y($.value, (S, V) => (s(), d("a", {
|
|
54
|
+
key: V,
|
|
55
|
+
onClick: (se) => l(V + e.firstPage),
|
|
56
|
+
class: B([[g(V + e.firstPage) ? "active" : ""], "dsg-table--pagination-link"]),
|
|
57
57
|
innerHTML: S
|
|
58
|
-
}, null, 10, Mt))), 128)) : (s(!0), d(
|
|
59
|
-
key:
|
|
60
|
-
onClick: (se) => l(T.value +
|
|
61
|
-
class: B([[g(T.value +
|
|
58
|
+
}, null, 10, Mt))), 128)) : (s(!0), d(I, { key: 2 }, Y(R.value, (S, V) => (s(), d("a", {
|
|
59
|
+
key: V,
|
|
60
|
+
onClick: (se) => l(T.value + V + e.firstPage - 1),
|
|
61
|
+
class: B([[g(T.value + V + e.firstPage - 1) ? "active" : ""], "dsg-table--pagination-link"]),
|
|
62
62
|
innerHTML: T.value + S - 1
|
|
63
63
|
}, null, 10, Et))), 128)),
|
|
64
64
|
D("a", {
|
|
@@ -68,7 +68,7 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
68
68
|
title: "Next",
|
|
69
69
|
"aria-label": "Next"
|
|
70
70
|
}, [
|
|
71
|
-
|
|
71
|
+
q(O, {
|
|
72
72
|
icon: e.nextIcon,
|
|
73
73
|
size: "sm"
|
|
74
74
|
}, null, 8, ["icon"])
|
|
@@ -81,7 +81,7 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
81
81
|
title: "Last",
|
|
82
82
|
"aria-label": "Last"
|
|
83
83
|
}, [
|
|
84
|
-
|
|
84
|
+
q(O, {
|
|
85
85
|
icon: e.lastIcon,
|
|
86
86
|
size: "sm"
|
|
87
87
|
}, null, 8, ["icon"])
|
|
@@ -155,7 +155,7 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
155
155
|
T("dsg-table:link-clicked", l, g, v.value);
|
|
156
156
|
}, T = F;
|
|
157
157
|
return (m, l) => De((s(), d("div", Ht, [
|
|
158
|
-
|
|
158
|
+
q(K(kt), {
|
|
159
159
|
triggers: [],
|
|
160
160
|
placement: e.placement,
|
|
161
161
|
"handle-resize": !0,
|
|
@@ -167,7 +167,7 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
167
167
|
}, {
|
|
168
168
|
popper: ne(() => [
|
|
169
169
|
f.value ? (s(), d("div", At, [
|
|
170
|
-
(s(!0), d(
|
|
170
|
+
(s(!0), d(I, null, Y($.value, (g, P) => (s(), d(I, null, [
|
|
171
171
|
["edit", "view", "delete", "archive"].includes(String(P)) ? (s(), d("a", {
|
|
172
172
|
key: P,
|
|
173
173
|
href: g?.link,
|
|
@@ -177,25 +177,25 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
177
177
|
D("div", {
|
|
178
178
|
class: B(["dsg-table--actions-menu-item", String(P)])
|
|
179
179
|
}, [
|
|
180
|
-
|
|
180
|
+
q(O, {
|
|
181
181
|
icon: b(String(P)),
|
|
182
182
|
size: "sm"
|
|
183
183
|
}, null, 8, ["icon"]),
|
|
184
184
|
D("span", {
|
|
185
185
|
class: "flex-1",
|
|
186
|
-
textContent: re(
|
|
186
|
+
textContent: re(K(St)(String(P)))
|
|
187
187
|
}, null, 8, qt)
|
|
188
188
|
], 2)
|
|
189
189
|
], 8, It)) : p("", !0)
|
|
190
190
|
], 64))), 256)),
|
|
191
191
|
$.value && L.value ? (s(), d("hr", Vt)) : p("", !0),
|
|
192
|
-
L.value ? (s(!0), d(
|
|
192
|
+
L.value ? (s(!0), d(I, { key: 1 }, Y(L.value, (g) => (s(), d(I, {
|
|
193
193
|
key: g.label
|
|
194
194
|
}, [
|
|
195
195
|
g.hasOwnProperty("component") ? (s(), W(ct(g.component), {
|
|
196
196
|
key: 0,
|
|
197
|
-
quote:
|
|
198
|
-
"row-data":
|
|
197
|
+
quote: K(c).data.data.rowData,
|
|
198
|
+
"row-data": K(c).data.data.rowData
|
|
199
199
|
}, null, 8, ["quote", "row-data"])) : g.hasOwnProperty("type") && g.type == "break" ? (s(), d("hr", zt)) : (s(), d("a", {
|
|
200
200
|
key: 2,
|
|
201
201
|
href: g.link,
|
|
@@ -223,7 +223,7 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
223
223
|
onClick: l[0] || (l[0] = (g) => f.value = !f.value)
|
|
224
224
|
}, [
|
|
225
225
|
M(m.$slots, "dsg-table-action-button-content", {}, () => [
|
|
226
|
-
|
|
226
|
+
q(O, {
|
|
227
227
|
icon: "dots-vertical",
|
|
228
228
|
size: "sm"
|
|
229
229
|
})
|
|
@@ -234,7 +234,7 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
234
234
|
_: 3
|
|
235
235
|
}, 8, ["placement", "shown"])
|
|
236
236
|
])), [
|
|
237
|
-
[
|
|
237
|
+
[K(pt), () => f.value = !1]
|
|
238
238
|
]);
|
|
239
239
|
}
|
|
240
240
|
}), Nt = { class: "dsg-table--search" }, Ke = /* @__PURE__ */ X({
|
|
@@ -266,7 +266,7 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
266
266
|
c("dsg-table:term-changed", f.value);
|
|
267
267
|
}, 300);
|
|
268
268
|
return (L, v) => (s(), d("div", Nt, [
|
|
269
|
-
|
|
269
|
+
q(Pt, {
|
|
270
270
|
modelValue: f.value,
|
|
271
271
|
"onUpdate:modelValue": v[0] || (v[0] = (b) => f.value = b),
|
|
272
272
|
name: e.name,
|
|
@@ -281,9 +281,9 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
281
281
|
size: "sm",
|
|
282
282
|
icon: "search-sm",
|
|
283
283
|
"icon-clickable": !0,
|
|
284
|
-
onIconClicked: v[1] || (v[1] = (b) =>
|
|
285
|
-
onEnterPressed: v[2] || (v[2] = (b) =>
|
|
286
|
-
onOnClear: v[3] || (v[3] = () =>
|
|
284
|
+
onIconClicked: v[1] || (v[1] = (b) => K($)(b)),
|
|
285
|
+
onEnterPressed: v[2] || (v[2] = (b) => K($)(b)),
|
|
286
|
+
onOnClear: v[3] || (v[3] = () => K($)(""))
|
|
287
287
|
}, null, 8, ["modelValue", "name", "id", "placeholder", "disabled", "required", "readonly", "hidden"])
|
|
288
288
|
]));
|
|
289
289
|
}
|
|
@@ -333,7 +333,7 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
333
333
|
};
|
|
334
334
|
return (T, m) => (s(), d("tr", jt, [
|
|
335
335
|
e.hasSelectAll ? (s(), d("th", Kt, [
|
|
336
|
-
|
|
336
|
+
q(Ve, {
|
|
337
337
|
modelValue: $.value,
|
|
338
338
|
"onUpdate:modelValue": [
|
|
339
339
|
m[0] || (m[0] = (l) => $.value = l),
|
|
@@ -343,7 +343,7 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
343
343
|
}, null, 8, ["modelValue", "indeterminate"])
|
|
344
344
|
])) : p("", !0),
|
|
345
345
|
e.showExpandDetail ? (s(), d("th", Qt)) : p("", !0),
|
|
346
|
-
(s(!0), d(
|
|
346
|
+
(s(!0), d(I, null, Y(e.fields, (l, g) => (s(), d(I, null, [
|
|
347
347
|
l?.visible ? (s(), d("th", {
|
|
348
348
|
key: g,
|
|
349
349
|
class: B(H("dsg-table--th", l)),
|
|
@@ -395,7 +395,7 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
395
395
|
class: "inline-flex",
|
|
396
396
|
size: "xs"
|
|
397
397
|
})) : p("", !0)
|
|
398
|
-
])) : (s(), d(
|
|
398
|
+
])) : (s(), d(I, { key: 1 }, [
|
|
399
399
|
l.tooltip ? (s(), W(He, Pe({
|
|
400
400
|
key: 0,
|
|
401
401
|
ref_for: !0
|
|
@@ -403,7 +403,7 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
403
403
|
"dsg-tooltip--trigger": ne(() => [
|
|
404
404
|
D("span", {
|
|
405
405
|
class: "dsg-table--th-title",
|
|
406
|
-
innerHTML:
|
|
406
|
+
innerHTML: K(Ae)(String(l?.title))
|
|
407
407
|
}, null, 8, Zt),
|
|
408
408
|
l.tooltip.icon ? (s(), W(O, {
|
|
409
409
|
key: 0,
|
|
@@ -416,7 +416,7 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
416
416
|
}, 1040)) : (s(), d("span", {
|
|
417
417
|
key: 1,
|
|
418
418
|
class: "dsg-table--th-title",
|
|
419
|
-
innerHTML:
|
|
419
|
+
innerHTML: K(Ae)(String(l?.title))
|
|
420
420
|
}, null, 8, _t))
|
|
421
421
|
], 64))
|
|
422
422
|
], 14, Yt)) : p("", !0)
|
|
@@ -520,7 +520,7 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
520
520
|
const a = ze().find((n) => n.key === e.queryParams.sort);
|
|
521
521
|
if (a && a.value.length > 0) {
|
|
522
522
|
const n = a.value[0], h = n.startsWith("-"), u = h ? n.substring(1) : n, x = e.fields.find(
|
|
523
|
-
(
|
|
523
|
+
(j) => j.sortField === u || j.name === u || j.field === u
|
|
524
524
|
);
|
|
525
525
|
return x ? {
|
|
526
526
|
name: String(x.name || x.field),
|
|
@@ -543,7 +543,7 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
543
543
|
const n = `${t.pathname}${a.toString() ? "?" + a.toString() : ""}`;
|
|
544
544
|
window.history.pushState({}, "", n);
|
|
545
545
|
}
|
|
546
|
-
}, v = k(c(e.fields)), b = k(e.data), H = k(null), R = k(e.initialPage), T = k("17px"), m = k(!1), l = k({}), g = k(0), P = k(!0), y = k($()), S = k(null),
|
|
546
|
+
}, v = k(c(e.fields)), b = k(e.data), H = k(null), R = k(e.initialPage), T = k("17px"), m = k(!1), l = k({}), g = k(0), P = k(!0), y = k($()), S = k(null), V = k(0), se = ae(e, "filterParams"), ue = ae(e, "perPage"), E = k([]), ie = k(!1), z = k(/* @__PURE__ */ new Set()), A = k(null), Q = k(null), G = k(!1), Z = N(() => e.tableHeight != null), _ = N(() => {
|
|
547
547
|
let t = v.value.filter((a) => a.visible).length;
|
|
548
548
|
return e.selectable && t++, e.hasDetailRow && e.expandableRows && t++, t;
|
|
549
549
|
}), fe = N(() => {
|
|
@@ -621,7 +621,7 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
621
621
|
z.value.clear();
|
|
622
622
|
}, i = () => z.value, r = (t, a) => {
|
|
623
623
|
if (e.selectable) {
|
|
624
|
-
if (a !== void 0 && (
|
|
624
|
+
if (a !== void 0 && (A.value = a), t.selected)
|
|
625
625
|
E.value.push(t);
|
|
626
626
|
else {
|
|
627
627
|
const n = E.value.findIndex((h) => h[e.trackBy] === t[e.trackBy]);
|
|
@@ -630,11 +630,12 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
630
630
|
U("dsg-table:rows-selected", E.value);
|
|
631
631
|
}
|
|
632
632
|
}, w = (t, a, n) => {
|
|
633
|
-
if (e.selectable && t.shiftKey &&
|
|
633
|
+
if (e.selectable && t.shiftKey && A.value !== null) {
|
|
634
634
|
t.stopPropagation(), t.preventDefault();
|
|
635
|
-
const h = Math.min(
|
|
636
|
-
for (let
|
|
637
|
-
|
|
635
|
+
const h = Math.min(A.value, n), u = Math.max(A.value, n), x = !a.selected;
|
|
636
|
+
for (let j = h; j <= u; j++) {
|
|
637
|
+
if (j === A.value) continue;
|
|
638
|
+
const de = b.value?.[j];
|
|
638
639
|
if (de) {
|
|
639
640
|
const Be = de.selected;
|
|
640
641
|
if (de.selected = x, x && !Be)
|
|
@@ -645,18 +646,18 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
645
646
|
}
|
|
646
647
|
}
|
|
647
648
|
}
|
|
648
|
-
|
|
649
|
+
A.value = n, Q.value = null, U("dsg-table:rows-selected", E.value);
|
|
649
650
|
}
|
|
650
651
|
}, C = () => {
|
|
651
652
|
e.selectable && (b.value?.forEach((t) => {
|
|
652
653
|
t.selected = !0;
|
|
653
|
-
}), E.value = b.value?.filter((t) => t.selected) ?? [],
|
|
654
|
+
}), E.value = b.value?.filter((t) => t.selected) ?? [], A.value = null, U("dsg-table:rows-selected", E.value));
|
|
654
655
|
}, ke = () => {
|
|
655
656
|
e.selectable && (b.value?.forEach((t) => {
|
|
656
657
|
t.selected = !1;
|
|
657
|
-
}), E.value = [],
|
|
658
|
+
}), E.value = [], A.value = null, U("dsg-table:rows-selected", E.value));
|
|
658
659
|
}, ve = (t) => {
|
|
659
|
-
b.value = Array.isArray(t) ? t : [], e.selectable && (
|
|
660
|
+
b.value = Array.isArray(t) ? t : [], e.selectable && (A.value = null, b.value.forEach((a) => {
|
|
660
661
|
a.selected = a.selected ?? !1;
|
|
661
662
|
}));
|
|
662
663
|
}, Ye = () => b.value ?? [], Ge = (t) => {
|
|
@@ -669,8 +670,8 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
669
670
|
}), Se = () => {
|
|
670
671
|
S.value && (S.value.abort(), S.value = null);
|
|
671
672
|
}, Xe = (t, a) => {
|
|
672
|
-
Se(),
|
|
673
|
-
const n =
|
|
673
|
+
Se(), V.value++;
|
|
674
|
+
const n = V.value, h = new AbortController();
|
|
674
675
|
return a.signal = h.signal, S.value = h, (e.httpMethod.toLowerCase() === "get" ? Ue.get(t, a) : (() => {
|
|
675
676
|
const x = a.params;
|
|
676
677
|
return delete a.params, Ue.post(t, x, a);
|
|
@@ -681,18 +682,18 @@ const $t = { class: "dsg-table--pagination" }, Tt = ["disabled"], Rt = ["disable
|
|
|
681
682
|
}
|
|
682
683
|
);
|
|
683
684
|
}, Ce = (t) => {
|
|
684
|
-
if (t._requestId && t._requestId !==
|
|
685
|
+
if (t._requestId && t._requestId !== V.value || t._apiUrl && t._apiUrl !== e.apiUrl)
|
|
685
686
|
return;
|
|
686
687
|
U("dsg-table:load-success", t);
|
|
687
688
|
const a = e.transform ? e.transform(t.data) : t.data;
|
|
688
|
-
b.value = pe(a, e.dataPath, null), e.selectable && (
|
|
689
|
+
b.value = pe(a, e.dataPath, null), e.selectable && (A.value = null, b.value?.forEach((n) => {
|
|
689
690
|
n.selected = n.selected ?? !1;
|
|
690
691
|
})), H.value = pe(a, e.paginationPath, null) ?? null, g.value = b.value?.length ? b.value[0].order : g, !xt(e.paginationPath) && H.value === null && console.warn(
|
|
691
692
|
'DsgTable: pagination-path "' + e.paginationPath + `" not found. It looks like the data returned from the server does not have pagination information or you may have set it incorrectly.
|
|
692
693
|
You can explicitly suppress this warning by setting pagination-path="".`
|
|
693
694
|
), S.value = null, U("dsg-table:pagination-data", H.value), H.value && R.value > (H.value?.last_page || 0) && b.value?.length === 0 && (R.value = e.initialPage, ee()), U("dsg-table:loaded"), P.value = !1;
|
|
694
695
|
}, xe = (t) => {
|
|
695
|
-
t._requestId && t._requestId !==
|
|
696
|
+
t._requestId && t._requestId !== V.value || t._apiUrl && t._apiUrl !== e.apiUrl || t._cancelled || (console.error("load-error", t), S.value = null, U("dsg-table:load-error", t), U("dsg-table:loaded"), P.value = !1);
|
|
696
697
|
}, $e = () => {
|
|
697
698
|
if (e.data !== null && Array.isArray(e.data)) {
|
|
698
699
|
ve(e.data), P.value = !1;
|
|
@@ -725,17 +726,17 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
725
726
|
}, Te = (t) => {
|
|
726
727
|
t.key === "Shift" && (G.value = !0);
|
|
727
728
|
}, Re = (t) => {
|
|
728
|
-
t.key === "Shift" && (G.value = !1,
|
|
729
|
+
t.key === "Shift" && (G.value = !1, Q.value = null);
|
|
729
730
|
}, Me = () => {
|
|
730
|
-
G.value = !1,
|
|
731
|
+
G.value = !1, Q.value = null;
|
|
731
732
|
}, st = (t) => {
|
|
732
|
-
e.selectable && G.value &&
|
|
733
|
+
e.selectable && G.value && A.value !== null && (Q.value = t);
|
|
733
734
|
}, ot = () => {
|
|
734
|
-
|
|
735
|
+
Q.value = null;
|
|
735
736
|
}, it = (t) => {
|
|
736
|
-
if (!e.selectable || !G.value ||
|
|
737
|
+
if (!e.selectable || !G.value || A.value === null || Q.value === null)
|
|
737
738
|
return !1;
|
|
738
|
-
const a = Math.min(
|
|
739
|
+
const a = Math.min(A.value, Q.value), n = Math.max(A.value, Q.value);
|
|
739
740
|
return t >= a && t <= n;
|
|
740
741
|
};
|
|
741
742
|
qe(() => {
|
|
@@ -774,7 +775,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
774
775
|
class: B(["dsg-table-main", Z.value ? "fixed-header" : "", l.value.table, "table-" + e.tableLayout])
|
|
775
776
|
}, [
|
|
776
777
|
D("colgroup", { span: _.value }, [
|
|
777
|
-
(s(!0), d(
|
|
778
|
+
(s(!0), d(I, null, Y(v.value, (n, h) => (s(), d(I, null, [
|
|
778
779
|
n?.visible ? (s(), d("col", {
|
|
779
780
|
key: h,
|
|
780
781
|
style: te({ width: n.width || void 0 }),
|
|
@@ -791,7 +792,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
791
792
|
class: B([[l.value.thead, { sticky: Z.value, "top-0": Z.value }], "dsg-table--head"])
|
|
792
793
|
}, [
|
|
793
794
|
M(t.$slots, "tableHeader", { fields: v.value }, () => [
|
|
794
|
-
|
|
795
|
+
q(Qe, {
|
|
795
796
|
fields: v.value,
|
|
796
797
|
"has-select-all": e.selectable,
|
|
797
798
|
"selected-rows": E.value,
|
|
@@ -821,7 +822,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
821
822
|
colspan: _.value
|
|
822
823
|
}, [
|
|
823
824
|
M(t.$slots, "dsg-table-loading", {}, () => [
|
|
824
|
-
|
|
825
|
+
q(O, {
|
|
825
826
|
icon: "loading-02",
|
|
826
827
|
class: "animate-spin"
|
|
827
828
|
}),
|
|
@@ -829,7 +830,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
829
830
|
])
|
|
830
831
|
], 8, la)
|
|
831
832
|
], 8, aa)
|
|
832
|
-
])) : (s(!0), d(
|
|
833
|
+
])) : (s(!0), d(I, { key: 1 }, Y(b.value, (n, h) => (s(), d(I, { key: h }, [
|
|
833
834
|
D("tr", {
|
|
834
835
|
class: B(["dsg-table--tbody-row", [we(n, h), { "dsg-table--shift-range": e.selectable && it(h) }]]),
|
|
835
836
|
onClick: (u) => Ze(u, h, n),
|
|
@@ -843,7 +844,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
843
844
|
class: "dsg-table--tbody-cell dsg-table--tbody-cell-checkbox",
|
|
844
845
|
onClickCapture: (u) => w(u, n, h)
|
|
845
846
|
}, [
|
|
846
|
-
|
|
847
|
+
q(Ve, {
|
|
847
848
|
modelValue: n.selected,
|
|
848
849
|
"onUpdate:modelValue": [(u) => n.selected = u, (u) => r(n, h)]
|
|
849
850
|
}, null, 8, ["modelValue", "onUpdate:modelValue"])
|
|
@@ -856,21 +857,21 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
856
857
|
"aria-label": "Toggle row details",
|
|
857
858
|
onClick: vt((u) => ce(n, h), ["stop"])
|
|
858
859
|
}, [
|
|
859
|
-
|
|
860
|
+
q(O, {
|
|
860
861
|
icon: "chevron-right",
|
|
861
862
|
size: "sm",
|
|
862
863
|
class: "dsg-table--expand-icon"
|
|
863
864
|
})
|
|
864
865
|
], 10, ia)
|
|
865
866
|
])) : p("", !0),
|
|
866
|
-
(s(!0), d(
|
|
867
|
+
(s(!0), d(I, null, Y(v.value, (u, x) => (s(), d(I, { key: x }, [
|
|
867
868
|
u.visible ? (s(), d("td", {
|
|
868
869
|
key: 0,
|
|
869
870
|
class: B(["dsg-table--tbody-cell", u.dataClass]),
|
|
870
871
|
style: te({ width: u.width || void 0 }),
|
|
871
|
-
onClick: (
|
|
872
|
-
onDblclick: (
|
|
873
|
-
onContextmenu: (
|
|
872
|
+
onClick: (j) => tt(),
|
|
873
|
+
onDblclick: (j) => at(),
|
|
874
|
+
onContextmenu: (j) => lt()
|
|
874
875
|
}, [
|
|
875
876
|
M(t.$slots, he(u), {
|
|
876
877
|
rowData: n,
|
|
@@ -997,7 +998,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
997
998
|
}, v = N(() => ({
|
|
998
999
|
...e.css,
|
|
999
1000
|
tableWrapper: "border-b " + (e.css?.tableWrapper || "")
|
|
1000
|
-
})), b = ht(), H = k(!0), R = k(null), T = k("<p>Showing {from} to {to} of {total}</p>"), m = k(null), l = Ie("dsgTable"), g = k({ perPage: e.perPage, change: c }), P = k(e.perPage), y = k({ ...L(), ...e.initialFilters }), S = f,
|
|
1001
|
+
})), b = ht(), H = k(!0), R = k(null), T = k("<p>Showing {from} to {to} of {total}</p>"), m = k(null), l = Ie("dsgTable"), g = k({ perPage: e.perPage, change: c }), P = k(e.perPage), y = k({ ...L(), ...e.initialFilters }), S = f, V = (o) => {
|
|
1001
1002
|
l.value?.changePage(o);
|
|
1002
1003
|
}, se = (o) => {
|
|
1003
1004
|
m.value = o;
|
|
@@ -1010,10 +1011,10 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
1010
1011
|
}, z = (o) => {
|
|
1011
1012
|
const i = l.value?.getData?.() ?? [];
|
|
1012
1013
|
l.value?.setData(i.map((r) => r.id === o.id ? o : r));
|
|
1013
|
-
},
|
|
1014
|
+
}, A = (o) => {
|
|
1014
1015
|
const i = l.value?.getData?.() ?? [];
|
|
1015
1016
|
l.value?.setData([...i, o]);
|
|
1016
|
-
},
|
|
1017
|
+
}, Q = (o) => {
|
|
1017
1018
|
const i = l.value?.getData?.() ?? [];
|
|
1018
1019
|
l.value?.setData(i.filter((r) => r.id !== o.id));
|
|
1019
1020
|
}, G = (o) => {
|
|
@@ -1049,8 +1050,8 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
1049
1050
|
return F({
|
|
1050
1051
|
reloadTable: E,
|
|
1051
1052
|
updateRowTable: z,
|
|
1052
|
-
addRowTable:
|
|
1053
|
-
deleteRowTable:
|
|
1053
|
+
addRowTable: A,
|
|
1054
|
+
deleteRowTable: Q,
|
|
1054
1055
|
setData: G,
|
|
1055
1056
|
getData: Z,
|
|
1056
1057
|
mutateData: _,
|
|
@@ -1064,7 +1065,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
1064
1065
|
expandAllRows: he,
|
|
1065
1066
|
collapseAllRows: we,
|
|
1066
1067
|
getExpandedRows: J,
|
|
1067
|
-
changePage:
|
|
1068
|
+
changePage: V
|
|
1068
1069
|
}), (o, i) => (s(), d("div", ha, [
|
|
1069
1070
|
e.hasHeader ? (s(), d("div", wa, [
|
|
1070
1071
|
M(o.$slots, "dsg-table--pre-header", {}, () => [
|
|
@@ -1088,11 +1089,11 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
1088
1089
|
e.displaySearch ? (s(), d("div", pa, [
|
|
1089
1090
|
D("div", Pa, [
|
|
1090
1091
|
M(o.$slots, "dsg-table--search-header", { data: R.value }, () => [
|
|
1091
|
-
|
|
1092
|
+
q(Ke, {
|
|
1092
1093
|
name: "term",
|
|
1093
1094
|
"onDsgTable:termChanged": i[0] || (i[0] = (r) => ge(r))
|
|
1094
1095
|
}),
|
|
1095
|
-
|
|
1096
|
+
q(Oe, {
|
|
1096
1097
|
entity: e.filterEntity,
|
|
1097
1098
|
"filter-endpoint": e.filterEndpoint,
|
|
1098
1099
|
"search-endpoint": e.filterSearchEndpoint,
|
|
@@ -1105,7 +1106,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
1105
1106
|
]),
|
|
1106
1107
|
M(o.$slots, "dsg-table--search-navigation")
|
|
1107
1108
|
], 512)) : p("", !0),
|
|
1108
|
-
|
|
1109
|
+
q(ba, {
|
|
1109
1110
|
ref: "dsgTable",
|
|
1110
1111
|
"api-url": e.getUrl,
|
|
1111
1112
|
"filter-params": y.value,
|
|
@@ -1158,7 +1159,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
1158
1159
|
]),
|
|
1159
1160
|
_: 2
|
|
1160
1161
|
}, [
|
|
1161
|
-
Y(
|
|
1162
|
+
Y(K(b), (r, w) => ({
|
|
1162
1163
|
name: w,
|
|
1163
1164
|
fn: ne((C) => [
|
|
1164
1165
|
String(w) !== "dsg-field--actions" ? M(o.$slots, w, mt(Pe({ key: 0 }, C))) : p("", !0)
|
|
@@ -1205,7 +1206,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
1205
1206
|
ref: "pagination",
|
|
1206
1207
|
pagination: m.value,
|
|
1207
1208
|
"onUpdate:pagination": i[18] || (i[18] = (r) => m.value = r),
|
|
1208
|
-
"onDsgTable:changePage":
|
|
1209
|
+
"onDsgTable:changePage": V
|
|
1209
1210
|
}, null, 8, ["pagination"])) : p("", !0),
|
|
1210
1211
|
M(o.$slots, "dsg-table--footer-right-extras", {
|
|
1211
1212
|
data: m.value,
|
|
@@ -1229,7 +1230,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
1229
1230
|
class: "dsg-table--per-page-select",
|
|
1230
1231
|
onChange: f[1] || (f[1] = (c) => e.perPage.change(e.perPage.perPage))
|
|
1231
1232
|
}, [
|
|
1232
|
-
(s(!0), d(
|
|
1233
|
+
(s(!0), d(I, null, Y(e.perPageOptions, (c) => (s(), d("option", {
|
|
1233
1234
|
key: c,
|
|
1234
1235
|
value: c,
|
|
1235
1236
|
textContent: re(c)
|