@douxcode/vue-spring-bottom-sheet 3.0.0-next.1 → 3.0.0-next.3
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/BottomSheet.d.ts +21 -7
- package/dist/index.mjs +317 -296
- package/dist/style.css +1 -1
- package/package.json +17 -17
package/dist/BottomSheet.d.ts
CHANGED
|
@@ -11,7 +11,6 @@ declare function __VLS_template(): {
|
|
|
11
11
|
sheet: HTMLDivElement;
|
|
12
12
|
sheetHeader: HTMLDivElement;
|
|
13
13
|
sheetScroll: HTMLDivElement;
|
|
14
|
-
sheetContentWrapper: HTMLDivElement;
|
|
15
14
|
sheetContent: HTMLDivElement;
|
|
16
15
|
sheetFooter: HTMLDivElement;
|
|
17
16
|
};
|
|
@@ -22,12 +21,28 @@ declare const __VLS_component: import('vue').DefineComponent<BottomSheetProps, {
|
|
|
22
21
|
open: () => Promise<void>;
|
|
23
22
|
close: () => void;
|
|
24
23
|
snapToPoint: (index: number) => void;
|
|
25
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
25
|
+
opened: () => any;
|
|
26
|
+
"opening-started": () => any;
|
|
27
|
+
closed: () => any;
|
|
28
|
+
"closing-started": () => any;
|
|
29
|
+
ready: () => any;
|
|
30
|
+
"dragging-up": () => any;
|
|
31
|
+
"dragging-down": () => any;
|
|
32
|
+
snapped: (snapPointIndex?: number | undefined) => any;
|
|
33
|
+
instinctHeight: (instinctHeight: number) => any;
|
|
34
|
+
"update:modelValue": () => any;
|
|
29
35
|
}, string, import('vue').PublicProps, Readonly<BottomSheetProps> & Readonly<{
|
|
30
|
-
|
|
36
|
+
onOpened?: (() => any) | undefined;
|
|
37
|
+
"onOpening-started"?: (() => any) | undefined;
|
|
38
|
+
onClosed?: (() => any) | undefined;
|
|
39
|
+
"onClosing-started"?: (() => any) | undefined;
|
|
40
|
+
onReady?: (() => any) | undefined;
|
|
41
|
+
"onDragging-up"?: (() => any) | undefined;
|
|
42
|
+
"onDragging-down"?: (() => any) | undefined;
|
|
43
|
+
onSnapped?: ((snapPointIndex?: number | undefined) => any) | undefined;
|
|
44
|
+
onInstinctHeight?: ((instinctHeight: number) => any) | undefined;
|
|
45
|
+
"onUpdate:modelValue"?: (() => any) | undefined;
|
|
31
46
|
}>, {
|
|
32
47
|
duration: number;
|
|
33
48
|
blocking: boolean;
|
|
@@ -41,7 +56,6 @@ declare const __VLS_component: import('vue').DefineComponent<BottomSheetProps, {
|
|
|
41
56
|
sheet: HTMLDivElement;
|
|
42
57
|
sheetHeader: HTMLDivElement;
|
|
43
58
|
sheetScroll: HTMLDivElement;
|
|
44
|
-
sheetContentWrapper: HTMLDivElement;
|
|
45
59
|
sheetContent: HTMLDivElement;
|
|
46
60
|
sheetFooter: HTMLDivElement;
|
|
47
61
|
}, any>;
|
package/dist/index.mjs
CHANGED
|
@@ -1,112 +1,114 @@
|
|
|
1
|
-
import { ref as m, computed as
|
|
2
|
-
import { useVModel as
|
|
3
|
-
import { useFocusTrap as
|
|
4
|
-
function
|
|
5
|
-
const s = parseFloat(
|
|
6
|
-
return
|
|
1
|
+
import { ref as m, computed as $, defineComponent as qe, useCssVars as ze, watch as ee, onMounted as We, toRefs as Qe, nextTick as Se, onUnmounted as je, createElementBlock as ue, openBlock as Q, Fragment as Ge, createBlock as Ce, Teleport as xe, createVNode as ye, Transition as Pe, withCtx as Te, createCommentVNode as ke, unref as se, normalizeStyle as Ke, createElementVNode as j, normalizeClass as re, renderSlot as ie } from "vue";
|
|
2
|
+
import { useVModel as Ue, useWindowSize as Je, useElementBounding as te, useScrollLock as Ye } from "@vueuse/core";
|
|
3
|
+
import { useFocusTrap as Xe } from "@vueuse/integrations/useFocusTrap";
|
|
4
|
+
function G(a, o) {
|
|
5
|
+
const s = parseFloat(a);
|
|
6
|
+
return o * s / 100;
|
|
7
7
|
}
|
|
8
|
-
function
|
|
9
|
-
const t = m(0), v =
|
|
10
|
-
const
|
|
11
|
-
(
|
|
8
|
+
function Ze(a, o, s) {
|
|
9
|
+
const t = m(0), v = $(() => a.value.map((C) => typeof C == "string" ? G(C, s.value) : C)), S = $(() => Math.min(...v.value)), i = $(() => Math.max(...v.value)), x = $(() => {
|
|
10
|
+
const C = v.value.reduce(
|
|
11
|
+
(y, h) => Math.abs(h - o.value) < Math.abs(y - o.value) ? h : y
|
|
12
12
|
);
|
|
13
|
-
return v.value.indexOf(
|
|
13
|
+
return v.value.indexOf(C);
|
|
14
14
|
});
|
|
15
15
|
return {
|
|
16
16
|
currentSnapPointIndex: t,
|
|
17
17
|
flattenedSnapPoints: v,
|
|
18
|
-
minSnapPoint:
|
|
18
|
+
minSnapPoint: S,
|
|
19
19
|
maxSnapPoint: i,
|
|
20
|
-
closestSnapPointIndex:
|
|
20
|
+
closestSnapPointIndex: x
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
|
-
function
|
|
24
|
-
const { velocityThreshold:
|
|
23
|
+
function _e(a = {}) {
|
|
24
|
+
const { velocityThreshold: o = 0.5 } = a, s = m(0), t = m(0), v = m(0), S = m(0), i = m([]);
|
|
25
25
|
return {
|
|
26
|
-
start: (
|
|
27
|
-
const
|
|
28
|
-
s.value =
|
|
26
|
+
start: (h) => {
|
|
27
|
+
const w = performance.now();
|
|
28
|
+
s.value = h, t.value = w, v.value = h, S.value = w, i.value = [{ y: h, time: w }];
|
|
29
29
|
},
|
|
30
|
-
update: (
|
|
31
|
-
const
|
|
32
|
-
v.value =
|
|
33
|
-
const
|
|
34
|
-
i.value = i.value.filter((d) => d.time >
|
|
30
|
+
update: (h) => {
|
|
31
|
+
const w = performance.now();
|
|
32
|
+
v.value = h, S.value = w, i.value.push({ y: h, time: w });
|
|
33
|
+
const f = w - 100;
|
|
34
|
+
i.value = i.value.filter((d) => d.time > f).slice(-5);
|
|
35
35
|
},
|
|
36
36
|
end: () => {
|
|
37
|
-
const
|
|
38
|
-
let
|
|
39
|
-
if (
|
|
40
|
-
const
|
|
41
|
-
|
|
37
|
+
const h = i.value;
|
|
38
|
+
let w = 0;
|
|
39
|
+
if (h.length >= 2) {
|
|
40
|
+
const M = h[0], O = h[h.length - 1];
|
|
41
|
+
if (M && O) {
|
|
42
|
+
const F = O.y - M.y, L = O.time - M.time;
|
|
43
|
+
L > 0 && (w = F / L);
|
|
44
|
+
}
|
|
42
45
|
}
|
|
43
|
-
const
|
|
46
|
+
const f = Math.abs(w) >= o;
|
|
44
47
|
let d = "none";
|
|
45
|
-
return
|
|
48
|
+
return f && (d = w < 0 ? "up" : "down"), i.value = [], {
|
|
46
49
|
direction: d,
|
|
47
|
-
velocity: Math.abs(
|
|
48
|
-
isSwipe:
|
|
50
|
+
velocity: Math.abs(w),
|
|
51
|
+
isSwipe: f
|
|
49
52
|
};
|
|
50
53
|
}
|
|
51
54
|
};
|
|
52
55
|
}
|
|
53
|
-
function
|
|
54
|
-
let t = (v) =>
|
|
55
|
-
return s === void 0 ? t : Object.assign(t, { lazy: s, lazyArgs:
|
|
56
|
+
function et(a, o, s) {
|
|
57
|
+
let t = (v) => a(v, ...o);
|
|
58
|
+
return s === void 0 ? t : Object.assign(t, { lazy: s, lazyArgs: o });
|
|
59
|
+
}
|
|
60
|
+
function tt(a, o, s) {
|
|
61
|
+
let t = a.length - o.length;
|
|
62
|
+
if (t === 0) return a(...o);
|
|
63
|
+
if (t === 1) return et(a, o, s);
|
|
64
|
+
throw Error("Wrong number of arguments");
|
|
56
65
|
}
|
|
57
|
-
function
|
|
58
|
-
|
|
59
|
-
if (t === 0) return o(...l);
|
|
60
|
-
if (t === 1) return Ue(o, l, s);
|
|
61
|
-
throw new Error("Wrong number of arguments");
|
|
66
|
+
function P(...a) {
|
|
67
|
+
return tt(nt, a);
|
|
62
68
|
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
69
|
+
const nt = (a, { min: o, max: s }) => o !== void 0 && a < o ? o : s !== void 0 && a > s ? s : a, Ee = /* @__PURE__ */ Symbol("funnel/voidReducer"), at = () => Ee;
|
|
70
|
+
function lt(a, { triggerAt: o = "end", minQuietPeriodMs: s, maxBurstDurationMs: t, minGapMs: v, reducer: S = at }) {
|
|
71
|
+
let i, x, C, y, h = () => {
|
|
72
|
+
let d = C;
|
|
73
|
+
d !== void 0 && (C = void 0, d === Ee ? a() : a(d), v !== void 0 && (x = setTimeout(w, v)));
|
|
74
|
+
}, w = () => {
|
|
75
|
+
clearTimeout(x), x = void 0, i === void 0 && h();
|
|
76
|
+
}, f = () => {
|
|
77
|
+
clearTimeout(i), i = void 0, y = void 0, x === void 0 && h();
|
|
71
78
|
};
|
|
72
79
|
return { call: (...d) => {
|
|
73
|
-
let
|
|
74
|
-
if ((
|
|
80
|
+
let M = i === void 0 && x === void 0;
|
|
81
|
+
if ((o !== "start" || M) && (C = S(C, ...d)), !(i === void 0 && !M)) {
|
|
75
82
|
if (s !== void 0 || t !== void 0 || v === void 0) {
|
|
76
83
|
clearTimeout(i);
|
|
77
|
-
let
|
|
78
|
-
|
|
79
|
-
let
|
|
80
|
-
i = setTimeout(
|
|
84
|
+
let O = Date.now();
|
|
85
|
+
y ??= O;
|
|
86
|
+
let F = t === void 0 ? s ?? 0 : Math.min(s ?? t, t - (O - y));
|
|
87
|
+
i = setTimeout(f, F);
|
|
81
88
|
}
|
|
82
|
-
|
|
89
|
+
o !== "end" && M && h();
|
|
83
90
|
}
|
|
84
91
|
}, cancel: () => {
|
|
85
|
-
clearTimeout(i), i = void 0,
|
|
92
|
+
clearTimeout(i), i = void 0, y = void 0, clearTimeout(x), x = void 0, C = void 0;
|
|
86
93
|
}, flush: () => {
|
|
87
|
-
|
|
94
|
+
f(), w();
|
|
88
95
|
}, get isIdle() {
|
|
89
|
-
return i === void 0 &&
|
|
96
|
+
return i === void 0 && x === void 0;
|
|
90
97
|
} };
|
|
91
98
|
}
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
return Je(et, o);
|
|
95
|
-
}
|
|
96
|
-
var et = (o, { min: l, max: s }) => l !== void 0 && o < l ? l : s !== void 0 && o > s ? s : o;
|
|
97
|
-
function tt(o, l, s) {
|
|
98
|
-
return Math.max(l, Math.min(o, s));
|
|
99
|
+
function ot(a, o, s) {
|
|
100
|
+
return Math.max(o, Math.min(a, s));
|
|
99
101
|
}
|
|
100
|
-
function
|
|
101
|
-
return Math.pow(
|
|
102
|
+
function ut(a, o) {
|
|
103
|
+
return Math.pow(a, o * 5);
|
|
102
104
|
}
|
|
103
|
-
function
|
|
104
|
-
return
|
|
105
|
+
function Me(a, o, s) {
|
|
106
|
+
return o === 0 || Math.abs(o) === 1 / 0 ? ut(a, s) : a * o * s / (o + s * a);
|
|
105
107
|
}
|
|
106
|
-
function
|
|
107
|
-
return t === 0 ?
|
|
108
|
+
function ve(a, o, s, t = 0.15) {
|
|
109
|
+
return t === 0 ? ot(a, o, s) : a < o ? -Me(o - a, s - o, t) + o : a > s ? +Me(a - s, s - o, t) + s : a;
|
|
108
110
|
}
|
|
109
|
-
const
|
|
111
|
+
const st = ["data-vsbs-shadow", "data-vsbs-sheet-show"], rt = /* @__PURE__ */ qe({
|
|
110
112
|
__name: "BottomSheet",
|
|
111
113
|
props: {
|
|
112
114
|
duration: { default: 250 },
|
|
@@ -125,385 +127,404 @@ const at = ["data-vsbs-shadow", "data-vsbs-sheet-show"], lt = /* @__PURE__ */ Le
|
|
|
125
127
|
footerClass: {}
|
|
126
128
|
},
|
|
127
129
|
emits: ["opened", "opening-started", "closed", "closing-started", "ready", "dragging-up", "dragging-down", "snapped", "instinctHeight", "update:modelValue"],
|
|
128
|
-
setup(
|
|
129
|
-
|
|
130
|
-
|
|
130
|
+
setup(a, { expose: o, emit: s }) {
|
|
131
|
+
ze((e) => ({
|
|
132
|
+
v6f938e48: Oe.value
|
|
131
133
|
}));
|
|
132
|
-
const t =
|
|
134
|
+
const t = a, v = s, S = Ue(t, "modelValue", v, {
|
|
133
135
|
passive: !0
|
|
134
136
|
});
|
|
135
|
-
|
|
136
|
-
e &&
|
|
137
|
-
}),
|
|
138
|
-
|
|
137
|
+
ee(S, (e) => {
|
|
138
|
+
e && le();
|
|
139
|
+
}), We(() => {
|
|
140
|
+
S.value && le();
|
|
139
141
|
});
|
|
140
|
-
const i = m(null),
|
|
142
|
+
const i = m(null), x = m(null), C = m(null), y = m(null), h = m(null), w = m(null), f = m(t.expandOnContentDrag), { height: d } = Je(), { height: M } = te(i), { height: O } = te(x), { height: F } = te(h), { height: L } = te(C), ne = $({
|
|
141
143
|
get() {
|
|
142
|
-
return
|
|
143
|
-
Math.ceil(
|
|
144
|
+
return P(
|
|
145
|
+
Math.ceil(F.value + O.value + L.value),
|
|
144
146
|
{
|
|
145
|
-
max:
|
|
147
|
+
max: d.value
|
|
146
148
|
}
|
|
147
149
|
);
|
|
148
150
|
},
|
|
149
151
|
set(e) {
|
|
150
|
-
[
|
|
152
|
+
O.value = e[0], F.value = e[1], L.value = e[2];
|
|
151
153
|
}
|
|
152
|
-
}),
|
|
153
|
-
flattenedSnapPoints:
|
|
154
|
+
}), l = m(0), u = m(0), Oe = $(() => t.duration + "ms"), { snapPoints: De } = Qe(t), Y = $(() => De.value ?? [ne.value]), {
|
|
155
|
+
flattenedSnapPoints: E,
|
|
154
156
|
currentSnapPointIndex: B,
|
|
155
|
-
closestSnapPointIndex:
|
|
156
|
-
minSnapPoint:
|
|
157
|
-
maxSnapPoint:
|
|
158
|
-
} =
|
|
157
|
+
closestSnapPointIndex: A,
|
|
158
|
+
minSnapPoint: D,
|
|
159
|
+
maxSnapPoint: V
|
|
160
|
+
} = Ze(Y, l, d), K = Ye(document.body), U = Ye(document.documentElement), H = m(!1), N = m(0), J = m(0), X = m(0), I = m(0), Z = m(!0), R = _e({ velocityThreshold: 0.5 }), q = Xe([i, w], {
|
|
159
161
|
immediate: !1,
|
|
160
162
|
fallbackFocus: () => i.value || document.body
|
|
161
163
|
});
|
|
162
|
-
|
|
163
|
-
|
|
164
|
+
let z = null;
|
|
165
|
+
const Be = () => {
|
|
166
|
+
i.value && (z = new MutationObserver((e) => {
|
|
167
|
+
for (const n of e)
|
|
168
|
+
n.type === "attributes" && n.attributeName === "aria-expanded" && (n.target.getAttribute("aria-expanded") === "true" ? q.pause() : i.value?.querySelector('[aria-expanded="true"]') || q.unpause());
|
|
169
|
+
}), z.observe(i.value, {
|
|
170
|
+
attributes: !0,
|
|
171
|
+
attributeFilter: ["aria-expanded"],
|
|
172
|
+
subtree: !0
|
|
173
|
+
}));
|
|
174
|
+
}, ce = () => {
|
|
175
|
+
z && (z.disconnect(), z = null);
|
|
176
|
+
};
|
|
177
|
+
function de(e) {
|
|
178
|
+
f.value = !0, fe(e);
|
|
164
179
|
}
|
|
165
|
-
function
|
|
166
|
-
|
|
180
|
+
function fe(e) {
|
|
181
|
+
f.value && e.preventDefault();
|
|
167
182
|
}
|
|
168
|
-
const
|
|
169
|
-
e.key === "Escape" &&
|
|
170
|
-
},
|
|
171
|
-
t.canBackdropClose &&
|
|
183
|
+
const pe = (e) => {
|
|
184
|
+
e.key === "Escape" && T();
|
|
185
|
+
}, He = () => {
|
|
186
|
+
t.canBackdropClose && T();
|
|
172
187
|
};
|
|
173
|
-
let
|
|
174
|
-
const
|
|
175
|
-
if (
|
|
176
|
-
|
|
188
|
+
let ae = !1;
|
|
189
|
+
const le = async () => {
|
|
190
|
+
if (ae) return;
|
|
191
|
+
S.value = !0, ae = !0, v("opening-started"), t.blocking && (K.value = !0, U.value = !0), await Se();
|
|
177
192
|
const e = i.value;
|
|
178
|
-
|
|
193
|
+
M.value = e.getBoundingClientRect().height;
|
|
179
194
|
const n = e.querySelector("[data-vsbs-content]"), r = e.querySelector("[data-vsbs-header]"), c = e.querySelector("[data-vsbs-footer]");
|
|
180
|
-
if (
|
|
195
|
+
if (ne.value = [
|
|
181
196
|
r.getBoundingClientRect().height,
|
|
182
197
|
n.getBoundingClientRect().height,
|
|
183
198
|
c.getBoundingClientRect().height
|
|
184
|
-
], await
|
|
185
|
-
(
|
|
199
|
+
], await Se(), B.value = E.value.findIndex(
|
|
200
|
+
(p) => p === D.value
|
|
186
201
|
), t.initialSnapPoint) {
|
|
187
|
-
const
|
|
188
|
-
if (
|
|
202
|
+
const p = t.initialSnapPoint;
|
|
203
|
+
if (p < 0 || p >= Y.value.length) {
|
|
189
204
|
console.warn("Index out of bounds");
|
|
190
205
|
return;
|
|
191
206
|
}
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
207
|
+
const g = Y.value[p];
|
|
208
|
+
if (!g) return;
|
|
209
|
+
let b;
|
|
210
|
+
typeof g == "number" ? b = P(g, {
|
|
211
|
+
max: d.value
|
|
212
|
+
}) : b = G(g, d.value), l.value = b;
|
|
196
213
|
} else
|
|
197
|
-
|
|
198
|
-
max:
|
|
214
|
+
l.value = P(D.value, {
|
|
215
|
+
max: d.value
|
|
199
216
|
});
|
|
200
|
-
u.value =
|
|
217
|
+
u.value = l.value, requestAnimationFrame(() => {
|
|
201
218
|
u.value = 0, t.blocking && setTimeout(() => {
|
|
202
|
-
|
|
219
|
+
S.value && (v("opened"), q.activate(), Be());
|
|
203
220
|
}, t.duration);
|
|
204
|
-
}), window.addEventListener("keydown",
|
|
221
|
+
}), window.addEventListener("keydown", pe), ae = !1;
|
|
205
222
|
};
|
|
206
|
-
let
|
|
207
|
-
const
|
|
208
|
-
|
|
209
|
-
v("closed"),
|
|
223
|
+
let oe = !1;
|
|
224
|
+
const T = () => {
|
|
225
|
+
oe || (S.value = !1, oe = !0, v("closing-started"), t.blocking && (K.value = !1, U.value = !1), window.removeEventListener("keydown", pe), ce(), t.blocking && q.deactivate(), u.value = l.value, setTimeout(() => {
|
|
226
|
+
v("closed"), oe = !1;
|
|
210
227
|
}, t.duration));
|
|
211
|
-
},
|
|
212
|
-
if (!
|
|
213
|
-
if (e < 0 || e >=
|
|
228
|
+
}, he = (e) => {
|
|
229
|
+
if (!Y.value) return;
|
|
230
|
+
if (e < 0 || e >= Y.value.length) {
|
|
214
231
|
console.warn("Index out of bounds");
|
|
215
232
|
return;
|
|
216
233
|
}
|
|
217
234
|
B.value = e;
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
235
|
+
const n = Y.value[e];
|
|
236
|
+
if (!n) return;
|
|
237
|
+
let r;
|
|
238
|
+
typeof n == "number" ? r = P(n, {
|
|
239
|
+
max: d.value
|
|
240
|
+
}) : r = G(n, d.value), l.value = r, v("snapped", Y.value.indexOf(n));
|
|
222
241
|
};
|
|
223
|
-
function
|
|
242
|
+
function me(e) {
|
|
224
243
|
e > 0 ? v("dragging-down") : e < 0 && v("dragging-up");
|
|
225
244
|
}
|
|
226
|
-
const
|
|
245
|
+
const ge = (e) => {
|
|
227
246
|
if (!i.value) return;
|
|
228
247
|
const n = window.getComputedStyle(i.value), r = parseFloat(n.height);
|
|
229
248
|
let c = 0;
|
|
230
|
-
n.transform && n.transform !== "none" && (c = new DOMMatrix(n.transform).m42),
|
|
231
|
-
},
|
|
232
|
-
if (!
|
|
233
|
-
const n = e.clientY -
|
|
234
|
-
u.value <= 0 && (
|
|
235
|
-
|
|
249
|
+
n.transform && n.transform !== "none" && (c = new DOMMatrix(n.transform).m42), l.value = r, u.value = c, H.value = !0, N.value = e.clientY, J.value = l.value, X.value = u.value, I.value = e.clientY, R.start(e.clientY), e.target.setPointerCapture(e.pointerId);
|
|
250
|
+
}, we = (e) => {
|
|
251
|
+
if (!H.value) return;
|
|
252
|
+
const n = e.clientY - N.value, r = e.clientY;
|
|
253
|
+
u.value <= 0 && (l.value = J.value - n), l.value <= D.value && (l.value = D.value, u.value = X.value + n, t.canSwipeClose ? u.value = P(u.value, { min: 0 }) : u.value = P(
|
|
254
|
+
ve(u.value, -M.value, 0, 0.5),
|
|
236
255
|
{ min: 0 }
|
|
237
|
-
)),
|
|
256
|
+
)), l.value = P(ve(l.value, 0, V.value, 0.25), {
|
|
238
257
|
min: 0,
|
|
239
|
-
max:
|
|
240
|
-
}),
|
|
241
|
-
},
|
|
242
|
-
if (
|
|
243
|
-
let
|
|
244
|
-
if (t.swipeCloseThreshold && typeof t.swipeCloseThreshold == "number" && (
|
|
245
|
-
u.value =
|
|
258
|
+
max: d.value
|
|
259
|
+
}), me(e.clientY - I.value), R.update(e.clientY), I.value = r;
|
|
260
|
+
}, _ = (e) => {
|
|
261
|
+
if (H.value = !1, e.target.releasePointerCapture(e.pointerId), t.canSwipeClose) {
|
|
262
|
+
let g = l.value / 2;
|
|
263
|
+
if (t.swipeCloseThreshold && typeof t.swipeCloseThreshold == "number" && (g = t.swipeCloseThreshold), t.swipeCloseThreshold && typeof t.swipeCloseThreshold == "string" && t.swipeCloseThreshold.includes("%") && (g = l.value * (Number(t.swipeCloseThreshold.replace("%", "")) / 100)), u.value > g) {
|
|
264
|
+
u.value = l.value, T();
|
|
246
265
|
return;
|
|
247
266
|
}
|
|
248
267
|
} else
|
|
249
268
|
u.value = 0;
|
|
250
|
-
if (u.value ===
|
|
251
|
-
u.value = 0,
|
|
269
|
+
if (u.value === l.value) {
|
|
270
|
+
u.value = 0, T();
|
|
252
271
|
return;
|
|
253
272
|
}
|
|
254
273
|
const n = R.end();
|
|
255
|
-
if (n.isSwipe && n.direction === "down" && t.canSwipeClose &&
|
|
256
|
-
u.value =
|
|
274
|
+
if (n.isSwipe && n.direction === "down" && t.canSwipeClose && l.value <= D.value + 10) {
|
|
275
|
+
u.value = l.value, T();
|
|
257
276
|
return;
|
|
258
277
|
}
|
|
259
278
|
let r;
|
|
260
|
-
if (n.isSwipe &&
|
|
261
|
-
const
|
|
279
|
+
if (n.isSwipe && E.value.length > 1) {
|
|
280
|
+
const g = [...E.value].sort((b, k) => b - k);
|
|
262
281
|
if (n.direction === "up") {
|
|
263
|
-
const
|
|
264
|
-
r =
|
|
282
|
+
const b = g.find((k) => k > l.value + 1);
|
|
283
|
+
r = b !== void 0 ? E.value.indexOf(b) : A.value;
|
|
265
284
|
} else {
|
|
266
|
-
const
|
|
267
|
-
r =
|
|
285
|
+
const b = [...g].reverse().find((k) => k < l.value - 1);
|
|
286
|
+
r = b !== void 0 ? E.value.indexOf(b) : A.value;
|
|
268
287
|
}
|
|
269
288
|
} else
|
|
270
|
-
r =
|
|
289
|
+
r = A.value;
|
|
271
290
|
B.value = r;
|
|
272
|
-
|
|
273
|
-
if (
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
291
|
+
const c = Y.value[r];
|
|
292
|
+
if (!c) {
|
|
293
|
+
T();
|
|
294
|
+
return;
|
|
295
|
+
}
|
|
296
|
+
let p;
|
|
297
|
+
if (typeof c == "number" ? p = P(c, {
|
|
298
|
+
max: d.value
|
|
299
|
+
}) : p = G(c, d.value), p === 0) {
|
|
300
|
+
T();
|
|
280
301
|
return;
|
|
281
302
|
}
|
|
282
|
-
|
|
283
|
-
},
|
|
284
|
-
if (!
|
|
285
|
-
const n =
|
|
286
|
-
if (
|
|
303
|
+
l.value = p, u.value = 0, v("snapped", Y.value.indexOf(c));
|
|
304
|
+
}, Ie = (e) => {
|
|
305
|
+
if (!y.value) return;
|
|
306
|
+
const n = y.value.scrollTop === 0, r = e > 0, c = E.value.length === 1, p = 0.5 > Math.abs(l.value - V.value);
|
|
307
|
+
if (c) {
|
|
287
308
|
if (!t.expandOnContentDrag) {
|
|
288
|
-
|
|
309
|
+
f.value = !1;
|
|
289
310
|
return;
|
|
290
311
|
}
|
|
291
|
-
u.value === 0 && n && r && (
|
|
312
|
+
u.value === 0 && n && r && (f.value = !0), u.value === 0 && n && !r && (f.value = !1);
|
|
292
313
|
} else {
|
|
293
314
|
if (!t.expandOnContentDrag) {
|
|
294
|
-
|
|
315
|
+
f.value = !1;
|
|
295
316
|
return;
|
|
296
317
|
}
|
|
297
|
-
|
|
318
|
+
f.value = !0, p && (r && n && (f.value = !0), !r && n && (f.value = !1), n || (f.value = !1));
|
|
298
319
|
}
|
|
299
|
-
},
|
|
320
|
+
}, $e = (e) => {
|
|
300
321
|
if (!i.value) return;
|
|
301
322
|
const n = window.getComputedStyle(i.value), r = parseFloat(n.height);
|
|
302
323
|
let c = 0;
|
|
303
|
-
n.transform && n.transform !== "none" && (c = new DOMMatrix(n.transform).m42),
|
|
304
|
-
},
|
|
305
|
-
if (!
|
|
324
|
+
n.transform && n.transform !== "none" && (c = new DOMMatrix(n.transform).m42), l.value = r, u.value = c, H.value = !0, N.value = e.clientY, J.value = l.value, X.value = u.value, I.value = e.clientY, Z.value = !0, R.start(e.clientY), e.target.setPointerCapture(e.pointerId);
|
|
325
|
+
}, Fe = (e) => {
|
|
326
|
+
if (!H.value) return;
|
|
306
327
|
if (!t.expandOnContentDrag) {
|
|
307
|
-
|
|
328
|
+
f.value = !1;
|
|
308
329
|
return;
|
|
309
330
|
}
|
|
310
|
-
const n = e.clientY -
|
|
311
|
-
if (
|
|
312
|
-
const g = e.clientY -
|
|
331
|
+
const n = e.clientY - N.value, r = e.clientY, c = e.clientY - I.value;
|
|
332
|
+
if (Z.value) {
|
|
333
|
+
const g = e.clientY - N.value;
|
|
313
334
|
if (Math.abs(g) > 3)
|
|
314
|
-
|
|
335
|
+
Z.value = !1, Ie(g);
|
|
315
336
|
else {
|
|
316
|
-
|
|
337
|
+
I.value = r;
|
|
317
338
|
return;
|
|
318
339
|
}
|
|
319
340
|
}
|
|
320
|
-
u.value === 0 &&
|
|
321
|
-
|
|
341
|
+
u.value === 0 && f.value && t.expandOnContentDrag && (l.value = J.value - n), l.value <= D.value && (l.value = D.value, f.value && t.expandOnContentDrag && (u.value = X.value + n), u.value = P(u.value, { min: 0, max: D.value }), t.canSwipeClose ? u.value = P(u.value, { min: 0 }) : u.value = P(
|
|
342
|
+
ve(u.value, -M.value, 0, 0.5),
|
|
322
343
|
{ min: 0 }
|
|
323
|
-
)),
|
|
324
|
-
},
|
|
325
|
-
if (
|
|
326
|
-
let
|
|
327
|
-
if (t.swipeCloseThreshold && typeof t.swipeCloseThreshold == "number" && (
|
|
328
|
-
u.value =
|
|
344
|
+
)), l.value > V.value && (l.value = V.value), l.value = P(l.value, { max: d.value }), E.value.length === 1 || l.value === V.value && (f.value = !1), me(c), R.update(e.clientY), I.value = r;
|
|
345
|
+
}, be = (e) => {
|
|
346
|
+
if (H.value = !1, Z.value = !0, e.target.releasePointerCapture(e.pointerId), t.canSwipeClose) {
|
|
347
|
+
let b = l.value / 2;
|
|
348
|
+
if (t.swipeCloseThreshold && typeof t.swipeCloseThreshold == "number" && (b = t.swipeCloseThreshold), t.swipeCloseThreshold && typeof t.swipeCloseThreshold == "string" && t.swipeCloseThreshold.includes("%") && (b = l.value * (Number(t.swipeCloseThreshold.replace("%", "")) / 100)), u.value > b) {
|
|
349
|
+
u.value = l.value, T();
|
|
329
350
|
return;
|
|
330
351
|
}
|
|
331
352
|
} else
|
|
332
353
|
u.value = 0;
|
|
333
|
-
if (u.value ===
|
|
334
|
-
u.value = 0,
|
|
354
|
+
if (u.value === l.value) {
|
|
355
|
+
u.value = 0, T();
|
|
335
356
|
return;
|
|
336
357
|
}
|
|
337
|
-
const n = R.end(), r =
|
|
338
|
-
if (r && n.isSwipe && n.direction === "down" && t.canSwipeClose &&
|
|
339
|
-
u.value =
|
|
358
|
+
const n = R.end(), r = f.value;
|
|
359
|
+
if (r && n.isSwipe && n.direction === "down" && t.canSwipeClose && l.value <= D.value + 10) {
|
|
360
|
+
u.value = l.value, T();
|
|
340
361
|
return;
|
|
341
362
|
}
|
|
342
363
|
let c;
|
|
343
|
-
if (r && n.isSwipe &&
|
|
344
|
-
const
|
|
364
|
+
if (r && n.isSwipe && E.value.length > 1) {
|
|
365
|
+
const b = [...E.value].sort((k, W) => k - W);
|
|
345
366
|
if (n.direction === "up") {
|
|
346
|
-
const k =
|
|
347
|
-
c = k !== void 0 ?
|
|
367
|
+
const k = b.find((W) => W > l.value + 1);
|
|
368
|
+
c = k !== void 0 ? E.value.indexOf(k) : A.value;
|
|
348
369
|
} else {
|
|
349
|
-
const k = [...
|
|
350
|
-
c = k !== void 0 ?
|
|
370
|
+
const k = [...b].reverse().find((W) => W < l.value - 1);
|
|
371
|
+
c = k !== void 0 ? E.value.indexOf(k) : A.value;
|
|
351
372
|
}
|
|
352
373
|
} else
|
|
353
|
-
c =
|
|
374
|
+
c = A.value;
|
|
354
375
|
B.value = c;
|
|
355
|
-
|
|
356
|
-
if (
|
|
357
|
-
|
|
358
|
-
}) : f = N(
|
|
359
|
-
p.value[c],
|
|
360
|
-
h.value
|
|
361
|
-
), f === 0) {
|
|
362
|
-
Y();
|
|
376
|
+
const p = Y.value[c];
|
|
377
|
+
if (!p) {
|
|
378
|
+
T();
|
|
363
379
|
return;
|
|
364
380
|
}
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
381
|
+
let g;
|
|
382
|
+
if (typeof p == "number" ? g = P(p, {
|
|
383
|
+
max: d.value
|
|
384
|
+
}) : g = G(p, d.value), g === 0) {
|
|
385
|
+
T();
|
|
386
|
+
return;
|
|
387
|
+
}
|
|
388
|
+
l.value = g, u.value = 0, v("snapped", Y.value.indexOf(p));
|
|
389
|
+
}, Ae = () => {
|
|
390
|
+
t.blocking || (K.value = !0, U.value = !0);
|
|
391
|
+
}, Re = () => {
|
|
392
|
+
t.blocking || (K.value = !1, U.value = !1);
|
|
393
|
+
}, Le = () => {
|
|
394
|
+
if (!y.value) return;
|
|
395
|
+
const e = y.value.scrollTop === 0;
|
|
396
|
+
f.value = e;
|
|
397
|
+
}, Ve = lt((e) => he(e), {
|
|
375
398
|
minQuietPeriodMs: t.duration,
|
|
376
399
|
reducer: (e, n) => n
|
|
377
400
|
});
|
|
378
|
-
|
|
379
|
-
if (
|
|
401
|
+
ee(Y, (e, n) => {
|
|
402
|
+
if (S.value === !1 || !e || !n) return;
|
|
380
403
|
const r = e[B.value], c = n[B.value];
|
|
381
|
-
typeof r
|
|
382
|
-
max:
|
|
404
|
+
!r || typeof r == "string" || !c || typeof c == "string" || (l.value = P(r, {
|
|
405
|
+
max: d.value
|
|
383
406
|
}));
|
|
384
|
-
}),
|
|
385
|
-
|
|
386
|
-
}),
|
|
407
|
+
}), ee(d, () => {
|
|
408
|
+
Ve.call(B.value);
|
|
409
|
+
}), ee(ne, (e) => {
|
|
387
410
|
v("instinctHeight", e);
|
|
388
|
-
}),
|
|
389
|
-
|
|
411
|
+
}), je(() => {
|
|
412
|
+
ce(), q.deactivate();
|
|
390
413
|
});
|
|
391
|
-
const
|
|
414
|
+
const Ne = (e) => {
|
|
392
415
|
const n = e;
|
|
393
|
-
n.style.transition = `transform ${t.duration}ms ease, height ${t.duration}ms ease`, n.style.transform = `translateY(${
|
|
416
|
+
n.style.transition = `transform ${t.duration}ms ease, height ${t.duration}ms ease`, n.style.transform = `translateY(${l.value}px)`;
|
|
394
417
|
};
|
|
395
|
-
return
|
|
396
|
-
(
|
|
397
|
-
to:
|
|
398
|
-
defer:
|
|
418
|
+
return o({ open: le, close: T, snapToPoint: he }), (e, n) => (Q(), ue(Ge, null, [
|
|
419
|
+
(Q(), Ce(xe, {
|
|
420
|
+
to: a.teleportTo,
|
|
421
|
+
defer: a.teleportDefer
|
|
399
422
|
}, [
|
|
400
|
-
|
|
401
|
-
default:
|
|
402
|
-
|
|
423
|
+
ye(Pe, { name: "vsbs-backdrop" }, {
|
|
424
|
+
default: Te(() => [
|
|
425
|
+
se(S) && a.blocking ? (Q(), ue("div", {
|
|
403
426
|
key: 0,
|
|
404
427
|
ref_key: "backdrop",
|
|
405
|
-
ref:
|
|
428
|
+
ref: w,
|
|
406
429
|
"data-vsbs-backdrop": "",
|
|
407
|
-
onClick: n[0] || (n[0] = (r) =>
|
|
408
|
-
}, null, 512)) :
|
|
430
|
+
onClick: n[0] || (n[0] = (r) => He())
|
|
431
|
+
}, null, 512)) : ke("", !0)
|
|
409
432
|
]),
|
|
410
433
|
_: 1
|
|
411
434
|
})
|
|
412
435
|
], 8, ["to", "defer"])),
|
|
413
|
-
(
|
|
414
|
-
to:
|
|
415
|
-
defer:
|
|
436
|
+
(Q(), Ce(xe, {
|
|
437
|
+
to: a.teleportTo,
|
|
438
|
+
defer: a.teleportDefer
|
|
416
439
|
}, [
|
|
417
|
-
|
|
440
|
+
ye(Pe, {
|
|
418
441
|
name: "vsbs-sheet",
|
|
419
|
-
onLeave:
|
|
442
|
+
onLeave: Ne
|
|
420
443
|
}, {
|
|
421
|
-
default:
|
|
422
|
-
|
|
444
|
+
default: Te(() => [
|
|
445
|
+
se(S) ? (Q(), ue("div", {
|
|
423
446
|
key: 0,
|
|
424
447
|
ref_key: "sheet",
|
|
425
448
|
ref: i,
|
|
426
|
-
style:
|
|
449
|
+
style: Ke({
|
|
427
450
|
transform: `translateY(${u.value}px)`,
|
|
428
|
-
height: `${
|
|
429
|
-
transition:
|
|
451
|
+
height: `${l.value}px`,
|
|
452
|
+
transition: H.value ? "none" : `transform ${a.duration}ms ease, height ${a.duration}ms ease`
|
|
430
453
|
}),
|
|
431
|
-
"data-vsbs-shadow": !
|
|
432
|
-
"data-vsbs-sheet-show":
|
|
454
|
+
"data-vsbs-shadow": !a.blocking,
|
|
455
|
+
"data-vsbs-sheet-show": se(S),
|
|
433
456
|
"aria-modal": "true",
|
|
434
457
|
"data-vsbs-sheet": "",
|
|
435
458
|
tabindex: "-1",
|
|
436
|
-
onTouchstart:
|
|
437
|
-
onTouchend:
|
|
459
|
+
onTouchstart: Ae,
|
|
460
|
+
onTouchend: Re
|
|
438
461
|
}, [
|
|
439
|
-
|
|
462
|
+
j("div", {
|
|
440
463
|
ref_key: "sheetHeader",
|
|
441
|
-
ref:
|
|
464
|
+
ref: x,
|
|
442
465
|
"data-vsbs-header": "",
|
|
443
|
-
onPointerdown:
|
|
444
|
-
onPointermove:
|
|
445
|
-
onPointerup:
|
|
446
|
-
onPointercancel:
|
|
447
|
-
onTouchmove:
|
|
448
|
-
class:
|
|
466
|
+
onPointerdown: ge,
|
|
467
|
+
onPointermove: we,
|
|
468
|
+
onPointerup: _,
|
|
469
|
+
onPointercancel: _,
|
|
470
|
+
onTouchmove: de,
|
|
471
|
+
class: re(a.headerClass),
|
|
449
472
|
style: { "touch-action": "none" }
|
|
450
473
|
}, [
|
|
451
|
-
|
|
474
|
+
ie(e.$slots, "header", {}, void 0, !0)
|
|
452
475
|
], 34),
|
|
453
|
-
|
|
476
|
+
j("div", {
|
|
454
477
|
ref_key: "sheetScroll",
|
|
455
|
-
ref:
|
|
478
|
+
ref: y,
|
|
456
479
|
"data-vsbs-scroll": "",
|
|
457
|
-
onScrollend:
|
|
480
|
+
onScrollend: Le
|
|
458
481
|
}, [
|
|
459
|
-
|
|
460
|
-
ref_key: "sheetContentWrapper",
|
|
461
|
-
ref: w,
|
|
482
|
+
j("div", {
|
|
462
483
|
"data-vsbs-content-wrapper": "",
|
|
463
|
-
onPointerdown:
|
|
464
|
-
onPointermove:
|
|
465
|
-
onPointerup:
|
|
466
|
-
onPointercancel:
|
|
467
|
-
onTouchmove:
|
|
484
|
+
onPointerdown: $e,
|
|
485
|
+
onPointermove: Fe,
|
|
486
|
+
onPointerup: be,
|
|
487
|
+
onPointercancel: be,
|
|
488
|
+
onTouchmove: fe,
|
|
468
489
|
style: { touchAction: "pan-y" }
|
|
469
490
|
}, [
|
|
470
|
-
|
|
491
|
+
j("div", {
|
|
471
492
|
ref_key: "sheetContent",
|
|
472
|
-
ref:
|
|
493
|
+
ref: h,
|
|
473
494
|
"data-vsbs-content": "",
|
|
474
|
-
class:
|
|
495
|
+
class: re(a.contentClass)
|
|
475
496
|
}, [
|
|
476
|
-
|
|
497
|
+
ie(e.$slots, "default", {}, void 0, !0)
|
|
477
498
|
], 2)
|
|
478
|
-
],
|
|
499
|
+
], 32)
|
|
479
500
|
], 544),
|
|
480
|
-
|
|
501
|
+
j("div", {
|
|
481
502
|
ref_key: "sheetFooter",
|
|
482
|
-
ref:
|
|
503
|
+
ref: C,
|
|
483
504
|
"data-vsbs-footer": "",
|
|
484
|
-
onPointerdown:
|
|
485
|
-
onPointermove:
|
|
486
|
-
onPointerup:
|
|
487
|
-
onPointercancel:
|
|
488
|
-
onTouchmove:
|
|
489
|
-
class:
|
|
505
|
+
onPointerdown: ge,
|
|
506
|
+
onPointermove: we,
|
|
507
|
+
onPointerup: _,
|
|
508
|
+
onPointercancel: _,
|
|
509
|
+
onTouchmove: de,
|
|
510
|
+
class: re(a.footerClass),
|
|
490
511
|
style: { "touch-action": "none" }
|
|
491
512
|
}, [
|
|
492
|
-
|
|
513
|
+
ie(e.$slots, "footer", {}, void 0, !0)
|
|
493
514
|
], 34)
|
|
494
|
-
], 44,
|
|
515
|
+
], 44, st)) : ke("", !0)
|
|
495
516
|
]),
|
|
496
517
|
_: 3
|
|
497
518
|
})
|
|
498
519
|
], 8, ["to", "defer"]))
|
|
499
520
|
], 64));
|
|
500
521
|
}
|
|
501
|
-
}),
|
|
502
|
-
const s =
|
|
503
|
-
for (const [t, v] of
|
|
522
|
+
}), it = (a, o) => {
|
|
523
|
+
const s = a.__vccOpts || a;
|
|
524
|
+
for (const [t, v] of o)
|
|
504
525
|
s[t] = v;
|
|
505
526
|
return s;
|
|
506
|
-
},
|
|
527
|
+
}, ft = /* @__PURE__ */ it(rt, [["__scopeId", "data-v-1827f711"]]);
|
|
507
528
|
export {
|
|
508
|
-
|
|
529
|
+
ft as default
|
|
509
530
|
};
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-vsbs-backdrop][data-v-
|
|
1
|
+
[data-vsbs-backdrop][data-v-1827f711]{background-color:var(--vsbs-backdrop-bg, rgba(0, 0, 0, .5));inset:0;pointer-events:auto;position:fixed;-webkit-user-select:none;user-select:none;will-change:opacity;--vsbs-duration: var(--v6f938e48)}[data-vsbs-shadow=true][data-v-1827f711]:before{content:"";z-index:-1;position:absolute;top:0;height:100lvh;width:100%;border-radius:var(--vsbs-border-radius, 16px);box-shadow:0 -5px 60px 0 var(--vsbs-shadow-color, rgba(89, 89, 89, .2))}[data-vsbs-sheet][data-v-1827f711]{background-color:var(--vsbs-background, #fff);border-top-left-radius:var(--vsbs-border-radius, 16px);border-top-right-radius:var(--vsbs-border-radius, 16px);border-right:1px solid var(--vsbs-outer-border-color, transparent);border-left:1px solid var(--vsbs-outer-border-color, transparent);bottom:0;display:flex;flex-direction:column;left:0;margin-left:auto;margin-right:auto;max-width:var(--vsbs-max-width, 640px);pointer-events:all;position:fixed;right:0;width:100%;will-change:height,transform}[data-vsbs-sheet-show=true][data-v-1827f711]{visibility:visible}[data-vsbs-header][data-v-1827f711]{box-shadow:0 1px 0 var(--vsbs-border-color, rgba(46, 59, 66, .125));flex-shrink:0;padding:20px var(--vsbs-padding-x, 16px) 8px;-webkit-user-select:none;user-select:none;z-index:3;border-top-left-radius:var(--vsbs-border-radius, 16px);border-top-right-radius:var(--vsbs-border-radius, 16px);border-top:1px solid var(--vsbs-outer-border-color, transparent)}[data-vsbs-header][data-v-1827f711]:before{background-color:var(--vsbs-handle-background, rgba(0, 0, 0, .28));border-radius:2px;content:"";display:block;height:4px;left:50%;position:absolute;top:8px;transform:translate(-50%);width:36px}[data-vsbs-header][data-v-1827f711]:empty{box-shadow:none;padding:14px var(--vsbs-padding-x, 16px) 10px}[data-vsbs-footer][data-v-1827f711]{box-shadow:0 -1px 0 var(--vsbs-border-color, rgba(46, 59, 66, .125));flex-grow:0;flex-shrink:0;padding:16px var(--vsbs-padding-x, 16px);-webkit-user-select:none;user-select:none}[data-vsbs-footer][data-v-1827f711]:empty{display:none}[data-vsbs-scroll][data-v-1827f711]{flex-grow:1;overflow-y:auto;overscroll-behavior:none}[data-vsbs-content-wrapper][data-v-1827f711]{height:100%}[data-vsbs-content][data-v-1827f711]{display:grid;padding:8px var(--vsbs-padding-x, 16px);-webkit-user-select:none;user-select:none}.vsbs-backdrop-enter-active[data-v-1827f711],.vsbs-backdrop-leave-active[data-v-1827f711]{transition:opacity var(--vsbs-duration) ease}.vsbs-backdrop-enter-from[data-v-1827f711],.vsbs-backdrop-leave-to[data-v-1827f711]{opacity:0}
|
package/package.json
CHANGED
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"url": "https://github.com/megaarmos/vue-spring-bottom-sheet/issues"
|
|
33
33
|
},
|
|
34
34
|
"private": false,
|
|
35
|
-
"version": "3.0.0-next.
|
|
35
|
+
"version": "3.0.0-next.3",
|
|
36
36
|
"type": "module",
|
|
37
37
|
"exports": {
|
|
38
38
|
".": {
|
|
@@ -61,26 +61,26 @@
|
|
|
61
61
|
"vue": ">=3.3"
|
|
62
62
|
},
|
|
63
63
|
"dependencies": {
|
|
64
|
-
"@vueuse/core": "^
|
|
65
|
-
"@vueuse/integrations": "^
|
|
66
|
-
"focus-trap": "^7.
|
|
67
|
-
"remeda": "^2.
|
|
68
|
-
"vue": "^3.5.
|
|
64
|
+
"@vueuse/core": "^14.1.0",
|
|
65
|
+
"@vueuse/integrations": "^14.1.0",
|
|
66
|
+
"focus-trap": "^7.8.0",
|
|
67
|
+
"remeda": "^2.33.3",
|
|
68
|
+
"vue": "^3.5.26"
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
71
|
-
"@types/node": "^
|
|
72
|
-
"@vitejs/plugin-vue": "^
|
|
71
|
+
"@types/node": "^25.0.8",
|
|
72
|
+
"@vitejs/plugin-vue": "^6.0.3",
|
|
73
73
|
"@vue/eslint-config-prettier": "^10.2.0",
|
|
74
|
-
"@vue/eslint-config-typescript": "^14.
|
|
75
|
-
"@vue/tsconfig": "^0.
|
|
74
|
+
"@vue/eslint-config-typescript": "^14.6.0",
|
|
75
|
+
"@vue/tsconfig": "^0.8.1",
|
|
76
76
|
"ajv": "^8.17.1",
|
|
77
|
-
"eslint": "^9.
|
|
78
|
-
"eslint-plugin-vue": "^10.
|
|
79
|
-
"prettier": "^3.
|
|
80
|
-
"typescript": "~5.
|
|
81
|
-
"vite": "^
|
|
82
|
-
"vite-plugin-dts": "4.5.
|
|
83
|
-
"vue-tsc": "^2.2
|
|
77
|
+
"eslint": "^9.39.2",
|
|
78
|
+
"eslint-plugin-vue": "^10.6.2",
|
|
79
|
+
"prettier": "^3.7.4",
|
|
80
|
+
"typescript": "~5.9.3",
|
|
81
|
+
"vite": "^7.3.1",
|
|
82
|
+
"vite-plugin-dts": "4.5.4",
|
|
83
|
+
"vue-tsc": "^3.2.2"
|
|
84
84
|
},
|
|
85
85
|
"files": [
|
|
86
86
|
"dist",
|