@hkyhy/marsun-components-core 0.1.3 → 0.1.8

package/dist/components/AgentHub/Chat/utils/smoothScroll.d.ts

@@ -0,0 +1,14 @@
+export interface AnimateScrollOptions {
+    minDuration?: number;
+    maxDuration?: number;
+    msPerPixel?: number;
+}
+/**
+ * Smoothly scroll an element with a custom ease-out curve (softer than native smooth).
+ */
+export declare const animateScrollTo: (element: HTMLElement, targetTop: number, options?: AnimateScrollOptions) => (() => void);
+export declare const getScrollBottom: (element: HTMLElement) => number;
+/**
+ * Session switch: reset to top, then ease to bottom; optional soft correction after layout shifts.
+ */
+export declare const animateScrollFromTopToBottom: (element: HTMLElement, options?: AnimateScrollOptions) => (() => void);

package/dist/components/AgentHub/ChatSessionAccessGuard.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface AgentHubSessionAccessGuardProps {
+    hasAccess?: boolean;
+    redirectTo?: string;
+    children: React.ReactNode;
+}
+declare const AgentHubSessionAccessGuard: React.FC<AgentHubSessionAccessGuardProps>;
+export default AgentHubSessionAccessGuard;

package/dist/components/AgentHub/KnowledgeBase/Action/CreateButton.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface CreateButtonProps {
+    onClick?: () => void;
+}
+declare const CreateButton: React.FC<CreateButtonProps>;
+export default CreateButton;

package/dist/components/AgentHub/KnowledgeBase/Action/ManageActionButtons.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface ManageActionButtonsProps {
+    onCreateClick: () => void;
+}
+declare const ManageActionButtons: React.FC<ManageActionButtonsProps>;
+export default ManageActionButtons;

package/dist/components/AgentHub/KnowledgeBase/Action/handlers.d.ts

@@ -0,0 +1,5 @@
+export type KnowledgeBaseActionHandlers = {
+    onDelete?: (id: string) => Promise<void>;
+    onCreate?: () => void;
+    onUpload?: (datasetId: string) => void;
+};

package/dist/components/AgentHub/KnowledgeBase/Action/index.d.ts

@@ -0,0 +1,5 @@
+export { default as CreateButton } from './CreateButton';
+export type { CreateButtonProps } from './CreateButton';
+export { default as ManageActionButtons } from './ManageActionButtons';
+export type { ManageActionButtonsProps } from './ManageActionButtons';
+export * from './handlers';

package/dist/components/AgentHub/KnowledgeBase/Detail/DocumentTable/index.d.ts

@@ -0,0 +1,16 @@
+import { KBDocument } from '../../../types';
+import { default as React } from 'react';
+export interface DocumentTableProps {
+    datasetId: string;
+    data: KBDocument[];
+    loading: boolean;
+    total: number;
+    page: number;
+    pageSize: number;
+    onPageChange: (page: number, pageSize: number) => void;
+    onParse: (doc: KBDocument) => void;
+    onStopParse: (doc: KBDocument) => void;
+    onDelete: (doc: KBDocument) => void;
+}
+declare const DocumentTable: React.FC<DocumentTableProps>;
+export default DocumentTable;

package/dist/components/AgentHub/KnowledgeBase/Detail/ParseStatusTag/index.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface ParseStatusTagProps {
+    status?: string;
+}
+declare const ParseStatusTag: React.FC<ParseStatusTagProps>;
+export default ParseStatusTag;

package/dist/components/AgentHub/KnowledgeBase/Detail/index.d.ts

@@ -0,0 +1,4 @@
+export { default as DocumentTable } from './DocumentTable';
+export type { DocumentTableProps } from './DocumentTable';
+export { default as ParseStatusTag } from './ParseStatusTag';
+export type { ParseStatusTagProps } from './ParseStatusTag';

package/dist/components/AgentHub/KnowledgeBase/Form/Form.d.ts

@@ -0,0 +1,13 @@
+import { FormInstance } from 'antd';
+import { default as React } from 'react';
+export interface KnowledgeBaseFormProps {
+    form: FormInstance;
+    initialValues?: {
+        name?: string;
+        description?: string;
+        embedding_model?: string;
+        chunk_method?: string;
+    };
+}
+declare const KnowledgeBaseForm: React.FC<KnowledgeBaseFormProps>;
+export default KnowledgeBaseForm;

package/dist/components/AgentHub/KnowledgeBase/Form/index.d.ts

@@ -0,0 +1,2 @@
+export { default as KnowledgeBaseForm } from './Form';
+export type { KnowledgeBaseFormProps } from './Form';

package/dist/components/AgentHub/KnowledgeBase/List/FilterBar.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface KBFilterBarProps {
+    keyword: string;
+    onKeywordChange: (v: string) => void;
+}
+declare const KBFilterBar: React.FC<KBFilterBarProps>;
+export default KBFilterBar;

package/dist/components/AgentHub/KnowledgeBase/List/KnowledgeCard/index.d.ts

@@ -0,0 +1,11 @@
+import { Dataset } from '../../../types';
+import { default as React } from 'react';
+export interface KnowledgeCardProps {
+    dataset: Dataset;
+    onView: (dataset: Dataset) => void;
+    onUpload: (dataset: Dataset) => void;
+    onEdit: (dataset: Dataset) => void;
+    onDelete: (dataset: Dataset) => void;
+}
+declare const KnowledgeCard: React.FC<KnowledgeCardProps>;
+export default KnowledgeCard;

package/dist/components/AgentHub/KnowledgeBase/List/index.d.ts

@@ -0,0 +1,4 @@
+export { default as KnowledgeCard } from './KnowledgeCard';
+export type { KnowledgeCardProps } from './KnowledgeCard';
+export { default as KBFilterBar } from './FilterBar';
+export type { KBFilterBarProps } from './FilterBar';

package/dist/components/AgentHub/KnowledgeBase/Modal/FormModal.d.ts

@@ -0,0 +1,11 @@
+import { Dataset } from '../../types';
+import { default as React } from 'react';
+export interface KBFormModalProps {
+    open: boolean;
+    record?: Dataset | null;
+    onSubmit: (values: Record<string, unknown>, record?: Dataset | null) => Promise<void>;
+    onSuccess: () => void;
+    onCancel: () => void;
+}
+declare const KBFormModal: React.FC<KBFormModalProps>;
+export default KBFormModal;

package/dist/components/AgentHub/KnowledgeBase/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as KBFormModal } from './FormModal';
+export type { KBFormModalProps } from './FormModal';

package/dist/components/AgentHub/KnowledgeBase/constants/index.d.ts

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

package/dist/components/AgentHub/KnowledgeBase/constants/types.d.ts

@@ -0,0 +1,16 @@
+import { Dataset, KBDocument, ParseStatus } from '../../types';
+export type { Dataset, KBDocument };
+export { ParseStatus };
+export declare const PARSE_STATUS_CONFIG: Record<string, {
+    label: string;
+    color: string;
+    spinning?: boolean;
+}>;
+export declare const CHUNK_METHOD_OPTIONS: {
+    label: string;
+    value: string;
+}[];
+export declare const EMBEDDING_MODEL_OPTIONS: {
+    label: string;
+    value: string;
+}[];

package/dist/components/AgentHub/KnowledgeBase/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useKnowledgeBase } from './useKnowledgeBase';
+export { useKBDocuments } from './useKBDocuments';

package/dist/components/AgentHub/KnowledgeBase/hooks/useKBDocuments.d.ts

@@ -0,0 +1,10 @@
+import { KBDocument } from '../../types';
+export type UseKBDocumentsOptions = {
+    listUrl?: string;
+    transformList?: (raw: unknown) => KBDocument[];
+};
+export declare const useKBDocuments: (datasetId: string | undefined, options?: UseKBDocumentsOptions) => {
+    data: KBDocument[];
+    loading: boolean;
+    fetchData: () => void;
+};

package/dist/components/AgentHub/KnowledgeBase/hooks/useKnowledgeBase.d.ts

@@ -0,0 +1,13 @@
+import { Dataset } from '../../types';
+export type UseKnowledgeBaseOptions = {
+    listUrl?: string;
+    transformList?: (raw: unknown) => Dataset[];
+    deleteUrl?: string;
+    onDeleteSuccess?: () => void;
+};
+export declare const useKnowledgeBase: (options?: UseKnowledgeBaseOptions) => {
+    data: Dataset[];
+    loading: boolean;
+    fetchData: () => void;
+    deleteDataset: (id: string) => Promise<void>;
+};

package/dist/components/AgentHub/KnowledgeBase/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Action';
+export * from './constants';
+export * from './Detail';
+export * from './Form';
+export * from './hooks';
+export * from './List';
+export * from './Modal';

package/dist/components/AgentHub/types.d.ts

@@ -0,0 +1,83 @@
+/** AgentHub 展示层类型（字段宽松，消费方 transformData 映射） */
+export type MessageRole = 'user' | 'assistant' | 'system';
+export interface Citation {
+    id: string;
+    title?: string;
+    content?: string;
+    source?: string;
+    url?: string;
+    doc_id?: string;
+    doc_name?: string;
+    positions?: unknown;
+    score?: number;
+    [key: string]: unknown;
+}
+export interface ChatMessage {
+    id: string;
+    role: MessageRole;
+    content: string;
+    createdAt?: string;
+    citations?: Citation[];
+    thinking?: string;
+    streaming?: boolean;
+    thumbup?: boolean | null;
+    [key: string]: unknown;
+}
+export interface ChatSession {
+    id: string;
+    title?: string;
+    name?: string;
+    assistantId?: string;
+    updatedAt?: string;
+    update_time?: string;
+    create_time?: string;
+    messages?: ChatMessage[];
+    message?: ChatMessage[];
+    [key: string]: unknown;
+}
+export interface ChatAssistant {
+    id: string;
+    name: string;
+    description?: string;
+    avatar?: string;
+    status?: string;
+    datasetIds?: string[];
+    dataset_ids?: string[];
+    prompt_config?: {
+        prologue?: string;
+        empty_response?: string;
+    };
+    [key: string]: unknown;
+}
+export interface Dataset {
+    id: string;
+    name: string;
+    description?: string;
+    documentCount?: number;
+    document_count?: number;
+    chunk_count?: number;
+    token_num?: number;
+    done_count?: number;
+    running_count?: number;
+    fail_count?: number;
+    unstart_count?: number;
+    updatedAt?: string;
+    embedding_model?: string;
+    chunk_method?: string;
+    [key: string]: unknown;
+}
+export interface KBDocument {
+    id: string;
+    name: string;
+    status?: string;
+    run?: ParseStatus | string;
+    size?: number;
+    updatedAt?: string;
+    [key: string]: unknown;
+}
+export type ParseStatus = 'pending' | 'parsing' | 'done' | 'failed' | string;
+export interface SSEChunk {
+    answer?: string;
+    citations?: Citation[];
+    [key: string]: unknown;
+}

package/dist/components/Auth/PermissionGuard.d.ts

@@ -0,0 +1,19 @@
+import { MaybeFn } from '../../utils/resolveMaybeFn';
+import { default as React } from 'react';
+export type PermissionGuardContext = {
+    roles?: string[];
+    permission?: string;
+};
+export interface PermissionGuardProps {
+    /** 允许访问的角色列表 */
+    roles?: string[];
+    /** 允许访问的权限 key */
+    permission?: string;
+    /** 展示控制 */
+    display?: MaybeFn<boolean, PermissionGuardContext>;
+    hidden?: MaybeFn<boolean, PermissionGuardContext>;
+    fallback?: React.ReactNode;
+    children: React.ReactNode;
+}
+declare const PermissionGuard: React.FC<PermissionGuardProps>;
+export default PermissionGuard;

package/dist/components/Auth/ProtectedRoute.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface ProtectedRouteProps {
+    roles?: string[];
+    permission?: string;
+    loginPath?: string;
+    fallbackPath?: string;
+    children: React.ReactNode;
+}
+declare const ProtectedRoute: React.FC<ProtectedRouteProps>;
+export default ProtectedRoute;

package/dist/components/Auth/hasPermission.d.ts

@@ -0,0 +1,2 @@
+/** 通过 Provider 注入的 hasPermission 回调检查权限 */
+export declare function hasPermission(check: ((permission: string) => boolean) | undefined, perm: string): boolean;

package/dist/components/Auth/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PermissionGuard } from './PermissionGuard';
+export { default as ProtectedRoute } from './ProtectedRoute';
+export { hasPermission } from './hasPermission';

package/dist/components/Auth/types.d.ts

@@ -0,0 +1 @@
+export type Visibility<T = Record<string, unknown>> = import('../../utils/resolveMaybeFn').MaybeFn<boolean, T>;

package/dist/components/Descriptions/CommonDescriptions.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+export interface DescriptionItem {
+    label: string;
+    value: React.ReactNode;
+    span?: number;
+}
+export interface CommonDescriptionsProps {
+    content: DescriptionItem[];
+    column?: number | {
+        xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        xxl?: number;
+    };
+    bordered?: boolean;
+    size?: 'small' | 'default' | 'middle';
+    title?: React.ReactNode;
+    extra?: React.ReactNode;
+}
+declare const CommonDescriptions: React.FC<CommonDescriptionsProps>;
+export default CommonDescriptions;

package/dist/components/Descriptions/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CommonDescriptions } from './CommonDescriptions';
+export type { CommonDescriptionsProps, DescriptionItem } from './CommonDescriptions';

package/dist/components/File/FileItem/index.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { FileDisplayItem } from '../types';
+export interface FileItemAction {
+    key: string;
+    icon: React.ReactNode;
+    tooltip: string;
+    onClick: (file: FileDisplayItem) => void;
+}
+export interface FileItemProps {
+    file: FileDisplayItem;
+    status?: React.ReactNode;
+    showDownload?: boolean;
+    showDelete?: boolean;
+    showPreview?: boolean;
+    actions?: FileItemAction[];
+    onDownload?: (file: FileDisplayItem) => void;
+    onDelete?: (file: FileDisplayItem) => void;
+    onPreview?: (file: FileDisplayItem) => void;
+}
+declare const FileItem: React.FC<FileItemProps>;
+export { FileItem };
+export default FileItem;

package/dist/components/File/FileLink/index.d.ts

@@ -0,0 +1,8 @@
+import { FileDisplayItem } from '../types';
+import { default as React } from 'react';
+export interface FileLinkProps {
+    file: FileDisplayItem;
+    onClick?: (file: FileDisplayItem) => void;
+}
+declare const FileLink: React.FC<FileLinkProps>;
+export default FileLink;

package/dist/components/File/FilePreview/FilePreviewContent.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { FileDisplayItem } from '../types';
+interface FilePreviewContentProps {
+    file: FileDisplayItem;
+    previewUrl?: string;
+    unsupportedMessage?: string;
+}
+declare const FilePreviewContent: React.FC<FilePreviewContentProps>;
+export default FilePreviewContent;

package/dist/components/File/FilePreview/FilePreviewContent.js

@@ -0,0 +1,83 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Empty as u, Spin as N } from "antd";
+import { useRef as v, useState as h, useEffect as x } from "react";
+import { getPreviewKind as E, needsBlobPreview as P } from "../previewKind.js";
+import s from "./style.module.scss.js";
+import b from "classnames";
+async function B(i) {
+  const e = await fetch(i);
+  if (!e.ok) throw new Error(`预览加载失败 (${e.status})`);
+  return e.arrayBuffer();
+}
+async function T(i, e) {
+  const [{ default: o }] = await Promise.all([
+    import("../../../node_modules/@js-preview/excel/lib/index.js"),
+    Promise.resolve({                                               })
+  ]), n = o.init(i);
+  return await n.preview(e), () => n.destroy();
+}
+async function W(i, e) {
+  const { renderAsync: o } = await import("../../../node_modules/docx-preview/dist/docx-preview.js"), n = new Blob([e]);
+  await o(n, i, i, {
+    inWrapper: !0,
+    ignoreWidth: !1,
+    ignoreHeight: !1,
+    breakPages: !0
+  });
+}
+async function k(i, e, o) {
+  const { init: n } = await import("../../../node_modules/pptx-preview/dist/pptx-preview.es.js"), a = n(i, { width: o, height: Math.round(o * 0.5625), mode: "list" });
+  return await a.preview(e), () => a.destroy();
+}
+function C(i, e) {
+  const o = new TextDecoder("utf-8"), n = document.createElement("pre");
+  n.className = s["file-preview-text"], n.textContent = o.decode(e), i.appendChild(n);
+}
+const F = ({
+  file: i,
+  previewUrl: e,
+  unsupportedMessage: o = "暂不支持预览此文件类型"
+}) => {
+  const n = v(null), a = v(void 0), [g, l] = h(!1), [m, p] = h(null), r = E(i);
+  return x(() => {
+    var w;
+    const f = n.current;
+    if (!f || !e) return;
+    let d = !1;
+    return (w = a.current) == null || w.call(a), a.current = void 0, f.innerHTML = "", p(null), (async () => {
+      if (r !== "image" && !(r === "pdf" || r === "iframe") && !(r === "video" || r === "audio") && r !== "unsupported") {
+        l(!0);
+        try {
+          const c = await B(e);
+          if (d) return;
+          if (r === "excel")
+            a.current = await T(f, c);
+          else if (r === "word")
+            await W(f, c);
+          else if (r === "ppt") {
+            const y = f.clientWidth || 852;
+            a.current = await k(f, c, y);
+          } else r === "text" && C(f, c);
+        } catch (c) {
+          d || p(c instanceof Error ? c.message : "预览加载失败");
+        } finally {
+          d || l(!1);
+        }
+      }
+    })(), () => {
+      var c;
+      d = !0, (c = a.current) == null || c.call(a), a.current = void 0, f.innerHTML = "";
+    };
+  }, [e, r, i.id, i.name]), e ? r === "image" ? /* @__PURE__ */ t("div", { className: s["file-preview-media-wrap"], children: /* @__PURE__ */ t("img", { src: e, alt: i.name, className: s["file-preview-image"] }) }) : r === "pdf" || r === "iframe" ? /* @__PURE__ */ t(
+    "iframe",
+    {
+      src: e,
+      title: i.name,
+      className: s["file-preview-iframe"]
+    }
+  ) : r === "video" ? /* @__PURE__ */ t("div", { className: s["file-preview-media-wrap"], children: /* @__PURE__ */ t("video", { src: e, controls: !0, className: s["file-preview-video"] }) }) : r === "audio" ? /* @__PURE__ */ t("div", { className: s["file-preview-audio-wrap"], children: /* @__PURE__ */ t("audio", { src: e, controls: !0, className: s["file-preview-audio"] }) }) : r === "unsupported" ? /* @__PURE__ */ t(u, { description: o }) : P(r) ? /* @__PURE__ */ t("div", { className: b(s["file-preview-office"], s["file-preview-office-wrap"]), children: /* @__PURE__ */ t(N, { spinning: g, children: m ? /* @__PURE__ */ t(u, { description: m }) : /* @__PURE__ */ t("div", { ref: n, className: s["file-preview-office-inner"] }) }) }) : /* @__PURE__ */ t(u, { description: o }) : /* @__PURE__ */ t(u, { description: "无可预览地址" });
+};
+export {
+  F as default
+};
+//# sourceMappingURL=FilePreviewContent.js.map

package/dist/components/File/FilePreview/FilePreviewContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreviewContent.js","sources":["../../../../src/components/File/FilePreview/FilePreviewContent.tsx"],"sourcesContent":["import { Empty, Spin } from 'antd';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { getPreviewKind, needsBlobPreview } from '../previewKind';\nimport type { FileDisplayItem } from '../types';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\ninterface FilePreviewContentProps {\n  file: FileDisplayItem;\n  previewUrl?: string;\n  unsupportedMessage?: string;\n}\n\nasync function fetchPreviewBlob(url: string): Promise<ArrayBuffer> {\n  const res = await fetch(url);\n  if (!res.ok) throw new Error(`预览加载失败 (${res.status})`);\n  return res.arrayBuffer();\n}\n\nasync function renderExcel(container: HTMLElement, data: ArrayBuffer) {\n  const [{ default: jsPreviewExcel }] = await Promise.all([\n    import('@js-preview/excel'),\n    import('@js-preview/excel/lib/index.css'),\n  ]);\n  const instance = jsPreviewExcel.init(container);\n  await instance.preview(data);\n  return () => instance.destroy();\n}\n\nasync function renderWord(container: HTMLElement, data: ArrayBuffer) {\n  const { renderAsync } = await import('docx-preview');\n  const blob = new Blob([data]);\n  await renderAsync(blob, container, container, {\n    inWrapper: true,\n    ignoreWidth: false,\n    ignoreHeight: false,\n    breakPages: true,\n  });\n}\n\nasync function renderPpt(container: HTMLElement, data: ArrayBuffer, width: number) {\n  const { init } = await import('pptx-preview');\n  const previewer = init(container, { width, height: Math.round(width * 0.5625), mode: 'list' });\n  await previewer.preview(data);\n  return () => previewer.destroy();\n}\n\nfunction renderText(container: HTMLElement, data: ArrayBuffer) {\n  const decoder = new TextDecoder('utf-8');\n  const pre = document.createElement('pre');\n  pre.className = styles['file-preview-text'] ?? '';\n  pre.textContent = decoder.decode(data);\n  container.appendChild(pre);\n}\n\nconst FilePreviewContent: React.FC<FilePreviewContentProps> = ({\n  file,\n  previewUrl,\n  unsupportedMessage = '暂不支持预览此文件类型',\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const cleanupRef = useRef<(() => void) | void>(undefined);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const kind = getPreviewKind(file);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container || !previewUrl) return undefined;\n\n    let cancelled = false;\n    cleanupRef.current?.();\n    cleanupRef.current = undefined;\n    container.innerHTML = '';\n    setError(null);\n\n    const run = async () => {\n      if (kind === 'image') return;\n      if (kind === 'pdf' || kind === 'iframe') return;\n      if (kind === 'video' || kind === 'audio') return;\n      if (kind === 'unsupported') return;\n\n      setLoading(true);\n      try {\n        const data = await fetchPreviewBlob(previewUrl);\n        if (cancelled) return;\n\n        if (kind === 'excel') {\n          cleanupRef.current = await renderExcel(container, data);\n        } else if (kind === 'word') {\n          await renderWord(container, data);\n        } else if (kind === 'ppt') {\n          const width = container.clientWidth || 852;\n          cleanupRef.current = await renderPpt(container, data, width);\n        } else if (kind === 'text') {\n          renderText(container, data);\n        }\n      } catch (err) {\n        if (!cancelled) {\n          setError(err instanceof Error ? err.message : '预览加载失败');\n        }\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    };\n\n    void run();\n\n    return () => {\n      cancelled = true;\n      cleanupRef.current?.();\n      cleanupRef.current = undefined;\n      container.innerHTML = '';\n    };\n  }, [previewUrl, kind, file.id, file.name]);\n\n  if (!previewUrl) {\n    return <Empty description=\"无可预览地址\" />;\n  }\n\n  if (kind === 'image') {\n    return (\n      <div className={styles['file-preview-media-wrap']}>\n        <img src={previewUrl} alt={file.name} className={styles['file-preview-image']} />\n      </div>\n    );\n  }\n\n  if (kind === 'pdf' || kind === 'iframe') {\n    return (\n      <iframe\n        src={previewUrl}\n        title={file.name}\n        className={styles['file-preview-iframe']}\n      />\n    );\n  }\n\n  if (kind === 'video') {\n    return (\n      <div className={styles['file-preview-media-wrap']}>\n        <video src={previewUrl} controls className={styles['file-preview-video']} />\n      </div>\n    );\n  }\n\n  if (kind === 'audio') {\n    return (\n      <div className={styles['file-preview-audio-wrap']}>\n        <audio src={previewUrl} controls className={styles['file-preview-audio']} />\n      </div>\n    );\n  }\n\n  if (kind === 'unsupported') {\n    return <Empty description={unsupportedMessage} />;\n  }\n\n  if (needsBlobPreview(kind)) {\n    return (\n      <div className={classNames(styles['file-preview-office'], styles['file-preview-office-wrap'])}>\n        <Spin spinning={loading}>\n          {error ? <Empty description={error} /> : <div ref={containerRef} className={styles['file-preview-office-inner']} />}\n        </Spin>\n      </div>\n    );\n  }\n\n  return <Empty description={unsupportedMessage} />;\n};\n\nexport default FilePreviewContent;\n"],"names":["fetchPreviewBlob","url","res","renderExcel","container","data","jsPreviewExcel","instance","renderWord","renderAsync","blob","renderPpt","width","init","previewer","renderText","decoder","pre","styles","FilePreviewContent","file","previewUrl","unsupportedMessage","containerRef","useRef","cleanupRef","loading","setLoading","useState","error","setError","kind","getPreviewKind","useEffect","cancelled","_a","err","jsx","Empty","needsBlobPreview","classNames","Spin"],"mappings":"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"}

package/dist/components/File/FilePreview/index.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { FileDisplayItem } from '../types';
+export interface FilePreviewProps {
+    file: FileDisplayItem;
+    url?: string;
+    downloadUrl?: string;
+    onDownload?: (file: FileDisplayItem) => void;
+    unsupportedMessage?: string;
+    title?: React.ReactNode;
+    extra?: React.ReactNode;
+}
+declare const FilePreview: React.FC<FilePreviewProps>;
+export default FilePreview;

package/dist/components/File/FilePreview/index.js

@@ -1,49 +1,56 @@
-import { jsxs as a, jsx as i, Fragment as f } from "react/jsx-runtime";
-import { formatFileSize as d } from "../../../utils/format.js";
-import { CloudDownload as v } from "../../Icons/index.js";
-import { Button as w, Empty as h, Image as u } from "antd";
-import { normalizeFileDisplayItem as g, getFileIcon as N, getFileTypeName as y } from "../fileDisplay.js";
+import { jsxs as o, Fragment as y, jsx as i } from "react/jsx-runtime";
+import { formatFileSize as F } from "../../../utils/format.js";
+import { CloudDownload as N } from "../../Icons/index.js";
+import g from "../../Tag/SemanticTag.js";
+import { Button as T } from "antd";
+import { normalizeFileDisplayItem as b, getFileTypeName as z, getFileIcon as C } from "../fileDisplay.js";
+import { getPreviewKind as P, getFileTypeTagColor as U } from "../previewKind.js";
+import k from "./FilePreviewContent.js";
 import r from "./style.module.scss.js";
-import p from "classnames";
-function F(l, t) {
-  return t ?? l.url ?? l.thumbnailUrl;
+import t from "classnames";
+function x(l, n) {
+  return n ?? l.url ?? l.thumbnailUrl;
 }
-function o(l) {
-  var n;
-  if ((l.mimeType ?? "").startsWith("image/")) return !0;
-  const s = ((n = (l.name ?? "").split(".").pop()) == null ? void 0 : n.toLowerCase()) ?? "";
-  return ["png", "jpg", "jpeg", "gif", "webp", "svg"].includes(s);
-}
-const k = ({
+const E = ({
   file: l,
-  url: t,
-  unsupportedMessage: s = "暂不支持预览此文件类型",
-  title: n,
-  extra: c
+  url: n,
+  downloadUrl: p,
+  onDownload: a,
+  unsupportedMessage: c = "暂不支持预览此文件类型",
+  title: d,
+  extra: f
 }) => {
-  const e = g(l), m = F(e, t);
-  return /* @__PURE__ */ a("div", { className: p("file-preview", r["file-preview"]), children: [
-    /* @__PURE__ */ a("div", { className: p("file-preview-header", r["file-preview-header"]), children: [
-      /* @__PURE__ */ i("div", { className: p("file-preview-title", r["file-preview-title"]), children: n ?? /* @__PURE__ */ a(f, { children: [
-        /* @__PURE__ */ i("span", { className: r["file-preview-icon"], children: N(e.name, e.mimeType) }),
-        /* @__PURE__ */ i("span", { children: e.name }),
-        /* @__PURE__ */ a("span", { className: r["file-preview-meta"], children: [
-          y(e.name, e.mimeType),
-          e.size != null && ` · ${d(e.size)}`
-        ] })
-      ] }) }),
-      c,
-      m && /* @__PURE__ */ i(w, { type: "link", icon: /* @__PURE__ */ i(v, {}), href: m, target: "_blank", rel: "noreferrer", children: "下载" })
+  const e = b(l), s = x(e, n), m = p ?? s, v = !!(a || m), w = P(e), h = z(e.name, e.mimeType), u = () => {
+    if (a) {
+      a(e);
+      return;
+    }
+    m && window.open(m, "_blank", "noopener,noreferrer");
+  };
+  return /* @__PURE__ */ o("div", { className: t("file-preview", r["file-preview"]), children: [
+    /* @__PURE__ */ o("div", { className: t("file-preview-header", r["file-preview-header"]), children: [
+      d ?? /* @__PURE__ */ o(y, { children: [
+        /* @__PURE__ */ o("div", { className: r["file-preview-info"], children: [
+          /* @__PURE__ */ i("span", { className: r["file-preview-icon"], children: C(e.name, e.mimeType) }),
+          /* @__PURE__ */ i("span", { className: r["file-preview-name"], title: e.name, children: e.name }),
+          /* @__PURE__ */ i(g, { color: U(w), children: h }),
+          e.size != null && /* @__PURE__ */ i("span", { className: r["file-preview-size"], children: F(e.size) })
+        ] }),
+        v && /* @__PURE__ */ i(T, { type: "link", icon: /* @__PURE__ */ i(N, {}), onClick: u, children: "下载" })
+      ] }),
+      f
     ] }),
-    /* @__PURE__ */ a("div", { className: p("file-preview-body", r["file-preview-body"]), children: [
-      !m && /* @__PURE__ */ i(h, { description: "无可预览地址" }),
-      m && o(e) && /* @__PURE__ */ i(u, { src: m, alt: e.name, className: r["file-preview-image"] }),
-      m && !o(e) && /* @__PURE__ */ i("iframe", { src: m, title: e.name, className: r["file-preview-iframe"] }),
-      m && !o(l) && s && /* @__PURE__ */ i("p", { className: r["file-preview-unsupported"], children: s })
-    ] })
+    /* @__PURE__ */ i("div", { className: t("file-preview-body", r["file-preview-body"]), children: /* @__PURE__ */ i(
+      k,
+      {
+        file: e,
+        previewUrl: s,
+        unsupportedMessage: c
+      }
+    ) })
   ] });
 };
 export {
-  k as default
+  E as default
 };
 //# sourceMappingURL=index.js.map