vue-stack-tabs 0.1.42 → 0.1.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/favicon.svg +9 -9
- package/dist/vue-stack-tabs.es.js +144 -144
- package/dist/vue-stack-tabs.umd.js +1 -1
- package/package.json +1 -1
- package/src/lib/StackTabs.vue +141 -141
- package/src/lib/assets/style/transition.scss +62 -62
- package/src/lib/components/TabHeader/TabHeaderScroll.vue +1 -1
- package/src/lib/hooks/useStackTab.ts +119 -119
- package/src/lib/hooks/useTabRouter.ts +103 -103
- package/src/lib/hooks/useTabpanel.tsx +5 -5
- package/src/lib/utils/TabIdHelper.ts +70 -70
|
@@ -416,10 +416,10 @@ dt.exports;
|
|
|
416
416
|
},
|
|
417
417
|
_compress: function(a, c, p) {
|
|
418
418
|
if (a == null) return "";
|
|
419
|
-
var f, l, m = {}, S = {},
|
|
419
|
+
var f, l, m = {}, S = {}, E = "", I = "", y = "", w = 2, T = 3, g = 2, O = [], u = 0, _ = 0, k;
|
|
420
420
|
for (k = 0; k < a.length; k += 1)
|
|
421
|
-
if (
|
|
422
|
-
y =
|
|
421
|
+
if (E = a.charAt(k), Object.prototype.hasOwnProperty.call(m, E) || (m[E] = T++, S[E] = !0), I = y + E, Object.prototype.hasOwnProperty.call(m, I))
|
|
422
|
+
y = I;
|
|
423
423
|
else {
|
|
424
424
|
if (Object.prototype.hasOwnProperty.call(S, y)) {
|
|
425
425
|
if (y.charCodeAt(0) < 256) {
|
|
@@ -437,7 +437,7 @@ dt.exports;
|
|
|
437
437
|
} else
|
|
438
438
|
for (l = m[y], f = 0; f < g; f++)
|
|
439
439
|
u = u << 1 | l & 1, _ == c - 1 ? (_ = 0, O.push(p(u)), u = 0) : _++, l = l >> 1;
|
|
440
|
-
w--, w == 0 && (w = Math.pow(2, g), g++), m[
|
|
440
|
+
w--, w == 0 && (w = Math.pow(2, g), g++), m[I] = T++, y = String(E);
|
|
441
441
|
}
|
|
442
442
|
if (y !== "") {
|
|
443
443
|
if (Object.prototype.hasOwnProperty.call(S, y)) {
|
|
@@ -473,7 +473,7 @@ dt.exports;
|
|
|
473
473
|
});
|
|
474
474
|
},
|
|
475
475
|
_decompress: function(a, c, p) {
|
|
476
|
-
var f = [], l = 4, m = 4, S = 3,
|
|
476
|
+
var f = [], l = 4, m = 4, S = 3, E = "", I = [], y, w, T, g, O, u, _, k = { val: p(0), position: c, index: 1 };
|
|
477
477
|
for (y = 0; y < 3; y += 1)
|
|
478
478
|
f[y] = y;
|
|
479
479
|
for (T = 0, O = Math.pow(2, 2), u = 1; u != O; )
|
|
@@ -492,7 +492,7 @@ dt.exports;
|
|
|
492
492
|
case 2:
|
|
493
493
|
return "";
|
|
494
494
|
}
|
|
495
|
-
for (f[3] = _, w = _,
|
|
495
|
+
for (f[3] = _, w = _, I.push(_); ; ) {
|
|
496
496
|
if (k.index > a)
|
|
497
497
|
return "";
|
|
498
498
|
for (T = 0, O = Math.pow(2, S), u = 1; u != O; )
|
|
@@ -509,15 +509,15 @@ dt.exports;
|
|
|
509
509
|
f[m++] = n(T), _ = m - 1, l--;
|
|
510
510
|
break;
|
|
511
511
|
case 2:
|
|
512
|
-
return
|
|
512
|
+
return I.join("");
|
|
513
513
|
}
|
|
514
514
|
if (l == 0 && (l = Math.pow(2, S), S++), f[_])
|
|
515
|
-
|
|
515
|
+
E = f[_];
|
|
516
516
|
else if (_ === m)
|
|
517
|
-
|
|
517
|
+
E = w + w.charAt(0);
|
|
518
518
|
else
|
|
519
519
|
return null;
|
|
520
|
-
|
|
520
|
+
I.push(E), f[m++] = w + E.charAt(0), l--, w = E, l == 0 && (l = Math.pow(2, S), S++);
|
|
521
521
|
}
|
|
522
522
|
}
|
|
523
523
|
};
|
|
@@ -681,11 +681,11 @@ function oe(t, e, n, s, r) {
|
|
|
681
681
|
function ie(t, e, n, s, r) {
|
|
682
682
|
return t = t + e + r | 0, s = qe(s ^ t, 8), n = n + s | 0, e = qe(e ^ n, 7), { a: t, b: e, c: n, d: s };
|
|
683
683
|
}
|
|
684
|
-
function It(t, e, n, s, r, o, i, d, a, c, p, f, l, m, S,
|
|
684
|
+
function It(t, e, n, s, r, o, i, d, a, c, p, f, l, m, S, E, I, y, w, T) {
|
|
685
685
|
let g = 0;
|
|
686
686
|
for (let O = 0; O < s; O++)
|
|
687
|
-
({ a: r, b: a, c: l, d:
|
|
688
|
-
return { v0: r, v1: o, v2: i, v3: d, v4: a, v5: c, v6: p, v7: f, v8: l, v9: m, v10: S, v11:
|
|
687
|
+
({ a: r, b: a, c: l, d: I } = oe(r, a, l, I, n[e + t[g++]])), { a: r, b: a, c: l, d: I } = ie(r, a, l, I, n[e + t[g++]]), { a: o, b: c, c: m, d: y } = oe(o, c, m, y, n[e + t[g++]]), { a: o, b: c, c: m, d: y } = ie(o, c, m, y, n[e + t[g++]]), { a: i, b: p, c: S, d: w } = oe(i, p, S, w, n[e + t[g++]]), { a: i, b: p, c: S, d: w } = ie(i, p, S, w, n[e + t[g++]]), { a: d, b: f, c: E, d: T } = oe(d, f, E, T, n[e + t[g++]]), { a: d, b: f, c: E, d: T } = ie(d, f, E, T, n[e + t[g++]]), { a: r, b: c, c: S, d: T } = oe(r, c, S, T, n[e + t[g++]]), { a: r, b: c, c: S, d: T } = ie(r, c, S, T, n[e + t[g++]]), { a: o, b: p, c: E, d: I } = oe(o, p, E, I, n[e + t[g++]]), { a: o, b: p, c: E, d: I } = ie(o, p, E, I, n[e + t[g++]]), { a: i, b: f, c: l, d: y } = oe(i, f, l, y, n[e + t[g++]]), { a: i, b: f, c: l, d: y } = ie(i, f, l, y, n[e + t[g++]]), { a: d, b: a, c: m, d: w } = oe(d, a, m, w, n[e + t[g++]]), { a: d, b: a, c: m, d: w } = ie(d, a, m, w, n[e + t[g++]]);
|
|
688
|
+
return { v0: r, v1: o, v2: i, v3: d, v4: a, v5: c, v6: p, v7: f, v8: l, v9: m, v10: S, v11: E, v12: I, v13: y, v14: w, v15: T };
|
|
689
689
|
}
|
|
690
690
|
const Bt = /* @__PURE__ */ (() => {
|
|
691
691
|
const t = Array.from({ length: 16 }, (s, r) => r), e = (s) => [2, 6, 3, 10, 7, 0, 4, 13, 1, 11, 12, 5, 9, 14, 15, 8].map((r) => s[r]), n = [];
|
|
@@ -720,8 +720,8 @@ class bt extends as {
|
|
|
720
720
|
set() {
|
|
721
721
|
}
|
|
722
722
|
b2Compress(e, n, s, r = 0) {
|
|
723
|
-
const { state: o, pos: i } = this, { h: d, l: a } = Et(BigInt(e), !0), { v0: c, v1: p, v2: f, v3: l, v4: m, v5: S, v6:
|
|
724
|
-
o[0] = c ^ y, o[1] = p ^ w, o[2] = f ^ T, o[3] = l ^ g, o[4] = m ^ O, o[5] = S ^ u, o[6] =
|
|
723
|
+
const { state: o, pos: i } = this, { h: d, l: a } = Et(BigInt(e), !0), { v0: c, v1: p, v2: f, v3: l, v4: m, v5: S, v6: E, v7: I, v8: y, v9: w, v10: T, v11: g, v12: O, v13: u, v14: _, v15: k } = It(Bt, r, s, 7, o[0], o[1], o[2], o[3], o[4], o[5], o[6], o[7], te[0], te[1], te[2], te[3], d, a, i, n);
|
|
724
|
+
o[0] = c ^ y, o[1] = p ^ w, o[2] = f ^ T, o[3] = l ^ g, o[4] = m ^ O, o[5] = S ^ u, o[6] = E ^ _, o[7] = I ^ k;
|
|
725
725
|
}
|
|
726
726
|
compress(e, n = 0, s = !1) {
|
|
727
727
|
let r = this.flags;
|
|
@@ -748,8 +748,8 @@ class bt extends as {
|
|
|
748
748
|
b2CompressOut() {
|
|
749
749
|
const { state: e, pos: n, flags: s, buffer32: r, bufferOut32: o } = this, { h: i, l: d } = Et(BigInt(this.chunkOut++));
|
|
750
750
|
j || H(r);
|
|
751
|
-
const { v0: a, v1: c, v2: p, v3: f, v4: l, v5: m, v6: S, v7:
|
|
752
|
-
o[0] = a ^
|
|
751
|
+
const { v0: a, v1: c, v2: p, v3: f, v4: l, v5: m, v6: S, v7: E, v8: I, v9: y, v10: w, v11: T, v12: g, v13: O, v14: u, v15: _ } = It(Bt, 0, r, 7, e[0], e[1], e[2], e[3], e[4], e[5], e[6], e[7], te[0], te[1], te[2], te[3], d, i, n, s);
|
|
752
|
+
o[0] = a ^ I, o[1] = c ^ y, o[2] = p ^ w, o[3] = f ^ T, o[4] = l ^ g, o[5] = m ^ O, o[6] = S ^ u, o[7] = E ^ _, o[8] = e[0] ^ I, o[9] = e[1] ^ y, o[10] = e[2] ^ w, o[11] = e[3] ^ T, o[12] = e[4] ^ g, o[13] = e[5] ^ O, o[14] = e[6] ^ u, o[15] = e[7] ^ _, j || (H(r), H(o)), this.posOut = 0;
|
|
753
753
|
}
|
|
754
754
|
finish() {
|
|
755
755
|
if (this.finished)
|
|
@@ -903,13 +903,13 @@ const Ce = () => {
|
|
|
903
903
|
const t = ut(), e = ge(), {
|
|
904
904
|
t: n
|
|
905
905
|
} = Me(), s = () => M.value.length, r = (b) => {
|
|
906
|
-
for (const
|
|
907
|
-
const h = ne(
|
|
906
|
+
for (const B of b) {
|
|
907
|
+
const h = ne(B, {
|
|
908
908
|
id: et(),
|
|
909
909
|
refreshable: !0,
|
|
910
910
|
closable: !0,
|
|
911
911
|
iframe: !1
|
|
912
|
-
}),
|
|
912
|
+
}), z = st(h), q = vt(h.path), P = ne(h, {
|
|
913
913
|
closable: !0,
|
|
914
914
|
refreshable: !0,
|
|
915
915
|
iframe: !1
|
|
@@ -918,7 +918,7 @@ const Ce = () => {
|
|
|
918
918
|
tabId: h.id,
|
|
919
919
|
path: q.path,
|
|
920
920
|
query: ne(q.query, {
|
|
921
|
-
__tab:
|
|
921
|
+
__tab: z
|
|
922
922
|
})
|
|
923
923
|
}, ye = new je();
|
|
924
924
|
ye.push(X);
|
|
@@ -937,14 +937,14 @@ const Ce = () => {
|
|
|
937
937
|
}
|
|
938
938
|
const v = window.sessionStorage.getItem(Ye);
|
|
939
939
|
if (v != null) {
|
|
940
|
-
const
|
|
940
|
+
const B = JSON.parse(v, (z, q) => z === "pages" ? new je(q) : q);
|
|
941
941
|
let h = !1;
|
|
942
|
-
for (const
|
|
943
|
-
if (
|
|
942
|
+
for (const z of M.value)
|
|
943
|
+
if (z.id === B.id) {
|
|
944
944
|
h = !0;
|
|
945
945
|
break;
|
|
946
946
|
}
|
|
947
|
-
h || M.value.push(
|
|
947
|
+
h || M.value.push(B);
|
|
948
948
|
}
|
|
949
949
|
Ct = !0;
|
|
950
950
|
}, o = (b) => {
|
|
@@ -960,7 +960,7 @@ const Ce = () => {
|
|
|
960
960
|
return v;
|
|
961
961
|
return null;
|
|
962
962
|
}, c = (b, v) => {
|
|
963
|
-
let
|
|
963
|
+
let B, h;
|
|
964
964
|
if (b.query.__tab ? h = ls(b.query.__tab) : (h = {
|
|
965
965
|
id: et(),
|
|
966
966
|
title: n("VueStackTab.undefined"),
|
|
@@ -969,7 +969,7 @@ const Ce = () => {
|
|
|
969
969
|
iframe: !1
|
|
970
970
|
}, b.query.__tab = st(h)), F.has(h.id) || !v)
|
|
971
971
|
return;
|
|
972
|
-
const
|
|
972
|
+
const z = b.matched[b.matched.length - 1].path, q = b.path.endsWith("/") ? b.path.substring(0, b.path.length - 1) : b.path, P = Mt(h.id, z === q ? q : b.path, b.query.valueOf());
|
|
973
973
|
if (Te.has(P))
|
|
974
974
|
return ae.get(P);
|
|
975
975
|
const ze = b.query.__src;
|
|
@@ -1001,7 +1001,7 @@ const Ce = () => {
|
|
|
1001
1001
|
});
|
|
1002
1002
|
} else
|
|
1003
1003
|
X.active = !0, (X.pages.isEmpty() || X.pages.peek().id !== ye.id) && X.pages.push(ye);
|
|
1004
|
-
return U(X), ae.has(P) ?
|
|
1004
|
+
return U(X), ae.has(P) ? B = ae.get(P) : (B = /* @__PURE__ */ ee({
|
|
1005
1005
|
name: P,
|
|
1006
1006
|
components: {
|
|
1007
1007
|
DynamicComponent: v
|
|
@@ -1029,64 +1029,64 @@ const Ce = () => {
|
|
|
1029
1029
|
tId: h.id
|
|
1030
1030
|
}, null)]);
|
|
1031
1031
|
}
|
|
1032
|
-
}), ae.set(P,
|
|
1032
|
+
}), ae.set(P, B)), A(P), B;
|
|
1033
1033
|
}, p = (b) => {
|
|
1034
1034
|
const v = he.get(b);
|
|
1035
1035
|
if (v) {
|
|
1036
|
-
for (const
|
|
1037
|
-
if (document.querySelector(
|
|
1038
|
-
const h = v.get(
|
|
1039
|
-
document.querySelector(
|
|
1036
|
+
for (const B of v.keys())
|
|
1037
|
+
if (document.querySelector(B)) {
|
|
1038
|
+
const h = v.get(B);
|
|
1039
|
+
document.querySelector(B).scrollTop = h.top, document.querySelector(B).scrollLeft = h.left;
|
|
1040
1040
|
}
|
|
1041
1041
|
}
|
|
1042
1042
|
}, f = (b) => {
|
|
1043
|
-
var
|
|
1043
|
+
var B, h;
|
|
1044
1044
|
const v = he.get(b);
|
|
1045
1045
|
if (v)
|
|
1046
|
-
for (const
|
|
1046
|
+
for (const z of v.keys()) {
|
|
1047
1047
|
const q = {
|
|
1048
|
-
top: ((
|
|
1049
|
-
left: ((h = document.querySelector(
|
|
1048
|
+
top: ((B = document.querySelector(z)) == null ? void 0 : B.scrollTop) ?? 0,
|
|
1049
|
+
left: ((h = document.querySelector(z)) == null ? void 0 : h.scrollLeft) ?? 0
|
|
1050
1050
|
};
|
|
1051
|
-
v.set(
|
|
1051
|
+
v.set(z, q);
|
|
1052
1052
|
}
|
|
1053
1053
|
}, l = (b) => {
|
|
1054
1054
|
const v = he.get(b);
|
|
1055
1055
|
v && (v.clear(), he.delete(b));
|
|
1056
1056
|
}, m = (b, ...v) => {
|
|
1057
1057
|
he.has(b) || he.set(b, /* @__PURE__ */ new Map());
|
|
1058
|
-
const
|
|
1058
|
+
const B = he.get(b);
|
|
1059
1059
|
for (const h of v)
|
|
1060
|
-
|
|
1060
|
+
B.set(h, {
|
|
1061
1061
|
top: 0,
|
|
1062
1062
|
left: 0
|
|
1063
1063
|
});
|
|
1064
1064
|
}, S = (b) => {
|
|
1065
1065
|
const v = a(b.id);
|
|
1066
|
-
for (const
|
|
1067
|
-
|
|
1066
|
+
for (const B of v.pages.list())
|
|
1067
|
+
L(B.id);
|
|
1068
1068
|
D(), v.pages.clear();
|
|
1069
|
-
},
|
|
1069
|
+
}, E = (b) => {
|
|
1070
1070
|
let v = "";
|
|
1071
|
-
const
|
|
1071
|
+
const B = a(b);
|
|
1072
1072
|
for (let h = M.value.length - 1; h >= 0; h--)
|
|
1073
1073
|
if (b === x(M)[h].id) {
|
|
1074
1074
|
if (!x(M)[h].closable)
|
|
1075
1075
|
return b;
|
|
1076
|
-
for (const
|
|
1077
|
-
|
|
1076
|
+
for (const z of x(M)[h].pages.list())
|
|
1077
|
+
L(z.id), F.add(x(M)[h].id);
|
|
1078
1078
|
x(M)[h].pages.clear(), M.value.length > 1 && x(M)[h].active && (h === 0 ? v = x(M)[h + 1].id : v = x(M)[h - 1].id), x(M).splice(h, 1);
|
|
1079
1079
|
break;
|
|
1080
1080
|
}
|
|
1081
1081
|
return v !== "" && e.emit(Z.TAB_ACTIVE, {
|
|
1082
1082
|
id: v
|
|
1083
|
-
}),
|
|
1084
|
-
},
|
|
1083
|
+
}), B != null && B.active || (D(), F.clear()), v;
|
|
1084
|
+
}, I = () => {
|
|
1085
1085
|
const b = x(M);
|
|
1086
1086
|
for (let v = b.length - 1; v >= 0; v--)
|
|
1087
1087
|
if (b[v].closable) {
|
|
1088
|
-
for (const
|
|
1089
|
-
|
|
1088
|
+
for (const B of b[v].pages.list())
|
|
1089
|
+
L(B.id), F.add(b[v].id);
|
|
1090
1090
|
x(M)[v].pages.clear(), x(M).splice(v, 1);
|
|
1091
1091
|
}
|
|
1092
1092
|
for (const v of b)
|
|
@@ -1099,52 +1099,52 @@ const Ce = () => {
|
|
|
1099
1099
|
});
|
|
1100
1100
|
}, y = (b) => {
|
|
1101
1101
|
const v = x(M);
|
|
1102
|
-
let
|
|
1102
|
+
let B;
|
|
1103
1103
|
for (let h = v.length - 1; h >= 0; h--)
|
|
1104
1104
|
if (v[h].id === b)
|
|
1105
|
-
|
|
1105
|
+
B = v[h];
|
|
1106
1106
|
else if (v[h].closable && v[h].id !== b) {
|
|
1107
|
-
for (const
|
|
1108
|
-
|
|
1107
|
+
for (const z of v[h].pages.list())
|
|
1108
|
+
L(z.id), F.add(v[h].id);
|
|
1109
1109
|
x(M)[h].pages.clear(), x(M).splice(h, 1);
|
|
1110
1110
|
}
|
|
1111
|
-
|
|
1111
|
+
B.active ? (D(), F.clear()) : e.emit(Z.TAB_ACTIVE, {
|
|
1112
1112
|
id: b
|
|
1113
1113
|
});
|
|
1114
1114
|
}, w = (b) => {
|
|
1115
1115
|
let v = -1;
|
|
1116
|
-
const
|
|
1117
|
-
for (let h = 0; h <
|
|
1118
|
-
if (
|
|
1116
|
+
const B = x(M);
|
|
1117
|
+
for (let h = 0; h < B.length; h++)
|
|
1118
|
+
if (B[h].id === b) {
|
|
1119
1119
|
v = h - 1;
|
|
1120
1120
|
break;
|
|
1121
1121
|
}
|
|
1122
1122
|
for (let h = v; h >= 0; h--)
|
|
1123
|
-
if (
|
|
1124
|
-
for (const
|
|
1125
|
-
|
|
1123
|
+
if (B[h].closable) {
|
|
1124
|
+
for (const z of B[h].pages.list())
|
|
1125
|
+
L(z.id), F.add(B[h].id);
|
|
1126
1126
|
x(M)[h].pages.clear(), x(M).splice(h, 1);
|
|
1127
1127
|
}
|
|
1128
|
-
for (const h of
|
|
1128
|
+
for (const h of B)
|
|
1129
1129
|
if (h.active) {
|
|
1130
1130
|
D(), F.clear();
|
|
1131
1131
|
return;
|
|
1132
1132
|
}
|
|
1133
1133
|
e.emit(Z.TAB_ACTIVE, {
|
|
1134
|
-
id:
|
|
1134
|
+
id: B[0].id
|
|
1135
1135
|
});
|
|
1136
1136
|
}, T = (b) => {
|
|
1137
1137
|
const v = x(M);
|
|
1138
|
-
let
|
|
1138
|
+
let B = v.length;
|
|
1139
1139
|
for (let h = 0; h < v.length; h++)
|
|
1140
1140
|
if (v[h].id === b) {
|
|
1141
|
-
|
|
1141
|
+
B = h + 1;
|
|
1142
1142
|
break;
|
|
1143
1143
|
}
|
|
1144
|
-
for (let h = v.length - 1; h >=
|
|
1144
|
+
for (let h = v.length - 1; h >= B; h--)
|
|
1145
1145
|
if (v[h].closable) {
|
|
1146
|
-
for (const
|
|
1147
|
-
|
|
1146
|
+
for (const z of v[h].pages.list())
|
|
1147
|
+
L(z.id), F.add(v[h].id);
|
|
1148
1148
|
x(M)[h].pages.clear(), x(M).splice(h, 1);
|
|
1149
1149
|
}
|
|
1150
1150
|
for (const h of v)
|
|
@@ -1157,12 +1157,12 @@ const Ce = () => {
|
|
|
1157
1157
|
});
|
|
1158
1158
|
}, g = (b) => {
|
|
1159
1159
|
var v;
|
|
1160
|
-
for (const
|
|
1161
|
-
if (
|
|
1162
|
-
const h = (v =
|
|
1163
|
-
for (let
|
|
1164
|
-
if (N.value[
|
|
1165
|
-
N.value.splice(
|
|
1160
|
+
for (const B of x(M))
|
|
1161
|
+
if (B.id === b) {
|
|
1162
|
+
const h = (v = B.pages.peek()) == null ? void 0 : v.id;
|
|
1163
|
+
for (let z = N.value.length - 1; z >= 0; z--)
|
|
1164
|
+
if (N.value[z] === h) {
|
|
1165
|
+
N.value.splice(z, 1), B.active && (de.value = !1, le(() => {
|
|
1166
1166
|
de.value = !0;
|
|
1167
1167
|
}));
|
|
1168
1168
|
break;
|
|
@@ -1175,8 +1175,8 @@ const Ce = () => {
|
|
|
1175
1175
|
b.add(v.pages.peek().id);
|
|
1176
1176
|
});
|
|
1177
1177
|
for (let v = N.value.length - 1; v >= 0; v--) {
|
|
1178
|
-
const
|
|
1179
|
-
b.has(
|
|
1178
|
+
const B = N.value[v];
|
|
1179
|
+
b.has(B) && N.value.splice(v, 1);
|
|
1180
1180
|
}
|
|
1181
1181
|
le(() => {
|
|
1182
1182
|
de.value = !1, le(() => {
|
|
@@ -1189,7 +1189,7 @@ const Ce = () => {
|
|
|
1189
1189
|
ae.set(b, v);
|
|
1190
1190
|
}, _ = (b) => ae.get(b), k = (b) => {
|
|
1191
1191
|
ae.delete(b);
|
|
1192
|
-
},
|
|
1192
|
+
}, L = (b) => {
|
|
1193
1193
|
Te.add(b);
|
|
1194
1194
|
}, D = () => {
|
|
1195
1195
|
for (let b = N.value.length - 1; b >= 0; b--)
|
|
@@ -1202,20 +1202,20 @@ const Ce = () => {
|
|
|
1202
1202
|
new Set(N.value).has(b) || N.value.push(b);
|
|
1203
1203
|
}, C = (b, v = !0) => {
|
|
1204
1204
|
e.emit("FORWARD");
|
|
1205
|
-
for (let
|
|
1206
|
-
const h = M.value[
|
|
1205
|
+
for (let B = M.value.length - 1; B >= 0; B--) {
|
|
1206
|
+
const h = M.value[B];
|
|
1207
1207
|
if (h.id === b) {
|
|
1208
1208
|
if (h.active)
|
|
1209
1209
|
break;
|
|
1210
1210
|
if (h.active = !0, U(h), v) {
|
|
1211
|
-
const
|
|
1211
|
+
const z = h.pages.peek();
|
|
1212
1212
|
t.push({
|
|
1213
|
-
path:
|
|
1214
|
-
query:
|
|
1213
|
+
path: z.path,
|
|
1214
|
+
query: z.query
|
|
1215
1215
|
});
|
|
1216
1216
|
}
|
|
1217
1217
|
} else
|
|
1218
|
-
M.value[
|
|
1218
|
+
M.value[B].active = !1;
|
|
1219
1219
|
}
|
|
1220
1220
|
}, U = (b) => {
|
|
1221
1221
|
window.sessionStorage.setItem(Ke + Ye, JSON.stringify(b));
|
|
@@ -1250,8 +1250,8 @@ const Ce = () => {
|
|
|
1250
1250
|
removeCache: G,
|
|
1251
1251
|
getTab: a,
|
|
1252
1252
|
addTab: d,
|
|
1253
|
-
removeTab:
|
|
1254
|
-
removeAllTabs:
|
|
1253
|
+
removeTab: E,
|
|
1254
|
+
removeAllTabs: I,
|
|
1255
1255
|
removeLeftTabs: w,
|
|
1256
1256
|
removeRightTabs: T,
|
|
1257
1257
|
removeOtherTabs: y,
|
|
@@ -1261,7 +1261,7 @@ const Ce = () => {
|
|
|
1261
1261
|
addComponent: u,
|
|
1262
1262
|
getComponent: _,
|
|
1263
1263
|
removeComponent: k,
|
|
1264
|
-
markDeletableCache:
|
|
1264
|
+
markDeletableCache: L,
|
|
1265
1265
|
removeDeletableCache: D,
|
|
1266
1266
|
refreshTab: g,
|
|
1267
1267
|
refreshAllTabs: O,
|
|
@@ -1370,12 +1370,12 @@ const Ce = () => {
|
|
|
1370
1370
|
onClick: x(i)
|
|
1371
1371
|
}, null, 8, ["title", "onClick"]),
|
|
1372
1372
|
l.contextMenu !== void 0 && l.contextMenu.length > 0 ? (R(), V("div", ms)) : se("", !0),
|
|
1373
|
-
(R(!0), V(Ze, null, lt(l.contextMenu, (S,
|
|
1374
|
-
key:
|
|
1373
|
+
(R(!0), V(Ze, null, lt(l.contextMenu, (S, E) => (R(), me(ce, {
|
|
1374
|
+
key: E,
|
|
1375
1375
|
icon: S.icon,
|
|
1376
1376
|
title: S.title,
|
|
1377
1377
|
disabled: S.disabled(l.tabItem) ? "disabled" : null,
|
|
1378
|
-
onClick: (
|
|
1378
|
+
onClick: (I) => !S.disabled && S.callback(l.tabItem.id)
|
|
1379
1379
|
}, null, 8, ["icon", "title", "disabled", "onClick"]))), 128))
|
|
1380
1380
|
], 4));
|
|
1381
1381
|
}
|
|
@@ -1528,11 +1528,11 @@ var ve = function(t) {
|
|
|
1528
1528
|
return $e.get(t);
|
|
1529
1529
|
if (un(t))
|
|
1530
1530
|
return $e.set(t, $t), $t;
|
|
1531
|
-
var n = getComputedStyle(t), s = mt(t) && t.ownerSVGElement && t.getBBox(), r = !Cs && n.boxSizing === "border-box", o = Ms.test(n.writingMode || ""), i = !s && Dt.test(n.overflowY || ""), d = !s && Dt.test(n.overflowX || ""), a = s ? 0 : K(n.paddingTop), c = s ? 0 : K(n.paddingRight), p = s ? 0 : K(n.paddingBottom), f = s ? 0 : K(n.paddingLeft), l = s ? 0 : K(n.borderTopWidth), m = s ? 0 : K(n.borderRightWidth), S = s ? 0 : K(n.borderBottomWidth),
|
|
1532
|
-
devicePixelContentBoxSize: ke(Math.round(k * devicePixelRatio), Math.round(
|
|
1531
|
+
var n = getComputedStyle(t), s = mt(t) && t.ownerSVGElement && t.getBBox(), r = !Cs && n.boxSizing === "border-box", o = Ms.test(n.writingMode || ""), i = !s && Dt.test(n.overflowY || ""), d = !s && Dt.test(n.overflowX || ""), a = s ? 0 : K(n.paddingTop), c = s ? 0 : K(n.paddingRight), p = s ? 0 : K(n.paddingBottom), f = s ? 0 : K(n.paddingLeft), l = s ? 0 : K(n.borderTopWidth), m = s ? 0 : K(n.borderRightWidth), S = s ? 0 : K(n.borderBottomWidth), E = s ? 0 : K(n.borderLeftWidth), I = f + c, y = a + p, w = E + m, T = l + S, g = d ? t.offsetHeight - T - t.clientHeight : 0, O = i ? t.offsetWidth - w - t.clientWidth : 0, u = r ? I + w : 0, _ = r ? y + T : 0, k = s ? s.width : K(n.width) - u - O, L = s ? s.height : K(n.height) - _ - g, D = k + I + O + w, G = L + y + g + T, A = ve({
|
|
1532
|
+
devicePixelContentBoxSize: ke(Math.round(k * devicePixelRatio), Math.round(L * devicePixelRatio), o),
|
|
1533
1533
|
borderBoxSize: ke(D, G, o),
|
|
1534
|
-
contentBoxSize: ke(k,
|
|
1535
|
-
contentRect: new ln(f, a, k,
|
|
1534
|
+
contentBoxSize: ke(k, L, o),
|
|
1535
|
+
contentRect: new ln(f, a, k, L)
|
|
1536
1536
|
});
|
|
1537
1537
|
return $e.set(t, A), A;
|
|
1538
1538
|
}, dn = function(t, e, n) {
|
|
@@ -1785,14 +1785,14 @@ const Zs = ["disabled", "title"], js = {
|
|
|
1785
1785
|
});
|
|
1786
1786
|
const m = (A) => {
|
|
1787
1787
|
i.value = A.scrollLeft <= 10, d.value = A.clientWidth + A.scrollLeft - A.scrollWidth >= -10, a.value = A.scrollWidth !== A.clientWidth;
|
|
1788
|
-
}, S = we(() => f.scrollWidth > f.clientWidth),
|
|
1788
|
+
}, S = we(() => f.scrollWidth > f.clientWidth), E = we(() => {
|
|
1789
1789
|
if (!S.value) return 0;
|
|
1790
1790
|
const { clientWidth: A, scrollWidth: C } = f;
|
|
1791
1791
|
return A / C * A;
|
|
1792
|
-
}),
|
|
1792
|
+
}), I = we(() => {
|
|
1793
1793
|
if (!S.value) return 0;
|
|
1794
1794
|
const { clientWidth: A, scrollWidth: C, scrollLeft: U } = f;
|
|
1795
|
-
return (A -
|
|
1795
|
+
return (A - E.value) * (U / (C - A));
|
|
1796
1796
|
}), y = () => {
|
|
1797
1797
|
if (n.value === null || n.value === void 0)
|
|
1798
1798
|
return;
|
|
@@ -1822,16 +1822,16 @@ const Zs = ["disabled", "title"], js = {
|
|
|
1822
1822
|
Object.assign(l, {
|
|
1823
1823
|
startPageX: A.pageX,
|
|
1824
1824
|
startScrollLeft: (C = n.value) == null ? void 0 : C.scrollLeft,
|
|
1825
|
-
startThumbLeft:
|
|
1826
|
-
thumbLeft:
|
|
1827
|
-
}), o.value = !0, document.addEventListener("mousemove", k), document.addEventListener("mouseup",
|
|
1825
|
+
startThumbLeft: I.value,
|
|
1826
|
+
thumbLeft: I.value
|
|
1827
|
+
}), o.value = !0, document.addEventListener("mousemove", k), document.addEventListener("mouseup", L);
|
|
1828
1828
|
}, k = (A) => {
|
|
1829
1829
|
const { clientWidth: C, scrollWidth: U } = f;
|
|
1830
1830
|
let re = l.startThumbLeft + A.pageX - l.startPageX;
|
|
1831
|
-
const Le = C -
|
|
1832
|
-
re < 0 ? re = 0 : re > Le && (re = Le), l.thumbLeft = re, g(re * (U - C) / (C -
|
|
1833
|
-
},
|
|
1834
|
-
o.value = !1, document.removeEventListener("mousemove", k), document.removeEventListener("mouseup",
|
|
1831
|
+
const Le = C - E.value;
|
|
1832
|
+
re < 0 ? re = 0 : re > Le && (re = Le), l.thumbLeft = re, g(re * (U - C) / (C - E.value), !1), A.preventDefault();
|
|
1833
|
+
}, L = (A) => {
|
|
1834
|
+
o.value = !1, document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", L), A.preventDefault();
|
|
1835
1835
|
};
|
|
1836
1836
|
Fe(() => {
|
|
1837
1837
|
var C;
|
|
@@ -1860,7 +1860,7 @@ const Zs = ["disabled", "title"], js = {
|
|
|
1860
1860
|
ref_key: "headerScroll",
|
|
1861
1861
|
ref: c,
|
|
1862
1862
|
class: "stack-tab__scroll",
|
|
1863
|
-
|
|
1863
|
+
onWheelPassive: _e(u, ["prevent"])
|
|
1864
1864
|
}, [
|
|
1865
1865
|
Q("div", {
|
|
1866
1866
|
ref_key: "container",
|
|
@@ -1884,8 +1884,8 @@ const Zs = ["disabled", "title"], js = {
|
|
|
1884
1884
|
ref: r,
|
|
1885
1885
|
class: fe(["stack-tab__scrollbar-thumb", { "is-dragging": o.value }]),
|
|
1886
1886
|
style: ct({
|
|
1887
|
-
width: `${
|
|
1888
|
-
transform: `translateX(${
|
|
1887
|
+
width: `${E.value}px`,
|
|
1888
|
+
transform: `translateX(${I.value}px)`
|
|
1889
1889
|
}),
|
|
1890
1890
|
onMousedown: _e(_, ["prevent"])
|
|
1891
1891
|
}, null, 38)
|
|
@@ -1916,7 +1916,7 @@ const Zs = ["disabled", "title"], js = {
|
|
|
1916
1916
|
setup(t, { emit: e }) {
|
|
1917
1917
|
const { t: n } = Me(), s = at("maximum"), r = e, o = $(), { shown: i, contextMenuData: d, showContextMenu: a } = ks(), c = t, { removeTab: p, active: f, tabs: l } = Ce(), m = we(() => typeof c.tabTransition == "string" ? {
|
|
1918
1918
|
name: c.tabTransition
|
|
1919
|
-
} : c.tabTransition), S = we(() => c.tabScrollMode === pe.BOTH || c.tabScrollMode === pe.BUTTON),
|
|
1919
|
+
} : c.tabTransition), S = we(() => c.tabScrollMode === pe.BOTH || c.tabScrollMode === pe.BUTTON), E = c.tabScrollMode === pe.BOTH || c.tabScrollMode === pe.WHEEL, I = (w) => {
|
|
1920
1920
|
w.closable && p(w.id), i.value = !1;
|
|
1921
1921
|
}, y = (w, T, g) => {
|
|
1922
1922
|
o.value && (le(() => {
|
|
@@ -1929,7 +1929,7 @@ const Zs = ["disabled", "title"], js = {
|
|
|
1929
1929
|
ref_key: "scroll",
|
|
1930
1930
|
ref: o,
|
|
1931
1931
|
space: w.space,
|
|
1932
|
-
"is-scroll-wheel": x(
|
|
1932
|
+
"is-scroll-wheel": x(E),
|
|
1933
1933
|
"is-scroll-button": S.value
|
|
1934
1934
|
}, {
|
|
1935
1935
|
default: ue(() => [
|
|
@@ -1947,8 +1947,8 @@ const Zs = ["disabled", "title"], js = {
|
|
|
1947
1947
|
(u) => x(a)(u, g, O, x(l).length),
|
|
1948
1948
|
["prevent"]
|
|
1949
1949
|
),
|
|
1950
|
-
onMouseup: _e((u) =>
|
|
1951
|
-
onClose:
|
|
1950
|
+
onMouseup: _e((u) => I(g), ["middle", "prevent"]),
|
|
1951
|
+
onClose: I,
|
|
1952
1952
|
onActive: y
|
|
1953
1953
|
}, null, 8, ["contextmenu", "item", "onContextmenu", "onMouseup"]))), 128))
|
|
1954
1954
|
]),
|
|
@@ -1987,12 +1987,12 @@ function Ks(t, e, n) {
|
|
|
1987
1987
|
function m() {
|
|
1988
1988
|
p && clearTimeout(p);
|
|
1989
1989
|
}
|
|
1990
|
-
function S(
|
|
1991
|
-
var y =
|
|
1990
|
+
function S(I) {
|
|
1991
|
+
var y = I || {}, w = y.upcomingOnly, T = w === void 0 ? !1 : w;
|
|
1992
1992
|
m(), f = !T;
|
|
1993
1993
|
}
|
|
1994
|
-
function
|
|
1995
|
-
for (var
|
|
1994
|
+
function E() {
|
|
1995
|
+
for (var I = arguments.length, y = new Array(I), w = 0; w < I; w++)
|
|
1996
1996
|
y[w] = arguments[w];
|
|
1997
1997
|
var T = this, g = Date.now() - l;
|
|
1998
1998
|
if (f)
|
|
@@ -2005,13 +2005,13 @@ function Ks(t, e, n) {
|
|
|
2005
2005
|
}
|
|
2006
2006
|
!d && c && !p && O(), m(), c === void 0 && g > t ? d ? (l = Date.now(), o || (p = setTimeout(c ? u : O, t))) : O() : o !== !0 && (p = setTimeout(c ? u : O, c === void 0 ? t - g : t));
|
|
2007
2007
|
}
|
|
2008
|
-
return
|
|
2008
|
+
return E.cancel = S, E;
|
|
2009
2009
|
}
|
|
2010
2010
|
let Ft;
|
|
2011
2011
|
const Js = () => {
|
|
2012
|
-
const t = ut(), { active: e, hasTab: n, pageShown: s, reset: r, canAddTab: o, renewTab: i, getTab: d } = Ce(), a = ge(), c = Ks(500, (m, S = !1) => new Promise((
|
|
2012
|
+
const t = ut(), { active: e, hasTab: n, pageShown: s, reset: r, canAddTab: o, renewTab: i, getTab: d } = Ce(), a = ge(), c = Ks(500, (m, S = !1) => new Promise((E, I) => {
|
|
2013
2013
|
if (!s.value) {
|
|
2014
|
-
|
|
2014
|
+
I();
|
|
2015
2015
|
return;
|
|
2016
2016
|
}
|
|
2017
2017
|
const y = ne(m, {
|
|
@@ -2027,32 +2027,32 @@ const Js = () => {
|
|
|
2027
2027
|
}));
|
|
2028
2028
|
}
|
|
2029
2029
|
if (n(y.id) && !S) {
|
|
2030
|
-
a.emit(Z.TAB_ACTIVE, { id: y.id }),
|
|
2030
|
+
a.emit(Z.TAB_ACTIVE, { id: y.id }), E(y.id);
|
|
2031
2031
|
return;
|
|
2032
2032
|
}
|
|
2033
2033
|
if (y.id || (y.id = et()), !o()) {
|
|
2034
|
-
|
|
2034
|
+
I("Max Size");
|
|
2035
2035
|
return;
|
|
2036
2036
|
}
|
|
2037
|
-
p(m, y),
|
|
2037
|
+
p(m, y), E(y.id);
|
|
2038
2038
|
})), p = (m, S) => {
|
|
2039
|
-
const
|
|
2040
|
-
let
|
|
2039
|
+
const E = st(S);
|
|
2040
|
+
let I = ne(
|
|
2041
2041
|
{
|
|
2042
|
-
__tab:
|
|
2042
|
+
__tab: E
|
|
2043
2043
|
},
|
|
2044
2044
|
m.query
|
|
2045
2045
|
), y;
|
|
2046
2046
|
if (m.iframe) {
|
|
2047
2047
|
const w = encodeURIComponent(m.path);
|
|
2048
|
-
y = Ft,
|
|
2048
|
+
y = Ft, I.__src = w;
|
|
2049
2049
|
} else {
|
|
2050
2050
|
const w = vt(m.path);
|
|
2051
|
-
y = w.path,
|
|
2051
|
+
y = w.path, I = ne(w.query, I);
|
|
2052
2052
|
}
|
|
2053
2053
|
t.push({
|
|
2054
2054
|
path: y,
|
|
2055
|
-
query:
|
|
2055
|
+
query: I
|
|
2056
2056
|
});
|
|
2057
2057
|
};
|
|
2058
2058
|
return { openNewTab: c, setIFramePath: (m) => {
|
|
@@ -2079,10 +2079,10 @@ const Js = () => {
|
|
|
2079
2079
|
},
|
|
2080
2080
|
emits: ["onActive", "onPageLoaded"],
|
|
2081
2081
|
setup(t, { emit: e }) {
|
|
2082
|
-
const { tabs: n, pageShown: s, caches: r, destroy: o, addPage: i, initial: d, setMaxSize: a, setGlobalScroll: c, clearSession: p, setSessionPrefix: f } = Ce(), l = e, m = t, { changeLocale: S } = Me(),
|
|
2083
|
-
xn("maximum",
|
|
2084
|
-
const { setIFramePath:
|
|
2085
|
-
|
|
2082
|
+
const { tabs: n, pageShown: s, caches: r, destroy: o, addPage: i, initial: d, setMaxSize: a, setGlobalScroll: c, clearSession: p, setSessionPrefix: f } = Ce(), l = e, m = t, { changeLocale: S } = Me(), E = $(!1);
|
|
2083
|
+
xn("maximum", E);
|
|
2084
|
+
const { setIFramePath: I } = Js();
|
|
2085
|
+
I(m.iframePath), c(m.globalScroll), S(m.i18n), Tn(() => {
|
|
2086
2086
|
d(m.defaultTabs), f(m.sessionPrefix);
|
|
2087
2087
|
});
|
|
2088
2088
|
const y = (u, _) => i(u, _), w = (u) => {
|
|
@@ -2103,11 +2103,11 @@ const Js = () => {
|
|
|
2103
2103
|
}), (u, _) => {
|
|
2104
2104
|
const k = jt("router-view");
|
|
2105
2105
|
return R(), V("div", {
|
|
2106
|
-
class: fe(["stack-tab", { "stack-tab__maximum":
|
|
2106
|
+
class: fe(["stack-tab", { "stack-tab__maximum": E.value }]),
|
|
2107
2107
|
style: ct({
|
|
2108
2108
|
width: u.width,
|
|
2109
2109
|
height: u.height,
|
|
2110
|
-
"z-index":
|
|
2110
|
+
"z-index": E.value ? x(sn)("body *:not(.stack-tab,.stack-tab *)") : void 0
|
|
2111
2111
|
})
|
|
2112
2112
|
}, [
|
|
2113
2113
|
W(Ys, {
|
|
@@ -2126,7 +2126,7 @@ const Js = () => {
|
|
|
2126
2126
|
}, 8, ["space", "tab-transition", "max"]),
|
|
2127
2127
|
Q("div", Qs, [
|
|
2128
2128
|
W(k, null, {
|
|
2129
|
-
default: ue(({ Component:
|
|
2129
|
+
default: ue(({ Component: L, route: D }) => [
|
|
2130
2130
|
W(Jt, {
|
|
2131
2131
|
name: g.value,
|
|
2132
2132
|
appear: "",
|
|
@@ -2134,7 +2134,7 @@ const Js = () => {
|
|
|
2134
2134
|
}, {
|
|
2135
2135
|
default: ue(() => [
|
|
2136
2136
|
(R(), me(Sn, { include: x(r) }, [
|
|
2137
|
-
x(s) ? (R(), me(On(y(D,
|
|
2137
|
+
x(s) ? (R(), me(On(y(D, L)), {
|
|
2138
2138
|
key: D.fullPath,
|
|
2139
2139
|
onOnLoaded: T
|
|
2140
2140
|
}, null, 32)) : se("", !0)
|
|
@@ -2150,13 +2150,13 @@ const Js = () => {
|
|
|
2150
2150
|
appear: ""
|
|
2151
2151
|
}, {
|
|
2152
2152
|
default: ue(() => [
|
|
2153
|
-
(R(!0), V(Ze, null, lt(x(n).filter((
|
|
2154
|
-
key:
|
|
2153
|
+
(R(!0), V(Ze, null, lt(x(n).filter((L) => L.iframe), (L) => Gt((R(), V("iframe", {
|
|
2154
|
+
key: L.id,
|
|
2155
2155
|
class: "stack-tab__iframe",
|
|
2156
|
-
src: /^(javascript|data):/i.test(
|
|
2156
|
+
src: /^(javascript|data):/i.test(L.url ?? "") ? "about:blank" : L.url,
|
|
2157
2157
|
frameborder: "0"
|
|
2158
2158
|
}, null, 8, er)), [
|
|
2159
|
-
[Yt,
|
|
2159
|
+
[Yt, L.active]
|
|
2160
2160
|
])), 128))
|
|
2161
2161
|
]),
|
|
2162
2162
|
_: 1
|
|
@@ -2229,23 +2229,23 @@ const sr = (t) => t.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" :
|
|
|
2229
2229
|
if (typeof y == "number")
|
|
2230
2230
|
O = Math.abs(y);
|
|
2231
2231
|
else {
|
|
2232
|
-
let k = 1,
|
|
2232
|
+
let k = 1, L = !1;
|
|
2233
2233
|
const D = g.list(), G = vt(y);
|
|
2234
2234
|
w = ne(G.query, w);
|
|
2235
2235
|
for (let A = g.size() - 2; A >= 0; A--) {
|
|
2236
2236
|
if (D[A].path === G.path) {
|
|
2237
|
-
|
|
2237
|
+
L = !0;
|
|
2238
2238
|
break;
|
|
2239
2239
|
}
|
|
2240
2240
|
k += 1;
|
|
2241
2241
|
}
|
|
2242
|
-
|
|
2242
|
+
L && (O = k);
|
|
2243
2243
|
}
|
|
2244
2244
|
if (O === 0 || g.size() <= O)
|
|
2245
2245
|
return;
|
|
2246
2246
|
for (let k = 0; k < O; k++) {
|
|
2247
|
-
const
|
|
2248
|
-
r(
|
|
2247
|
+
const L = g.pop();
|
|
2248
|
+
r(L.id);
|
|
2249
2249
|
}
|
|
2250
2250
|
const u = g == null ? void 0 : g.peek(), _ = i(u.id);
|
|
2251
2251
|
if (_ != null) {
|
|
@@ -2280,7 +2280,7 @@ const sr = (t) => t.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" :
|
|
|
2280
2280
|
return { openTabLoading: n, closeTabLoading: s };
|
|
2281
2281
|
}, wr = {
|
|
2282
2282
|
install(t, e) {
|
|
2283
|
-
ur("0.1.
|
|
2283
|
+
ur("0.1.44"), t.component("VueStackTabs", tr).use(hs).use(Un().getI18n(e));
|
|
2284
2284
|
}
|
|
2285
2285
|
};
|
|
2286
2286
|
export {
|