@v-c/input-number 1.0.6 → 1.0.7

package/dist/InputNumber.js

@@ -12,6 +12,20 @@ import omit from "@v-c/util/dist/omit";
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
+/** Accumulated wheel distance that adds up to a single step. */
+var WHEEL_STEP_DISTANCE = 100;
+var WHEEL_LINE_HEIGHT = 40;
+var WHEEL_PAGE_HEIGHT = 800;
+/** Idle gap after which a new wheel gesture starts from scratch. */
+var WHEEL_DELTA_RESET_INTERVAL = 200;
+/** Normalize `deltaY` to pixels — browsers may report it in lines or pages. */
+function getWheelDeltaY(event) {
+	switch (event.deltaMode) {
+		case 1: return event.deltaY * WHEEL_LINE_HEIGHT;
+		case 2: return event.deltaY * WHEEL_PAGE_HEIGHT;
+		default: return event.deltaY;
+	}
+}
 var defaults = {
 	prefixCls: "vc-input-number",
 	step: 1,
@@ -227,20 +241,43 @@ var InputNumber = /* @__PURE__ */ defineComponent((props, { attrs, slots, expose
 		shiftKeyRef.value = false;
 		props.onKeyUp?.(event);
 	};
+	let wheelDelta = 0;
+	let wheelTimestamp = 0;
+	const resetWheel = () => {
+		wheelDelta = 0;
+		wheelTimestamp = 0;
+	};
+	const onInternalWheel = (event) => {
+		const delta = getWheelDeltaY(event);
+		if (!delta) return;
+		const eventTimestamp = event.timeStamp || Date.now();
+		if (eventTimestamp - wheelTimestamp > WHEEL_DELTA_RESET_INTERVAL) wheelDelta = 0;
+		wheelTimestamp = eventTimestamp;
+		if (wheelDelta && Math.sign(wheelDelta) !== Math.sign(delta)) wheelDelta = 0;
+		wheelDelta += delta;
+		if (Math.abs(wheelDelta) >= WHEEL_STEP_DISTANCE) {
+			onInternalStep(wheelDelta < 0, "wheel");
+			wheelDelta -= Math.sign(wheelDelta) * WHEEL_STEP_DISTANCE;
+		}
+	};
 	watchEffect((onCleanup) => {
 		if (props.changeOnWheel && focus.value && inputRef.value) {
 			const onWheel = (event) => {
-				onInternalStep(event.deltaY < 0, "wheel");
+				onInternalWheel(event);
 				event.preventDefault();
 			};
 			inputRef.value.addEventListener("wheel", onWheel, { passive: false });
-			onCleanup(() => inputRef.value?.removeEventListener("wheel", onWheel));
+			onCleanup(() => {
+				inputRef.value?.removeEventListener("wheel", onWheel);
+				resetWheel();
+			});
 		}
 	});
 	const onBlur = (e) => {
 		if (props.changeOnBlur ?? true) flushInputValue(false);
 		focus.value = false;
 		userTypingRef.value = false;
+		resetWheel();
 		props.onBlur?.(e);
 	};
 	const onFocus = (e) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/input-number",
   "type": "module",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "",
   "license": "MIT",
   "homepage": "https://github.com/antdv-next/vue-components/tree/next/packages/input-number",
@@ -31,8 +31,8 @@
   },
   "dependencies": {
     "@v-c/input": "^1.1.1",
-    "@v-c/util": "^1.0.21",
-    "@v-c/mini-decimal": "^1.0.1"
+    "@v-c/mini-decimal": "^1.0.1",
+    "@v-c/util": "^1.1.0"
   },
   "scripts": {
     "build": "vite build",