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

package/esm/tabs/type.d.ts

@@ -0,0 +1,132 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+import { TNode } from '../common';
+export interface TdTabsProps {
+    /**
+     * 选项卡右侧的操作区域
+     */
+    action?: TNode;
+    /**
+     * 选项卡是否可增加
+     * @default false
+     */
+    addable?: boolean;
+    /**
+     * 是否禁用选项卡
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否开启拖拽调整顺序
+     * @default false
+     */
+    dragSort?: boolean;
+    /**
+     * 选项卡列表
+     */
+    list?: Array<TdTabPanelProps>;
+    /**
+     * 选项卡位置
+     * @default top
+     */
+    placement?: 'left' | 'top' | 'bottom' | 'right';
+    /**
+     * Tab较多的时候，选中滑块滚动最终停留的位置
+     * @default auto
+     */
+    scrollPosition?: 'auto' | 'start' | 'center' | 'end';
+    /**
+     * 组件尺寸
+     * @default medium
+     */
+    size?: 'medium' | 'large';
+    /**
+     * 选项卡风格，包含 默认风格 和 卡片风格两种
+     * @default normal
+     */
+    theme?: 'normal' | 'card';
+    /**
+     * 激活的选项卡值
+     */
+    value?: TabValue;
+    /**
+     * 激活的选项卡值，非受控属性
+     */
+    defaultValue?: TabValue;
+    /**
+     * 添加选项卡时触发
+     */
+    onAdd?: (context: {
+        e: MouseEvent;
+    }) => void;
+    /**
+     * 激活的选项卡发生变化时触发
+     */
+    onChange?: (value: TabValue) => void;
+    /**
+     * 拖拽排序时触发
+     */
+    onDragSort?: (context: TabsDragSortContext) => void;
+    /**
+     * 删除选项卡时触发
+     */
+    onRemove?: (options: {
+        value: TabValue;
+        index: number;
+        e: MouseEvent;
+    }) => void;
+}
+export interface TdTabPanelProps {
+    /**
+     * 选项卡内容隐藏时是否销毁
+     * @default true
+     */
+    destroyOnHide?: boolean;
+    /**
+     * 是否禁用当前选项卡
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 选项卡组件开启允许拖动排序时，当前选项卡是否允许拖动
+     * @default true
+     */
+    draggable?: boolean;
+    /**
+     * 选项卡名称，可自定义选项卡导航内容
+     */
+    label?: TNode;
+    /**
+     * 是否启用选项卡懒加载
+     * @default false
+     */
+    lazy?: boolean;
+    /**
+     * 用于自定义选项卡面板内容
+     */
+    panel?: TNode;
+    /**
+     * 当前选项卡是否允许移除
+     * @default false
+     */
+    removable?: boolean;
+    /**
+     * 选项卡的值，唯一标识
+     */
+    value?: TabValue;
+    /**
+     * 点击删除按钮时触发
+     */
+    onRemove?: (options: {
+        value: TabValue;
+        e: MouseEvent;
+    }) => void;
+}
+export type TabValue = string | number;
+export interface TabsDragSortContext {
+    currentIndex: number;
+    current: TabValue;
+    targetIndex: number;
+    target: TabValue;
+}

package/esm/tabs/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/tabs/useTabClass.d.ts

@@ -0,0 +1,8 @@
+export declare const useTabClass: () => {
+    tdTabsClassPrefix: string;
+    tdTabPanelClassPrefix: string;
+    tdClassGenerator: (append: string) => string;
+    tdTabsClassGenerator: (append: string) => string;
+    tdTabPanelClassGenerator: (append: string) => string;
+    tdSizeClassGenerator: (size: 'medium' | 'large') => string;
+};

package/esm/tabs/useTabClass.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/tag/index.d.ts

@@ -0,0 +1,5 @@
+import './style/index.js';
+import _Tag from './tag';
+export * from './type';
+export declare const Tag: typeof _Tag;
+export default Tag;

package/esm/tag/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,24 +9,24 @@ window.h = h;
 
 import './style/index.js';
 import Tag$1 from './tag.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 'omi';
 import '../_util/classname.js';
 import 'clsx';
 import 'tailwind-merge';
 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';
 
 var Tag = Tag$1;

package/esm/tag/style/index.d.ts

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

package/esm/tag/tag.d.ts

@@ -0,0 +1,39 @@
+import 'tdesign-icons-web-components/esm/components/close';
+import { Component } from 'omi';
+import { TagProps } from './type';
+export default class Tag extends Component<TagProps> {
+    static css: any[];
+    static defaultProps: {
+        closable: boolean;
+        disabled: boolean;
+        icon: any;
+        shape: string;
+        size: string;
+        theme: string;
+        variant: string;
+        onClick: () => void;
+        onClose: () => void;
+    };
+    static propTypes: {
+        closable: BooleanConstructor;
+        disabled: BooleanConstructor;
+        children: StringConstructor;
+        content: StringConstructor;
+        icon: StringConstructor;
+        maxWidth: StringConstructor;
+        shape: StringConstructor;
+        size: StringConstructor;
+        theme: StringConstructor;
+        variant: StringConstructor;
+        onClick: FunctionConstructor;
+        onClose: FunctionConstructor;
+    };
+    span: Partial<Record<"current", unknown>>;
+    cls(): string;
+    deleteIcon: JSX.Element;
+    handleClick: (e: any) => void;
+    getTitle(children: any): {
+        title: any;
+    };
+    render(props: TagProps): JSX.Element;
+}

package/esm/tag/tag.js

@@ -1,30 +1,30 @@
 /**
- * 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 { tag, classNames, Component, createRef } from 'omi';
 import { classPrefix } from '../_util/classname.js';
 import { flexIcon } from '../_util/icon.js';
 import { convertToLightDomNode } from '../_util/lightDom.js';
-import '../_chunks/dep-0acd840e.js';
+import '../_chunks/dep-4679083a.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 '../_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';
 
 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; }

package/esm/tag/type.d.ts

@@ -0,0 +1,99 @@
+import { SizeEnum, StyledProps, TNode } from '../common';
+export interface TagProps extends StyledProps {
+    /**
+     * 组件子元素，同 `content`
+     */
+    children?: TNode;
+    /**
+     * 标签是否可关闭
+     * @default false
+     */
+    closable?: boolean;
+    /**
+     * 组件子元素
+     */
+    content?: TNode;
+    /**
+     * 标签禁用态，失效标签不能触发事件。默认风格（theme=default）才有禁用态
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 标签中的图标，可自定义图标呈现
+     */
+    icon?: TNode;
+    /**
+     * 标签最大宽度，宽度超出后会出现省略号。示例：'50px' / 80
+     */
+    maxWidth?: string | number;
+    /**
+     * 标签类型，有三种：方形、圆角方形、标记型
+     * @default square
+     */
+    shape?: 'square' | 'round' | 'mark';
+    /**
+     * 标签尺寸
+     * @default medium
+     */
+    size?: SizeEnum;
+    /**
+     * 组件风格，用于描述组件不同的应用场景
+     * @default default
+     */
+    theme?: 'default' | 'primary' | 'warning' | 'danger' | 'success';
+    /**
+     * 标签风格变体
+     * @default dark
+     */
+    variant?: 'dark' | 'light' | 'outline' | 'light-outline';
+    /**
+     * 点击时触发
+     */
+    onClick?: (context: {
+        e: MouseEvent;
+    }) => void;
+    /**
+     * 如果关闭按钮存在，点击关闭按钮时触发
+     */
+    onClose?: (context: {
+        e: MouseEvent;
+    }) => void;
+}
+export interface CheckTagProps {
+    /**
+     * 标签选中的状态，默认风格（theme=default）才有选中态
+     */
+    checked?: boolean;
+    /**
+     * 标签选中的状态，默认风格（theme=default）才有选中态，非受控属性
+     */
+    defaultChecked?: boolean;
+    /**
+     * 组件子元素
+     */
+    children?: TNode;
+    /**
+     * 组件子元素；传入数组时：[选中内容，非选中内容]
+     */
+    content?: [] | TNode;
+    /**
+     * 标签禁用态，失效标签不能触发事件。默认风格（theme=default）才有禁用态
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 标签尺寸
+     * @default medium
+     */
+    size?: SizeEnum;
+    /**
+     * 状态切换时触发
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * 点击标签时触发
+     */
+    onClick?: (context: {
+        e: MouseEvent;
+    }) => void;
+}

package/esm/tag/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/tag/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

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

@@ -0,0 +1,6 @@
+import './style/index.js';
+import _TagInput from './tag-input.jsx';
+export type { TagInputProps } from './tag-input.jsx';
+export declare const TagInput: typeof _TagInput;
+export default TagInput;
+export * from './type';

package/esm/tag-input/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,35 +9,35 @@ window.h = h;
 
 import './style/index.js';
 import TagInput$1 from './tag-input.js';
-import '../_chunks/dep-9eb8951d.js';
-import '../_chunks/dep-dda335c5.js';
-import '../_chunks/dep-99a596b7.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-34b4222d.js';
+import '../_chunks/dep-e242a944.js';
+import '../_chunks/dep-97379473.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 '../input/input.js';
-import '../_chunks/dep-3cee19ed.js';
+import '../_chunks/dep-ba13614f.js';
 import 'omi';
 import '../_util/classname.js';
 import 'clsx';
 import 'tailwind-merge';
 import '../_util/lightDom.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/useLengthLimit.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 '../tag/tag.js';
 import '../_util/icon.js';

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

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

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

@@ -0,0 +1,93 @@
+import 'tdesign-icons-web-components/esm/components/close-circle-filled';
+import '../input';
+import '../tag';
+import { Component, OmiProps } from 'omi';
+import { StyledProps } from '../common';
+import { TdTagInputProps } from './type';
+export interface TagInputProps extends TdTagInputProps, StyledProps {
+}
+export default class TagInput extends Component<TagInputProps> {
+    static css: string;
+    static defaultProps: {
+        autoWidth: boolean;
+        clearable: boolean;
+        dragSort: boolean;
+        excessTagsDisplayType: string;
+        defaultInputValue: string;
+        minCollapsedNum: number;
+        placeholder: any;
+        readonly: boolean;
+        size: string;
+        defaultValue: any[];
+    };
+    static propTypes: {
+        autoWidth: BooleanConstructor;
+        clearable: BooleanConstructor;
+        disabled: BooleanConstructor;
+        dragSort: BooleanConstructor;
+        readonly: BooleanConstructor;
+        excessTagsDisplayType: StringConstructor;
+        placeholder: StringConstructor;
+        size: StringConstructor;
+        status: StringConstructor;
+        max: NumberConstructor;
+        minCollapsedNum: NumberConstructor;
+        onBlur: FunctionConstructor;
+        onChange: FunctionConstructor;
+        onClear: FunctionConstructor;
+        onClick: FunctionConstructor;
+        onDragSort: FunctionConstructor;
+        onEnter: FunctionConstructor;
+        onFocus: FunctionConstructor;
+        onInputChange: FunctionConstructor;
+        onMouseenter: FunctionConstructor;
+        onMouseleave: FunctionConstructor;
+        onPaste: FunctionConstructor;
+        onRemove: FunctionConstructor;
+    };
+    tagInputRef: Partial<Record<"current", unknown>>;
+    tInputValue: string;
+    oldInputValue: string;
+    isHover: boolean;
+    tagValue: any[];
+    mouseEnterTimer: any;
+    scrollDistance: number;
+    scrollElement: any;
+    draggingIndex: number;
+    dragStartData: any;
+    isDropped: any;
+    startInfo: {
+        nodeX: number;
+        nodeWidth: number;
+        mouseX: number;
+    };
+    isCompositionRef: Partial<Record<"current", unknown>>;
+    install(): void;
+    installed(): void;
+    updateScrollElement: (element: any) => void;
+    updateScrollDistance: () => void;
+    scrollTo: (options: any) => void;
+    scrollToRight: () => void;
+    scrollToLeft: () => void;
+    onWheel: ({ e }: {
+        e: WheelEvent;
+    }) => void;
+    scrollToRightOnEnter: () => void;
+    scrollToLeftOnLeave: () => void;
+    clearScroll: () => void;
+    initScroll: (element: any) => void;
+    private useDragSorter;
+    private onClose;
+    private onInputBackspaceKeyDown;
+    private clearAll;
+    private onClearClick;
+    private onInnerClick;
+    private onInnerEnter;
+    private onInputEnter;
+    private addHover;
+    private cancelHover;
+    private onInputCompositionstart;
+    private onInputCompositionend;
+    beforeRender(): void;
+    render(props: OmiProps<TagInputProps>): JSX.Element;
+}

package/esm/tag-input/tag-input.js

@@ -1,42 +1,42 @@
 /**
- * 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 _toConsumableArray } from '../_chunks/dep-9eb8951d.js';
-import { _ as _slicedToArray } from '../_chunks/dep-99a596b7.js';
-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 _toConsumableArray } from '../_chunks/dep-34b4222d.js';
+import { _ as _slicedToArray } from '../_chunks/dep-97379473.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 '../input/input.js';
 import '../input/input-group.js';
 import '../tag/tag.js';
 import { tag, Component, createRef } from 'omi';
 import classname, { getClassPrefix } from '../_util/classname.js';
-import '../_chunks/dep-dda335c5.js';
-import '../_chunks/dep-0acd840e.js';
-import '../_chunks/dep-3cee19ed.js';
+import '../_chunks/dep-e242a944.js';
+import '../_chunks/dep-4679083a.js';
+import '../_chunks/dep-ba13614f.js';
 import '../_util/lightDom.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/useLengthLimit.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 'clsx';
 import 'tailwind-merge';
 import '../_util/icon.js';