haiku-react-ui 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,177 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import React__default from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: {
+    variant?: "primary" | "default" | "dashed" | "filled" | "text" | "link";
+    color?: "primary" | "default" | "danger" | "info" | "success" | "warning";
+    size?: "default" | "sm" | "lg";
+    shape?: "default" | "rounded" | "square";
+} & class_variance_authority_types.ClassProp) => string;
+interface ButtonOwnProps {
+    color?: "default" | "primary" | "danger" | "info" | "success" | "warning";
+    loading?: boolean;
+    icon?: React.ReactNode | string;
+    disabled?: boolean;
+}
+type ButtonBaseProps = VariantProps<typeof buttonVariants> & ButtonOwnProps;
+type ButtonAsButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & ButtonBaseProps & {
+    as?: "button";
+};
+type ButtonAsLabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & ButtonBaseProps & {
+    as?: "label";
+};
+type ButtonProps = ButtonAsButtonProps | ButtonAsLabelProps;
+declare function Button({ className, variant, size, color, shape, loading, disabled, children, icon, as, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+declare const avatarVariants: (props?: {
+    variant?: "primary" | "default" | "danger" | "info" | "success" | "warning" | "ghost";
+    shape?: "rounded" | "square";
+    size?: "sm" | "lg" | "md";
+} & class_variance_authority_types.ClassProp) => string;
+interface AvatarProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarVariants> {
+    alt?: string;
+    icon?: React__default.ReactNode | string;
+    url?: string;
+}
+declare function Avatar({ alt, icon, shape, size, variant, className, url, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+
+type PlayBoardProps = React.HTMLAttributes<HTMLDivElement> & {
+    icon?: React.ReactNode;
+    heading?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    code?: string;
+    defaultExpanded?: boolean;
+    previewClassName?: string;
+};
+declare function PlayBoard({ icon, heading, description, actions, code, defaultExpanded, previewClassName, className, children, ...props }: PlayBoardProps): react_jsx_runtime.JSX.Element;
+
+type BubbleTypingConfig = {
+    effect?: "typing" | "fade-in";
+    step?: number | [number, number];
+    interval?: number;
+    keepPrefix?: boolean;
+};
+
+type BubblePlacement = "start" | "end";
+type BubbleVariant = "filled" | "outlined" | "shadow" | "borderless";
+type BubbleShape = "default" | "round" | "corner";
+type BubbleInfo = {
+    key?: string | number;
+    status?: string;
+    extraInfo?: Record<string, unknown>;
+};
+type BubbleSlot<ContentType extends React.ReactNode> = React.ReactNode | ((content: ContentType, info: BubbleInfo) => React.ReactNode);
+type BubbleProps<ContentType extends React.ReactNode = React.ReactNode> = Omit<React.HTMLAttributes<HTMLDivElement>, "content"> & {
+    content: ContentType;
+    info?: BubbleInfo;
+    placement?: BubblePlacement;
+    variant?: BubbleVariant;
+    shape?: BubbleShape;
+    header?: BubbleSlot<ContentType>;
+    footer?: BubbleSlot<ContentType>;
+    avatar?: BubbleSlot<ContentType>;
+    extra?: BubbleSlot<ContentType>;
+    contentRender?: (content: ContentType, info: BubbleInfo) => React.ReactNode;
+    typing?: boolean | BubbleTypingConfig | ((content: ContentType, info: BubbleInfo) => boolean | BubbleTypingConfig);
+    typingCursor?: string;
+    streaming?: boolean;
+    loading?: boolean;
+    loadingRender?: () => React.ReactNode;
+    onTyping?: (renderedContent: string, currentContent: string) => void;
+    onTypingComplete?: (content: string) => void;
+};
+declare const bubbleContentVariants: (props?: {
+    variant?: "filled" | "outlined" | "shadow" | "borderless";
+    shape?: "default" | "round" | "corner";
+    placement?: "start" | "end";
+} & class_variance_authority_types.ClassProp) => string;
+declare function Bubble<ContentType extends React.ReactNode = React.ReactNode>({ content, info, placement, variant, shape, header, footer, avatar, extra, contentRender, typing, typingCursor, streaming, loading, loadingRender, onTyping, onTypingComplete, className, ...props }: BubbleProps<ContentType> & VariantProps<typeof bubbleContentVariants>): react_jsx_runtime.JSX.Element;
+
+/** 上传状态类型 */
+type UploadStatus = "idle" | "uploading" | "success" | "error";
+/** 上传模式类型 */
+type UploadMode = 'button' | 'image' | 'dragger';
+/** 上传变体类型 */
+type UploadVariant = 'default' | 'dashed';
+/** 上传尺寸类型 */
+type UploadSize = 'sm' | 'md' | 'lg';
+/** 上传形状类型 */
+type UploadShape = 'rounded' | 'square';
+/** 文件接受类型 - 预定义类型或自定义 MIME 类型/扩展名 */
+type UploadAcceptType = 'image/*' | 'video/*' | 'audio/*' | 'image/jpeg' | 'image/png' | 'image/gif' | 'image/webp' | 'application/pdf' | 'application/msword' | 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' | 'application/vnd.ms-excel' | 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' | 'application/zip' | 'application/x-rar-compressed' | 'text/*' | `.${string}`;
+/** 文件接受类型 - 支持多个类型组合 */
+type UploadAccept = UploadAcceptType | `${UploadAcceptType},${string}` | string;
+/** 上传错误类型 */
+type UploadErrorType = 'FILE_TYPE_MISMATCH' | 'FILE_SIZE_EXCEEDED' | 'FILE_COUNT_EXCEEDED' | 'NETWORK_ERROR' | 'SERVER_ERROR' | 'ABORT_ERROR' | 'UNKNOWN_ERROR';
+/** 上传错误接口 */
+interface UploadError {
+    type: UploadErrorType;
+    message: string;
+    file?: File;
+    originalError?: Error;
+}
+/** 文件项接口 */
+interface UploadFile {
+    id: string;
+    file: File;
+    status: UploadStatus;
+    progress: number;
+    response?: string;
+    error?: UploadError;
+}
+/** 统一的上传配置接口 */
+interface UploadConfig {
+    /** 上传模式：button-按钮 | image-图片 | dragger-拖拽 */
+    mode?: UploadMode;
+    /** 上传模式：auto-选择后自动上传, manual-手动触发 */
+    autoUpload?: boolean;
+    /** 是否显示文件列表 */
+    showFileList?: boolean;
+    /** 是否允许上传目录（使用 webkitdirectory） */
+    directory?: boolean;
+    /** 允许的文件类型，支持预定义类型或自定义字符串 */
+    accept?: UploadAccept;
+    /** 限制文件最大大小（字节） */
+    maxSize?: number;
+    /** 限制文件最小大小（字节） */
+    minSize?: number;
+    /** 允许的最大文件数 */
+    maxCount?: number;
+    /** 样式变体：default-默认 | dashed-虚线 */
+    variant?: UploadVariant;
+    /** 尺寸：sm-小 | md-中 | lg-大 */
+    size?: UploadSize;
+    /** 形状：rounded-圆角 | square-方形 */
+    shape?: UploadShape;
+    /** 上传地址 URL */
+    action: string;
+    /** HTTP 请求方法，默认 post */
+    method?: 'get' | 'post' | 'put';
+    /** 请求头 */
+    headers?: Record<string, string>;
+    /** 自定义请求体数据 */
+    data?: Record<string, unknown>;
+    /** 请求体字段名，默认 "file" */
+    name?: string;
+    /** 文件变化回调 */
+    onChange?: (files: UploadFile[]) => void;
+    /** 上传进度回调 */
+    onProgress?: (progress: number, file: File) => void;
+    /** 单个文件上传成功回调 */
+    onSuccess?: (response: string, file: File) => void;
+    /** 单个文件上传失败回调 */
+    onError?: (error: UploadError, file: File) => void;
+    /** 所有文件上传完成回调 */
+    onComplete?: (files: UploadFile[]) => void;
+}
+
+/**
+ * 上传组件
+ */
+declare function Upload(config: UploadConfig): react_jsx_runtime.JSX.Element;
+
+export { Avatar, Bubble, Button, PlayBoard, Upload };