tdesign-web-components 0.0.2 → 0.0.3

package/esm/tabs/TabNavItem.d.ts

@@ -0,0 +1,35 @@
+import 'tdesign-icons-web-components/esm/components/close';
+import { Component } from 'omi';
+import { DragSortInnerProps } from '../_util/useDragSorter';
+import { StyledProps } from '../common';
+import type { TdTabPanelProps, TdTabsProps } from './type';
+export interface TabNavItemProps extends TdTabPanelProps, StyledProps {
+    isActive: boolean;
+    onClick: (e: MouseEvent) => void;
+    theme: 'normal' | 'card';
+    placement: string;
+    size?: 'medium' | 'large';
+    index: number;
+    innerRef(ref: HTMLElement): void;
+    onTabRemove: TdTabsProps['onRemove'];
+    dragProps?: DragSortInnerProps;
+}
+export default class TabNavItem extends Component<TabNavItemProps> {
+    static defaultProps: {
+        theme: string;
+        placement: string;
+        size: string;
+        disabled: boolean;
+    };
+    static propsType: {
+        isActive: BooleanConstructor;
+        onClick: FunctionConstructor;
+        size: StringConstructor;
+        theme: StringConstructor;
+        onChange: FunctionConstructor;
+    };
+    containerRef: Partial<Record<"current", HTMLDivElement>>;
+    navItemDom: Partial<Record<"current", HTMLDivElement>>;
+    installed(): void;
+    render(): JSX.Element;
+}

package/esm/tabs/TabNavItem.js

@@ -1,21 +1,21 @@
 /**
- * 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 _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 _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, Component, createRef } from 'omi';
 import classname from '../_util/classname.js';
 import noop from '../_util/noop.js';
 import { useTabClass } from './useTabClass.js';
-import '../_chunks/dep-f4fd9de2.js';
+import '../_chunks/dep-4679083a.js';
 import 'clsx';
 import 'tailwind-merge';
 

package/esm/tabs/index.d.ts

@@ -0,0 +1,7 @@
+import './style/index.js';
+import _Tabs from './tabs';
+export type { TabPanelProps } from './tabPanel';
+export type { TabsProps } from './tabs';
+export declare const Tabs: typeof _Tabs;
+export default Tabs;
+export * from './type';

package/esm/tabs/index.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
  */
 
@@ -9,11 +9,11 @@ window.h = h;
 
 import './style/index.js';
 import Tabs$1 from './tabs.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-2aea4eb5.js';
+import '../_chunks/dep-4679083a.js';
+import '../_chunks/dep-7acaab3c.js';
+import '../_chunks/dep-00afeb87.js';
+import '../_chunks/dep-8a38cf24.js';
 import './TabNav.js';
 import './TabNavItem.js';
 import 'omi';
@@ -24,21 +24,21 @@ import '../_util/noop.js';
 import './useTabClass.js';
 import './TabBar.js';
 import 'lodash';
-import '../_chunks/dep-9f55c618.js';
-import '../_chunks/dep-9e7be8fe.js';
-import '../_chunks/dep-dcaa1c82.js';
-import '../_chunks/dep-d2609e75.js';
-import '../_chunks/dep-bcdf180e.js';
-import '../_chunks/dep-c8a63125.js';
-import '../_chunks/dep-bde75ce6.js';
-import '../_chunks/dep-6745cbfe.js';
-import '../_chunks/dep-58a19489.js';
-import '../_chunks/dep-b964e274.js';
-import '../_chunks/dep-30600028.js';
-import '../_chunks/dep-675b140a.js';
-import '../_chunks/dep-1d52b1ca.js';
-import '../_chunks/dep-3ea841a9.js';
-import '../_chunks/dep-b1ef5816.js';
+import '../_chunks/dep-4a896a08.js';
+import '../_chunks/dep-c80ad030.js';
+import '../_chunks/dep-bd20449b.js';
+import '../_chunks/dep-3348b847.js';
+import '../_chunks/dep-eee17bec.js';
+import '../_chunks/dep-bdd58e3d.js';
+import '../_chunks/dep-2fa075cf.js';
+import '../_chunks/dep-3b9c6742.js';
+import '../_chunks/dep-ba431c65.js';
+import '../_chunks/dep-78182c8d.js';
+import '../_chunks/dep-e5b801cf.js';
+import '../_chunks/dep-cd5d8eef.js';
+import '../_chunks/dep-02cc2706.js';
+import '../_chunks/dep-cb291ed0.js';
+import '../_chunks/dep-e29a8f7d.js';
 import '../_common/js/tabs/base.js';
 import '../_util/parseTNode.js';
 import '../_common/js/log/log.js';

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

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

package/esm/tabs/tabPanel.d.ts

@@ -0,0 +1,20 @@
+import { Component } from 'omi';
+import { StyledProps, TNode } from '../common';
+import { TdTabPanelProps } from './type';
+export interface TabPanelProps extends TdTabPanelProps, StyledProps {
+    children?: TNode;
+}
+export default class TabPanel extends Component<TabPanelProps> {
+    static propsType: {
+        children: (ObjectConstructor | FunctionConstructor | StringConstructor | NumberConstructor)[];
+        panel: (ObjectConstructor | FunctionConstructor | StringConstructor | NumberConstructor)[];
+    };
+    static defaultProps: {
+        destroyOnHide: boolean;
+        disabled: boolean;
+        draggable: boolean;
+        lazy: boolean;
+        removable: boolean;
+    };
+    render(): JSX.Element;
+}

package/esm/tabs/tabPanel.js

@@ -1,19 +1,19 @@
 /**
- * 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 _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 _typeof } from '../_chunks/dep-0127b722.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 _typeof } from '../_chunks/dep-7acaab3c.js';
 import { tag, Component } from 'omi';
 import classname from '../_util/classname.js';
 import { useTabClass } from './useTabClass.js';
-import '../_chunks/dep-f4fd9de2.js';
+import '../_chunks/dep-4679083a.js';
 import 'clsx';
 import 'tailwind-merge';
 

package/esm/tabs/tabs.d.ts

@@ -0,0 +1,49 @@
+import './TabNav';
+import './tabPanel';
+import { Component } from 'omi';
+import UseDragSorter from '../_util/useDragSorter';
+import { StyledProps, TNode } from '../common';
+import { TabValue, TdTabsProps } from './type';
+export interface TabsProps extends TdTabsProps, StyledProps {
+    children?: TNode;
+    ref: Partial<Record<'current', TabsProps>>;
+}
+export default class Tabs extends Component<TabsProps> {
+    static defaultProps: {
+        addable: boolean;
+        disabled: boolean;
+        dragSort: boolean;
+        placement: string;
+        scrollPosition: string;
+        size: string;
+        theme: string;
+    };
+    static propsType: {
+        children: (ObjectConstructor | FunctionConstructor | StringConstructor | NumberConstructor)[];
+        list: (ObjectConstructor | FunctionConstructor | StringConstructor | NumberConstructor)[];
+        placement: StringConstructor;
+        theme: StringConstructor;
+        size: StringConstructor;
+        defaultValue: (StringConstructor | NumberConstructor)[];
+        onChange: FunctionConstructor;
+    };
+    tabClasses: {
+        tdTabsClassPrefix: string;
+        tdTabPanelClassPrefix: string;
+        tdClassGenerator: (append: string) => string;
+        tdTabsClassGenerator: (append: string) => string;
+        tdTabPanelClassGenerator: (append: string) => string;
+        tdSizeClassGenerator: (size: "medium" | "large") => string;
+    };
+    targetClassNameRegExpStr: string;
+    dragSorter: UseDragSorter<TabValue> | null;
+    memoChildren: () => string | number | boolean | object;
+    itemList: () => any[];
+    value: TabValue;
+    receiveProps(newProps: TabsProps): boolean;
+    handleChange: (v: TabValue) => void;
+    handleClickTab: (v: TabValue) => void;
+    get headerNode(): JSX.Element;
+    install(): void;
+    render(props: TabsProps): JSX.Element;
+}

package/esm/tabs/tabs.js

@@ -1,16 +1,16 @@
 /**
- * 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 _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 _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 './TabNav.js';
 import './tabPanel.js';
 import { toArray } from 'lodash';
@@ -18,25 +18,25 @@ import { tag, Component } from 'omi';
 import classname from '../_util/classname.js';
 import useDragSorter from '../_util/useDragSorter.js';
 import { useTabClass } from './useTabClass.js';
-import '../_chunks/dep-f4fd9de2.js';
+import '../_chunks/dep-4679083a.js';
 import './TabNavItem.js';
 import '../_util/noop.js';
 import './TabBar.js';
-import '../_chunks/dep-9f55c618.js';
-import '../_chunks/dep-9e7be8fe.js';
-import '../_chunks/dep-dcaa1c82.js';
-import '../_chunks/dep-d2609e75.js';
-import '../_chunks/dep-bcdf180e.js';
-import '../_chunks/dep-c8a63125.js';
-import '../_chunks/dep-bde75ce6.js';
-import '../_chunks/dep-6745cbfe.js';
-import '../_chunks/dep-58a19489.js';
-import '../_chunks/dep-b964e274.js';
-import '../_chunks/dep-30600028.js';
-import '../_chunks/dep-675b140a.js';
-import '../_chunks/dep-1d52b1ca.js';
-import '../_chunks/dep-3ea841a9.js';
-import '../_chunks/dep-b1ef5816.js';
+import '../_chunks/dep-4a896a08.js';
+import '../_chunks/dep-c80ad030.js';
+import '../_chunks/dep-bd20449b.js';
+import '../_chunks/dep-3348b847.js';
+import '../_chunks/dep-eee17bec.js';
+import '../_chunks/dep-bdd58e3d.js';
+import '../_chunks/dep-2fa075cf.js';
+import '../_chunks/dep-3b9c6742.js';
+import '../_chunks/dep-ba431c65.js';
+import '../_chunks/dep-78182c8d.js';
+import '../_chunks/dep-e5b801cf.js';
+import '../_chunks/dep-cd5d8eef.js';
+import '../_chunks/dep-02cc2706.js';
+import '../_chunks/dep-cb291ed0.js';
+import '../_chunks/dep-e29a8f7d.js';
 import '../_common/js/tabs/base.js';
 import '../_util/parseTNode.js';
 import '../_common/js/log/log.js';

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.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.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.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-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-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-b8bd80bb.js';
-import '../_chunks/dep-c52dea9f.js';
+import '../_chunks/dep-34b4222d.js';
+import '../_chunks/dep-e242a944.js';
 import '../_util/parseTNode.js';
-import '../_chunks/dep-58a19489.js';
-import '../_chunks/dep-9e7be8fe.js';
-import '../_chunks/dep-d2609e75.js';
-import '../_chunks/dep-b964e274.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.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-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 _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-f4fd9de2.js';
+import '../_chunks/dep-4679083a.js';
 import 'clsx';
 import 'tailwind-merge';
-import '../_chunks/dep-b8bd80bb.js';
-import '../_chunks/dep-c52dea9f.js';
+import '../_chunks/dep-34b4222d.js';
+import '../_chunks/dep-e242a944.js';
 import '../_util/parseTNode.js';
-import '../_chunks/dep-58a19489.js';
-import '../_chunks/dep-9e7be8fe.js';
-import '../_chunks/dep-d2609e75.js';
-import '../_chunks/dep-b964e274.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; }