linkmore-design
Version:
🌈 🚀lm组件库。🚀
51 lines (50 loc) • 1.78 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 [number, setNumber] = (0, _react.useState)(value);
(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: number,
onPressEnter: () => onChange?.(number),
size: "middle",
style: {
width: 'calc(100% - 32px)'
},
onChange: setNumber
}), /*#__PURE__*/_react.default.createElement(_button.default, {
icon: /*#__PURE__*/_react.default.createElement(_iconFont.default, {
type: "icon-sousuo"
}),
size: "middle",
onClick: () => onChange?.(number)
}))));
};
var _default = InputNumberRender;
exports.default = _default;