linkmore-design
Version:
🌈 🚀lm组件库。🚀
58 lines (57 loc) • 1.91 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _button = _interopRequireDefault(require("../../button"));
var _iconFont = _interopRequireDefault(require("../../icon-font"));
var _input = _interopRequireDefault(require("../../input"));
var _inputNumber = _interopRequireDefault(require("../../input-number"));
// 数字输入框触发blur使用内置校验
const InputNumberRender = props => {
const {
value = '',
onChange
} = props;
const inputRef = (0, _react.useRef)(null);
const handleSearch = async () => {
await inputRef.current.blur();
const val = inputRef.current.value;
onChange?.(val);
};
const handleClick = () => {
const val = inputRef.current.value;
onChange?.(val);
};
(0, _react.useEffect)(() => {
inputRef.current?.focus({
cursor: 'all'
});
}, []);
return /*#__PURE__*/_react.default.createElement("div", {
className: "filter_dropdown"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "filter_header"
}, /*#__PURE__*/_react.default.createElement(_input.default.Group, {
compact: true
}, /*#__PURE__*/_react.default.createElement(_inputNumber.default, {
ref: inputRef,
defaultValue: value,
onPressEnter: handleSearch,
size: "middle",
style: {
width: 'calc(100% - 32px)'
}
}), /*#__PURE__*/_react.default.createElement(_button.default, {
icon: /*#__PURE__*/_react.default.createElement(_iconFont.default, {
type: "icon-sousuo"
}),
size: "middle",
onClick: handleClick
}))));
};
var _default = InputNumberRender;
exports.default = _default;