v-sistec-features 1.2.1 → 1.2.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.
|
@@ -8,4 +8,4 @@
|
|
|
8
8
|
* Copyright 2018-2025 The Tabler Authors
|
|
9
9
|
* Copyright 2018-2025 codecalm.net Paweł Kuna
|
|
10
10
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
|
11
|
-
*/[data-bs-theme-base=slate]{--tblr-gray-50:#f8fafc;--tblr-gray-100:#f1f5f9;--tblr-gray-200:#e2e8f0;--tblr-gray-300:#cbd5e1;--tblr-gray-400:#94a3b8;--tblr-gray-500:#64748b;--tblr-gray-600:#475569;--tblr-gray-700:#334155;--tblr-gray-800:#1e293b;--tblr-gray-900:#0f172a;--tblr-gray-950:#020617}[data-bs-theme-base=gray]{--tblr-gray-50:#f9fafb;--tblr-gray-100:#f3f4f6;--tblr-gray-200:#e5e7eb;--tblr-gray-300:#d1d5db;--tblr-gray-400:#9ca3af;--tblr-gray-500:#6b7280;--tblr-gray-600:#4b5563;--tblr-gray-700:#374151;--tblr-gray-800:#1f2937;--tblr-gray-900:#111827;--tblr-gray-950:#030712}[data-bs-theme-base=zinc]{--tblr-gray-50:#fafafa;--tblr-gray-100:#f4f4f5;--tblr-gray-200:#e4e4e7;--tblr-gray-300:#d4d4d8;--tblr-gray-400:#a1a1aa;--tblr-gray-500:#71717a;--tblr-gray-600:#52525b;--tblr-gray-700:#3f3f46;--tblr-gray-800:#27272a;--tblr-gray-900:#18181b;--tblr-gray-950:#09090b}[data-bs-theme-base=neutral]{--tblr-gray-50:#fafafa;--tblr-gray-100:#f5f5f5;--tblr-gray-200:#e5e5e5;--tblr-gray-300:#d4d4d4;--tblr-gray-400:#a3a3a3;--tblr-gray-500:#737373;--tblr-gray-600:#525252;--tblr-gray-700:#404040;--tblr-gray-800:#262626;--tblr-gray-900:#171717;--tblr-gray-950:#0a0a0a}[data-bs-theme-base=stone]{--tblr-gray-50:#fafaf9;--tblr-gray-100:#f5f5f4;--tblr-gray-200:#e7e5e4;--tblr-gray-300:#d6d3d1;--tblr-gray-400:#a8a29e;--tblr-gray-500:#78716c;--tblr-gray-600:#57534e;--tblr-gray-700:#44403c;--tblr-gray-800:#292524;--tblr-gray-900:#1c1917;--tblr-gray-950:#0c0a09}[data-bs-theme-base=pink]{--tblr-gray-50:#fdf2f8;--tblr-gray-100:#fce7f3;--tblr-gray-200:#fbcfe8;--tblr-gray-300:#f9a8d4;--tblr-gray-400:#f472b6;--tblr-gray-500:#ec4899;--tblr-gray-600:#db2777;--tblr-gray-700:#be185d;--tblr-gray-800:#9d174d;--tblr-gray-900:#831843;--tblr-gray-950:#500724}[data-bs-theme-primary=blue]{--tblr-primary:#066fd1;--tblr-primary-rgb:6,111,209}[data-bs-theme-primary=azure]{--tblr-primary:#4299e1;--tblr-primary-rgb:66,153,225}[data-bs-theme-primary=indigo]{--tblr-primary:#4263eb;--tblr-primary-rgb:66,99,235}[data-bs-theme-primary=purple]{--tblr-primary:#ae3ec9;--tblr-primary-rgb:174,62,201}[data-bs-theme-primary=pink]{--tblr-primary:#d6336c;--tblr-primary-rgb:214,51,108}[data-bs-theme-primary=red]{--tblr-primary:#d63939;--tblr-primary-rgb:214,57,57}[data-bs-theme-primary=orange]{--tblr-primary:#f76707;--tblr-primary-rgb:247,103,7}[data-bs-theme-primary=yellow]{--tblr-primary:#f59f00;--tblr-primary-rgb:245,159,0}[data-bs-theme-primary=lime]{--tblr-primary:#74b816;--tblr-primary-rgb:116,184,22}[data-bs-theme-primary=green]{--tblr-primary:#2fb344;--tblr-primary-rgb:47,179,68}[data-bs-theme-primary=teal]{--tblr-primary:#0ca678;--tblr-primary-rgb:12,166,120}[data-bs-theme-primary=cyan]{--tblr-primary:#17a2b8;--tblr-primary-rgb:23,162,184}[data-bs-theme-radius="0"]{--tblr-border-radius-scale:0}[data-bs-theme-radius="0.5"]{--tblr-border-radius-scale:.5}[data-bs-theme-radius="1"]{--tblr-border-radius-scale:1}[data-bs-theme-radius="1.5"]{--tblr-border-radius-scale:1.5}[data-bs-theme-radius="2"]{--tblr-border-radius-scale:2}[data-bs-theme-primary=inverted]{--tblr-primary:var(--tblr-gray-800);--tblr-primary-fg:var(--tblr-light);--tblr-primary-rgb:31,41,55}[data-bs-theme-primary=inverted] [data-bs-theme=dark],[data-bs-theme-primary=inverted][data-bs-theme=dark]{--tblr-primary:#f9fafb;--tblr-primary-fg:var(--tblr-dark);--tblr-primary-rgb:249,250,251}[data-bs-theme-font=monospace]{--tblr-body-font-family:var(--tblr-font-monospace);--tblr-body-font-size:80%}[data-bs-theme-font=sans-serif]{--tblr-body-font-family:var(--tblr-font-sans-serif)}[data-bs-theme-font=serif]{--tblr-body-font-family:var(--tblr-font-serif)}[data-bs-theme-font=comic]{--tblr-body-font-family:var(--tblr-font-comic)}.rotate-180[data-v-c189f089] svg{transform:rotate(180deg)}.page-select[data-v-c189f089]{background-color:var(--tblr-primary)!important;color:#fff!important;border:none!important}.page-estilo[data-v-c189f089]{border:none;--cor-escurecida: color-mix(in srgb, var(--tblr-primary), #000 25%);background:transparent;padding:1px 10px;border-radius:7px;margin:0!important;transition:color .15s ease-in-out,background-color .15s ease-in-out}.page-estilo[data-v-c189f089]:hover{background:var(--cor-escurecida);color:#fff}.btn[data-v-c189f089]{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-v-c189f089] .btn-estilo svg{padding:0!important;margin:0!important}[data-v-c189f089] .btn-estilo:hover svg{stroke:var(--tblr-primary)}.icon-tabler[data-v-c189f089]{margin:0!important;padding:0!important}.inputClose[data-v-1b6ff54b]{color:var(--tblr-icon-color);z-index:10;position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:1.2em;min-width:2.5rem;display:flex;justify-content:center}.inputClose[data-v-1b6ff54b]:hover{cursor:pointer}.selected[data-v-1b6ff54b]:hover{background-color:#b02a2a!important;color:#fff!important}.table-responsive[data-v-
|
|
11
|
+
*/[data-bs-theme-base=slate]{--tblr-gray-50:#f8fafc;--tblr-gray-100:#f1f5f9;--tblr-gray-200:#e2e8f0;--tblr-gray-300:#cbd5e1;--tblr-gray-400:#94a3b8;--tblr-gray-500:#64748b;--tblr-gray-600:#475569;--tblr-gray-700:#334155;--tblr-gray-800:#1e293b;--tblr-gray-900:#0f172a;--tblr-gray-950:#020617}[data-bs-theme-base=gray]{--tblr-gray-50:#f9fafb;--tblr-gray-100:#f3f4f6;--tblr-gray-200:#e5e7eb;--tblr-gray-300:#d1d5db;--tblr-gray-400:#9ca3af;--tblr-gray-500:#6b7280;--tblr-gray-600:#4b5563;--tblr-gray-700:#374151;--tblr-gray-800:#1f2937;--tblr-gray-900:#111827;--tblr-gray-950:#030712}[data-bs-theme-base=zinc]{--tblr-gray-50:#fafafa;--tblr-gray-100:#f4f4f5;--tblr-gray-200:#e4e4e7;--tblr-gray-300:#d4d4d8;--tblr-gray-400:#a1a1aa;--tblr-gray-500:#71717a;--tblr-gray-600:#52525b;--tblr-gray-700:#3f3f46;--tblr-gray-800:#27272a;--tblr-gray-900:#18181b;--tblr-gray-950:#09090b}[data-bs-theme-base=neutral]{--tblr-gray-50:#fafafa;--tblr-gray-100:#f5f5f5;--tblr-gray-200:#e5e5e5;--tblr-gray-300:#d4d4d4;--tblr-gray-400:#a3a3a3;--tblr-gray-500:#737373;--tblr-gray-600:#525252;--tblr-gray-700:#404040;--tblr-gray-800:#262626;--tblr-gray-900:#171717;--tblr-gray-950:#0a0a0a}[data-bs-theme-base=stone]{--tblr-gray-50:#fafaf9;--tblr-gray-100:#f5f5f4;--tblr-gray-200:#e7e5e4;--tblr-gray-300:#d6d3d1;--tblr-gray-400:#a8a29e;--tblr-gray-500:#78716c;--tblr-gray-600:#57534e;--tblr-gray-700:#44403c;--tblr-gray-800:#292524;--tblr-gray-900:#1c1917;--tblr-gray-950:#0c0a09}[data-bs-theme-base=pink]{--tblr-gray-50:#fdf2f8;--tblr-gray-100:#fce7f3;--tblr-gray-200:#fbcfe8;--tblr-gray-300:#f9a8d4;--tblr-gray-400:#f472b6;--tblr-gray-500:#ec4899;--tblr-gray-600:#db2777;--tblr-gray-700:#be185d;--tblr-gray-800:#9d174d;--tblr-gray-900:#831843;--tblr-gray-950:#500724}[data-bs-theme-primary=blue]{--tblr-primary:#066fd1;--tblr-primary-rgb:6,111,209}[data-bs-theme-primary=azure]{--tblr-primary:#4299e1;--tblr-primary-rgb:66,153,225}[data-bs-theme-primary=indigo]{--tblr-primary:#4263eb;--tblr-primary-rgb:66,99,235}[data-bs-theme-primary=purple]{--tblr-primary:#ae3ec9;--tblr-primary-rgb:174,62,201}[data-bs-theme-primary=pink]{--tblr-primary:#d6336c;--tblr-primary-rgb:214,51,108}[data-bs-theme-primary=red]{--tblr-primary:#d63939;--tblr-primary-rgb:214,57,57}[data-bs-theme-primary=orange]{--tblr-primary:#f76707;--tblr-primary-rgb:247,103,7}[data-bs-theme-primary=yellow]{--tblr-primary:#f59f00;--tblr-primary-rgb:245,159,0}[data-bs-theme-primary=lime]{--tblr-primary:#74b816;--tblr-primary-rgb:116,184,22}[data-bs-theme-primary=green]{--tblr-primary:#2fb344;--tblr-primary-rgb:47,179,68}[data-bs-theme-primary=teal]{--tblr-primary:#0ca678;--tblr-primary-rgb:12,166,120}[data-bs-theme-primary=cyan]{--tblr-primary:#17a2b8;--tblr-primary-rgb:23,162,184}[data-bs-theme-radius="0"]{--tblr-border-radius-scale:0}[data-bs-theme-radius="0.5"]{--tblr-border-radius-scale:.5}[data-bs-theme-radius="1"]{--tblr-border-radius-scale:1}[data-bs-theme-radius="1.5"]{--tblr-border-radius-scale:1.5}[data-bs-theme-radius="2"]{--tblr-border-radius-scale:2}[data-bs-theme-primary=inverted]{--tblr-primary:var(--tblr-gray-800);--tblr-primary-fg:var(--tblr-light);--tblr-primary-rgb:31,41,55}[data-bs-theme-primary=inverted] [data-bs-theme=dark],[data-bs-theme-primary=inverted][data-bs-theme=dark]{--tblr-primary:#f9fafb;--tblr-primary-fg:var(--tblr-dark);--tblr-primary-rgb:249,250,251}[data-bs-theme-font=monospace]{--tblr-body-font-family:var(--tblr-font-monospace);--tblr-body-font-size:80%}[data-bs-theme-font=sans-serif]{--tblr-body-font-family:var(--tblr-font-sans-serif)}[data-bs-theme-font=serif]{--tblr-body-font-family:var(--tblr-font-serif)}[data-bs-theme-font=comic]{--tblr-body-font-family:var(--tblr-font-comic)}.rotate-180[data-v-c189f089] svg{transform:rotate(180deg)}.page-select[data-v-c189f089]{background-color:var(--tblr-primary)!important;color:#fff!important;border:none!important}.page-estilo[data-v-c189f089]{border:none;--cor-escurecida: color-mix(in srgb, var(--tblr-primary), #000 25%);background:transparent;padding:1px 10px;border-radius:7px;margin:0!important;transition:color .15s ease-in-out,background-color .15s ease-in-out}.page-estilo[data-v-c189f089]:hover{background:var(--cor-escurecida);color:#fff}.btn[data-v-c189f089]{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-v-c189f089] .btn-estilo svg{padding:0!important;margin:0!important}[data-v-c189f089] .btn-estilo:hover svg{stroke:var(--tblr-primary)}.icon-tabler[data-v-c189f089]{margin:0!important;padding:0!important}.inputClose[data-v-1b6ff54b]{color:var(--tblr-icon-color);z-index:10;position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:1.2em;min-width:2.5rem;display:flex;justify-content:center}.inputClose[data-v-1b6ff54b]:hover{cursor:pointer}.selected[data-v-1b6ff54b]:hover{background-color:#b02a2a!important;color:#fff!important}.table-responsive[data-v-4000deb4]{overflow-x:auto}.state-feedback[data-v-4000deb4]{padding:1rem;text-align:center}.state-feedback.error[data-v-4000deb4]{color:red}.pagination-controls[data-v-4000deb4]{margin-top:1rem;display:flex;justify-content:space-between}.placeholder-img[data-v-4000deb4]{width:40px;height:40px;border-radius:4px}.container-img[data-v-4000deb4]{aspect-ratio:1;display:flex;justify-content:center;overflow:hidden;position:relative;max-width:40px;min-width:40px}.container-img .img-tamanho-cover[data-v-4000deb4]{position:absolute;top:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.5;filter:blur(4px)}.container-img .img-tamanho[data-v-4000deb4]{object-fit:contain;width:100%;height:100%;z-index:2}.container-img.container-img-preview[data-v-4000deb4]{cursor:pointer}.container-img.container-img-preview[data-v-4000deb4]:hover{border-style:dashed;border-color:var(--tblr-primary);border-width:2px;transition:border-width .15s ease-in-out}.container-img.container-img-preview:hover .img-tamanho[data-v-4000deb4]{opacity:.3}.erro-custom-container[data-v-4000deb4]{display:inline-block;padding:.2em .6em;border-radius:4px;background-color:#fff;font-weight:700;text-transform:uppercase}.erro-custom-text[data-v-4000deb4]{font-size:.8em;text-transform:uppercase;font-weight:700}.bg-img[data-v-4000deb4]{background-color:#0000004d;position:absolute;top:0;width:100%;height:100%;z-index:1}.image-preview-container[data-v-4000deb4]{position:fixed;z-index:9999;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;padding:5px;pointer-events:none;transition:opacity .2s ease-in-out}.image-preview-container .image-preview-large[data-v-4000deb4]{display:block;max-width:250px;max-height:250px;border-radius:4px}.form-check-input[data-v-4000deb4]{border-width:1px!important;border-color:#00000064!important;width:17px;height:17px}[data-bs-theme=dark] .form-check-input[data-v-4000deb4]{border-color:#ffffff5f!important}
|
package/dist/vDataTable.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as F, useSlots as
|
|
2
|
-
const se = Symbol("v-datatable-key"),
|
|
1
|
+
import { defineComponent as F, useSlots as me, inject as fe, onMounted as te, computed as z, createElementBlock as a, createCommentVNode as b, openBlock as n, createElementVNode as s, toDisplayString as g, withModifiers as j, Fragment as M, renderList as T, normalizeClass as m, watch as q, resolveComponent as ge, withDirectives as ne, withKeys as ve, vModelText as ae, createBlock as X, withCtx as he, createTextVNode as A, ref as P, provide as ye, nextTick as ke, renderSlot as O, createVNode as Q, resolveDynamicComponent as Z, unref as w, mergeProps as be, normalizeStyle as xe } from "vue";
|
|
2
|
+
const se = Symbol("v-datatable-key"), zt = /* @__PURE__ */ F({
|
|
3
3
|
__name: "VColumn",
|
|
4
4
|
props: {
|
|
5
5
|
field: { default: null },
|
|
@@ -15,7 +15,7 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
15
15
|
click: { type: [Function, null], default: null }
|
|
16
16
|
},
|
|
17
17
|
setup(y) {
|
|
18
|
-
const u = y, o =
|
|
18
|
+
const u = y, o = me(), f = fe(se);
|
|
19
19
|
if (!f)
|
|
20
20
|
throw new Error("VColumn deve ser usado dentro de um VDataTable.");
|
|
21
21
|
const v = ["text", "img", "date", "html"];
|
|
@@ -48,18 +48,18 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
48
48
|
...u.type === "img" && { deactivate_img_preview: u.deactivate_img_preview },
|
|
49
49
|
...u.type === "date" && { format: u.format }
|
|
50
50
|
});
|
|
51
|
-
}), (C,
|
|
51
|
+
}), (C, D) => null;
|
|
52
52
|
}
|
|
53
|
-
}),
|
|
53
|
+
}), we = {
|
|
54
54
|
key: 0,
|
|
55
55
|
class: "d-flex align-items-center justify-content-between w-100"
|
|
56
|
-
},
|
|
56
|
+
}, Ce = {
|
|
57
57
|
key: 0,
|
|
58
58
|
class: "d-flex align-items-center p-2 gap-2"
|
|
59
|
-
},
|
|
59
|
+
}, $e = { class: "d-flex" }, Se = ["disabled"], Me = ["disabled"], Pe = { class: "d-flex gap-2" }, Te = ["onClick", "disabled"], ze = {
|
|
60
60
|
key: 1,
|
|
61
61
|
class: "m-0 p-0"
|
|
62
|
-
},
|
|
62
|
+
}, Ne = { class: "d-flex" }, Ae = ["disabled"], De = ["disabled"], R = `
|
|
63
63
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
64
64
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
|
65
65
|
class="icon icon-tabler icons-tabler-outline icon-tabler-chevrons-left">
|
|
@@ -74,7 +74,7 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
74
74
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
|
75
75
|
<path d="M15 6l-6 6l6 6" />
|
|
76
76
|
</svg>
|
|
77
|
-
`,
|
|
77
|
+
`, Ee = /* @__PURE__ */ F({
|
|
78
78
|
__name: "PaginationDatatable",
|
|
79
79
|
props: {
|
|
80
80
|
pagination: {},
|
|
@@ -82,76 +82,76 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
82
82
|
},
|
|
83
83
|
emits: ["tradePage"],
|
|
84
84
|
setup(y, { emit: u }) {
|
|
85
|
-
const o = y, f = u, v =
|
|
85
|
+
const o = y, f = u, v = z(() => o.pagination.limit_per_page ? Math.ceil(o.pagination.count / o.pagination.limit_per_page) : 0), C = z(() => o.pagination.current_page + 1 < v.value ? o.pagination.current_page + 1 : null), D = () => {
|
|
86
86
|
o.pagination.current_page++, f("tradePage");
|
|
87
|
-
},
|
|
88
|
-
o.pagination.current_page =
|
|
87
|
+
}, H = (p) => {
|
|
88
|
+
o.pagination.current_page = p - 1, f("tradePage");
|
|
89
89
|
}, l = () => {
|
|
90
90
|
o.pagination.current_page = v.value - 1, f("tradePage");
|
|
91
91
|
}, d = () => {
|
|
92
92
|
o.pagination.current_page = 0, f("tradePage");
|
|
93
|
-
},
|
|
93
|
+
}, h = () => {
|
|
94
94
|
o.pagination.current_page > 0 && (o.pagination.current_page--, f("tradePage"));
|
|
95
|
-
},
|
|
95
|
+
}, _ = z(() => {
|
|
96
96
|
if (v.value <= 7)
|
|
97
|
-
return Array.from({ length: v.value }, (
|
|
98
|
-
const
|
|
97
|
+
return Array.from({ length: v.value }, (N, B) => B + 1);
|
|
98
|
+
const p = o.pagination.current_page + 1, k = v.value, $ = /* @__PURE__ */ new Set([
|
|
99
99
|
1,
|
|
100
100
|
2,
|
|
101
101
|
// Sempre mostra as 2 primeiras
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
102
|
+
p - 1,
|
|
103
|
+
p,
|
|
104
|
+
p + 1,
|
|
105
105
|
// Mostra a atual e vizinhas
|
|
106
|
-
|
|
107
|
-
|
|
106
|
+
k - 1,
|
|
107
|
+
k
|
|
108
108
|
// Sempre mostra as 2 últimas
|
|
109
109
|
]), x = [];
|
|
110
|
-
let
|
|
111
|
-
return Array.from(
|
|
112
|
-
|
|
110
|
+
let c = 0;
|
|
111
|
+
return Array.from($).sort((N, B) => N - B).forEach((N) => {
|
|
112
|
+
N < 1 || N > k || (N > c + 1 && x.push("..."), x.push(N), c = N);
|
|
113
113
|
}), x;
|
|
114
114
|
});
|
|
115
|
-
return (
|
|
115
|
+
return (p, k) => o.pagination.count > 0 ? (n(), a("div", we, [
|
|
116
116
|
s("span", null, " Mostrando de " + g(o.pagination.count !== 0 ? o.pagination.limit_per_page * o.pagination.current_page + 1 : 0) + " até " + g(o.pagination.limit_per_page * (o.pagination.current_page + 1) < o.pagination.count ? o.pagination.limit_per_page * (o.pagination.current_page + 1) : o.pagination.count) + " de " + g(o.pagination.count) + " registros ", 1),
|
|
117
|
-
v.value > 0 ? (n(), a("div",
|
|
118
|
-
s("div",
|
|
117
|
+
v.value > 0 ? (n(), a("div", Ce, [
|
|
118
|
+
s("div", $e, [
|
|
119
119
|
s("button", {
|
|
120
120
|
class: "btn btn-estilo",
|
|
121
121
|
onClick: j(d, ["prevent"]),
|
|
122
122
|
disabled: o.pagination.current_page === 0,
|
|
123
123
|
innerHTML: R
|
|
124
|
-
}, null, 8,
|
|
124
|
+
}, null, 8, Se),
|
|
125
125
|
s("button", {
|
|
126
126
|
class: "btn btn-estilo",
|
|
127
|
-
onClick: j(
|
|
127
|
+
onClick: j(h, ["prevent"]),
|
|
128
128
|
disabled: o.pagination.current_page === 0,
|
|
129
129
|
innerHTML: ee
|
|
130
|
-
}, null, 8,
|
|
130
|
+
}, null, 8, Me)
|
|
131
131
|
]),
|
|
132
|
-
s("div",
|
|
133
|
-
(n(!0), a(M, null,
|
|
134
|
-
typeof
|
|
132
|
+
s("div", Pe, [
|
|
133
|
+
(n(!0), a(M, null, T(_.value, ($, x) => (n(), a(M, { key: x }, [
|
|
134
|
+
typeof $ == "number" ? (n(), a("button", {
|
|
135
135
|
key: 0,
|
|
136
|
-
class:
|
|
137
|
-
onClick: j((
|
|
138
|
-
disabled: o.pagination.current_page + 1 ==
|
|
139
|
-
}, g(
|
|
136
|
+
class: m([o.pagination.current_page + 1 == $ ? "page-select" : "", "page-estilo"]),
|
|
137
|
+
onClick: j((c) => H($), ["prevent"]),
|
|
138
|
+
disabled: o.pagination.current_page + 1 == $
|
|
139
|
+
}, g($), 11, Te)) : (n(), a("span", ze, "..."))
|
|
140
140
|
], 64))), 128))
|
|
141
141
|
]),
|
|
142
|
-
s("div",
|
|
142
|
+
s("div", Ne, [
|
|
143
143
|
s("button", {
|
|
144
|
-
onClick: j(
|
|
144
|
+
onClick: j(D, ["prevent"]),
|
|
145
145
|
class: "btn btn-estilo rotate-180",
|
|
146
146
|
disabled: !C.value,
|
|
147
147
|
innerHTML: ee
|
|
148
|
-
}, null, 8,
|
|
148
|
+
}, null, 8, Ae),
|
|
149
149
|
s("button", {
|
|
150
150
|
onClick: j(l, ["prevent"]),
|
|
151
151
|
class: "btn btn-estilo rotate-180",
|
|
152
152
|
disabled: !C.value,
|
|
153
153
|
innerHTML: R
|
|
154
|
-
}, null, 8,
|
|
154
|
+
}, null, 8, De)
|
|
155
155
|
])
|
|
156
156
|
])) : b("", !0)
|
|
157
157
|
])) : b("", !0);
|
|
@@ -161,19 +161,19 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
161
161
|
for (const [f, v] of u)
|
|
162
162
|
o[f] = v;
|
|
163
163
|
return o;
|
|
164
|
-
},
|
|
164
|
+
}, He = /* @__PURE__ */ W(Ee, [["__scopeId", "data-v-c189f089"]]), Le = { class: "dropdown d-flex" }, Ve = {
|
|
165
165
|
key: 0,
|
|
166
166
|
href: "#",
|
|
167
167
|
class: "btn dropdown-toggle",
|
|
168
168
|
"data-bs-toggle": "dropdown",
|
|
169
169
|
title: "Pesquisas Prédefinidas"
|
|
170
|
-
},
|
|
170
|
+
}, je = { class: "input-icon" }, Be = {
|
|
171
171
|
key: 1,
|
|
172
172
|
class: "input-icon-addon"
|
|
173
|
-
},
|
|
173
|
+
}, Ie = {
|
|
174
174
|
key: 1,
|
|
175
175
|
class: "dropdown-menu"
|
|
176
|
-
},
|
|
176
|
+
}, Oe = ["onClick"], qe = /* @__PURE__ */ F({
|
|
177
177
|
__name: "SearchDatatable",
|
|
178
178
|
props: {
|
|
179
179
|
search: {},
|
|
@@ -183,10 +183,10 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
183
183
|
},
|
|
184
184
|
emits: ["update:search", "update:filter", "search"],
|
|
185
185
|
setup(y, { emit: u }) {
|
|
186
|
-
const o = y, f = u, v =
|
|
186
|
+
const o = y, f = u, v = z({
|
|
187
187
|
get: () => o.search,
|
|
188
188
|
set: (l) => f("update:search", l)
|
|
189
|
-
}), C =
|
|
189
|
+
}), C = z({
|
|
190
190
|
get: () => o.filter,
|
|
191
191
|
set: (l) => f("update:filter", l)
|
|
192
192
|
});
|
|
@@ -195,22 +195,22 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
195
195
|
}), q(
|
|
196
196
|
() => o.list_filter,
|
|
197
197
|
(l) => {
|
|
198
|
-
Array.isArray(l) ? (l.forEach((d,
|
|
199
|
-
d?.type === 1 && !d.to && console.error(`Filtro na posição ${
|
|
198
|
+
Array.isArray(l) ? (l.forEach((d, h) => {
|
|
199
|
+
d?.type === 1 && !d.to && console.error(`Filtro na posição ${h} é do tipo 'router-link' mas não possui a propriedade 'to'.`);
|
|
200
200
|
}), o.item_use.includes(2) && l.length === 0 && console.error("Nenhum filtro foi passado. Certifique-se de que o array de filtros não está vazio.")) : console.error("list_filter deve ser um array.");
|
|
201
201
|
},
|
|
202
202
|
{ immediate: !0, deep: !0 }
|
|
203
203
|
);
|
|
204
|
-
function
|
|
204
|
+
function D(l) {
|
|
205
205
|
C.value === l ? C.value = "" : C.value = l;
|
|
206
206
|
}
|
|
207
|
-
function
|
|
207
|
+
function H() {
|
|
208
208
|
v.value = "", f("search");
|
|
209
209
|
}
|
|
210
210
|
return (l, d) => {
|
|
211
|
-
const
|
|
212
|
-
return n(), a("div",
|
|
213
|
-
y.item_use.includes(2) ? (n(), a("a",
|
|
211
|
+
const h = ge("router-link");
|
|
212
|
+
return n(), a("div", Le, [
|
|
213
|
+
y.item_use.includes(2) ? (n(), a("a", Ve, [...d[3] || (d[3] = [
|
|
214
214
|
s("svg", {
|
|
215
215
|
xmlns: "http://www.w3.org/2000/svg",
|
|
216
216
|
class: "icon icon-tabler icon-tabler-filter",
|
|
@@ -231,20 +231,20 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
231
231
|
s("path", { d: "M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" })
|
|
232
232
|
], -1)
|
|
233
233
|
])])) : b("", !0),
|
|
234
|
-
s("div",
|
|
234
|
+
s("div", je, [
|
|
235
235
|
ne(s("input", {
|
|
236
236
|
type: "text",
|
|
237
237
|
class: "form-control ms-1",
|
|
238
238
|
id: "inputSearchLaudos",
|
|
239
|
-
"onUpdate:modelValue": d[0] || (d[0] = (
|
|
240
|
-
onKeyup: d[1] || (d[1] =
|
|
239
|
+
"onUpdate:modelValue": d[0] || (d[0] = (_) => v.value = _),
|
|
240
|
+
onKeyup: d[1] || (d[1] = ve((_) => l.$emit("search"), ["enter"])),
|
|
241
241
|
placeholder: "Buscar..."
|
|
242
242
|
}, null, 544), [
|
|
243
243
|
[ae, v.value]
|
|
244
244
|
]),
|
|
245
245
|
v.value ? (n(), a("span", {
|
|
246
246
|
key: 0,
|
|
247
|
-
onClick: d[2] || (d[2] = (
|
|
247
|
+
onClick: d[2] || (d[2] = (_) => H()),
|
|
248
248
|
class: "inputClose",
|
|
249
249
|
title: "Limpar pesquisa"
|
|
250
250
|
}, [...d[4] || (d[4] = [
|
|
@@ -268,7 +268,7 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
268
268
|
s("path", { d: "M18 6l-12 12" }),
|
|
269
269
|
s("path", { d: "M6 6l12 12" })
|
|
270
270
|
], -1)
|
|
271
|
-
])])) : (n(), a("span",
|
|
271
|
+
])])) : (n(), a("span", Be, [...d[5] || (d[5] = [
|
|
272
272
|
s("svg", {
|
|
273
273
|
xmlns: "http://www.w3.org/2000/svg",
|
|
274
274
|
width: "24",
|
|
@@ -291,30 +291,30 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
291
291
|
], -1)
|
|
292
292
|
])]))
|
|
293
293
|
]),
|
|
294
|
-
y.item_use.includes(2) ? (n(), a("div",
|
|
295
|
-
(n(!0), a(M, null,
|
|
296
|
-
"type" in
|
|
294
|
+
y.item_use.includes(2) ? (n(), a("div", Ie, [
|
|
295
|
+
(n(!0), a(M, null, T(o.list_filter, (_, p) => (n(), a(M, { key: p }, [
|
|
296
|
+
"type" in _ && _.type === 1 ? (n(), X(h, {
|
|
297
297
|
key: 0,
|
|
298
|
-
to:
|
|
298
|
+
to: _?.to,
|
|
299
299
|
class: "dropdown-item cursor-pointer"
|
|
300
300
|
}, {
|
|
301
|
-
default:
|
|
302
|
-
|
|
301
|
+
default: he(() => [
|
|
302
|
+
A(g(_.text), 1)
|
|
303
303
|
]),
|
|
304
304
|
_: 2
|
|
305
|
-
}, 1032, ["to"])) : !("type" in
|
|
305
|
+
}, 1032, ["to"])) : !("type" in _) || _.type === 2 ? (n(), a("a", {
|
|
306
306
|
key: 1,
|
|
307
|
-
onClick: j((
|
|
308
|
-
class:
|
|
309
|
-
}, g(
|
|
307
|
+
onClick: j((k) => D(String(_.value)), ["prevent"]),
|
|
308
|
+
class: m(["dropdown-item cursor-pointer", C.value === _?.value ? "bg-info text-dark selected" : ""])
|
|
309
|
+
}, g(_.text), 11, Oe)) : b("", !0)
|
|
310
310
|
], 64))), 128))
|
|
311
311
|
])) : b("", !0)
|
|
312
312
|
]);
|
|
313
313
|
};
|
|
314
314
|
}
|
|
315
|
-
}),
|
|
316
|
-
function
|
|
317
|
-
const y = P(!1), u = P(""), o = P(0), f = P(0), v =
|
|
315
|
+
}), Fe = /* @__PURE__ */ W(qe, [["__scopeId", "data-v-1b6ff54b"]]);
|
|
316
|
+
function Ke() {
|
|
317
|
+
const y = P(!1), u = P(""), o = P(0), f = P(0), v = z(() => ({
|
|
318
318
|
position: "fixed",
|
|
319
319
|
zIndex: 9999,
|
|
320
320
|
pointerEvents: "none",
|
|
@@ -322,14 +322,14 @@ function Ue() {
|
|
|
322
322
|
left: `${o.value + 15}px`
|
|
323
323
|
}));
|
|
324
324
|
function C(d) {
|
|
325
|
-
const
|
|
326
|
-
let x =
|
|
327
|
-
x +
|
|
325
|
+
const h = d.clientX, _ = d.clientY, p = window.innerHeight, k = 15, $ = 300;
|
|
326
|
+
let x = _ + k;
|
|
327
|
+
x + $ > p && (x = _ - $ - k, x < 0 && (x = 0)), o.value = h, f.value = x;
|
|
328
328
|
}
|
|
329
|
-
function
|
|
330
|
-
y.value = !0, u.value =
|
|
329
|
+
function D(d, h) {
|
|
330
|
+
y.value = !0, u.value = h, C(d);
|
|
331
331
|
}
|
|
332
|
-
function
|
|
332
|
+
function H(d) {
|
|
333
333
|
y.value && C(d);
|
|
334
334
|
}
|
|
335
335
|
function l() {
|
|
@@ -339,56 +339,56 @@ function Ue() {
|
|
|
339
339
|
isHovering: y,
|
|
340
340
|
previewSrc: u,
|
|
341
341
|
previewStyle: v,
|
|
342
|
-
handleMouseOver:
|
|
343
|
-
handleMouseMove:
|
|
342
|
+
handleMouseOver: D,
|
|
343
|
+
handleMouseMove: H,
|
|
344
344
|
handleMouseLeave: l
|
|
345
345
|
};
|
|
346
346
|
}
|
|
347
|
-
const
|
|
347
|
+
const Ue = { class: "d-flex justify-content-between align-items-start mb-2" }, Ye = { class: "text-secondary" }, Xe = { class: "mx-2 d-inline-block" }, We = {
|
|
348
348
|
key: 0,
|
|
349
349
|
class: "alert alert-cyan d-flex justify-content-center align-items-center py-3",
|
|
350
350
|
role: "alert"
|
|
351
|
-
},
|
|
351
|
+
}, Ge = { class: "alert-title m-0" }, Je = { key: 0 }, Qe = { key: 2 }, Ze = {
|
|
352
352
|
key: 5,
|
|
353
353
|
class: "text-danger erro-custom-container"
|
|
354
|
-
},
|
|
354
|
+
}, Re = { class: "badge bg-orange text-white erro-custom-text" }, et = { key: 0 }, tt = { key: 2 }, nt = {
|
|
355
355
|
key: 5,
|
|
356
356
|
class: "text-danger erro-custom-container"
|
|
357
|
-
},
|
|
357
|
+
}, at = { class: "badge bg-orange text-white erro-custom-text" }, st = ["colspan"], lt = {
|
|
358
358
|
key: 0,
|
|
359
359
|
class: "d-flex flex-column justify-content-center align-items-center",
|
|
360
360
|
style: { height: "6rem" }
|
|
361
|
-
},
|
|
361
|
+
}, rt = {
|
|
362
362
|
key: 1,
|
|
363
363
|
style: { height: "3rem" }
|
|
364
|
-
},
|
|
364
|
+
}, ot = {
|
|
365
365
|
key: 2,
|
|
366
366
|
class: "p-3 text-center text-secondary"
|
|
367
|
-
},
|
|
367
|
+
}, it = {
|
|
368
368
|
key: 2,
|
|
369
369
|
class: "feedback-container text-center"
|
|
370
|
-
},
|
|
370
|
+
}, ut = {
|
|
371
371
|
key: 0,
|
|
372
372
|
class: "text-secondary"
|
|
373
|
-
},
|
|
373
|
+
}, dt = {
|
|
374
374
|
key: 1,
|
|
375
375
|
class: "text-secondary"
|
|
376
|
-
},
|
|
376
|
+
}, ct = {
|
|
377
377
|
key: 3,
|
|
378
378
|
class: "table-responsive"
|
|
379
|
-
},
|
|
379
|
+
}, pt = { key: 0 }, _t = {
|
|
380
380
|
key: 0,
|
|
381
381
|
class: "w-1"
|
|
382
|
-
},
|
|
382
|
+
}, mt = {
|
|
383
383
|
key: 0,
|
|
384
384
|
class: "w-1"
|
|
385
|
-
},
|
|
385
|
+
}, ft = ["checked", "onChange"], gt = ["onClick"], vt = ["onClick"], ht = { key: 0 }, yt = { key: 1 }, kt = ["onClick", "innerHTML"], bt = ["onClick"], xt = ["src"], wt = ["src"], Ct = {
|
|
386
386
|
key: 5,
|
|
387
387
|
class: "text-danger erro-custom-container"
|
|
388
|
-
},
|
|
388
|
+
}, $t = { class: "badge bg-orange text-white erro-custom-text" }, St = {
|
|
389
389
|
key: 1,
|
|
390
390
|
class: "text-center p-4 text-secondary"
|
|
391
|
-
},
|
|
391
|
+
}, Mt = ["src"], Pt = /* @__PURE__ */ F({
|
|
392
392
|
__name: "VDataTable",
|
|
393
393
|
props: {
|
|
394
394
|
fetch: {},
|
|
@@ -424,9 +424,9 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
424
424
|
previewSrc: f,
|
|
425
425
|
previewStyle: v,
|
|
426
426
|
handleMouseOver: C,
|
|
427
|
-
handleMouseMove:
|
|
428
|
-
handleMouseLeave:
|
|
429
|
-
} =
|
|
427
|
+
handleMouseMove: D,
|
|
428
|
+
handleMouseLeave: H
|
|
429
|
+
} = Ke(), l = y, d = P([]), h = P([]), _ = P(0), p = P([]), k = P(null), $ = P(!1), x = P(null), c = P({
|
|
430
430
|
current_page: 0,
|
|
431
431
|
// pagina atual
|
|
432
432
|
count: 0,
|
|
@@ -437,7 +437,7 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
437
437
|
// termo de busca
|
|
438
438
|
filter: ""
|
|
439
439
|
// filtro selecionado
|
|
440
|
-
}), { data:
|
|
440
|
+
}), { data: N, pending: B, error: K, execute: le, attempt: V } = l.fetch(l.endpoint, {
|
|
441
441
|
params: () => l.deactivate_default_params ? l.add_params && typeof l.add_params == "function" ? l.add_params() : {
|
|
442
442
|
...l.add_params
|
|
443
443
|
} : l.add_params && typeof l.add_params == "function" ? {
|
|
@@ -451,65 +451,65 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
451
451
|
retryDelay: l.retry_delay,
|
|
452
452
|
paramsReactives: !1,
|
|
453
453
|
immediate: !1
|
|
454
|
-
}, l.fetch_name),
|
|
454
|
+
}, l.fetch_name), re = z(() => {
|
|
455
455
|
let i = [1];
|
|
456
456
|
return l.list_filter.length > 0 && i.push(2), i;
|
|
457
|
-
}), U =
|
|
458
|
-
[l.page_param_name]:
|
|
459
|
-
[l.page_size_param_name]:
|
|
460
|
-
[l.search_param_name]:
|
|
461
|
-
[l.filter_param_name]:
|
|
462
|
-
})),
|
|
457
|
+
}), U = z(() => ({
|
|
458
|
+
[l.page_param_name]: c.value.current_page + 1,
|
|
459
|
+
[l.page_size_param_name]: c.value.limit_per_page,
|
|
460
|
+
[l.search_param_name]: c.value.search || "",
|
|
461
|
+
[l.filter_param_name]: c.value.filter || ""
|
|
462
|
+
})), oe = z(() => B.value || $.value), I = (i) => {
|
|
463
463
|
const t = l.item_key;
|
|
464
|
-
return
|
|
465
|
-
}, G =
|
|
466
|
-
if (!
|
|
467
|
-
const i =
|
|
468
|
-
return i === 0 ? !1 : i ===
|
|
469
|
-
}),
|
|
470
|
-
q([G,
|
|
471
|
-
|
|
464
|
+
return p.value.some((r) => r[t] === i[t]);
|
|
465
|
+
}, G = z(() => {
|
|
466
|
+
if (!h.value.length) return !1;
|
|
467
|
+
const i = h.value.filter((t) => I(t)).length;
|
|
468
|
+
return i === 0 ? !1 : i === h.value.length ? !0 : "indeterminate";
|
|
469
|
+
}), ie = z(() => p.value.length > 0);
|
|
470
|
+
q([G, k], ([i]) => {
|
|
471
|
+
k.value && (i === "indeterminate" ? (console.log("entrei no indeterminate"), k.value.checked = !1, k.value.indeterminate = !0) : (k.value.checked = i, k.value.indeterminate = !1));
|
|
472
472
|
}, {
|
|
473
473
|
immediate: !0,
|
|
474
474
|
flush: "post"
|
|
475
|
-
}), q(
|
|
476
|
-
i ? (
|
|
475
|
+
}), q(N, (i) => {
|
|
476
|
+
i ? (h.value = i[l.data_key] || [], _.value = i[l.total_key] || 0, c.value.count = _.value) : (h.value = [], _.value = 0);
|
|
477
477
|
}, { immediate: !0 });
|
|
478
|
-
function
|
|
479
|
-
const i =
|
|
478
|
+
function ue() {
|
|
479
|
+
const i = h.value;
|
|
480
480
|
if (!i.length) return;
|
|
481
481
|
const t = G.value;
|
|
482
482
|
if (t === !0 || t === "indeterminate") {
|
|
483
483
|
const r = i.map((e) => e[l.item_key]);
|
|
484
|
-
|
|
484
|
+
p.value = p.value.filter(
|
|
485
485
|
(e) => !r.includes(e[l.item_key])
|
|
486
486
|
);
|
|
487
487
|
} else
|
|
488
488
|
i.forEach((r) => {
|
|
489
|
-
I(r) ||
|
|
489
|
+
I(r) || p.value.push(r);
|
|
490
490
|
});
|
|
491
491
|
}
|
|
492
|
-
function
|
|
493
|
-
const t = l.item_key, r =
|
|
494
|
-
r > -1 ?
|
|
492
|
+
function de(i) {
|
|
493
|
+
const t = l.item_key, r = p.value.findIndex((e) => e[t] === i[t]);
|
|
494
|
+
r > -1 ? p.value.splice(r, 1) : p.value.push(i);
|
|
495
495
|
}
|
|
496
|
-
function
|
|
497
|
-
|
|
496
|
+
function ce(i) {
|
|
497
|
+
d.value.push(i);
|
|
498
498
|
}
|
|
499
|
-
|
|
499
|
+
ye(se, { addColumn: ce });
|
|
500
500
|
function L() {
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
}, l.min_loading_delay),
|
|
501
|
+
x.value && clearTimeout(x.value), $.value = !0, x.value = setTimeout(() => {
|
|
502
|
+
$.value = !1;
|
|
503
|
+
}, l.min_loading_delay), le();
|
|
504
504
|
}
|
|
505
|
-
function
|
|
506
|
-
|
|
505
|
+
function pe() {
|
|
506
|
+
c.value.current_page = 0, L();
|
|
507
507
|
}
|
|
508
508
|
const J = (i) => {
|
|
509
509
|
const t = i.target, r = parseInt(t.value, 10);
|
|
510
|
-
r > 0
|
|
510
|
+
r > 0 && (c.value.limit_per_page = r, c.value.limit_per_page = r, c.value.current_page = 0, L());
|
|
511
511
|
};
|
|
512
|
-
function
|
|
512
|
+
function E(i, t, r = null) {
|
|
513
513
|
if (!i) return t;
|
|
514
514
|
const e = i.split(".");
|
|
515
515
|
let S = t;
|
|
@@ -517,125 +517,125 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
517
517
|
S && typeof S == "object" && Y in S ? S = S[Y] : console.error(`Caminho inválido ou valor nulo em: ${i} na parte ${Y}`);
|
|
518
518
|
return r && (S = r(S)), S;
|
|
519
519
|
}
|
|
520
|
-
function
|
|
520
|
+
function _e(i, t) {
|
|
521
521
|
return t && typeof t == "number" && t > 0 && typeof i == "string" && i.length > t ? i.substring(0, t) + "..." : i;
|
|
522
522
|
}
|
|
523
523
|
return u({
|
|
524
524
|
execute: L,
|
|
525
|
-
pagination:
|
|
525
|
+
pagination: c,
|
|
526
526
|
default_params: U,
|
|
527
|
-
selected_items:
|
|
528
|
-
atLeastOneSelected:
|
|
527
|
+
selected_items: p,
|
|
528
|
+
atLeastOneSelected: ie
|
|
529
529
|
}), te(() => {
|
|
530
|
-
|
|
530
|
+
ke(() => {
|
|
531
531
|
L();
|
|
532
532
|
});
|
|
533
533
|
}), (i, t) => (n(), a("div", null, [
|
|
534
534
|
s("div", {
|
|
535
|
-
class:
|
|
535
|
+
class: m(["", l.class_container])
|
|
536
536
|
}, [
|
|
537
537
|
O(i.$slots, "default", {}, void 0, !0),
|
|
538
538
|
s("div", {
|
|
539
|
-
class:
|
|
539
|
+
class: m(["", l.class_content])
|
|
540
540
|
}, [
|
|
541
|
-
s("div",
|
|
541
|
+
s("div", Ue, [
|
|
542
542
|
O(i.$slots, "pageSize", {
|
|
543
543
|
changePageSize: J,
|
|
544
|
-
|
|
544
|
+
limit_per_page: c.value.limit_per_page
|
|
545
545
|
}, () => [
|
|
546
|
-
s("div",
|
|
547
|
-
|
|
548
|
-
s("div",
|
|
546
|
+
s("div", Ye, [
|
|
547
|
+
A(g(l.first_text_page_size) + " ", 1),
|
|
548
|
+
s("div", Xe, [
|
|
549
549
|
ne(s("input", {
|
|
550
550
|
class: "form-control form-control-sm",
|
|
551
551
|
onChange: J,
|
|
552
|
-
"onUpdate:modelValue": t[0] || (t[0] = (r) =>
|
|
552
|
+
"onUpdate:modelValue": t[0] || (t[0] = (r) => c.value.limit_per_page = r),
|
|
553
553
|
min: "1",
|
|
554
554
|
size: "3",
|
|
555
555
|
"aria-label": "Número de nóticias por página"
|
|
556
556
|
}, null, 544), [
|
|
557
|
-
[ae,
|
|
557
|
+
[ae, c.value.limit_per_page]
|
|
558
558
|
])
|
|
559
559
|
]),
|
|
560
|
-
|
|
560
|
+
A(" " + g(l.second_text_page_size), 1)
|
|
561
561
|
])
|
|
562
562
|
], !0),
|
|
563
563
|
O(i.$slots, "fieldMiddle", {}, void 0, !0),
|
|
564
|
-
Q(
|
|
565
|
-
search:
|
|
566
|
-
"onUpdate:search": t[1] || (t[1] = (r) =>
|
|
567
|
-
filter:
|
|
568
|
-
"onUpdate:filter": t[2] || (t[2] = (r) =>
|
|
564
|
+
Q(Fe, {
|
|
565
|
+
search: c.value.search,
|
|
566
|
+
"onUpdate:search": t[1] || (t[1] = (r) => c.value.search = r),
|
|
567
|
+
filter: c.value.filter,
|
|
568
|
+
"onUpdate:filter": t[2] || (t[2] = (r) => c.value.filter = r),
|
|
569
569
|
list_filter: l.list_filter,
|
|
570
|
-
item_use:
|
|
571
|
-
onSearch:
|
|
570
|
+
item_use: re.value,
|
|
571
|
+
onSearch: pe
|
|
572
572
|
}, null, 8, ["search", "filter", "list_filter", "item_use"])
|
|
573
573
|
]),
|
|
574
|
-
l.use_checkbox &&
|
|
575
|
-
s("h4",
|
|
574
|
+
l.use_checkbox && p.value.length > 0 ? (n(), a("div", We, [
|
|
575
|
+
s("h4", Ge, [
|
|
576
576
|
t[4] || (t[4] = s("strong", null, "Itens Selecionados:", -1)),
|
|
577
|
-
|
|
577
|
+
A(" " + g(p.value.length), 1)
|
|
578
578
|
]),
|
|
579
579
|
s("button", {
|
|
580
580
|
class: "btn btn-outline-danger ms-3 bold",
|
|
581
|
-
onClick: t[3] || (t[3] = (r) =>
|
|
581
|
+
onClick: t[3] || (t[3] = (r) => p.value = [])
|
|
582
582
|
}, "Limpar Seleção")
|
|
583
583
|
])) : b("", !0),
|
|
584
|
-
|
|
584
|
+
oe.value ? (n(), a(M, { key: 1 }, [
|
|
585
585
|
l.custom_loading ? (n(), X(Z(l.custom_loading), { key: 0 })) : (n(), a("table", {
|
|
586
586
|
key: 1,
|
|
587
|
-
class:
|
|
587
|
+
class: m(["table table-vcenter table-selectable", l.class_table])
|
|
588
588
|
}, [
|
|
589
589
|
s("thead", null, [
|
|
590
590
|
s("tr", null, [
|
|
591
|
-
(n(!0), a(M, null,
|
|
591
|
+
(n(!0), a(M, null, T(d.value, (r) => (n(), a("th", {
|
|
592
592
|
key: r.field || r.header,
|
|
593
|
-
class:
|
|
593
|
+
class: m(r.class_column)
|
|
594
594
|
}, g(r.header), 3))), 128))
|
|
595
595
|
])
|
|
596
596
|
]),
|
|
597
597
|
s("tbody", null, [
|
|
598
|
-
l.type_loading === "placeholder" ? (n(!0), a(M, { key: 0 },
|
|
598
|
+
l.type_loading === "placeholder" ? (n(!0), a(M, { key: 0 }, T(c.value.limit_per_page, (r) => (n(), a("tr", {
|
|
599
599
|
key: "placeholder-" + r,
|
|
600
600
|
class: "placeholder-glow"
|
|
601
601
|
}, [
|
|
602
|
-
(n(!0), a(M, null,
|
|
602
|
+
(n(!0), a(M, null, T(d.value, (e) => (n(), a("td", {
|
|
603
603
|
key: e.field || e.header,
|
|
604
|
-
class:
|
|
604
|
+
class: m(e.class_row)
|
|
605
605
|
}, [
|
|
606
|
-
e.bodySlot ? (n(), a("span",
|
|
606
|
+
e.bodySlot ? (n(), a("span", Je, [...t[5] || (t[5] = [
|
|
607
607
|
s("span", { class: "placeholder col-8" }, null, -1)
|
|
608
608
|
])])) : e.type === "text" ? (n(), a("span", {
|
|
609
609
|
key: 1,
|
|
610
|
-
class:
|
|
610
|
+
class: m(e.class_item)
|
|
611
611
|
}, [...t[6] || (t[6] = [
|
|
612
612
|
s("span", { class: "placeholder col-8" }, null, -1)
|
|
613
|
-
])], 2)) : e.type === "date" ? (n(), a("span",
|
|
613
|
+
])], 2)) : e.type === "date" ? (n(), a("span", Qe, [...t[7] || (t[7] = [
|
|
614
614
|
s("span", { class: "placeholder col-9" }, null, -1)
|
|
615
615
|
])])) : e.type === "html" ? (n(), a("div", {
|
|
616
616
|
key: 3,
|
|
617
|
-
class:
|
|
617
|
+
class: m(e.class_item)
|
|
618
618
|
}, [...t[8] || (t[8] = [
|
|
619
619
|
s("div", { class: "placeholder col-12" }, null, -1)
|
|
620
620
|
])], 2)) : e.type === "img" ? (n(), a("div", {
|
|
621
621
|
key: 4,
|
|
622
|
-
class:
|
|
622
|
+
class: m(e.class_item)
|
|
623
623
|
}, [...t[9] || (t[9] = [
|
|
624
624
|
s("div", { class: "placeholder placeholder-img" }, null, -1)
|
|
625
|
-
])], 2)) : (n(), a("span",
|
|
626
|
-
t[10] || (t[10] =
|
|
627
|
-
s("span",
|
|
628
|
-
t[11] || (t[11] =
|
|
625
|
+
])], 2)) : (n(), a("span", Ze, [
|
|
626
|
+
t[10] || (t[10] = A("tipo ", -1)),
|
|
627
|
+
s("span", Re, g(e.type), 1),
|
|
628
|
+
t[11] || (t[11] = A(" não suportado ", -1))
|
|
629
629
|
]))
|
|
630
630
|
], 2))), 128))
|
|
631
|
-
]))), 128)) : l.type_loading === "spiner-table" ? (n(!0), a(M, { key: 1 },
|
|
631
|
+
]))), 128)) : l.type_loading === "spiner-table" ? (n(!0), a(M, { key: 1 }, T(c.value.limit_per_page, (r) => (n(), a("tr", {
|
|
632
632
|
key: "placeholder-" + r
|
|
633
633
|
}, [
|
|
634
|
-
(n(!0), a(M, null,
|
|
634
|
+
(n(!0), a(M, null, T(d.value, (e) => (n(), a("td", {
|
|
635
635
|
key: e.field || e.header,
|
|
636
|
-
class:
|
|
636
|
+
class: m(e.class_row)
|
|
637
637
|
}, [
|
|
638
|
-
e.bodySlot ? (n(), a("span",
|
|
638
|
+
e.bodySlot ? (n(), a("span", et, [...t[12] || (t[12] = [
|
|
639
639
|
s("span", {
|
|
640
640
|
class: "spinner-border spinner-border-sm",
|
|
641
641
|
role: "status",
|
|
@@ -643,14 +643,14 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
643
643
|
}, null, -1)
|
|
644
644
|
])])) : e.type === "text" ? (n(), a("span", {
|
|
645
645
|
key: 1,
|
|
646
|
-
class:
|
|
646
|
+
class: m(e.class_item)
|
|
647
647
|
}, [...t[13] || (t[13] = [
|
|
648
648
|
s("span", {
|
|
649
649
|
class: "spinner-border spinner-border-sm",
|
|
650
650
|
role: "status",
|
|
651
651
|
"aria-hidden": "true"
|
|
652
652
|
}, null, -1)
|
|
653
|
-
])], 2)) : e.type === "date" ? (n(), a("span",
|
|
653
|
+
])], 2)) : e.type === "date" ? (n(), a("span", tt, [...t[14] || (t[14] = [
|
|
654
654
|
s("span", {
|
|
655
655
|
class: "spinner-border spinner-border-sm",
|
|
656
656
|
role: "status",
|
|
@@ -658,7 +658,7 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
658
658
|
}, null, -1)
|
|
659
659
|
])])) : e.type === "html" ? (n(), a("div", {
|
|
660
660
|
key: 3,
|
|
661
|
-
class:
|
|
661
|
+
class: m(e.class_item)
|
|
662
662
|
}, [...t[15] || (t[15] = [
|
|
663
663
|
s("span", {
|
|
664
664
|
class: "spinner-border spinner-border-sm",
|
|
@@ -667,7 +667,7 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
667
667
|
}, null, -1)
|
|
668
668
|
])], 2)) : e.type === "img" ? (n(), a("div", {
|
|
669
669
|
key: 4,
|
|
670
|
-
class:
|
|
670
|
+
class: m(["", e.class_item])
|
|
671
671
|
}, [...t[16] || (t[16] = [
|
|
672
672
|
s("span", { class: "placeholder-img d-flex justify-content-center align-items-center" }, [
|
|
673
673
|
s("span", {
|
|
@@ -676,77 +676,77 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
676
676
|
"aria-hidden": "true"
|
|
677
677
|
})
|
|
678
678
|
], -1)
|
|
679
|
-
])], 2)) : (n(), a("span",
|
|
680
|
-
t[17] || (t[17] =
|
|
681
|
-
s("span",
|
|
682
|
-
t[18] || (t[18] =
|
|
679
|
+
])], 2)) : (n(), a("span", nt, [
|
|
680
|
+
t[17] || (t[17] = A("tipo ", -1)),
|
|
681
|
+
s("span", at, g(e.type), 1),
|
|
682
|
+
t[18] || (t[18] = A(" não suportado ", -1))
|
|
683
683
|
]))
|
|
684
684
|
], 2))), 128))
|
|
685
|
-
]))), 128)) : l.type_loading === "spiner" ? (n(!0), a(M, { key: 2 },
|
|
685
|
+
]))), 128)) : l.type_loading === "spiner" ? (n(!0), a(M, { key: 2 }, T(c.value.limit_per_page, (r) => (n(), a("tr", { key: r }, [
|
|
686
686
|
s("td", {
|
|
687
|
-
colspan:
|
|
687
|
+
colspan: d.value.length,
|
|
688
688
|
class: "text-center p-0",
|
|
689
689
|
style: { "border-bottom": "none" }
|
|
690
690
|
}, [
|
|
691
|
-
r === Math.floor(
|
|
691
|
+
r === Math.floor(c.value.limit_per_page / 2) + 1 ? (n(), a("div", lt, [...t[19] || (t[19] = [
|
|
692
692
|
s("div", {
|
|
693
693
|
class: "spinner-border",
|
|
694
694
|
style: { width: "3rem", height: "3rem" },
|
|
695
695
|
role: "status"
|
|
696
696
|
}, null, -1),
|
|
697
697
|
s("span", { class: "mt-2" }, "Carregando...", -1)
|
|
698
|
-
])])) : (n(), a("div",
|
|
699
|
-
], 8,
|
|
698
|
+
])])) : (n(), a("div", rt))
|
|
699
|
+
], 8, st)
|
|
700
700
|
]))), 128)) : b("", !0)
|
|
701
701
|
])
|
|
702
702
|
], 2)),
|
|
703
|
-
w(V) && w(V).current > 1 ? (n(), a("div",
|
|
704
|
-
], 64)) : w(K) ? (n(), a("div",
|
|
703
|
+
w(V) && w(V).current > 1 ? (n(), a("div", ot, " A conexão falhou. Tentando novamente... (Tentativa " + g(w(V).current) + " de " + g(w(V).total) + ") ", 1)) : b("", !0)
|
|
704
|
+
], 64)) : w(K) ? (n(), a("div", it, [
|
|
705
705
|
t[20] || (t[20] = s("h4", { class: "text-danger" }, "Ocorreu um Erro", -1)),
|
|
706
|
-
w(V) ? (n(), a("p",
|
|
706
|
+
w(V) ? (n(), a("p", ut, " Não foi possível carregar os dados após " + g(w(V).total) + " tentativa(s). ", 1)) : (n(), a("p", dt, " Não foi possível carregar os dados. Verifique sua conexão. ")),
|
|
707
707
|
s("button", {
|
|
708
708
|
class: "btn btn-primary mt-2",
|
|
709
709
|
onClick: L
|
|
710
710
|
}, " Tentar Novamente ")
|
|
711
|
-
])) :
|
|
712
|
-
|
|
711
|
+
])) : h.value ? (n(), a("div", ct, [
|
|
712
|
+
h.value.length > 0 ? (n(), a("div", pt, [
|
|
713
713
|
s("table", {
|
|
714
|
-
class:
|
|
714
|
+
class: m(["table table-vcenter table-selectable", l.class_table])
|
|
715
715
|
}, [
|
|
716
716
|
s("thead", null, [
|
|
717
717
|
s("tr", null, [
|
|
718
|
-
l.use_checkbox ? (n(), a("th",
|
|
718
|
+
l.use_checkbox ? (n(), a("th", _t, [
|
|
719
719
|
s("input", {
|
|
720
720
|
class: "form-check-input m-0",
|
|
721
721
|
type: "checkbox",
|
|
722
722
|
ref_key: "selectAllCheckbox",
|
|
723
|
-
ref:
|
|
724
|
-
onChange:
|
|
723
|
+
ref: k,
|
|
724
|
+
onChange: ue,
|
|
725
725
|
"aria-label": "Selecionar todos os itens na página"
|
|
726
726
|
}, null, 544)
|
|
727
727
|
])) : b("", !0),
|
|
728
|
-
(n(!0), a(M, null,
|
|
728
|
+
(n(!0), a(M, null, T(d.value, (r) => (n(), a("th", {
|
|
729
729
|
key: r.field || r.header,
|
|
730
|
-
class:
|
|
730
|
+
class: m(r.class_column)
|
|
731
731
|
}, g(r.header), 3))), 128))
|
|
732
732
|
])
|
|
733
733
|
]),
|
|
734
734
|
s("tbody", null, [
|
|
735
|
-
(n(!0), a(M, null,
|
|
735
|
+
(n(!0), a(M, null, T(h.value, (r) => (n(), a("tr", {
|
|
736
736
|
key: r[l.item_key]
|
|
737
737
|
}, [
|
|
738
|
-
l.use_checkbox ? (n(), a("td",
|
|
738
|
+
l.use_checkbox ? (n(), a("td", mt, [
|
|
739
739
|
s("input", {
|
|
740
740
|
class: "form-check-input m-0",
|
|
741
741
|
type: "checkbox",
|
|
742
742
|
checked: I(r),
|
|
743
|
-
onChange: (e) =>
|
|
743
|
+
onChange: (e) => de(r),
|
|
744
744
|
"aria-label": "Selecionar este item"
|
|
745
|
-
}, null, 40,
|
|
745
|
+
}, null, 40, ft)
|
|
746
746
|
])) : b("", !0),
|
|
747
|
-
(n(!0), a(M, null,
|
|
747
|
+
(n(!0), a(M, null, T(d.value, (e) => (n(), a("td", {
|
|
748
748
|
key: e.field || e.header,
|
|
749
|
-
class:
|
|
749
|
+
class: m(e.class_row)
|
|
750
750
|
}, [
|
|
751
751
|
e.bodySlot ? (n(), X(Z(e.bodySlot), {
|
|
752
752
|
key: 0,
|
|
@@ -755,75 +755,75 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
755
755
|
}, null, 8, ["item", "is-selected"])) : e.type === "text" ? (n(), a("span", {
|
|
756
756
|
key: 1,
|
|
757
757
|
onClick: (S) => e.click ? e.click(r) : null,
|
|
758
|
-
class:
|
|
759
|
-
}, g(
|
|
758
|
+
class: m(e.class_item + (e.click ? " cursor-pointer" : ""))
|
|
759
|
+
}, g(_e(E(e.field, r, e.transform_function), e.limite_text ?? null)), 11, gt)) : e.type === "date" ? (n(), a("span", {
|
|
760
760
|
key: 2,
|
|
761
761
|
onClick: (S) => e.click ? e.click(r) : null,
|
|
762
|
-
class:
|
|
762
|
+
class: m(e.class_item + (e.click ? " cursor-pointer" : ""))
|
|
763
763
|
}, [
|
|
764
|
-
e.format === "complete" ? (n(), a("span",
|
|
765
|
-
e.format === "simple" ? (n(), a("span",
|
|
764
|
+
e.format === "complete" ? (n(), a("span", ht, g(new Date(E(e.field, r)).toLocaleString()), 1)) : b("", !0),
|
|
765
|
+
e.format === "simple" ? (n(), a("span", yt, g(new Date(E(
|
|
766
766
|
e.field,
|
|
767
767
|
r
|
|
768
768
|
)).toLocaleDateString()), 1)) : b("", !0)
|
|
769
|
-
], 10,
|
|
769
|
+
], 10, vt)) : e.type === "html" ? (n(), a("div", {
|
|
770
770
|
key: 3,
|
|
771
771
|
onClick: (S) => e.click ? e.click(r) : null,
|
|
772
|
-
class:
|
|
773
|
-
innerHTML:
|
|
774
|
-
}, null, 10,
|
|
772
|
+
class: m(e.class_item + (e.click ? " cursor-pointer" : "")),
|
|
773
|
+
innerHTML: E(e.field, r)
|
|
774
|
+
}, null, 10, kt)) : e.type === "img" ? (n(), a("div", {
|
|
775
775
|
key: 4,
|
|
776
776
|
onClick: (S) => e.click ? e.click(r) : null,
|
|
777
|
-
class:
|
|
777
|
+
class: m(e.class_item + (e.click ? " cursor-pointer" : ""))
|
|
778
778
|
}, [
|
|
779
|
-
|
|
779
|
+
E(e.field, r) ? (n(), a("div", be({
|
|
780
780
|
key: 0,
|
|
781
781
|
ref_for: !0
|
|
782
782
|
}, e.deactivate_img_preview ? {
|
|
783
783
|
class: "container-img"
|
|
784
784
|
} : {
|
|
785
|
-
onMouseover: (S) => w(C)(S,
|
|
786
|
-
onMousemove: w(
|
|
787
|
-
onMouseleave: w(
|
|
785
|
+
onMouseover: (S) => w(C)(S, E(e.field, r)),
|
|
786
|
+
onMousemove: w(D),
|
|
787
|
+
onMouseleave: w(H),
|
|
788
788
|
class: "container-img container-img-preview"
|
|
789
789
|
}), [
|
|
790
790
|
s("img", {
|
|
791
791
|
class: "img-tamanho",
|
|
792
|
-
src:
|
|
793
|
-
}, null, 8,
|
|
792
|
+
src: E(e.field, r)
|
|
793
|
+
}, null, 8, xt),
|
|
794
794
|
s("img", {
|
|
795
795
|
class: "img-tamanho-cover",
|
|
796
|
-
src:
|
|
797
|
-
}, null, 8,
|
|
796
|
+
src: E(e.field, r)
|
|
797
|
+
}, null, 8, wt),
|
|
798
798
|
t[21] || (t[21] = s("div", { class: "bg-img" }, null, -1))
|
|
799
799
|
], 16)) : b("", !0)
|
|
800
|
-
], 10,
|
|
801
|
-
t[22] || (t[22] =
|
|
802
|
-
s("span",
|
|
803
|
-
t[23] || (t[23] =
|
|
800
|
+
], 10, bt)) : (n(), a("span", Ct, [
|
|
801
|
+
t[22] || (t[22] = A("tipo ", -1)),
|
|
802
|
+
s("span", $t, g(e.type), 1),
|
|
803
|
+
t[23] || (t[23] = A(" não suportado", -1))
|
|
804
804
|
]))
|
|
805
805
|
], 2))), 128))
|
|
806
806
|
]))), 128))
|
|
807
807
|
])
|
|
808
808
|
], 2)
|
|
809
|
-
])) : (n(), a("div",
|
|
809
|
+
])) : (n(), a("div", St, [...t[24] || (t[24] = [
|
|
810
810
|
s("p", { class: "m-0" }, "Nenhum item encontrado.", -1)
|
|
811
811
|
])]))
|
|
812
812
|
])) : b("", !0)
|
|
813
813
|
], 2)
|
|
814
814
|
], 2),
|
|
815
815
|
O(i.$slots, "pagination", {
|
|
816
|
-
pagination:
|
|
816
|
+
pagination: c.value,
|
|
817
817
|
tradePage: L,
|
|
818
818
|
error: w(K)
|
|
819
819
|
}, () => [
|
|
820
|
-
!w(K) &&
|
|
820
|
+
!w(K) && c.value.count > 0 ? (n(), a("div", {
|
|
821
821
|
key: 0,
|
|
822
|
-
class:
|
|
822
|
+
class: m(["mt-3 px-3", l.class_pagination])
|
|
823
823
|
}, [
|
|
824
|
-
Q(
|
|
824
|
+
Q(He, {
|
|
825
825
|
filtering: !0,
|
|
826
|
-
pagination:
|
|
826
|
+
pagination: c.value,
|
|
827
827
|
onTradePage: L
|
|
828
828
|
}, null, 8, ["pagination"])
|
|
829
829
|
], 2)) : b("", !0)
|
|
@@ -831,18 +831,18 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
831
831
|
w(o) ? (n(), a("div", {
|
|
832
832
|
key: 0,
|
|
833
833
|
class: "image-preview-container",
|
|
834
|
-
style:
|
|
834
|
+
style: xe(w(v))
|
|
835
835
|
}, [
|
|
836
836
|
s("img", {
|
|
837
837
|
src: w(f),
|
|
838
838
|
alt: "Preview",
|
|
839
839
|
class: "image-preview-large"
|
|
840
|
-
}, null, 8,
|
|
840
|
+
}, null, 8, Mt)
|
|
841
841
|
], 4)) : b("", !0)
|
|
842
842
|
]));
|
|
843
843
|
}
|
|
844
|
-
}),
|
|
844
|
+
}), Nt = /* @__PURE__ */ W(Pt, [["__scopeId", "data-v-4000deb4"]]);
|
|
845
845
|
export {
|
|
846
|
-
|
|
847
|
-
|
|
846
|
+
zt as VColumn,
|
|
847
|
+
Nt as VDataTable
|
|
848
848
|
};
|
package/package.json
CHANGED
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
<slot></slot>
|
|
5
5
|
<div class="" :class="props.class_content">
|
|
6
6
|
<div class="d-flex justify-content-between align-items-start mb-2">
|
|
7
|
-
<slot name="pageSize" :changePageSize="changePageSize" :
|
|
7
|
+
<slot name="pageSize" :changePageSize="changePageSize" :limit_per_page="pagination.limit_per_page">
|
|
8
8
|
<div class="text-secondary">
|
|
9
9
|
{{ props.first_text_page_size }}
|
|
10
10
|
<div class="mx-2 d-inline-block">
|
|
11
|
-
<input class="form-control form-control-sm" @change="changePageSize" v-model="
|
|
11
|
+
<input class="form-control form-control-sm" @change="changePageSize" v-model="pagination.limit_per_page" min="1"
|
|
12
12
|
size="3" aria-label="Número de nóticias por página" />
|
|
13
13
|
</div>
|
|
14
14
|
{{ props.second_text_page_size }}
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
</thead>
|
|
44
44
|
<tbody>
|
|
45
45
|
<template v-if="props.type_loading === 'placeholder'">
|
|
46
|
-
<tr v-for="n in
|
|
46
|
+
<tr v-for="n in pagination.limit_per_page" :key="'placeholder-' + n" class="placeholder-glow">
|
|
47
47
|
<td v-for="col in columns" :key="col.field || col.header" :class="col.class_row">
|
|
48
48
|
<span v-if="col.bodySlot">
|
|
49
49
|
<span class="placeholder col-8"></span>
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
</tr>
|
|
70
70
|
</template>
|
|
71
71
|
<template v-else-if="props.type_loading === 'spiner-table'">
|
|
72
|
-
<tr v-for="n in
|
|
72
|
+
<tr v-for="n in pagination.limit_per_page" :key="'placeholder-' + n">
|
|
73
73
|
<td v-for="col in columns" :key="col.field || col.header" :class="col.class_row">
|
|
74
74
|
<span v-if="col.bodySlot">
|
|
75
75
|
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
|
|
@@ -98,9 +98,9 @@
|
|
|
98
98
|
|
|
99
99
|
</template>
|
|
100
100
|
<template v-else-if="props.type_loading === 'spiner'">
|
|
101
|
-
<tr v-for="n in
|
|
101
|
+
<tr v-for="n in pagination.limit_per_page" :key="n">
|
|
102
102
|
<td :colspan="columns.length" class="text-center p-0" style="border-bottom: none;">
|
|
103
|
-
<div v-if="n === Math.floor(
|
|
103
|
+
<div v-if="n === Math.floor(pagination.limit_per_page / 2) + 1"
|
|
104
104
|
class="d-flex flex-column justify-content-center align-items-center" style="height: 6rem;">
|
|
105
105
|
<div class="spinner-border" style="width: 3rem; height: 3rem;" role="status">
|
|
106
106
|
</div>
|
|
@@ -334,7 +334,7 @@ const props = withDefaults(defineProps<VDataTableProps>(), {
|
|
|
334
334
|
// 2. ESTADO REATIVO PRINCIPAL
|
|
335
335
|
// =======================================================
|
|
336
336
|
|
|
337
|
-
|
|
337
|
+
|
|
338
338
|
const columns = ref<ColumnConfiguration[]>([]);
|
|
339
339
|
const items = ref<T[]>([]) as Ref<T[]>;
|
|
340
340
|
const totalItems = ref<number>(0);
|
|
@@ -530,14 +530,11 @@ const changePageSize = (event: Event): void => {
|
|
|
530
530
|
const target = event.target as HTMLInputElement;
|
|
531
531
|
const newSize = parseInt(target.value, 10);
|
|
532
532
|
if (newSize > 0) {
|
|
533
|
-
|
|
533
|
+
pagination.value.limit_per_page = newSize;
|
|
534
534
|
pagination.value.limit_per_page = newSize; // Atualiza o limite de itens por página
|
|
535
535
|
pagination.value.current_page = 0;
|
|
536
536
|
fetchDataWithDelay();
|
|
537
|
-
}
|
|
538
|
-
// toast.showToast("Erro", "Tamanho da página deve ser maior que 0", 2);
|
|
539
|
-
page_size.value = pagination.value.limit_per_page; // Reseta para o valor anterior
|
|
540
|
-
}
|
|
537
|
+
}
|
|
541
538
|
};
|
|
542
539
|
|
|
543
540
|
function getSubItem(field: string | null, item: T, transform_function: ((value: any) => any) | null = null): any {
|