|
@@ -141,8 +141,6 @@ export default function useDrag(
|
|
|
width: 400
|
|
|
});
|
|
|
const dragStyles = reactive({
|
|
|
- // width: getSizeToUnit(baseSize.minWidth),
|
|
|
- // height: getSizeToUnit(baseSize.minHeight),
|
|
|
maxHeight: getSizeToUnit(baseSize.maxHeight),
|
|
|
minWidth: getSizeToUnit(baseSize.minWidth),
|
|
|
minHeight: getSizeToUnit(baseSize.minHeight),
|
|
@@ -469,21 +467,21 @@ function drag(
|
|
|
}
|
|
|
}
|
|
|
function onRight(moveX: number) {
|
|
|
- moveX = moveX < minLeft ? minLeft : moveX > maxLeft ? maxLeft : moveX;
|
|
|
+ // moveX =
|
|
|
+ // moveX < minLeft
|
|
|
+ // ? minLeft
|
|
|
+ // : moveX > maxResizeLeft
|
|
|
+ // ? maxResizeLeft
|
|
|
+ // : moveX;
|
|
|
|
|
|
const suffix = Math.ceil(
|
|
|
baseWidth + moveX - (baseSize.width + baseSize.transformX)
|
|
|
);
|
|
|
- if (baseSize.maxWidth > baseSize.width) {
|
|
|
+ if (suffix > 0 || baseSize.width > baseSize.minWidth) {
|
|
|
baseSize.width =
|
|
|
- baseSize.width + suffix > baseSize.maxWidth
|
|
|
+ baseSize.width + suffix >= baseSize.maxWidth
|
|
|
? baseSize.maxWidth
|
|
|
: baseSize.width + suffix;
|
|
|
- } else {
|
|
|
- baseSize.width =
|
|
|
- baseSize.width + suffix <= baseSize.minWidth
|
|
|
- ? baseSize.minWidth
|
|
|
- : baseSize.width + suffix;
|
|
|
}
|
|
|
}
|
|
|
function onBottom(moveY: number) {
|