@maas/vue-equipment 1.0.0-beta.55 → 1.0.0-beta.57
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/nuxt/module.json +1 -1
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerDrag.mjs +5 -4
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerProgress.mjs +3 -1
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerUtils.d.ts +1 -1
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerUtils.mjs +8 -5
- package/dist/plugins/MagicMenu/src/components/MagicMenuContent.d.vue.ts +1 -1
- package/dist/plugins/MagicMenu/src/components/MagicMenuContent.vue.d.ts +1 -1
- package/package.json +1 -1
package/dist/nuxt/module.json
CHANGED
|
@@ -213,30 +213,31 @@ export function useDrawerDrag(args) {
|
|
|
213
213
|
}
|
|
214
214
|
}
|
|
215
215
|
function setDragged({ x, y }) {
|
|
216
|
+
const os = toValue(overshoot);
|
|
216
217
|
switch (position) {
|
|
217
218
|
case "bottom": {
|
|
218
|
-
const newDraggedB = clamp(y - originY.value, 0,
|
|
219
|
+
const newDraggedB = clamp(y - originY.value, 0, os * -1, false);
|
|
219
220
|
if (newDraggedB === draggedY.value) break;
|
|
220
221
|
relDirectionY.value = newDraggedB < draggedY.value ? "below" : "above";
|
|
221
222
|
draggedY.value = newDraggedB;
|
|
222
223
|
break;
|
|
223
224
|
}
|
|
224
225
|
case "top": {
|
|
225
|
-
const newDraggedT = clamp(y - originY.value, 0,
|
|
226
|
+
const newDraggedT = clamp(y - originY.value, 0, os, true);
|
|
226
227
|
if (newDraggedT === draggedY.value) break;
|
|
227
228
|
relDirectionY.value = newDraggedT < draggedY.value ? "below" : "above";
|
|
228
229
|
draggedY.value = newDraggedT;
|
|
229
230
|
break;
|
|
230
231
|
}
|
|
231
232
|
case "right": {
|
|
232
|
-
const newDraggedR = clamp(x - originX.value, 0,
|
|
233
|
+
const newDraggedR = clamp(x - originX.value, 0, os * -1, false);
|
|
233
234
|
if (newDraggedR === draggedX.value) break;
|
|
234
235
|
relDirectionX.value = newDraggedR < draggedX.value ? "below" : "above";
|
|
235
236
|
draggedX.value = newDraggedR;
|
|
236
237
|
break;
|
|
237
238
|
}
|
|
238
239
|
case "left": {
|
|
239
|
-
const newDraggedL = clamp(x - originX.value, 0,
|
|
240
|
+
const newDraggedL = clamp(x - originX.value, 0, os, true);
|
|
240
241
|
if (newDraggedL === draggedX.value) break;
|
|
241
242
|
relDirectionX.value = newDraggedL < draggedX.value ? "below" : "above";
|
|
242
243
|
draggedX.value = newDraggedL;
|
|
@@ -58,7 +58,7 @@ export function useDrawerProgress(args) {
|
|
|
58
58
|
rawY = mapValue(
|
|
59
59
|
elRect.top.value * -1,
|
|
60
60
|
drawerRect.height.value,
|
|
61
|
-
|
|
61
|
+
maxY.value,
|
|
62
62
|
0,
|
|
63
63
|
1
|
|
64
64
|
);
|
|
@@ -82,6 +82,8 @@ export function useDrawerProgress(args) {
|
|
|
82
82
|
);
|
|
83
83
|
break;
|
|
84
84
|
}
|
|
85
|
+
rawX = rawX === -0 ? 0 : rawX;
|
|
86
|
+
rawY = rawY === -0 ? 0 : rawY;
|
|
85
87
|
const x = clampValue(rawX, 0, 1);
|
|
86
88
|
const y = clampValue(rawY, 0, 1);
|
|
87
89
|
progress.value = { x, y };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export function useDrawerUtils() {
|
|
2
|
-
function clamp(value, from, to) {
|
|
2
|
+
function clamp(value, from, to, flip) {
|
|
3
3
|
if (from > to) {
|
|
4
4
|
if (value > from) {
|
|
5
5
|
return value;
|
|
@@ -19,10 +19,13 @@ export function useDrawerUtils() {
|
|
|
19
19
|
return value;
|
|
20
20
|
}
|
|
21
21
|
} else {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
switch (flip) {
|
|
23
|
+
case true:
|
|
24
|
+
return value > to ? to : value;
|
|
25
|
+
case false:
|
|
26
|
+
return value < to ? to : value;
|
|
27
|
+
default:
|
|
28
|
+
return value < to ? to : value;
|
|
26
29
|
}
|
|
27
30
|
}
|
|
28
31
|
}
|