vue3-draggable-resizable - npm Package Compare versions

Comparing version 1.6.0 to 1.6.1

.eslintrc.js

@@ -0,0 +0,0 @@ module.exports = {

babel.config.js

@@ -0,0 +0,0 @@ module.exports = {

package.json

 {
   "name": "vue3-draggable-resizable",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "private": false,
@@ -5,0 +5,0 @@ "description": "[Vue3 Component] 拖拽缩放并具有自动吸附对齐、参考线等功能",

src/components/hooks.ts

@@ -99,6 +99,6 @@ import { onMounted, onUnmounted, ref, watch, Ref, computed } from 'vue'
     setResizingMinHeight,
-    $setWidth: (val: number) => setWidth(Math.floor(val)),
-    $setHeight: (val: number) => setHeight(Math.floor(val)),
-    $setTop: (val: number) => setTop(Math.floor(val)),
-    $setLeft: (val: number) => setLeft(Math.floor(val))
+    setWidth: (val: number) => setWidth(Math.floor(val)),
+    setHeight: (val: number) => setHeight(Math.floor(val)),
+    setTop: (val: number) => setTop(Math.floor(val)),
+    setLeft: (val: number) => setLeft(Math.floor(val))
   }
@@ -138,3 +138,3 @@ }
   } = containerProps
-  const { $setWidth, $setHeight, $setTop, $setLeft } = containerProps
+  const { setWidth, setHeight, setTop, setLeft } = containerProps
   const { parentWidth, parentHeight } = parentSize
@@ -180,3 +180,3 @@ const limitProps = {
       }
-      return $setWidth(
+      return setWidth(
         Math.min(
@@ -192,3 +192,3 @@ limitProps.maxWidth.value,
       }
-      return $setHeight(
+      return setHeight(
         Math.min(
@@ -204,3 +204,3 @@ limitProps.maxHeight.value,
       }
-      return $setTop(
+      return setTop(
         Math.min(
@@ -216,3 +216,3 @@ limitProps.maxTop.value,
       }
-      return $setLeft(
+      return setLeft(
         Math.min(
@@ -219,0 +219,0 @@ limitProps.maxLeft.value,

src/shims-vue.d.ts

@@ -0,0 +0,0 @@ declare module '*.vue' {

tsconfig.json

@@ -0,0 +0,0 @@ {

typings/components/hooks.d.ts

 import { Ref } from 'vue';
 import { ContainerProvider, ResizingHandle } from './types';
-declare type HandleEvent = MouseEvent | TouchEvent;
 export declare function useState<T>(initialState: T): [Ref<T>, (value: T) => T];
@@ -56,5 +55,4 @@ export declare function initState(props: any, emit: any): {
     handlesFiltered: import("vue").ComputedRef<ResizingHandle[]>;
-    resizeHandleDown: (e: HandleEvent, handleType: ResizingHandle) => void;
+    resizeHandleDown: (e: MouseEvent, handleType: ResizingHandle) => void;
 };
 export declare function watchProps(props: any, limits: ReturnType<typeof initLimitSizeAndMethods>): void;
-export {};

typings/components/utils.d.ts

@@ -7,4 +7,4 @@ import { ContainerProvider, ParentSize, ResizingHandle } from './types';
 };
-export declare const addEvent: <K extends "waiting" | "error" | "abort" | "cancel" | "progress" | "ended" | "input" | "select" | "fullscreenchange" | "fullscreenerror" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "blur" | "canplay" | "canplaythrough" | "change" | "click" | "close" | "contextmenu" | "cuechange" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragexit" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "focusin" | "focusout" | "gotpointercapture" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "lostpointercapture" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "pause" | "play" | "playing" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "ratechange" | "reset" | "resize" | "scroll" | "securitypolicyviolation" | "seeked" | "seeking" | "selectionchange" | "selectstart" | "stalled" | "submit" | "suspend" | "timeupdate" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "volumechange" | "wheel" | "copy" | "cut" | "paste">(el: HTMLElement, events: K | K[], handler: any) => void;
-export declare const removeEvent: <K extends "waiting" | "error" | "abort" | "cancel" | "progress" | "ended" | "input" | "select" | "fullscreenchange" | "fullscreenerror" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "blur" | "canplay" | "canplaythrough" | "change" | "click" | "close" | "contextmenu" | "cuechange" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragexit" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "focusin" | "focusout" | "gotpointercapture" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "lostpointercapture" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "pause" | "play" | "playing" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "ratechange" | "reset" | "resize" | "scroll" | "securitypolicyviolation" | "seeked" | "seeking" | "selectionchange" | "selectstart" | "stalled" | "submit" | "suspend" | "timeupdate" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "volumechange" | "wheel" | "copy" | "cut" | "paste">(el: HTMLElement, events: K | K[], handler: any) => void;
+export declare function addEvent<K extends keyof HTMLElementEventMap>(el: HTMLElement, event: K, handler: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any): void;
+export declare function removeEvent<K extends keyof HTMLElementEventMap>(el: HTMLElement, event: K, handler: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any): void;
 export declare function filterHandles(handles: ResizingHandle[]): ResizingHandle[];
@@ -11,0 +11,0 @@ export declare function getId(): string;

typings/components/Vue3DraggableResizable.d.ts

@@ -105,3 +105,3 @@ import { Ref } from 'vue';
     handlesFiltered: import("vue").ComputedRef<ResizingHandle[]>;
-    resizeHandleDown: (e: MouseEvent | TouchEvent, handleType: ResizingHandle) => void;
+    resizeHandleDown: (e: MouseEvent, handleType: ResizingHandle) => void;
     setWidth(val: number): number;
@@ -108,0 +108,0 @@ setHeight(val: number): number;

typings/index.d.ts

@@ -94,3 +94,3 @@ import { App } from 'vue';
             handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
-            resizeHandleDown: (e: MouseEvent | TouchEvent, handleType: import("./components/types").ResizingHandle) => void;
+            resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void;
             setWidth(val: number): number;
@@ -201,3 +201,3 @@ setHeight(val: number): number;
         handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
-        resizeHandleDown: (e: MouseEvent | TouchEvent, handleType: import("./components/types").ResizingHandle) => void;
+        resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void;
         setWidth(val: number): number;
@@ -283,3 +283,3 @@ setHeight(val: number): number;
     handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
-    resizeHandleDown: (e: MouseEvent | TouchEvent, handleType: import("./components/types").ResizingHandle) => void;
+    resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void;
     setWidth(val: number): number;
@@ -452,3 +452,3 @@ setHeight(val: number): number;
             handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
-            resizeHandleDown: (e: MouseEvent | TouchEvent, handleType: import("./components/types").ResizingHandle) => void;
+            resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void;
             setWidth(val: number): number;
@@ -559,3 +559,3 @@ setHeight(val: number): number;
         handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
-        resizeHandleDown: (e: MouseEvent | TouchEvent, handleType: import("./components/types").ResizingHandle) => void;
+        resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void;
         setWidth(val: number): number;
@@ -641,3 +641,3 @@ setHeight(val: number): number;
     handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
-    resizeHandleDown: (e: MouseEvent | TouchEvent, handleType: import("./components/types").ResizingHandle) => void;
+    resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void;
     setWidth(val: number): number;
@@ -644,0 +644,0 @@ setHeight(val: number): number;

No alert changes

Worsened metrics

Total package byte prevSize

1638474

decreased by-2.27%

Number of package files

41

decreased by-12.77%

Lines of code

10749

decreased by-8.28%

No dependency changes