@mxmweb/zui 1.1.13 → 1.3.0

package/dist/containers/DashboardContainer.d.ts

@@ -1,35 +0,0 @@
-import { default as React } from 'react';
-import { AppTheme } from '../theme/styledTheme';
-import { DockItem, ActiveMode } from '../elements/CustomDock';
-export interface BreadcrumbItem {
-    id: string;
-    label: string;
-    path?: string;
-    onClick?: () => void;
-}
-export interface EventsEmit {
-    onBreadcrumbClick?: (item: BreadcrumbItem, index: number) => void;
-    onGoBack?: () => void;
-    onTitleClick?: () => void;
-    onDockItemClick?: (item: DockItem, index: number) => void;
-    onDockActiveChange?: (activeId: string | null, item: DockItem | null) => void;
-    onDockActiveChangeMultiple?: (activeIds: string[], items: DockItem[]) => void;
-    [key: string]: any;
-}
-interface DashboardContainerProps {
-    children?: React.ReactNode;
-    goBack?: () => void;
-    title?: string;
-    description?: string;
-    breadcrumbs?: BreadcrumbItem[];
-    dockItems?: DockItem[];
-    dockActiveMode?: ActiveMode;
-    defaultDockActiveId?: string;
-    defaultDockActiveIds?: string[];
-    styles?: {
-        theme?: AppTheme;
-    };
-    eventsEmit?: EventsEmit;
-}
-declare const DashboardContainer: React.FC<DashboardContainerProps>;
-export default DashboardContainer;

package/dist/containers/DockContainer.d.ts

@@ -1,24 +0,0 @@
-import { default as React } from 'react';
-import { AppTheme } from '../theme/styledTheme';
-import { DockItem, ActiveMode } from '../elements/CustomDock';
-export interface FullScreenContainerProps {
-    children?: React.ReactNode;
-    backgroundImage?: string;
-    backgroundColor?: string;
-    header?: React.ReactNode;
-    dockItems?: DockItem[];
-    dockActiveMode?: ActiveMode;
-    defaultDockActiveId?: string;
-    defaultDockActiveIds?: string[];
-    styles?: {
-        theme?: AppTheme;
-    };
-    eventsEmit?: {
-        onDockItemClick?: (item: DockItem, index: number) => void;
-        onDockActiveChange?: (activeId: string | null, item: DockItem | null) => void;
-        onDockActiveChangeMultiple?: (activeIds: string[], items: DockItem[]) => void;
-        [key: string]: any;
-    };
-}
-declare const DockContainer: React.FC<FullScreenContainerProps>;
-export default DockContainer;

package/dist/elements/Button.d.ts

@@ -1,17 +0,0 @@
-import { default as React } from 'react';
-import { Styles } from '../theme/styledTheme';
-export type ButtonType = 'primary' | 'default' | 'error' | 'text';
-export interface ButtonProps {
-    mode?: ButtonType;
-    label?: string;
-    styles?: Styles;
-    icon?: React.ReactNode;
-    disabled?: boolean;
-    loading?: boolean;
-    onClick?: () => void;
-    style?: React.CSSProperties;
-    className?: string;
-    children?: React.ReactNode;
-}
-declare const Button: React.FC<ButtonProps>;
-export default Button;

package/dist/elements/CustomDock.d.ts

@@ -1,25 +0,0 @@
-import { default as React } from 'react';
-export interface DockItem {
-    id: string;
-    label: string;
-    icon: string;
-    onClick?: () => void;
-    isActive?: boolean;
-}
-export type ActiveMode = 'single' | 'multiple';
-export interface CustomDockProps {
-    items: DockItem[];
-    itemWidth?: number;
-    itemHeight?: number;
-    magnification?: number;
-    itemGap?: number;
-    activeMode?: ActiveMode;
-    defaultActiveId?: string;
-    defaultActiveIds?: string[];
-    onItemClick?: (item: DockItem, index: number) => void;
-    onActiveChange?: (activeId: string | null, item: DockItem | null) => void;
-    onActiveChangeMultiple?: (activeIds: string[], items: DockItem[]) => void;
-    className?: string;
-}
-declare const CustomDock: React.FC<CustomDockProps>;
-export default CustomDock;

package/dist/elements/DropDownButton.d.ts

@@ -1,24 +0,0 @@
-import { default as React } from 'react';
-import { Styles } from '../theme/styledTheme';
-export interface DropDownButtonAction {
-    key: string;
-    label?: string;
-    component?: React.ReactNode;
-    type?: 'divider' | 'action';
-    icon?: React.ReactNode;
-    onClick?: () => void;
-}
-export interface DropDownButtonProps {
-    mode?: 'primary' | 'default' | 'error' | 'text';
-    label?: string;
-    actions: DropDownButtonAction[];
-    styles?: Styles;
-    icon?: React.ReactNode;
-    disabled?: boolean;
-    style?: React.CSSProperties;
-    className?: string;
-    children?: React.ReactNode;
-    eventEmit?: (eventName: string, data?: any, innerFn?: any) => void;
-}
-declare const DropDownButton: React.FC<DropDownButtonProps>;
-export default DropDownButton;

package/dist/elements/DropdownMenu.d.ts

@@ -1,17 +0,0 @@
-import { Styles } from '../theme/styledTheme';
-import * as React from 'react';
-export interface DropdownMenuAction {
-    key: string;
-    label?: string;
-    type?: 'divider' | 'action';
-    icon?: React.ReactNode;
-    onClick?: () => void;
-}
-interface DropdownMenuProps {
-    actions: DropdownMenuAction[];
-    onAction: (key: string) => void;
-    direction?: 'top' | 'bottom';
-    styles?: Styles;
-}
-declare const DropdownMenu: React.FC<DropdownMenuProps>;
-export default DropdownMenu;

package/dist/elements/GoggleNavbar.d.ts

@@ -1,31 +0,0 @@
-import { default as React } from 'react';
-import { Styles } from '../theme/styledTheme';
-export interface GoggleNavItem {
-    key: string | number;
-    name: string;
-    disabled?: boolean;
-    icon?: string | React.ReactNode;
-    activeIcon?: string | React.ReactNode;
-    path?: string;
-    badge?: number;
-}
-export interface GoggleNavbarProps {
-    items: GoggleNavItem[];
-    /** 当前激活路径，控制激活态渲染 */
-    activePath?: string;
-    /** 初始展开状态（非受控） */
-    defaultOpen?: boolean;
-    /** 受控展开状态 */
-    open?: boolean;
-    /** 展开状态变化回调（用于受控） */
-    onOpenChange?: (open: boolean) => void;
-    /** 点击项回调 */
-    onItemClick?: (item: GoggleNavItem) => void;
-    /** 顶部 Logo 图，可以是图片地址或 ReactNode */
-    logo?: string | React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    styles?: Styles;
-}
-declare const GoggleNavbar: React.FC<GoggleNavbarProps>;
-export default GoggleNavbar;

package/dist/elements/Uploader/UploadItem.d.ts

@@ -1,35 +0,0 @@
-import { default as React } from 'react';
-import { UploadItem as UploadItemType } from './types';
-import { AppTheme } from '../../theme/styledTheme';
-interface UploadItemProps {
-    item: UploadItemType;
-    index: number;
-    theme: AppTheme;
-    itemForm: any[];
-    onRemove: (id: string) => void;
-    onToggleExpand: (id: string) => void;
-    onFormDataChange: (id: string, formData: Record<string, any>) => void;
-    icons?: {
-        itemStatus?: {
-            pending?: React.ReactNode;
-            uploading?: React.ReactNode;
-            success?: React.ReactNode;
-            error?: React.ReactNode;
-        };
-        fileType?: {
-            default?: React.ReactNode;
-            image?: React.ReactNode;
-            document?: React.ReactNode;
-            spreadsheet?: React.ReactNode;
-            archive?: React.ReactNode;
-            video?: React.ReactNode;
-            audio?: React.ReactNode;
-        };
-    };
-}
-/**
- * 独立的上传项组件
- * 每个上传项都有独立的表单数据管理，展开/收起时保持数据状态
- */
-declare const UploadItem: React.FC<UploadItemProps>;
-export default UploadItem;

package/dist/elements/Uploader/example.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-/**
- * Uploader组件使用示例
- * 展示如何配置独立表单数据管理
- */
-declare const UploaderExample: React.FC;
-export default UploaderExample;

package/dist/elements/Uploader/index.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-import { UploaderProps } from './types';
-/**
- * 文件上传器组件
- * 支持拖拽上传、多文件上传、独立表单数据管理
- * 每个上传项都有独立的表单，上传完成后自动填充文件名
- */
-declare const Uploader: React.FC<UploaderProps>;
-export default Uploader;

package/dist/elements/Uploader/styles.d.ts

@@ -1,65 +0,0 @@
-import { AppTheme } from '../../theme/styledTheme';
-import { UploadStatus } from './types';
-export declare const UploaderContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $theme: AppTheme;
-    $isDragOver: boolean;
-}>> & string;
-export declare const UploadIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $theme: AppTheme;
-}>> & string;
-export declare const UploadText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $theme: AppTheme;
-}>> & string;
-export declare const UploadHint: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $theme: AppTheme;
-}>> & string;
-export declare const FileInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-export declare const UploadList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $theme: AppTheme;
-}>> & string;
-export declare const UploadItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}>, never>, {
-    $theme: AppTheme;
-    $status: UploadStatus;
-    $hasForm?: boolean;
-}>> & string;
-export declare const FileIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $theme: AppTheme;
-}>> & string;
-export declare const FileInfo: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FileName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $theme: AppTheme;
-}>> & string;
-export declare const FileSize: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $theme: AppTheme;
-}>> & string;
-export declare const ProgressBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $theme: AppTheme;
-    $progress: number;
-}>> & string;
-export declare const StatusIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $theme: AppTheme;
-    $status: UploadStatus;
-}>> & string;
-export declare const RemoveButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $theme: AppTheme;
-}>> & string;
-export declare const AddButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $theme: AppTheme;
-}>> & string;
-export declare const ExpandButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $theme: AppTheme;
-}>> & string;
-export declare const FormContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $theme: AppTheme;
-    $hasError?: boolean;
-}>> & string;
-export declare const MetadataInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
-    $theme: AppTheme;
-}>> & string;
-export declare const UploadItemContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $theme: AppTheme;
-    $status: UploadStatus;
-    $hasForm: boolean;
-}>> & string;

package/dist/elements/Uploader/types.d.ts

@@ -1,87 +0,0 @@
-import { Styles } from '../../theme/styledTheme';
-export type UploadStatus = 'pending' | 'uploading' | 'success' | 'error' | 'cancelled';
-export interface UploadItem {
-    id: string;
-    file: File;
-    name: string;
-    size: number;
-    type: string;
-    status: UploadStatus;
-    progress: number;
-    error?: string;
-    uploadApiRes?: any;
-    headers?: Record<string, any>;
-    metadata?: Record<string, any>;
-    formData?: Record<string, any>;
-    isExpanded?: boolean;
-}
-export type UploaderEventName = 'uploader:start' | 'uploader:progress' | 'uploader:success' | 'uploader:error' | 'uploader:complete' | 'uploader:formDataChange' | 'uploader:toggleExpand' | 'uploader:remove' | 'uploader:dataChange' | 'uploader:clear' | 'uploader:errorSet' | 'uploader:errorCleared';
-export interface UploaderMethods {
-    getUploadItems: () => UploadItem[];
-    getUploadItemsData: (options?: {
-        includeStatus?: UploadStatus[];
-        excludeStatus?: UploadStatus[];
-    }) => Array<{
-        id: string;
-        name: string;
-        status: UploadStatus;
-        error?: string;
-        uploadApiRes: any;
-        formData: Record<string, any>;
-        file: File;
-        size: number;
-        type: string;
-    }>;
-    validateFormData: () => Promise<boolean>;
-    clearUploadItems: () => void;
-    setItemError: (itemId: string, error: string) => void;
-    clearItemError: (itemId: string) => void;
-}
-export interface UploaderButton {
-    label: string;
-    mode?: 'primary' | 'default' | 'error' | 'text';
-    icon?: React.ReactNode;
-    disabled?: boolean;
-    onClick: () => void;
-}
-export interface UploaderProps {
-    multiple?: boolean;
-    accept?: string;
-    maxSize?: number;
-    maxFiles?: number;
-    autoUpload?: boolean;
-    url?: string;
-    headers?: Record<string, string>;
-    queryParams?: Record<string, string>;
-    itemForm?: any[];
-    styles?: Styles;
-    buttons?: UploaderButton[];
-    placeholder?: React.ReactNode;
-    listName?: string;
-    errorMessages?: {
-        noUrl?: string;
-        uploadFailed?: string;
-        fileTooLarge?: string;
-        invalidFileType?: string;
-    };
-    eventsEmit?: (eventName: UploaderEventName, data: any, innerFn?: () => void) => void;
-    onRef?: (methods: UploaderMethods) => void;
-    icons?: {
-        dragUpload?: React.ReactNode;
-        itemStatus?: {
-            pending?: React.ReactNode;
-            uploading?: React.ReactNode;
-            success?: React.ReactNode;
-            error?: React.ReactNode;
-        };
-        fileType?: {
-            default?: React.ReactNode;
-            image?: React.ReactNode;
-            document?: React.ReactNode;
-            spreadsheet?: React.ReactNode;
-            archive?: React.ReactNode;
-            video?: React.ReactNode;
-            audio?: React.ReactNode;
-        };
-    };
-}

package/dist/elements/Uploader/utils.d.ts

@@ -1,31 +0,0 @@
-import { UploadItem } from './types';
-/**
- * 格式化文件大小显示
- * @param bytes - 文件字节数
- * @returns 格式化后的文件大小字符串
- */
-export declare const formatFileSize: (bytes: number) => string;
-/**
- * 生成唯一ID
- * @returns 唯一ID字符串
- */
-export declare const generateId: () => string;
-/**
- * 根据表单配置自动填充文件信息到表单数据中
- * @param item - 上传项
- * @param itemForm - 表单配置
- * @returns 填充后的表单数据
- */
-export declare const autoFillFormData: (item: UploadItem, itemForm: any[]) => Record<string, any>;
-/**
- * 标准文件上传函数
- * 使用 XMLHttpRequest 实现文件上传，支持进度回调和自定义请求头
- * 支持 FormData 和 JSON 两种格式
- * @param file - 要上传的文件
- * @param uploadUrl - 上传接口地址
- * @param headers - 自定义请求头
- * @param queryParams - 查询参数
- * @param onProgress - 上传进度回调函数
- * @returns Promise<string> - 返回上传成功后的文件URL或响应数据
- */
-export declare const uploadFile: (file: File, uploadUrl: string, headers?: Record<string, string>, queryParams?: Record<string, string>, onProgress?: (progress: number) => void) => Promise<string>;

package/dist/elements/Uploader.d.ts

@@ -1,2 +0,0 @@
-export { default } from './Uploader/index';
-export * from './Uploader/types';

package/dist/examples/DockContainerExample.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const FullScreenContainerExample: React.FC;
-export default FullScreenContainerExample;

package/dist/icons/Icon.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-type IconProps = React.SVGProps<SVGSVGElement> & {
-    type: string;
-    size?: number | string;
-};
-declare const Icon: React.FC<IconProps>;
-export default Icon;

package/dist/icons/Icon.tsx

@@ -1,82 +0,0 @@
-import React from 'react';
-import Icons from './lazyIndex';
-// 提供不依赖 SVGR 的兜底：以 url 形式导入 svg 并用 <img /> 渲染
-// 注意：在构建环境下，Vite 会将以下 glob 展开为静态资源 url
-// 这样消费方无需配置 svgr 也能显示图标
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-const svgUrlModules: Record<string, string> = import.meta.glob('./**/*.svg', { eager: true, query: '?url', import: 'default' });
-
-type NestedRecord<T> = { [key: string]: T | NestedRecord<T> };
-
-function setNested<T>(obj: NestedRecord<T>, pathParts: string[], value: T) {
-  let current: NestedRecord<T> = obj;
-  for (let i = 0; i < pathParts.length - 1; i += 1) {
-    const part = pathParts[i];
-    if (!current[part] || typeof current[part] !== 'object') {
-      current[part] = {} as NestedRecord<T>;
-    }
-    current = current[part] as NestedRecord<T>;
-  }
-  current[pathParts[pathParts.length - 1]] = value;
-}
-
-function pathToKeys(filePath: string) {
-  const noPrefix = filePath.replace(/^\.\//, '');
-  const withoutQuery = noPrefix.split('?')[0];
-  const noExt = withoutQuery.replace(/\.svg$/i, '');
-  return noExt.split('/');
-}
-
-const IconUrlMap: NestedRecord<string> = {};
-Object.entries(svgUrlModules).forEach(([file, url]) => {
-  const keys = pathToKeys(file);
-  setNested(IconUrlMap, keys, url as unknown as string);
-});
-
-type IconProps = React.SVGProps<SVGSVGElement> & {
-  type: string;           // e.g., "rag/pdf"
-  size?: number | string; // apply to width/height simultaneously
-};
-
-function resolveIcon(path: string): React.ComponentType<any> | undefined {
-  const parts = path.split('/').filter(Boolean);
-  let cur: any = Icons as any;
-  for (const p of parts) {
-    if (!cur) return undefined;
-    cur = cur[p];
-  }
-  return typeof cur === 'function' ? cur : undefined;
-}
-
-function resolveIconUrl(path: string): string | undefined {
-  const parts = path.split('/').filter(Boolean);
-  let cur: any = IconUrlMap as any;
-  for (const p of parts) {
-    if (!cur) return undefined;
-    cur = cur[p];
-  }
-  return typeof cur === 'string' ? cur : undefined;
-}
-
-const Icon: React.FC<IconProps> = ({ type, size, ...rest }) => {
-  const Comp = resolveIcon(type);
-  const wh = typeof size !== 'undefined' ? { width: size as any, height: size as any } : {};
-
-  if (Comp) {
-    return <Comp {...wh} {...rest} />;
-  }
-
-  const url = resolveIconUrl(type);
-  if (url) {
-    // 使用 <img /> 兜底渲染，确保消费侧不依赖 svgr
-    // @ts-expect-error img props vs svg props 取交集
-    return <img src={url} alt="" {...wh} {...rest} />;
-  }
-
-  return null;
-};
-
-export default Icon;
-
-

package/dist/icons/index.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-type IconComponent = React.MemoExoticComponent<React.ComponentType<React.SVGProps<SVGSVGElement>>> & {
-    displayName?: string;
-};
-type ImageComponent = React.MemoExoticComponent<React.ComponentType<React.ImgHTMLAttributes<HTMLImageElement>>> & {
-    displayName?: string;
-};
-type NestedRecord<T> = {
-    [key: string]: T | NestedRecord<T>;
-};
-declare const Icons: NestedRecord<IconComponent | ImageComponent>;
-export { Icons };
-export default Icons;

package/dist/icons/index.tsx

@@ -1,92 +0,0 @@
-import React, { memo } from 'react';
-
-// 通过 Vite 的 import.meta.glob 动态导入 SVG 为 React 组件（依赖 vite-plugin-svgr）
-// 优先使用查询参数保证直接得到 React 组件
-const svgModulesReact = import.meta.glob('./**/*.svg?react', { eager: true });
-const svgModulesComponent = import.meta.glob('./**/*.svg?component', { eager: true });
-// 兜底：无查询时部分配置会返回 data URL，将在处理时被跳过
-const svgModulesRaw = import.meta.glob('./**/*.svg', { eager: true });
-
-// 可选：如果未来需要支持 png 等位图作为 <img /> 包装组件，可在此扩展
-// Vite 6 中 as 已弃用，使用 query: '?url' + import: 'default'
-const pngModules = import.meta.glob('./**/*.{png,PNG}', { eager: true, query: '?url', import: 'default' });
-
-type IconComponent = React.MemoExoticComponent<React.ComponentType<React.SVGProps<SVGSVGElement>>> & {
-  displayName?: string;
-};
-
-type ImageComponent = React.MemoExoticComponent<React.ComponentType<React.ImgHTMLAttributes<HTMLImageElement>>> & {
-  displayName?: string;
-};
-
-type NestedRecord<T> = {
-  [key: string]: T | NestedRecord<T>;
-};
-
-function setNested<T>(obj: NestedRecord<T>, pathParts: string[], value: T) {
-  let current: NestedRecord<T> = obj;
-  for (let i = 0; i < pathParts.length - 1; i += 1) {
-    const part = pathParts[i];
-    if (!current[part] || typeof current[part] !== 'object') {
-      current[part] = {} as NestedRecord<T>;
-    }
-    current = current[part] as NestedRecord<T>;
-  }
-  current[pathParts[pathParts.length - 1]] = value;
-}
-
-// 将文件路径转成对象路径，如 ./rag/csv.svg -> ["rag","csv"]
-function pathToKeys(filePath: string, ext: string) {
-  const noPrefix = filePath.replace(/^\.\//, '');
-  // 去掉查询参数（例如 ?react 或 ?component）
-  const withoutQuery = noPrefix.split('?')[0];
-  // 去掉扩展名 .svg 或 .png 等
-  const noExt = withoutQuery.replace(new RegExp(`\\.${ext}$`, 'i'), '');
-  return noExt.split('/');
-}
-
-const Icons: NestedRecord<IconComponent | ImageComponent> = {};
-
-// 处理 SVG -> React 组件
-function handleSvgModules(mods: Record<string, unknown>) {
-  Object.entries(mods).forEach(([file, mod]) => {
-    // 兼容两种导出：
-    // 1) vite-plugin-svgr 的命名导出 ReactComponent
-    // 2) 配置 exportAsDefault: true 时的默认导出为组件
-    let Component: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
-    const possible = mod as any;
-    if (possible && typeof possible.ReactComponent === 'function') {
-      Component = possible.ReactComponent as React.ComponentType<React.SVGProps<SVGSVGElement>>;
-    } else if (possible && typeof possible.default === 'function') {
-      Component = possible.default as React.ComponentType<React.SVGProps<SVGSVGElement>>;
-    } else {
-      // 默认导出为字符串（data url）时跳过，避免运行时错误
-      return;
-    }
-
-    const Memo = memo(Component) as IconComponent;
-    const keys = pathToKeys(file, 'svg');
-    Memo.displayName = `Icon(${keys.join('/')})`;
-    setNested(Icons, keys, Memo);
-  });
-}
-
-handleSvgModules(svgModulesReact);
-handleSvgModules(svgModulesComponent);
-handleSvgModules(svgModulesRaw);
-
-// 处理 PNG -> 以 <img /> 封装的组件（仅为兼容，优先推荐 SVG）
-Object.entries(pngModules).forEach(([file, url]) => {
-  const ImgComp: React.FC<React.ImgHTMLAttributes<HTMLImageElement>> = (props) => (
-    <img src={url as unknown as string} alt="" {...props} />
-  );
-  const Memo = memo(ImgComp) as ImageComponent;
-  const keys = pathToKeys(file, 'png');
-  Memo.displayName = `IconImg(${keys.join('/')})`;
-  setNested(Icons, keys, Memo);
-});
-
-export { Icons };
-export default Icons;
-
-

package/dist/icons/lazyIndex.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-type NestedRecord<T> = {
-    [key: string]: T | NestedRecord<T>;
-};
-declare const Icons: NestedRecord<React.MemoExoticComponent<React.ComponentType<any>>>;
-export { Icons };
-export default Icons;