@v-c/input-number 0.0.1

package/dist/StepHandler.cjs

@@ -0,0 +1,78 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+let __v_c_util = require("@v-c/util");
+let __v_c_util_dist_raf = require("@v-c/util/dist/raf");
+__v_c_util_dist_raf = require_rolldown_runtime.__toESM(__v_c_util_dist_raf);
+let __v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
+var STEP_INTERVAL = 200;
+var STEP_DELAY = 600;
+var StepHandler_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "StepHandler",
+	props: {
+		prefixCls: {
+			type: String,
+			required: true
+		},
+		action: {
+			type: String,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		className: String,
+		style: Object,
+		onStep: {
+			type: Function,
+			required: true
+		}
+	},
+	slots: Object,
+	emits: ["step"],
+	setup(props, { slots, emit }) {
+		const stepTimeoutRef = (0, vue.ref)(null);
+		const frameIds = (0, vue.ref)([]);
+		const onStopStep = () => {
+			clearTimeout(stepTimeoutRef.value);
+		};
+		const onStepMouseDown = (e, up) => {
+			e.preventDefault();
+			onStopStep();
+			emit("step", up, "handler");
+			function loopStep() {
+				emit("step", up, "handler");
+				stepTimeoutRef.value = setTimeout(loopStep, STEP_INTERVAL);
+			}
+			stepTimeoutRef.value = setTimeout(loopStep, STEP_DELAY);
+		};
+		(0, vue.onUnmounted)(() => {
+			onStopStep();
+			frameIds.value.forEach((id) => __v_c_util_dist_raf.default.cancel(id));
+		});
+		return () => {
+			const { prefixCls, action, disabled, className, style } = props;
+			const isUpAction = action === "up";
+			const actionClassName = `${prefixCls}-action`;
+			const mergedClassName = (0, __v_c_util.classNames)(actionClassName, `${actionClassName}-${action}`, { [`${actionClassName}-${action}-disabled`]: disabled }, className);
+			const safeOnStopStep = () => frameIds.value.push((0, __v_c_util_dist_raf.default)(onStopStep));
+			const children = (0, __v_c_util_dist_props_util.filterEmpty)(slots?.default?.());
+			return (0, vue.createVNode)("span", {
+				"unselectable": "on",
+				"role": "button",
+				"onMouseup": safeOnStopStep,
+				"onMouseleave": safeOnStopStep,
+				"onMousedown": (e) => onStepMouseDown(e, isUpAction),
+				"aria-label": isUpAction ? "Increase Value" : "Decrease Value",
+				"aria-disabled": disabled,
+				"class": mergedClassName,
+				"style": style
+			}, [children.length > 0 ? children : (0, vue.createVNode)("span", {
+				"unselectable": "on",
+				"class": `${prefixCls}-action-${action}-inner`
+			}, null)]);
+		};
+	}
+});
+exports.default = StepHandler_default;

package/dist/StepHandler.d.ts

@@ -0,0 +1,55 @@
+import { SlotsType } from 'vue';
+export interface StepHandlerProps {
+    prefixCls: string;
+    action: 'up' | 'down';
+    disabled?: boolean;
+    className?: string;
+    style?: any;
+    onStep: (up: boolean, emitter: 'handler' | 'keyboard' | 'wheel') => void;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+        required: true;
+    };
+    action: {
+        type: () => "up" | "down";
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: StringConstructor;
+    style: ObjectConstructor;
+    onStep: {
+        type: FunctionConstructor;
+        required: true;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "step"[], "step", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+        required: true;
+    };
+    action: {
+        type: () => "up" | "down";
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: StringConstructor;
+    style: ObjectConstructor;
+    onStep: {
+        type: FunctionConstructor;
+        required: true;
+    };
+}>> & Readonly<{
+    onStep?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, SlotsType<{
+    default?: any;
+}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/StepHandler.js

@@ -0,0 +1,75 @@
+import { createVNode, defineComponent, onUnmounted, ref } from "vue";
+import { classNames } from "@v-c/util";
+import raf from "@v-c/util/dist/raf";
+import { filterEmpty } from "@v-c/util/dist/props-util";
+var STEP_INTERVAL = 200;
+var STEP_DELAY = 600;
+var StepHandler_default = /* @__PURE__ */ defineComponent({
+	name: "StepHandler",
+	props: {
+		prefixCls: {
+			type: String,
+			required: true
+		},
+		action: {
+			type: String,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		className: String,
+		style: Object,
+		onStep: {
+			type: Function,
+			required: true
+		}
+	},
+	slots: Object,
+	emits: ["step"],
+	setup(props, { slots, emit }) {
+		const stepTimeoutRef = ref(null);
+		const frameIds = ref([]);
+		const onStopStep = () => {
+			clearTimeout(stepTimeoutRef.value);
+		};
+		const onStepMouseDown = (e, up) => {
+			e.preventDefault();
+			onStopStep();
+			emit("step", up, "handler");
+			function loopStep() {
+				emit("step", up, "handler");
+				stepTimeoutRef.value = setTimeout(loopStep, STEP_INTERVAL);
+			}
+			stepTimeoutRef.value = setTimeout(loopStep, STEP_DELAY);
+		};
+		onUnmounted(() => {
+			onStopStep();
+			frameIds.value.forEach((id) => raf.cancel(id));
+		});
+		return () => {
+			const { prefixCls, action, disabled, className, style } = props;
+			const isUpAction = action === "up";
+			const actionClassName = `${prefixCls}-action`;
+			const mergedClassName = classNames(actionClassName, `${actionClassName}-${action}`, { [`${actionClassName}-${action}-disabled`]: disabled }, className);
+			const safeOnStopStep = () => frameIds.value.push(raf(onStopStep));
+			const children = filterEmpty(slots?.default?.());
+			return createVNode("span", {
+				"unselectable": "on",
+				"role": "button",
+				"onMouseup": safeOnStopStep,
+				"onMouseleave": safeOnStopStep,
+				"onMousedown": (e) => onStepMouseDown(e, isUpAction),
+				"aria-label": isUpAction ? "Increase Value" : "Decrease Value",
+				"aria-disabled": disabled,
+				"class": mergedClassName,
+				"style": style
+			}, [children.length > 0 ? children : createVNode("span", {
+				"unselectable": "on",
+				"class": `${prefixCls}-action-${action}-inner`
+			}, null)]);
+		};
+	}
+});
+export { StepHandler_default as default };

package/dist/_virtual/rolldown_runtime.cjs

@@ -0,0 +1,21 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+exports.__toESM = __toESM;

package/dist/hooks/useCursor.cjs

@@ -0,0 +1,39 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+let __v_c_util_dist_warning = require("@v-c/util/dist/warning");
+__v_c_util_dist_warning = require_rolldown_runtime.__toESM(__v_c_util_dist_warning);
+function useCursor(input, focused) {
+	const selectionRef = (0, vue.ref)(null);
+	function recordCursor() {
+		try {
+			const { selectionStart: start, selectionEnd: end, value } = input;
+			selectionRef.value = {
+				start,
+				end,
+				value,
+				beforeTxt: value.substring(0, start),
+				afterTxt: value.substring(end)
+			};
+		} catch (e) {}
+	}
+	function restoreCursor() {
+		if (input && selectionRef.value && focused) try {
+			const { value } = input;
+			const { beforeTxt, afterTxt, start } = selectionRef.value;
+			let startPos = value.length;
+			if (beforeTxt && value.startsWith(beforeTxt)) startPos = beforeTxt.length;
+			else if (afterTxt && value.endsWith(afterTxt)) startPos = value.length - selectionRef.value.afterTxt.length;
+			else {
+				const beforeLastChar = beforeTxt[start - 1];
+				const newIndex = value.indexOf(beforeLastChar, start - 1);
+				if (newIndex !== -1) startPos = newIndex + 1;
+			}
+			input.setSelectionRange(startPos, startPos);
+		} catch (e) {
+			(0, __v_c_util_dist_warning.default)(false, `Something warning of cursor restore. Please fire issue about this: ${e.message}`);
+		}
+	}
+	return [recordCursor, restoreCursor];
+}
+exports.default = useCursor;

package/dist/hooks/useCursor.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Keep input cursor in the correct position if possible.
+ * Is this necessary since we have `formatter` which may mass the content?
+ */
+export default function useCursor(input: HTMLInputElement, focused: boolean): [() => void, () => void];

package/dist/hooks/useCursor.js

@@ -0,0 +1,36 @@
+import { ref } from "vue";
+import warning from "@v-c/util/dist/warning";
+function useCursor(input, focused) {
+	const selectionRef = ref(null);
+	function recordCursor() {
+		try {
+			const { selectionStart: start, selectionEnd: end, value } = input;
+			selectionRef.value = {
+				start,
+				end,
+				value,
+				beforeTxt: value.substring(0, start),
+				afterTxt: value.substring(end)
+			};
+		} catch (e) {}
+	}
+	function restoreCursor() {
+		if (input && selectionRef.value && focused) try {
+			const { value } = input;
+			const { beforeTxt, afterTxt, start } = selectionRef.value;
+			let startPos = value.length;
+			if (beforeTxt && value.startsWith(beforeTxt)) startPos = beforeTxt.length;
+			else if (afterTxt && value.endsWith(afterTxt)) startPos = value.length - selectionRef.value.afterTxt.length;
+			else {
+				const beforeLastChar = beforeTxt[start - 1];
+				const newIndex = value.indexOf(beforeLastChar, start - 1);
+				if (newIndex !== -1) startPos = newIndex + 1;
+			}
+			input.setSelectionRange(startPos, startPos);
+		} catch (e) {
+			warning(false, `Something warning of cursor restore. Please fire issue about this: ${e.message}`);
+		}
+	}
+	return [recordCursor, restoreCursor];
+}
+export { useCursor as default };

package/dist/hooks/useFrame.cjs

@@ -0,0 +1,19 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+let __v_c_util_dist_raf = require("@v-c/util/dist/raf");
+__v_c_util_dist_raf = require_rolldown_runtime.__toESM(__v_c_util_dist_raf);
+var useFrame_default = () => {
+	const idRef = (0, vue.ref)(0);
+	const cleanUp = () => {
+		__v_c_util_dist_raf.default.cancel(idRef.value);
+	};
+	(0, vue.onUnmounted)(cleanUp);
+	return (callback) => {
+		cleanUp();
+		idRef.value = (0, __v_c_util_dist_raf.default)(() => {
+			callback();
+		});
+	};
+};
+exports.default = useFrame_default;

package/dist/hooks/useFrame.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Always trigger latest once when call multiple time
+ */
+declare const _default: () => (callback: () => void) => void;
+export default _default;

package/dist/hooks/useFrame.js

@@ -0,0 +1,16 @@
+import { onUnmounted, ref } from "vue";
+import raf from "@v-c/util/dist/raf";
+var useFrame_default = () => {
+	const idRef = ref(0);
+	const cleanUp = () => {
+		raf.cancel(idRef.value);
+	};
+	onUnmounted(cleanUp);
+	return (callback) => {
+		cleanUp();
+		idRef.value = raf(() => {
+			callback();
+		});
+	};
+};
+export { useFrame_default as default };

package/dist/index.cjs

@@ -0,0 +1,4 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_InputNumber = require("./InputNumber.cjs");
+var src_default = require_InputNumber.default;
+exports.default = src_default;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import { InputNumberProps, InputNumberRef, ValueType, default as InputNumber } from './InputNumber';
+export type { InputNumberProps, InputNumberRef, ValueType };
+export default InputNumber;

package/dist/index.js

@@ -0,0 +1,3 @@
+import InputNumber_default from "./InputNumber.js";
+var src_default = InputNumber_default;
+export { src_default as default };

package/dist/utils/numberUtil.cjs

@@ -0,0 +1,8 @@
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let __v_c_mini_decimal = require("@v-c/mini-decimal");
+function getDecupleSteps(step) {
+	const stepStr = typeof step === "number" ? (0, __v_c_mini_decimal.num2str)(step) : (0, __v_c_mini_decimal.trimNumber)(step).fullStr;
+	if (!stepStr.includes(".")) return `${step}0`;
+	return (0, __v_c_mini_decimal.trimNumber)(stepStr.replace(/(\d)\.(\d)/g, "$1$2.")).fullStr;
+}
+exports.getDecupleSteps = getDecupleSteps;

package/dist/utils/numberUtil.d.ts

@@ -0,0 +1 @@
+export declare function getDecupleSteps(step: string | number): string;

package/dist/utils/numberUtil.js

@@ -0,0 +1,7 @@
+import { num2str, trimNumber } from "@v-c/mini-decimal";
+function getDecupleSteps(step) {
+	const stepStr = typeof step === "number" ? num2str(step) : trimNumber(step).fullStr;
+	if (!stepStr.includes(".")) return `${step}0`;
+	return trimNumber(stepStr.replace(/(\d)\.(\d)/g, "$1$2.")).fullStr;
+}
+export { getDecupleSteps };

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@v-c/input-number",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "package.json"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
+  "dependencies": {
+    "@v-c/input": "0.0.1",
+    "@v-c/util": "0.0.18",
+    "@v-c/mini-decimal": "0.0.2"
+  },
+  "scripts": {
+    "build": "vite build",
+    "prepublish": "pnpm build",
+    "test": "vitest run",
+    "bump": "bumpp --release patch"
+  }
+}