tdesign-react
Version:
TDesign Component for React
192 lines (184 loc) • 8.26 kB
JavaScript
/**
* tdesign v1.13.2
* (c) 2025 tdesign
* @license MIT
*/
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var defineProperty = require('../_chunks/dep-cc768e34.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-6d4d8660.js');
require('../input/Input.js');
require('../_chunks/dep-810b3643.js');
require('../_chunks/dep-e17e2d31.js');
require('../_chunks/dep-b7d577ac.js');
require('../hooks/useLayoutEffect.js');
require('../_chunks/dep-3f65dfe7.js');
require('../_chunks/dep-3e2d2665.js');
require('../_chunks/dep-f0379c5f.js');
require('../_chunks/dep-028b759d.js');
require('../_chunks/dep-ddacd27a.js');
require('../_util/forwardRefWithStatics.js');
require('hoist-non-react-statics');
require('../hooks/useConfig.js');
require('../config-provider/ConfigContext.js');
require('../_chunks/dep-3a869b87.js');
require('../_chunks/dep-ac58e1cc.js');
require('dayjs');
require('../_chunks/dep-7da96a57.js');
require('../_chunks/dep-07b911d8.js');
require('../_chunks/dep-4b02d669.js');
require('../_chunks/dep-8a116183.js');
require('../_chunks/dep-4671b9bd.js');
require('../_chunks/dep-bed9d73e.js');
require('../_chunks/dep-780eda7b.js');
require('../_chunks/dep-47bdc05f.js');
require('../_chunks/dep-cab13149.js');
require('../_chunks/dep-a30819a4.js');
require('../_chunks/dep-6a7ba247.js');
require('../_chunks/dep-c87d9752.js');
require('../_chunks/dep-bd956a2d.js');
require('../_chunks/dep-0cdb3286.js');
require('../_chunks/dep-865c186c.js');
require('../_chunks/dep-f4e58639.js');
require('../_chunks/dep-781a2854.js');
require('../_chunks/dep-1ef213f8.js');
require('../_chunks/dep-e2c832a5.js');
require('../input/InputGroup.js');
require('../hooks/useControlled.js');
require('../_util/noop.js');
require('../_chunks/dep-4be7f839.js');
require('../_chunks/dep-d42c60f4.js');
require('../_chunks/dep-05b4c661.js');
require('../_chunks/dep-62193a48.js');
require('../_chunks/dep-f076775e.js');
require('../locale/LocalReceiver.js');
require('../config-provider/ConfigProvider.js');
require('../_chunks/dep-ed886f2a.js');
require('../_chunks/dep-aeef4e56.js');
require('../_chunks/dep-0c1ca63f.js');
require('../_chunks/dep-fd5d57c1.js');
require('../_chunks/dep-ac2874ce.js');
require('../_chunks/dep-6cfc06a0.js');
require('../_chunks/dep-5d9d080b.js');
require('../input/defaultProps.js');
require('../_util/parseTNode.js');
require('../_chunks/dep-4bc3c0ab.js');
require('../input/useLengthLimit.js');
require('../_chunks/dep-b8d4cf07.js');
require('../_chunks/dep-64a1054a.js');
require('../_chunks/dep-422caf30.js');
require('../button/Button.js');
require('../hooks/useDomRefCallback.js');
require('../hooks/useRipple.js');
require('../_chunks/dep-58719304.js');
require('../hooks/useAnimation.js');
require('../loading/index.js');
require('../loading/Loading.js');
require('../common/Portal.js');
require('react-dom');
require('../loading/gradient.js');
require('../loading/defaultProps.js');
require('../loading/plugin.js');
require('../_util/react-render.js');
require('../_chunks/dep-a93b6608.js');
require('../common/PluginContainer.js');
require('../button/defaultProps.js');
require('../_chunks/dep-0a15e4d8.js');
require('../_chunks/dep-f400737d.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,
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