@vtable-guild/vtable-guild 2.6.3 → 2.6.4
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/css/style.css +7 -4
- package/css/tailwind3-utilities.css +7 -4
- package/dist/core/src/components/VirtualList/VirtualList.d.ts.map +1 -1
- package/dist/core/src/components/VirtualList/VirtualList.mjs +97 -91
- package/dist/css/style.css +7 -4
- package/dist/css/tailwind3-utilities.css +7 -4
- package/dist/index.full.mjs +3065 -2930
- package/dist/table/src/components/Table.d.ts +1 -1
- package/dist/table/src/components/Table.d.ts.map +1 -1
- package/dist/table/src/components/Table.mjs +384 -359
- package/dist/table/src/components/VirtualTableBody.d.ts.map +1 -1
- package/dist/table/src/components/VirtualTableBody.mjs +2 -1
- package/dist/table/src/composables/useAutoHeight.d.ts +32 -0
- package/dist/table/src/composables/useAutoHeight.d.ts.map +1 -0
- package/dist/table/src/composables/useAutoHeight.mjs +66 -0
- package/dist/table/src/composables/useAutoHeight.test.d.ts +2 -0
- package/dist/table/src/composables/useAutoHeight.test.d.ts.map +1 -0
- package/dist/table/src/composables/useColumnMetrics.d.ts.map +1 -1
- package/dist/table/src/composables/useColumnMetrics.mjs +49 -49
- package/dist/table/src/composables/useColumnMetrics.test.d.ts +2 -0
- package/dist/table/src/composables/useColumnMetrics.test.d.ts.map +1 -0
- package/dist/table/src/composables/useColumnWindow.mjs +16 -16
- package/dist/table/src/composables/useResize.d.ts.map +1 -1
- package/dist/table/src/composables/useResize.mjs +37 -31
- package/dist/table/src/composables/useScroll.d.ts +8 -0
- package/dist/table/src/composables/useScroll.d.ts.map +1 -1
- package/dist/table/src/composables/useScroll.mjs +37 -37
- package/dist/table/src/composables/useVirtual.d.ts +35 -0
- package/dist/table/src/composables/useVirtual.d.ts.map +1 -1
- package/dist/table/src/composables/useVirtual.mjs +44 -16
- package/dist/table/src/index.d.ts.map +1 -1
- package/dist/table/src/types/table.d.ts +9 -1
- package/dist/table/src/types/table.d.ts.map +1 -1
- package/dist/theme/src/presets/antdv/table.d.ts +3 -1
- package/dist/theme/src/presets/antdv/table.d.ts.map +1 -1
- package/dist/theme/src/presets/antdv/table.mjs +10 -1
- package/dist/theme/src/presets/element-plus/table.d.ts +3 -1
- package/dist/theme/src/presets/element-plus/table.d.ts.map +1 -1
- package/dist/theme/src/presets/element-plus/table.mjs +4 -1
- package/package.json +1 -1
package/css/style.css
CHANGED
|
@@ -720,6 +720,9 @@
|
|
|
720
720
|
.vtg-h-full {
|
|
721
721
|
height: 100%
|
|
722
722
|
}
|
|
723
|
+
.vtg-min-h-0 {
|
|
724
|
+
min-height: 0px
|
|
725
|
+
}
|
|
723
726
|
.vtg-min-h-6 {
|
|
724
727
|
min-height: 1.5rem
|
|
725
728
|
}
|
|
@@ -2045,6 +2048,10 @@
|
|
|
2045
2048
|
.vtg-group:hover .group-hover\:vtg-opacity-100 {
|
|
2046
2049
|
opacity: 1
|
|
2047
2050
|
}
|
|
2051
|
+
.\[\&\:not\(\[data-vtg-preserve-last-border\]\)\>tr\:last-child\>td\]\:vtg-border-b-0:not([data-vtg-preserve-last-border])>tr:last-child>td {
|
|
2052
|
+
border-bottom-width: 0px;
|
|
2053
|
+
border-bottom-style: solid
|
|
2054
|
+
}
|
|
2048
2055
|
.\[\&\>svg\]\:vtg-mx-auto>svg {
|
|
2049
2056
|
margin-left: auto;
|
|
2050
2057
|
margin-right: auto
|
|
@@ -2060,8 +2067,4 @@
|
|
|
2060
2067
|
}
|
|
2061
2068
|
.\[\&\>svg\]\:vtg-w-auto>svg {
|
|
2062
2069
|
width: auto
|
|
2063
|
-
}
|
|
2064
|
-
.\[\&\>tr\:last-child\>td\]\:vtg-border-b-0>tr:last-child>td {
|
|
2065
|
-
border-bottom-width: 0px;
|
|
2066
|
-
border-bottom-style: solid
|
|
2067
2070
|
}
|
|
@@ -219,6 +219,9 @@
|
|
|
219
219
|
.vtg-h-full {
|
|
220
220
|
height: 100%
|
|
221
221
|
}
|
|
222
|
+
.vtg-min-h-0 {
|
|
223
|
+
min-height: 0px
|
|
224
|
+
}
|
|
222
225
|
.vtg-min-h-6 {
|
|
223
226
|
min-height: 1.5rem
|
|
224
227
|
}
|
|
@@ -1544,6 +1547,10 @@
|
|
|
1544
1547
|
.vtg-group:hover .group-hover\:vtg-opacity-100 {
|
|
1545
1548
|
opacity: 1
|
|
1546
1549
|
}
|
|
1550
|
+
.\[\&\:not\(\[data-vtg-preserve-last-border\]\)\>tr\:last-child\>td\]\:vtg-border-b-0:not([data-vtg-preserve-last-border])>tr:last-child>td {
|
|
1551
|
+
border-bottom-width: 0px;
|
|
1552
|
+
border-bottom-style: solid
|
|
1553
|
+
}
|
|
1547
1554
|
.\[\&\>svg\]\:vtg-mx-auto>svg {
|
|
1548
1555
|
margin-left: auto;
|
|
1549
1556
|
margin-right: auto
|
|
@@ -1559,8 +1566,4 @@
|
|
|
1559
1566
|
}
|
|
1560
1567
|
.\[\&\>svg\]\:vtg-w-auto>svg {
|
|
1561
1568
|
width: auto
|
|
1562
|
-
}
|
|
1563
|
-
.\[\&\>tr\:last-child\>td\]\:vtg-border-b-0>tr:last-child>td {
|
|
1564
|
-
border-bottom-width: 0px;
|
|
1565
|
-
border-bottom-style: solid
|
|
1566
1569
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../../../../core/src/components/VirtualList/VirtualList.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../../../../core/src/components/VirtualList/VirtualList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,10 +7,10 @@ import Te from "./hooks/useMobileTouchMove.mjs";
|
|
|
7
7
|
import Ve from "./hooks/useScrollDrag.mjs";
|
|
8
8
|
import Ie from "./hooks/useScrollTo.mjs";
|
|
9
9
|
import oe from "./VirtualScrollBar.mjs";
|
|
10
|
-
import { getSpinSize as
|
|
10
|
+
import { getSpinSize as ue } from "./utils/scrollbarUtil.mjs";
|
|
11
11
|
import { PrefixSums as Ae } from "./utils/PrefixSums.mjs";
|
|
12
|
-
import { defineComponent as We, computed as y, watch as
|
|
13
|
-
const
|
|
12
|
+
import { defineComponent as We, computed as y, watch as H, shallowRef as _, ref as u, unref as ke, toRaw as Fe, onBeforeUnmount as Oe, createVNode as D } from "vue";
|
|
13
|
+
const re = [], De = {
|
|
14
14
|
overflowY: "auto",
|
|
15
15
|
overflowAnchor: "none"
|
|
16
16
|
};
|
|
@@ -23,11 +23,11 @@ function Ke(t) {
|
|
|
23
23
|
function Pe(t, m, h, L) {
|
|
24
24
|
let R = t.findIndex(h);
|
|
25
25
|
R >= m && (R = 0);
|
|
26
|
-
let
|
|
27
|
-
return
|
|
26
|
+
let x = t.findIndex(h + L + 1);
|
|
27
|
+
return x >= m && (x = m - 1), x = Math.min(x + 1, m - 1), {
|
|
28
28
|
scrollHeight: t.total,
|
|
29
29
|
start: R,
|
|
30
|
-
end:
|
|
30
|
+
end: x,
|
|
31
31
|
offset: t.offsetOf(R)
|
|
32
32
|
};
|
|
33
33
|
}
|
|
@@ -85,133 +85,139 @@ const Qe = /* @__PURE__ */ We({
|
|
|
85
85
|
slots: L
|
|
86
86
|
}) {
|
|
87
87
|
const R = y(() => t.itemHeight);
|
|
88
|
-
let
|
|
89
|
-
|
|
90
|
-
|
|
88
|
+
let x = t.itemKey;
|
|
89
|
+
H(() => t.itemKey, (e) => {
|
|
90
|
+
x = e;
|
|
91
91
|
});
|
|
92
92
|
const V = (e) => {
|
|
93
|
-
const l =
|
|
93
|
+
const l = x;
|
|
94
94
|
return typeof l == "function" ? l(e) : e?.[l];
|
|
95
|
-
}, [ce, q, z, se] = we(V, void 0, void 0, () => t.disableHeightMeasure),
|
|
96
|
-
|
|
97
|
-
|
|
95
|
+
}, [ce, q, z, se] = we(V, void 0, void 0, () => t.disableHeightMeasure), r = _(t?.data || re);
|
|
96
|
+
H(() => t.data, () => {
|
|
97
|
+
r.value = t?.data || re;
|
|
98
98
|
});
|
|
99
|
-
const
|
|
100
|
-
const e =
|
|
101
|
-
return
|
|
102
|
-
}),
|
|
99
|
+
const A = y(() => !!(t.virtual !== !1 && t.height && t.itemHeight)), c = y(() => {
|
|
100
|
+
const e = r.value;
|
|
101
|
+
return A.value && e && (t.itemHeight * e.length > t.height || !!t.scrollWidth);
|
|
102
|
+
}), M = u(), G = u(), J = u(), K = u(!1), Q = _(), Z = _(), s = u(0), i = u(0), N = u(!1), p = u(0), ee = u(0), d = u(t.scrollWidth || 0), o = u(0), f = u(0), S = u(0), B = u(void 0);
|
|
103
103
|
function C(e) {
|
|
104
104
|
let l;
|
|
105
105
|
typeof e == "function" ? l = e(s.value) : l = e;
|
|
106
|
-
const a = o.value - t.height,
|
|
107
|
-
|
|
106
|
+
const a = o.value - t.height, n = Math.max(0, Math.min(l, a || 0));
|
|
107
|
+
M.value && (M.value.scrollTop = n), s.value = n;
|
|
108
108
|
}
|
|
109
|
-
const
|
|
110
|
-
|
|
109
|
+
const W = new Ae();
|
|
110
|
+
H([c, A, s, r, se, () => t.height], ([, , , e, l], a) => {
|
|
111
111
|
if (!a)
|
|
112
|
-
|
|
112
|
+
W.markAllDirty();
|
|
113
113
|
else {
|
|
114
|
-
const [, , ,
|
|
115
|
-
e !==
|
|
114
|
+
const [, , , b, X] = a;
|
|
115
|
+
e !== b ? W.markAllDirty() : l !== X && W.markDirtyFrom(f.value);
|
|
116
116
|
}
|
|
117
|
-
if (!
|
|
118
|
-
o.value = 0, f.value = 0, S.value =
|
|
117
|
+
if (!A.value) {
|
|
118
|
+
o.value = 0, f.value = 0, S.value = r.value.length - 1, B.value = void 0;
|
|
119
119
|
return;
|
|
120
120
|
}
|
|
121
121
|
if (!c.value) {
|
|
122
|
-
o.value = G.value?.offsetHeight || 0, f.value = 0, S.value =
|
|
122
|
+
o.value = G.value?.offsetHeight || 0, f.value = 0, S.value = r.value.length - 1, B.value = void 0;
|
|
123
123
|
return;
|
|
124
124
|
}
|
|
125
125
|
const {
|
|
126
|
-
itemHeight:
|
|
126
|
+
itemHeight: n,
|
|
127
127
|
height: P
|
|
128
|
-
} = t, T =
|
|
128
|
+
} = t, T = r.value.length;
|
|
129
129
|
if (!T) {
|
|
130
130
|
o.value = 0, f.value = 0, S.value = -1, B.value = 0;
|
|
131
131
|
return;
|
|
132
132
|
}
|
|
133
133
|
if (ke(z.id) === 0) {
|
|
134
|
-
const
|
|
135
|
-
let U = Y + Math.ceil(X /
|
|
136
|
-
U = Math.min(U + 1, T - 1), o.value = T *
|
|
134
|
+
const b = n, X = P, Y = Math.max(0, Math.floor(s.value / b)), be = Y * b;
|
|
135
|
+
let U = Y + Math.ceil(X / b);
|
|
136
|
+
U = Math.min(U + 1, T - 1), o.value = T * b, f.value = Y, S.value = U, B.value = be;
|
|
137
137
|
return;
|
|
138
138
|
}
|
|
139
|
-
const Me = Fe(
|
|
140
|
-
|
|
141
|
-
const j = Pe(
|
|
139
|
+
const Me = Fe(r.value);
|
|
140
|
+
W.sync(T, (b) => z.get(V(Me[b])), n);
|
|
141
|
+
const j = Pe(W, T, s.value, P);
|
|
142
142
|
o.value = j.scrollHeight, f.value = j.start, S.value = j.end, B.value = j.offset;
|
|
143
143
|
}, {
|
|
144
144
|
immediate: !0
|
|
145
|
-
}),
|
|
145
|
+
}), H(o, () => {
|
|
146
146
|
const e = z.getRecord();
|
|
147
147
|
if (e.size === 1) {
|
|
148
|
-
const l = Array.from(e.keys())[0], a = e.get(l),
|
|
149
|
-
if (
|
|
148
|
+
const l = Array.from(e.keys())[0], a = e.get(l), n = r.value[f.value];
|
|
149
|
+
if (n && a === void 0 && V(n) === l) {
|
|
150
150
|
const P = z.get(l) - t.itemHeight;
|
|
151
151
|
C((T) => T + P);
|
|
152
152
|
}
|
|
153
153
|
}
|
|
154
|
-
if (
|
|
154
|
+
if (A.value && t.height) {
|
|
155
155
|
const l = Math.max(0, o.value - t.height);
|
|
156
156
|
s.value > l && C(l);
|
|
157
157
|
}
|
|
158
158
|
z.resetRecord();
|
|
159
159
|
});
|
|
160
|
-
const g =
|
|
160
|
+
const g = u({
|
|
161
161
|
width: 0,
|
|
162
162
|
height: t.height || 0
|
|
163
163
|
});
|
|
164
|
-
let w = null,
|
|
164
|
+
let w = null, k = null;
|
|
165
165
|
const ve = (e) => {
|
|
166
|
-
|
|
166
|
+
k !== e && (w && k && w.unobserve(k), k = e, e && (w || (w = new ResizeObserver((l) => {
|
|
167
167
|
const a = l[0];
|
|
168
168
|
if (a) {
|
|
169
|
-
const
|
|
169
|
+
const n = a.target;
|
|
170
170
|
g.value = {
|
|
171
|
-
width:
|
|
172
|
-
height:
|
|
173
|
-
}, d.value = t.scrollWidth ??
|
|
171
|
+
width: n.offsetWidth,
|
|
172
|
+
height: n.offsetHeight
|
|
173
|
+
}, d.value = t.scrollWidth ?? n.offsetWidth;
|
|
174
174
|
}
|
|
175
175
|
})), w.observe(e)));
|
|
176
176
|
};
|
|
177
177
|
Oe(() => {
|
|
178
|
-
w?.disconnect(), w = null,
|
|
178
|
+
w?.disconnect(), w = null, k = null;
|
|
179
179
|
});
|
|
180
180
|
const v = y(() => t.direction === "rtl"), $ = () => ({
|
|
181
|
-
x: v.value ? -
|
|
181
|
+
x: v.value ? -i.value : i.value,
|
|
182
182
|
y: s.value
|
|
183
|
-
}), E =
|
|
183
|
+
}), E = u($()), F = (e, l = !1) => {
|
|
184
184
|
if (t.onVirtualScroll) {
|
|
185
|
-
const
|
|
185
|
+
const a = {
|
|
186
186
|
...$(),
|
|
187
187
|
...e
|
|
188
188
|
};
|
|
189
|
-
(E.value.x !==
|
|
189
|
+
(l || E.value.x !== a.x || E.value.y !== a.y) && (t.onVirtualScroll(a), E.value = a);
|
|
190
190
|
}
|
|
191
|
-
},
|
|
191
|
+
}, I = y(() => Math.max(0, (d.value || 0) - g.value.width)), fe = y(() => s.value === 0), he = y(() => s.value + t.height >= o.value), de = y(() => i.value === 0), ge = y(() => i.value >= I.value), O = (e) => Math.max(0, Math.min(e, I.value));
|
|
192
|
+
H(I, () => {
|
|
193
|
+
i.value = O(i.value), F(void 0, !0);
|
|
194
|
+
}, {
|
|
195
|
+
flush: "post"
|
|
196
|
+
});
|
|
197
|
+
const te = () => {
|
|
192
198
|
Q.value?.delayHidden(), Z.value?.delayHidden();
|
|
193
|
-
}, [me] = Be(c, fe, he, de, ge,
|
|
199
|
+
}, [me] = Be(c, fe, he, de, ge, I.value > 0, (e, l) => {
|
|
194
200
|
if (l) {
|
|
195
|
-
const a =
|
|
196
|
-
|
|
201
|
+
const a = O(v.value ? i.value - e : i.value + e);
|
|
202
|
+
i.value = a, F({
|
|
197
203
|
x: v.value ? -a : a
|
|
198
204
|
});
|
|
199
205
|
} else
|
|
200
206
|
C((a) => a + e);
|
|
201
207
|
});
|
|
202
|
-
Te(c,
|
|
208
|
+
Te(c, M, (e, l) => {
|
|
203
209
|
if (e) {
|
|
204
|
-
const a =
|
|
205
|
-
return
|
|
210
|
+
const a = O(v.value ? i.value - l : i.value + l);
|
|
211
|
+
return i.value = a, F({
|
|
206
212
|
x: v.value ? -a : a
|
|
207
213
|
}), !0;
|
|
208
214
|
} else
|
|
209
215
|
return C((a) => a + l), !0;
|
|
210
|
-
}), Ve(c,
|
|
216
|
+
}), Ve(c, M, (e) => {
|
|
211
217
|
C((l) => l + e);
|
|
212
218
|
});
|
|
213
219
|
const le = (e, l) => {
|
|
214
|
-
l ? (
|
|
220
|
+
l ? (i.value = e, F({
|
|
215
221
|
x: v.value ? -e : e
|
|
216
222
|
})) : C(e);
|
|
217
223
|
}, ae = () => {
|
|
@@ -219,46 +225,46 @@ const Qe = /* @__PURE__ */ We({
|
|
|
219
225
|
}, ie = () => {
|
|
220
226
|
N.value = !1;
|
|
221
227
|
};
|
|
222
|
-
|
|
223
|
-
c.value && t.height && o.value && (p.value =
|
|
228
|
+
H([() => t.height, o, c, () => g.value.height], () => {
|
|
229
|
+
c.value && t.height && o.value && (p.value = ue(g.value.height, o.value));
|
|
224
230
|
}, {
|
|
225
231
|
immediate: !0
|
|
226
|
-
}),
|
|
227
|
-
c.value && d.value && (ee.value =
|
|
232
|
+
}), H([() => g.value.width, d], () => {
|
|
233
|
+
c.value && d.value && (ee.value = ue(g.value.width, d.value));
|
|
228
234
|
}, {
|
|
229
235
|
immediate: !0
|
|
230
|
-
}),
|
|
231
|
-
d.value = e ?? g.value.width,
|
|
236
|
+
}), H(() => t.scrollWidth, (e) => {
|
|
237
|
+
d.value = e ?? g.value.width, i.value = O(i.value);
|
|
232
238
|
}, {
|
|
233
239
|
immediate: !0
|
|
234
240
|
});
|
|
235
241
|
function Se(e) {
|
|
236
242
|
const l = e.currentTarget.scrollTop;
|
|
237
|
-
!
|
|
243
|
+
!A.value || !c.value ? s.value = l : l !== s.value && C(l), t.onScroll?.(e), F();
|
|
238
244
|
}
|
|
239
|
-
const [ne, ye] = Ie(
|
|
240
|
-
const l = ye(), a = Math.max(o.value, l) - t.height,
|
|
241
|
-
|
|
245
|
+
const [ne, ye] = Ie(M, r, z, R, V, () => q(!0), (e) => {
|
|
246
|
+
const l = ye(), a = Math.max(o.value, l) - t.height, n = Math.max(0, Math.min(e, a || 0));
|
|
247
|
+
M.value && (M.value.scrollTop = n), s.value = n;
|
|
242
248
|
}, te, () => t.disableHeightMeasure);
|
|
243
249
|
m({
|
|
244
250
|
nativeElement: J,
|
|
245
251
|
getScrollInfo: $,
|
|
246
|
-
getHorizontalRange: () =>
|
|
252
|
+
getHorizontalRange: () => I.value,
|
|
247
253
|
scrollTo: (e) => {
|
|
248
254
|
function l(a) {
|
|
249
255
|
return a && typeof a == "object" && ("left" in a || "top" in a);
|
|
250
256
|
}
|
|
251
|
-
l(e) ? (e.left !== void 0 && (
|
|
257
|
+
l(e) ? (e.left !== void 0 && (i.value = O(e.left)), ne(e.top)) : ne(e);
|
|
252
258
|
}
|
|
253
|
-
}),
|
|
259
|
+
}), H([f, S, r], () => {
|
|
254
260
|
if (t.onVisibleChange) {
|
|
255
|
-
const e =
|
|
256
|
-
t.onVisibleChange(e,
|
|
261
|
+
const e = r.value.slice(f.value, S.value + 1);
|
|
262
|
+
t.onVisibleChange(e, r.value);
|
|
257
263
|
}
|
|
258
264
|
}, {
|
|
259
265
|
flush: "post"
|
|
260
266
|
});
|
|
261
|
-
const He = Ce(
|
|
267
|
+
const He = Ce(r, V, z, R), xe = ze(r, f, S, d, i, ce, (e, l, a) => L.default?.({
|
|
262
268
|
item: e,
|
|
263
269
|
index: l,
|
|
264
270
|
...a
|
|
@@ -267,17 +273,17 @@ const Qe = /* @__PURE__ */ We({
|
|
|
267
273
|
});
|
|
268
274
|
return () => {
|
|
269
275
|
const e = {};
|
|
270
|
-
t.height && (e[t.fullHeight ? "height" : "maxHeight"] = `${t.height}px`, Object.assign(e, De), c.value && (e.overflowY = "hidden",
|
|
276
|
+
t.height && (e[t.fullHeight ? "height" : "maxHeight"] = `${t.height}px`, Object.assign(e, De), c.value && (e.overflowY = "hidden", I.value > 0 && (e.overflowX = "hidden"), N.value && (e.pointerEvents = "none")));
|
|
271
277
|
const l = t.extraRender?.({
|
|
272
278
|
start: f.value,
|
|
273
279
|
end: S.value,
|
|
274
280
|
virtual: c.value,
|
|
275
|
-
offsetX:
|
|
281
|
+
offsetX: i.value,
|
|
276
282
|
offsetY: B.value || 0,
|
|
277
283
|
rtl: v.value,
|
|
278
284
|
getSize: He
|
|
279
285
|
}), a = t.component;
|
|
280
|
-
return
|
|
286
|
+
return D("div", {
|
|
281
287
|
ref: J,
|
|
282
288
|
...Ke(h),
|
|
283
289
|
style: {
|
|
@@ -289,25 +295,25 @@ const Qe = /* @__PURE__ */ We({
|
|
|
289
295
|
[`${t.prefixCls}-rtl`]: v.value
|
|
290
296
|
}, h.class],
|
|
291
297
|
onMouseenter: () => {
|
|
292
|
-
|
|
298
|
+
K.value = !0;
|
|
293
299
|
},
|
|
294
300
|
onMouseleave: () => {
|
|
295
|
-
|
|
301
|
+
K.value = !1;
|
|
296
302
|
}
|
|
297
|
-
}, [
|
|
303
|
+
}, [D(a, {
|
|
298
304
|
class: `${t.prefixCls}-holder`,
|
|
299
305
|
style: e,
|
|
300
|
-
ref: (
|
|
301
|
-
|
|
306
|
+
ref: (n) => {
|
|
307
|
+
M.value = n?.$el ?? n, ve(n?.$el ?? n);
|
|
302
308
|
},
|
|
303
309
|
onScroll: Se,
|
|
304
310
|
onWheel: me,
|
|
305
311
|
onMouseenter: te
|
|
306
312
|
}, {
|
|
307
|
-
default: () => [
|
|
313
|
+
default: () => [D(Re, {
|
|
308
314
|
prefixCls: t.prefixCls,
|
|
309
315
|
height: o.value,
|
|
310
|
-
offsetX:
|
|
316
|
+
offsetX: i.value,
|
|
311
317
|
offsetY: B.value,
|
|
312
318
|
scrollWidth: d.value,
|
|
313
319
|
onInnerResize: q,
|
|
@@ -318,7 +324,7 @@ const Qe = /* @__PURE__ */ We({
|
|
|
318
324
|
}, {
|
|
319
325
|
default: () => [xe.value]
|
|
320
326
|
})]
|
|
321
|
-
}), c.value && o.value > (t.height || 0) &&
|
|
327
|
+
}), c.value && o.value > (t.height || 0) && D(oe, {
|
|
322
328
|
ref: Q,
|
|
323
329
|
prefixCls: t.prefixCls,
|
|
324
330
|
scrollOffset: s.value,
|
|
@@ -329,14 +335,14 @@ const Qe = /* @__PURE__ */ We({
|
|
|
329
335
|
onStopMove: ie,
|
|
330
336
|
spinSize: p.value,
|
|
331
337
|
containerSize: g.value.height,
|
|
332
|
-
active:
|
|
338
|
+
active: K.value,
|
|
333
339
|
showScrollBar: t.showScrollBar,
|
|
334
340
|
style: t.styles?.verticalScrollBar,
|
|
335
341
|
thumbStyle: t.styles?.verticalScrollBarThumb
|
|
336
|
-
}), c.value && d.value > g.value.width &&
|
|
342
|
+
}), c.value && d.value > g.value.width && D(oe, {
|
|
337
343
|
ref: Z,
|
|
338
344
|
prefixCls: t.prefixCls,
|
|
339
|
-
scrollOffset:
|
|
345
|
+
scrollOffset: i.value,
|
|
340
346
|
scrollRange: d.value,
|
|
341
347
|
rtl: v.value,
|
|
342
348
|
onScroll: le,
|
|
@@ -345,7 +351,7 @@ const Qe = /* @__PURE__ */ We({
|
|
|
345
351
|
spinSize: ee.value,
|
|
346
352
|
containerSize: g.value.width,
|
|
347
353
|
horizontal: !0,
|
|
348
|
-
active:
|
|
354
|
+
active: K.value,
|
|
349
355
|
showScrollBar: t.showScrollBar,
|
|
350
356
|
style: t.styles?.horizontalScrollBar,
|
|
351
357
|
thumbStyle: t.styles?.horizontalScrollBarThumb
|
package/dist/css/style.css
CHANGED
|
@@ -720,6 +720,9 @@
|
|
|
720
720
|
.vtg-h-full {
|
|
721
721
|
height: 100%
|
|
722
722
|
}
|
|
723
|
+
.vtg-min-h-0 {
|
|
724
|
+
min-height: 0px
|
|
725
|
+
}
|
|
723
726
|
.vtg-min-h-6 {
|
|
724
727
|
min-height: 1.5rem
|
|
725
728
|
}
|
|
@@ -2045,6 +2048,10 @@
|
|
|
2045
2048
|
.vtg-group:hover .group-hover\:vtg-opacity-100 {
|
|
2046
2049
|
opacity: 1
|
|
2047
2050
|
}
|
|
2051
|
+
.\[\&\:not\(\[data-vtg-preserve-last-border\]\)\>tr\:last-child\>td\]\:vtg-border-b-0:not([data-vtg-preserve-last-border])>tr:last-child>td {
|
|
2052
|
+
border-bottom-width: 0px;
|
|
2053
|
+
border-bottom-style: solid
|
|
2054
|
+
}
|
|
2048
2055
|
.\[\&\>svg\]\:vtg-mx-auto>svg {
|
|
2049
2056
|
margin-left: auto;
|
|
2050
2057
|
margin-right: auto
|
|
@@ -2060,8 +2067,4 @@
|
|
|
2060
2067
|
}
|
|
2061
2068
|
.\[\&\>svg\]\:vtg-w-auto>svg {
|
|
2062
2069
|
width: auto
|
|
2063
|
-
}
|
|
2064
|
-
.\[\&\>tr\:last-child\>td\]\:vtg-border-b-0>tr:last-child>td {
|
|
2065
|
-
border-bottom-width: 0px;
|
|
2066
|
-
border-bottom-style: solid
|
|
2067
2070
|
}
|
|
@@ -219,6 +219,9 @@
|
|
|
219
219
|
.vtg-h-full {
|
|
220
220
|
height: 100%
|
|
221
221
|
}
|
|
222
|
+
.vtg-min-h-0 {
|
|
223
|
+
min-height: 0px
|
|
224
|
+
}
|
|
222
225
|
.vtg-min-h-6 {
|
|
223
226
|
min-height: 1.5rem
|
|
224
227
|
}
|
|
@@ -1544,6 +1547,10 @@
|
|
|
1544
1547
|
.vtg-group:hover .group-hover\:vtg-opacity-100 {
|
|
1545
1548
|
opacity: 1
|
|
1546
1549
|
}
|
|
1550
|
+
.\[\&\:not\(\[data-vtg-preserve-last-border\]\)\>tr\:last-child\>td\]\:vtg-border-b-0:not([data-vtg-preserve-last-border])>tr:last-child>td {
|
|
1551
|
+
border-bottom-width: 0px;
|
|
1552
|
+
border-bottom-style: solid
|
|
1553
|
+
}
|
|
1547
1554
|
.\[\&\>svg\]\:vtg-mx-auto>svg {
|
|
1548
1555
|
margin-left: auto;
|
|
1549
1556
|
margin-right: auto
|
|
@@ -1559,8 +1566,4 @@
|
|
|
1559
1566
|
}
|
|
1560
1567
|
.\[\&\>svg\]\:vtg-w-auto>svg {
|
|
1561
1568
|
width: auto
|
|
1562
|
-
}
|
|
1563
|
-
.\[\&\>tr\:last-child\>td\]\:vtg-border-b-0>tr:last-child>td {
|
|
1564
|
-
border-bottom-width: 0px;
|
|
1565
|
-
border-bottom-style: solid
|
|
1566
1569
|
}
|