tdesign-vue
Version:
362 lines (354 loc) • 13.5 kB
JavaScript
/**
* tdesign v1.11.2
* (c) 2025 tdesign
* @license MIT
*/
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
var VueCompositionAPI = require('@vue/composition-api');
var hooks_useCommonClassName = require('../hooks/useCommonClassName.js');
var hooks_useVModel = require('../hooks/useVModel.js');
var _common_js_inputNumber_number = require('../_common/js/input-number/number.js');
var hooks_useFormDisabled = require('../hooks/useFormDisabled.js');
var _common_js_inputNumber_largeNumber = require('../_common/js/input-number/large-number.js');
require('../config-provider/useConfig.js');
require('../_chunks/dep-07fb8c0e.js');
require('../_common/js/global-config/default-config.js');
require('../_common/js/global-config/locale/zh_CN.js');
require('../_chunks/dep-a4a18104.js');
require('@babel/runtime/helpers/typeof');
require('../_chunks/dep-27dd8cc6.js');
require('dayjs');
require('../_chunks/dep-87c765cc.js');
require('../_chunks/dep-75cd6d52.js');
require('../_chunks/dep-b1a02818.js');
require('../_chunks/dep-3d8ab37d.js');
require('../_chunks/dep-ecccff93.js');
require('../_chunks/dep-a4308f57.js');
require('../_chunks/dep-a4cecac4.js');
require('../_chunks/dep-ab142eaf.js');
require('../_chunks/dep-6ad3de7c.js');
require('../_chunks/dep-e4278c54.js');
require('../_chunks/dep-fcf0662d.js');
require('../_chunks/dep-8b1e056e.js');
require('../_chunks/dep-5db8defc.js');
require('../_chunks/dep-6e4c473c.js');
require('../_chunks/dep-234b7c02.js');
require('../_chunks/dep-a4747856.js');
require('../_chunks/dep-932dd69e.js');
require('../_chunks/dep-9f4caea4.js');
require('../_chunks/dep-dbd838d6.js');
require('../_chunks/dep-b3120c1b.js');
require('../_chunks/dep-68ba2357.js');
require('../_chunks/dep-173eb46c.js');
require('../_chunks/dep-47bca35e.js');
require('../_chunks/dep-6478392e.js');
require('../_chunks/dep-201f7798.js');
require('../_chunks/dep-d3015b4c.js');
require('../_common/js/log/log.js');
require('../_chunks/dep-738b4f21.js');
require('../_chunks/dep-aa0a4aac.js');
require('../_chunks/dep-62de1188.js');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
function useInputNumber(props, context) {
var _useCommonClassName = hooks_useCommonClassName["default"](),
classPrefix = _useCommonClassName.classPrefix,
sizeClassNames = _useCommonClassName.sizeClassNames,
statusClassNames = _useCommonClassName.statusClassNames;
var _toRefs = VueCompositionAPI.toRefs(props),
value = _toRefs.value,
max = _toRefs.max,
min = _toRefs.min;
var _useVModel = hooks_useVModel.useVModel(value, props.defaultValue, props.onChange, "change"),
_useVModel2 = _slicedToArray__default["default"](_useVModel, 2),
tValue = _useVModel2[0],
setTValue = _useVModel2[1];
var inputRef = VueCompositionAPI.ref();
var userInput = VueCompositionAPI.ref("");
var _useFormDisabled = hooks_useFormDisabled.useFormDisabled(),
formDisabled = _useFormDisabled.formDisabled;
var tDisabled = VueCompositionAPI.computed(function () {
return props.disabled || formDisabled.value;
});
var isError = VueCompositionAPI.ref();
var disabledReduce = VueCompositionAPI.computed(function () {
return tDisabled.value || !_common_js_inputNumber_number.canReduceNumber(tValue.value, props.min, props.largeNumber);
});
var disabledAdd = VueCompositionAPI.computed(function () {
return tDisabled.value || !_common_js_inputNumber_number.canAddNumber(tValue.value, props.max, props.largeNumber);
});
var wrapClasses = VueCompositionAPI.computed(function () {
return ["".concat(classPrefix.value, "-input-number"), sizeClassNames[props.size], _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({}, statusClassNames.disabled, tDisabled.value), "".concat(classPrefix.value, "-is-controls-right"), props.theme === "column"), "".concat(classPrefix.value, "-input-number--").concat(props.theme), props.theme), "".concat(classPrefix.value, "-input-number--auto-width"), props.autoWidth)];
});
var reduceClasses = VueCompositionAPI.computed(function () {
return ["".concat(classPrefix.value, "-input-number__decrease"), _defineProperty__default["default"]({}, statusClassNames.disabled, disabledReduce.value)];
});
var addClasses = VueCompositionAPI.computed(function () {
return ["".concat(classPrefix.value, "-input-number__increase"), _defineProperty__default["default"]({}, statusClassNames.disabled, disabledAdd.value)];
});
var getUserInput = function getUserInput(value2) {
var _inputRef$value;
if (!value2 && value2 !== 0) return "";
var inputStr = value2 || value2 === 0 ? String(value2) : "";
if (!((_inputRef$value = inputRef.value) !== null && _inputRef$value !== void 0 && (_inputRef$value = _inputRef$value.$el) !== null && _inputRef$value !== void 0 && _inputRef$value.contains(document.activeElement))) {
var num = _common_js_inputNumber_number.formatUnCompleteNumber(inputStr, {
decimalPlaces: props.decimalPlaces,
largeNumber: props.largeNumber,
isToFixed: true
});
inputStr = num || num === 0 ? String(num) : "";
if (props.format) {
inputStr = String(props.format(value2, {
fixedNumber: inputStr
}));
}
}
return inputStr;
};
VueCompositionAPI.watch(tValue, function (val) {
var largeNumber = props.largeNumber,
decimalPlaces = props.decimalPlaces;
var inputValue = [void 0, null].includes(val) ? "" : String(val);
if (!largeNumber && !Number.isNaN(userInput.value)) {
if (parseFloat(userInput.value) !== val) {
userInput.value = getUserInput(inputValue);
}
var fixedNumber = Number(_common_js_inputNumber_largeNumber.largeNumberToFixed(inputValue, decimalPlaces, largeNumber));
if (decimalPlaces !== void 0 && ![void 0, null].includes(val) && Number(fixedNumber) !== Number(tValue.value)) {
setTValue(fixedNumber, {
type: "props",
e: void 0
});
}
}
if (largeNumber) {
userInput.value = getUserInput(inputValue);
if (decimalPlaces !== void 0 && _common_js_inputNumber_largeNumber.largeNumberToFixed(inputValue, decimalPlaces, largeNumber) !== val) {
setTValue(userInput.value, {
type: "props",
e: void 0
});
}
}
}, {
immediate: true
});
VueCompositionAPI.watch([tValue, max, min], function () {
var _props$onValidate;
if ([void 0, "", null].includes(tValue.value)) return;
var max2 = props.max,
min2 = props.min,
largeNumber = props.largeNumber;
var error = _common_js_inputNumber_number.getMaxOrMinValidateResult({
value: tValue.value,
largeNumber: largeNumber,
max: max2,
min: min2
});
isError.value = error;
(_props$onValidate = props.onValidate) === null || _props$onValidate === void 0 || _props$onValidate.call(props, {
error: error
});
context.emit("validate", {
error: error
});
}, {
immediate: true
});
var handleStepValue = function handleStepValue(op) {
var newValue = _common_js_inputNumber_number.getStepValue({
op: op,
step: props.step,
max: props.max,
min: props.min,
lastValue: tValue.value,
largeNumber: props.largeNumber
});
var largeNumber = props.largeNumber,
max2 = props.max,
min2 = props.min;
var overLimit = _common_js_inputNumber_number.getMaxOrMinValidateResult({
value: newValue,
largeNumber: largeNumber,
max: max2,
min: min2
});
return {
overLimit: overLimit,
newValue: newValue
};
};
var handleReduce = function handleReduce(e) {
if (disabledReduce.value || props.readonly) return;
var r = handleStepValue("reduce");
if (r.overLimit && !props.allowInputOverLimit) return;
setTValue(r.newValue, {
type: "reduce",
e: e
});
};
var handleAdd = function handleAdd(e) {
if (disabledAdd.value || props.readonly) return;
var r = handleStepValue("add");
if (r.overLimit && !props.allowInputOverLimit) return;
setTValue(r.newValue, {
type: "add",
e: e
});
};
var onInnerInputChange = function onInnerInputChange(inputValue, _ref4) {
var e = _ref4.e;
var val = _common_js_inputNumber_number.formatThousandths(inputValue);
if (!_common_js_inputNumber_number.canInputNumber(val, props.largeNumber)) return;
userInput.value = val;
if (props.largeNumber) {
setTValue(val, {
type: "input",
e: e
});
return;
}
if (_common_js_inputNumber_number.canSetValue(String(val), Number(tValue.value))) {
var newVal = val === "" ? void 0 : Number(val);
setTValue(newVal, {
type: "input",
e: e
});
}
};
var emitBlur = function emitBlur(value2, ctx) {
var _props$onBlur;
(_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, value2, ctx);
context.emit("blur", value2, ctx);
};
var handleBlur = function handleBlur(value2, ctx) {
var largeNumber = props.largeNumber,
max2 = props.max,
min2 = props.min,
decimalPlaces = props.decimalPlaces;
if (!props.allowInputOverLimit && tValue.value !== void 0) {
var r = _common_js_inputNumber_number.getMaxOrMinValidateResult({
value: tValue.value,
largeNumber: largeNumber,
max: max2,
min: min2
});
if (r === "below-minimum") {
setTValue(min2, {
type: "blur",
e: ctx.e
});
emitBlur(min2, ctx);
return;
}
if (r === "exceed-maximum") {
setTValue(max2, {
type: "blur",
e: ctx.e
});
emitBlur(max2, ctx);
return;
}
}
var newValue = _common_js_inputNumber_number.formatUnCompleteNumber(String(value2), {
decimalPlaces: decimalPlaces,
largeNumber: largeNumber
});
userInput.value = getUserInput(newValue);
if (newValue !== tValue.value) {
setTValue(newValue, {
type: "blur",
e: ctx.e
});
}
emitBlur(newValue, ctx);
};
var handleFocus = function handleFocus(value2, ctx) {
var _props$onFocus;
userInput.value = tValue.value || tValue.value === 0 ? String(tValue.value) : "";
(_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, value2, ctx);
context.emit("focus", value2, ctx);
};
var handleKeydown = function handleKeydown(value2, ctx) {
var _props$onKeydown;
var e = ctx.e;
var keyEvent = {
ArrowUp: handleAdd,
ArrowDown: handleReduce
};
var code = e.code || e.key;
if (keyEvent[code] !== void 0) {
keyEvent[code](e);
}
(_props$onKeydown = props.onKeydown) === null || _props$onKeydown === void 0 || _props$onKeydown.call(props, value2, ctx);
context.emit("keydown", value2, ctx);
};
var handleKeyup = function handleKeyup(value2, ctx) {
var _props$onKeyup;
(_props$onKeyup = props.onKeyup) === null || _props$onKeyup === void 0 || _props$onKeyup.call(props, value2, ctx);
context.emit("keyup", value2, ctx);
};
var handleKeypress = function handleKeypress(value2, ctx) {
var _props$onKeypress;
(_props$onKeypress = props.onKeypress) === null || _props$onKeypress === void 0 || _props$onKeypress.call(props, value2, ctx);
context.emit("keypress", value2, ctx);
};
var handleEnter = function handleEnter(value2, ctx) {
var _props$onEnter;
userInput.value = getUserInput(value2);
var newValue = _common_js_inputNumber_number.formatUnCompleteNumber(value2, {
decimalPlaces: props.decimalPlaces,
largeNumber: props.largeNumber
});
(_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 || _props$onEnter.call(props, newValue, ctx);
context.emit("enter", newValue, ctx);
};
var handleClear = function handleClear(_ref5) {
var e = _ref5.e;
setTValue(void 0, {
type: "clear",
e: e
});
userInput.value = "";
};
var focus = function focus() {
inputRef.value.focus();
};
var blur = function blur() {
inputRef.value.blur();
};
var listeners = {
blur: handleBlur,
focus: handleFocus,
keydown: handleKeydown,
keyup: handleKeyup,
keypress: handleKeypress,
enter: handleEnter,
click: focus,
clear: handleClear
};
return {
classPrefix: classPrefix,
wrapClasses: wrapClasses,
reduceClasses: reduceClasses,
addClasses: addClasses,
tDisabled: tDisabled,
isError: isError,
listeners: listeners,
userInput: userInput,
tValue: tValue,
inputRef: inputRef,
formDisabled: formDisabled,
focus: focus,
blur: blur,
handleReduce: handleReduce,
handleAdd: handleAdd,
onInnerInputChange: onInnerInputChange
};
}
exports["default"] = useInputNumber;
//# sourceMappingURL=useInputNumber.js.map