data-table-list 1.0.3 → 1.0.5
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/LICENSE +20 -20
- package/README.md +651 -572
- package/dist/data-table-list.css +1 -1
- package/dist/data-table-list.js +143 -158
- package/dist/data-table-list.umd.cjs +1 -1
- package/dist/src/component/commons/DataTableList.vue.d.ts +20 -12
- package/dist/src/index.d.ts +6 -3
- package/dist/src/model/Models.d.ts +3 -7
- package/package.json +67 -52
package/dist/data-table-list.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
section[data-v-
|
|
1
|
+
section[data-v-17b6686d]{float:right;box-sizing:border-box;display:contents}.row[data-v-17b6686d]{box-sizing:border-box;flex-wrap:wrap;width:100%;margin-left:-15px;margin-right:-15px;display:flex}.col[data-v-17b6686d]{box-sizing:border-box;flex-grow:1;flex-basis:0;max-width:100%;padding-left:15px;padding-right:15px}.col-md-12[data-v-17b6686d]{box-sizing:border-box;flex:0 0 100%;max-width:100%;padding-left:15px;padding-right:15px}.mb-3[data-v-17b6686d]{margin-bottom:1rem!important}.mb-5[data-v-17b6686d]{margin-bottom:3rem!important}.shadow-none[data-v-17b6686d]{box-shadow:none!important;border:none!important}.iconNav[data-v-17b6686d]{width:30px;height:30px;fill:#06c!important}.iconNav[data-v-17b6686d]:hover{width:30px;height:30px;fill:#21374d!important}.iconView[data-v-17b6686d],.iconUpdate[data-v-17b6686d]{border:none;width:22px;height:22px;fill:#06c!important}.iconDelete[data-v-17b6686d]{color:#dc3545;background:#e3e2e2;border-radius:35px 35px 10px 10px;width:20px;height:24px}.iconOrder[data-v-17b6686d]{vertical-align:bottom;fill:#a1a1a1;width:22px;height:22px}.icon-primaryOrder[data-v-17b6686d]{fill:#06c!important}.tablerow[data-v-17b6686d]{margin-top:0}.navBtn[data-v-17b6686d]{clip-path:fill-box}.mr10[data-v-17b6686d]{margin-right:15px}.center[data-v-17b6686d]{flex-wrap:nowrap;place-content:center;align-self:center;align-items:center;display:flex}.left[data-v-17b6686d]{flex-wrap:nowrap;place-content:center flex-start;align-self:center;align-items:center;display:flex}.right[data-v-17b6686d]{flex-wrap:nowrap;place-content:center flex-end;align-self:center;align-items:center;display:flex}.right-box[data-v-17b6686d]{margin-right:unset;justify-content:flex-end;padding-bottom:40px;padding-right:60px;display:flex}.box-action[data-v-17b6686d]{float:right;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.box-action button[data-v-17b6686d]{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex}.box-action button[data-v-17b6686d]:hover{opacity:.8}.table[data-v-17b6686d]{color:#212529;vertical-align:middle;border-collapse:collapse;box-sizing:border-box;border-color:#dee2e6;width:100%;margin-bottom:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.table th[data-v-17b6686d],.table td[data-v-17b6686d]{vertical-align:middle;text-align:left;box-sizing:border-box;border-bottom:1px solid #dee2e6;padding:.75rem .3rem}.table-hover tbody tr[data-v-17b6686d]:hover{background-color:#0000000a}.table thead th[data-v-17b6686d]{vertical-align:bottom;background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.checkbox-header[data-v-17b6686d]{width:40px}.action-header[data-v-17b6686d]{width:120px}.headerTitle[data-v-17b6686d]{color:#06c;letter-spacing:.05em;font-size:small;font-weight:600}.header-container[data-v-17b6686d]{justify-content:space-between;align-items:center;width:100%;min-height:24px;display:flex}.header-text[data-v-17b6686d]{color:#06c;font-size:small;font-weight:600}.sort-arrows[data-v-17b6686d]{flex-direction:column;justify-content:center;height:32px;margin-left:8px;display:flex}.sort-arrow-up[data-v-17b6686d],.sort-arrow-down[data-v-17b6686d]{cursor:pointer;align-items:center;height:16px;display:flex}.sort-arrow-down[data-v-17b6686d]{margin-top:-4px}.btn[data-v-17b6686d]{color:#212529;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#0000;border:1px solid #0000;border-radius:.25rem;justify-content:center;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;display:inline-flex}.btn-outline-default[data-v-17b6686d]{color:#06c;background-color:#fff;border:1px solid #06c;border-radius:4px;padding:4px 8px}.btn-default[data-v-17b6686d]{color:#495057;pointer-events:none;background-color:#f8f9fa;border:1px solid #dee2e6;padding:4px 12px;font-weight:600}.navBtn[data-v-17b6686d]{min-width:38px;height:38px;margin:0 4px}.btn-group[data-v-17b6686d]{vertical-align:middle;display:inline-flex;position:relative}.form-check[data-v-17b6686d]{box-sizing:border-box;min-height:1.5rem;margin-bottom:.125rem;padding-left:1.5em;display:block;position:relative}.dtlchek[data-v-17b6686d]{cursor:pointer;box-sizing:border-box;width:1rem;height:1rem;margin-top:.3rem;margin-left:-1.5rem;position:absolute}.icon[data-v-17b6686d],.iconNav[data-v-17b6686d],.iconView[data-v-17b6686d],.iconUpdate[data-v-17b6686d],.iconDelete[data-v-17b6686d],.iconOrder[data-v-17b6686d]{vertical-align:middle;fill:currentColor;display:inline-block}.iconNav[data-v-17b6686d]{color:#06c;width:30px;height:30px}.iconView[data-v-17b6686d],.iconUpdate[data-v-17b6686d]{color:#06c;width:22px;height:22px}.iconDelete[data-v-17b6686d]{color:#dc3545;width:22px;height:22px}.iconOrder[data-v-17b6686d]{color:#a1a1a1}.icon-primaryOrder[data-v-17b6686d]{color:#06c!important}.avatar[data-v-0ae6bfc5]{color:#333;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#e9ecef;border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.size-xs[data-v-0ae6bfc5]{width:24px;height:24px;font-size:.65rem}.size-sm[data-v-0ae6bfc5]{width:32px;height:32px;font-size:.8rem}.size-lg[data-v-0ae6bfc5]{width:48px;height:48px;font-size:1.1rem}.size-xl[data-v-0ae6bfc5]{width:64px;height:64px;font-size:1.5rem}.size-xxl[data-v-0ae6bfc5]{width:96px;height:96px;font-size:2.2rem}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/data-table-list.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a,
|
|
1
|
+
import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, onMounted as l, openBlock as u, ref as d, renderList as f, renderSlot as p, toDisplayString as m, watch as h } from "vue";
|
|
2
2
|
//#region src/component/commons/DataTableList.vue?vue&type=script&setup=true&lang.ts
|
|
3
|
-
var
|
|
3
|
+
var g = {
|
|
4
4
|
key: 0,
|
|
5
5
|
class: "col-md-12 right-box"
|
|
6
|
-
},
|
|
6
|
+
}, _ = { key: 1 }, v = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "row"
|
|
9
|
-
},
|
|
9
|
+
}, y = {
|
|
10
10
|
class: "btn btn-default navBtn",
|
|
11
11
|
type: "button"
|
|
12
|
-
},
|
|
12
|
+
}, b = { class: "col" }, x = { class: "table table-hover" }, S = {
|
|
13
13
|
key: 0,
|
|
14
14
|
class: "checkbox-header"
|
|
15
|
-
},
|
|
15
|
+
}, C = { class: "headerTitle" }, w = { class: "header-container" }, ee = { class: "header-text" }, T = {
|
|
16
16
|
key: 0,
|
|
17
17
|
class: "sort-arrows"
|
|
18
|
-
},
|
|
18
|
+
}, E = ["onClick"], D = ["onClick"], O = {
|
|
19
19
|
key: 1,
|
|
20
20
|
class: "headerTitle action-header"
|
|
21
|
-
},
|
|
21
|
+
}, k = { key: 0 }, te = { class: "form-check" }, ne = [
|
|
22
22
|
"onChange",
|
|
23
23
|
"id",
|
|
24
24
|
"checked"
|
|
25
|
-
],
|
|
25
|
+
], re = ["for"], ie = { key: 1 }, ae = {
|
|
26
26
|
class: "btn-group box-action",
|
|
27
27
|
role: "group",
|
|
28
28
|
"aria-label": "Actions"
|
|
@@ -35,7 +35,7 @@ var y = {
|
|
|
35
35
|
}, F = {
|
|
36
36
|
class: "btn btn-default navBtn",
|
|
37
37
|
type: "button"
|
|
38
|
-
}, I = /* @__PURE__ */
|
|
38
|
+
}, I = /* @__PURE__ */ o({
|
|
39
39
|
__name: "DataTableList",
|
|
40
40
|
props: {
|
|
41
41
|
filter: {},
|
|
@@ -52,26 +52,26 @@ var y = {
|
|
|
52
52
|
"ondownload",
|
|
53
53
|
"onchecked"
|
|
54
54
|
],
|
|
55
|
-
setup(
|
|
56
|
-
let L =
|
|
55
|
+
setup(o, { emit: I }) {
|
|
56
|
+
let L = d([]), R = d([]), z = d([]), B = o, V = I, H = d(0), U = d(B.dataTableConf.dimensionePagina), W = t(() => (B.dataTableConf.isserver ? L.value = B.dataItems : B.filter ? (H.value = 0, z.value = B.dataItems.filter((e) => {
|
|
57
57
|
let t = !1;
|
|
58
58
|
return B.dataTableConf.columns.forEach((n) => {
|
|
59
59
|
String(e[n.property]).toUpperCase().indexOf(String(B.filter).toUpperCase()) != -1 && (t = !0);
|
|
60
60
|
}), t;
|
|
61
61
|
}), H.value = 0, L.value = z.value.slice(0, U.value)) : (H.value = 0, L.value = B.dataItems.slice(0, U.value)), L)), G = t(() => (H.value < 0 && (H.value = 0), B.dataTableConf.isserver ? B.dataTableConf.serverPaging && H.value >= B.dataTableConf.serverPaging.serverTotalePagine && --H.value : B.filter ? H.value * U.value > z.value.length && --H.value : H.value * U.value > B.dataItems.length && --H.value, H)), K = t(() => {
|
|
62
|
-
if (B.dataTableConf.isserver) return B.dataTableConf.serverPaging?.serverTotalePagine;
|
|
62
|
+
if (B.dataTableConf.isserver) return B.dataTableConf.serverPaging?.serverTotalePagine || 0;
|
|
63
63
|
if (B.filter) return Math.ceil(z.value.length / U.value);
|
|
64
64
|
if (B.dataItems.length) return Math.ceil(B.dataItems.length / U.value);
|
|
65
65
|
}), q = () => {
|
|
66
66
|
V("ondownload", W.value.value);
|
|
67
67
|
};
|
|
68
|
-
function
|
|
68
|
+
function oe(e, t) {
|
|
69
69
|
J(), t.target.classList.add("icon-primaryOrder"), W.value.value.sort((t, n) => {
|
|
70
70
|
let r = t[e], i = n[e];
|
|
71
71
|
return r < i ? -1 : +(r > i);
|
|
72
72
|
});
|
|
73
73
|
}
|
|
74
|
-
function
|
|
74
|
+
function se(e, t) {
|
|
75
75
|
J(), t.target.classList.add("icon-primaryOrder"), W.value.value.sort((t, n) => {
|
|
76
76
|
let r = t[e], i = n[e];
|
|
77
77
|
return r > i ? -1 : +(r < i);
|
|
@@ -82,30 +82,30 @@ var y = {
|
|
|
82
82
|
e.classList.remove("icon-primaryOrder");
|
|
83
83
|
});
|
|
84
84
|
};
|
|
85
|
-
|
|
85
|
+
h(H, async () => {
|
|
86
86
|
B.dataTableConf.isserver ? L.value = B.dataItems : H.value > 0 ? B.filter ? L.value = z.value.slice(U.value * H.value, U.value * H.value + U.value) : L.value = B.dataItems.slice(U.value * H.value, U.value * H.value + U.value) : (H.value = 0, B.filter ? L.value = z.value.slice(0, U.value) : L.value = B.dataItems.slice(0, U.value));
|
|
87
|
-
}),
|
|
87
|
+
}), h(B.dataTableConf, async () => K), h(B.dataItems, async () => {
|
|
88
88
|
B.dataItems.length && B.showCheckbox && B.dataItems.forEach((e, t) => {
|
|
89
89
|
e.checkId = t;
|
|
90
90
|
});
|
|
91
91
|
});
|
|
92
92
|
let Y = () => {
|
|
93
|
-
H.value += 1, B.dataTableConf.isserver && (B.dataTableConf.serverPaging && H.value >= B.dataTableConf.serverPaging.serverTotalePagine && --H.value, V("onavanti", H.value, U.value)), Q && J(), B.showCheckbox && $();
|
|
93
|
+
H.value < (K.value || 0) - 1 && (H.value += 1), B.dataTableConf.isserver && (B.dataTableConf.serverPaging && H.value >= B.dataTableConf.serverPaging.serverTotalePagine && --H.value, V("onavanti", H.value, U.value)), Q && J(), B.showCheckbox && $();
|
|
94
94
|
}, X = () => {
|
|
95
95
|
Q && J(), H.value > 0 && (--H.value, B.showCheckbox && $()), B.dataTableConf.isserver && V("onindietro", H.value, U.value);
|
|
96
|
-
}, Z =
|
|
97
|
-
|
|
96
|
+
}, Z = d([]), Q = d(!1);
|
|
97
|
+
l(() => {
|
|
98
98
|
Z.value = B.dataTableConf.columns.filter((e) => !e.hidden), B.showCheckbox && B.dataItems.forEach((e, t) => {
|
|
99
99
|
e.checkId = t;
|
|
100
100
|
}), B.dataTableConf.columns.forEach((e) => {
|
|
101
101
|
e.order && (Q.value = !0);
|
|
102
102
|
}), console.log(B.dataItems), V("onchecked", R.value);
|
|
103
|
-
}),
|
|
103
|
+
}), h(B.dataItems, async () => {
|
|
104
104
|
B.dataItems.length && B.showCheckbox && B.dataItems.forEach((e, t) => {
|
|
105
105
|
e.checked && (R.value.push(e), console.log("obj:checked:", e), V("onchecked", R.value));
|
|
106
106
|
});
|
|
107
107
|
});
|
|
108
|
-
let
|
|
108
|
+
let ce = (e) => {
|
|
109
109
|
if (R.value.length) {
|
|
110
110
|
let t = R.value.findIndex((t) => t.checkId == e.checkId);
|
|
111
111
|
t == -1 ? R.value.push(e) : R.value.splice(t, 1);
|
|
@@ -116,150 +116,135 @@ var y = {
|
|
|
116
116
|
e.checked = !1;
|
|
117
117
|
}), V("onchecked", R.value);
|
|
118
118
|
};
|
|
119
|
-
return (t,
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
119
|
+
return (t, l) => (u(), r(e, null, [
|
|
120
|
+
B.dataTableConf.viewDownload ? (u(), r("div", g, [p(t.$slots, "download", { ondownload: { oncall: q } }, () => [i("button", {
|
|
121
|
+
type: "button",
|
|
122
|
+
class: "btn btn p-0 shadow-none",
|
|
123
|
+
onClick: q,
|
|
124
|
+
title: "Download"
|
|
125
|
+
}, [...l[0] ||= [i("span", null, [i("svg", {
|
|
126
|
+
class: "icon",
|
|
127
|
+
viewBox: "0 0 24 24"
|
|
128
|
+
}, [i("path", { d: "M12 16l4-5h-3V4h-2v7H8l4 5zm-7 2v2h14v-2H5z" })])], -1)]])], !0)])) : n("", !0),
|
|
129
|
+
B.dataTableConf.paginator ? (u(), r("section", _, [B.dataItems.length && (G.value.value >= 1 || W.value.value.length >= U.value) && B.dataItems.length > B.dataTableConf.dimensionePagina || B.dataItems.length && B.dataTableConf.isserver && B.dataTableConf.serverPaging && B.dataTableConf.serverPaging.serverTotaleElementi > B.dataTableConf.dimensionePagina ? (u(), r("div", v, [B.dataTableConf.paginator && B.dataTableConf.paginatorPosition?.top === !0 ? (u(), r("div", {
|
|
130
|
+
key: 0,
|
|
131
|
+
class: s(B.dataTableConf.paginatorPosition.class + " col-md-12 mb-3")
|
|
132
|
+
}, [
|
|
133
|
+
i("button", {
|
|
134
|
+
class: "btn btn-outline-default navBtn",
|
|
123
135
|
type: "button",
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
}, [...u[0] ||= [i("span", null, [i("svg", {
|
|
128
|
-
class: "icon",
|
|
136
|
+
onClick: X
|
|
137
|
+
}, [p(t.$slots, "iconIndietroTop", {}, () => [l[1] ||= i("span", null, [i("svg", {
|
|
138
|
+
class: "iconNav",
|
|
129
139
|
viewBox: "0 0 24 24"
|
|
130
|
-
}, [i("path", { d: "
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
class:
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
140
|
+
}, [i("path", { d: "M15 18l-6-6 6-6" })])], -1)], !0)]),
|
|
141
|
+
i("button", y, m(G.value.value + 1) + " / " + m(K.value), 1),
|
|
142
|
+
i("button", {
|
|
143
|
+
class: "btn btn-outline-default navBtn",
|
|
144
|
+
type: "button",
|
|
145
|
+
onClick: Y
|
|
146
|
+
}, [p(t.$slots, "iconAvantiTop", {}, () => [l[2] ||= i("span", null, [i("svg", {
|
|
147
|
+
class: "iconNav",
|
|
148
|
+
viewBox: "0 0 24 24"
|
|
149
|
+
}, [i("path", { d: "M9 6l6 6-6 6" })])], -1)], !0)])
|
|
150
|
+
], 2)) : n("", !0)])) : n("", !0)])) : n("", !0),
|
|
151
|
+
i("div", { class: s(B.dataTableConf.paginator ? "row tablerow" : "row") }, [i("div", b, [i("table", x, [i("thead", null, [i("tr", null, [
|
|
152
|
+
o.showCheckbox ? (u(), r("th", S)) : n("", !0),
|
|
153
|
+
(u(!0), r(e, null, f(Z.value, (e) => (u(), r("th", C, [i("div", w, [i("span", ee, m(e.title), 1), e.order ? (u(), r("div", T, [i("span", {
|
|
154
|
+
class: "sort-arrow-up",
|
|
155
|
+
onClick: (t) => oe(e.property, t)
|
|
156
|
+
}, [...l[3] ||= [i("svg", {
|
|
157
|
+
class: "iconOrder",
|
|
158
|
+
viewBox: "0 0 24 24"
|
|
159
|
+
}, [i("path", { d: "M7 14l5-5 5 5H7z" })], -1)]], 8, E), i("span", {
|
|
160
|
+
class: "sort-arrow-down",
|
|
161
|
+
onClick: (t) => se(e.property, t)
|
|
162
|
+
}, [...l[4] ||= [i("svg", {
|
|
163
|
+
class: "iconOrder",
|
|
164
|
+
viewBox: "0 0 24 24"
|
|
165
|
+
}, [i("path", { d: "M7 10l5 5 5-5H7z" })], -1)]], 8, D)])) : n("", !0)])]))), 256)),
|
|
166
|
+
B.dataTableConf.viewActions ? (u(), r("th", O)) : n("", !0)
|
|
167
|
+
])]), i("tbody", null, [(u(!0), r(e, null, f(W.value.value, (s, d) => (u(), r("tr", { key: d }, [
|
|
168
|
+
o.showCheckbox ? (u(), r("td", k, [p(t.$slots, "checkbox", { row: s }, () => [i("div", te, [i("input", {
|
|
169
|
+
class: "dtlchek",
|
|
170
|
+
onChange: (e) => ce(s),
|
|
171
|
+
id: "chek" + d,
|
|
172
|
+
checked: s.checked,
|
|
173
|
+
type: "checkbox",
|
|
174
|
+
"data-focus-mouse": "false"
|
|
175
|
+
}, null, 40, ne), i("label", {
|
|
176
|
+
style: { color: "aliceblue" },
|
|
177
|
+
for: "chek" + d
|
|
178
|
+
}, "\xA0\xA0", 8, re)])], !0)])) : n("", !0),
|
|
179
|
+
(u(!0), r(e, null, f(Z.value, (e) => (u(), r("td", { style: c(e.style) }, [p(t.$slots, "iconTd", {
|
|
180
|
+
row: s,
|
|
181
|
+
column: e
|
|
182
|
+
}, void 0, !0), p(t.$slots, "columnTd", {
|
|
183
|
+
row: s,
|
|
184
|
+
column: e
|
|
185
|
+
}, () => [a(m(e.callFormatt ? e.callFormatt(s[e.property], s) : s[e.property]), 1)], !0)], 4))), 256)),
|
|
186
|
+
B.dataTableConf.viewActions ? (u(), r("td", ie, [i("div", ae, [p(t.$slots, "actions", { row: s }, () => [
|
|
187
|
+
B.dataTableConf.actionsRow?.view ? (u(), r("button", {
|
|
188
|
+
key: 0,
|
|
137
189
|
type: "button",
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
i("button", S, g(G.value.value + 1) + " / " + g(K.value), 1),
|
|
147
|
-
i("button", {
|
|
148
|
-
class: "btn btn-outline-default navBtn",
|
|
190
|
+
class: "btn btn p-0 shadow-none",
|
|
191
|
+
onClick: (e) => V("onview", s)
|
|
192
|
+
}, [p(t.$slots, "iconView", {}, () => [l[5] ||= i("span", null, [i("svg", {
|
|
193
|
+
class: "iconView",
|
|
194
|
+
viewBox: "0 0 24 24"
|
|
195
|
+
}, [i("path", { d: "M12 5c-7 0-10 7-10 7s3 7 10 7 10-7 10-7-3-7-10-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10z" })])], -1)], !0)], 8, A)) : n("", !0),
|
|
196
|
+
B.dataTableConf.actionsRow?.update ? (u(), r("button", {
|
|
197
|
+
key: 1,
|
|
149
198
|
type: "button",
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
viewBox: "0 0 24 24"
|
|
155
|
-
}, [i("path", { d: "M9 6l6 6-6 6" })])], -1)]]),
|
|
156
|
-
_: 1
|
|
157
|
-
})])
|
|
158
|
-
], 2)) : n("", !0)])) : n("", !0)])) : n("", !0),
|
|
159
|
-
i("div", { class: c(B.dataTableConf.paginator ? "row tablerow" : "row") }, [i("div", C, [i("table", w, [i("thead", null, [i("tr", null, [
|
|
160
|
-
s.showCheckbox ? (d(), r("th", ee)) : n("", !0),
|
|
161
|
-
(d(!0), r(e, null, p(Z.value, (e) => (d(), r("th", te, [i("div", T, [i("span", ne, g(e.title), 1), e.order ? (d(), r("div", re, [i("span", {
|
|
162
|
-
class: "sort-arrow-up",
|
|
163
|
-
onClick: (t) => le(e.property, t)
|
|
164
|
-
}, [...u[3] ||= [i("svg", {
|
|
165
|
-
class: "iconOrder",
|
|
199
|
+
class: "btn btn p-0 shadow-none",
|
|
200
|
+
onClick: (e) => V("onupdate", s)
|
|
201
|
+
}, [p(t.$slots, "iconUpdate", {}, () => [l[6] ||= i("span", null, [i("svg", {
|
|
202
|
+
class: "iconUpdate",
|
|
166
203
|
viewBox: "0 0 24 24"
|
|
167
|
-
}, [i("path", { d: "
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
class: "
|
|
204
|
+
}, [i("path", { d: "M3 17.25V21h3.75L20.81 6.94l-3.75-3.75L3 17.25z" })])], -1)], !0)], 8, j)) : n("", !0),
|
|
205
|
+
B.dataTableConf.actionsRow?.delete ? (u(), r("button", {
|
|
206
|
+
key: 2,
|
|
207
|
+
type: "button",
|
|
208
|
+
class: "btn btn p-0 shadow-none",
|
|
209
|
+
onClick: (e) => V("ondelete", s)
|
|
210
|
+
}, [p(t.$slots, "iconDelete", {}, () => [l[7] ||= i("span", null, [i("svg", {
|
|
211
|
+
class: "iconDelete",
|
|
172
212
|
viewBox: "0 0 24 24"
|
|
173
|
-
}, [i("path", { d: "
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
column: e
|
|
190
|
-
}, void 0, !0), m(t.$slots, "columnTd", {
|
|
191
|
-
row: o,
|
|
192
|
-
column: e
|
|
193
|
-
}, () => [a(g(e.callFormatt ? e.callFormatt(o[e.property], o) : o[e.property]), 1)], !0)], 4))), 256)),
|
|
194
|
-
B.dataTableConf.viewActions ? (d(), r("td", ce, [i("div", k, [m(t.$slots, "actions", { row: o }, () => [
|
|
195
|
-
B.dataTableConf.actionsRow?.view ? (d(), r("button", {
|
|
196
|
-
key: 0,
|
|
197
|
-
type: "button",
|
|
198
|
-
class: "btn btn p-0 shadow-none",
|
|
199
|
-
onClick: (e) => V("onview", o)
|
|
200
|
-
}, [m(t.$slots, "iconView", {}, () => [u[5] ||= i("span", null, [i("svg", {
|
|
201
|
-
class: "iconView",
|
|
202
|
-
viewBox: "0 0 24 24"
|
|
203
|
-
}, [i("path", { d: "M12 5c-7 0-10 7-10 7s3 7 10 7 10-7 10-7-3-7-10-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10z" })])], -1)], !0)], 8, A)) : n("", !0),
|
|
204
|
-
B.dataTableConf.actionsRow?.update ? (d(), r("button", {
|
|
205
|
-
key: 1,
|
|
206
|
-
type: "button",
|
|
207
|
-
class: "btn btn p-0 shadow-none",
|
|
208
|
-
onClick: (e) => V("onupdate", o)
|
|
209
|
-
}, [m(t.$slots, "iconUpdate", {}, () => [u[6] ||= i("span", null, [i("svg", {
|
|
210
|
-
class: "iconUpdate",
|
|
211
|
-
viewBox: "0 0 24 24"
|
|
212
|
-
}, [i("path", { d: "M3 17.25V21h3.75L20.81 6.94l-3.75-3.75L3 17.25z" })])], -1)], !0)], 8, j)) : n("", !0),
|
|
213
|
-
B.dataTableConf.actionsRow?.delete ? (d(), r("button", {
|
|
214
|
-
key: 2,
|
|
215
|
-
type: "button",
|
|
216
|
-
class: "btn btn p-0 shadow-none",
|
|
217
|
-
onClick: (e) => V("ondelete", o)
|
|
218
|
-
}, [m(t.$slots, "iconDelete", {}, () => [u[7] ||= i("span", null, [i("svg", {
|
|
219
|
-
class: "iconDelete",
|
|
220
|
-
viewBox: "0 0 24 24"
|
|
221
|
-
}, [i("path", { d: "M6 7h12M9 7v12m6-12v12M10 3h4l1 1h5v2H4V4h5l1-1z" })])], -1)], !0)], 8, M)) : n("", !0)
|
|
222
|
-
], !0)])])) : n("", !0)
|
|
223
|
-
]))), 128))])]), B.dataItems.length ? n("", !0) : (d(), r("div", N, [i("span", null, [u[8] ||= i("svg", {
|
|
224
|
-
class: "icon",
|
|
213
|
+
}, [i("path", { d: "M6 7h12M9 7v12m6-12v12M10 3h4l1 1h5v2H4V4h5l1-1z" })])], -1)], !0)], 8, M)) : n("", !0)
|
|
214
|
+
], !0)])])) : n("", !0)
|
|
215
|
+
]))), 128))])]), B.dataItems.length ? n("", !0) : (u(), r("div", N, [i("span", null, [l[8] ||= i("svg", {
|
|
216
|
+
class: "icon",
|
|
217
|
+
viewBox: "0 0 24 24"
|
|
218
|
+
}, [i("path", { d: "M12 2L2 22h20L12 2zm0 14h-1v-6h2v6zm0 4h-1v-2h2v2z" })], -1), a(" " + m(o.dataTableConf.messageNotRecords), 1)])]))])], 2),
|
|
219
|
+
i("section", null, [B.dataItems.length && (G.value.value >= 1 || W.value.value.length >= U.value) && B.dataItems.length > B.dataTableConf.dimensionePagina || B.dataItems.length && B.dataTableConf.isserver && B.dataTableConf.serverPaging && B.dataTableConf.serverPaging.serverTotaleElementi > B.dataTableConf.dimensionePagina ? (u(), r("div", P, [B.dataTableConf.paginator && B.dataTableConf.paginatorPosition?.bottom === !0 ? (u(), r("div", {
|
|
220
|
+
key: 0,
|
|
221
|
+
class: s(B.dataTableConf.paginatorPosition.class + " col-md-12")
|
|
222
|
+
}, [
|
|
223
|
+
i("button", {
|
|
224
|
+
class: "btn btn-outline-default navBtn",
|
|
225
|
+
type: "button",
|
|
226
|
+
onClick: X
|
|
227
|
+
}, [p(t.$slots, "iconIndietroBottom", {}, () => [l[9] ||= i("span", null, [i("svg", {
|
|
228
|
+
class: "iconNav",
|
|
225
229
|
viewBox: "0 0 24 24"
|
|
226
|
-
}, [i("path", { d: "
|
|
227
|
-
i("
|
|
228
|
-
|
|
229
|
-
class:
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
viewBox: "0 0 24 24"
|
|
239
|
-
}, [i("path", { d: "M15 18l-6-6 6-6" })])], -1)]]),
|
|
240
|
-
_: 1
|
|
241
|
-
})]),
|
|
242
|
-
i("button", F, g(G.value.value + 1) + " / " + g(K.value), 1),
|
|
243
|
-
i("button", {
|
|
244
|
-
class: "btn btn-outline-default navBtn",
|
|
245
|
-
type: "button",
|
|
246
|
-
onClick: Y
|
|
247
|
-
}, [o(f, { name: "iconAvantiBottom" }, {
|
|
248
|
-
default: v(() => [...u[10] ||= [i("span", null, [i("svg", {
|
|
249
|
-
class: "iconNav",
|
|
250
|
-
viewBox: "0 0 24 24"
|
|
251
|
-
}, [i("path", { d: "M9 6l6 6-6 6" })])], -1)]]),
|
|
252
|
-
_: 1
|
|
253
|
-
})])
|
|
254
|
-
], 2)) : n("", !0)])) : n("", !0)])
|
|
255
|
-
], 64);
|
|
256
|
-
};
|
|
230
|
+
}, [i("path", { d: "M15 18l-6-6 6-6" })])], -1)], !0)]),
|
|
231
|
+
i("button", F, m(G.value.value + 1) + " / " + m(K.value), 1),
|
|
232
|
+
i("button", {
|
|
233
|
+
class: "btn btn-outline-default navBtn",
|
|
234
|
+
type: "button",
|
|
235
|
+
onClick: Y
|
|
236
|
+
}, [p(t.$slots, "iconAvantiBottom", {}, () => [l[10] ||= i("span", null, [i("svg", {
|
|
237
|
+
class: "iconNav",
|
|
238
|
+
viewBox: "0 0 24 24"
|
|
239
|
+
}, [i("path", { d: "M9 6l6 6-6 6" })])], -1)], !0)])
|
|
240
|
+
], 2)) : n("", !0)])) : n("", !0)])
|
|
241
|
+
], 64));
|
|
257
242
|
}
|
|
258
243
|
}), L = (e, t) => {
|
|
259
244
|
let n = e.__vccOpts || e;
|
|
260
245
|
for (let [e, r] of t) n[e] = r;
|
|
261
246
|
return n;
|
|
262
|
-
}, R = /* @__PURE__ */ L(I, [["__scopeId", "data-v-
|
|
247
|
+
}, R = /* @__PURE__ */ L(I, [["__scopeId", "data-v-17b6686d"]]), z = /* @__PURE__ */ L(/* @__PURE__ */ o({
|
|
263
248
|
__name: "Avatar",
|
|
264
249
|
props: {
|
|
265
250
|
label: {},
|
|
@@ -300,10 +285,10 @@ var y = {
|
|
|
300
285
|
return i[r >= 0 && r < i.length ? r : 0];
|
|
301
286
|
} else return "#d0fbc8";
|
|
302
287
|
}
|
|
303
|
-
return (e, t) => (
|
|
304
|
-
style:
|
|
305
|
-
class:
|
|
306
|
-
},
|
|
288
|
+
return (e, t) => (u(), r("div", {
|
|
289
|
+
style: c(a.value),
|
|
290
|
+
class: s(n.class ? "avatar size-lg " + n.class : "avatar size-lg")
|
|
291
|
+
}, m(n.label), 7));
|
|
307
292
|
}
|
|
308
293
|
}), [["__scopeId", "data-v-0ae6bfc5"]]);
|
|
309
294
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.DataTableList={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n={key:0,class:`col-md-12 right-box`},r={key:1},i={key:0,class:`row`},a={class:`btn btn-default navBtn`,type:`button`},o={class:`col`},s={class:`table table-hover`},c={key:0,class:`checkbox-header`},l={class:`headerTitle`},u={class:`header-container`},d={class:`header-text`},f={key:0,class:`sort-arrows`},p=[`onClick`],m=[`onClick`],h={key:1,class:`headerTitle action-header`},g={key:0},_={class:`form-check`},v=[`onChange`,`id`,`checked`],y=[`for`],b={key:1},x={class:`btn-group box-action`,role:`group`,"aria-label":`Actions`},S=[`onClick`],C=[`onClick`],w=[`onClick`],T={key:0,class:`col-md-12 center`},E={key:0,class:`row mb-5`},D={class:`btn btn-default navBtn`,type:`button`},O=(0,t.defineComponent)({__name:`DataTableList`,props:{filter:{},dataTableConf:{},dataItems:{},showCheckbox:{type:Boolean}},emits:[`onview`,`onupdate`,`ondelete`,`onavanti`,`onindietro`,`ondownload`,`onchecked`],setup(e,{emit:O}){let k=(0,t.ref)([]),A=(0,t.ref)([]),j=(0,t.ref)([]),M=e,N=O,P=(0,t.ref)(0),F=(0,t.ref)(M.dataTableConf.dimensionePagina),I=(0,t.computed)(()=>(M.dataTableConf.isserver?k.value=M.dataItems:M.filter?(P.value=0,j.value=M.dataItems.filter(e=>{let t=!1;return M.dataTableConf.columns.forEach(n=>{String(e[n.property]).toUpperCase().indexOf(String(M.filter).toUpperCase())!=-1&&(t=!0)}),t}),P.value=0,k.value=j.value.slice(0,F.value)):(P.value=0,k.value=M.dataItems.slice(0,F.value)),k)),L=(0,t.computed)(()=>(P.value<0&&(P.value=0),M.dataTableConf.isserver?M.dataTableConf.serverPaging&&P.value>=M.dataTableConf.serverPaging.serverTotalePagine&&--P.value:M.filter?P.value*F.value>j.value.length&&--P.value:P.value*F.value>M.dataItems.length&&--P.value,P)),R=(0,t.computed)(()=>{if(M.dataTableConf.isserver)return M.dataTableConf.serverPaging?.serverTotalePagine;if(M.filter)return Math.ceil(j.value.length/F.value);if(M.dataItems.length)return Math.ceil(M.dataItems.length/F.value)}),z=()=>{N(`ondownload`,I.value.value)};function B(e,t){H(),t.target.classList.add(`icon-primaryOrder`),I.value.value.sort((t,n)=>{let r=t[e],i=n[e];return r<i?-1:+(r>i)})}function V(e,t){H(),t.target.classList.add(`icon-primaryOrder`),I.value.value.sort((t,n)=>{let r=t[e],i=n[e];return r>i?-1:+(r<i)})}let H=()=>{Array.from(document.getElementsByClassName(`icon-primaryOrder`)).forEach(e=>{e.classList.remove(`icon-primaryOrder`)})};(0,t.watch)(P,async()=>{M.dataTableConf.isserver?k.value=M.dataItems:P.value>0?M.filter?k.value=j.value.slice(F.value*P.value,F.value*P.value+F.value):k.value=M.dataItems.slice(F.value*P.value,F.value*P.value+F.value):(P.value=0,M.filter?k.value=j.value.slice(0,F.value):k.value=M.dataItems.slice(0,F.value))}),(0,t.watch)(M.dataTableConf,async()=>R),(0,t.watch)(M.dataItems,async()=>{M.dataItems.length&&M.showCheckbox&&M.dataItems.forEach((e,t)=>{e.checkId=t})});let U=()=>{P.value+=1,M.dataTableConf.isserver&&(M.dataTableConf.serverPaging&&P.value>=M.dataTableConf.serverPaging.serverTotalePagine&&--P.value,N(`onavanti`,P.value,F.value)),K&&H(),M.showCheckbox&&J()},W=()=>{K&&H(),P.value>0&&(--P.value,M.showCheckbox&&J()),M.dataTableConf.isserver&&N(`onindietro`,P.value,F.value)},G=(0,t.ref)([]),K=(0,t.ref)(!1);(0,t.onMounted)(()=>{G.value=M.dataTableConf.columns.filter(e=>!e.hidden),M.showCheckbox&&M.dataItems.forEach((e,t)=>{e.checkId=t}),M.dataTableConf.columns.forEach(e=>{e.order&&(K.value=!0)}),console.log(M.dataItems),N(`onchecked`,A.value)}),(0,t.watch)(M.dataItems,async()=>{M.dataItems.length&&M.showCheckbox&&M.dataItems.forEach((e,t)=>{e.checked&&(A.value.push(e),console.log(`obj:checked:`,e),N(`onchecked`,A.value))})});let q=e=>{if(A.value.length){let t=A.value.findIndex(t=>t.checkId==e.checkId);t==-1?A.value.push(e):A.value.splice(t,1)}else A.value.push(e);console.log(A.value),N(`onchecked`,A.value)},J=()=>{A.value=[],Array.from(document.querySelectorAll(`.dtlchek`)).forEach(e=>{e.checked=!1}),N(`onchecked`,A.value)};return(O,k)=>{let A=(0,t.resolveComponent)(`slolt`);return(0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[M.dataTableConf.viewDownload?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,n,[(0,t.renderSlot)(O.$slots,`download`,{ondownload:{oncall:z}},()=>[(0,t.createElementVNode)(`button`,{type:`button`,class:`btn btn p-0 shadow-none`,onClick:z,title:`Download`},[...k[0]||=[(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`icon`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M12 16l4-5h-3V4h-2v7H8l4 5zm-7 2v2h14v-2H5z`})])],-1)]])],!0)])):(0,t.createCommentVNode)(``,!0),M.dataTableConf.paginator?((0,t.openBlock)(),(0,t.createElementBlock)(`section`,r,[M.dataItems.length&&(L.value.value>=1||I.value.value.length>=F.value)&&M.dataItems.length>M.dataTableConf.dimensionePagina||M.dataItems.length&&M.dataTableConf.isserver&&M.dataTableConf.serverPaging&&M.dataTableConf.serverPaging.serverTotaleElementi>M.dataTableConf.dimensionePagina?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,i,[M.dataTableConf.paginator&&M.dataTableConf.paginatorPosition?.top===!0?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(M.dataTableConf.paginatorPosition.class+` col-md-12 mb-3`)},[(0,t.createElementVNode)(`button`,{class:`btn btn-outline-default navBtn`,type:`button`,onClick:W},[(0,t.createVNode)(A,{name:`iconIndietroTop`},{default:(0,t.withCtx)(()=>[...k[1]||=[(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconNav`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M15 18l-6-6 6-6`})])],-1)]]),_:1})]),(0,t.createElementVNode)(`button`,a,(0,t.toDisplayString)(L.value.value+1)+` / `+(0,t.toDisplayString)(R.value),1),(0,t.createElementVNode)(`button`,{class:`btn btn-outline-default navBtn`,type:`button`,onClick:U},[(0,t.createVNode)(A,{name:`iconAvantiTop`},{default:(0,t.withCtx)(()=>[...k[2]||=[(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconNav`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M9 6l6 6-6 6`})])],-1)]]),_:1})])],2)):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)(M.dataTableConf.paginator?`row tablerow`:`row`)},[(0,t.createElementVNode)(`div`,o,[(0,t.createElementVNode)(`table`,s,[(0,t.createElementVNode)(`thead`,null,[(0,t.createElementVNode)(`tr`,null,[e.showCheckbox?((0,t.openBlock)(),(0,t.createElementBlock)(`th`,c)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(G.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`th`,l,[(0,t.createElementVNode)(`div`,u,[(0,t.createElementVNode)(`span`,d,(0,t.toDisplayString)(e.title),1),e.order?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,f,[(0,t.createElementVNode)(`span`,{class:`sort-arrow-up`,onClick:t=>B(e.property,t)},[...k[3]||=[(0,t.createElementVNode)(`svg`,{class:`iconOrder`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M7 14l5-5 5 5H7z`})],-1)]],8,p),(0,t.createElementVNode)(`span`,{class:`sort-arrow-down`,onClick:t=>V(e.property,t)},[...k[4]||=[(0,t.createElementVNode)(`svg`,{class:`iconOrder`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M7 10l5 5 5-5H7z`})],-1)]],8,m)])):(0,t.createCommentVNode)(``,!0)])]))),256)),M.dataTableConf.viewActions?((0,t.openBlock)(),(0,t.createElementBlock)(`th`,h)):(0,t.createCommentVNode)(``,!0)])]),(0,t.createElementVNode)(`tbody`,null,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(I.value.value,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,{key:r},[e.showCheckbox?((0,t.openBlock)(),(0,t.createElementBlock)(`td`,g,[(0,t.renderSlot)(O.$slots,`checkbox`,{row:n},()=>[(0,t.createElementVNode)(`div`,_,[(0,t.createElementVNode)(`input`,{class:`dtlchek`,onChange:e=>q(n),id:`chek`+r,checked:n.checked,type:`checkbox`,"data-focus-mouse":`false`},null,40,v),(0,t.createElementVNode)(`label`,{style:{color:`aliceblue`},for:`chek`+r},`\xA0\xA0`,8,y)])],!0)])):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(G.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`td`,{style:(0,t.normalizeStyle)(e.style)},[(0,t.renderSlot)(O.$slots,`iconTd`,{row:n,column:e},void 0,!0),(0,t.renderSlot)(O.$slots,`columnTd`,{row:n,column:e},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.callFormatt?e.callFormatt(n[e.property],n):n[e.property]),1)],!0)],4))),256)),M.dataTableConf.viewActions?((0,t.openBlock)(),(0,t.createElementBlock)(`td`,b,[(0,t.createElementVNode)(`div`,x,[(0,t.renderSlot)(O.$slots,`actions`,{row:n},()=>[M.dataTableConf.actionsRow?.view?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,type:`button`,class:`btn btn p-0 shadow-none`,onClick:e=>N(`onview`,n)},[(0,t.renderSlot)(O.$slots,`iconView`,{},()=>[k[5]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconView`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M12 5c-7 0-10 7-10 7s3 7 10 7 10-7 10-7-3-7-10-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10z`})])],-1)],!0)],8,S)):(0,t.createCommentVNode)(``,!0),M.dataTableConf.actionsRow?.update?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,type:`button`,class:`btn btn p-0 shadow-none`,onClick:e=>N(`onupdate`,n)},[(0,t.renderSlot)(O.$slots,`iconUpdate`,{},()=>[k[6]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconUpdate`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M3 17.25V21h3.75L20.81 6.94l-3.75-3.75L3 17.25z`})])],-1)],!0)],8,C)):(0,t.createCommentVNode)(``,!0),M.dataTableConf.actionsRow?.delete?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:2,type:`button`,class:`btn btn p-0 shadow-none`,onClick:e=>N(`ondelete`,n)},[(0,t.renderSlot)(O.$slots,`iconDelete`,{},()=>[k[7]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconDelete`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M6 7h12M9 7v12m6-12v12M10 3h4l1 1h5v2H4V4h5l1-1z`})])],-1)],!0)],8,w)):(0,t.createCommentVNode)(``,!0)],!0)])])):(0,t.createCommentVNode)(``,!0)]))),128))])]),M.dataItems.length?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,T,[(0,t.createElementVNode)(`span`,null,[k[8]||=(0,t.createElementVNode)(`svg`,{class:`icon`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M12 2L2 22h20L12 2zm0 14h-1v-6h2v6zm0 4h-1v-2h2v2z`})],-1),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(e.dataTableConf.messageNotRecords),1)])]))])],2),(0,t.createElementVNode)(`section`,null,[M.dataItems.length&&(L.value.value>=1||I.value.value.length>=F.value)&&M.dataItems.length>M.dataTableConf.dimensionePagina||M.dataItems.length&&M.dataTableConf.isserver&&M.dataTableConf.serverPaging&&M.dataTableConf.serverPaging.serverTotaleElementi>M.dataTableConf.dimensionePagina?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,E,[M.dataTableConf.paginator&&M.dataTableConf.paginatorPosition?.bottom===!0?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(M.dataTableConf.paginatorPosition.class+` col-md-12`)},[(0,t.createElementVNode)(`button`,{class:`btn btn-outline-default navBtn`,type:`button`,onClick:W},[(0,t.createVNode)(A,{name:`iconIndietroBottom`},{default:(0,t.withCtx)(()=>[...k[9]||=[(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconNav`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M15 18l-6-6 6-6`})])],-1)]]),_:1})]),(0,t.createElementVNode)(`button`,D,(0,t.toDisplayString)(L.value.value+1)+` / `+(0,t.toDisplayString)(R.value),1),(0,t.createElementVNode)(`button`,{class:`btn btn-outline-default navBtn`,type:`button`,onClick:U},[(0,t.createVNode)(A,{name:`iconAvantiBottom`},{default:(0,t.withCtx)(()=>[...k[10]||=[(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconNav`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M9 6l6 6-6 6`})])],-1)]]),_:1})])],2)):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)])],64)}}}),k=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},A=k(O,[[`__scopeId`,`data-v-347ab0dc`]]);e.Avatar=k((0,t.defineComponent)({__name:`Avatar`,props:{label:{},class:{},backgroundDynamics:{type:Boolean},background:{},color:{}},setup(e){let n=e,r=[`#f4cccc`,`#d9ead3`,`#ffe599`,`#cfe2f3`,`#f9cb9c`,`#d5a6bd`,`#9fc5e8`,`#b6d7a8`,`#ffe6cc`,`#f6c1a6`,`#e6ccff`,`#ffd9b3`,`#c2f0f7`,`#ffebd7`,`#d0e0e3`,`#f7d9c4`,`#e0f7e9`,`#f2f9f9`,`#fde2e2`,`#f2f2f2`],i=(0,t.computed)(()=>{let e=[];return n.background&&(e.push(`background-color:`),e.push(n.background),e.push(`!important;`)),n.backgroundDynamics&&(e=[],e.push(`background-color:`),e.push(a(n.label)),e.push(`!important;`)),n.color&&(e.push(`color:`),e.push(n.color),e.push(`!important;`)),e.join(``)});function a(e){if(e&&e.length>1){let t=e.charCodeAt(0),n=e.charCodeAt(1),i=((t-65)*26+(n-65))%r.length;return r[i>=0&&i<r.length?i:0]}else return`#d0fbc8`}return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{style:(0,t.normalizeStyle)(i.value),class:(0,t.normalizeClass)(n.class?`avatar size-lg `+n.class:`avatar size-lg`)},(0,t.toDisplayString)(n.label),7))}}),[[`__scopeId`,`data-v-0ae6bfc5`]]),e.DataTableList=A});
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.DataTableList={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n={key:0,class:`col-md-12 right-box`},r={key:1},i={key:0,class:`row`},a={class:`btn btn-default navBtn`,type:`button`},o={class:`col`},s={class:`table table-hover`},c={key:0,class:`checkbox-header`},l={class:`headerTitle`},u={class:`header-container`},d={class:`header-text`},f={key:0,class:`sort-arrows`},p=[`onClick`],m=[`onClick`],h={key:1,class:`headerTitle action-header`},g={key:0},_={class:`form-check`},v=[`onChange`,`id`,`checked`],y=[`for`],b={key:1},x={class:`btn-group box-action`,role:`group`,"aria-label":`Actions`},S=[`onClick`],C=[`onClick`],w=[`onClick`],T={key:0,class:`col-md-12 center`},E={key:0,class:`row mb-5`},D={class:`btn btn-default navBtn`,type:`button`},O=(0,t.defineComponent)({__name:`DataTableList`,props:{filter:{},dataTableConf:{},dataItems:{},showCheckbox:{type:Boolean}},emits:[`onview`,`onupdate`,`ondelete`,`onavanti`,`onindietro`,`ondownload`,`onchecked`],setup(e,{emit:O}){let k=(0,t.ref)([]),A=(0,t.ref)([]),j=(0,t.ref)([]),M=e,N=O,P=(0,t.ref)(0),F=(0,t.ref)(M.dataTableConf.dimensionePagina),I=(0,t.computed)(()=>(M.dataTableConf.isserver?k.value=M.dataItems:M.filter?(P.value=0,j.value=M.dataItems.filter(e=>{let t=!1;return M.dataTableConf.columns.forEach(n=>{String(e[n.property]).toUpperCase().indexOf(String(M.filter).toUpperCase())!=-1&&(t=!0)}),t}),P.value=0,k.value=j.value.slice(0,F.value)):(P.value=0,k.value=M.dataItems.slice(0,F.value)),k)),L=(0,t.computed)(()=>(P.value<0&&(P.value=0),M.dataTableConf.isserver?M.dataTableConf.serverPaging&&P.value>=M.dataTableConf.serverPaging.serverTotalePagine&&--P.value:M.filter?P.value*F.value>j.value.length&&--P.value:P.value*F.value>M.dataItems.length&&--P.value,P)),R=(0,t.computed)(()=>{if(M.dataTableConf.isserver)return M.dataTableConf.serverPaging?.serverTotalePagine||0;if(M.filter)return Math.ceil(j.value.length/F.value);if(M.dataItems.length)return Math.ceil(M.dataItems.length/F.value)}),z=()=>{N(`ondownload`,I.value.value)};function B(e,t){H(),t.target.classList.add(`icon-primaryOrder`),I.value.value.sort((t,n)=>{let r=t[e],i=n[e];return r<i?-1:+(r>i)})}function V(e,t){H(),t.target.classList.add(`icon-primaryOrder`),I.value.value.sort((t,n)=>{let r=t[e],i=n[e];return r>i?-1:+(r<i)})}let H=()=>{Array.from(document.getElementsByClassName(`icon-primaryOrder`)).forEach(e=>{e.classList.remove(`icon-primaryOrder`)})};(0,t.watch)(P,async()=>{M.dataTableConf.isserver?k.value=M.dataItems:P.value>0?M.filter?k.value=j.value.slice(F.value*P.value,F.value*P.value+F.value):k.value=M.dataItems.slice(F.value*P.value,F.value*P.value+F.value):(P.value=0,M.filter?k.value=j.value.slice(0,F.value):k.value=M.dataItems.slice(0,F.value))}),(0,t.watch)(M.dataTableConf,async()=>R),(0,t.watch)(M.dataItems,async()=>{M.dataItems.length&&M.showCheckbox&&M.dataItems.forEach((e,t)=>{e.checkId=t})});let U=()=>{P.value<(R.value||0)-1&&(P.value+=1),M.dataTableConf.isserver&&(M.dataTableConf.serverPaging&&P.value>=M.dataTableConf.serverPaging.serverTotalePagine&&--P.value,N(`onavanti`,P.value,F.value)),K&&H(),M.showCheckbox&&J()},W=()=>{K&&H(),P.value>0&&(--P.value,M.showCheckbox&&J()),M.dataTableConf.isserver&&N(`onindietro`,P.value,F.value)},G=(0,t.ref)([]),K=(0,t.ref)(!1);(0,t.onMounted)(()=>{G.value=M.dataTableConf.columns.filter(e=>!e.hidden),M.showCheckbox&&M.dataItems.forEach((e,t)=>{e.checkId=t}),M.dataTableConf.columns.forEach(e=>{e.order&&(K.value=!0)}),console.log(M.dataItems),N(`onchecked`,A.value)}),(0,t.watch)(M.dataItems,async()=>{M.dataItems.length&&M.showCheckbox&&M.dataItems.forEach((e,t)=>{e.checked&&(A.value.push(e),console.log(`obj:checked:`,e),N(`onchecked`,A.value))})});let q=e=>{if(A.value.length){let t=A.value.findIndex(t=>t.checkId==e.checkId);t==-1?A.value.push(e):A.value.splice(t,1)}else A.value.push(e);console.log(A.value),N(`onchecked`,A.value)},J=()=>{A.value=[],Array.from(document.querySelectorAll(`.dtlchek`)).forEach(e=>{e.checked=!1}),N(`onchecked`,A.value)};return(O,k)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[M.dataTableConf.viewDownload?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,n,[(0,t.renderSlot)(O.$slots,`download`,{ondownload:{oncall:z}},()=>[(0,t.createElementVNode)(`button`,{type:`button`,class:`btn btn p-0 shadow-none`,onClick:z,title:`Download`},[...k[0]||=[(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`icon`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M12 16l4-5h-3V4h-2v7H8l4 5zm-7 2v2h14v-2H5z`})])],-1)]])],!0)])):(0,t.createCommentVNode)(``,!0),M.dataTableConf.paginator?((0,t.openBlock)(),(0,t.createElementBlock)(`section`,r,[M.dataItems.length&&(L.value.value>=1||I.value.value.length>=F.value)&&M.dataItems.length>M.dataTableConf.dimensionePagina||M.dataItems.length&&M.dataTableConf.isserver&&M.dataTableConf.serverPaging&&M.dataTableConf.serverPaging.serverTotaleElementi>M.dataTableConf.dimensionePagina?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,i,[M.dataTableConf.paginator&&M.dataTableConf.paginatorPosition?.top===!0?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(M.dataTableConf.paginatorPosition.class+` col-md-12 mb-3`)},[(0,t.createElementVNode)(`button`,{class:`btn btn-outline-default navBtn`,type:`button`,onClick:W},[(0,t.renderSlot)(O.$slots,`iconIndietroTop`,{},()=>[k[1]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconNav`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M15 18l-6-6 6-6`})])],-1)],!0)]),(0,t.createElementVNode)(`button`,a,(0,t.toDisplayString)(L.value.value+1)+` / `+(0,t.toDisplayString)(R.value),1),(0,t.createElementVNode)(`button`,{class:`btn btn-outline-default navBtn`,type:`button`,onClick:U},[(0,t.renderSlot)(O.$slots,`iconAvantiTop`,{},()=>[k[2]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconNav`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M9 6l6 6-6 6`})])],-1)],!0)])],2)):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)(M.dataTableConf.paginator?`row tablerow`:`row`)},[(0,t.createElementVNode)(`div`,o,[(0,t.createElementVNode)(`table`,s,[(0,t.createElementVNode)(`thead`,null,[(0,t.createElementVNode)(`tr`,null,[e.showCheckbox?((0,t.openBlock)(),(0,t.createElementBlock)(`th`,c)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(G.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`th`,l,[(0,t.createElementVNode)(`div`,u,[(0,t.createElementVNode)(`span`,d,(0,t.toDisplayString)(e.title),1),e.order?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,f,[(0,t.createElementVNode)(`span`,{class:`sort-arrow-up`,onClick:t=>B(e.property,t)},[...k[3]||=[(0,t.createElementVNode)(`svg`,{class:`iconOrder`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M7 14l5-5 5 5H7z`})],-1)]],8,p),(0,t.createElementVNode)(`span`,{class:`sort-arrow-down`,onClick:t=>V(e.property,t)},[...k[4]||=[(0,t.createElementVNode)(`svg`,{class:`iconOrder`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M7 10l5 5 5-5H7z`})],-1)]],8,m)])):(0,t.createCommentVNode)(``,!0)])]))),256)),M.dataTableConf.viewActions?((0,t.openBlock)(),(0,t.createElementBlock)(`th`,h)):(0,t.createCommentVNode)(``,!0)])]),(0,t.createElementVNode)(`tbody`,null,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(I.value.value,(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,{key:r},[e.showCheckbox?((0,t.openBlock)(),(0,t.createElementBlock)(`td`,g,[(0,t.renderSlot)(O.$slots,`checkbox`,{row:n},()=>[(0,t.createElementVNode)(`div`,_,[(0,t.createElementVNode)(`input`,{class:`dtlchek`,onChange:e=>q(n),id:`chek`+r,checked:n.checked,type:`checkbox`,"data-focus-mouse":`false`},null,40,v),(0,t.createElementVNode)(`label`,{style:{color:`aliceblue`},for:`chek`+r},`\xA0\xA0`,8,y)])],!0)])):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(G.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`td`,{style:(0,t.normalizeStyle)(e.style)},[(0,t.renderSlot)(O.$slots,`iconTd`,{row:n,column:e},void 0,!0),(0,t.renderSlot)(O.$slots,`columnTd`,{row:n,column:e},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.callFormatt?e.callFormatt(n[e.property],n):n[e.property]),1)],!0)],4))),256)),M.dataTableConf.viewActions?((0,t.openBlock)(),(0,t.createElementBlock)(`td`,b,[(0,t.createElementVNode)(`div`,x,[(0,t.renderSlot)(O.$slots,`actions`,{row:n},()=>[M.dataTableConf.actionsRow?.view?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,type:`button`,class:`btn btn p-0 shadow-none`,onClick:e=>N(`onview`,n)},[(0,t.renderSlot)(O.$slots,`iconView`,{},()=>[k[5]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconView`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M12 5c-7 0-10 7-10 7s3 7 10 7 10-7 10-7-3-7-10-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10z`})])],-1)],!0)],8,S)):(0,t.createCommentVNode)(``,!0),M.dataTableConf.actionsRow?.update?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,type:`button`,class:`btn btn p-0 shadow-none`,onClick:e=>N(`onupdate`,n)},[(0,t.renderSlot)(O.$slots,`iconUpdate`,{},()=>[k[6]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconUpdate`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M3 17.25V21h3.75L20.81 6.94l-3.75-3.75L3 17.25z`})])],-1)],!0)],8,C)):(0,t.createCommentVNode)(``,!0),M.dataTableConf.actionsRow?.delete?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:2,type:`button`,class:`btn btn p-0 shadow-none`,onClick:e=>N(`ondelete`,n)},[(0,t.renderSlot)(O.$slots,`iconDelete`,{},()=>[k[7]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconDelete`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M6 7h12M9 7v12m6-12v12M10 3h4l1 1h5v2H4V4h5l1-1z`})])],-1)],!0)],8,w)):(0,t.createCommentVNode)(``,!0)],!0)])])):(0,t.createCommentVNode)(``,!0)]))),128))])]),M.dataItems.length?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,T,[(0,t.createElementVNode)(`span`,null,[k[8]||=(0,t.createElementVNode)(`svg`,{class:`icon`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M12 2L2 22h20L12 2zm0 14h-1v-6h2v6zm0 4h-1v-2h2v2z`})],-1),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(e.dataTableConf.messageNotRecords),1)])]))])],2),(0,t.createElementVNode)(`section`,null,[M.dataItems.length&&(L.value.value>=1||I.value.value.length>=F.value)&&M.dataItems.length>M.dataTableConf.dimensionePagina||M.dataItems.length&&M.dataTableConf.isserver&&M.dataTableConf.serverPaging&&M.dataTableConf.serverPaging.serverTotaleElementi>M.dataTableConf.dimensionePagina?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,E,[M.dataTableConf.paginator&&M.dataTableConf.paginatorPosition?.bottom===!0?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(M.dataTableConf.paginatorPosition.class+` col-md-12`)},[(0,t.createElementVNode)(`button`,{class:`btn btn-outline-default navBtn`,type:`button`,onClick:W},[(0,t.renderSlot)(O.$slots,`iconIndietroBottom`,{},()=>[k[9]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconNav`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M15 18l-6-6 6-6`})])],-1)],!0)]),(0,t.createElementVNode)(`button`,D,(0,t.toDisplayString)(L.value.value+1)+` / `+(0,t.toDisplayString)(R.value),1),(0,t.createElementVNode)(`button`,{class:`btn btn-outline-default navBtn`,type:`button`,onClick:U},[(0,t.renderSlot)(O.$slots,`iconAvantiBottom`,{},()=>[k[10]||=(0,t.createElementVNode)(`span`,null,[(0,t.createElementVNode)(`svg`,{class:`iconNav`,viewBox:`0 0 24 24`},[(0,t.createElementVNode)(`path`,{d:`M9 6l6 6-6 6`})])],-1)],!0)])],2)):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)])],64))}}),k=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},A=k(O,[[`__scopeId`,`data-v-17b6686d`]]);e.Avatar=k((0,t.defineComponent)({__name:`Avatar`,props:{label:{},class:{},backgroundDynamics:{type:Boolean},background:{},color:{}},setup(e){let n=e,r=[`#f4cccc`,`#d9ead3`,`#ffe599`,`#cfe2f3`,`#f9cb9c`,`#d5a6bd`,`#9fc5e8`,`#b6d7a8`,`#ffe6cc`,`#f6c1a6`,`#e6ccff`,`#ffd9b3`,`#c2f0f7`,`#ffebd7`,`#d0e0e3`,`#f7d9c4`,`#e0f7e9`,`#f2f9f9`,`#fde2e2`,`#f2f2f2`],i=(0,t.computed)(()=>{let e=[];return n.background&&(e.push(`background-color:`),e.push(n.background),e.push(`!important;`)),n.backgroundDynamics&&(e=[],e.push(`background-color:`),e.push(a(n.label)),e.push(`!important;`)),n.color&&(e.push(`color:`),e.push(n.color),e.push(`!important;`)),e.join(``)});function a(e){if(e&&e.length>1){let t=e.charCodeAt(0),n=e.charCodeAt(1),i=((t-65)*26+(n-65))%r.length;return r[i>=0&&i<r.length?i:0]}else return`#d0fbc8`}return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{style:(0,t.normalizeStyle)(i.value),class:(0,t.normalizeClass)(n.class?`avatar size-lg `+n.class:`avatar size-lg`)},(0,t.toDisplayString)(n.label),7))}}),[[`__scopeId`,`data-v-0ae6bfc5`]]),e.DataTableList=A});
|
|
@@ -9,33 +9,41 @@ declare var __VLS_1: {
|
|
|
9
9
|
ondownload: {
|
|
10
10
|
oncall: any;
|
|
11
11
|
};
|
|
12
|
-
},
|
|
12
|
+
}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {
|
|
13
13
|
row: any;
|
|
14
|
-
},
|
|
14
|
+
}, __VLS_9: {
|
|
15
15
|
row: any;
|
|
16
16
|
column: any;
|
|
17
|
-
},
|
|
17
|
+
}, __VLS_11: {
|
|
18
18
|
row: any;
|
|
19
19
|
column: any;
|
|
20
|
-
},
|
|
20
|
+
}, __VLS_13: {
|
|
21
21
|
row: any;
|
|
22
|
-
},
|
|
22
|
+
}, __VLS_15: {}, __VLS_17: {}, __VLS_19: {}, __VLS_21: {}, __VLS_23: {};
|
|
23
23
|
type __VLS_Slots = {} & {
|
|
24
24
|
download?: (props: typeof __VLS_1) => any;
|
|
25
25
|
} & {
|
|
26
|
-
|
|
26
|
+
iconIndietroTop?: (props: typeof __VLS_3) => any;
|
|
27
27
|
} & {
|
|
28
|
-
|
|
28
|
+
iconAvantiTop?: (props: typeof __VLS_5) => any;
|
|
29
29
|
} & {
|
|
30
|
-
|
|
30
|
+
checkbox?: (props: typeof __VLS_7) => any;
|
|
31
31
|
} & {
|
|
32
|
-
|
|
32
|
+
iconTd?: (props: typeof __VLS_9) => any;
|
|
33
33
|
} & {
|
|
34
|
-
|
|
34
|
+
columnTd?: (props: typeof __VLS_11) => any;
|
|
35
35
|
} & {
|
|
36
|
-
|
|
36
|
+
actions?: (props: typeof __VLS_13) => any;
|
|
37
37
|
} & {
|
|
38
|
-
|
|
38
|
+
iconView?: (props: typeof __VLS_15) => any;
|
|
39
|
+
} & {
|
|
40
|
+
iconUpdate?: (props: typeof __VLS_17) => any;
|
|
41
|
+
} & {
|
|
42
|
+
iconDelete?: (props: typeof __VLS_19) => any;
|
|
43
|
+
} & {
|
|
44
|
+
iconIndietroBottom?: (props: typeof __VLS_21) => any;
|
|
45
|
+
} & {
|
|
46
|
+
iconAvantiBottom?: (props: typeof __VLS_23) => any;
|
|
39
47
|
};
|
|
40
48
|
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
41
49
|
onview: (obj: object) => any;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { default as DataTableList } from './component/commons/DataTableList.vue';
|
|
2
|
+
import { default as Avatar } from './component/commons/Avatar.vue';
|
|
3
|
+
import { DataTableConf, ColumnTable, ActionRow, PaginatorPosition, ServerPaging, DataItems } from './model/Models';
|
|
4
|
+
export { DataTableList };
|
|
5
|
+
export { Avatar };
|
|
6
|
+
export type { DataTableConf, ColumnTable, ActionRow, PaginatorPosition, ServerPaging, DataItems };
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
export interface BreadcrumbConf {
|
|
2
|
-
label: string;
|
|
3
|
-
actionRouter: any;
|
|
4
|
-
}
|
|
5
1
|
export interface DataTableConf {
|
|
6
2
|
columns: ColumnTable[];
|
|
7
3
|
actionsRow?: ActionRow;
|
|
@@ -24,13 +20,13 @@ export interface ServerPaging {
|
|
|
24
20
|
export interface PaginatorPosition {
|
|
25
21
|
top: boolean;
|
|
26
22
|
bottom: boolean;
|
|
27
|
-
class:
|
|
23
|
+
class: 'center' | 'left' | 'right';
|
|
28
24
|
}
|
|
29
25
|
export interface ColumnTable {
|
|
30
26
|
title: string;
|
|
31
27
|
property: string;
|
|
32
|
-
style?: string
|
|
33
|
-
callFormatt?: Function
|
|
28
|
+
style?: string;
|
|
29
|
+
callFormatt?: Function;
|
|
34
30
|
hidden?: boolean;
|
|
35
31
|
order?: boolean;
|
|
36
32
|
}
|