@tendaui/react 1.1.1 → 1.1.3

package/es/input-number/defaultProps.d.ts

@@ -0,0 +1,2 @@
+import { TdInputNumberProps } from "./type";
+export declare const inputNumberDefaultProps: TdInputNumberProps;

package/es/input-number/index.d.ts

@@ -0,0 +1,5 @@
+import "./style/index.js";
+export type { InputNumberProps } from "./InputNumber";
+export * from "./type";
+export declare const InputNumber: import("react").ForwardRefExoticComponent<import("./InputNumber").InputNumberProps<import("./type").InputNumberValue> & import("react").RefAttributes<import("./InputNumber").InputNumberRef>>;
+export default InputNumber;

package/es/input-number/index.js

@@ -0,0 +1,43 @@
+import InputNumber$1 from './InputNumber.js';
+import './style/css.js';
+import '../_chunks/dep-Cwish4GD.js';
+import '../_chunks/dep-D-UKOauR.js';
+import 'react';
+import '@tendaui/icons';
+import 'classnames';
+import '../input/index.js';
+import '../input/Input.js';
+import '../_chunks/dep-CzLhKWCf.js';
+import '../_chunks/dep-DN7d1SzH.js';
+import '../_chunks/dep-BRbJGDI9.js';
+import '../_chunks/dep-DRwijJcv.js';
+import 'lodash-es';
+import '../_chunks/dep-DwWrhxkd.js';
+import '../_chunks/dep-D6YxJv-F.js';
+import '../_chunks/dep-DGvfel3I.js';
+import '../_chunks/dep-gy8uvBaS.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+import '../input/InputGroup.js';
+import '../input/style/css.js';
+import '../button/index.js';
+import '../button/Button.js';
+import '../loading/index.js';
+import '../loading/Loading.js';
+import '../common/Portal.js';
+import 'react-dom';
+import '../loading/Gradient.js';
+import '../_chunks/dep-DQ6kXoi8.js';
+import '../_chunks/dep-PPA-yoAy.js';
+import '../_chunks/dep-DbVHGoUC.js';
+import '../loading/style/css.js';
+import '../button/style/css.js';
+import './useInputNumber.js';
+import '../utils/log/index.js';
+import '../_chunks/dep-DTlQ2dCA.js';
+import '../_chunks/dep-ByzdZjUR.js';
+
+var InputNumber = InputNumber$1;
+
+export { InputNumber, InputNumber as default };
+//# sourceMappingURL=index.js.map

package/es/input-number/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../components/input-number/index.ts"],"sourcesContent":["import _InputNumber from \"./InputNumber\";\r\n\r\nimport \"./style/index.js\";\r\n\r\nexport type { InputNumberProps } from \"./InputNumber\";\r\nexport * from \"./type\";\r\n\r\nexport const InputNumber = _InputNumber;\r\nexport default InputNumber;\r\n"],"names":["InputNumber","_InputNumber"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAMA,WAAA,GAAcC;;;;"}

package/es/input-number/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/es/input-number/style/css.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/input-number/style/index.css

@@ -0,0 +1,331 @@
+.t-input-number {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: inline-block;
+  position: relative;
+  box-sizing: border-box;
+  padding: 0 var(--td-comp-size-m);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  width: 144px;
+}
+.t-input-number:not(.t-input-number--column) > .t-input-number__decrease + .t-input__wrap {
+  margin-left: var(--td-comp-margin-xs);
+}
+.t-input-number input::-webkit-outer-spin-button,
+.t-input-number input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+          appearance: none;
+}
+.t-input-number input[type=number] {
+  -webkit-appearance: textfield;
+     -moz-appearance: textfield;
+          appearance: textfield;
+}
+.t-input-number > .t-input__tips {
+  position: absolute;
+  left: 0;
+}
+.t-input-number input + .t-input__suffix {
+  margin-left: var(--td-comp-paddingLR-s);
+}
+.t-input-number .t-input__prefix {
+  margin-right: var(--td-comp-paddingLR-s);
+}
+.t-input-number .t-input {
+  color: var(--td-text-color-primary);
+}
+.t-input-number.t-input-number--auto-width {
+  width: auto;
+}
+.t-input-number.t-input-number--auto-width.t-is-controls-right {
+  min-width: auto;
+  width: auto;
+}
+.t-input-number.t-input-number--auto-width .t-input__inner {
+  min-width: 42px;
+}
+.t-input-number .t-input-number__decrease, .t-input-number .t-input-number__increase {
+  width: var(--td-comp-size-m);
+  height: var(--td-comp-size-m);
+  position: absolute;
+  top: 0;
+  border: 1px solid var(--td-border-level-2-color);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  border-radius: var(--td-radius-default);
+  background-color: transparent;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  z-index: 1;
+  cursor: pointer;
+}
+.t-input-number .t-input-number__decrease:hover, .t-input-number .t-input-number__increase:hover {
+  color: var(--td-brand-color);
+  border-color: var(--td-brand-color);
+}
+.t-input-number .t-input-number__decrease:hover .t-icon, .t-input-number .t-input-number__increase:hover .t-icon {
+  color: var(--td-brand-color);
+}
+.t-input-number .t-input-number__decrease:active, .t-input-number .t-input-number__increase:active {
+  color: var(--td-brand-color);
+  background-color: var(--td-bg-color-container-hover);
+}
+.t-input-number .t-input-number__decrease .t-icon, .t-input-number .t-input-number__increase .t-icon {
+  position: relative;
+  z-index: 1;
+  font-size: var(--td-font-size-body-large);
+  color: var(--td-text-color-secondary);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled, .t-input-number .t-input-number__increase.t-is-disabled {
+  color: var(--td-text-color-disabled);
+  cursor: no-drop;
+  background-color: var(--td-bg-color-component-disabled);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled .t-icon, .t-input-number .t-input-number__increase.t-is-disabled .t-icon {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled:hover, .t-input-number .t-input-number__increase.t-is-disabled:hover {
+  border-color: var(--td-border-level-2-color);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled:hover .t-icon, .t-input-number .t-input-number__increase.t-is-disabled:hover .t-icon {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-webkit-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled::-moz-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-moz-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled::-ms-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-ms-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number .t-input-number__decrease.t-is-disabled::placeholder, .t-input-number .t-input-number__increase.t-is-disabled::placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number .t-input-number__decrease {
+  left: 0;
+}
+.t-input-number .t-input-number__increase {
+  right: -8px;
+}
+
+.t-input-number.t-is-disabled .t-input {
+  cursor: no-drop;
+  background-color: var(--td-bg-color-component-disabled);
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-is-disabled .t-input:hover, .t-input-number.t-is-disabled .t-input:focus, .t-input-number.t-is-disabled .t-input:active {
+  border-color: var(--td-border-level-2-color);
+}
+.t-input-number.t-is-disabled .t-input-number__decrease,
+.t-input-number.t-is-disabled .t-input-number__increase {
+  color: var(--td-text-color-disabled);
+  cursor: no-drop;
+  background-color: var(--td-bg-color-component-disabled);
+}
+.t-input-number.t-is-disabled .t-input-number__decrease .t-icon,
+.t-input-number.t-is-disabled .t-input-number__increase .t-icon {
+  color: var(--td-text-color-secondary);
+}
+
+.t-input-number.t-size-s {
+  width: 120px;
+  padding: 0 var(--td-comp-size-xs);
+}
+.t-input-number.t-size-s .t-input {
+  font-size: var(--td-font-size-body-small);
+  height: var(--td-comp-size-xs);
+  line-height: var(--td-comp-size-xs);
+}
+.t-input-number.t-size-s .t-input-number__decrease,
+.t-input-number.t-size-s .t-input-number__increase {
+  font-size: var(--td-font-size-body-medium);
+  width: var(--td-comp-size-xs);
+  height: var(--td-comp-size-xs);
+}
+
+.t-input-number.t-size-l {
+  width: 168px;
+  padding: 0 var(--td-comp-size-xl);
+}
+.t-input-number.t-size-l .t-input {
+  height: var(--td-comp-size-xl);
+  line-height: var(--td-comp-size-xl);
+}
+.t-input-number.t-size-l .t-input-number__decrease,
+.t-input-number.t-size-l .t-input-number__increase {
+  font-size: 18px;
+  width: var(--td-comp-size-xl);
+  height: var(--td-comp-size-xl);
+}
+.t-input-number.t-size-l.t-is-controls-right .t-input {
+  height: var(--td-comp-size-xl);
+  line-height: var(--td-comp-size-xl);
+  padding-right: calc(var(--td-comp-size-xl) + var(--td-comp-paddingLR-s));
+}
+.t-input-number.t-size-l.t-is-controls-right .t-input-number__decrease,
+.t-input-number.t-size-l.t-is-controls-right .t-input-number__increase {
+  width: var(--td-comp-size-xl);
+  font-size: var(--td-font-size-body-large);
+}
+.t-input-number.t-size-l .t-input--prefix {
+  font: var(--td-font-body-large);
+  padding: 0 var(--td-comp-paddingLR-m);
+}
+
+.t-input-number.t-input-number--normal {
+  padding: 0;
+  border-radius: var(--td-radius-default);
+}
+.t-input-number.t-input-number--normal.t-is-disabled {
+  cursor: no-drop;
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled:hover .t-input {
+  border-color: var(--td-border-level-2-color);
+}
+.t-input-number.t-input-number--normal.t-is-disabled::-webkit-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled::-moz-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled::-ms-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled::placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled .t-input:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+.t-input-number.t-is-controls-right {
+  width: 96px;
+  padding: 0;
+}
+.t-input-number.t-is-controls-right:hover .t-input-number__decrease,
+.t-input-number.t-is-controls-right:hover .t-input-number__increase {
+  opacity: 1;
+  visibility: visible;
+}
+.t-input-number.t-is-controls-right .t-input {
+  width: 100%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding-right: calc(var(--td-comp-size-m) + var(--td-comp-paddingLR-s));
+  border-radius: var(--td-radius-default);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease,
+.t-input-number.t-is-controls-right .t-input-number__increase {
+  width: var(--td-comp-size-m);
+  height: calc(var(--td-comp-size-m) / 2 - 2px);
+  border: 0;
+  left: initial;
+  top: initial;
+  right: 1px;
+  border-radius: 0;
+  background: var(--td-bg-color-secondarycontainer);
+  opacity: 0;
+  visibility: hidden;
+  z-index: 2;
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease .t-icon,
+.t-input-number.t-is-controls-right .t-input-number__increase .t-icon {
+  font-size: var(--td-font-size-body-small);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease:hover,
+.t-input-number.t-is-controls-right .t-input-number__increase:hover {
+  background: var(--td-bg-color-component-hover);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease:hover .t-icon,
+.t-input-number.t-is-controls-right .t-input-number__increase:hover .t-icon {
+  color: var(--td-text-color-primary);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled,
+.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled {
+  color: var(--td-text-color-disabled);
+  cursor: no-drop;
+  background-color: var(--td-bg-color-component-disabled);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled .t-icon,
+.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled .t-icon {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover,
+.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover {
+  border-color: var(--td-border-level-2-color);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover .t-icon,
+.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover .t-icon {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder,
+.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-webkit-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-moz-placeholder,
+.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-moz-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-ms-input-placeholder,
+.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-ms-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::placeholder,
+.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-is-controls-right .t-input-number__increase {
+  top: 1px;
+  border-top-right-radius: calc(var(--td-radius-default) - 1px);
+}
+.t-input-number.t-is-controls-right .t-input-number__decrease {
+  top: calc(var(--td-comp-size-m) / 2 - 2px + 3px);
+  border-bottom-right-radius: calc(var(--td-radius-default) - 1px);
+}
+.t-input-number.t-is-controls-right.t-size-l {
+  width: 120px;
+}
+.t-input-number.t-is-controls-right.t-size-l .t-input-number__increase,
+.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease {
+  height: calc(var(--td-comp-size-xl) / 2 - 2px);
+}
+.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease {
+  top: calc(var(--td-comp-size-xl) / 2 - 2px + 3px);
+}
+.t-input-number.t-is-controls-right.t-size-s {
+  width: 88px;
+}
+.t-input-number.t-is-controls-right.t-size-s .t-input-number__increase,
+.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease {
+  height: calc(var(--td-comp-size-xs) / 2 - 2px);
+}
+.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease {
+  top: calc(var(--td-comp-size-xs) / 2 - 2px + 3px);
+}
+
+.t-input-number--row .t-input__wrap {
+  width: initial;
+  margin-right: var(--td-comp-margin-xs);
+}
+.t-input-number--row .t-input-number__increase {
+  right: 0;
+}

package/es/input-number/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/input-number/style/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/es/input-number/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/input-number/type.d.ts

@@ -0,0 +1,156 @@
+import { InputProps } from "../input";
+import { TNode } from "../common";
+import { MouseEvent, KeyboardEvent, FocusEvent, FormEvent, CompositionEvent } from "react";
+export interface TdInputNumberProps<T = InputNumberValue> {
+    /**
+     * 文本内容位置，居左/居中/居右
+     */
+    align?: "left" | "center" | "right";
+    /**
+     * 是否允许输入超过 `max` `min` 范围外的数字。为保障用户体验，仅在失去焦点时进行数字范围矫正。默认允许超出，数字超出范围时，输入框变红提醒
+     * @default true
+     */
+    allowInputOverLimit?: boolean;
+    /**
+     * 宽度随内容自适应
+     * @default false
+     */
+    autoWidth?: boolean;
+    /**
+     * [小数位数](https://en.wiktionary.org/wiki/decimal_place)
+     */
+    decimalPlaces?: InputNumberDecimalPlaces;
+    /**
+     * 禁用组件
+     */
+    disabled?: boolean;
+    /**
+     * 格式化输入框展示值。第二个事件参数 `context.fixedNumber` 表示处理过小数位数 `decimalPlaces` 的数字
+     */
+    format?: (value: InputNumberValue, context?: {
+        fixedNumber?: InputNumberValue;
+    }) => InputNumberValue;
+    /**
+     * 透传 Input 输入框组件全部属性
+     */
+    inputProps?: InputProps;
+    /**
+     * 左侧文本
+     */
+    label?: TNode;
+    /**
+     * 是否作为大数使用。JS 支持的最大数字位数是 16 位，超过 16 位的数字需作为字符串大数处理。此时，数据类型必须保持为字符串，否则会丢失数据
+     * @default false
+     */
+    largeNumber?: boolean;
+    /**
+     * 最大值。如果是大数，请传入字符串
+     * @default Infinity
+     */
+    max?: InputNumberValue;
+    /**
+     * 最小值。如果是大数，请传入字符串
+     * @default -Infinity
+     */
+    min?: InputNumberValue;
+    /**
+     * 占位符
+     */
+    placeholder?: string;
+    /**
+     * 只读状态
+     */
+    readonly?: boolean;
+    /**
+     * 组件尺寸
+     * @default medium
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * 文本框状态
+     * @default default
+     */
+    status?: "default" | "success" | "warning" | "error";
+    /**
+     * 数值改变步数，可以是小数。如果是大数，请保证数据类型为字符串
+     * @default 1
+     */
+    step?: InputNumberValue;
+    /**
+     * 后置内容
+     */
+    suffix?: TNode;
+    /**
+     * 按钮布局
+     * @default row
+     */
+    theme?: "column" | "row" | "normal";
+    /**
+     * 输入框下方提示文本，会根据不同的 `status` 呈现不同的样式
+     */
+    tips?: TNode;
+    /**
+     * 数字输入框的值。当值为 '' 时，输入框显示为空
+     */
+    value?: T;
+    /**
+     * 数字输入框的值。当值为 '' 时，输入框显示为空，非受控属性
+     */
+    defaultValue?: T;
+    /**
+     * 失去焦点时触发
+     */
+    onBlur?: (value: InputNumberValue, context: {
+        e: FocusEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 值变化时触发，`type` 表示触发本次变化的来源
+     */
+    onChange?: (value: T, context: ChangeContext) => void;
+    /**
+     * 回车键按下时触发
+     */
+    onEnter?: (value: InputNumberValue, context: {
+        e: KeyboardEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 获取焦点时触发
+     */
+    onFocus?: (value: InputNumberValue, context: {
+        e: FocusEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 键盘按下时触发
+     */
+    onKeydown?: (value: InputNumberValue, context: {
+        e: KeyboardEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 按下字符键时触发（keydown -> keypress -> keyup）
+     */
+    onKeypress?: (value: InputNumberValue, context: {
+        e: KeyboardEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 释放键盘时触发
+     */
+    onKeyup?: (value: InputNumberValue, context: {
+        e: KeyboardEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 最大值或最小值校验结束后触发，`exceed-maximum` 表示超出最大值，`below-minimum` 表示小于最小值
+     */
+    onValidate?: (context: {
+        error?: "exceed-maximum" | "below-minimum";
+    }) => void;
+}
+export type InputNumberDecimalPlaces = number | {
+    enableRound: boolean;
+    places: number;
+};
+export type InputNumberValue = number | string;
+export interface ChangeContext {
+    type: ChangeSource;
+    e: FormEvent<HTMLInputElement> | MouseEvent<HTMLDivElement | SVGElement> | FocusEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | CompositionEvent<HTMLDivElement>;
+}
+export type ChangeSource = "add" | "reduce" | "input" | "blur" | "enter" | "clear" | "props";

package/es/input-number/useInputNumber.d.ts

@@ -0,0 +1,51 @@
+import React from "react";
+import { InputNumberValue, TdInputNumberProps } from "./type";
+export declare const specialCode: string[];
+/**
+ * 独立一个组件 Hook 方便用户直接使用相关逻辑 自定义任何样式的数字输入框
+ */
+export default function useInputNumber<T extends InputNumberValue = InputNumberValue>(props: TdInputNumberProps<T>): {
+    classPrefix: string;
+    wrapClasses: string;
+    reduceClasses: string;
+    addClasses: string;
+    inputRef: React.MutableRefObject<any>;
+    listeners: {
+        onBlur: (value: string, ctx: {
+            e: React.FocusEvent<HTMLDivElement, Element>;
+        }) => void;
+        onFocus: (_: string, ctx: {
+            e: React.FocusEvent<HTMLDivElement, Element>;
+        }) => void;
+        onKeydown: (value: string, ctx: {
+            e: React.KeyboardEvent<HTMLDivElement>;
+        }) => void;
+        onKeyup: (value: string, ctx: {
+            e: React.KeyboardEvent<HTMLDivElement>;
+        }) => void;
+        onKeypress: (value: string, ctx: {
+            e: React.KeyboardEvent<HTMLDivElement>;
+        }) => void;
+        onEnter: (value: string, ctx: {
+            e: React.KeyboardEvent<HTMLDivElement>;
+        }) => void;
+        onClick: () => void;
+        onClear: (context: {
+            e: React.MouseEvent<SVGElement>;
+        }) => void;
+    };
+    isError: "exceed-maximum" | "below-minimum";
+    setIsError: React.Dispatch<React.SetStateAction<"exceed-maximum" | "below-minimum">>;
+    userInput: string;
+    setUserInput: React.Dispatch<React.SetStateAction<string>>;
+    tValue: T;
+    focus: () => void;
+    blur: () => void;
+    onChange: import("../hooks/useControlled").ChangeHander<T, [context: import("./type").ChangeContext]>;
+    handleReduce: (e: any) => void;
+    handleAdd: (e: any) => void;
+    onInnerInputChange: (value: import("../input").InputValue, context?: {
+        e?: React.FormEvent<HTMLInputElement> | React.MouseEvent<Element> | React.CompositionEvent<HTMLDivElement>;
+        trigger: "input" | "initial" | "clear";
+    }) => void;
+};