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

package/esm/grid/row.js

@@ -1,37 +1,37 @@
 /**
- * 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 _objectWithoutProperties } from '../_chunks/dep-3cee19ed.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 { i as isObject } from '../_chunks/dep-33c7d91d.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 { i as isObject } from '../_chunks/dep-78182c8d.js';
 import { tag, cloneElement, createElement, Component } from 'omi';
 import classname, { getClassPrefix } from '../_util/classname.js';
 import { getChildrenArray } from '../_util/component.js';
 import { canUseDocument, getCssVarsValue } from '../_util/dom.js';
 import { convertToLightDomNode } from '../_util/lightDom.js';
 import { rowDefaultProps } from './defaultProps.js';
-import '../_chunks/dep-0acd840e.js';
-import '../_chunks/dep-f4d2474c.js';
+import '../_chunks/dep-4679083a.js';
+import '../_chunks/dep-c80ad030.js';
 import 'clsx';
 import 'tailwind-merge';
-import '../_chunks/dep-6dad7e1f.js';
-import '../_chunks/dep-0731654d.js';
-import '../_chunks/dep-3943414d.js';
-import '../_chunks/dep-5539815f.js';
+import '../_chunks/dep-11f8aa62.js';
+import '../_chunks/dep-3348b847.js';
+import '../_chunks/dep-eee17bec.js';
+import '../_chunks/dep-2fa075cf.js';
 import '../_util/easing.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-ba431c65.js';
 import '../_common/js/log/log.js';
 
 var _excluded = ["align", "gutter", "justify", "tag", "innerStyle", "innerClass"];

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

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

package/esm/grid/type.d.ts

@@ -0,0 +1,94 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+export interface TdRowProps {
+    /**
+     * 纵向对齐方式，CSS 属性 `align-items` 值。其中 `top` 和 `start` 等效；`middle` 和 `center` 等效；`bottom` 和 `end` 等效
+     * @default top
+     */
+    align?: 'start' | 'end' | 'center' | 'stretch' | 'baseline' | 'top' | 'middle' | 'bottom';
+    /**
+     * 栅格间隔，示例：`{ xs: 8, sm: 16, md: 24, lg: 32, xl: 32, xxl: 40 }`。当数据类型为 Number 和 Object 时，用于指定横向间隔。当数据类型为数组时，第一个参数为横向间隔，第二个参数为纵向间隔， [水平间隔, 垂直间隔]
+     * @default 0
+     */
+    gutter?: number | GutterObject | Array<GutterObject | number>;
+    /**
+     * flex 布局下的水平排列方式
+     * @default start
+     */
+    justify?: 'start' | 'end' | 'center' | 'space-around' | 'space-between';
+    /**
+     * 自定义元素标签
+     * @default div
+     */
+    tag?: string;
+}
+export interface TdColProps {
+    /**
+     * flex 布局填充。CSS 属性 flex 值。示例：2 / 3 / '100px' / 'auto' / '1 1 200px'
+     */
+    flex?: string | number;
+    /**
+     * ≥1200px 响应式栅格，可为栅格数或一个包含其他属性的对象（小尺寸电脑）
+     */
+    lg?: number | BaseColProps;
+    /**
+     * ≥992px 响应式栅格，可为栅格数或一个包含其他属性的对象（超小尺寸电脑）
+     */
+    md?: number | BaseColProps;
+    /**
+     * 栅格左侧的间隔格数，间隔内不可以有栅格
+     * @default 0
+     */
+    offset?: number;
+    /**
+     * 栅格顺序，flex 布局模式下有效
+     * @default 0
+     */
+    order?: number;
+    /**
+     * 栅格向左移动格数
+     * @default 0
+     */
+    pull?: number;
+    /**
+     * 栅格向右移动格数
+     * @default 0
+     */
+    push?: number;
+    /**
+     * ≥768px 响应式栅格，可为栅格数或一个包含其他属性的对象（平板）
+     */
+    sm?: number | BaseColProps;
+    /**
+     * 栅格占位格数，为 0 时相当于 display: none
+     */
+    span?: number;
+    /**
+     * ≥1400px 响应式栅格，可为栅格数或一个包含其他属性的对象（中尺寸电脑）
+     */
+    xl?: number | BaseColProps;
+    /**
+     * <768px 响应式栅格，可为栅格数或一个包含其他属性的对象（手机）
+     */
+    xs?: number | BaseColProps;
+    /**
+     * ≥1880px 响应式栅格，可为栅格数或一个包含其他属性的对象（大尺寸电脑）
+     */
+    xxl?: number | BaseColProps;
+}
+export interface GutterObject {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+}
+export interface BaseColProps {
+    offset: number;
+    order: number;
+    pull: number;
+    push: number;
+    span: number;
+}

package/esm/grid/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/icon/utils.d.ts

@@ -0,0 +1 @@
+export declare function loadLink(url: string, className: string): void;

package/esm/icon/utils.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/image/image.d.ts

@@ -0,0 +1,56 @@
+import '../space';
+import 'tdesign-icons-web-components/esm/components/image-error';
+import 'tdesign-icons-web-components/esm/components/image-1';
+import { Component, OmiProps } from 'omi';
+import { StyledProps } from '../common';
+import { TdImageProps } from './type';
+export interface ImageProps extends TdImageProps, StyledProps {
+}
+export default class Image extends Component<ImageProps> {
+    static css: any[];
+    static defaultProps: {
+        fit: string;
+        gallery: boolean;
+        lazy: boolean;
+        overlayTrigger: string;
+        position: string;
+        shape: string;
+    };
+    static propTypes: {
+        alt: StringConstructor;
+        error: ObjectConstructor;
+        fit: StringConstructor;
+        gallery: BooleanConstructor;
+        lazy: BooleanConstructor;
+        loading: ObjectConstructor;
+        overlayContent: ObjectConstructor;
+        overlayTrigger: StringConstructor;
+        placeholder: ObjectConstructor;
+        position: StringConstructor;
+        shape: StringConstructor;
+        src: StringConstructor;
+        srcset: ObjectConstructor;
+        onError: FunctionConstructor;
+        onLoad: FunctionConstructor;
+    };
+    componentName: string;
+    imageRef: Partial<Record<"current", unknown>>;
+    imageSrc: string;
+    shouldLoad: boolean;
+    isLoaded: boolean;
+    hasError: boolean;
+    hasMouseEvent: boolean;
+    shouldShowOverlay: boolean;
+    observerRefValue: HTMLElement;
+    io: any;
+    handleLoadImage: () => void;
+    handleLoad: (e: Event) => void;
+    handleError: (e: Event) => void;
+    handleToggleOverlay: (overlay: boolean) => void;
+    handleObserve: () => void;
+    beforeUpdate(): void;
+    install(): void;
+    installed(): void;
+    uninstall(): void;
+    render(props: OmiProps<ImageProps>): JSX.Element;
+}

package/esm/image/image.js

@@ -1,25 +1,25 @@
 /**
- * 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 _objectWithoutProperties } from '../_chunks/dep-3cee19ed.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 _slicedToArray } from '../_chunks/dep-97379473.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 './style/index.js';
 import '../space/space.js';
 import { tag, classNames, Component, createRef } from 'omi';
 import observe from '../_common/js/utils/observe.js';
 import { getClassPrefix } from '../_util/classname.js';
-import '../_chunks/dep-dda335c5.js';
-import '../_chunks/dep-0acd840e.js';
+import '../_chunks/dep-e242a944.js';
+import '../_chunks/dep-4679083a.js';
 import 'lodash';
 import 'clsx';
 import 'tailwind-merge';

package/esm/image/index.d.ts

@@ -0,0 +1,5 @@
+import './style/index.js';
+import _Image from './image';
+export type { ImageProps } from './image';
+export declare const Image: typeof _Image;
+export default Image;

package/esm/image/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,14 +9,14 @@ window.h = h;
 
 import './style/index.js';
 import Image$1 from './image.js';
-import '../_chunks/dep-99a596b7.js';
-import '../_chunks/dep-dda335c5.js';
-import '../_chunks/dep-3cee19ed.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-97379473.js';
+import '../_chunks/dep-e242a944.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 '../space/space.js';
 import 'lodash';
 import 'omi';

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

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

package/esm/image/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/image/type.d.ts

@@ -0,0 +1,157 @@
+import { TNode } from '../common';
+export interface TdImageProps {
+    /**
+     * 图片描述
+     * @default ''
+     */
+    alt?: string;
+    /**
+     * 自定义图片加载失败状态下的显示内容
+     */
+    error?: TNode;
+    /**
+     * 图片填充模式
+     * @default fill
+     */
+    fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+    /**
+     * 是否展示为图集样式
+     * @default false
+     */
+    gallery?: boolean;
+    /**
+     * 是否开启图片懒加载
+     * @default false
+     */
+    lazy?: boolean;
+    /**
+     * 自定义加载中状态的图片内容，如：“加载中”
+     */
+    loading?: TNode;
+    /**
+     * 图片上方的浮层内容
+     */
+    overlayContent?: TNode;
+    /**
+     * 浮层 `overlayContent` 出现的时机
+     * @default always
+     */
+    overlayTrigger?: 'always' | 'hover';
+    /**
+     * 占位元素，展示层级低于 `loading` `error` 和图片本身，值类型为字符串时表示占位图片地址
+     */
+    placeholder?: TNode;
+    /**
+     * 等同于原生的 object-position 属性，可选值为 top right bottom left 或 string，可以自定义任何单位，px 或者 百分比
+     * @default center
+     */
+    position?: string;
+    /**
+     * 图片圆角类型
+     * @default square
+     */
+    shape?: 'circle' | 'round' | 'square';
+    /**
+     * 图片链接
+     * @default ''
+     */
+    src?: string;
+    /**
+     * 图片地址，支持特殊格式的图片，如 `.avif` 和 `.webp`
+     */
+    srcset?: ImageSrcset;
+    /**
+     * 图片加载失败时触发: TODO :(context: { e: ImageEvent<HTMLImageElement> }) => void
+     */
+    onError?: (context: {
+        e: Event;
+    }) => void;
+    /**
+     * 图片加载完成时触发
+     */
+    onLoad?: (context: {
+        e: Event;
+    }) => void;
+}
+export interface ImageSrcset {
+    'image/avif': string;
+    'image/webp': string;
+}
+export type ImageProps = {
+    /**
+     * 图片描述
+     * @default ''
+     */
+    alt?: string;
+    /**
+     * 自定义图片加载失败状态下的显示内容
+     */
+    error?: TNode;
+    /**
+     * 图片加载失败时，显示当前链接设置的图片地址。如果要使用组件图标或完全自定义加载失败时显示的内容，请更为使用 `error`
+     * @default ''
+     */
+    fallback?: string;
+    /**
+     * 图片填充模式
+     * @default fill
+     */
+    fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+    /**
+     * 是否展示为图集样式
+     * @default false
+     */
+    gallery?: boolean;
+    /**
+     * 是否开启图片懒加载
+     * @default false
+     */
+    lazy?: boolean;
+    /**
+     * 自定义加载中状态的图片内容，如：“加载中”
+     */
+    loading?: TNode;
+    /**
+     * 图片上方的浮层内容
+     */
+    overlayContent?: TNode;
+    /**
+     * 浮层 `overlayContent` 出现的时机
+     * @default always
+     */
+    overlayTrigger?: 'always' | 'hover';
+    /**
+     * 占位元素，展示层级低于 `loading` `error` 和图片本身，值类型为字符串时表示占位图片地址
+     */
+    placeholder?: TNode;
+    /**
+     * 等同于原生的 object-position 属性，可选值为 top right bottom left 或 string，可以自定义任何单位，px 或者 百分比
+     * @default center
+     */
+    position?: string;
+    /**
+     * `<img>` 标签的原生属性，[MDN 定义](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy)
+     */
+    referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
+    /**
+     * 图片圆角类型
+     * @default square
+     */
+    shape?: 'circle' | 'round' | 'square';
+    /**
+     * 用于显示图片的链接或原始图片文件对象
+     */
+    src?: string | File;
+    /**
+     * 图片链接集合，用于支持特殊格式的图片，如 `.avif` 和 `.webp`。会优先加载 `srcset` 中的图片格式，浏览器不支持的情况下，加载 `src` 设置的图片地址
+     */
+    srcset?: ImageSrcset;
+    /**
+     * 图片加载失败时触发
+     */
+    onError?: Function;
+    /**
+     * 图片加载完成时触发
+     */
+    onLoad?: Function;
+};

package/esm/image/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/index-lib.d.ts

@@ -0,0 +1 @@
+export * from './index';

package/esm/index.d.ts

@@ -0,0 +1,46 @@
+export * from './affix';
+export * from './alert';
+export * from './avatar';
+export * from './back-top';
+export * from './badge';
+export * from './breadcrumb';
+export * from './button';
+export * from './card';
+export * from './checkbox';
+export * from './collapse';
+export * from './comment';
+export * from './common';
+export * from './dialog';
+export * from './divider';
+export * from './dropdown';
+export * from './grid';
+export * from './image';
+export * from './input';
+export * from './input-number';
+export * from './link';
+export * from './list';
+export * from './loading';
+export * from './menu';
+export * from './message';
+export * from './notification';
+export * from './popconfirm';
+export * from './popup';
+export * from './progress';
+export * from './radio';
+export * from './range-input';
+export * from './react';
+export * from './select';
+export * from './select-input';
+export * from './skeleton';
+export * from './slider';
+export * from './space';
+export * from './swiper';
+export * from './switch';
+export * from './tabs';
+export * from './tag';
+export * from './tag-input';
+export * from './textarea';
+export * from './tooltip';
+export * from './upload';
+export * from './vue';
+export * from './watermark';