@cyberpunk-vue/components 1.13.16 → 1.13.17

package/dist/index.mjs

@@ -829,6 +829,18 @@ var xe = [], Se = 0, Ce = 0, we = () => [...xe].sort((e, t) => e.stackPriority =
 		type: Number,
 		default: 1
 	},
+	wheel: {
+		type: Boolean,
+		default: !0
+	},
+	wheelReverse: {
+		type: Boolean,
+		default: !1
+	},
+	wheelStep: {
+		type: Number,
+		default: void 0
+	},
 	precision: {
 		type: Number,
 		default: void 0
@@ -881,7 +893,7 @@ var xe = [], Se = 0, Ce = 0, we = () => [...xe].sort((e, t) => e.stackPriority =
 			sm: 28,
 			md: 36,
 			lg: 44
-		}, p = A(), m = A(!1), h = A(null), g = a(() => h.value === null ? r.modelValue === void 0 || r.modelValue === null ? "" : r.precision === void 0 ? String(r.modelValue) : r.modelValue.toFixed(r.precision) : h.value), _ = a(() => [
+		}, p = A(), m = A(!1), h = A(!1), g = A(null), _ = a(() => g.value === null ? r.modelValue === void 0 || r.modelValue === null ? "" : r.precision === void 0 ? String(r.modelValue) : r.modelValue.toFixed(r.precision) : g.value), y = a(() => [
 			o.b(),
 			Y(r.size) && o.m(r.size),
 			o.m(`controls-${r.controlsPosition}`),
@@ -891,45 +903,70 @@ var xe = [], Se = 0, Ce = 0, we = () => [...xe].sort((e, t) => e.stackPriority =
 			o.is("custom-color", !!r.color),
 			o.is("without-controls", !r.controls),
 			o.is("custom-size", !Y(r.size))
-		]), y = a(() => {
+		]), b = a(() => {
 			let e = {};
 			return r.color && (e["--cp-input-number-custom-color"] = r.color, e["--cp-input-number-custom-color-light"] = `color-mix(in srgb, ${r.color} 20%, transparent)`), Y(r.size) || (e["--cp-input-number-height"] = ne(r.size, f)), e;
-		}), b = a(() => r.modelValue <= r.min), x = a(() => r.modelValue >= r.max), C = (e) => r.precision === void 0 ? e : parseFloat(e.toFixed(r.precision)), T = (e) => {
+		}), x = a(() => r.modelValue <= r.min), C = a(() => r.modelValue >= r.max), T = a(() => r.wheelStep ?? r.step), E = (e) => r.precision === void 0 ? e : parseFloat(e.toFixed(r.precision)), O = (e) => {
 			let t = r.modelValue, n = e;
-			n < r.min && (n = r.min), n > r.max && (n = r.max), n = C(n), t !== n && (i("update:modelValue", n), i("change", n, t));
-		}, E = () => {
-			d.value || r.readonly || x.value || T(r.modelValue + r.step);
-		}, O = () => {
-			d.value || r.readonly || b.value || T(r.modelValue - r.step);
+			n < r.min && (n = r.min), n > r.max && (n = r.max), n = E(n), t !== n && (i("update:modelValue", n), i("change", n, t));
 		}, k = (e) => {
-			h.value = e.target.value;
-		}, j = (e) => {
+			let t = Math.abs(e);
+			return Number.isFinite(t) ? t : 0;
+		}, j = (e, t) => {
+			if (d.value || r.readonly) return;
+			let n = k(t);
+			if (n !== 0) {
+				if (e > 0) {
+					if (C.value) return;
+					g.value = null, O(r.modelValue + n);
+					return;
+				}
+				x.value || (g.value = null, O(r.modelValue - n));
+			}
+		}, M = () => {
+			j(1, r.step);
+		}, N = () => {
+			j(-1, r.step);
+		}, P = (e) => {
+			g.value = e.target.value;
+		}, F = (e) => {
 			let t = e.target.value;
-			if (h.value = null, t === "" || t === "-") {
-				T(r.min > -Infinity ? r.min : 0);
+			if (g.value = null, t === "" || t === "-") {
+				O(r.min > -Infinity ? r.min : 0);
 				return;
 			}
 			let n = parseFloat(t);
-			isNaN(n) || T(n);
-		}, M = (e) => {
+			isNaN(n) || O(n);
+		}, I = (e) => {
 			m.value = !0, i("focus", e);
-		}, N = (e) => {
-			m.value = !1, h.value = null, i("blur", e);
+		}, L = (e) => {
+			m.value = !1, g.value = null, i("blur", e);
+		}, R = () => {
+			h.value = !0;
+		}, z = () => {
+			h.value = !1;
+		}, V = (e) => {
+			if (!r.wheel || !h.value && !m.value || d.value || r.readonly || e.deltaY === 0) return;
+			let t = r.wheelReverse ? e.deltaY > 0 : e.deltaY < 0;
+			k(T.value) !== 0 && (t && C.value || !t && x.value || (e.preventDefault(), j(t ? 1 : -1, T.value)));
 		};
 		return t({
 			focus: () => p.value?.focus(),
 			blur: () => p.value?.blur(),
 			inputRef: p
 		}), (e, t) => (D(), c("div", {
-			class: S(_.value),
-			style: w(y.value)
+			class: S(y.value),
+			style: w(b.value),
+			onMouseenter: R,
+			onMouseleave: z,
+			onWheel: V
 		}, [
 			e.controls && e.controlsPosition === "both" ? (D(), c("button", {
 				key: 0,
 				type: "button",
-				class: S([B(o).e("decrease"), { "is-disabled": b.value || d.value }]),
-				disabled: b.value || d.value,
-				onClick: O
+				class: S([B(o).e("decrease"), { "is-disabled": x.value || d.value }]),
+				disabled: x.value || d.value,
+				onClick: N
 			}, [...t[0] ||= [l("svg", {
 				viewBox: "0 0 24 24",
 				fill: "currentColor"
@@ -940,21 +977,21 @@ var xe = [], Se = 0, Ce = 0, we = () => [...xe].sort((e, t) => e.stackPriority =
 				class: S(B(o).e("inner")),
 				type: "text",
 				inputmode: "decimal",
-				value: g.value,
+				value: _.value,
 				placeholder: e.placeholder,
 				disabled: d.value,
 				readonly: e.readonly,
-				onInput: k,
-				onChange: j,
-				onFocus: M,
-				onBlur: N
+				onInput: P,
+				onChange: F,
+				onFocus: I,
+				onBlur: L
 			}, null, 42, dt),
 			e.controls && e.controlsPosition === "both" ? (D(), c("button", {
 				key: 1,
 				type: "button",
-				class: S([B(o).e("increase"), { "is-disabled": x.value || d.value }]),
-				disabled: x.value || d.value,
-				onClick: E
+				class: S([B(o).e("increase"), { "is-disabled": C.value || d.value }]),
+				disabled: C.value || d.value,
+				onClick: M
 			}, [...t[1] ||= [l("svg", {
 				viewBox: "0 0 24 24",
 				fill: "currentColor"
@@ -964,22 +1001,22 @@ var xe = [], Se = 0, Ce = 0, we = () => [...xe].sort((e, t) => e.stackPriority =
 				class: S(B(o).e("controls"))
 			}, [l("button", {
 				type: "button",
-				class: S([B(o).e("increase"), { "is-disabled": x.value || d.value }]),
-				disabled: x.value || d.value,
-				onClick: E
+				class: S([B(o).e("increase"), { "is-disabled": C.value || d.value }]),
+				disabled: C.value || d.value,
+				onClick: M
 			}, [...t[2] ||= [l("svg", {
 				viewBox: "0 0 24 24",
 				fill: "currentColor"
 			}, [l("path", { d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" })], -1)]], 10, pt), l("button", {
 				type: "button",
-				class: S([B(o).e("decrease"), { "is-disabled": b.value || d.value }]),
-				disabled: b.value || d.value,
-				onClick: O
+				class: S([B(o).e("decrease"), { "is-disabled": x.value || d.value }]),
+				disabled: x.value || d.value,
+				onClick: N
 			}, [...t[3] ||= [l("svg", {
 				viewBox: "0 0 24 24",
 				fill: "currentColor"
 			}, [l("path", { d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z" })], -1)]], 10, mt)], 2)) : s("", !0)
-		], 6));
+		], 38));
 	}
 })), gt = {
 	modelValue: {

package/dist/input-number/index.d.ts

@@ -15,6 +15,18 @@ export declare const CpInputNumber: import('../utils').SFCWithInstall<import('vu
         readonly type: NumberConstructor;
         readonly default: 1;
     };
+    readonly wheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly wheelReverse: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly wheelStep: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
     readonly precision: {
         readonly type: NumberConstructor;
         readonly default: undefined;
@@ -73,6 +85,18 @@ export declare const CpInputNumber: import('../utils').SFCWithInstall<import('vu
         readonly type: NumberConstructor;
         readonly default: 1;
     };
+    readonly wheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly wheelReverse: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly wheelStep: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
     readonly precision: {
         readonly type: NumberConstructor;
         readonly default: undefined;
@@ -112,6 +136,7 @@ export declare const CpInputNumber: import('../utils').SFCWithInstall<import('vu
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
     readonly size: import('@cyberpunk-vue/hooks').Size;
+    readonly wheel: boolean;
     readonly color: string;
     readonly disabled: boolean;
     readonly placeholder: string;
@@ -120,6 +145,8 @@ export declare const CpInputNumber: import('../utils').SFCWithInstall<import('vu
     readonly min: number;
     readonly max: number;
     readonly step: number;
+    readonly wheelReverse: boolean;
+    readonly wheelStep: number;
     readonly precision: number;
     readonly controls: boolean;
     readonly controlsPosition: "right" | "both";

package/dist/input-number/src/input-number.d.ts

@@ -36,6 +36,33 @@ export declare const inputNumberProps: {
         readonly type: NumberConstructor;
         readonly default: 1;
     };
+    /**
+     * 是否启用滚轮增减
+     * @default true
+     * @description hover 或 focus 状态下，上滚动增加、下滚动减少
+     */
+    readonly wheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /**
+     * 是否反转滚轮增减方向
+     * @default false
+     * @description true 时上滚动减少、下滚动增加
+     */
+    readonly wheelReverse: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 滚轮独立步长
+     * @default undefined (默认使用 step)
+     * @description 未设置时沿用左右加减按钮的 step
+     */
+    readonly wheelStep: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
     /** 精度 (小数位数) */
     readonly precision: {
         readonly type: NumberConstructor;

package/dist/input-number/src/input-number.vue.d.ts

@@ -15,6 +15,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly type: NumberConstructor;
         readonly default: 1;
     };
+    readonly wheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly wheelReverse: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly wheelStep: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
     readonly precision: {
         readonly type: NumberConstructor;
         readonly default: undefined;
@@ -73,6 +85,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly type: NumberConstructor;
         readonly default: 1;
     };
+    readonly wheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly wheelReverse: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly wheelStep: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
     readonly precision: {
         readonly type: NumberConstructor;
         readonly default: undefined;
@@ -112,6 +136,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
     readonly size: import('@cyberpunk-vue/hooks').Size;
+    readonly wheel: boolean;
     readonly color: string;
     readonly disabled: boolean;
     readonly placeholder: string;
@@ -120,6 +145,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     readonly min: number;
     readonly max: number;
     readonly step: number;
+    readonly wheelReverse: boolean;
+    readonly wheelStep: number;
     readonly precision: number;
     readonly controls: boolean;
     readonly controlsPosition: "right" | "both";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cyberpunk-vue/components",
-  "version": "1.13.16",
+  "version": "1.13.17",
   "description": "Cyberpunk Vue components - A futuristic Vue 3 component library",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -25,9 +25,9 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
     "dayjs": "^1.11.20",
-    "@cyberpunk-vue/constants": "1.13.16",
-    "@cyberpunk-vue/theme-chalk": "1.13.16",
-    "@cyberpunk-vue/hooks": "1.13.16"
+    "@cyberpunk-vue/theme-chalk": "1.13.17",
+    "@cyberpunk-vue/constants": "1.13.17",
+    "@cyberpunk-vue/hooks": "1.13.17"
   },
   "author": "Juxest",
   "license": "MIT",