@qsxy/element-plus-react 1.0.0-next.2 → 1.0.0-next.21

package/dist/InputNumber/InputNumber.js

@@ -1,234 +1,255 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _templateObject, _templateObject2;
+var _excluded = ["name", "max", "min", "step", "precision", "onChange", "classPrefix", "prefix", "suffix", "prepend", "append", "placeholder", "warning", "error", "maxLength", "minLength"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import classNames from 'classnames';
+import max from 'lodash/max';
+import min from 'lodash/min';
+import omit from 'lodash/omit';
+import toFinite from 'lodash/toFinite';
+import React, { forwardRef, memo, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
+import { ConfigProvider } from "../ConfigProvider";
+import Icon from "../Icon/Icon";
+import Input from "../Input/Input";
+import { floatAdd, floatSub, formatNumber, isEmpty, isNotEmpty, mergeDefaultProps } from "../Util";
+import { partitionHTMLProps, useClassNames, useControlled, useDisabled, useSize } from "../hooks";
+var InputNumber = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
+  props = mergeDefaultProps({
+    step: 1,
+    precision: 0,
+    max: Infinity,
+    min: -Infinity,
+    placeholder: '请输入'
+  }, props);
+  var _props = props,
+    name = _props.name,
+    _maxProp = _props.max,
+    _minProp = _props.min,
+    step = _props.step,
+    precision = _props.precision,
+    onChange = _props.onChange,
+    _props$classPrefix = _props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'input-number' : _props$classPrefix,
+    prefix = _props.prefix,
+    suffix = _props.suffix,
+    prepend = _props.prepend,
+    append = _props.append,
+    placeholder = _props.placeholder,
+    warning = _props.warning,
+    error = _props.error,
+    maxLength = _props.maxLength,
+    minLength = _props.minLength,
+    rest = _objectWithoutProperties(_props, _excluded);
+  var _useClassNames = useClassNames(classPrefix),
+    b = _useClassNames.b,
+    e = _useClassNames.e,
+    m = _useClassNames.m,
+    is = _useClassNames.is;
+  var _partitionHTMLProps = partitionHTMLProps(rest),
+    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 1),
+    htmlInputProps = _partitionHTMLProps2[0];
+  var _partitionHTMLProps3 = partitionHTMLProps(props, {
+      htmlProps: ['onMouseEnter', 'onMouseLeave', 'onClick', 'onContextMenu']
+    }),
+    _partitionHTMLProps4 = _slicedToArray(_partitionHTMLProps3, 1),
+    tooltipEvents = _partitionHTMLProps4[0];
+  var _useControlled = useControlled(props.value, props.defaultValue),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    value = _useControlled2[0],
+    setValue = _useControlled2[1];
+  var disabled = useDisabled(props.disabled);
+  var size = useSize(props.size);
+  var _useContext = useContext(ConfigProvider),
+    inputNumber = _useContext.inputNumber;
+  var valueRef = useRef(value);
+  var containerRef = useRef(null);
+  var inputRef = useRef(null);
+  // 是否ctrl按键
+  var isCtrlKey = useRef(false);
+  var controlsPositionRight = useMemo(function () {
+    return props.controlsPositionRight || (inputNumber === null || inputNumber === void 0 ? void 0 : inputNumber.controlsPositionRight) || isNotEmpty(prefix) || isNotEmpty(suffix) || isNotEmpty(prepend) || isNotEmpty(append);
+  }, [append, inputNumber === null || inputNumber === void 0 ? void 0 : inputNumber.controlsPositionRight, prefix, prepend, props.controlsPositionRight, suffix]);
 
-// src/InputNumber/InputNumber.tsx
-var InputNumber_exports = {};
-__export(InputNumber_exports, {
-  default: () => InputNumber_default
-});
-module.exports = __toCommonJS(InputNumber_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_max = __toESM(require("lodash/max"));
-var import_min = __toESM(require("lodash/min"));
-var import_omit = __toESM(require("lodash/omit"));
-var import_toFinite = __toESM(require("lodash/toFinite"));
-var import_react = __toESM(require("react"));
-var import_ConfigProvider = require("../ConfigProvider");
-var import_Icon = require("../Icon");
-var import_Input = require("../Input");
-var import_Util = require("../Util");
-var import_hooks = require("../hooks");
-var InputNumber = (0, import_react.forwardRef)((props, ref) => {
-  props = (0, import_Util.mergeDefaultProps)(
-    {
-      step: 1,
-      precision: 0,
-      max: Infinity,
-      min: -Infinity,
-      placeholder: "请输入"
-    },
-    props
-  );
-  const {
-    name,
-    max: _maxProp,
-    min: _minProp,
-    step,
-    precision,
-    onChange,
-    classPrefix = "input-number",
-    prefix,
-    suffix,
-    prepend,
-    append,
-    placeholder,
-    warning,
-    error,
-    maxLength,
-    minLength,
-    ...rest
-  } = props;
-  const { b, e, m, is } = (0, import_hooks.useClassNames)(classPrefix);
-  const [htmlInputProps] = (0, import_hooks.partitionHTMLProps)(rest);
-  const [value, setValue] = (0, import_hooks.useControlled)(props.value, props.defaultValue);
-  const disabled = (0, import_hooks.useDisabled)(props.disabled);
-  const size = (0, import_hooks.useSize)(props.size);
-  const { inputNumber } = (0, import_react.useContext)(import_ConfigProvider.ConfigProvider);
-  const valueRef = (0, import_react.useRef)(value);
-  const containerRef = (0, import_react.useRef)(null);
-  const inputRef = (0, import_react.useRef)(null);
-  const isCtrlKey = (0, import_react.useRef)(false);
-  const controlsPositionRight = (0, import_react.useMemo)(() => {
-    return props.controlsPositionRight || (inputNumber == null ? void 0 : inputNumber.controlsPositionRight) || (0, import_Util.isNotEmpty)(prefix) || (0, import_Util.isNotEmpty)(suffix) || (0, import_Util.isNotEmpty)(prepend) || (0, import_Util.isNotEmpty)(append);
-  }, [append, inputNumber == null ? void 0 : inputNumber.controlsPositionRight, prefix, prepend, props.controlsPositionRight, suffix]);
-  const maxProp = (0, import_react.useMemo)(() => _maxProp ?? (inputNumber == null ? void 0 : inputNumber.max) ?? Infinity, [_maxProp, inputNumber == null ? void 0 : inputNumber.max]);
-  const minProp = (0, import_react.useMemo)(() => _minProp ?? (inputNumber == null ? void 0 : inputNumber.min) ?? -Infinity, [_minProp, inputNumber == null ? void 0 : inputNumber.min]);
-  const increase = (0, import_react.useCallback)(() => {
+  // const containerRef = useMemo(() => props.containerRef ?? rootRef, [props.containerRef]);
+  var maxProp = useMemo(function () {
+    var _ref;
+    return (_ref = _maxProp !== null && _maxProp !== void 0 ? _maxProp : inputNumber === null || inputNumber === void 0 ? void 0 : inputNumber.max) !== null && _ref !== void 0 ? _ref : Infinity;
+  }, [_maxProp, inputNumber === null || inputNumber === void 0 ? void 0 : inputNumber.max]);
+  var minProp = useMemo(function () {
+    var _ref2;
+    return (_ref2 = _minProp !== null && _minProp !== void 0 ? _minProp : inputNumber === null || inputNumber === void 0 ? void 0 : inputNumber.min) !== null && _ref2 !== void 0 ? _ref2 : -Infinity;
+  }, [_minProp, inputNumber === null || inputNumber === void 0 ? void 0 : inputNumber.min]);
+
+  /** 递增 */
+  var increase = useCallback(function () {
     if (disabled) {
       return;
     }
-    const increaseValue = (0, import_min.default)([(0, import_Util.floatAdd)((0, import_toFinite.default)(value), step), maxProp]);
-    const increaseOldValue = value;
-    const formatVal = (0, import_Util.formatNumber)(increaseValue, precision);
+    var increaseValue = min([floatAdd(toFinite(value), step), maxProp]);
+    var increaseOldValue = value;
+    var formatVal = formatNumber(increaseValue, precision);
     setValue(formatVal);
-    onChange == null ? void 0 : onChange((0, import_toFinite.default)(formatVal), increaseOldValue);
+    onChange === null || onChange === void 0 || onChange(toFinite(formatVal), increaseOldValue);
   }, [disabled, value, step, maxProp, precision, setValue, onChange]);
-  const decrease = (0, import_react.useCallback)(() => {
+
+  /** 递减 */
+  var decrease = useCallback(function () {
     if (disabled) {
       return;
     }
-    const decreaseValue = (0, import_max.default)([(0, import_Util.floatSub)((0, import_toFinite.default)(value), step), minProp]);
-    const decreaseOldValue = value;
-    const formatVal = (0, import_Util.formatNumber)(decreaseValue, precision);
+    var decreaseValue = max([floatSub(toFinite(value), step), minProp]);
+    var decreaseOldValue = value;
+    var formatVal = formatNumber(decreaseValue, precision);
     setValue(formatVal);
-    onChange == null ? void 0 : onChange((0, import_toFinite.default)(formatVal), decreaseOldValue);
+    onChange === null || onChange === void 0 || onChange(toFinite(formatVal), decreaseOldValue);
   }, [disabled, value, step, minProp, precision, setValue, onChange]);
-  const onInput = (0, import_react.useCallback)(
-    (inputVal) => {
-      inputVal = inputVal.split("").filter((item, index) => {
-        if (item === "-" && index > 0) {
-          return false;
-        }
-        return true;
-      }).join("");
-      setValue(inputVal);
-      valueRef.current = inputVal;
-      if (!inputVal.endsWith(".") && !inputVal.endsWith("0")) {
-        const _inputVal = (0, import_Util.isEmpty)(inputVal) ? "" : (0, import_toFinite.default)(inputVal);
-        setValue(_inputVal);
-        onChange == null ? void 0 : onChange(_inputVal);
+  var onInput = useCallback(function (inputVal) {
+    // 阻止输入错误位置的负号
+    inputVal = inputVal.split('').filter(function (item, index) {
+      if (item === '-' && index > 0) {
+        return false;
       }
-      inputRef.current.input.current.value = (0, import_Util.isEmpty)(inputVal) ? "" : inputVal;
-    },
-    [onChange, setValue]
-  );
-  const onBlur = (0, import_react.useCallback)(() => {
-    if ((0, import_Util.isEmpty)(valueRef.current)) {
-      setValue("");
-      onChange == null ? void 0 : onChange("");
-      valueRef.current = "";
-      inputRef.current.input.current.value = "";
+      return true;
+    }).join('');
+    // inputVal = inputVal.replace(/[^\d-\\.]/g, '').replace(/(?<=.)-/g, '');
+    setValue(inputVal);
+    valueRef.current = inputVal;
+    // 输入小数点后，如果转为数字会丢失小数点，所以此时不提交数据
+    if (!inputVal.endsWith('.') && !inputVal.endsWith('0')) {
+      var _inputVal = isEmpty(inputVal) ? '' : toFinite(inputVal);
+      setValue(_inputVal);
+      onChange === null || onChange === void 0 || onChange(_inputVal);
+    }
+    inputRef.current.input.current.value = isEmpty(inputVal) ? '' : inputVal;
+  }, [onChange, setValue]);
+
+  /** 输入 */
+  var onBlur = useCallback(function () {
+    // 删除值
+    if (isEmpty(valueRef.current)) {
+      setValue('');
+      onChange === null || onChange === void 0 || onChange('');
+      valueRef.current = '';
+      inputRef.current.input.current.value = '';
       return;
     }
-    const inputOldValue = value;
-    const val = (0, import_toFinite.default)(valueRef.current);
-    const formatVal = (0, import_Util.formatNumber)(val, precision);
+    var inputOldValue = value;
+    var val = toFinite(valueRef.current);
+    var formatVal = formatNumber(val, precision);
+
+    // 限制最大最小
     if (val > maxProp) {
       setValue(maxProp);
-      onChange == null ? void 0 : onChange(maxProp, inputOldValue);
-      inputRef.current.input.current.value = maxProp + "";
+      onChange === null || onChange === void 0 || onChange(maxProp, inputOldValue);
+      inputRef.current.input.current.value = maxProp + '';
       return;
     } else if (val < minProp) {
       setValue(minProp);
-      onChange == null ? void 0 : onChange(minProp, inputOldValue);
-      inputRef.current.input.current.value = minProp + "";
+      onChange === null || onChange === void 0 || onChange(minProp, inputOldValue);
+      inputRef.current.input.current.value = minProp + '';
       return;
     }
     setValue(formatVal);
-    onChange == null ? void 0 : onChange((0, import_toFinite.default)(formatVal), inputOldValue);
+    onChange === null || onChange === void 0 || onChange(toFinite(formatVal), inputOldValue);
     inputRef.current.input.current.value = formatVal;
   }, [maxProp, minProp, onChange, precision, setValue, value]);
-  (0, import_react.useEffect)(() => {
+  useEffect(function () {
     valueRef.current = value;
   }, [value]);
-  (0, import_react.useImperativeHandle)(ref, () => ({
-    get ref() {
-      return containerRef;
-    },
-    get input() {
-      return inputRef;
-    },
-    getValue: () => (0, import_toFinite.default)(value),
-    focus: inputRef.current.focus,
-    blur: inputRef.current.blur
-  }));
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), m({ [size]: size }), is({ "controls-right": controlsPositionRight }), props.className), style: props.style, ref: containerRef }, /* @__PURE__ */ import_react.default.createElement("span", { className: (0, import_classnames.default)(e`decrease`, is({ disabled: disabled || value == minProp })), onClick: decrease }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: controlsPositionRight ? "fal" : "far", name: controlsPositionRight ? "angle-down" : "minus" })), /* @__PURE__ */ import_react.default.createElement("span", { className: (0, import_classnames.default)(e`increase`, is({ disabled: disabled || value == maxProp })), onClick: increase }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: controlsPositionRight ? "fal" : "far", name: controlsPositionRight ? "angle-up" : "plus" })), /* @__PURE__ */ import_react.default.createElement(
-    import_Input.Input,
-    {
-      placeholder,
-      prefix,
-      suffix,
-      name,
-      value,
-      disabled,
-      readOnly: props.readOnly,
-      size,
-      error,
-      warning,
-      clearable: false,
-      onBlur,
-      onChange: onInput,
-      maxLength,
-      minLength: maxLength,
-      onKeyDown: (0, import_react.useCallback)((event) => {
-        if (event.ctrlKey) {
-          isCtrlKey.current = true;
+  useImperativeHandle(ref, function () {
+    return {
+      get ref() {
+        return containerRef;
+      },
+      get input() {
+        return inputRef;
+      },
+      getValue: function getValue() {
+        return toFinite(value);
+      },
+      focus: inputRef.current.focus,
+      blur: inputRef.current.blur
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classNames(b(), m(_defineProperty({}, size, size)), is({
+      'controls-right': controlsPositionRight
+    }), props.className),
+    style: props.style,
+    ref: containerRef
+  }, tooltipEvents), /*#__PURE__*/React.createElement("span", {
+    className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["decrease"]))), is({
+      disabled: disabled || value == minProp
+    })),
+    onClick: decrease
+  }, /*#__PURE__*/React.createElement(Icon, {
+    prefix: controlsPositionRight ? 'fal' : 'far',
+    name: controlsPositionRight ? 'angle-down' : 'minus'
+  })), /*#__PURE__*/React.createElement("span", {
+    className: classNames(e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["increase"]))), is({
+      disabled: disabled || value == maxProp
+    })),
+    onClick: increase
+  }, /*#__PURE__*/React.createElement(Icon, {
+    prefix: controlsPositionRight ? 'fal' : 'far',
+    name: controlsPositionRight ? 'angle-up' : 'plus'
+  })), /*#__PURE__*/React.createElement(Input, _extends({
+    placeholder: placeholder,
+    prefix: prefix,
+    suffix: suffix,
+    name: name,
+    value: value,
+    disabled: disabled,
+    readOnly: props.readOnly,
+    size: size,
+    error: error,
+    warning: warning,
+    clearable: false,
+    onBlur: onBlur,
+    onChange: onInput,
+    maxLength: maxLength,
+    minLength: maxLength,
+    onKeyDown: useCallback(function (event) {
+      if (event.ctrlKey) {
+        isCtrlKey.current = true;
+      }
+      // 复制、粘贴和剪切可以执行
+      if (isCtrlKey.current) {
+        if (!['c', 'v', 'x'].includes(event.key)) {
+          event.preventDefault();
         }
-        if (isCtrlKey.current) {
-          if (!["c", "v", "x"].includes(event.key)) {
-            event.preventDefault();
-          }
-        } else if (!["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "-", ".", "ArrowLeft", "ArrowRight", "Backspace", "Delete"].includes(event.key)) {
+      } else if (!['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '-', '.', 'ArrowLeft', 'ArrowRight', 'Backspace', 'Delete'].includes(event.key)) {
+        event.preventDefault();
+      }
+      var val = valueRef.current;
+      if (isNotEmpty(val)) {
+        // 如果已经有小数点了，阻止输入小数点
+        if (val.toString().indexOf('.') > -1 && event.key === '.') {
           event.preventDefault();
         }
-        const val = valueRef.current;
-        if ((0, import_Util.isNotEmpty)(val)) {
-          if (val.toString().indexOf(".") > -1 && event.key === ".") {
-            event.preventDefault();
-          }
-          if (val.toString().indexOf("-") > -1 && event.key === "-") {
-            event.preventDefault();
-          }
+        // 如果已经是负数了，阻止输入负号
+        if (val.toString().indexOf('-') > -1 && event.key === '-') {
+          event.preventDefault();
         }
-      }, []),
-      onKeyUp: (0, import_react.useCallback)(() => {
-        isCtrlKey.current = false;
-      }, []),
-      ref: inputRef,
-      ...(0, import_omit.default)(htmlInputProps, [
-        "disabled",
-        "size",
-        "onInput",
-        "onKeyDown",
-        "onKeyUp",
-        "size",
-        "onChange",
-        "style",
-        "className",
-        "type",
-        "name",
-        "prefix",
-        "readOnly",
-        "maxLength",
-        "minLength"
-      ])
-    }
-  ));
-});
-InputNumber.displayName = "ElInputNumber";
-var InputNumber_default = (0, import_react.memo)(InputNumber);
+      }
+    }, []),
+    onKeyUp: useCallback(function () {
+      isCtrlKey.current = false;
+    }, []),
+    ref: inputRef
+  }, omit(htmlInputProps, ['disabled', 'size', 'onInput', 'onKeyDown', 'onKeyUp', 'size', 'onChange', 'style', 'className', 'type', 'name', 'prefix', 'readOnly', 'maxLength', 'minLength']))));
+}));
+InputNumber.displayName = 'ElInputNumber';
+export default InputNumber;

package/dist/InputNumber/index.js

@@ -1,39 +1 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/InputNumber/index.ts
-var InputNumber_exports = {};
-__export(InputNumber_exports, {
-  InputNumber: () => import_InputNumber.default
-});
-module.exports = __toCommonJS(InputNumber_exports);
-var import_InputNumber = __toESM(require("./InputNumber"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  InputNumber
-});
+export { default as InputNumber } from "./InputNumber";

package/dist/InputNumber/typings.d.ts

@@ -1,31 +1,52 @@
 import React, { Ref } from 'react';
-import { InputRef } from '../Input';
+import { InputRef } from '../Input/typings';
 import { BaseProps, FormControlBaseProps, NativeProps } from '../types/common';
 export type LiteralUnion<T extends U, U> = T | (U & {});
 export type ValueType = number | string;
 export interface InputNumberProps<V = ValueType> extends Omit<FormControlBaseProps<V>, 'onChange'>, BaseProps<HTMLDivElement>, NativeProps, Omit<React.AllHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'size' | 'prefix' | 'type' | 'onInput' | 'onChange' | 'style' | 'value' | 'ref' | 'className' | 'readOnly' | 'disabled' | 'name' | 'children'> {
+    /** 设置计数器允许的最大值 */
     max?: number;
+    /** 设置计数器允许的最小值 */
     min?: number;
+    /** 计数器步长 */
     step?: number;
+    /** 是否只能输入 step 的倍数 */
     stepStrictly?: boolean;
+    /** 数值精度 */
     precision?: number;
+    /** 控制按钮位置 */
     controlsPositionRight?: boolean;
+    /** 占位符 */
     placeholder?: string;
+    /** 绑定值被改变时触发 */
     onChange?: (currentValue: number | string, oldValue?: number | string) => void;
+    /** 样式前缀 */
     prefixCls?: string;
+    /** 表单校验错误提示 */
     error?: boolean;
+    /** 表单校验警告提示 */
     warning?: boolean;
+    /** 输入框头部内容 */
     prefix?: React.ReactElement<any> | string | number;
+    /** 输入框尾部内容 */
     suffix?: React.ReactElement<any> | string | number;
+    /** 输入框前置内容 */
     prepend?: React.ReactElement<any> | string | number;
+    /** 输入框后置内容 */
     append?: React.ReactElement | string | number;
+    /** 最大输入长度 */
     maxLength?: number;
+    /** 原生属性，最小输入长度 */
     minLength?: number;
 }
 export interface InputNumberRef {
+    /** 顶级div */
     ref: Ref<HTMLDivElement>;
+    /** input */
     input: Ref<InputRef>;
     getValue: () => number;
+    /** 使 input 组件获得焦点 */
     focus: () => void;
+    /** 使 input 组件失去焦点 */
     blur: () => void;
 }

package/dist/InputNumber/typings.js

@@ -1,17 +1 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/InputNumber/typings.ts
-var typings_exports = {};
-module.exports = __toCommonJS(typings_exports);
+export {};