tdesign-web-components 0.0.2 → 0.0.3

package/lib/tag-input/type.d.ts

@@ -0,0 +1,215 @@
+import { InputProps, InputValue } from '../input';
+import { TagProps } from '../tag';
+import { TNode, TElement } from '../common';
+export interface TdTagInputProps {
+    /**
+     * 宽度随内容自适应
+     * @default false
+     */
+    autoWidth?: boolean;
+    /**
+     * 是否可清空
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * 标签过多的情况下，折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedTags` 表示折叠的标签，`count` 表示折叠的数量
+     */
+    collapsedItems?: TNode<{
+        value: TagInputValue;
+        collapsedSelectedItems: TagInputValue;
+        count: number;
+        onClose?: (context: {
+            index: number;
+            e?: MouseEvent;
+        }) => void;
+    }>;
+    /**
+     * 是否禁用标签输入框
+     */
+    disabled?: boolean;
+    /**
+     * 拖拽调整标签顺序
+     * @default false
+     */
+    dragSort?: boolean;
+    /**
+     * 标签超出时的呈现方式，有两种：横向滚动显示 和 换行显示
+     * @default break-line
+     */
+    excessTagsDisplayType?: 'scroll' | 'break-line';
+    /**
+     * 透传 Input 输入框组件全部属性
+     */
+    inputProps?: InputProps;
+    /**
+     * 输入框的值
+     * @default ''
+     */
+    inputValue?: InputValue;
+    /**
+     * 输入框的值，非受控属性
+     * @default ''
+     */
+    defaultInputValue?: InputValue;
+    /**
+     * 左侧文本
+     */
+    label?: TNode;
+    /**
+     * 最大允许输入的标签数量
+     */
+    max?: number;
+    /**
+     * 最小折叠数量，用于标签数量过多的情况下折叠选中项，超出该数值的选中项折叠。值为 0 则表示不折叠
+     * @default 0
+     */
+    minCollapsedNum?: number;
+    /**
+     * 占位符
+     */
+    placeholder?: string;
+    /**
+     * 只读状态，值为真会隐藏标签移除按钮和输入框
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * 尺寸
+     * @default medium
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * 输入框状态
+     */
+    status?: 'default' | 'success' | 'warning' | 'error';
+    /**
+     * 后置图标前的后置内容
+     */
+    suffix?: TNode;
+    /**
+     * 组件后置图标
+     */
+    suffixIcon?: TElement;
+    /**
+     * 自定义标签的内部内容，每一个标签的当前值。注意和 `valueDisplay` 区分，`valueDisplay`  是用来定义全部标签内容，而非某一个标签
+     */
+    tag?: string | TNode;
+    /**
+     * 透传 Tag 组件全部属性
+     */
+    tagProps?: TagProps;
+    /**
+     * 输入框下方提示文本，会根据不同的 `status` 呈现不同的样式
+     */
+    tips?: TNode;
+    /**
+     * 值
+     * @default []
+     */
+    value?: TagInputValue;
+    /**
+     * 值，非受控属性
+     * @default []
+     */
+    defaultValue?: TagInputValue;
+    /**
+     * 自定义值呈现的全部内容，参数为所有标签的值
+     */
+    valueDisplay?: string | TNode;
+    /**
+     * 失去焦点时触发
+     */
+    onBlur?: (value: TagInputValue, context: {
+        inputValue: InputValue;
+        e: FocusEvent;
+    }) => void;
+    /**
+     * 值变化时触发，参数 `context.trigger` 表示数据变化的触发来源；`context.index` 指当前变化项的下标；`context.item` 指当前变化项；`context.e` 表示事件参数
+     */
+    onChange?: (value: TagInputValue, context: TagInputChangeContext) => void;
+    /**
+     * 清空按钮点击时触发
+     */
+    onClear?: (context: {
+        e: MouseEvent;
+    }) => void;
+    /**
+     * 点击组件时触发
+     */
+    onClick?: (context: {
+        e: MouseEvent;
+    }) => void;
+    /**
+     * 【开发中】拖拽排序时触发
+     */
+    onDragSort?: (context: TagInputDragSortContext) => void;
+    /**
+     * 按键按下 Enter 时触发
+     */
+    onEnter?: (value: TagInputValue, context: {
+        e: KeyboardEvent;
+        inputValue: InputValue;
+    }) => void;
+    /**
+     * 聚焦时触发
+     */
+    onFocus?: (value: TagInputValue, context: {
+        inputValue: InputValue;
+        e: FocusEvent;
+    }) => void;
+    /**
+     * 输入框值发生变化时触发，`context.trigger` 表示触发输入框值变化的来源：文本输入触发、清除按钮触发、回车键触发等
+     */
+    onInputChange?: (value: InputValue, context?: InputValueChangeContext) => void;
+    /**
+     * 进入输入框时触发
+     */
+    onMouseenter?: (context: {
+        e: MouseEvent;
+    }) => void;
+    /**
+     * 离开输入框时触发
+     */
+    onMouseleave?: (context: {
+        e: MouseEvent;
+    }) => void;
+    /**
+     * 粘贴事件，`pasteValue` 表示粘贴板的内容
+     */
+    onPaste?: (context: {
+        e: ClipboardEvent;
+        pasteValue: string;
+    }) => void;
+    /**
+     * 移除单个标签时触发
+     */
+    onRemove?: (context: TagInputRemoveContext) => void;
+}
+export type TagInputValue = Array<string | number>;
+export interface TagInputChangeContext {
+    trigger: TagInputTriggerSource;
+    index?: number;
+    item?: string | number;
+    e?: MouseEvent | KeyboardEvent;
+}
+export type TagInputTriggerSource = 'enter' | 'tag-remove' | 'backspace' | 'clear';
+export interface TagInputDragSortContext {
+    newTags: TagInputValue;
+    currentIndex: number;
+    current: string | number;
+    targetIndex: number;
+    target: string | number;
+}
+export interface InputValueChangeContext {
+    e?: FormDataEvent | MouseEvent | CompositionEvent | KeyboardEvent;
+    trigger: 'input' | 'clear' | 'enter' | 'blur';
+}
+export interface TagInputRemoveContext {
+    value: TagInputValue;
+    index: number;
+    item: string | number;
+    e?: MouseEvent | KeyboardEvent;
+    trigger: TagInputRemoveTrigger;
+}
+export type TagInputRemoveTrigger = 'tag-remove' | 'backspace';

package/lib/tag-input/type.js

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

package/lib/textarea/index.d.ts

@@ -0,0 +1,6 @@
+import './style/index.js';
+import _Textarea from './textarea';
+export type { TextareaProps } from './textarea';
+export declare const Textarea: typeof _Textarea;
+export default Textarea;
+export * from './type';

package/lib/textarea/index.js

@@ -1,34 +1,34 @@
 /**
- * TDesign Web Components v0.0.2
- * (c) 2024 tdesign
+ * TDesign Web Components v0.0.3
+ * (c) 2025 tdesign
  * @license MIT
  */
 
 import { h } from 'omi';
 window.h = h;
 
-import { _ as _taggedTemplateLiteral } from '../_chunks/dep-8185fdbc.js';
+import { _ as _taggedTemplateLiteral } from '../_chunks/dep-9fdde9f4.js';
 import { css, globalCSS } from 'omi';
 import Textarea$1 from './textarea.js';
-import '../_chunks/dep-d959f790.js';
-import '../_chunks/dep-06a4c568.js';
-import '../_chunks/dep-f4fd9de2.js';
-import '../_chunks/dep-0127b722.js';
-import '../_chunks/dep-8d12f25c.js';
-import '../_chunks/dep-2e22db97.js';
+import '../_chunks/dep-ba13614f.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 '../_common/js/utils/calcTextareaHeight.js';
-import '../_chunks/dep-8b13bea3.js';
-import '../_chunks/dep-9e7be8fe.js';
+import '../_chunks/dep-4fc63fa6.js';
+import '../_chunks/dep-c80ad030.js';
 import '../_common/js/utils/helper.js';
-import '../_chunks/dep-b8bd80bb.js';
-import '../_chunks/dep-c52dea9f.js';
-import '../_chunks/dep-36cc7415.js';
-import '../_chunks/dep-fec511f3.js';
-import '../_chunks/dep-d2609e75.js';
-import '../_chunks/dep-bcdf180e.js';
-import '../_chunks/dep-bde75ce6.js';
-import '../_chunks/dep-dff46f81.js';
-import '../_chunks/dep-8b10daa4.js';
+import '../_chunks/dep-34b4222d.js';
+import '../_chunks/dep-e242a944.js';
+import '../_chunks/dep-97379473.js';
+import '../_chunks/dep-11f8aa62.js';
+import '../_chunks/dep-3348b847.js';
+import '../_chunks/dep-eee17bec.js';
+import '../_chunks/dep-2fa075cf.js';
+import '../_chunks/dep-6eec25ba.js';
+import '../_chunks/dep-78044587.js';
 import '../_util/classname.js';
 import 'clsx';
 import 'tailwind-merge';

package/lib/textarea/style/index.d.ts

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

package/lib/textarea/textarea.d.ts

@@ -0,0 +1,26 @@
+import { Component } from 'omi';
+import { StyledProps } from '../common';
+import { TdTextareaProps } from './type';
+export interface TextareaProps extends TdTextareaProps, StyledProps {
+}
+export default class Textarea extends Component<TdTextareaProps> {
+    static css: any[];
+    constructor();
+    value: string;
+    isFocused: boolean;
+    eventPropsNames: any;
+    eventProps: any;
+    classPrefix: any;
+    installed(): void;
+    countCharacters(text: string): number;
+    textArea: Partial<Record<"current", any>>;
+    getTextareaStatus(status: string): string;
+    getTipsStyle(status: string): string;
+    getTextareaIsDisabled(disabled: boolean): string;
+    textareaClassPrefix: string;
+    cls(): string;
+    setHeight(heightObj: any): void;
+    onInput(): void;
+    onChange(e: any): void;
+    render(props: TextareaProps): JSX.Element;
+}

package/lib/textarea/textarea.js

@@ -1,33 +1,33 @@
 /**
- * TDesign Web Components v0.0.2
- * (c) 2024 tdesign
+ * TDesign Web Components v0.0.3
+ * (c) 2025 tdesign
  * @license MIT
  */
 
 import { h } from 'omi';
 window.h = h;
 
-import { _ as _objectWithoutProperties } from '../_chunks/dep-d959f790.js';
-import { _ as _createClass, a as _classCallCheck } from '../_chunks/dep-06a4c568.js';
-import { _ as _inherits, a as _getPrototypeOf, b as _possibleConstructorReturn } from '../_chunks/dep-8d12f25c.js';
-import { _ as _defineProperty } from '../_chunks/dep-2e22db97.js';
-import { _ as _typeof } from '../_chunks/dep-0127b722.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-ba13614f.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 { bind, tag, classNames, Component, createRef } from 'omi';
 import calcTextareaHeight from '../_common/js/utils/calcTextareaHeight.js';
 import { limitUnicodeMaxLength, getCharacterLength } from '../_common/js/utils/helper.js';
 import { getClassPrefix } from '../_util/classname.js';
-import '../_chunks/dep-f4fd9de2.js';
-import '../_chunks/dep-8b13bea3.js';
-import '../_chunks/dep-9e7be8fe.js';
-import '../_chunks/dep-b8bd80bb.js';
-import '../_chunks/dep-c52dea9f.js';
-import '../_chunks/dep-36cc7415.js';
-import '../_chunks/dep-fec511f3.js';
-import '../_chunks/dep-d2609e75.js';
-import '../_chunks/dep-bcdf180e.js';
-import '../_chunks/dep-bde75ce6.js';
-import '../_chunks/dep-dff46f81.js';
-import '../_chunks/dep-8b10daa4.js';
+import '../_chunks/dep-4679083a.js';
+import '../_chunks/dep-4fc63fa6.js';
+import '../_chunks/dep-c80ad030.js';
+import '../_chunks/dep-34b4222d.js';
+import '../_chunks/dep-e242a944.js';
+import '../_chunks/dep-97379473.js';
+import '../_chunks/dep-11f8aa62.js';
+import '../_chunks/dep-3348b847.js';
+import '../_chunks/dep-eee17bec.js';
+import '../_chunks/dep-2fa075cf.js';
+import '../_chunks/dep-6eec25ba.js';
+import '../_chunks/dep-78044587.js';
 import 'clsx';
 import 'tailwind-merge';
 

package/lib/textarea/type.d.ts

@@ -0,0 +1,105 @@
+import { TNode } from '../common';
+export interface TdTextareaProps {
+    /**
+     * 超出maxlength或maxcharacter之后是否还允许输入
+     * @default false
+     */
+    allowInputOverMax?: boolean;
+    /**
+     * 自动聚焦，拉起键盘
+     * @default false
+     */
+    autofocus?: boolean;
+    /**
+     * 高度自动撑开。 autosize = true 表示组件高度自动撑开，同时，依旧允许手动拖高度。如果设置了 autosize.maxRows 或者 autosize.minRows 则不允许手动调整高度
+     * @default false
+     */
+    autosize?: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
+    /**
+     * 是否禁用文本框
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 左侧文本
+     */
+    label?: TNode;
+    /**
+     * 用户最多可以输入的字符个数，一个中文汉字表示两个字符长度
+     */
+    maxcharacter?: number;
+    /**
+     * 用户最多可以输入的字符个数
+     */
+    maxlength?: number;
+    /**
+     * 名称，HTML 元素原生属性
+     * @default ''
+     */
+    name?: string;
+    /**
+     * 占位符
+     */
+    placeholder?: string;
+    /**
+     * 只读状态
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * 文本框状态
+     */
+    status?: 'default' | 'success' | 'warning' | 'error';
+    /**
+     * 输入框下方提示文本，会根据不同的 `status` 呈现不同的样式
+     */
+    tips?: TNode;
+    /**
+     * 文本框值
+     */
+    value?: TextareaValue;
+    /**
+     * 文本框值，非受控属性
+     */
+    defaultValue?: TextareaValue;
+    /**
+     * 失去焦点时触发
+     */
+    onBlur?: (value: TextareaValue, context: {
+        e: FocusEvent;
+    }) => void;
+    /**
+     * 输入内容变化时触发:
+     */
+    onChange?: (value: TextareaValue, context?: {
+        e?: Event;
+    }) => void;
+    /**
+     * 获得焦点时触发
+     */
+    onFocus?: (value: TextareaValue, context: {
+        e: FocusEvent;
+    }) => void;
+    /**
+     * 键盘按下时触发
+     */
+    onKeydown?: (value: TextareaValue, context: {
+        e: KeyboardEvent;
+    }) => void;
+    /**
+     * 按下字符键时触发（keydown -> keypress -> keyup）
+     */
+    onKeypress?: (value: TextareaValue, context: {
+        e: KeyboardEvent;
+    }) => void;
+    /**
+     * 释放键盘时触发
+     */
+    onKeyup?: (value: TextareaValue, context: {
+        e: KeyboardEvent;
+    }) => void;
+}
+export type TextareaValue = string;

package/lib/textarea/type.js

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

package/lib/tooltip/index.d.ts

@@ -0,0 +1,6 @@
+import './style/index.js';
+import _Tooltip from './tooltip';
+export type { TooltipProps } from './tooltip';
+export * from './type';
+export declare const Tooltip: typeof _Tooltip;
+export default Tooltip;

package/lib/tooltip/index.js

@@ -1,23 +1,23 @@
 /**
- * TDesign Web Components v0.0.2
- * (c) 2024 tdesign
+ * TDesign Web Components v0.0.3
+ * (c) 2025 tdesign
  * @license MIT
  */
 
 import { h } from 'omi';
 window.h = h;
 
-import '../_chunks/dep-a259f9ec.js';
+import '../_chunks/dep-97ae28ab.js';
 import Tooltip$1 from './tooltip.js';
-import '../_chunks/dep-8185fdbc.js';
+import '../_chunks/dep-9fdde9f4.js';
 import 'omi';
-import '../_chunks/dep-d959f790.js';
-import '../_chunks/dep-06a4c568.js';
-import '../_chunks/dep-f4fd9de2.js';
-import '../_chunks/dep-0127b722.js';
-import '../_chunks/dep-8d12f25c.js';
-import '../_chunks/dep-2e22db97.js';
-import '../_chunks/dep-d27925e3.js';
+import '../_chunks/dep-ba13614f.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 '../_chunks/dep-269a1528.js';
 import '../popup/popup.js';
 import 'omi-transition';
 import '../popup/popupTrigger.js';
@@ -27,24 +27,24 @@ import '../_util/classname.js';
 import 'clsx';
 import 'tailwind-merge';
 import '../_util/dom.js';
-import '../_chunks/dep-fec511f3.js';
-import '../_chunks/dep-9e7be8fe.js';
-import '../_chunks/dep-d2609e75.js';
-import '../_chunks/dep-bcdf180e.js';
-import '../_chunks/dep-bde75ce6.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 '../_util/easing.js';
 import '@popperjs/core';
-import '../_chunks/dep-5bbae9bf.js';
-import '../_chunks/dep-b964e274.js';
-import '../_chunks/dep-d0d79ac1.js';
-import '../_chunks/dep-c8a63125.js';
+import '../_chunks/dep-65caded6.js';
+import '../_chunks/dep-78182c8d.js';
+import '../_chunks/dep-f0679345.js';
+import '../_chunks/dep-bdd58e3d.js';
 import '../_common/js/utils/helper.js';
-import '../_chunks/dep-b8bd80bb.js';
-import '../_chunks/dep-c52dea9f.js';
-import '../_chunks/dep-36cc7415.js';
-import '../_chunks/dep-8b13bea3.js';
-import '../_chunks/dep-dff46f81.js';
-import '../_chunks/dep-8b10daa4.js';
+import '../_chunks/dep-34b4222d.js';
+import '../_chunks/dep-e242a944.js';
+import '../_chunks/dep-97379473.js';
+import '../_chunks/dep-4fc63fa6.js';
+import '../_chunks/dep-6eec25ba.js';
+import '../_chunks/dep-78044587.js';
 import '../_util/component.js';
 import '../popup/utils.js';
 

package/lib/tooltip/style/index.d.ts

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

package/lib/tooltip/tooltip.d.ts

@@ -0,0 +1,50 @@
+import '../popup';
+import { Component, OmiProps } from 'omi';
+import { StyledProps } from '../common';
+import { type PopupVisibleChangeContext } from '../popup';
+import { TdTooltipProps } from './type';
+export interface TooltipProps extends TdTooltipProps, StyledProps {
+}
+export declare const tooltipDefaultProps: TooltipProps;
+export default class Tooltip extends Component<TooltipProps> {
+    static defaultProps: TooltipProps;
+    static propTypes: {
+        delay: NumberConstructor;
+        destroyOnClose: BooleanConstructor;
+        duration: NumberConstructor;
+        placement: StringConstructor;
+        showArrow: BooleanConstructor;
+        theme: StringConstructor;
+        ignoreAttributes: ArrayConstructor;
+        attach: (FunctionConstructor | StringConstructor)[];
+        content: (ObjectConstructor | FunctionConstructor | StringConstructor | NumberConstructor)[];
+        disabled: BooleanConstructor;
+        hideEmptyPopup: BooleanConstructor;
+        overlayClassName: StringConstructor;
+        overlayInnerClassName: StringConstructor;
+        overlayInnerStyle: (ObjectConstructor | FunctionConstructor)[];
+        overlayStyle: (ObjectConstructor | FunctionConstructor)[];
+        arrowStyle: (ObjectConstructor | FunctionConstructor)[];
+        popperOptions: ObjectConstructor;
+        trigger: StringConstructor;
+        triggerElement: (ObjectConstructor | FunctionConstructor | StringConstructor | NumberConstructor)[];
+        visible: BooleanConstructor;
+        defaultVisible: BooleanConstructor;
+        zIndex: NumberConstructor;
+        onScroll: FunctionConstructor;
+        onScrollToBottom: FunctionConstructor;
+        onVisibleChange: FunctionConstructor;
+        expandAnimation: BooleanConstructor;
+        updateScrollTop: FunctionConstructor;
+    };
+    popupRef: Partial<Record<"current", unknown>>;
+    timerRef: Partial<Record<"current", unknown>>;
+    timeUp: boolean;
+    popupVisible: any;
+    handleVisibleChange(visible: boolean, { e, trigger }: PopupVisibleChangeContext): void;
+    countDown(props: TooltipProps): void;
+    receiveProps(props: TooltipProps, old: TooltipProps): boolean;
+    installed(): void;
+    uninstall(): void;
+    render(props: TooltipProps | OmiProps<TooltipProps, any>): JSX.Element;
+}