v-sistec-features 1.2.0 → 1.2.1
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-d20778cd]{overflow-x:auto}.state-feedback[data-v-d20778cd]{padding:1rem;text-align:center}.state-feedback.error[data-v-d20778cd]{color:red}.pagination-controls[data-v-d20778cd]{margin-top:1rem;display:flex;justify-content:space-between}.placeholder-img[data-v-d20778cd]{width:40px;height:40px;border-radius:4px}.container-img[data-v-d20778cd]{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-d20778cd]{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-d20778cd]{object-fit:contain;width:100%;height:100%;z-index:2}.container-img.container-img-preview[data-v-d20778cd]{cursor:pointer}.container-img.container-img-preview[data-v-d20778cd]: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-d20778cd]{opacity:.3}.erro-custom-container[data-v-d20778cd]{display:inline-block;padding:.2em .6em;border-radius:4px;background-color:#fff;font-weight:700;text-transform:uppercase}.erro-custom-text[data-v-d20778cd]{font-size:.8em;text-transform:uppercase;font-weight:700}.bg-img[data-v-d20778cd]{background-color:#0000004d;position:absolute;top:0;width:100%;height:100%;z-index:1}.image-preview-container[data-v-d20778cd]{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-d20778cd]{display:block;max-width:250px;max-height:250px;border-radius:4px}.form-check-input[data-v-d20778cd]{border-width:1px!important;border-color:#00000064!important;width:17px;height:17px}[data-bs-theme=dark] .form-check-input[data-v-d20778cd]{border-color:#ffffff5f!important}
|
package/dist/vDataTable.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as F, useSlots as fe, inject as
|
|
1
|
+
import { defineComponent as F, useSlots as fe, inject as ge, onMounted as te, computed as T, createElementBlock as a, createCommentVNode as b, openBlock as n, createElementVNode as s, toDisplayString as g, withModifiers as j, Fragment as M, renderList as z, normalizeClass as _, watch as q, resolveComponent as ve, withDirectives as ne, withKeys as he, vModelText as ae, createBlock as X, withCtx as ye, createTextVNode as N, ref as P, provide as ke, nextTick as be, renderSlot as O, createVNode as Q, resolveDynamicComponent as Z, unref as w, mergeProps as xe, normalizeStyle as we } from "vue";
|
|
2
2
|
const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
3
3
|
__name: "VColumn",
|
|
4
4
|
props: {
|
|
@@ -15,16 +15,16 @@ 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 = fe(), f =
|
|
18
|
+
const u = y, o = fe(), f = ge(se);
|
|
19
19
|
if (!f)
|
|
20
20
|
throw new Error("VColumn deve ser usado dentro de um VDataTable.");
|
|
21
|
-
const
|
|
21
|
+
const v = ["text", "img", "date", "html"];
|
|
22
22
|
return te(() => {
|
|
23
23
|
if (u.field !== null && !u.field)
|
|
24
24
|
throw new Error('A propriedade "field" é obrigatória em VColumn.');
|
|
25
25
|
if (!u.header)
|
|
26
26
|
throw new Error('A propriedade "header" é obrigatória em VColumn.');
|
|
27
|
-
if (u.field !== null && !
|
|
27
|
+
if (u.field !== null && !v.includes(u.type))
|
|
28
28
|
throw new Error(`O tipo "${u.type}" não é suportado em VColumn. Tipos suportados: text, img, date, html.`);
|
|
29
29
|
if (u.limite_text) {
|
|
30
30
|
if (u.type !== "text")
|
|
@@ -82,20 +82,20 @@ 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,
|
|
85
|
+
const o = y, f = u, v = T(() => o.pagination.limit_per_page ? Math.ceil(o.pagination.count / o.pagination.limit_per_page) : 0), C = T(() => o.pagination.current_page + 1 < v.value ? o.pagination.current_page + 1 : null), A = () => {
|
|
86
86
|
o.pagination.current_page++, f("tradePage");
|
|
87
87
|
}, E = ($) => {
|
|
88
88
|
o.pagination.current_page = $ - 1, f("tradePage");
|
|
89
89
|
}, l = () => {
|
|
90
|
-
o.pagination.current_page =
|
|
90
|
+
o.pagination.current_page = v.value - 1, f("tradePage");
|
|
91
91
|
}, d = () => {
|
|
92
92
|
o.pagination.current_page = 0, f("tradePage");
|
|
93
93
|
}, k = () => {
|
|
94
94
|
o.pagination.current_page > 0 && (o.pagination.current_page--, f("tradePage"));
|
|
95
95
|
}, c = T(() => {
|
|
96
|
-
if (
|
|
97
|
-
return Array.from({ length:
|
|
98
|
-
const $ = o.pagination.current_page + 1, m =
|
|
96
|
+
if (v.value <= 7)
|
|
97
|
+
return Array.from({ length: v.value }, (p, B) => B + 1);
|
|
98
|
+
const $ = o.pagination.current_page + 1, m = v.value, h = /* @__PURE__ */ new Set([
|
|
99
99
|
1,
|
|
100
100
|
2,
|
|
101
101
|
// Sempre mostra as 2 primeiras
|
|
@@ -113,8 +113,8 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
113
113
|
}), x;
|
|
114
114
|
});
|
|
115
115
|
return ($, m) => o.pagination.count > 0 ? (n(), a("div", Ce, [
|
|
116
|
-
s("span", null, " Mostrando de " +
|
|
117
|
-
|
|
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", $e, [
|
|
118
118
|
s("div", Se, [
|
|
119
119
|
s("button", {
|
|
120
120
|
class: "btn btn-estilo",
|
|
@@ -136,7 +136,7 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
136
136
|
class: _([o.pagination.current_page + 1 == h ? "page-select" : "", "page-estilo"]),
|
|
137
137
|
onClick: j((H) => E(h), ["prevent"]),
|
|
138
138
|
disabled: o.pagination.current_page + 1 == h
|
|
139
|
-
},
|
|
139
|
+
}, g(h), 11, Te)) : (n(), a("span", Ne, "..."))
|
|
140
140
|
], 64))), 128))
|
|
141
141
|
]),
|
|
142
142
|
s("div", Ae, [
|
|
@@ -158,8 +158,8 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
158
158
|
}
|
|
159
159
|
}), W = (y, u) => {
|
|
160
160
|
const o = y.__vccOpts || y;
|
|
161
|
-
for (const [f,
|
|
162
|
-
o[f] =
|
|
161
|
+
for (const [f, v] of u)
|
|
162
|
+
o[f] = v;
|
|
163
163
|
return o;
|
|
164
164
|
}, Le = /* @__PURE__ */ W(He, [["__scopeId", "data-v-c189f089"]]), Ve = { class: "dropdown d-flex" }, je = {
|
|
165
165
|
key: 0,
|
|
@@ -183,7 +183,7 @@ 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,
|
|
186
|
+
const o = y, f = u, v = T({
|
|
187
187
|
get: () => o.search,
|
|
188
188
|
set: (l) => f("update:search", l)
|
|
189
189
|
}), C = T({
|
|
@@ -205,10 +205,10 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
205
205
|
C.value === l ? C.value = "" : C.value = l;
|
|
206
206
|
}
|
|
207
207
|
function E() {
|
|
208
|
-
|
|
208
|
+
v.value = "", f("search");
|
|
209
209
|
}
|
|
210
210
|
return (l, d) => {
|
|
211
|
-
const k =
|
|
211
|
+
const k = ve("router-link");
|
|
212
212
|
return n(), a("div", Ve, [
|
|
213
213
|
y.item_use.includes(2) ? (n(), a("a", je, [...d[3] || (d[3] = [
|
|
214
214
|
s("svg", {
|
|
@@ -236,13 +236,13 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
236
236
|
type: "text",
|
|
237
237
|
class: "form-control ms-1",
|
|
238
238
|
id: "inputSearchLaudos",
|
|
239
|
-
"onUpdate:modelValue": d[0] || (d[0] = (c) =>
|
|
239
|
+
"onUpdate:modelValue": d[0] || (d[0] = (c) => v.value = c),
|
|
240
240
|
onKeyup: d[1] || (d[1] = he((c) => l.$emit("search"), ["enter"])),
|
|
241
241
|
placeholder: "Buscar..."
|
|
242
242
|
}, null, 544), [
|
|
243
|
-
[ae,
|
|
243
|
+
[ae, v.value]
|
|
244
244
|
]),
|
|
245
|
-
|
|
245
|
+
v.value ? (n(), a("span", {
|
|
246
246
|
key: 0,
|
|
247
247
|
onClick: d[2] || (d[2] = (c) => E()),
|
|
248
248
|
class: "inputClose",
|
|
@@ -299,14 +299,14 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
299
299
|
class: "dropdown-item cursor-pointer"
|
|
300
300
|
}, {
|
|
301
301
|
default: ye(() => [
|
|
302
|
-
N(
|
|
302
|
+
N(g(c.text), 1)
|
|
303
303
|
]),
|
|
304
304
|
_: 2
|
|
305
305
|
}, 1032, ["to"])) : !("type" in c) || c.type === 2 ? (n(), a("a", {
|
|
306
306
|
key: 1,
|
|
307
307
|
onClick: j((m) => A(String(c.value)), ["prevent"]),
|
|
308
308
|
class: _(["dropdown-item cursor-pointer", C.value === c?.value ? "bg-info text-dark selected" : ""])
|
|
309
|
-
},
|
|
309
|
+
}, g(c.text), 11, qe)) : b("", !0)
|
|
310
310
|
], 64))), 128))
|
|
311
311
|
])) : b("", !0)
|
|
312
312
|
]);
|
|
@@ -314,7 +314,7 @@ const se = Symbol("v-datatable-key"), Nt = /* @__PURE__ */ F({
|
|
|
314
314
|
}
|
|
315
315
|
}), Ke = /* @__PURE__ */ W(Fe, [["__scopeId", "data-v-1b6ff54b"]]);
|
|
316
316
|
function Ue() {
|
|
317
|
-
const y = P(!1), u = P(""), o = P(0), f = P(0),
|
|
317
|
+
const y = P(!1), u = P(""), o = P(0), f = P(0), v = T(() => ({
|
|
318
318
|
position: "fixed",
|
|
319
319
|
zIndex: 9999,
|
|
320
320
|
pointerEvents: "none",
|
|
@@ -338,7 +338,7 @@ function Ue() {
|
|
|
338
338
|
return {
|
|
339
339
|
isHovering: y,
|
|
340
340
|
previewSrc: u,
|
|
341
|
-
previewStyle:
|
|
341
|
+
previewStyle: v,
|
|
342
342
|
handleMouseOver: A,
|
|
343
343
|
handleMouseMove: E,
|
|
344
344
|
handleMouseLeave: l
|
|
@@ -382,7 +382,7 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
382
382
|
}, ft = {
|
|
383
383
|
key: 0,
|
|
384
384
|
class: "w-1"
|
|
385
|
-
},
|
|
385
|
+
}, gt = ["checked", "onChange"], vt = ["onClick"], ht = ["onClick"], yt = { key: 0 }, kt = { key: 1 }, bt = ["onClick", "innerHTML"], xt = ["onClick"], wt = ["src"], Ct = ["src"], $t = {
|
|
386
386
|
key: 5,
|
|
387
387
|
class: "text-danger erro-custom-container"
|
|
388
388
|
}, St = { class: "badge bg-orange text-white erro-custom-text" }, Mt = {
|
|
@@ -415,13 +415,14 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
415
415
|
retry_attempts: { default: 3 },
|
|
416
416
|
retry_delay: { default: 2e3 },
|
|
417
417
|
use_checkbox: { type: Boolean, default: !1 },
|
|
418
|
-
item_key: { default: "id" }
|
|
418
|
+
item_key: { default: "id" },
|
|
419
|
+
limit_per_page: { default: 5 }
|
|
419
420
|
},
|
|
420
421
|
setup(y, { expose: u }) {
|
|
421
422
|
const {
|
|
422
423
|
isHovering: o,
|
|
423
424
|
previewSrc: f,
|
|
424
|
-
previewStyle:
|
|
425
|
+
previewStyle: v,
|
|
425
426
|
handleMouseOver: C,
|
|
426
427
|
handleMouseMove: A,
|
|
427
428
|
handleMouseLeave: E
|
|
@@ -430,7 +431,7 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
430
431
|
// pagina atual
|
|
431
432
|
count: 0,
|
|
432
433
|
// total de itens
|
|
433
|
-
limit_per_page:
|
|
434
|
+
limit_per_page: l.limit_per_page,
|
|
434
435
|
// limite de itens por página
|
|
435
436
|
search: "",
|
|
436
437
|
// termo de busca
|
|
@@ -543,7 +544,7 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
543
544
|
page_size: d.value
|
|
544
545
|
}, () => [
|
|
545
546
|
s("div", Xe, [
|
|
546
|
-
N(
|
|
547
|
+
N(g(l.first_text_page_size) + " ", 1),
|
|
547
548
|
s("div", We, [
|
|
548
549
|
ne(s("input", {
|
|
549
550
|
class: "form-control form-control-sm",
|
|
@@ -556,7 +557,7 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
556
557
|
[ae, d.value]
|
|
557
558
|
])
|
|
558
559
|
]),
|
|
559
|
-
N(" " +
|
|
560
|
+
N(" " + g(l.second_text_page_size), 1)
|
|
560
561
|
])
|
|
561
562
|
], !0),
|
|
562
563
|
O(i.$slots, "fieldMiddle", {}, void 0, !0),
|
|
@@ -573,7 +574,7 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
573
574
|
l.use_checkbox && m.value.length > 0 ? (n(), a("div", Ge, [
|
|
574
575
|
s("h4", Je, [
|
|
575
576
|
t[4] || (t[4] = s("strong", null, "Itens Selecionados:", -1)),
|
|
576
|
-
N(" " +
|
|
577
|
+
N(" " + g(m.value.length), 1)
|
|
577
578
|
]),
|
|
578
579
|
s("button", {
|
|
579
580
|
class: "btn btn-outline-danger ms-3 bold",
|
|
@@ -590,7 +591,7 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
590
591
|
(n(!0), a(M, null, z(k.value, (r) => (n(), a("th", {
|
|
591
592
|
key: r.field || r.header,
|
|
592
593
|
class: _(r.class_column)
|
|
593
|
-
},
|
|
594
|
+
}, g(r.header), 3))), 128))
|
|
594
595
|
])
|
|
595
596
|
]),
|
|
596
597
|
s("tbody", null, [
|
|
@@ -623,7 +624,7 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
623
624
|
s("div", { class: "placeholder placeholder-img" }, null, -1)
|
|
624
625
|
])], 2)) : (n(), a("span", Re, [
|
|
625
626
|
t[10] || (t[10] = N("tipo ", -1)),
|
|
626
|
-
s("span", et,
|
|
627
|
+
s("span", et, g(e.type), 1),
|
|
627
628
|
t[11] || (t[11] = N(" não suportado ", -1))
|
|
628
629
|
]))
|
|
629
630
|
], 2))), 128))
|
|
@@ -677,7 +678,7 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
677
678
|
], -1)
|
|
678
679
|
])], 2)) : (n(), a("span", at, [
|
|
679
680
|
t[17] || (t[17] = N("tipo ", -1)),
|
|
680
|
-
s("span", st,
|
|
681
|
+
s("span", st, g(e.type), 1),
|
|
681
682
|
t[18] || (t[18] = N(" não suportado ", -1))
|
|
682
683
|
]))
|
|
683
684
|
], 2))), 128))
|
|
@@ -699,10 +700,10 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
699
700
|
]))), 128)) : b("", !0)
|
|
700
701
|
])
|
|
701
702
|
], 2)),
|
|
702
|
-
w(V) && w(V).current > 1 ? (n(), a("div", it, " A conexão falhou. Tentando novamente... (Tentativa " +
|
|
703
|
+
w(V) && w(V).current > 1 ? (n(), a("div", it, " A conexão falhou. Tentando novamente... (Tentativa " + g(w(V).current) + " de " + g(w(V).total) + ") ", 1)) : b("", !0)
|
|
703
704
|
], 64)) : w(K) ? (n(), a("div", ut, [
|
|
704
705
|
t[20] || (t[20] = s("h4", { class: "text-danger" }, "Ocorreu um Erro", -1)),
|
|
705
|
-
w(V) ? (n(), a("p", dt, " Não foi possível carregar os dados após " +
|
|
706
|
+
w(V) ? (n(), a("p", dt, " Não foi possível carregar os dados após " + g(w(V).total) + " tentativa(s). ", 1)) : (n(), a("p", ct, " Não foi possível carregar os dados. Verifique sua conexão. ")),
|
|
706
707
|
s("button", {
|
|
707
708
|
class: "btn btn-primary mt-2",
|
|
708
709
|
onClick: L
|
|
@@ -727,7 +728,7 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
727
728
|
(n(!0), a(M, null, z(k.value, (r) => (n(), a("th", {
|
|
728
729
|
key: r.field || r.header,
|
|
729
730
|
class: _(r.class_column)
|
|
730
|
-
},
|
|
731
|
+
}, g(r.header), 3))), 128))
|
|
731
732
|
])
|
|
732
733
|
]),
|
|
733
734
|
s("tbody", null, [
|
|
@@ -741,7 +742,7 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
741
742
|
checked: I(r),
|
|
742
743
|
onChange: (e) => ce(r),
|
|
743
744
|
"aria-label": "Selecionar este item"
|
|
744
|
-
}, null, 40,
|
|
745
|
+
}, null, 40, gt)
|
|
745
746
|
])) : b("", !0),
|
|
746
747
|
(n(!0), a(M, null, z(k.value, (e) => (n(), a("td", {
|
|
747
748
|
key: e.field || e.header,
|
|
@@ -755,13 +756,13 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
755
756
|
key: 1,
|
|
756
757
|
onClick: (S) => e.click ? e.click(r) : null,
|
|
757
758
|
class: _(e.class_item + (e.click ? " cursor-pointer" : ""))
|
|
758
|
-
},
|
|
759
|
+
}, g(me(D(e.field, r, e.transform_function), e.limite_text ?? null)), 11, vt)) : e.type === "date" ? (n(), a("span", {
|
|
759
760
|
key: 2,
|
|
760
761
|
onClick: (S) => e.click ? e.click(r) : null,
|
|
761
762
|
class: _(e.class_item + (e.click ? " cursor-pointer" : ""))
|
|
762
763
|
}, [
|
|
763
|
-
e.format === "complete" ? (n(), a("span", yt,
|
|
764
|
-
e.format === "simple" ? (n(), a("span", kt,
|
|
764
|
+
e.format === "complete" ? (n(), a("span", yt, g(new Date(D(e.field, r)).toLocaleString()), 1)) : b("", !0),
|
|
765
|
+
e.format === "simple" ? (n(), a("span", kt, g(new Date(D(
|
|
765
766
|
e.field,
|
|
766
767
|
r
|
|
767
768
|
)).toLocaleDateString()), 1)) : b("", !0)
|
|
@@ -798,7 +799,7 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
798
799
|
], 16)) : b("", !0)
|
|
799
800
|
], 10, xt)) : (n(), a("span", $t, [
|
|
800
801
|
t[22] || (t[22] = N("tipo ", -1)),
|
|
801
|
-
s("span", St,
|
|
802
|
+
s("span", St, g(e.type), 1),
|
|
802
803
|
t[23] || (t[23] = N(" não suportado", -1))
|
|
803
804
|
]))
|
|
804
805
|
], 2))), 128))
|
|
@@ -830,7 +831,7 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
830
831
|
w(o) ? (n(), a("div", {
|
|
831
832
|
key: 0,
|
|
832
833
|
class: "image-preview-container",
|
|
833
|
-
style: we(w(
|
|
834
|
+
style: we(w(v))
|
|
834
835
|
}, [
|
|
835
836
|
s("img", {
|
|
836
837
|
src: w(f),
|
|
@@ -840,7 +841,7 @@ const Ye = { class: "d-flex justify-content-between align-items-start mb-2" }, X
|
|
|
840
841
|
], 4)) : b("", !0)
|
|
841
842
|
]));
|
|
842
843
|
}
|
|
843
|
-
}), At = /* @__PURE__ */ W(zt, [["__scopeId", "data-v-
|
|
844
|
+
}), At = /* @__PURE__ */ W(zt, [["__scopeId", "data-v-d20778cd"]]);
|
|
844
845
|
export {
|
|
845
846
|
Nt as VColumn,
|
|
846
847
|
At as VDataTable
|
package/package.json
CHANGED
|
@@ -287,6 +287,8 @@ interface VDataTableProps {
|
|
|
287
287
|
use_checkbox?: boolean;
|
|
288
288
|
// Define qual propriedade do item será usada como chave única para a seleção.
|
|
289
289
|
item_key?: string;
|
|
290
|
+
|
|
291
|
+
limit_per_page?: number;
|
|
290
292
|
}
|
|
291
293
|
|
|
292
294
|
interface ExposedFunctions {
|
|
@@ -324,6 +326,7 @@ const props = withDefaults(defineProps<VDataTableProps>(), {
|
|
|
324
326
|
item_key: 'id',
|
|
325
327
|
first_text_page_size: 'Mostrar',
|
|
326
328
|
second_text_page_size: 'registros',
|
|
329
|
+
limit_per_page: 5,
|
|
327
330
|
});
|
|
328
331
|
|
|
329
332
|
|
|
@@ -345,7 +348,7 @@ const delayTimer = ref<ReturnType<typeof setTimeout> | null>(null);
|
|
|
345
348
|
const pagination = ref<PaginationObject>({
|
|
346
349
|
current_page: 0, // pagina atual
|
|
347
350
|
count: 0, // total de itens
|
|
348
|
-
limit_per_page:
|
|
351
|
+
limit_per_page: props.limit_per_page, // limite de itens por página
|
|
349
352
|
search: '', // termo de busca
|
|
350
353
|
filter: '', // filtro selecionado
|
|
351
354
|
})
|