tdesign-react
Version:
TDesign Component for React
193 lines (185 loc) • 8.32 kB
JavaScript
/**
* tdesign v1.16.6
* (c) 2026 tdesign
* @license MIT
*/
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var defineProperty = require('../_chunks/dep-1f6c39e3.js');
var React = require('react');
var tdesignIconsReact = require('tdesign-icons-react');
var classNames = require('classnames');
var input_index = require('../input/index.js');
var button_index = require('../button/index.js');
var inputNumber_useInputNumber = require('./useInputNumber.js');
var hooks_useGlobalIcon = require('../hooks/useGlobalIcon.js');
var inputNumber_defaultProps = require('./defaultProps.js');
var hooks_useDefaultProps = require('../hooks/useDefaultProps.js');
require('../_chunks/dep-90a93885.js');
require('../input/Input.js');
require('../_chunks/dep-79129c54.js');
require('../_chunks/dep-3281986a.js');
require('../_chunks/dep-54373955.js');
require('../_chunks/dep-ef5bfcf1.js');
require('../_util/forwardRefWithStatics.js');
require('hoist-non-react-statics');
require('../_util/parseTNode.js');
require('../_chunks/dep-ed99b2c6.js');
require('../_chunks/dep-8c9795f9.js');
require('../_chunks/dep-615c149d.js');
require('../_chunks/dep-723e29d6.js');
require('../hooks/useConfig.js');
require('../config-provider/ConfigContext.js');
require('../_chunks/dep-875a5344.js');
require('../_chunks/dep-20f09a63.js');
require('dayjs');
require('../_chunks/dep-e691746e.js');
require('../_chunks/dep-9d3b1a05.js');
require('../_chunks/dep-1f8c969d.js');
require('../_chunks/dep-0173c82c.js');
require('../_chunks/dep-a8d5081a.js');
require('../_chunks/dep-403f5edf.js');
require('../_chunks/dep-d24b94bc.js');
require('../_chunks/dep-6478e7e3.js');
require('../_chunks/dep-c9025587.js');
require('../_chunks/dep-8663a5c9.js');
require('../_chunks/dep-50349518.js');
require('../_chunks/dep-0bd8b970.js');
require('../_chunks/dep-73ef2133.js');
require('../_chunks/dep-cae1e5aa.js');
require('../_chunks/dep-0b97e212.js');
require('../_chunks/dep-0652d2a6.js');
require('../_chunks/dep-1a7ce20e.js');
require('../_chunks/dep-116af952.js');
require('../_chunks/dep-f6a777ad.js');
require('../_chunks/dep-ff301423.js');
require('../hooks/useControlled.js');
require('../_util/noop.js');
require('../_chunks/dep-825f3fca.js');
require('../_chunks/dep-0cf6dbad.js');
require('../_chunks/dep-cb9114ad.js');
require('../_chunks/dep-d7d7df54.js');
require('../_chunks/dep-4748ebeb.js');
require('../hooks/useLayoutEffect.js');
require('../_chunks/dep-2bbded38.js');
require('../_chunks/dep-202d6c73.js');
require('../locale/LocalReceiver.js');
require('../config-provider/ConfigProvider.js');
require('../_chunks/dep-400d026f.js');
require('../_chunks/dep-081faea2.js');
require('../_chunks/dep-91b467dd.js');
require('../_chunks/dep-18ca5cd9.js');
require('../_chunks/dep-3facd669.js');
require('../input/defaultProps.js');
require('../input/InputGroup.js');
require('../input/useLengthLimit.js');
require('../_chunks/dep-d7a3225b.js');
require('../_chunks/dep-33be2db8.js');
require('../_chunks/dep-989c8b4a.js');
require('../_chunks/dep-4c4d8eee.js');
require('../button/Button.js');
require('../hooks/useDomRefCallback.js');
require('../hooks/useRipple.js');
require('../_chunks/dep-4cca69f7.js');
require('../hooks/useAnimation.js');
require('../loading/index.js');
require('../loading/Loading.js');
require('../common/Portal.js');
require('react-dom');
require('../loading/defaultProps.js');
require('../loading/gradient.js');
require('../loading/plugin.js');
require('../_util/react-render.js');
require('../_chunks/dep-05097eca.js');
require('../common/PluginContainer.js');
require('../button/defaultProps.js');
require('../_chunks/dep-ceca7b69.js');
require('../_chunks/dep-8e51ca2b.js');
require('../hooks/useCommonClassName.js');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function TdInputNumber(originalProps, ref) {
var _useGlobalIcon = hooks_useGlobalIcon["default"]({
ChevronDownIcon: tdesignIconsReact.ChevronDownIcon,
RemoveIcon: tdesignIconsReact.RemoveIcon,
ChevronUpIcon: tdesignIconsReact.ChevronUpIcon,
AddIcon: tdesignIconsReact.AddIcon
}),
ChevronDownIcon = _useGlobalIcon.ChevronDownIcon,
RemoveIcon = _useGlobalIcon.RemoveIcon,
ChevronUpIcon = _useGlobalIcon.ChevronUpIcon,
AddIcon = _useGlobalIcon.AddIcon;
var props = hooks_useDefaultProps["default"](originalProps, inputNumber_defaultProps.inputNumberDefaultProps);
var _useInputNumber = inputNumber_useInputNumber["default"](props),
classPrefix = _useInputNumber.classPrefix,
wrapClasses = _useInputNumber.wrapClasses,
addClasses = _useInputNumber.addClasses,
reduceClasses = _useInputNumber.reduceClasses,
listeners = _useInputNumber.listeners,
isError = _useInputNumber.isError,
inputRef = _useInputNumber.inputRef,
userInput = _useInputNumber.userInput,
handleAdd = _useInputNumber.handleAdd,
handleReduce = _useInputNumber.handleReduce,
onInnerInputChange = _useInputNumber.onInnerInputChange;
var wrapRef = React.useRef(null);
var status = isError ? "error" : props.status;
var addIcon = props.theme === "column" ? /* @__PURE__ */React__default["default"].createElement(ChevronUpIcon, {
size: props.size
}) : /* @__PURE__ */React__default["default"].createElement(AddIcon, {
size: props.size
});
var reduceIcon = props.theme === "column" ? /* @__PURE__ */React__default["default"].createElement(ChevronDownIcon, {
size: props.size
}) : /* @__PURE__ */React__default["default"].createElement(RemoveIcon, {
size: props.size
});
React.useImperativeHandle(ref, function () {
return {
currentElement: wrapRef.current,
inputElement: inputRef.current
};
});
return /* @__PURE__ */React__default["default"].createElement("div", {
className: classNames__default["default"](wrapClasses, props.className),
style: props.style,
ref: wrapRef
}, props.theme !== "normal" && /* @__PURE__ */React__default["default"].createElement(button_index.Button, {
className: reduceClasses,
disabled: props.disabled,
onClick: handleReduce,
variant: "outline",
shape: "square",
icon: reduceIcon
}), /* @__PURE__ */React__default["default"].createElement(input_index.Input, _objectSpread(_objectSpread({
ref: inputRef,
autocomplete: "off",
disabled: props.disabled,
readOnly: props.readOnly || props.readonly,
placeholder: props.placeholder,
autoWidth: props.autoWidth,
align: props.align || (props.theme === "row" ? "center" : void 0),
status: status,
label: props.label,
suffix: props.suffix,
value: userInput,
onChange: onInnerInputChange,
size: props.size
}, listeners), props.inputProps || {})), props.theme !== "normal" && /* @__PURE__ */React__default["default"].createElement(button_index.Button, {
className: addClasses,
disabled: props.disabled,
onClick: handleAdd,
variant: "outline",
shape: "square",
icon: addIcon
}), props.tips && /* @__PURE__ */React__default["default"].createElement("div", {
className: classNames__default["default"]("".concat(classPrefix, "-input__tips"), "".concat(classPrefix, "-input__tips--").concat(status))
}, props.tips));
}
var InputNumber = /*#__PURE__*/React.forwardRef(TdInputNumber);
InputNumber.displayName = "InputNumber";
exports["default"] = InputNumber;
//# sourceMappingURL=InputNumber.js.map