@hi-ui/hiui 4.0.0-beta.79 → 4.0.0-beta.81

package/lib/esm/packages/ui/number-input/lib/esm/NumberInput.js

@@ -0,0 +1,365 @@
+/** @LICENSE
+ * @hi-ui/hiui
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/hiui#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __rest } from 'tslib';
+import React, { forwardRef } from 'react';
+import { getPrefixCls } from '../../../../utils/classname/lib/esm/index.js';
+import { __DEV__ } from '../../../../utils/env/lib/esm/index.js';
+import '../../../../icons/lib/esm/styles/index.scss.js';
+import '../../../../icons/lib/esm/components/alert/check-circle-filled.js';
+import '../../../../icons/lib/esm/components/alert/check-square-filled.js';
+import '../../../../icons/lib/esm/components/alert/close-circle-filled.js';
+import '../../../../icons/lib/esm/components/alert/close-square-filled.js';
+import '../../../../icons/lib/esm/components/alert/exclamation-circle-filled.js';
+import '../../../../icons/lib/esm/components/alert/info-circle-filled.js';
+import '../../../../icons/lib/esm/components/alert/question-circle-filled.js';
+import '../../../../icons/lib/esm/components/alert/stop-filled.js';
+import '../../../../icons/lib/esm/components/alert/warning-filled.js';
+import '../../../../icons/lib/esm/components/alert/check-outlined.js';
+import '../../../../icons/lib/esm/components/alert/check-circle-outlined.js';
+import '../../../../icons/lib/esm/components/alert/check-square-outlined.js';
+import '../../../../icons/lib/esm/components/alert/close-outlined.js';
+import '../../../../icons/lib/esm/components/alert/close-circle-outlined.js';
+import '../../../../icons/lib/esm/components/alert/close-square-outlined.js';
+import '../../../../icons/lib/esm/components/alert/exclamation-outlined.js';
+import '../../../../icons/lib/esm/components/alert/exclamation-circle-outlined.js';
+import '../../../../icons/lib/esm/components/alert/info-outlined.js';
+import '../../../../icons/lib/esm/components/alert/info-circle-outlined.js';
+import '../../../../icons/lib/esm/components/alert/minus-outlined.js';
+import '../../../../icons/lib/esm/components/alert/minus-square-outlined.js';
+import '../../../../icons/lib/esm/components/alert/plus-outlined.js';
+import '../../../../icons/lib/esm/components/alert/plus-square-outlined.js';
+import '../../../../icons/lib/esm/components/alert/question-outlined.js';
+import '../../../../icons/lib/esm/components/alert/question-circle-outlined.js';
+import '../../../../icons/lib/esm/components/alert/stop-outlined.js';
+import '../../../../icons/lib/esm/components/alert/warning-outlined.js';
+import '../../../../icons/lib/esm/components/common/alarm-filled.js';
+import '../../../../icons/lib/esm/components/common/alarm-clock-filled.js';
+import '../../../../icons/lib/esm/components/common/app-store-filled.js';
+import '../../../../icons/lib/esm/components/common/approve-filled.js';
+import '../../../../icons/lib/esm/components/common/archive-filled.js';
+import '../../../../icons/lib/esm/components/common/asset-monitor-filled.js';
+import '../../../../icons/lib/esm/components/common/audio-filled.js';
+import '../../../../icons/lib/esm/components/common/bank-card-filled.js';
+import '../../../../icons/lib/esm/components/common/bell-filled.js';
+import '../../../../icons/lib/esm/components/common/block-filled.js';
+import '../../../../icons/lib/esm/components/common/bookmark-filled.js';
+import '../../../../icons/lib/esm/components/common/building-filled.js';
+import '../../../../icons/lib/esm/components/common/bulb-filled.js';
+import '../../../../icons/lib/esm/components/common/calculator-filled.js';
+import '../../../../icons/lib/esm/components/common/calendar-filled.js';
+import '../../../../icons/lib/esm/components/common/camera-filled.js';
+import '../../../../icons/lib/esm/components/common/certificate-filled.js';
+import '../../../../icons/lib/esm/components/common/chat-filled.js';
+import '../../../../icons/lib/esm/components/common/cloud-filled.js';
+import '../../../../icons/lib/esm/components/common/cloud-download-filled.js';
+import '../../../../icons/lib/esm/components/common/cloud-upload-filled.js';
+import '../../../../icons/lib/esm/components/common/collection-filled.js';
+import '../../../../icons/lib/esm/components/common/data-monitor-filled.js';
+import '../../../../icons/lib/esm/components/common/dislike-filled.js';
+import '../../../../icons/lib/esm/components/common/document-filled.js';
+import '../../../../icons/lib/esm/components/common/document-exclamation-filled.js';
+import '../../../../icons/lib/esm/components/common/end-date-filled.js';
+import '../../../../icons/lib/esm/components/common/expression-filled.js';
+import '../../../../icons/lib/esm/components/common/file-filled.js';
+import '../../../../icons/lib/esm/components/common/fire-filled.js';
+import '../../../../icons/lib/esm/components/common/flag-filled.js';
+import '../../../../icons/lib/esm/components/common/folder-filled.js';
+import '../../../../icons/lib/esm/components/common/folder-open-filled.js';
+import '../../../../icons/lib/esm/components/common/heart-filled.js';
+import '../../../../icons/lib/esm/components/common/home-filled.js';
+import '../../../../icons/lib/esm/components/common/key-filled.js';
+import '../../../../icons/lib/esm/components/common/lightning-filled.js';
+import '../../../../icons/lib/esm/components/common/like-filled.js';
+import '../../../../icons/lib/esm/components/common/location-filled.js';
+import '../../../../icons/lib/esm/components/common/lock-filled.js';
+import '../../../../icons/lib/esm/components/common/mail-filled.js';
+import '../../../../icons/lib/esm/components/common/mail-open-filled.js';
+import '../../../../icons/lib/esm/components/common/mail-send-filled.js';
+import '../../../../icons/lib/esm/components/common/man-filled.js';
+import '../../../../icons/lib/esm/components/common/message-filled.js';
+import '../../../../icons/lib/esm/components/common/mobile-filled.js';
+import '../../../../icons/lib/esm/components/common/monitor-filled.js';
+import '../../../../icons/lib/esm/components/common/moon-filled.js';
+import '../../../../icons/lib/esm/components/common/pad-filled.js';
+import '../../../../icons/lib/esm/components/common/pause-filled.js';
+import '../../../../icons/lib/esm/components/common/phone-filled.js';
+import '../../../../icons/lib/esm/components/common/picture-filled.js';
+import '../../../../icons/lib/esm/components/common/pin-filled.js';
+import '../../../../icons/lib/esm/components/common/play-filled.js';
+import '../../../../icons/lib/esm/components/common/printer-filled.js';
+import '../../../../icons/lib/esm/components/common/qr-code-filled.js';
+import '../../../../icons/lib/esm/components/common/relation-filled.js';
+import '../../../../icons/lib/esm/components/common/rmb-filled.js';
+import '../../../../icons/lib/esm/components/common/sad-filled.js';
+import '../../../../icons/lib/esm/components/common/setting-filled.js';
+import '../../../../icons/lib/esm/components/common/shopping-filled.js';
+import '../../../../icons/lib/esm/components/common/skin-filled.js';
+import '../../../../icons/lib/esm/components/common/sound-filled.js';
+import '../../../../icons/lib/esm/components/common/star-filled.js';
+import '../../../../icons/lib/esm/components/common/start-date-filled.js';
+import '../../../../icons/lib/esm/components/common/student-filled.js';
+import '../../../../icons/lib/esm/components/common/sun-filled.js';
+import '../../../../icons/lib/esm/components/common/tag-filled.js';
+import '../../../../icons/lib/esm/components/common/task-filled.js';
+import '../../../../icons/lib/esm/components/common/template-filled.js';
+import '../../../../icons/lib/esm/components/common/time-filled.js';
+import '../../../../icons/lib/esm/components/common/tool-filled.js';
+import '../../../../icons/lib/esm/components/common/travel-filled.js';
+import '../../../../icons/lib/esm/components/common/truck-filled.js';
+import '../../../../icons/lib/esm/components/common/umbrella-filled.js';
+import '../../../../icons/lib/esm/components/common/unlock-filled.js';
+import '../../../../icons/lib/esm/components/common/update-filled.js';
+import '../../../../icons/lib/esm/components/common/user-filled.js';
+import '../../../../icons/lib/esm/components/common/video-camera-filled.js';
+import '../../../../icons/lib/esm/components/common/webpage-filled.js';
+import '../../../../icons/lib/esm/components/common/alarm-outlined.js';
+import '../../../../icons/lib/esm/components/common/alarm-clock-outlined.js';
+import '../../../../icons/lib/esm/components/common/app-store-outlined.js';
+import '../../../../icons/lib/esm/components/common/approve-outlined.js';
+import '../../../../icons/lib/esm/components/common/archive-outlined.js';
+import '../../../../icons/lib/esm/components/common/asset-monitor-outlined.js';
+import '../../../../icons/lib/esm/components/common/audio-outlined.js';
+import '../../../../icons/lib/esm/components/common/bank-card-outlined.js';
+import '../../../../icons/lib/esm/components/common/bars-outlined.js';
+import '../../../../icons/lib/esm/components/common/bell-outlined.js';
+import '../../../../icons/lib/esm/components/common/block-outlined.js';
+import '../../../../icons/lib/esm/components/common/bookmark-outlined.js';
+import '../../../../icons/lib/esm/components/common/building-outlined.js';
+import '../../../../icons/lib/esm/components/common/bulb-outlined.js';
+import '../../../../icons/lib/esm/components/common/business-card-transverse-outlined.js';
+import '../../../../icons/lib/esm/components/common/business-card-outlined.js';
+import '../../../../icons/lib/esm/components/common/calculator-outlined.js';
+import '../../../../icons/lib/esm/components/common/calendar-outlined.js';
+import '../../../../icons/lib/esm/components/common/camera-outlined.js';
+import '../../../../icons/lib/esm/components/common/chat-outlined.js';
+import '../../../../icons/lib/esm/components/common/clock-outlined.js';
+import '../../../../icons/lib/esm/components/common/close-code-outlined.js';
+import '../../../../icons/lib/esm/components/common/cloud-outlined.js';
+import '../../../../icons/lib/esm/components/common/cloud-download-outlined.js';
+import '../../../../icons/lib/esm/components/common/cloud-upload-outlined.js';
+import '../../../../icons/lib/esm/components/common/collection-outlined.js';
+import '../../../../icons/lib/esm/components/common/data-monitor-outlined.js';
+import '../../../../icons/lib/esm/components/common/diagram-outlined.js';
+import '../../../../icons/lib/esm/components/common/dislike-outlined.js';
+import '../../../../icons/lib/esm/components/common/document-outlined.js';
+import '../../../../icons/lib/esm/components/common/document-exclamation-outlined.js';
+import '../../../../icons/lib/esm/components/common/download-outlined.js';
+import '../../../../icons/lib/esm/components/common/end-date-outlined.js';
+import '../../../../icons/lib/esm/components/common/export-outlined.js';
+import '../../../../icons/lib/esm/components/common/expression-outlined.js';
+import '../../../../icons/lib/esm/components/common/eye-outlined.js';
+import '../../../../icons/lib/esm/components/common/eye-invisible-outlined.js';
+import '../../../../icons/lib/esm/components/common/file-outlined.js';
+import '../../../../icons/lib/esm/components/common/file-excel-outlined.js';
+import '../../../../icons/lib/esm/components/common/file-exe-outlined.js';
+import '../../../../icons/lib/esm/components/common/file-jpg-outlined.js';
+import '../../../../icons/lib/esm/components/common/file-keynote-outlined.js';
+import '../../../../icons/lib/esm/components/common/file-music-outlined.js';
+import '../../../../icons/lib/esm/components/common/file-pdf-outlined.js';
+import '../../../../icons/lib/esm/components/common/file-ppt-outlined.js';
+import '../../../../icons/lib/esm/components/common/file-question-outlined.js';
+import '../../../../icons/lib/esm/components/common/file-txt-outlined.js';
+import '../../../../icons/lib/esm/components/common/file-video-outlined.js';
+import '../../../../icons/lib/esm/components/common/file-word-outlined.js';
+import '../../../../icons/lib/esm/components/common/file-zip-outlined.js';
+import '../../../../icons/lib/esm/components/common/fire-outlined.js';
+import '../../../../icons/lib/esm/components/common/flag-outlined.js';
+import '../../../../icons/lib/esm/components/common/folder-outlined.js';
+import '../../../../icons/lib/esm/components/common/folder-open-outlined.js';
+import '../../../../icons/lib/esm/components/common/global-outlined.js';
+import '../../../../icons/lib/esm/components/common/heart-outlined.js';
+import '../../../../icons/lib/esm/components/common/home-outlined.js';
+import '../../../../icons/lib/esm/components/common/import-outlined.js';
+import '../../../../icons/lib/esm/components/common/key-outlined.js';
+import '../../../../icons/lib/esm/components/common/lightning-outlined.js';
+import '../../../../icons/lib/esm/components/common/like-outlined.js';
+import '../../../../icons/lib/esm/components/common/link-outlined.js';
+import '../../../../icons/lib/esm/components/common/location-outlined.js';
+import '../../../../icons/lib/esm/components/common/lock-outlined.js';
+import '../../../../icons/lib/esm/components/common/mail-outlined.js';
+import '../../../../icons/lib/esm/components/common/mail-open-outlined.js';
+import '../../../../icons/lib/esm/components/common/mail-send-outlined.js';
+import '../../../../icons/lib/esm/components/common/man-outlined.js';
+import '../../../../icons/lib/esm/components/common/menu-outlined.js';
+import '../../../../icons/lib/esm/components/common/message-outlined.js';
+import '../../../../icons/lib/esm/components/common/mobile-outlined.js';
+import '../../../../icons/lib/esm/components/common/monitor-outlined.js';
+import '../../../../icons/lib/esm/components/common/moon-outlined.js';
+import '../../../../icons/lib/esm/components/common/move-outlined.js';
+import '../../../../icons/lib/esm/components/common/pad-outlined.js';
+import '../../../../icons/lib/esm/components/common/pause-outlined.js';
+import '../../../../icons/lib/esm/components/common/phone-outlined.js';
+import '../../../../icons/lib/esm/components/common/picture-outlined.js';
+import '../../../../icons/lib/esm/components/common/pin-outlined.js';
+import '../../../../icons/lib/esm/components/common/play-outlined.js';
+import '../../../../icons/lib/esm/components/common/power-off-outlined.js';
+import '../../../../icons/lib/esm/components/common/printer-outlined.js';
+import '../../../../icons/lib/esm/components/common/qr-code-outlined.js';
+import '../../../../icons/lib/esm/components/common/relation-outlined.js';
+import '../../../../icons/lib/esm/components/common/reset-outlined.js';
+import '../../../../icons/lib/esm/components/common/rmb-outlined.js';
+import '../../../../icons/lib/esm/components/common/sad-outlined.js';
+import '../../../../icons/lib/esm/components/common/scan-outlined.js';
+import '../../../../icons/lib/esm/components/common/search-outlined.js';
+import '../../../../icons/lib/esm/components/common/send-out-outlined.js';
+import '../../../../icons/lib/esm/components/common/setting-outlined.js';
+import '../../../../icons/lib/esm/components/common/share-outlined.js';
+import '../../../../icons/lib/esm/components/common/shop-outlined.js';
+import '../../../../icons/lib/esm/components/common/shopping-outlined.js';
+import '../../../../icons/lib/esm/components/common/show-code-outlined.js';
+import '../../../../icons/lib/esm/components/common/skin-outlined.js';
+import '../../../../icons/lib/esm/components/common/sound-outlined.js';
+import '../../../../icons/lib/esm/components/common/star-outlined.js';
+import '../../../../icons/lib/esm/components/common/start-date-outlined.js';
+import '../../../../icons/lib/esm/components/common/student-outlined.js';
+import '../../../../icons/lib/esm/components/common/sun-outlined.js';
+import '../../../../icons/lib/esm/components/common/synchronize-outlined.js';
+import '../../../../icons/lib/esm/components/common/tag-outlined.js';
+import '../../../../icons/lib/esm/components/common/task-outlined.js';
+import '../../../../icons/lib/esm/components/common/template-outlined.js';
+import '../../../../icons/lib/esm/components/common/time-outlined.js';
+import '../../../../icons/lib/esm/components/common/time-rewind-outlined.js';
+import '../../../../icons/lib/esm/components/common/tool-outlined.js';
+import '../../../../icons/lib/esm/components/common/travel-outlined.js';
+import '../../../../icons/lib/esm/components/common/truck-outlined.js';
+import '../../../../icons/lib/esm/components/common/umber-outlined.js';
+import '../../../../icons/lib/esm/components/common/umbrella-outlined.js';
+import '../../../../icons/lib/esm/components/common/unlock-outlined.js';
+import '../../../../icons/lib/esm/components/common/update-outlined.js';
+import '../../../../icons/lib/esm/components/common/upload-outlined.js';
+import '../../../../icons/lib/esm/components/common/user-outlined.js';
+import '../../../../icons/lib/esm/components/common/user-add-outlined.js';
+import '../../../../icons/lib/esm/components/common/users-outlined.js';
+import '../../../../icons/lib/esm/components/common/video-camera-outlined.js';
+import '../../../../icons/lib/esm/components/common/webpage-outlined.js';
+import '../../../../icons/lib/esm/components/common/woman-outlined.js';
+import '../../../../icons/lib/esm/components/direction/caret-down-filled.js';
+import '../../../../icons/lib/esm/components/direction/caret-left-filled.js';
+import '../../../../icons/lib/esm/components/direction/caret-right-filled.js';
+import '../../../../icons/lib/esm/components/direction/caret-up-filled.js';
+import '../../../../icons/lib/esm/components/direction/arrow-down-outlined.js';
+import '../../../../icons/lib/esm/components/direction/arrow-left-outlined.js';
+import '../../../../icons/lib/esm/components/direction/arrow-right-outlined.js';
+import '../../../../icons/lib/esm/components/direction/arrow-up-outlined.js';
+import '../../../../icons/lib/esm/components/direction/direction-down-outlined.js';
+import '../../../../icons/lib/esm/components/direction/direction-left-outlined.js';
+import '../../../../icons/lib/esm/components/direction/direction-right-outlined.js';
+import '../../../../icons/lib/esm/components/direction/direction-up-outlined.js';
+import { DownOutlined } from '../../../../icons/lib/esm/components/direction/down-outlined.js';
+import '../../../../icons/lib/esm/components/direction/expand-outlined.js';
+import '../../../../icons/lib/esm/components/direction/fullscreen-outlined.js';
+import '../../../../icons/lib/esm/components/direction/fullscreen-exit-outlined.js';
+import '../../../../icons/lib/esm/components/direction/left-outlined.js';
+import '../../../../icons/lib/esm/components/direction/left-right-outlined.js';
+import '../../../../icons/lib/esm/components/direction/menu-fold-outlined.js';
+import '../../../../icons/lib/esm/components/direction/menu-unfold-outlined.js';
+import '../../../../icons/lib/esm/components/direction/right-outlined.js';
+import '../../../../icons/lib/esm/components/direction/shrink-outlined.js';
+import '../../../../icons/lib/esm/components/direction/to-bottom-outlined.js';
+import '../../../../icons/lib/esm/components/direction/to-top-outlined.js';
+import { UpOutlined } from '../../../../icons/lib/esm/components/direction/up-outlined.js';
+import '../../../../icons/lib/esm/components/edit/copy-filled.js';
+import '../../../../icons/lib/esm/components/edit/delete-filled.js';
+import '../../../../icons/lib/esm/components/edit/details-filled.js';
+import '../../../../icons/lib/esm/components/edit/duplicate-filled.js';
+import '../../../../icons/lib/esm/components/edit/edit-filled.js';
+import '../../../../icons/lib/esm/components/edit/ellipsis-circle-filled.js';
+import '../../../../icons/lib/esm/components/edit/empty-filled.js';
+import '../../../../icons/lib/esm/components/edit/filter-filled.js';
+import '../../../../icons/lib/esm/components/edit/folder-add-filled.js';
+import '../../../../icons/lib/esm/components/edit/folder-move-filled.js';
+import '../../../../icons/lib/esm/components/edit/paste-filled.js';
+import '../../../../icons/lib/esm/components/edit/average-outlined.js';
+import '../../../../icons/lib/esm/components/edit/column-height-outlined.js';
+import '../../../../icons/lib/esm/components/edit/columns-outlined.js';
+import '../../../../icons/lib/esm/components/edit/copy-outlined.js';
+import '../../../../icons/lib/esm/components/edit/delete-outlined.js';
+import '../../../../icons/lib/esm/components/edit/details-outlined.js';
+import '../../../../icons/lib/esm/components/edit/document-search-outlined.js';
+import '../../../../icons/lib/esm/components/edit/drag-outlined.js';
+import '../../../../icons/lib/esm/components/edit/duplicate-outlined.js';
+import '../../../../icons/lib/esm/components/edit/edit-outlined.js';
+import '../../../../icons/lib/esm/components/edit/ellipsis-circle-outlined.js';
+import '../../../../icons/lib/esm/components/edit/ellipsis-vertical-outlined.js';
+import '../../../../icons/lib/esm/components/edit/ellipsis-outlined.js';
+import '../../../../icons/lib/esm/components/edit/empty-outlined.js';
+import '../../../../icons/lib/esm/components/edit/equal-proportion-outlined.js';
+import '../../../../icons/lib/esm/components/edit/filter-outlined.js';
+import '../../../../icons/lib/esm/components/edit/folder-add-outlined.js';
+import '../../../../icons/lib/esm/components/edit/folder-move-outlined.js';
+import '../../../../icons/lib/esm/components/edit/freeze-column-outlined.js';
+import '../../../../icons/lib/esm/components/edit/frozen-line-outlined.js';
+import '../../../../icons/lib/esm/components/edit/paste-outlined.js';
+import '../../../../icons/lib/esm/components/edit/rotate-left-outlined.js';
+import '../../../../icons/lib/esm/components/edit/rotate-right-outlined.js';
+import '../../../../icons/lib/esm/components/edit/save-outlined.js';
+import '../../../../icons/lib/esm/components/edit/scissor-outlined.js';
+import '../../../../icons/lib/esm/components/edit/sort-ascending-outlined.js';
+import '../../../../icons/lib/esm/components/edit/sort-descending-outlined.js';
+import '../../../../icons/lib/esm/components/edit/summation-outlined.js';
+import '../../../../icons/lib/esm/components/edit/table-outlined.js';
+import '../../../../icons/lib/esm/components/edit/zoom-in-outlined.js';
+import '../../../../icons/lib/esm/components/edit/zoom-out-outlined.js';
+import '../../../../icons/lib/esm/components/file/excel-colorful.js';
+import '../../../../icons/lib/esm/components/file/exe-colorful.js';
+import '../../../../icons/lib/esm/components/file/jpg-colorful.js';
+import '../../../../icons/lib/esm/components/file/music-colorful.js';
+import '../../../../icons/lib/esm/components/file/pdf-colorful.js';
+import '../../../../icons/lib/esm/components/file/ppt-colorful.js';
+import '../../../../icons/lib/esm/components/file/question-colorful.js';
+import '../../../../icons/lib/esm/components/file/word-colorful.js';
+import '../../../../icons/lib/esm/components/file/zip-colorful.js';
+import { useCounter } from '@hi-ui/counter';
+/** @LICENSE
+ * @hi-ui/number-input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/number-input#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var _role = 'input';
+
+var _prefix = getPrefixCls('number-input');
+/**
+ * 数字输入框
+ */
+
+
+var NumberInput = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+      _a$role = _a.role,
+      role = _a$role === void 0 ? _role : _a$role,
+      rest = __rest(_a, ["prefixCls", "role"]);
+
+  var _useCounter = useCounter(Object.assign({
+    prefixCls: prefixCls,
+    role: role
+  }, rest)),
+      rootProps = _useCounter.rootProps,
+      getInputProps = _useCounter.getInputProps,
+      getMinusButtonProps = _useCounter.getMinusButtonProps,
+      getPlusButtonProps = _useCounter.getPlusButtonProps;
+
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: ref
+  }, rootProps), /*#__PURE__*/React.createElement("input", Object.assign({}, getInputProps())), /*#__PURE__*/React.createElement("div", {
+    className: prefixCls + "__suffix"
+  }, /*#__PURE__*/React.createElement("button", Object.assign({}, getPlusButtonProps()), /*#__PURE__*/React.createElement(UpOutlined, null)), /*#__PURE__*/React.createElement("button", Object.assign({}, getMinusButtonProps()), /*#__PURE__*/React.createElement(DownOutlined, null))));
+});
+
+if (__DEV__) {
+  NumberInput.displayName = 'NumberInput';
+}
+
+export { NumberInput };

package/lib/esm/packages/ui/number-input/lib/esm/styles/index.scss.js

@@ -0,0 +1,25 @@
+/** @LICENSE
+ * @hi-ui/hiui
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/hiui#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import __styleInject__ from 'inject-head-style';
+/** @LICENSE
+ * @hi-ui/number-input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/number-input#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var css_248z = ".hi-v4-number-input {position: relative;display: inline-block;width: 100%;color: var(--hi-v4-color-gray-700, #1f2733);font-size: var(--hi-v4-text-size-md, 0.875rem);z-index: var(--hi-v4-zindex-normal, 0);-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: var(--hi-v4-border-radius-md, 4px);-webkit-transition-property: border, background-color;transition-property: border, background-color;-webkit-transition-duration: var(--hi-v4-motion-duration-fast, 150ms);transition-duration: var(--hi-v4-motion-duration-fast, 150ms);-webkit-transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1)); }.hi-v4-number-input__minus, .hi-v4-number-input__plus {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: transparent;-webkit-tap-highlight-color: transparent;cursor: pointer;text-decoration: none;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;padding: 0 var(--hi-v4-spacing-3, 6px);font-size: var(--hi-v4-text-size-md, 0.875rem);color: var(--hi-v4-color-gray-500, #929aa6);-webkit-transition-property: background-color, color, -webkit-box-shadow;transition-property: background-color, color, -webkit-box-shadow;transition-property: background-color, color, box-shadow;transition-property: background-color, color, box-shadow, -webkit-box-shadow;-webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);transition-duration: var(--hi-v4-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1)); }.hi-v4-number-input__minus:hover, .hi-v4-number-input__plus:hover {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-number-input__minus.disabled, .hi-v4-number-input__plus.disabled {cursor: not-allowed;color: var(--hi-v4-color-gray-400, #c9ced6); }.hi-v4-number-input__input {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: text;background-color: transparent;-webkit-tap-highlight-color: transparent;width: 100%;height: 100%;color: inherit;text-align: left;padding: 0 var(--hi-v4-spacing-6, 12px); }.hi-v4-number-input__suffix {position: absolute;top: 0;right: 0;-webkit-box-sizing: border-box;box-sizing: border-box;height: 100%;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; }.hi-v4-number-input.hi-v4-number-input--disabled {cursor: not-allowed; }.hi-v4-number-input.hi-v4-number-input--disabled .hi-v4-number-input__input {cursor: not-allowed; }.hi-v4-number-input:not(.hi-v4-number-input--disabled).hi-v4-number-input--invalid {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }.hi-v4-number-input:not(.hi-v4-number-input--disabled):hover {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-number-input:not(.hi-v4-number-input--disabled):hover.hi-v4-number-input--invalid, .hi-v4-number-input:not(.hi-v4-number-input--disabled):hover.hi-v4-number-input--out-of-bounds {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }.hi-v4-number-input.hi-v4-number-input--focused {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff)); }.hi-v4-number-input.hi-v4-number-input--focused.hi-v4-number-input--invalid, .hi-v4-number-input.hi-v4-number-input--focused.hi-v4-number-input--out-of-bounds {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }.hi-v4-number-input--appearance-line {border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-300, #dfe2e8); }.hi-v4-number-input--appearance-line.hi-v4-number-input--disabled {color: var(--hi-v4-color-gray-400, #c9ced6);background-color: var(--hi-v4-color-gray-50, #f5f7fa); }.hi-v4-number-input--appearance-filled {border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-100, #f2f4f7);background-color: var(--hi-v4-color-gray-100, #f2f4f7); }.hi-v4-number-input--appearance-filled:not(.hi-v4-number-input--disabled):hover {background-color: var(--hi-v4-color-static-white, #fff); }.hi-v4-number-input--appearance-filled.hi-v4-number-input--focused {background-color: var(--hi-v4-color-static-white, #fff); }.hi-v4-number-input--appearance-filled.hi-v4-number-input--disabled {color: var(--hi-v4-color-gray-400, #c9ced6);background-color: var(--hi-v4-color-gray-200, #ebedf0); }.hi-v4-number-input--size-sm {height: var(--hi-v4-height-6, 24px); }.hi-v4-number-input--size-sm .hi-v4-number-input__minus,.hi-v4-number-input--size-sm .hi-v4-number-input__plus {font-size: var(--hi-v4-text-size-sm, 0.75rem); }.hi-v4-number-input--size-md {height: var(--hi-v4-height-8, 32px); }.hi-v4-number-input--size-md .hi-v4-number-input__minus {font-size: var(--hi-v4-text-size-md, 0.875rem); }.hi-v4-number-input--size-lg {height: var(--hi-v4-height-10, 40px); }.hi-v4-number-input--size-lg .hi-v4-number-input__minus,.hi-v4-number-input--size-lg .hi-v4-number-input__plus {font-size: var(--hi-v4-text-size-lg, 1rem); }";
+
+__styleInject__(css_248z);
+
+export { css_248z as default };

package/lib/esm/packages/utils/classname/lib/esm/index.js

@@ -0,0 +1,37 @@
+/** @LICENSE
+ * @hi-ui/hiui
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/hiui#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { default as cx } from '../../../../../node_modules/classnames/index.js';
+/** @LICENSE
+ * @hi-ui/classname
+ * https://github.com/XiaoMi/hiui#readme
+ *
+ * Copyright (c) Flcwl <flcwl@vip.qq.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * 给组件选择器类添加上 hiui 版本控制
+ *
+ * @param cls 选择器类
+ * @param componentPrefix 类前缀
+ * @returns 带版本控制的选择器类
+ */
+
+var getPrefixCls = function getPrefixCls(cls, componentPrefix) {
+  if (componentPrefix === void 0) {
+    componentPrefix = 'hi-v4';
+  }
+
+  return componentPrefix + "-" + cls;
+};
+
+export { getPrefixCls };

package/lib/esm/packages/utils/env/lib/esm/index.js

@@ -0,0 +1,22 @@
+/** @LICENSE
+ * @hi-ui/hiui
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/hiui#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @LICENSE
+ * @hi-ui/env
+ * https://github.com/XiaoMi/hiui#readme
+ *
+ * Copyright (c) Flcwl <flcwl@vip.qq.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var __DEV__ = process.env.NODE_ENV !== 'production';
+
+export { __DEV__ };

package/lib/types/index.d.ts

@@ -118,3 +118,5 @@ export * from '@hi-ui/zen-mode';
 export { default as ZenMode } from '@hi-ui/zen-mode';
 export * from '@hi-ui/select';
 export { default as Select } from '@hi-ui/select';
+export * from '@hi-ui/number-input';
+export { default as NumberInput } from '@hi-ui/number-input';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/hiui",
-  "version": "4.0.0-beta.79",
+  "version": "4.0.0-beta.81",
   "description": "The root-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -47,57 +47,57 @@
     "@hi-ui/avatar": "^4.0.0-beta.14",
     "@hi-ui/badge": "^4.0.0-beta.12",
     "@hi-ui/breadcrumb": "^4.0.0-beta.12",
-    "@hi-ui/button": "^4.0.0-beta.14",
+    "@hi-ui/button": "^4.0.0-beta.15",
     "@hi-ui/card": "^4.0.0-beta.26",
     "@hi-ui/carousel": "^4.0.0-beta.15",
-    "@hi-ui/cascader": "^4.0.0-beta.36",
-    "@hi-ui/check-cascader": "^4.0.0-beta.41",
-    "@hi-ui/check-select": "^4.0.0-beta.41",
-    "@hi-ui/check-tree-select": "^4.0.0-beta.43",
+    "@hi-ui/cascader": "^4.0.0-beta.37",
+    "@hi-ui/check-cascader": "^4.0.0-beta.42",
+    "@hi-ui/check-select": "^4.0.0-beta.43",
+    "@hi-ui/check-tree-select": "^4.0.0-beta.44",
     "@hi-ui/checkbox": "^4.0.0-beta.14",
     "@hi-ui/collapse": "^4.0.0-beta.13",
     "@hi-ui/counter": "^4.0.0-beta.18",
-    "@hi-ui/date-picker": "^4.0.0-beta.36",
-    "@hi-ui/drawer": "^4.0.0-beta.33",
-    "@hi-ui/dropdown": "^4.0.0-beta.23",
+    "@hi-ui/date-picker": "^4.0.0-beta.37",
+    "@hi-ui/drawer": "^4.0.0-beta.34",
+    "@hi-ui/dropdown": "^4.0.0-beta.24",
     "@hi-ui/empty-state": "^4.0.0-beta.24",
     "@hi-ui/filter": "^4.0.0-beta.12",
-    "@hi-ui/form": "^4.0.0-beta.32",
+    "@hi-ui/form": "^4.0.0-beta.33",
     "@hi-ui/grid": "^4.0.0-beta.18",
     "@hi-ui/input": "^4.0.0-beta.18",
-    "@hi-ui/list": "^4.0.0-beta.42",
+    "@hi-ui/list": "^4.0.0-beta.43",
     "@hi-ui/loading": "^4.0.0-beta.23",
     "@hi-ui/locale-context": "^4.0.0-beta.19",
     "@hi-ui/menu": "^4.0.0-beta.24",
     "@hi-ui/message": "^4.0.0-beta.15",
-    "@hi-ui/modal": "^4.0.0-beta.31",
+    "@hi-ui/modal": "^4.0.0-beta.32",
     "@hi-ui/notification": "^4.0.0-beta.16",
-    "@hi-ui/pagination": "^4.0.0-beta.39",
+    "@hi-ui/pagination": "^4.0.0-beta.40",
     "@hi-ui/picker": "^4.0.0-beta.32",
-    "@hi-ui/pop-confirm": "^4.0.0-beta.29",
+    "@hi-ui/pop-confirm": "^4.0.0-beta.30",
     "@hi-ui/popover": "^4.0.0-beta.25",
     "@hi-ui/preview": "^4.0.0-beta.17",
     "@hi-ui/progress": "^4.0.0-beta.10",
     "@hi-ui/provider": "^4.0.0-beta.8",
     "@hi-ui/radio": "^4.0.0-beta.18",
     "@hi-ui/rating": "^4.0.0-beta.25",
-    "@hi-ui/search": "^4.0.0-beta.29",
-    "@hi-ui/select": "^4.0.0-beta.36",
+    "@hi-ui/search": "^4.0.0-beta.30",
+    "@hi-ui/select": "^4.0.0-beta.37",
     "@hi-ui/slider": "^4.0.0-beta.25",
     "@hi-ui/stepper": "^4.0.0-beta.17",
     "@hi-ui/svg-icon": "^4.0.0-beta.11",
     "@hi-ui/switch": "^4.0.0-beta.11",
-    "@hi-ui/table": "^4.0.0-beta.60",
+    "@hi-ui/table": "^4.0.0-beta.61",
     "@hi-ui/tabs": "^4.0.0-beta.23",
-    "@hi-ui/tag": "^4.0.0-beta.31",
-    "@hi-ui/textarea": "^4.0.0-beta.19",
-    "@hi-ui/time-picker": "^4.0.0-beta.30",
+    "@hi-ui/tag": "^4.0.0-beta.32",
+    "@hi-ui/textarea": "^4.0.0-beta.20",
+    "@hi-ui/time-picker": "^4.0.0-beta.31",
     "@hi-ui/timeline": "^4.0.0-beta.12",
     "@hi-ui/tooltip": "^4.0.0-beta.25",
-    "@hi-ui/transfer": "^4.0.0-beta.43",
+    "@hi-ui/transfer": "^4.0.0-beta.44",
     "@hi-ui/tree": "^4.0.0-beta.37",
-    "@hi-ui/tree-select": "^4.0.0-beta.42",
-    "@hi-ui/upload": "^4.0.0-beta.34",
+    "@hi-ui/tree-select": "^4.0.0-beta.43",
+    "@hi-ui/upload": "^4.0.0-beta.35",
     "@hi-ui/watermark": "^4.0.0-beta.26",
     "@hi-ui/zen-mode": "^4.0.0-beta.22"
   },
@@ -110,5 +110,5 @@
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
-  "gitHead": "be4f04952d9ce654d7fcf185578e2bb8694d5c63"
+  "gitHead": "c88fb2f2e288ed4eda0edaa405db38e55d55bcd6"
 }