@sdata/web-vue 3.29.0 → 4.0.0

package/es/input-number/input-number.js

@@ -1,531 +1,5 @@
-import { useFormItem } from "../_hooks/use-form-item.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isNumber, isUndefined } from "../_utils/is.js";
-import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
-import { useI18n } from "../locale/index.js";
-import { useAllowClear } from "../_hooks/use-allow-clear.js";
-import { useSize } from "../_hooks/use-size.js";
-import Button from "../button/index.js";
-import Input from "../input/index.js";
-import IconMinus from "../icon/icon-minus/index.js";
-import IconPlus from "../icon/icon-plus/index.js";
-import IconDown from "../icon/icon-down/index.js";
-import IconUp from "../icon/icon-up/index.js";
-import { Fragment, computed, createVNode, defineComponent, mergeProps, ref, toRefs, watch } from "vue";
-import NP from "number-precision";
-//#region components/input-number/input-number.tsx
-var FIRST_DELAY = 800;
-var SPEED = 150;
-NP.enableBoundaryChecking(false);
-var input_number_default = /* @__PURE__ */ defineComponent({
-	name: "InputNumber",
-	props: {
-		/**
-		* @zh 绑定值
-		* @en Value
-		*/
-		modelValue: { type: [String, Number] },
-		/**
-		* @zh 默认值（非受控模式）
-		* @en Default value (uncontrolled mode)
-		*/
-		defaultValue: { type: [String, Number] },
-		/**
-		* @zh 模式（`embed`：按钮内嵌模式，`button`：左右按钮模式）
-		* @en Mode (`embed`: button embedded mode, `button`: left and right button mode)
-		* @values 'embed', 'button'
-		*/
-		mode: {
-			type: String,
-			default: "embed"
-		},
-		/**
-		* @zh 数字精度
-		* @en Precision
-		*/
-		precision: Number,
-		/**
-		* @zh 数字变化步长
-		* @en Number change step
-		*/
-		step: {
-			type: Number,
-			default: 1
-		},
-		/**
-		* @zh 是否禁用
-		* @en Whether to disable
-		*/
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 是否为错误状态
-		* @en Whether it is an error state
-		*/
-		error: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 最大值
-		* @en Max
-		*/
-		max: {
-			type: Number,
-			default: Infinity
-		},
-		/**
-		* @zh 最小值
-		* @en Min
-		*/
-		min: {
-			type: Number,
-			default: -Infinity
-		},
-		/**
-		* @zh 定义输入框展示值
-		* @en Define the display value of the input
-		*/
-		formatter: { type: Function },
-		/**
-		* @zh 从 `formatter` 转换为数字，和 `formatter` 搭配使用
-		* @en Convert from `formatter` to number, and use with `formatter`
-		*/
-		parser: { type: Function },
-		/**
-		* @zh 输入框提示文字
-		* @en Input prompt text
-		*/
-		placeholder: String,
-		/**
-		* @zh 宽度是否适应文字内容
-		* @en Whether the width adapts to the text content
-		*/
-		fitWidth: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 最大宽度是否限制为父容器宽度
-		* @en Whether the maximum width is limited to the parent container width
-		*/
-		maxWFull: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 是否隐藏按钮
-		* @en Whether to hide the button
-		*/
-		hideButton: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 输入框大小
-		* @en Input size
-		* @values 'mini','small','medium','large'
-		* @defaultValue 'medium'
-		*/
-		size: { type: String },
-		/**
-		* @zh 是否允许清空输入框
-		* @en Whether to allow the input to be cleared
-		*/
-		allowClear: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 触发 `v-model` 的事件
-		* @en Trigger event for `v-model`
-		*/
-		modelEvent: {
-			type: String,
-			default: "change"
-		},
-		/**
-		* @zh 只读
-		* @en Readonly
-		* @version 2.33.1
-		*/
-		readonly: {
-			type: [Boolean, String],
-			default: false
-		},
-		/**
-		* @zh 内部 input 元素的属性
-		* @en Attributes of inner input elements
-		* @version 2.52.0
-		*/
-		inputAttrs: { type: Object }
-	},
-	emits: {
-		"update:modelValue": (_value) => true,
-		/**
-		* @zh 值发生改变时触发
-		* @en Triggered when the value changes
-		* @param { number | undefined } value
-		* @param {Event} ev
-		*/
-		"change": (_value, _ev) => true,
-		/**
-		* @zh 输入框获取焦点时触发
-		* @en Triggered when the input gets focus
-		* @param {FocusEvent} ev
-		*/
-		"focus": (_ev) => true,
-		/**
-		* @zh 输入框失去焦点时触发
-		* @en Triggered when the input box loses focus
-		* @param {FocusEvent} ev
-		*/
-		"blur": (_ev) => true,
-		/**
-		* @zh 用户点击清除按钮时触发
-		* @en Triggered when the user clicks the clear button
-		* @param {Event} ev
-		* @version 2.23.0
-		*/
-		"clear": (_ev) => true,
-		/**
-		* @zh 输入时触发
-		* @en Triggered on input
-		* @param { number | undefined } value
-		* @param {string} inputValue
-		* @param {Event} ev
-		* @version 2.27.0
-		*/
-		"input": (_value, _inputValue, _ev) => true,
-		/**
-		* @zh 按下键盘时触发
-		* @en Triggered on keydown
-		* @param {MouseEvent} ev
-		* @version 2.56.0
-		*/
-		"keydown": (_ev) => true
-	},
-	/**
-	* @zh 前缀
-	* @en Prefix
-	* @slot prefix
-	*/
-	/**
-	* @zh 后缀
-	* @en Suffix
-	* @slot suffix
-	*/
-	/**
-	* @zh 前置标签
-	* @en Prepend
-	* @slot prepend
-	*/
-	/**
-	* @zh 后置标签
-	* @en Append
-	* @slot append
-	*/
-	/**
-	* @zh 数值增加图标
-	* @en Plus
-	* @slot plus
-	*/
-	/**
-	* @zh 数值减少图标
-	* @en Minus
-	* @slot minus
-	*/
-	setup(props, { emit, slots }) {
-		var _props$modelValue, _props$modelValue2;
-		const { t } = useI18n();
-		const { size, disabled, allowClear } = toRefs(props);
-		const prefixCls = getPrefixCls("input-number");
-		const inputRef = ref();
-		const { mergedSize: _mergedSize, mergedDisabled, eventHandlers } = useFormItem({
-			size,
-			disabled
-		});
-		const { mergedSize } = useSize(_mergedSize);
-		const { mergedAllowClear } = useAllowClear(allowClear);
-		const valueMode = ref(typeof ((_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : props.defaultValue) === "string" ? "string" : "number");
-		const mergedPrecision = computed(() => {
-			if (isNumber(props.precision)) {
-				const decimal = `${props.step}`.split(".")[1];
-				const stepPrecision = (decimal === null || decimal === void 0 ? void 0 : decimal.length) || 0;
-				return Math.max(stepPrecision, props.precision);
-			}
-		});
-		const getNumberValue = (value) => {
-			var _props$parser, _props$parser2;
-			if (isUndefined(value) || value === null || value === "") return;
-			if (typeof value === "number") return Number.isNaN(value) ? void 0 : value;
-			const normalizedValue = value.trim();
-			if (!normalizedValue || /^[-.]$/.test(normalizedValue)) return;
-			const parsed = Number((_props$parser = (_props$parser2 = props.parser) === null || _props$parser2 === void 0 ? void 0 : _props$parser2.call(props, normalizedValue)) !== null && _props$parser !== void 0 ? _props$parser : normalizedValue);
-			return Number.isNaN(parsed) ? void 0 : parsed;
-		};
-		const getStringValue = (number) => {
-			var _props$formatter, _props$formatter2;
-			if (!isNumber(number)) return "";
-			const numString = mergedPrecision.value ? number.toFixed(mergedPrecision.value) : String(number);
-			return (_props$formatter = (_props$formatter2 = props.formatter) === null || _props$formatter2 === void 0 ? void 0 : _props$formatter2.call(props, numString)) !== null && _props$formatter !== void 0 ? _props$formatter : numString;
-		};
-		const getDisplayValue = (value) => {
-			if (typeof value === "string") {
-				const normalizedValue = value.trim();
-				if (!normalizedValue || /^[-.]$/.test(normalizedValue)) return value;
-				const parsed = getNumberValue(value);
-				return isNumber(parsed) ? getStringValue(parsed) : value;
-			}
-			return getStringValue(value !== null && value !== void 0 ? value : void 0);
-		};
-		const getModelValue = (value) => {
-			if (valueMode.value === "string") return isUndefined(value) ? "" : String(value);
-			return value;
-		};
-		const _value = ref(getDisplayValue((_props$modelValue2 = props.modelValue) !== null && _props$modelValue2 !== void 0 ? _props$modelValue2 : props.defaultValue));
-		const valueNumber = computed(() => {
-			return getNumberValue(_value.value);
-		});
-		const isMin = ref(isNumber(valueNumber.value) && valueNumber.value <= props.min);
-		const isMax = ref(isNumber(valueNumber.value) && valueNumber.value >= props.max);
-		let repeatTimer = 0;
-		const clearRepeatTimer = () => {
-			if (repeatTimer) {
-				window.clearTimeout(repeatTimer);
-				repeatTimer = 0;
-			}
-		};
-		const getLegalValue = (value) => {
-			if (isUndefined(value)) return;
-			if (isNumber(props.min) && value < props.min) value = props.min;
-			if (isNumber(props.max) && value > props.max) value = props.max;
-			return isNumber(mergedPrecision.value) ? NP.round(value, mergedPrecision.value) : value;
-		};
-		const updateNumberStatus = (number) => {
-			let _isMin = false;
-			let _isMax = false;
-			if (isNumber(number)) {
-				if (number <= props.min) _isMin = true;
-				if (number >= props.max) _isMax = true;
-			}
-			if (isMax.value !== _isMax) isMax.value = _isMax;
-			if (isMin.value !== _isMin) isMin.value = _isMin;
-		};
-		const handleExceedRange = () => {
-			const finalValue = getLegalValue(valueNumber.value);
-			const stringValue = getStringValue(finalValue);
-			if (finalValue !== valueNumber.value || _value.value !== stringValue) _value.value = stringValue;
-			emit("update:modelValue", getModelValue(finalValue));
-		};
-		watch(() => [props.max, props.min], () => {
-			handleExceedRange();
-			updateNumberStatus(valueNumber.value);
-		});
-		const nextStep = (method, event) => {
-			if (mergedDisabled.value || method === "plus" && isMax.value || method === "minus" && isMin.value) return;
-			let nextValue;
-			if (isNumber(valueNumber.value)) nextValue = getLegalValue(NP[method](valueNumber.value, props.step));
-			else nextValue = props.min === -Infinity ? 0 : props.min;
-			_value.value = getStringValue(nextValue);
-			updateNumberStatus(nextValue);
-			const emittedValue = getModelValue(nextValue);
-			emit("update:modelValue", emittedValue);
-			emit("change", emittedValue, event);
-		};
-		const handleStepButton = (event, method, needRepeat = false) => {
-			var _inputRef$value;
-			event.preventDefault();
-			if (props.readonly) return;
-			(_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
-			nextStep(method, event);
-			if (needRepeat) repeatTimer = window.setTimeout(() => event.target.dispatchEvent(event), repeatTimer ? SPEED : FIRST_DELAY);
-		};
-		const handleInput = (value, ev) => {
-			var _props$parser3, _props$parser4;
-			value = value.trim().replace(/。/g, ".");
-			value = (_props$parser3 = (_props$parser4 = props.parser) === null || _props$parser4 === void 0 ? void 0 : _props$parser4.call(props, value)) !== null && _props$parser3 !== void 0 ? _props$parser3 : value;
-			if (isNumber(Number(value)) || /^[-.]$/.test(value)) {
-				var _props$formatter3, _props$formatter4;
-				_value.value = (_props$formatter3 = (_props$formatter4 = props.formatter) === null || _props$formatter4 === void 0 ? void 0 : _props$formatter4.call(props, value)) !== null && _props$formatter3 !== void 0 ? _props$formatter3 : value;
-				updateNumberStatus(valueNumber.value);
-				const emittedValue = getModelValue(valueNumber.value);
-				emit("input", emittedValue, _value.value, ev);
-				if (props.modelEvent === "input") {
-					emit("update:modelValue", emittedValue);
-					emit("change", emittedValue, ev);
-				}
-			}
-		};
-		const handleFocus = (ev) => {
-			emit("focus", ev);
-		};
-		const handleChange = (value, ev) => {
-			if (ev instanceof MouseEvent && !value) return;
-			handleExceedRange();
-			emit("change", getModelValue(valueNumber.value), ev);
-		};
-		const handleBlur = (ev) => {
-			emit("blur", ev);
-		};
-		const handleClear = (ev) => {
-			var _eventHandlers$value, _eventHandlers$value$;
-			_value.value = "";
-			const emittedValue = getModelValue(void 0);
-			emit("update:modelValue", emittedValue);
-			emit("change", emittedValue, ev);
-			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value, ev);
-			emit("clear", ev);
-		};
-		const keyDownHandler = getKeyDownHandler(/* @__PURE__ */ new Map([[KEYBOARD_KEY.ARROW_UP, (ev) => {
-			ev.preventDefault();
-			!props.readonly && nextStep("plus", ev);
-		}], [KEYBOARD_KEY.ARROW_DOWN, (ev) => {
-			ev.preventDefault();
-			!props.readonly && nextStep("minus", ev);
-		}]]));
-		const onKeyDown = (event) => {
-			emit("keydown", event);
-			if (!event.defaultPrevented) keyDownHandler(event);
-		};
-		watch(() => props.modelValue, (value) => {
-			if (typeof value === "string") valueMode.value = "string";
-			else if (typeof value === "number") valueMode.value = "number";
-			const nextNumberValue = getNumberValue(value);
-			if (value !== _value.value && nextNumberValue !== valueNumber.value) {
-				_value.value = getDisplayValue(value);
-				updateNumberStatus(nextNumberValue);
-			} else if (value === "" && _value.value !== "") {
-				_value.value = "";
-				updateNumberStatus(void 0);
-			}
-		});
-		const renderSuffix = () => {
-			var _slots$suffix, _slots$plus, _slots$minus;
-			if (props.readonly) return null;
-			return createVNode(Fragment, null, [slots.suffix && createVNode("div", { "class": `${prefixCls}-suffix` }, [(_slots$suffix = slots.suffix) === null || _slots$suffix === void 0 ? void 0 : _slots$suffix.call(slots)]), createVNode("div", { "class": `${prefixCls}-step` }, [createVNode("button", {
-				"class": [`${prefixCls}-step-button`, { [`${prefixCls}-step-button-disabled`]: mergedDisabled.value || isMax.value }],
-				"type": "button",
-				"tabindex": "-1",
-				"aria-label": t("a11y.increase"),
-				"disabled": mergedDisabled.value || isMax.value,
-				"onMousedown": (e) => handleStepButton(e, "plus", true),
-				"onMouseup": clearRepeatTimer,
-				"onMouseleave": clearRepeatTimer
-			}, [slots.plus ? (_slots$plus = slots.plus) === null || _slots$plus === void 0 ? void 0 : _slots$plus.call(slots) : createVNode(IconUp, null, null)]), createVNode("button", {
-				"class": [`${prefixCls}-step-button`, { [`${prefixCls}-step-button-disabled`]: mergedDisabled.value || isMin.value }],
-				"type": "button",
-				"tabindex": "-1",
-				"aria-label": t("a11y.decrease"),
-				"disabled": mergedDisabled.value || isMin.value,
-				"onMousedown": (e) => handleStepButton(e, "minus", true),
-				"onMouseup": clearRepeatTimer,
-				"onMouseleave": clearRepeatTimer
-			}, [slots.minus ? (_slots$minus = slots.minus) === null || _slots$minus === void 0 ? void 0 : _slots$minus.call(slots) : createVNode(IconDown, null, null)])])]);
-		};
-		const cls = computed(() => [
-			prefixCls,
-			`${prefixCls}-mode-${props.mode}`,
-			`${prefixCls}-size-${mergedSize.value}`,
-			{ [`${prefixCls}-readonly`]: props.readonly }
-		]);
-		const renderPrependButton = () => {
-			return createVNode(Button, mergeProps({
-				"size": mergedSize.value,
-				"aria-label": t("a11y.decrease"),
-				"class": `${prefixCls}-step-button`,
-				"disabled": mergedDisabled.value || isMin.value
-			}, {
-				tabindex: "-1",
-				onMousedown: (ev) => handleStepButton(ev, "minus", true),
-				onMouseup: clearRepeatTimer,
-				onMouseleave: clearRepeatTimer
-			}), { icon: () => createVNode(IconMinus, null, null) });
-		};
-		const renderAppendButton = () => {
-			return createVNode(Button, mergeProps({
-				"size": mergedSize.value,
-				"aria-label": t("a11y.increase"),
-				"class": `${prefixCls}-step-button`,
-				"disabled": mergedDisabled.value || isMax.value
-			}, {
-				tabindex: "-1",
-				onMousedown: (ev) => handleStepButton(ev, "plus", true),
-				onMouseup: clearRepeatTimer,
-				onMouseleave: clearRepeatTimer
-			}), { icon: () => createVNode(IconPlus, null, null) });
-		};
-		const render = () => {
-			const _slots = props.mode === "embed" ? {
-				prepend: slots.prepend,
-				prefix: slots.prefix,
-				suffix: props.hideButton ? slots.suffix : renderSuffix,
-				append: slots.append
-			} : {
-				prepend: props.hideButton ? slots.prepend : renderPrependButton,
-				prefix: slots.prefix,
-				suffix: slots.suffix,
-				append: props.hideButton ? slots.append : renderAppendButton
-			};
-			return createVNode(Input, mergeProps({
-				"key": `__arco__${props.mode}`,
-				"ref": inputRef,
-				"class": cls.value,
-				"type": "text",
-				"allowClear": mergedAllowClear.value,
-				"size": mergedSize.value,
-				"modelValue": _value.value,
-				"placeholder": props.placeholder,
-				"fitWidth": props.fitWidth,
-				"maxWFull": props.maxWFull,
-				"fitWidthFallback": "2ch",
-				"disabled": mergedDisabled.value,
-				"readonly": props.readonly,
-				"error": props.error,
-				"inputAttrs": _objectSpread2({
-					"role": "spinbutton",
-					"aria-valuemax": props.max,
-					"aria-valuemin": props.min,
-					"aria-valuenow": _value.value
-				}, props.inputAttrs),
-				"onInput": handleInput,
-				"onFocus": handleFocus,
-				"onBlur": handleBlur,
-				"onClear": handleClear,
-				"onChange": handleChange
-			}, { onKeydown: onKeyDown }), _slots);
-		};
-		return {
-			inputRef,
-			render
-		};
-	},
-	methods: {
-		/**
-		* @zh 使输入框获取焦点
-		* @en Make the input box focus
-		* @public
-		*/
-		focus() {
-			var _this$inputRef;
-			(_this$inputRef = this.inputRef) === null || _this$inputRef === void 0 || _this$inputRef.focus();
-		},
-		/**
-		* @zh 使输入框失去焦点
-		* @en Make the input box lose focus
-		* @public
-		*/
-		blur() {
-			var _this$inputRef2;
-			(_this$inputRef2 = this.inputRef) === null || _this$inputRef2 === void 0 || _this$inputRef2.blur();
-		}
-	},
-	render() {
-		return this.render();
-	}
-});
+import input_number_vue_vue_type_script_setup_true_lang_default from "./input-number.vue_vue_type_script_setup_true_lang.js";
+//#region components/input-number/input-number.vue
+var input_number_default = input_number_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { input_number_default as default };