tdesign-web-components 0.0.1-alpha.2 → 0.0.3

package/esm/input/type.d.ts

@@ -0,0 +1,230 @@
+import { ClassName, SizeEnum, TElement, TNode } from '../common';
+export interface TdInputProps {
+    /**
+     * 文本内容位置，居左/居中/居右
+     * @default left
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * 超出 `maxlength` 或 `maxcharacter` 之后是否允许继续输入
+     * @default false
+     */
+    allowInputOverMax?: boolean;
+    /**
+     * 宽度随内容自适应
+     * @default false
+     */
+    autoWidth?: boolean;
+    /**
+     * 是否开启自动填充功能，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+     */
+    autocomplete?: string;
+    /**
+     * 自动聚焦
+     * @default false
+     */
+    autofocus?: boolean;
+    /**
+     * 无边框模式
+     * @default false
+     */
+    borderless?: boolean;
+    /**
+     * 是否可清空
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * 是否禁用输入框
+     */
+    disabled?: boolean;
+    /**
+     * 指定输入框展示值的格式
+     */
+    format?: InputFormatType;
+    /**
+     * t-input 同级类名，示例：'name1 name2 name3' 或 `['name1', 'name2']` 或 `[{ 'name1': true }]`
+     */
+    inputClass?: ClassName;
+    /**
+     * 左侧文本
+     */
+    label?: TNode;
+    /**
+     * 用户最多可以输入的字符个数，一个中文汉字表示两个字符长度。`maxcharacter` 和 `maxlength` 二选一使用
+     */
+    maxcharacter?: number;
+    /**
+     * 用户最多可以输入的文本长度，一个中文等于一个计数长度。值为空，则表示不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用
+     */
+    maxlength?: number;
+    /**
+     * 名称
+     * @default ''
+     */
+    name?: string;
+    /**
+     * 占位符
+     */
+    placeholder?: string;
+    /**
+     * 组件前置图标
+     */
+    prefixIcon?: TElement;
+    /**
+     * 只读状态
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * 输入框内容为空时，悬浮状态是否显示清空按钮，默认不显示
+     * @default false
+     */
+    showClearIconOnEmpty?: boolean;
+    /**
+     * 是否在输入框右侧显示字数统计
+     * @default false
+     */
+    showLimitNumber?: boolean;
+    /**
+     * 输入框尺寸
+     * @default medium
+     */
+    size?: SizeEnum;
+    /**
+     * 输入框状态。默认情况会由组件内部根据实际情况呈现，如果文本过长引起的状态变化
+     */
+    status?: 'default' | 'success' | 'warning' | 'error';
+    /**
+     * 后置图标前的后置内容
+     */
+    suffix?: TNode;
+    /**
+     * 组件后置图标
+     */
+    suffixIcon?: TElement;
+    /**
+     * 输入框下方提示文本，会根据不同的 `status` 呈现不同的样式
+     */
+    tips?: TNode;
+    /**
+     * 输入框类型
+     * @default text
+     */
+    type?: 'text' | 'number' | 'url' | 'tel' | 'password' | 'search' | 'submit' | 'hidden';
+    /**
+     * 输入框的值
+     * @default ''
+     */
+    value?: InputValue;
+    /**
+     * 输入框的值，非受控属性
+     * @default ''
+     */
+    defaultValue?: InputValue;
+    /**
+     * 失去焦点时触发
+     */
+    onBlur?: (value: InputValue, context: {
+        e: FocusEvent;
+    }) => void;
+    /**
+     * 输入框值发生变化时触发。`trigger=initial` 表示传入的数据不符合预期，组件自动处理后触发 change 告知父组件。如：初始值长度超过 `maxlength` 限制
+     */
+    onChange?: (value: InputValue, context?: {
+        e?: MouseEvent;
+    }) => void;
+    /**
+     * 清空按钮点击时触发
+     */
+    onClear?: (context: {
+        e: MouseEvent;
+    }) => void;
+    /**
+     * 点击组件时触发
+     */
+    onClick?: (context: {
+        e: MouseEvent;
+    }) => void;
+    /**
+     * 中文输入结束时触发
+     */
+    onCompositionend?: (value: InputValue, context: {
+        e: CompositionEvent;
+    }) => void;
+    /**
+     * 中文输入开始时触发
+     */
+    onCompositionstart?: (value: InputValue, context: {
+        e: CompositionEvent;
+    }) => void;
+    /**
+     * 回车键按下时触发
+     */
+    onEnter?: (value: InputValue, context: {
+        e: KeyboardEvent;
+    }) => void;
+    /**
+     * 获得焦点时触发
+     */
+    onFocus?: (value: InputValue, context: {
+        e: FocusEvent;
+    }) => void;
+    /**
+     * 键盘按下时触发
+     */
+    onKeydown?: (value: InputValue, context: {
+        e: KeyboardEvent;
+    }) => void;
+    /**
+     * 按下字符键时触发（keydown -> keypress -> keyup）
+     */
+    onKeypress?: (value: InputValue, context: {
+        e: KeyboardEvent;
+    }) => void;
+    /**
+     * 释放键盘时触发
+     */
+    onKeyup?: (value: InputValue, context: {
+        e: KeyboardEvent;
+    }) => void;
+    /**
+     * 进入输入框时触发
+     */
+    onMouseenter?: (context: {
+        e: MouseEvent;
+    }) => void;
+    /**
+     * 离开输入框时触发
+     */
+    onMouseleave?: (context: {
+        e: MouseEvent;
+    }) => void;
+    /**
+     * 粘贴事件，`pasteValue` 表示粘贴板的内容
+     */
+    onPaste?: (context: {
+        e: ClipboardEvent;
+        pasteValue: string;
+    }) => void;
+    /**
+     * 字数超出限制时触发
+     */
+    onValidate?: (context: {
+        error?: 'exceed-maximum' | 'below-minimum';
+    }) => void;
+    /**
+     * 输入框中滚动鼠标时触发
+     */
+    onWheel?: (context: {
+        e: WheelEvent;
+    }) => void;
+}
+export interface TdInputGroupProps {
+    /**
+     * 多个输入框之间是否需要间隔
+     */
+    separate?: boolean;
+}
+export type InputFormatType = (value: InputValue) => string;
+export type InputValue = string;

package/esm/input/type.js

@@ -1,6 +1,6 @@
 /**
- * Tdesign Web Components v0.0.1-alpha.2
- * (c) 2024 tdesign
+ * TDesign Web Components v0.0.3
+ * (c) 2025 tdesign
  * @license MIT
  */
 

package/esm/input/useLengthLimit.d.ts

@@ -0,0 +1,15 @@
+import { TdInputProps } from './type';
+export interface UseLengthLimitParams {
+    value: string;
+    maxlength: number;
+    maxcharacter: number;
+    allowInputOverMax: boolean;
+    status: TdInputProps['status'];
+    onValidate: TdInputProps['onValidate'];
+}
+export default function useLengthLimit(params: UseLengthLimitParams): {
+    tStatus: string;
+    limitNumber: () => string;
+    getValueByLimitNumber: (inputValue: string) => string;
+    onValidateChange: () => void;
+};

package/esm/input/useLengthLimit.js

@@ -1,29 +1,29 @@
 /**
- * Tdesign Web Components v0.0.1-alpha.2
- * (c) 2024 tdesign
+ * TDesign Web Components v0.0.3
+ * (c) 2025 tdesign
  * @license MIT
  */
 
 import { h } from 'omi';
 window.h = h;
 
-import { _ as _slicedToArray } from '../_chunks/dep-99a596b7.js';
-import { _ as _typeof } from '../_chunks/dep-1ba9def4.js';
+import { _ as _slicedToArray } from '../_chunks/dep-97379473.js';
+import { _ as _typeof } from '../_chunks/dep-7acaab3c.js';
 import log from '../_common/js/log/log.js';
 import { limitUnicodeMaxLength, getCharacterLength, getUnicodeLength } from '../_common/js/utils/helper.js';
-import '../_chunks/dep-dda335c5.js';
-import '../_chunks/dep-9eb8951d.js';
-import '../_chunks/dep-3cee19ed.js';
-import '../_chunks/dep-c34f1dc2.js';
-import '../_chunks/dep-0acd840e.js';
-import '../_chunks/dep-6dad7e1f.js';
-import '../_chunks/dep-f4d2474c.js';
-import '../_chunks/dep-0731654d.js';
-import '../_chunks/dep-3943414d.js';
-import '../_chunks/dep-5539815f.js';
-import '../_chunks/dep-109d6386.js';
-import '../_chunks/dep-28c3b974.js';
-import '../_chunks/dep-9547d922.js';
+import '../_chunks/dep-e242a944.js';
+import '../_chunks/dep-34b4222d.js';
+import '../_chunks/dep-ba13614f.js';
+import '../_chunks/dep-8a38cf24.js';
+import '../_chunks/dep-4679083a.js';
+import '../_chunks/dep-11f8aa62.js';
+import '../_chunks/dep-c80ad030.js';
+import '../_chunks/dep-3348b847.js';
+import '../_chunks/dep-eee17bec.js';
+import '../_chunks/dep-2fa075cf.js';
+import '../_chunks/dep-4fc63fa6.js';
+import '../_chunks/dep-6eec25ba.js';
+import '../_chunks/dep-78044587.js';
 
 function useLengthLimit(params) {
   var getValueByLimitNumber = function getValueByLimitNumber(inputValue) {

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

@@ -0,0 +1,5 @@
+import './style/index.js';
+import _InputNumber from './input-number';
+export type { InputNumberProps } from './input-number';
+export declare const InputNumber: typeof _InputNumber;
+export default InputNumber;

package/esm/input-number/index.js

@@ -1,6 +1,6 @@
 /**
- * Tdesign Web Components v0.0.1-alpha.2
- * (c) 2024 tdesign
+ * TDesign Web Components v0.0.3
+ * (c) 2025 tdesign
  * @license MIT
  */
 
@@ -9,13 +9,13 @@ window.h = h;
 
 import './style/index.js';
 import InputNumber$1 from './input-number.js';
-import '../_chunks/dep-8562fd08.js';
-import '../_chunks/dep-0acd840e.js';
-import '../_chunks/dep-1ba9def4.js';
-import '../_chunks/dep-908cc0dc.js';
-import '../_chunks/dep-c34f1dc2.js';
+import '../_chunks/dep-2aea4eb5.js';
+import '../_chunks/dep-4679083a.js';
+import '../_chunks/dep-7acaab3c.js';
+import '../_chunks/dep-00afeb87.js';
+import '../_chunks/dep-8a38cf24.js';
 import '../button/button.js';
-import '../_chunks/dep-3cee19ed.js';
+import '../_chunks/dep-ba13614f.js';
 import 'omi';
 import '../_util/classname.js';
 import 'clsx';
@@ -23,24 +23,24 @@ import 'tailwind-merge';
 import '../_util/eventDispose.js';
 import '../_util/icon.js';
 import '../_util/lightDom.js';
-import '../_chunks/dep-9eb8951d.js';
-import '../_chunks/dep-dda335c5.js';
+import '../_chunks/dep-34b4222d.js';
+import '../_chunks/dep-e242a944.js';
 import '../_util/parseTNode.js';
-import '../_chunks/dep-925c40dd.js';
-import '../_chunks/dep-f4d2474c.js';
-import '../_chunks/dep-0731654d.js';
-import '../_chunks/dep-33c7d91d.js';
+import '../_chunks/dep-ba431c65.js';
+import '../_chunks/dep-c80ad030.js';
+import '../_chunks/dep-3348b847.js';
+import '../_chunks/dep-78182c8d.js';
 import '../_common/js/log/log.js';
 import '../input/input.js';
 import '../input/useLengthLimit.js';
-import '../_chunks/dep-99a596b7.js';
+import '../_chunks/dep-97379473.js';
 import '../_common/js/utils/helper.js';
-import '../_chunks/dep-6dad7e1f.js';
-import '../_chunks/dep-3943414d.js';
-import '../_chunks/dep-5539815f.js';
-import '../_chunks/dep-109d6386.js';
-import '../_chunks/dep-28c3b974.js';
-import '../_chunks/dep-9547d922.js';
+import '../_chunks/dep-11f8aa62.js';
+import '../_chunks/dep-eee17bec.js';
+import '../_chunks/dep-2fa075cf.js';
+import '../_chunks/dep-4fc63fa6.js';
+import '../_chunks/dep-6eec25ba.js';
+import '../_chunks/dep-78044587.js';
 import '../input/input-group.js';
 import 'lodash';
 import '../_common/js/input-number/number.js';

package/esm/input-number/input-number.d.ts

@@ -0,0 +1,67 @@
+import 'tdesign-icons-web-components/esm/components/add';
+import 'tdesign-icons-web-components/esm/components/chevron-down';
+import 'tdesign-icons-web-components/esm/components/chevron-up';
+import 'tdesign-icons-web-components/esm/components/remove';
+import '../button';
+import '../input';
+import { Component, OmiProps } from 'omi';
+import { StyledProps } from '../common';
+import { TdInputNumberProps } from './type';
+export interface InputNumberProps extends TdInputNumberProps, StyledProps {
+}
+export default class InputNumber extends Component<InputNumberProps> {
+    static css: string;
+    static defaultProps: {
+        allowInputOverLimit: boolean;
+        autoWidth: boolean;
+        decimalPlaces: any;
+        largeNumber: boolean;
+        max: number;
+        min: number;
+        placeholder: string;
+        readonly: boolean;
+        size: string;
+        status: string;
+        step: number;
+        theme: string;
+    };
+    static propTypes: {
+        allowInputOverLimit: BooleanConstructor;
+        autoWidth: BooleanConstructor;
+        decimalPlaces: NumberConstructor;
+        largeNumber: NumberConstructor;
+        max: NumberConstructor;
+        min: NumberConstructor;
+        placeholder: StringConstructor;
+        readonly: BooleanConstructor;
+        size: StringConstructor;
+        status: StringConstructor;
+        step: NumberConstructor;
+        theme: StringConstructor;
+    };
+    private inputRef;
+    private usedValue;
+    private error;
+    private userInput;
+    private get isControlled();
+    private get disabledReduce();
+    private get disabledAdd();
+    private getUserInput;
+    private handleChange;
+    private handleStepValue;
+    private handleReduce;
+    private handleAdd;
+    private handleInputChange;
+    private handleKeydown;
+    private handleKeyUp;
+    private handleKeyPress;
+    private handleEnter;
+    private handleClear;
+    private handleFocus;
+    private handleBlur;
+    private handleValidate;
+    private handleUsedValueChange;
+    install(): void;
+    receiveProps(props: InputNumberProps | OmiProps<InputNumberProps, any>, oldProps: InputNumberProps | OmiProps<InputNumberProps, any>): void;
+    render(props: OmiProps<InputNumberProps>): JSX.Element;
+}

package/esm/input-number/input-number.js

@@ -1,16 +1,16 @@
 /**
- * Tdesign Web Components v0.0.1-alpha.2
- * (c) 2024 tdesign
+ * TDesign Web Components v0.0.3
+ * (c) 2025 tdesign
  * @license MIT
  */
 
 import { h } from 'omi';
 window.h = h;
 
-import { _ as _createClass, a as _classCallCheck } from '../_chunks/dep-8562fd08.js';
-import { _ as _inherits, a as _getPrototypeOf, b as _possibleConstructorReturn } from '../_chunks/dep-908cc0dc.js';
-import { _ as _defineProperty } from '../_chunks/dep-c34f1dc2.js';
-import { _ as _typeof } from '../_chunks/dep-1ba9def4.js';
+import { _ as _createClass, a as _classCallCheck } from '../_chunks/dep-2aea4eb5.js';
+import { _ as _inherits, a as _getPrototypeOf, b as _possibleConstructorReturn } from '../_chunks/dep-00afeb87.js';
+import { _ as _defineProperty } from '../_chunks/dep-8a38cf24.js';
+import { _ as _typeof } from '../_chunks/dep-7acaab3c.js';
 import './style/index.js';
 import '../button/button.js';
 import '../input/input.js';
@@ -21,29 +21,29 @@ import { canReduceNumber, canAddNumber, formatUnCompleteNumber, getStepValue, ge
 import classname, { getClassPrefix, getCommonClassName } from '../_util/classname.js';
 import { convertToLightDomNode } from '../_util/lightDom.js';
 import { largeNumberToFixed } from '../_common/js/input-number/large-number.js';
-import '../_chunks/dep-0acd840e.js';
-import '../_chunks/dep-3cee19ed.js';
+import '../_chunks/dep-4679083a.js';
+import '../_chunks/dep-ba13614f.js';
 import '../_util/eventDispose.js';
 import '../_util/icon.js';
 import '../_util/parseTNode.js';
-import '../_chunks/dep-925c40dd.js';
-import '../_chunks/dep-f4d2474c.js';
-import '../_chunks/dep-0731654d.js';
-import '../_chunks/dep-33c7d91d.js';
+import '../_chunks/dep-ba431c65.js';
+import '../_chunks/dep-c80ad030.js';
+import '../_chunks/dep-3348b847.js';
+import '../_chunks/dep-78182c8d.js';
 import '../_common/js/log/log.js';
 import 'clsx';
 import 'tailwind-merge';
-import '../_chunks/dep-9eb8951d.js';
-import '../_chunks/dep-dda335c5.js';
+import '../_chunks/dep-34b4222d.js';
+import '../_chunks/dep-e242a944.js';
 import '../input/useLengthLimit.js';
-import '../_chunks/dep-99a596b7.js';
+import '../_chunks/dep-97379473.js';
 import '../_common/js/utils/helper.js';
-import '../_chunks/dep-6dad7e1f.js';
-import '../_chunks/dep-3943414d.js';
-import '../_chunks/dep-5539815f.js';
-import '../_chunks/dep-109d6386.js';
-import '../_chunks/dep-28c3b974.js';
-import '../_chunks/dep-9547d922.js';
+import '../_chunks/dep-11f8aa62.js';
+import '../_chunks/dep-eee17bec.js';
+import '../_chunks/dep-2fa075cf.js';
+import '../_chunks/dep-4fc63fa6.js';
+import '../_chunks/dep-6eec25ba.js';
+import '../_chunks/dep-78044587.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

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

@@ -0,0 +1 @@
+export declare const styleSheet: CSSStyleSheet;

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

@@ -1,6 +1,6 @@
 /**
- * Tdesign Web Components v0.0.1-alpha.2
- * (c) 2024 tdesign
+ * TDesign Web Components v0.0.3
+ * (c) 2025 tdesign
  * @license MIT
  */
 

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

@@ -0,0 +1,152 @@
+import { TNode } from '../common';
+import { InputProps } from '../input/input';
+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?: number;
+    /**
+     * 禁用组件
+     */
+    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;
+    /**
+     * 只读状态
+     * @default false
+     */
+    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;
+    }) => void;
+    /**
+     * 值变化时触发，`type` 表示触发本次变化的来源
+     */
+    onChange?: (value: T, context: ChangeContext) => void;
+    /**
+     * 回车键按下时触发
+     */
+    onEnter?: (value: InputNumberValue, context: {
+        e: KeyboardEvent;
+    }) => void;
+    /**
+     * 获取焦点时触发
+     */
+    onFocus?: (value: InputNumberValue, context: {
+        e: FocusEvent;
+    }) => void;
+    /**
+     * 键盘按下时触发
+     */
+    onKeydown?: (value: InputNumberValue, context: {
+        e: KeyboardEvent;
+    }) => void;
+    /**
+     * 按下字符键时触发（keydown -> keypress -> keyup）
+     */
+    onKeypress?: (value: InputNumberValue, context: {
+        e: KeyboardEvent;
+    }) => void;
+    /**
+     * 释放键盘时触发
+     */
+    onKeyup?: (value: InputNumberValue, context: {
+        e: KeyboardEvent;
+    }) => void;
+    /**
+     * 最大值或最小值校验结束后触发，`exceed-maximum` 表示超出最大值，`below-minimum` 表示小于最小值
+     */
+    onValidate?: (context: {
+        error?: 'exceed-maximum' | 'below-minimum';
+    }) => void;
+}
+export type InputNumberValue = number | string;
+export interface ChangeContext {
+    type: ChangeSource;
+    e: InputEvent | MouseEvent | FocusEvent | KeyboardEvent | CompositionEvent;
+}
+export type ChangeSource = 'add' | 'reduce' | 'input' | 'blur' | 'enter' | 'clear' | 'props';