v-sistec-features 1.3.0 → 1.3.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-df81be49] svg{transform:rotate(180deg)}.page-select[data-v-df81be49]{background-color:var(--tblr-primary)!important;color:#fff!important;border:none!important}.page-estilo[data-v-df81be49]{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-df81be49]:hover{background:var(--cor-escurecida);color:#fff}.btn[data-v-df81be49]{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-v-df81be49] .btn-estilo svg{padding:0!important;margin:0!important}[data-v-df81be49] .btn-estilo:hover svg{stroke:var(--tblr-primary)}.icon-tabler[data-v-df81be49]{margin:0!important;padding:0!important}.scroll-finish-style[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-df81be49] svg{transform:rotate(180deg)}.page-select[data-v-df81be49]{background-color:var(--tblr-primary)!important;color:#fff!important;border:none!important}.page-estilo[data-v-df81be49]{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-df81be49]:hover{background:var(--cor-escurecida);color:#fff}.btn[data-v-df81be49]{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-v-df81be49] .btn-estilo svg{padding:0!important;margin:0!important}[data-v-df81be49] .btn-estilo:hover svg{stroke:var(--tblr-primary)}.icon-tabler[data-v-df81be49]{margin:0!important;padding:0!important}.scroll-finish-style[data-v-7cbfca3a]{color:#6c757d;display:block;text-align:center;margin-top:1rem;margin-bottom:1rem}.rotate-180[data-v-b9735591] svg{transform:rotate(180deg)}.page-select[data-v-b9735591]{background-color:var(--tblr-primary)!important;color:#fff!important;border:none!important}.page-estilo[data-v-b9735591]{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-b9735591]:hover{background:var(--cor-escurecida);color:#fff}.btn[data-v-b9735591]{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-v-b9735591] .btn-estilo svg{padding:0!important;margin:0!important}[data-v-b9735591] .btn-estilo:hover svg{stroke:var(--tblr-primary)}.icon-tabler[data-v-b9735591]{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-5a415ab2]{overflow-x:auto}.state-feedback[data-v-5a415ab2]{padding:1rem;text-align:center}.state-feedback.error[data-v-5a415ab2]{color:red}.pagination-controls[data-v-5a415ab2]{margin-top:1rem;display:flex;justify-content:space-between}.placeholder-img[data-v-5a415ab2]{width:40px;height:40px;border-radius:4px}.container-img[data-v-5a415ab2]{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-5a415ab2]{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-5a415ab2]{object-fit:contain;width:100%;height:100%;z-index:2}.container-img.container-img-preview[data-v-5a415ab2]{cursor:pointer}.container-img.container-img-preview[data-v-5a415ab2]: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-5a415ab2]{opacity:.3}.erro-custom-container[data-v-5a415ab2]{display:inline-block;padding:.2em .6em;border-radius:4px;background-color:#fff;font-weight:700;text-transform:uppercase}.erro-custom-text[data-v-5a415ab2]{font-size:.8em;text-transform:uppercase;font-weight:700}.bg-img[data-v-5a415ab2]{background-color:#0000004d;position:absolute;top:0;width:100%;height:100%;z-index:1}.image-preview-container[data-v-5a415ab2]{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-5a415ab2]{display:block;max-width:250px;max-height:250px;border-radius:4px}.form-check-input[data-v-5a415ab2]{border-width:1px!important;border-color:#00000064!important;width:17px;height:17px}[data-bs-theme=dark] .form-check-input[data-v-5a415ab2]{border-color:#ffffff5f!important}
|
package/dist/vDataPage.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as R, ref as g, toRefs as re, createElementBlock as d, watch as
|
|
1
|
+
import { defineComponent as R, ref as g, toRefs as re, createElementBlock as d, watch as T, onMounted as Y, onUnmounted as oe, openBlock as _, withDirectives as se, renderSlot as E, createCommentVNode as M, createElementVNode as o, createVNode as V, vShow as ue, toDisplayString as B, nextTick as D, pushScopeId as ce, popScopeId as pe, computed as z, withModifiers as L, Fragment as O, renderList as F, normalizeClass as j, readonly as de, isRef as _e, unref as N, withCtx as q } from "vue";
|
|
2
2
|
import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
3
|
function fe(a, s = null) {
|
|
4
4
|
if (!a)
|
|
@@ -77,7 +77,7 @@ const xe = /* @__PURE__ */ X(me, [["render", we], ["__scopeId", "data-v-d3e37633
|
|
|
77
77
|
function v() {
|
|
78
78
|
i?.disconnect(), i = ve(t);
|
|
79
79
|
}
|
|
80
|
-
return
|
|
80
|
+
return T(P, v), Y(async () => {
|
|
81
81
|
t.parentEl = await ge(x), v();
|
|
82
82
|
}), oe(() => i?.disconnect()), (c, y) => (_(), d("div", {
|
|
83
83
|
ref_key: "infiniteLoading",
|
|
@@ -147,7 +147,7 @@ const xe = /* @__PURE__ */ X(me, [["render", we], ["__scopeId", "data-v-d3e37633
|
|
|
147
147
|
},
|
|
148
148
|
emits: ["tradePage"],
|
|
149
149
|
setup(a, { emit: s }) {
|
|
150
|
-
const e = a, i = s, u =
|
|
150
|
+
const e = a, i = s, u = z(() => e.pagination.limit_per_page ? Math.ceil(e.pagination.count / e.pagination.limit_per_page) : 0), m = z(() => e.pagination.current_page + 1 < u.value ? e.pagination.current_page + 1 : null), l = () => {
|
|
151
151
|
e.pagination.current_page++, i("tradePage");
|
|
152
152
|
}, r = (t) => {
|
|
153
153
|
e.pagination.current_page = t - 1, i("tradePage");
|
|
@@ -157,7 +157,7 @@ const xe = /* @__PURE__ */ X(me, [["render", we], ["__scopeId", "data-v-d3e37633
|
|
|
157
157
|
e.pagination.current_page = 0, i("tradePage");
|
|
158
158
|
}, P = () => {
|
|
159
159
|
e.pagination.current_page > 0 && (e.pagination.current_page--, i("tradePage"));
|
|
160
|
-
}, x =
|
|
160
|
+
}, x = z(() => {
|
|
161
161
|
if (u.value <= 7)
|
|
162
162
|
return Array.from({ length: u.value }, (p, w) => w + 1);
|
|
163
163
|
const t = e.pagination.current_page + 1, h = u.value, v = /* @__PURE__ */ new Set([
|
|
@@ -253,7 +253,8 @@ const xe = /* @__PURE__ */ X(me, [["render", we], ["__scopeId", "data-v-d3e37633
|
|
|
253
253
|
next_page_response_name: { default: "next_page" },
|
|
254
254
|
page_starts_at: { default: 0 },
|
|
255
255
|
element_id: { default: "" },
|
|
256
|
-
watch: { default: () => [] }
|
|
256
|
+
watch: { default: () => [] },
|
|
257
|
+
scroll_on_trade_page: { type: Boolean, default: !1 }
|
|
257
258
|
},
|
|
258
259
|
setup(a, { expose: s }) {
|
|
259
260
|
const e = a, i = g(!0), u = g(Date.now()), m = g(Date.now()), l = g([]), r = g([]), I = g(0), C = g(!1), P = g(null), x = g(!1), t = g({
|
|
@@ -281,13 +282,13 @@ const xe = /* @__PURE__ */ X(me, [["render", we], ["__scopeId", "data-v-d3e37633
|
|
|
281
282
|
retryDelay: e.retry_delay,
|
|
282
283
|
paramsReactives: !1,
|
|
283
284
|
immediate: !1
|
|
284
|
-
}, e.fetch_name), w =
|
|
285
|
+
}, e.fetch_name), w = z(() => ({
|
|
285
286
|
[e.page_param_name]: t.value.current_page + 1,
|
|
286
287
|
[e.page_size_param_name]: t.value.limit_per_page,
|
|
287
288
|
[e.search_param_name]: t.value.search || "",
|
|
288
289
|
[e.filter_param_name]: t.value.filter || ""
|
|
289
290
|
}));
|
|
290
|
-
|
|
291
|
+
T(h, (n) => {
|
|
291
292
|
n ? (l.value = n[e.data_key] || [], I.value = n[e.total_key] || 0, t.value.count = I.value) : (l.value = [], I.value = 0);
|
|
292
293
|
}, { immediate: !0 });
|
|
293
294
|
async function b() {
|
|
@@ -325,7 +326,7 @@ const xe = /* @__PURE__ */ X(me, [["render", we], ["__scopeId", "data-v-d3e37633
|
|
|
325
326
|
i.value && e.type_fetch === "infinite-scroll" ? (W(), i.value = !1) : i.value && e.type_fetch === "pagination" && (b(), i.value = !1);
|
|
326
327
|
});
|
|
327
328
|
});
|
|
328
|
-
const U =
|
|
329
|
+
const U = z(() => h.value?.[e.next_page_response_name] || null);
|
|
329
330
|
async function ne(n) {
|
|
330
331
|
if (!x.value) return;
|
|
331
332
|
if (!U.value) {
|
|
@@ -341,7 +342,7 @@ const xe = /* @__PURE__ */ X(me, [["render", we], ["__scopeId", "data-v-d3e37633
|
|
|
341
342
|
return;
|
|
342
343
|
}
|
|
343
344
|
const f = l.value.filter(
|
|
344
|
-
(k) => !r.value.some((
|
|
345
|
+
(k) => !r.value.some((S) => S[e.item_key] === k[e.item_key])
|
|
345
346
|
);
|
|
346
347
|
if (f.length === 0 && l.value.length > 0) {
|
|
347
348
|
n.loaded();
|
|
@@ -372,26 +373,28 @@ const xe = /* @__PURE__ */ X(me, [["render", we], ["__scopeId", "data-v-d3e37633
|
|
|
372
373
|
n.loaded();
|
|
373
374
|
return;
|
|
374
375
|
}
|
|
375
|
-
const
|
|
376
|
-
(
|
|
376
|
+
const S = l.value.filter(
|
|
377
|
+
(A) => !r.value.some((le) => le[e.item_key] === A[e.item_key])
|
|
377
378
|
);
|
|
378
|
-
if (
|
|
379
|
+
if (S.length === 0 && l.value.length > 0) {
|
|
379
380
|
n.loaded();
|
|
380
381
|
return;
|
|
381
382
|
}
|
|
382
|
-
r.value.unshift(...
|
|
383
|
-
const
|
|
384
|
-
|
|
383
|
+
r.value.unshift(...S), r.value && r.value.length > t.value.limit_per_page * 2 && r.value.splice(-t.value.limit_per_page, t.value.limit_per_page), D(() => {
|
|
384
|
+
const A = document.getElementById(e.element_id + k);
|
|
385
|
+
A ? A.scrollIntoView({ behavior: "auto", block: "start" }) : console.warn(`
|
|
385
386
|
Elemento não encontrado para scroll verifique se a propriedade 'element_id' está correta ou não foi definida.
|
|
386
387
|
`), u.value++, n.loaded();
|
|
387
388
|
});
|
|
388
389
|
}
|
|
389
|
-
const
|
|
390
|
+
const H = [];
|
|
390
391
|
return e.watch && Array.isArray(e.watch) && e.watch.forEach((n) => {
|
|
391
|
-
(_e(n) || typeof n == "function") &&
|
|
392
|
-
}),
|
|
392
|
+
(_e(n) || typeof n == "function") && H.push(n);
|
|
393
|
+
}), T(() => t.value.current_page, () => {
|
|
394
|
+
e.type_fetch === "pagination" && e.scroll_on_trade_page && window.scrollTo({ top: 0, behavior: "auto" });
|
|
395
|
+
}), H.length > 0 && (e.type_fetch === "pagination" ? T(H, () => {
|
|
393
396
|
t.value.current_page = e.page_starts_at, b();
|
|
394
|
-
}, { deep: !0 }) : e.type_fetch === "infinite-scroll" &&
|
|
397
|
+
}, { deep: !0 }) : e.type_fetch === "infinite-scroll" && T(H, () => {
|
|
395
398
|
x.value = !1, W();
|
|
396
399
|
}, { deep: !0 })), (n, f) => (_(), d("div", null, [
|
|
397
400
|
a.type_fetch === "pagination" ? (_(), d("div", {
|
|
@@ -406,7 +409,7 @@ const xe = /* @__PURE__ */ X(me, [["render", we], ["__scopeId", "data-v-d3e37633
|
|
|
406
409
|
key: 1,
|
|
407
410
|
class: j(e.class_container)
|
|
408
411
|
}, [
|
|
409
|
-
V(
|
|
412
|
+
V(N(J), {
|
|
410
413
|
identifier: m.value,
|
|
411
414
|
direction: "top",
|
|
412
415
|
onInfinite: ie
|
|
@@ -423,7 +426,7 @@ const xe = /* @__PURE__ */ X(me, [["render", we], ["__scopeId", "data-v-d3e37633
|
|
|
423
426
|
key: k[e.item_key],
|
|
424
427
|
item: k
|
|
425
428
|
}, void 0, !0)), 128)),
|
|
426
|
-
V(
|
|
429
|
+
V(N(J), {
|
|
427
430
|
identifier: u.value,
|
|
428
431
|
onInfinite: ne
|
|
429
432
|
}, {
|
|
@@ -439,9 +442,9 @@ const xe = /* @__PURE__ */ X(me, [["render", we], ["__scopeId", "data-v-d3e37633
|
|
|
439
442
|
key: 2,
|
|
440
443
|
pagination: t.value,
|
|
441
444
|
tradePage: b,
|
|
442
|
-
error:
|
|
445
|
+
error: N(c)
|
|
443
446
|
}, () => [
|
|
444
|
-
!
|
|
447
|
+
!N(c) && t.value.count > 0 ? (_(), d("div", {
|
|
445
448
|
key: 0,
|
|
446
449
|
class: j(["px-3", e.class_pagination])
|
|
447
450
|
}, [
|
|
@@ -454,7 +457,7 @@ const xe = /* @__PURE__ */ X(me, [["render", we], ["__scopeId", "data-v-d3e37633
|
|
|
454
457
|
], !0) : M("", !0)
|
|
455
458
|
]));
|
|
456
459
|
}
|
|
457
|
-
}), Fe = /* @__PURE__ */ $(je, [["__scopeId", "data-v-
|
|
460
|
+
}), Fe = /* @__PURE__ */ $(je, [["__scopeId", "data-v-7cbfca3a"]]);
|
|
458
461
|
export {
|
|
459
462
|
Fe as VDataPage
|
|
460
463
|
};
|
package/package.json
CHANGED
|
@@ -101,7 +101,8 @@ interface VDataPageProps {
|
|
|
101
101
|
next_page_response_name?: string;
|
|
102
102
|
page_starts_at: number;
|
|
103
103
|
element_id?: string;
|
|
104
|
-
watch?: WatchSource[]
|
|
104
|
+
watch?: WatchSource[];
|
|
105
|
+
scroll_on_trade_page?: boolean;
|
|
105
106
|
}
|
|
106
107
|
|
|
107
108
|
interface ExposedFunctions {
|
|
@@ -112,6 +113,8 @@ interface ExposedFunctions {
|
|
|
112
113
|
set_search: (newSearch: string) => void;
|
|
113
114
|
set_filter: (newFilter: string) => void;
|
|
114
115
|
set_page: (newPage: number) => void;
|
|
116
|
+
|
|
117
|
+
|
|
115
118
|
}
|
|
116
119
|
|
|
117
120
|
// =======================================================
|
|
@@ -147,6 +150,7 @@ const props = withDefaults(defineProps<VDataPageProps>(), {
|
|
|
147
150
|
type_fetch: 'pagination',
|
|
148
151
|
page_starts_at: 0,
|
|
149
152
|
element_id: '',
|
|
153
|
+
scroll_on_trade_page: false,
|
|
150
154
|
watch: () => []
|
|
151
155
|
});
|
|
152
156
|
|
|
@@ -488,6 +492,12 @@ if (props.watch && Array.isArray(props.watch)) {
|
|
|
488
492
|
}
|
|
489
493
|
});
|
|
490
494
|
}
|
|
495
|
+
watch(() => pagination.value.current_page, () => {
|
|
496
|
+
//scrola para o topo da página ao mudar de página
|
|
497
|
+
if (props.type_fetch === 'pagination' && props.scroll_on_trade_page) {
|
|
498
|
+
window.scrollTo({ top: 0, behavior: 'auto' })
|
|
499
|
+
}
|
|
500
|
+
});
|
|
491
501
|
if (watchSources.length > 0) {
|
|
492
502
|
if (props.type_fetch === 'pagination') {
|
|
493
503
|
watch(watchSources, () => {
|