@file-viewer/core 2.0.11 → 2.1.0

package/dist/renderers/code.js

@@ -1,233 +0,0 @@
-import { createFileViewerZoomChangeEmitter as createZoomChangeEmitter } from '../features/document/zoom.js';
-import { readFileViewerText as readText } from '../source/index.js';
-import { registerFileViewerZoomProvider, unregisterFileViewerZoomProvider } from '../features/document/dom/index.js';
-const languageMap = {
-    bash: 'bash',
-    c: 'cpp',
-    cc: 'cpp',
-    cjs: 'javascript',
-    cpp: 'cpp',
-    cs: 'csharp',
-    css: 'css',
-    diff: 'diff',
-    gv: 'plaintext',
-    go: 'go',
-    h: 'cpp',
-    hcl: 'plaintext',
-    hpp: 'cpp',
-    html: 'xml',
-    htm: 'xml',
-    http: 'http',
-    ini: 'ini',
-    ipynb: 'json',
-    java: 'java',
-    js: 'javascript',
-    json: 'json',
-    json5: 'json',
-    jsonc: 'json',
-    jsx: 'javascript',
-    kt: 'kotlin',
-    log: 'plaintext',
-    md: 'markdown',
-    markdown: 'markdown',
-    mjs: 'javascript',
-    php: 'php',
-    proto: 'protobuf',
-    py: 'python',
-    rb: 'ruby',
-    react: 'javascript',
-    rs: 'rust',
-    sh: 'bash',
-    sql: 'sql',
-    swift: 'swift',
-    tex: 'latex',
-    toml: 'ini',
-    ts: 'typescript',
-    tsx: 'typescript',
-    txt: 'plaintext',
-    vue: 'xml',
-    xml: 'xml',
-    yaml: 'yaml',
-    yml: 'yaml'
-};
-const languageLoaders = {
-    bash: () => import('highlight.js/lib/languages/bash'),
-    cpp: () => import('highlight.js/lib/languages/cpp'),
-    csharp: () => import('highlight.js/lib/languages/csharp'),
-    css: () => import('highlight.js/lib/languages/css'),
-    diff: () => import('highlight.js/lib/languages/diff'),
-    go: () => import('highlight.js/lib/languages/go'),
-    http: () => import('highlight.js/lib/languages/http'),
-    ini: () => import('highlight.js/lib/languages/ini'),
-    java: () => import('highlight.js/lib/languages/java'),
-    javascript: () => import('highlight.js/lib/languages/javascript'),
-    json: () => import('highlight.js/lib/languages/json'),
-    kotlin: () => import('highlight.js/lib/languages/kotlin'),
-    latex: () => import('highlight.js/lib/languages/latex'),
-    markdown: () => import('highlight.js/lib/languages/markdown'),
-    php: () => import('highlight.js/lib/languages/php'),
-    protobuf: () => import('highlight.js/lib/languages/protobuf'),
-    python: () => import('highlight.js/lib/languages/python'),
-    ruby: () => import('highlight.js/lib/languages/ruby'),
-    rust: () => import('highlight.js/lib/languages/rust'),
-    sql: () => import('highlight.js/lib/languages/sql'),
-    swift: () => import('highlight.js/lib/languages/swift'),
-    typescript: () => import('highlight.js/lib/languages/typescript'),
-    xml: () => import('highlight.js/lib/languages/xml'),
-    yaml: () => import('highlight.js/lib/languages/yaml')
-};
-const codeStyle = `
-.code-viewer{min-height:100%;--code-bg:#f6f8fa;--code-toolbar-bg:rgba(255,255,255,.92);--code-border:rgba(31,35,40,.12);--code-text:#24292f;--code-muted:#57606a;--code-keyword:#cf222e;--code-title:#8250df;--code-string:#0a3069;--code-number:#0550ae;--code-comment:#6e7781;--code-attr:#953800;--code-built-in:#116329;background:var(--code-bg);color:var(--code-text);box-sizing:border-box}
-.code-toolbar{position:sticky;top:0;z-index:1;display:flex;height:42px;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-bottom:1px solid var(--code-border);background:var(--code-toolbar-bg);backdrop-filter:blur(12px);box-sizing:border-box}
-.code-toolbar span,.code-toolbar strong{color:var(--code-muted);font-size:12px;font-weight:700;letter-spacing:0}
-.code-area{display:block;min-width:min-content;margin:0;padding:18px 20px 28px;overflow:auto;background:transparent;box-sizing:border-box}
-.code-area code{display:block;padding:0;overflow:visible;background:transparent;color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono',monospace;font-size:var(--code-font-size,13px);line-height:1.7;tab-size:2;white-space:pre}
-.code-area .hljs-comment,.code-area .hljs-quote{color:var(--code-comment)}
-.code-area .hljs-keyword,.code-area .hljs-selector-tag,.code-area .hljs-subst{color:var(--code-keyword)}
-.code-area .hljs-string,.code-area .hljs-doctag,.code-area .hljs-regexp{color:var(--code-string)}
-.code-area .hljs-title,.code-area .hljs-section,.code-area .hljs-selector-id{color:var(--code-title);font-weight:700}
-.code-area .hljs-number,.code-area .hljs-literal,.code-area .hljs-variable,.code-area .hljs-template-variable{color:var(--code-number)}
-.code-area .hljs-attr,.code-area .hljs-attribute,.code-area .hljs-name,.code-area .hljs-selector-class{color:var(--code-attr)}
-.code-area .hljs-built_in,.code-area .hljs-type,.code-area .hljs-class .hljs-title{color:var(--code-built-in)}
-.file-viewer[data-viewer-theme='dark'] .code-viewer{--code-bg:#0d1117;--code-toolbar-bg:rgba(13,17,23,.92);--code-border:rgba(139,148,158,.24);--code-text:#e6edf3;--code-muted:#8b949e;--code-keyword:#ff7b72;--code-title:#d2a8ff;--code-string:#a5d6ff;--code-number:#79c0ff;--code-comment:#8b949e;--code-attr:#ffa657;--code-built-in:#7ee787}
-@media (prefers-color-scheme:dark){.file-viewer[data-viewer-theme='system'] .code-viewer{--code-bg:#0d1117;--code-toolbar-bg:rgba(13,17,23,.92);--code-border:rgba(139,148,158,.24);--code-text:#e6edf3;--code-muted:#8b949e;--code-keyword:#ff7b72;--code-title:#d2a8ff;--code-string:#a5d6ff;--code-number:#79c0ff;--code-comment:#8b949e;--code-attr:#ffa657;--code-built-in:#7ee787}}
-`;
-let highlighterPromise = null;
-const registeredLanguages = new Set();
-const createElement = (tagName, className, text) => {
-    const element = document.createElement(tagName);
-    if (className) {
-        element.className = className;
-    }
-    if (typeof text === 'string') {
-        element.textContent = text;
-    }
-    return element;
-};
-const createStyle = () => {
-    const style = document.createElement('style');
-    style.textContent = codeStyle;
-    return style;
-};
-const resolveLanguage = (type) => {
-    return languageMap[type.trim().toLowerCase()] || 'plaintext';
-};
-const escapeHtml = (value) => {
-    return value.replace(/[&<>"']/g, char => {
-        const entities = {
-            '&': '&amp;',
-            '<': '&lt;',
-            '>': '&gt;',
-            '"': '&quot;',
-            "'": '&#39;'
-        };
-        return entities[char];
-    });
-};
-const loadHighlighter = async () => {
-    if (!highlighterPromise) {
-        highlighterPromise = import('highlight.js/lib/core').then(module => module.default);
-    }
-    return highlighterPromise;
-};
-const registerLanguageOnce = async (hljs, name) => {
-    if (registeredLanguages.has(name)) {
-        return true;
-    }
-    const loader = languageLoaders[name];
-    if (!loader) {
-        return false;
-    }
-    const { default: language } = await loader();
-    hljs.registerLanguage(name, language);
-    registeredLanguages.add(name);
-    return true;
-};
-const clampZoom = (value) => {
-    return Math.min(2.6, Math.max(0.6, Number(value.toFixed(2))));
-};
-const lineCountOf = (value) => {
-    return value.split(/\r\n|\r|\n/).length;
-};
-/**
- * Framework-neutral text/code renderer.
- *
- * highlight.js core and language definitions are loaded lazily by format. HTML
- * and XML are highlighted as escaped source text, never executed as real DOM.
- * @param buffer 文本二进制内容
- * @param target 目标
- * @param type 文件扩展名，用于选择 highlight.js 语言
- */
-export default async function renderText(buffer, target, type) {
-    const text = await readText(buffer);
-    const extension = type || 'txt';
-    const language = resolveLanguage(extension);
-    let disposed = false;
-    let zoom = 1;
-    const zoomEmitter = createZoomChangeEmitter();
-    const root = createElement('div', 'code-viewer');
-    root.dataset.viewerZoomProvider = 'code';
-    const toolbar = createElement('div', 'code-toolbar');
-    toolbar.append(createElement('span', '', extension.toUpperCase()), createElement('strong', '', `${lineCountOf(text)} lines`));
-    const pre = createElement('pre', 'code-area');
-    const code = createElement('code', `hljs language-${language}`);
-    code.innerHTML = language === 'plaintext'
-        ? escapeHtml(text)
-        : '正在加载高亮...';
-    pre.append(code);
-    root.append(toolbar, pre);
-    root.style.setProperty('--code-font-size', `${13 * zoom}px`);
-    target.replaceChildren(createStyle(), root);
-    const updateHighlighted = async () => {
-        if (language === 'plaintext') {
-            return;
-        }
-        try {
-            const hljs = await loadHighlighter();
-            const hasLanguage = await registerLanguageOnce(hljs, language);
-            if (disposed) {
-                return;
-            }
-            code.innerHTML = hasLanguage
-                ? hljs.highlight(text, { language, ignoreIllegals: true }).value
-                : escapeHtml(text);
-        }
-        catch {
-            if (!disposed) {
-                code.innerHTML = escapeHtml(text);
-            }
-        }
-    };
-    void updateHighlighted();
-    const getZoomState = () => ({
-        scale: zoom,
-        label: `${Math.round(zoom * 100)}%`,
-        canZoomIn: zoom < 2.6,
-        canZoomOut: zoom > 0.6,
-        canReset: zoom !== 1,
-        minScale: 0.6,
-        maxScale: 2.6
-    });
-    const setZoom = (scale) => {
-        zoom = clampZoom(scale);
-        root.style.setProperty('--code-font-size', `${13 * zoom}px`);
-        zoomEmitter.emit();
-        return getZoomState();
-    };
-    registerFileViewerZoomProvider(root, {
-        zoomIn: () => setZoom(zoom + 0.1),
-        zoomOut: () => setZoom(zoom - 0.1),
-        resetZoom: () => setZoom(1),
-        setZoom,
-        getState: getZoomState,
-        subscribe: zoomEmitter.subscribe
-    });
-    return {
-        $el: target,
-        unmount() {
-            disposed = true;
-            unregisterFileViewerZoomProvider(root);
-            target.replaceChildren();
-        }
-    };
-}

package/dist/renderers/data.d.ts

@@ -1,7 +0,0 @@
-import type { FileRenderContext, FileViewerRenderedInstance } from '../contracts/types';
-declare global {
-    interface Window {
-        __FLYFISH_DATA_SQL_WASM_URL__?: string;
-    }
-}
-export default function renderDataAsset(buffer: ArrayBuffer, target: HTMLDivElement, type?: string, context?: FileRenderContext): Promise<FileViewerRenderedInstance>;

package/dist/renderers/data.js

@@ -1,370 +0,0 @@
-import { resolveFileViewerDataSqlWasmUrl } from '../platform/assets.js';
-const dataStyle = `
-.data-viewer{min-height:100%;padding:28px;background:#eef1f4;color:#132235}
-.data-card{max-width:1080px;margin:0 auto;overflow:hidden;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.12)}
-.data-header{padding:20px 24px;border-bottom:1px solid rgba(15,23,42,.08)}
-.data-header span{color:#0f766e;font-size:12px;font-weight:800}
-.data-header h2{margin:6px 0 0;font-size:24px}
-.data-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:rgba(15,23,42,.08)}
-.data-summary div{min-width:0;padding:15px 18px;background:#f8fafc}
-.data-summary span{display:block;color:#64748b;font-size:12px}
-.data-summary strong{display:block;margin-top:5px;overflow:hidden;color:#132235;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
-.font-preview{padding:34px 28px;border-top:1px solid rgba(15,23,42,.08);font-size:42px;line-height:1.45;word-break:break-word}
-.asset-image{padding:24px;border-top:1px solid rgba(15,23,42,.08);background:#f8fafc;text-align:center}
-.asset-image img{max-width:100%;max-height:70vh;box-shadow:0 10px 30px rgba(15,23,42,.16)}
-.asset-text{margin:0;padding:18px 24px;overflow:auto;border-top:1px solid rgba(15,23,42,.08);background:#111827;color:#e5e7eb;font-size:13px;line-height:1.7}
-.data-table-wrap{max-height:520px;overflow:auto;border-top:1px solid rgba(15,23,42,.08)}
-.data-table{width:100%;border-collapse:collapse;font-size:13px}
-.data-table th,.data-table td{max-width:260px;padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.08);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}
-.data-table th{position:sticky;top:0;background:#f8fafc;color:#64748b;z-index:1}
-`;
-const fontMimeMap = {
-    otf: 'font/otf',
-    ttf: 'font/ttf',
-    woff: 'font/woff',
-    woff2: 'font/woff2',
-};
-const sampleText = 'Flyfish Viewer 轻量预览 AaBbCc 1234567890';
-const createStyle = (documentRef) => {
-    const style = documentRef.createElement('style');
-    style.textContent = dataStyle;
-    return style;
-};
-const createElement = (documentRef, tagName, className, text) => {
-    const element = documentRef.createElement(tagName);
-    if (className) {
-        element.className = className;
-    }
-    if (text !== undefined) {
-        element.textContent = text;
-    }
-    return element;
-};
-const formatBytes = (value) => {
-    if (value < 1024) {
-        return `${value} B`;
-    }
-    if (value < 1024 * 1024) {
-        return `${(value / 1024).toFixed(1)} KB`;
-    }
-    return `${(value / 1024 / 1024).toFixed(1)} MB`;
-};
-const makeRows = (rows) => {
-    return rows.slice(0, 30).map(row => {
-        const next = {};
-        Object.entries(row).slice(0, 24).forEach(([key, value]) => {
-            if (typeof value === 'bigint') {
-                next[key] = value.toString();
-            }
-            else if (value instanceof Uint8Array) {
-                next[key] = `[bytes:${value.byteLength}]`;
-            }
-            else if (value && typeof value === 'object') {
-                next[key] = JSON.stringify(value).slice(0, 180);
-            }
-            else {
-                next[key] = value;
-            }
-        });
-        return next;
-    });
-};
-const extractReadableText = (buffer, max = 8000) => {
-    const bytes = new Uint8Array(buffer);
-    const ascii = Array.from(bytes.slice(0, Math.min(bytes.length, max)))
-        .map(byte => (byte >= 32 && byte <= 126) || byte === 10 || byte === 13 || byte === 9
-        ? String.fromCharCode(byte)
-        : ' ')
-        .join('')
-        .replace(/[ \t]{3,}/g, ' ');
-    return ascii.trim().slice(0, max);
-};
-const readMagic = (buffer, length = 12) => {
-    return String.fromCharCode(...new Uint8Array(buffer.slice(0, length)));
-};
-const imageDataToUrl = (documentRef, imageData) => {
-    const canvas = documentRef.createElement('canvas');
-    canvas.width = imageData.width;
-    canvas.height = imageData.height;
-    const context = canvas.getContext('2d');
-    context === null || context === void 0 ? void 0 : context.putImageData(imageData, 0, 0);
-    return canvas.toDataURL('image/png');
-};
-const getWindowSqlWasmOverride = (documentRef) => {
-    var _a;
-    return ((_a = documentRef.defaultView) === null || _a === void 0 ? void 0 : _a.__FLYFISH_DATA_SQL_WASM_URL__) ||
-        (typeof window !== 'undefined' ? window.__FLYFISH_DATA_SQL_WASM_URL__ : undefined);
-};
-const renderFont = async (documentRef, buffer, type) => {
-    var _a;
-    const family = `FlyfishPreviewFont-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-    const ownerWindow = documentRef.defaultView || (typeof window !== 'undefined' ? window : undefined);
-    const FontFaceConstructor = (ownerWindow === null || ownerWindow === void 0 ? void 0 : ownerWindow.FontFace) || (typeof FontFace !== 'undefined' ? FontFace : undefined);
-    if (!FontFaceConstructor) {
-        throw new Error('当前浏览器不支持 FontFace API');
-    }
-    const face = new FontFaceConstructor(family, buffer);
-    await face.load();
-    (_a = documentRef.fonts) === null || _a === void 0 ? void 0 : _a.add(face);
-    return {
-        title: '字体文件预览',
-        fontFamily: family,
-        summary: [
-            { label: '格式', value: type.toUpperCase() },
-            { label: '大小', value: formatBytes(buffer.byteLength) },
-            { label: '渲染方式', value: 'Browser FontFace API' },
-        ],
-    };
-};
-const renderPsd = async (documentRef, buffer) => {
-    var _a;
-    const { readPsd } = await import('ag-psd');
-    const psd = readPsd(buffer, { useImageData: true });
-    const image = psd.imageData ? imageDataToUrl(documentRef, psd.imageData) : undefined;
-    return {
-        title: 'PSD 图像结构预览',
-        image,
-        summary: [
-            { label: '画布', value: `${psd.width || 0} x ${psd.height || 0}` },
-            { label: '图层', value: String(((_a = psd.children) === null || _a === void 0 ? void 0 : _a.length) || 0) },
-            { label: '渲染方式', value: 'ag-psd' },
-        ],
-        rows: makeRows((psd.children || []).map((layer) => ({
-            name: layer.name || '-',
-            left: layer.left,
-            top: layer.top,
-            right: layer.right,
-            bottom: layer.bottom,
-            hidden: Boolean(layer.hidden),
-        }))),
-    };
-};
-const renderSqlite = async (documentRef, buffer, context) => {
-    var _a, _b, _c;
-    const { default: initSqlJs } = await import('sql.js');
-    const sqlWasmUrl = resolveFileViewerDataSqlWasmUrl((_a = context === null || context === void 0 ? void 0 : context.options) === null || _a === void 0 ? void 0 : _a.data, [
-        getWindowSqlWasmOverride(documentRef),
-    ], documentRef.baseURI);
-    const SQL = await initSqlJs({ locateFile: () => sqlWasmUrl });
-    const db = new SQL.Database(new Uint8Array(buffer));
-    try {
-        const tableResult = db.exec("select name, type from sqlite_master where type in ('table','view') and name not like 'sqlite_%' order by type, name");
-        const tables = ((_b = tableResult[0]) === null || _b === void 0 ? void 0 : _b.values) || [];
-        const firstTable = String(((_c = tables[0]) === null || _c === void 0 ? void 0 : _c[0]) || '');
-        const rows = firstTable
-            ? db.exec(`select * from "${firstTable.replace(/"/g, '""')}" limit 30`)[0]
-            : null;
-        return {
-            title: 'SQLite 数据库预览',
-            summary: [
-                { label: '对象数', value: String(tables.length) },
-                { label: '示例表', value: firstTable || '-' },
-                { label: '渲染方式', value: 'sql.js WASM' },
-            ],
-            rows: rows
-                ? makeRows(rows.values.map((values) => Object.fromEntries(rows.columns.map((column, index) => [column, values[index]]))))
-                : makeRows(tables.map((value) => ({ name: value[0], type: value[1] }))),
-        };
-    }
-    finally {
-        db.close();
-    }
-};
-const renderParquet = async (buffer) => {
-    var _a, _b, _c;
-    const { parquetMetadataAsync, parquetReadObjects } = await import('hyparquet');
-    const file = {
-        byteLength: buffer.byteLength,
-        slice: (start, end) => buffer.slice(start, end),
-    };
-    const metadata = await parquetMetadataAsync(file);
-    const rows = await parquetReadObjects({ file, rowFormat: 'object', rowEnd: 30 });
-    return {
-        title: 'Parquet 列式数据预览',
-        summary: [
-            { label: '行数', value: ((_b = (_a = metadata.num_rows) === null || _a === void 0 ? void 0 : _a.toString) === null || _b === void 0 ? void 0 : _b.call(_a)) || '-' },
-            { label: '列数', value: String(((_c = metadata.schema) === null || _c === void 0 ? void 0 : _c.filter(item => item.name).length) || 0) },
-            { label: '渲染方式', value: 'hyparquet' },
-        ],
-        rows: makeRows(rows),
-    };
-};
-const renderAvro = async (buffer) => {
-    const avro = await import('avsc/etc/browser/avsc.js');
-    const decoder = avro.createBlobDecoder(new Blob([buffer]));
-    const rows = [];
-    let schema = '';
-    await new Promise((resolve, reject) => {
-        decoder.on('metadata', (type) => {
-            var _a;
-            schema = ((_a = type === null || type === void 0 ? void 0 : type.toString) === null || _a === void 0 ? void 0 : _a.call(type)) || '';
-        });
-        decoder.on('data', (value) => {
-            if (rows.length < 30) {
-                rows.push(value);
-            }
-        });
-        decoder.on('end', resolve);
-        decoder.on('error', reject);
-    });
-    return {
-        title: 'Avro 对象容器预览',
-        summary: [
-            { label: '示例行', value: String(rows.length) },
-            { label: 'Schema', value: schema ? '已读取' : '未读取' },
-            { label: '渲染方式', value: 'avsc' },
-        ],
-        rows: makeRows(rows),
-        text: schema.slice(0, 6000),
-    };
-};
-const renderWasm = async (buffer) => {
-    const module = await WebAssembly.compile(buffer.slice(0));
-    const imports = WebAssembly.Module.imports(module);
-    const exports = WebAssembly.Module.exports(module);
-    return {
-        title: 'WebAssembly 模块预览',
-        summary: [
-            { label: '导入', value: String(imports.length) },
-            { label: '导出', value: String(exports.length) },
-            { label: '渲染方式', value: 'WebAssembly.Module' },
-        ],
-        rows: makeRows([
-            ...imports.map(item => ({ kind: 'import', module: item.module, name: item.name, type: item.kind })),
-            ...exports.map(item => ({ kind: 'export', module: '-', name: item.name, type: item.kind })),
-        ]),
-    };
-};
-const renderPostScriptLike = async (buffer, type) => ({
-    title: type === 'eps' ? 'EPS 矢量文件摘要' : 'Illustrator 文件摘要',
-    summary: [
-        { label: 'Magic', value: readMagic(buffer).replace(/\s/g, ' ') },
-        { label: '大小', value: formatBytes(buffer.byteLength) },
-        { label: '说明', value: type === 'ai' ? '非 PDF-compatible AI 按摘要展示' : 'PostScript 摘要展示' },
-    ],
-    text: extractReadableText(buffer),
-});
-const renderWebArchive = async (buffer) => ({
-    title: 'WebArchive 摘要预览',
-    summary: [
-        { label: '容器', value: readMagic(buffer).startsWith('bplist') ? 'Binary plist' : 'WebArchive' },
-        { label: '大小', value: formatBytes(buffer.byteLength) },
-        { label: '说明', value: '安全提取可读片段，不执行网页脚本' },
-    ],
-    text: extractReadableText(buffer),
-});
-const buildPreview = async (documentRef, buffer, type, context) => {
-    if (type in fontMimeMap) {
-        return renderFont(documentRef, buffer, type);
-    }
-    if (type === 'psd') {
-        return renderPsd(documentRef, buffer);
-    }
-    if (type === 'sqlite') {
-        return renderSqlite(documentRef, buffer, context);
-    }
-    if (type === 'parquet') {
-        return renderParquet(buffer);
-    }
-    if (type === 'avro') {
-        return renderAvro(buffer);
-    }
-    if (type === 'wasm') {
-        return renderWasm(buffer);
-    }
-    if (type === 'ai' || type === 'eps') {
-        return renderPostScriptLike(buffer, type);
-    }
-    if (type === 'webarchive') {
-        return renderWebArchive(buffer);
-    }
-    return {
-        title: '数据资产摘要',
-        summary: [
-            { label: '格式', value: type.toUpperCase() },
-            { label: '大小', value: formatBytes(buffer.byteLength) },
-        ],
-        text: extractReadableText(buffer),
-    };
-};
-const appendSummary = (documentRef, parent, summary) => {
-    const summaryRoot = createElement(documentRef, 'div', 'data-summary');
-    summary.forEach(item => {
-        const cell = createElement(documentRef, 'div');
-        cell.append(createElement(documentRef, 'span', undefined, item.label), createElement(documentRef, 'strong', undefined, item.value));
-        summaryRoot.appendChild(cell);
-    });
-    parent.appendChild(summaryRoot);
-};
-const appendRows = (documentRef, parent, rows) => {
-    if (!(rows === null || rows === void 0 ? void 0 : rows.length)) {
-        return;
-    }
-    const keys = Object.keys(rows[0]);
-    const wrap = createElement(documentRef, 'div', 'data-table-wrap');
-    const table = createElement(documentRef, 'table', 'data-table');
-    const thead = createElement(documentRef, 'thead');
-    const headRow = createElement(documentRef, 'tr');
-    keys.forEach(key => {
-        headRow.appendChild(createElement(documentRef, 'th', undefined, key));
-    });
-    thead.appendChild(headRow);
-    const tbody = createElement(documentRef, 'tbody');
-    rows.forEach(row => {
-        const tr = createElement(documentRef, 'tr');
-        keys.forEach(key => {
-            var _a;
-            tr.appendChild(createElement(documentRef, 'td', undefined, String((_a = row[key]) !== null && _a !== void 0 ? _a : '')));
-        });
-        tbody.appendChild(tr);
-    });
-    table.append(thead, tbody);
-    wrap.appendChild(table);
-    parent.appendChild(wrap);
-};
-const renderPreviewDom = (documentRef, preview, type) => {
-    const root = createElement(documentRef, 'div', 'data-viewer');
-    const card = createElement(documentRef, 'section', 'data-card');
-    const header = createElement(documentRef, 'header', 'data-header');
-    header.append(createElement(documentRef, 'span', undefined, type.toUpperCase()), createElement(documentRef, 'h2', undefined, preview.title));
-    card.appendChild(header);
-    appendSummary(documentRef, card, preview.summary);
-    if (preview.fontFamily) {
-        const fontPreview = createElement(documentRef, 'div', 'font-preview', sampleText);
-        fontPreview.style.fontFamily = preview.fontFamily;
-        card.appendChild(fontPreview);
-    }
-    if (preview.image) {
-        const imageWrap = createElement(documentRef, 'div', 'asset-image');
-        const image = createElement(documentRef, 'img');
-        image.src = preview.image;
-        image.alt = '资产预览';
-        imageWrap.appendChild(image);
-        card.appendChild(imageWrap);
-    }
-    if (preview.text) {
-        card.appendChild(createElement(documentRef, 'pre', 'asset-text', preview.text));
-    }
-    appendRows(documentRef, card, preview.rows);
-    root.appendChild(card);
-    return root;
-};
-export default async function renderDataAsset(buffer, target, type = 'bin', context) {
-    const documentRef = target.ownerDocument || document;
-    const normalizedType = type.toLowerCase();
-    if (normalizedType === 'ai' && readMagic(buffer, 5) === '%PDF-' && (context === null || context === void 0 ? void 0 : context.renderNestedBuffer)) {
-        const rendered = await context.renderNestedBuffer(buffer, 'pdf', target, context);
-        if (rendered) {
-            return rendered;
-        }
-    }
-    const preview = await buildPreview(documentRef, buffer, normalizedType, context);
-    const root = renderPreviewDom(documentRef, preview, normalizedType);
-    target.replaceChildren(createStyle(documentRef), root);
-    return {
-        $el: root,
-        unmount() {
-            target.replaceChildren();
-        },
-    };
-}

package/dist/renderers/drawing.d.ts

@@ -1,10 +0,0 @@
-import type { FileRenderContext, FileViewerRenderedInstance } from '../contracts/types';
-declare global {
-    interface Window {
-        GraphViewer?: {
-            createViewerForElement: (element: HTMLElement, callback?: (viewer: unknown) => void) => unknown;
-            processElements: (className?: string) => void;
-        };
-    }
-}
-export default function renderDrawing(buffer: ArrayBuffer, target: HTMLDivElement, type?: string, context?: FileRenderContext): Promise<FileViewerRenderedInstance>;