@sunggang/ui-lib 0.4.30 → 0.4.32

package/src/lib/Skeleton/index.d.ts

@@ -0,0 +1,55 @@
+import * as React from 'react';
+export interface BaseSkeletonProps {
+    /** 骨架屏類型 */
+    variant?: 'default' | 'text' | 'circular' | 'rectangular';
+    /** 寬度 */
+    width?: string | number;
+    /** 高度 */
+    height?: string | number;
+    /** 是否顯示動畫 */
+    animate?: boolean;
+    /** 自定義樣式類名 */
+    className?: string;
+    /** 內容數量（用於生成多個骨架元素） */
+    count?: number;
+    /** 行間距（當 count > 1 時使用） */
+    spacing?: string;
+}
+export declare const BaseSkeleton: React.FC<BaseSkeletonProps>;
+export interface AvatarSkeletonProps {
+    /** 頭像大小 */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** 是否顯示文字 */
+    showText?: boolean;
+    /** 文字行數 */
+    textLines?: number;
+    /** 自定義樣式類名 */
+    className?: string;
+}
+export declare const AvatarSkeleton: React.FC<AvatarSkeletonProps>;
+export interface CardSkeletonProps {
+    /** 是否顯示圖片區域 */
+    showImage?: boolean;
+    /** 圖片高度 */
+    imageHeight?: string;
+    /** 標題行數 */
+    titleLines?: number;
+    /** 內容行數 */
+    contentLines?: number;
+    /** 是否顯示操作按鈕區域 */
+    showActions?: boolean;
+    /** 自定義樣式類名 */
+    className?: string;
+}
+export declare const CardSkeleton: React.FC<CardSkeletonProps>;
+export interface TableSkeletonProps {
+    /** 表格行數 */
+    rows?: number;
+    /** 表格列數 */
+    columns?: number;
+    /** 是否顯示表頭 */
+    showHeader?: boolean;
+    /** 自定義樣式類名 */
+    className?: string;
+}
+export declare const TableSkeleton: React.FC<TableSkeletonProps>;