@lokvis/ui-react 0.1.0 → 0.2.0

package/dist/components/CompareSlider.d.ts

@@ -0,0 +1,25 @@
+/**
+ * CompareSlider - before/after 对比滑块(W9.4)
+ *
+ * 把输入资产(原)与输出资产(处理后)叠加展示,通过可拖拽的分隔条左右揭示
+ * before / after 两张图。用于直观展示工作流处理效果。
+ *
+ * 交互:
+ *   - 鼠标拖拽分隔条(或点击容器任意位置)调整揭示比例
+ *   - 触摸:touchmove 同步
+ *   - 键盘:← → 调整 5% 步长(聚焦分隔条时)
+ *
+ * 数据来源:
+ *   - before: `store.selectedAssetId` 对应的 thumbnails(由 AssetPanel 自动生成)
+ *   - after: `store.selectedOutputId` 对应的 thumbnails
+ *   - 任一缺失则不渲染(返回 null)
+ *
+ * 注:本组件只负责"展示对比",不负责生成缩略图。缩略图由 AssetPanel
+ * 的 effect 统一生成并存入 store.thumbnails,本组件按 assetId 取用。
+ */
+import * as React from 'react';
+export interface CompareSliderProps {
+    className?: string;
+}
+export declare function CompareSlider({ className }: CompareSliderProps): React.JSX.Element | null;
+//# sourceMappingURL=CompareSlider.d.ts.map

package/dist/components/CompareSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompareSlider.d.ts","sourceRoot":"","sources":["../../src/components/CompareSlider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAc,EAAE,EAAE,kBAAkB,4BA6JnE"}

package/dist/components/CompareSlider.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * CompareSlider - before/after 对比滑块(W9.4)
+ *
+ * 把输入资产(原)与输出资产(处理后)叠加展示,通过可拖拽的分隔条左右揭示
+ * before / after 两张图。用于直观展示工作流处理效果。
+ *
+ * 交互:
+ *   - 鼠标拖拽分隔条(或点击容器任意位置)调整揭示比例
+ *   - 触摸:touchmove 同步
+ *   - 键盘:← → 调整 5% 步长(聚焦分隔条时)
+ *
+ * 数据来源:
+ *   - before: `store.selectedAssetId` 对应的 thumbnails(由 AssetPanel 自动生成)
+ *   - after: `store.selectedOutputId` 对应的 thumbnails
+ *   - 任一缺失则不渲染(返回 null)
+ *
+ * 注:本组件只负责"展示对比",不负责生成缩略图。缩略图由 AssetPanel
+ * 的 effect 统一生成并存入 store.thumbnails,本组件按 assetId 取用。
+ */
+import * as React from 'react';
+import { Icon } from '@lokvis/ui-core';
+import { useWorkspaceStore } from '../store/index.js';
+export function CompareSlider({ className = '' }) {
+    const assets = useWorkspaceStore((s) => s.assets);
+    const thumbnails = useWorkspaceStore((s) => s.thumbnails);
+    const selectedAssetId = useWorkspaceStore((s) => s.selectedAssetId);
+    const selectedOutputId = useWorkspaceStore((s) => s.selectedOutputId);
+    const lastOutputIds = useWorkspaceStore((s) => s.lastOutputIds);
+    // before:用户选中的输入资产;after:用户选中的输出资产(默认第一个)
+    const beforeId = selectedAssetId;
+    const afterId = selectedOutputId ?? lastOutputIds[0] ?? null;
+    const beforeAsset = beforeId ? assets.find((a) => a.id === beforeId) : null;
+    const afterAsset = afterId ? assets.find((a) => a.id === afterId) : null;
+    const beforeUrl = beforeId ? thumbnails[beforeId] : undefined;
+    const afterUrl = afterId ? thumbnails[afterId] : undefined;
+    const containerRef = React.useRef(null);
+    const [pos, setPos] = React.useState(50); // 0-100,分隔条位置百分比
+    const [dragging, setDragging] = React.useState(false);
+    // 切换资产时重置位置到中央
+    React.useEffect(() => {
+        setPos(50);
+    }, [beforeId, afterId]);
+    const updatePos = React.useCallback((clientX) => {
+        const el = containerRef.current;
+        if (!el)
+            return;
+        const rect = el.getBoundingClientRect();
+        const ratio = (clientX - rect.left) / rect.width;
+        setPos(Math.max(0, Math.min(100, ratio * 100)));
+    }, []);
+    // 鼠标拖拽
+    const handleMouseDown = (e) => {
+        e.preventDefault();
+        setDragging(true);
+        updatePos(e.clientX);
+    };
+    React.useEffect(() => {
+        if (!dragging)
+            return;
+        const onMove = (e) => updatePos(e.clientX);
+        const onUp = () => setDragging(false);
+        document.addEventListener('mousemove', onMove);
+        document.addEventListener('mouseup', onUp);
+        return () => {
+            document.removeEventListener('mousemove', onMove);
+            document.removeEventListener('mouseup', onUp);
+        };
+    }, [dragging, updatePos]);
+    // 触摸拖拽
+    const handleTouchStart = (e) => {
+        setDragging(true);
+        if (e.touches[0])
+            updatePos(e.touches[0].clientX);
+    };
+    React.useEffect(() => {
+        if (!dragging)
+            return;
+        const onMove = (e) => {
+            if (e.touches[0])
+                updatePos(e.touches[0].clientX);
+        };
+        const onEnd = () => setDragging(false);
+        document.addEventListener('touchmove', onMove, { passive: true });
+        document.addEventListener('touchend', onEnd);
+        return () => {
+            document.removeEventListener('touchmove', onMove);
+            document.removeEventListener('touchend', onEnd);
+        };
+    }, [dragging, updatePos]);
+    // 键盘:← → 调整 5%
+    const handleKeyDown = (e) => {
+        if (e.key === 'ArrowLeft') {
+            e.preventDefault();
+            setPos((p) => Math.max(0, p - 5));
+        }
+        else if (e.key === 'ArrowRight') {
+            e.preventDefault();
+            setPos((p) => Math.min(100, p + 5));
+        }
+    };
+    if (!beforeUrl || !afterUrl)
+        return null;
+    return (_jsxs("div", { ref: containerRef, className: `relative select-none overflow-hidden rounded-lg ring-1 ring-black/5 dark:ring-black/30 ${className}`, onMouseDown: handleMouseDown, onTouchStart: handleTouchStart, children: [_jsx("img", { src: afterUrl, alt: "After", draggable: false, className: "block max-h-full max-w-full object-contain pointer-events-none" }), _jsx("div", { className: "absolute inset-0", style: { clipPath: `inset(0 ${100 - pos}% 0 0)` }, children: _jsx("img", { src: beforeUrl, alt: "Before", draggable: false, className: "block max-h-full max-w-full object-contain pointer-events-none" }) }), _jsx("span", { className: "absolute top-2 left-2 rounded bg-black/60 px-1.5 py-0.5 text-[10px] font-medium text-white", children: "Before" }), _jsx("span", { className: "absolute top-2 right-2 rounded bg-black/60 px-1.5 py-0.5 text-[10px] font-medium text-white", children: "After" }), _jsxs("div", { className: "absolute top-0 bottom-0 z-10 cursor-ew-resize", style: { left: `${pos}%`, transform: 'translateX(-50%)' }, role: "separator", "aria-valuenow": Math.round(pos), "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "Comparison slider position", tabIndex: 0, onKeyDown: handleKeyDown, children: [_jsx("div", { className: "absolute inset-y-0 left-1/2 w-0.5 -translate-x-1/2 bg-white shadow-md" }), _jsx("div", { className: "absolute top-1/2 left-1/2 flex h-8 w-8 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-white shadow-lg ring-1 ring-black/10", children: _jsx(Icon, { size: 14, className: "text-zinc-600", children: _jsx("path", { d: "M9 5l-5 7 5 7M15 5l5 7-5 7" }) }) })] }), (beforeAsset || afterAsset) && (_jsxs("div", { className: "absolute bottom-2 inset-x-2 flex justify-between text-[10px] text-white", children: [beforeAsset?.metadata.dimensions && (_jsxs("span", { className: "rounded bg-black/60 px-1.5 py-0.5", children: [beforeAsset.metadata.dimensions.width, "\u00D7", beforeAsset.metadata.dimensions.height] })), afterAsset?.metadata.dimensions && (_jsxs("span", { className: "rounded bg-black/60 px-1.5 py-0.5", children: [afterAsset.metadata.dimensions.width, "\u00D7", afterAsset.metadata.dimensions.height] }))] }))] }));
+}
+//# sourceMappingURL=CompareSlider.js.map

package/dist/components/CompareSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompareSlider.js","sourceRoot":"","sources":["../../src/components/CompareSlider.tsx"],"names":[],"mappings":"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"}

package/dist/components/DownloadPanel.d.ts

@@ -0,0 +1,20 @@
+/**
+ * DownloadPanel - 工作流输出下载面板(W9.5)
+ *
+ * 展示上次工作流执行的输出资产,提供:
+ *   - 单项下载(从 runtime.exportAsset 取 blob,触发浏览器下载)
+ *   - 全部下载(逐项触发,BATCH_DOWNLOAD_DELAY_MS 间隔,避免浏览器拦截;长期方案见该常量注释)
+ *   - 清空输出列表
+ *
+ * 与 apps/playground 的 DownloadManager(独立工具页)不同:本组件是 Workspace
+ * 内嵌的轻量面板,数据来自 store.lastOutputIds(由 workflow-slice.run 写入)。
+ *
+ * 下载命名:`lokvis-output-{assetId前8位}.{ext}`,简洁且避免覆盖。
+ * 不引入 JSZip(需新增依赖),用浏览器原生 downloadBlob 实现。
+ */
+import * as React from 'react';
+export interface DownloadPanelProps {
+    className?: string;
+}
+export declare function DownloadPanel({ className }: DownloadPanelProps): React.JSX.Element | null;
+//# sourceMappingURL=DownloadPanel.d.ts.map

package/dist/components/DownloadPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadPanel.d.ts","sourceRoot":"","sources":["../../src/components/DownloadPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4CD,wBAAgB,aAAa,CAAC,EAAE,SAAc,EAAE,EAAE,kBAAkB,4BA0LnE"}

package/dist/components/DownloadPanel.js

@@ -0,0 +1,169 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DownloadPanel - 工作流输出下载面板(W9.5)
+ *
+ * 展示上次工作流执行的输出资产,提供:
+ *   - 单项下载(从 runtime.exportAsset 取 blob,触发浏览器下载)
+ *   - 全部下载(逐项触发,BATCH_DOWNLOAD_DELAY_MS 间隔,避免浏览器拦截;长期方案见该常量注释)
+ *   - 清空输出列表
+ *
+ * 与 apps/playground 的 DownloadManager(独立工具页)不同:本组件是 Workspace
+ * 内嵌的轻量面板,数据来自 store.lastOutputIds(由 workflow-slice.run 写入)。
+ *
+ * 下载命名:`lokvis-output-{assetId前8位}.{ext}`,简洁且避免覆盖。
+ * 不引入 JSZip(需新增依赖),用浏览器原生 downloadBlob 实现。
+ */
+import * as React from 'react';
+import { Icon } from '@lokvis/ui-core';
+import { useWorkspaceStore } from '../store/index.js';
+/** 格式化字节数 */
+function formatBytes(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
+}
+/**
+ * 批量下载时每项之间的延迟毫秒数。
+ *
+ * 短期方案:浏览器(尤其 Chrome)会拦截同一 tick 内触发的多个 programmatic
+ * `<a download>` 点击,把第一个之后的视为"非用户手势"弹窗拦截。两次下载之间
+ * 插入小延迟可绕过该启发式判定。该值是经验值,不是规范要求 —— 不同浏览器
+ * 版本行为可能变化。
+ *
+ * 长期方案:用 JSZip 将多个输出打包成单个 ZIP 下载(只需一次用户手势)。
+ * 本组件暂未引入 JSZip 依赖(见文件头注释),待 M2 引入 archive capability 后
+ * 一并迁移,届时可移除此常量与 sleep 调用。
+ */
+const BATCH_DOWNLOAD_DELAY_MS = 200;
+const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+/** 从扩展名或 mime 推断下载扩展名 */
+function extFromMime(mime) {
+    const sub = mime.split('/')[1] ?? 'bin';
+    // image/svg+xml → svg+xml → svg(取 + 前部分)
+    return sub.split('+')[0] ?? sub;
+}
+/** 触发浏览器下载 */
+function downloadBlob(blob, filename) {
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    setTimeout(() => URL.revokeObjectURL(url), 1000);
+}
+export function DownloadPanel({ className = '' }) {
+    const assets = useWorkspaceStore((s) => s.assets);
+    const lastOutputIds = useWorkspaceStore((s) => s.lastOutputIds);
+    const runtime = useWorkspaceStore((s) => s.runtime);
+    const clearOutputs = useWorkspaceStore((s) => s.clearOutputs);
+    const setStatus = useWorkspaceStore((s) => s.setStatus);
+    const [downloaded, setDownloaded] = React.useState(new Set());
+    const [batchDownloading, setBatchDownloading] = React.useState(false);
+    const [error, setError] = React.useState(null);
+    // 卸载标志:批量下载是异步循环,卸载后不应再 setState
+    const mountedRef = React.useRef(true);
+    React.useEffect(() => {
+        mountedRef.current = true;
+        return () => {
+            mountedRef.current = false;
+        };
+    }, []);
+    // 输出资产列表(从 store.assets 中按 lastOutputIds 顺序取)
+    const outputAssets = React.useMemo(() => {
+        return lastOutputIds
+            .map((id) => assets.find((a) => a.id === id))
+            .filter((a) => a !== undefined);
+    }, [lastOutputIds, assets]);
+    // outputs 变化时清空 downloaded 状态
+    React.useEffect(() => {
+        setDownloaded(new Set());
+        setError(null);
+    }, [lastOutputIds]);
+    const totalSize = outputAssets.reduce((sum, a) => sum + a.metadata.size, 0);
+    const downloadedCount = outputAssets.filter((a) => downloaded.has(a.id)).length;
+    const allDownloaded = outputAssets.length > 0 && downloadedCount === outputAssets.length;
+    async function handleDownloadOne(id) {
+        if (!runtime)
+            return;
+        const asset = outputAssets.find((a) => a.id === id);
+        if (!asset)
+            return;
+        try {
+            const blob = await runtime.exportAsset(id);
+            const ext = extFromMime(asset.metadata.mimeType);
+            const filename = `lokvis-output-${asset.id.slice(0, 8)}.${ext}`;
+            downloadBlob(blob, filename);
+            if (mountedRef.current) {
+                setDownloaded((prev) => new Set(prev).add(id));
+            }
+        }
+        catch (err) {
+            if (mountedRef.current) {
+                setError(err instanceof Error ? err.message : String(err));
+            }
+        }
+    }
+    async function handleDownloadAll() {
+        if (!runtime || batchDownloading)
+            return;
+        setBatchDownloading(true);
+        setError(null);
+        setStatus('Downloading outputs...');
+        // 用本地 Set 跟踪本次循环已下载 id,避免 downloaded 闭包快照与 state 不同步
+        // (review 反馈:循环中 setDownloaded 更新 state 但闭包 downloaded 不变,
+        //  虽有 batchDownloading guard 阻止并发,逻辑上仍应读取最新已下载集合)
+        const localDownloaded = new Set(downloaded);
+        try {
+            for (const asset of outputAssets) {
+                // 卸载后立即停止循环(避免对已卸载组件 setState)
+                if (!mountedRef.current)
+                    return;
+                if (localDownloaded.has(asset.id))
+                    continue;
+                try {
+                    const blob = await runtime.exportAsset(asset.id);
+                    const ext = extFromMime(asset.metadata.mimeType);
+                    const filename = `lokvis-output-${asset.id.slice(0, 8)}.${ext}`;
+                    downloadBlob(blob, filename);
+                    localDownloaded.add(asset.id);
+                    if (mountedRef.current) {
+                        setDownloaded((prev) => new Set(prev).add(asset.id));
+                    }
+                    await sleep(BATCH_DOWNLOAD_DELAY_MS);
+                }
+                catch (err) {
+                    if (mountedRef.current) {
+                        setError(err instanceof Error ? err.message : String(err));
+                    }
+                    // 单项失败不阻断后续
+                }
+            }
+            if (mountedRef.current) {
+                setStatus('Downloads complete');
+            }
+        }
+        finally {
+            if (mountedRef.current) {
+                setBatchDownloading(false);
+            }
+        }
+    }
+    function handleClear() {
+        clearOutputs();
+        setDownloaded(new Set());
+    }
+    if (outputAssets.length === 0)
+        return null;
+    return (_jsxs("div", { className: `flex flex-col border-t border-zinc-200 bg-white dark:border-zinc-800 dark:bg-zinc-900 ${className}`, "aria-label": "Outputs panel", children: [_jsxs("div", { className: "flex items-center justify-between px-3 h-9 shrink-0 border-b border-zinc-200 dark:border-zinc-800", children: [_jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wider text-zinc-400", children: "Outputs" }), _jsxs("span", { className: "text-[11px] tabular-nums text-zinc-400", children: [downloadedCount, "/", outputAssets.length, " \u00B7 ", formatBytes(totalSize)] })] }), _jsxs("div", { className: "flex items-center gap-2 px-3 py-2 overflow-x-auto", children: [outputAssets.map((asset) => {
+                        const isDownloaded = downloaded.has(asset.id);
+                        const dims = asset.metadata.dimensions;
+                        return (_jsxs("div", { className: "flex shrink-0 flex-col gap-1 rounded-md border border-zinc-200 p-2 dark:border-zinc-700", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "rounded bg-zinc-100 px-1 py-0.5 text-[9px] font-medium text-zinc-500 dark:bg-zinc-800 dark:text-zinc-400", children: asset.metadata.format.toUpperCase() }), dims && (_jsxs("span", { className: "text-[10px] text-zinc-500 dark:text-zinc-400 tabular-nums", children: [dims.width, "\u00D7", dims.height] })), _jsx("span", { className: "text-[10px] text-zinc-400 tabular-nums", children: formatBytes(asset.metadata.size) })] }), _jsx("div", { className: "flex items-center gap-1", children: _jsxs("button", { type: "button", onClick: () => void handleDownloadOne(asset.id), className: `flex items-center gap-1 rounded px-2 py-0.5 text-[10px] font-medium transition-colors ${isDownloaded
+                                            ? 'bg-emerald-100 text-emerald-700 dark:bg-emerald-950/30 dark:text-emerald-400'
+                                            : 'bg-indigo-100 text-indigo-700 hover:bg-indigo-200 dark:bg-indigo-950/30 dark:text-indigo-300 dark:hover:bg-indigo-900/40'}`, children: [_jsx(Icon, { size: 10, strokeWidth: 2, children: _jsx("path", { d: "M12 3v12m0 0l-4-4m4 4l4-4M3 17v2a2 2 0 002 2h14a2 2 0 002-2v-2" }) }), isDownloaded ? 'Downloaded' : 'Download'] }) })] }, asset.id));
+                    }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [_jsx("button", { type: "button", onClick: () => void handleDownloadAll(), disabled: batchDownloading || allDownloaded, className: "rounded-md bg-indigo-600 px-2.5 py-1 text-[10px] font-medium text-white hover:bg-indigo-500 disabled:cursor-not-allowed disabled:opacity-50", children: batchDownloading ? 'Downloading...' : 'Download All' }), _jsx("button", { type: "button", onClick: handleClear, className: "rounded-md px-2 py-1 text-[10px] text-zinc-500 hover:bg-zinc-100 hover:text-zinc-700 dark:hover:bg-zinc-800 dark:hover:text-zinc-300", children: "Clear" })] })] }), error && (_jsx("p", { className: "px-3 pb-2 text-[10px] text-red-500", role: "alert", children: error }))] }));
+}
+//# sourceMappingURL=DownloadPanel.js.map

package/dist/components/DownloadPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadPanel.js","sourceRoot":"","sources":["../../src/components/DownloadPanel.tsx"],"names":[],"mappings":"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"}

package/dist/components/ErrorBanner.d.ts

@@ -0,0 +1,22 @@
+/**
+ * ErrorBanner - 错误信息横幅(W11.3)
+ *
+ * 当 store.error 非空时显示,展示错误信息并提供:
+ *   - 关闭按钮(清除 error)
+ *   - 重试按钮(重新执行工作流)
+ *
+ * 节点失败高亮由 WorkflowEditor 的节点状态颜色处理(已实现);
+ * 本组件负责全局错误信息的可见性。
+ *
+ * 显式错误计数器作为可见性派生依据:
+ * store.error 是字符串,相同错误多次设置时引用不变,useEffect 依赖 [error] 不会触发。
+ * 改为依赖 errorSeq(error 出现的序号),每次 setError(非 null)都递增,确保 banner 重新弹出。
+ *
+ * @module ErrorBanner
+ */
+import * as React from 'react';
+export interface ErrorBannerProps {
+    className?: string;
+}
+export declare function ErrorBanner({ className }: ErrorBannerProps): React.JSX.Element | null;
+//# sourceMappingURL=ErrorBanner.d.ts.map

package/dist/components/ErrorBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBanner.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBanner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAc,EAAE,EAAE,gBAAgB,4BAqE/D"}

package/dist/components/ErrorBanner.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ErrorBanner - 错误信息横幅(W11.3)
+ *
+ * 当 store.error 非空时显示,展示错误信息并提供:
+ *   - 关闭按钮(清除 error)
+ *   - 重试按钮(重新执行工作流)
+ *
+ * 节点失败高亮由 WorkflowEditor 的节点状态颜色处理(已实现);
+ * 本组件负责全局错误信息的可见性。
+ *
+ * 显式错误计数器作为可见性派生依据:
+ * store.error 是字符串,相同错误多次设置时引用不变,useEffect 依赖 [error] 不会触发。
+ * 改为依赖 errorSeq(error 出现的序号),每次 setError(非 null)都递增,确保 banner 重新弹出。
+ *
+ * @module ErrorBanner
+ */
+import * as React from 'react';
+import { Icon } from '@lokvis/ui-core';
+import { useWorkspaceStore } from '../store/index.js';
+export function ErrorBanner({ className = '' }) {
+    const error = useWorkspaceStore((s) => s.error);
+    const errorSeq = useWorkspaceStore((s) => s.errorSeq);
+    const setError = useWorkspaceStore((s) => s.setError);
+    const run = useWorkspaceStore((s) => s.run);
+    const nodes = useWorkspaceStore((s) => s.nodes);
+    const running = useWorkspaceStore((s) => s.running);
+    // 用户关闭后隐藏;新错误(errorSeq 变化)时重新显示。
+    // 用 errorSeq 而非 error 字符串本身:store.run() 在 setError(null) 之后才设新 error,
+    // errorSeq 在 setError(非 null) 时递增,即使错误消息相同也能感知到"新的错误事件"。
+    const [dismissedSeq, setDismissedSeq] = React.useState(null);
+    const visible = error !== null && dismissedSeq !== errorSeq;
+    const handleDismiss = React.useCallback(() => {
+        setDismissedSeq(errorSeq);
+        setError(null);
+    }, [errorSeq, setError]);
+    const handleRetry = React.useCallback(() => {
+        // 先清 error 再 run,避免 run 同步抛错时 banner 已隐藏且 errorSeq 未变化
+        setError(null);
+        void run();
+    }, [setError, run]);
+    if (!visible || !error)
+        return null;
+    const canRetry = nodes.length > 0 && !running;
+    return (_jsxs("div", { className: `flex items-start gap-2 border-b border-red-200 bg-red-50 px-3 py-2 dark:border-red-800/50 dark:bg-red-950/20 ${className}`, role: "alert", children: [_jsxs(Icon, { size: 14, className: "mt-0.5 shrink-0 text-red-500", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-[11px] font-medium text-red-700 dark:text-red-400", children: "\u6267\u884C\u51FA\u9519" }), _jsx("p", { className: "mt-0.5 break-words text-[10px] text-red-600/80 dark:text-red-400/70", children: error })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [canRetry && (_jsx("button", { type: "button", onClick: handleRetry, className: "rounded bg-red-100 px-2 py-0.5 text-[10px] font-medium text-red-700 transition-colors hover:bg-red-200 dark:bg-red-900/40 dark:text-red-400 dark:hover:bg-red-900/60", children: "\u91CD\u8BD5" })), _jsx("button", { type: "button", onClick: handleDismiss, "aria-label": "\u5173\u95ED\u9519\u8BEF\u4FE1\u606F", className: "rounded p-0.5 text-red-400 transition-colors hover:bg-red-100 hover:text-red-600 dark:hover:bg-red-900/40", children: _jsx(Icon, { size: 12, strokeWidth: 3, children: _jsx("path", { d: "M6 18L18 6M6 6l12 12" }) }) })] })] }));
+}
+//# sourceMappingURL=ErrorBanner.js.map

package/dist/components/ErrorBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBanner.js","sourceRoot":"","sources":["../../src/components/ErrorBanner.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAMtD,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,GAAG,EAAE,EAAoB;IAC9D,MAAM,KAAK,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACtD,MAAM,GAAG,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEpD,iCAAiC;IACjC,sEAAsE;IACtE,yDAAyD;IACzD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5E,MAAM,OAAO,GAAG,KAAK,KAAK,IAAI,IAAI,YAAY,KAAK,QAAQ,CAAC;IAE5D,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC3C,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC1B,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,uDAAuD;QACvD,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,KAAK,GAAG,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAEpC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;IAE9C,OAAO,CACL,eACE,SAAS,EAAE,gHAAgH,SAAS,EAAE,EACtI,IAAI,EAAC,OAAO,aAEZ,MAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,8BAA8B,aACtD,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,EACjC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EACvC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,GAAG,IACtC,EACP,eAAK,SAAS,EAAC,gBAAgB,aAC7B,YAAG,SAAS,EAAC,wDAAwD,yCAEjE,EACJ,YAAG,SAAS,EAAC,qEAAqE,YAC/E,KAAK,GACJ,IACA,EACN,eAAK,SAAS,EAAC,kCAAkC,aAC9C,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,sKAAsK,6BAGzK,CACV,EACD,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa,gBACX,sCAAQ,EACnB,SAAS,EAAC,2GAA2G,YAErH,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,YAAE,eAAM,CAAC,EAAC,sBAAsB,GAAG,GAAO,GACjE,IACL,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/ExifPanel.d.ts

@@ -0,0 +1,26 @@
+/**
+ * ExifPanel - EXIF 元数据查看面板(W7.4)
+ *
+ * 监听当前选中的 image asset,通过 runtime.readAssetExif 桥接调用
+ * plugin-image 注册的 MetadataReader,展示结构化 EXIF 字段。
+ *
+ * 架构合规(长期方案):
+ * - UI 只依赖 @lokvis/schema(ExifData 类型 + formatExifRows)和 @lokvis/runtime
+ * - 不直接依赖 plugin-image / engine-image(五层单向依赖)
+ * - ExifData 类型不含 raw 字段(schema 层类型分层),UI 缓存无需手动剔除
+ *
+ * 设计要点:
+ * - 独立可折叠面板(渲染在 Inspector 顶部)
+ * - 仅 image 类型 asset 显示;非 image 隐藏整个面板
+ * - 缓存:按 assetId 缓存(LRU 上限 16),切换 asset 不重复解析
+ * - effect 依赖 selectedAssetId(而非 asset 对象引用),避免 assets 数组
+ *   重渲染时触发重复 effect
+ * - 取消:effect 重跑/卸载时不更新 state(避免 stale update)
+ * - 加载/空态/错误三态明确
+ */
+import * as React from 'react';
+export interface ExifPanelProps {
+    className?: string;
+}
+export declare function ExifPanel({ className }: ExifPanelProps): React.JSX.Element | null;
+//# sourceMappingURL=ExifPanel.d.ts.map

package/dist/components/ExifPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExifPanel.d.ts","sourceRoot":"","sources":["../../src/components/ExifPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,wBAAgB,SAAS,CAAC,EAAE,SAAc,EAAE,EAAE,cAAc,4BAyJ3D"}

package/dist/components/ExifPanel.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ExifPanel - EXIF 元数据查看面板(W7.4)
+ *
+ * 监听当前选中的 image asset,通过 runtime.readAssetExif 桥接调用
+ * plugin-image 注册的 MetadataReader,展示结构化 EXIF 字段。
+ *
+ * 架构合规(长期方案):
+ * - UI 只依赖 @lokvis/schema(ExifData 类型 + formatExifRows)和 @lokvis/runtime
+ * - 不直接依赖 plugin-image / engine-image(五层单向依赖)
+ * - ExifData 类型不含 raw 字段(schema 层类型分层),UI 缓存无需手动剔除
+ *
+ * 设计要点:
+ * - 独立可折叠面板(渲染在 Inspector 顶部)
+ * - 仅 image 类型 asset 显示;非 image 隐藏整个面板
+ * - 缓存:按 assetId 缓存(LRU 上限 16),切换 asset 不重复解析
+ * - effect 依赖 selectedAssetId(而非 asset 对象引用),避免 assets 数组
+ *   重渲染时触发重复 effect
+ * - 取消:effect 重跑/卸载时不更新 state(避免 stale update)
+ * - 加载/空态/错误三态明确
+ */
+import * as React from 'react';
+import { Icon } from '@lokvis/ui-core';
+import { formatExifRows } from '@lokvis/schema';
+import { useWorkspaceStore } from '../store/index.js';
+/** cache LRU 上限:防止长会话切换大量图片时 Map 无限增长 */
+const EXIF_CACHE_LIMIT = 16;
+export function ExifPanel({ className = '' }) {
+    const selectedAssetId = useWorkspaceStore((s) => s.selectedAssetId);
+    const assets = useWorkspaceStore((s) => s.assets);
+    const runtime = useWorkspaceStore((s) => s.runtime);
+    const selectedAsset = React.useMemo(() => assets.find((a) => a.id === selectedAssetId) ?? null, [assets, selectedAssetId]);
+    // 仅 image 类型 asset 显示 EXIF 面板
+    const isImage = selectedAsset?.type === 'image';
+    // effect 依赖用 id 而非 asset 引用:避免 assets 数组重渲染触发重复 effect
+    const selectedAssetIdForEffect = selectedAsset?.id;
+    const [open, setOpen] = React.useState(true);
+    const [exif, setExif] = React.useState(null);
+    const [loading, setLoading] = React.useState(false);
+    const [error, setError] = React.useState(null);
+    // 按 assetId 缓存解析结果,避免切换来回重复解析
+    const cacheRef = React.useRef(new Map());
+    React.useEffect(() => {
+        if (!isImage || !selectedAssetIdForEffect || !runtime) {
+            setExif(null);
+            setError(null);
+            setLoading(false);
+            return;
+        }
+        const assetId = selectedAssetIdForEffect;
+        const cache = cacheRef.current;
+        // 命中缓存:同步设置,不发请求(LRU 命中后重排到末尾)
+        if (cache.has(assetId)) {
+            const cached = cache.get(assetId) ?? null;
+            cache.delete(assetId);
+            cache.set(assetId, cached);
+            setExif(cached);
+            setError(null);
+            setLoading(false);
+            return;
+        }
+        let cancelled = false;
+        setLoading(true);
+        setError(null);
+        (async () => {
+            try {
+                // 通过 runtime.readAssetExif 桥接(MetadataReader 依赖反转),
+                // UI 不直接依赖 plugin-image / engine-image
+                const data = await runtime.readAssetExif(assetId);
+                if (cancelled)
+                    return;
+                // LRU 上限:超出时删除最旧 entry(Map 第一个,即最近最少命中)
+                if (cache.size >= EXIF_CACHE_LIMIT) {
+                    const oldestKey = cache.keys().next().value;
+                    if (oldestKey !== undefined)
+                        cache.delete(oldestKey);
+                }
+                cache.set(assetId, data);
+                setExif(data);
+                setError(null);
+            }
+            catch (err) {
+                if (cancelled)
+                    return;
+                const msg = err instanceof Error ? err.message : 'Failed to read EXIF';
+                setError(msg);
+                setExif(null);
+            }
+            finally {
+                if (!cancelled)
+                    setLoading(false);
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [isImage, selectedAssetIdForEffect, runtime]);
+    // 非 image 或无选中 asset:不渲染(避免占用布局空间)
+    if (!isImage || !selectedAsset)
+        return null;
+    const rows = exif ? formatExifRows(exif) : [];
+    return (_jsxs("div", { className: `shrink-0 border-b border-zinc-200 dark:border-zinc-800 ${className}`, children: [_jsxs("button", { type: "button", onClick: () => setOpen(!open), className: "flex w-full items-center justify-between px-3 h-10 text-left transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-800/50", "aria-expanded": open, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Icon, { size: 12, className: `text-zinc-400 transition-transform ${open ? 'rotate-90' : ''}`, children: _jsx("path", { d: "m9 5 7 7-7 7" }) }), _jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wider text-zinc-400", children: "EXIF" })] }), loading ? (_jsx("span", { className: "text-[10px] text-zinc-400", children: "loading\u2026" })) : exif ? (_jsxs("span", { className: "font-mono text-[10px] text-emerald-600 bg-emerald-50 dark:bg-emerald-950/30 dark:text-emerald-400 px-1.5 py-0.5 rounded", children: [rows.length, " fields"] })) : error ? (_jsx("span", { className: "text-[10px] text-red-500", children: "error" })) : (_jsx("span", { className: "text-[10px] text-zinc-400", children: "none" }))] }), open && (_jsx("div", { className: "px-3 pb-3 max-h-60 overflow-y-auto", children: loading ? (_jsx("div", { className: "py-4 text-center text-[11px] text-zinc-400", children: "Reading EXIF\u2026" })) : error ? (_jsx("div", { className: "py-3 text-center", children: _jsx("p", { className: "text-[11px] text-red-500", children: error }) })) : rows.length === 0 ? (_jsxs("div", { className: "py-4 text-center", children: [_jsx("p", { className: "text-[11px] text-zinc-400", children: "No EXIF data" }), _jsx("p", { className: "mt-1 text-[10px] text-zinc-500", children: "This image has no embedded metadata" })] })) : (_jsx("dl", { className: "space-y-1", children: rows.map((row) => (_jsxs("div", { className: "flex items-baseline justify-between gap-3 text-[11px]", children: [_jsx("dt", { className: "shrink-0 text-zinc-400", children: row.label }), _jsx("dd", { className: "truncate text-right font-mono text-zinc-700 dark:text-zinc-300", children: row.value })] }, row.label))) })) }))] }));
+}
+//# sourceMappingURL=ExifPanel.js.map

package/dist/components/ExifPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExifPanel.js","sourceRoot":"","sources":["../../src/components/ExifPanel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAiB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAMtD,yCAAyC;AACzC,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAE5B,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,GAAG,EAAE,EAAkB;IAC1D,MAAM,eAAe,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IACpE,MAAM,MAAM,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CACjC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,eAAe,CAAC,IAAI,IAAI,EAC1D,CAAC,MAAM,EAAE,eAAe,CAAC,CAC1B,CAAC;IAEF,8BAA8B;IAC9B,MAAM,OAAO,GAAG,aAAa,EAAE,IAAI,KAAK,OAAO,CAAC;IAChD,uDAAuD;IACvD,MAAM,wBAAwB,GAAG,aAAa,EAAE,EAAE,CAAC;IAEnD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAkB,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE9D,8BAA8B;IAC9B,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAA+B,IAAI,GAAG,EAAE,CAAC,CAAC;IAEvE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,IAAI,CAAC,wBAAwB,IAAI,CAAC,OAAO,EAAE,CAAC;YACtD,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,OAAO;QACT,CAAC;QAED,MAAM,OAAO,GAAG,wBAAwB,CAAC;QACzC,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAE/B,+BAA+B;QAC/B,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACvB,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;YAC1C,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACtB,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YAC3B,OAAO,CAAC,MAAM,CAAC,CAAC;YAChB,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEf,CAAC,KAAK,IAAI,EAAE;YACV,IAAI,CAAC;gBACH,oDAAoD;gBACpD,uCAAuC;gBACvC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAClD,IAAI,SAAS;oBAAE,OAAO;gBACtB,wCAAwC;gBACxC,IAAI,KAAK,CAAC,IAAI,IAAI,gBAAgB,EAAE,CAAC;oBACnC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC;oBAC5C,IAAI,SAAS,KAAK,SAAS;wBAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;gBACvD,CAAC;gBACD,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;gBACzB,OAAO,CAAC,IAAI,CAAC,CAAC;gBACd,QAAQ,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,IAAI,SAAS;oBAAE,OAAO;gBACtB,MAAM,GAAG,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;gBACvE,QAAQ,CAAC,GAAG,CAAC,CAAC;gBACd,OAAO,CAAC,IAAI,CAAC,CAAC;YAChB,CAAC;oBAAS,CAAC;gBACT,IAAI,CAAC,SAAS;oBAAE,UAAU,CAAC,KAAK,CAAC,CAAC;YACpC,CAAC;QACH,CAAC,CAAC,EAAE,CAAC;QAEL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,EAAE,OAAO,CAAC,CAAC,CAAC;IAEjD,mCAAmC;IACnC,IAAI,CAAC,OAAO,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAE5C,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9C,OAAO,CACL,eACE,SAAS,EAAE,0DAA0D,SAAS,EAAE,aAEhF,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAC7B,SAAS,EAAC,2HAA2H,mBACtH,IAAI,aAEnB,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,IAAI,IACH,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,sCAAsC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,YAE1E,eAAM,CAAC,EAAC,cAAc,GAAG,GACpB,EACP,eAAM,SAAS,EAAC,kEAAkE,qBAE3E,IACH,EACL,OAAO,CAAC,CAAC,CAAC,CACT,eAAM,SAAS,EAAC,2BAA2B,8BAAgB,CAC5D,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,gBAAM,SAAS,EAAC,yHAAyH,aACtI,IAAI,CAAC,MAAM,eACP,CACR,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,eAAM,SAAS,EAAC,0BAA0B,sBAAa,CACxD,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,2BAA2B,qBAAY,CACxD,IACM,EAER,IAAI,IAAI,CACP,cAAK,SAAS,EAAC,oCAAoC,YAChD,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,4CAA4C,mCAErD,CACP,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,kBAAkB,YAC/B,YAAG,SAAS,EAAC,0BAA0B,YAAE,KAAK,GAAK,GAC/C,CACP,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,eAAK,SAAS,EAAC,kBAAkB,aAC/B,YAAG,SAAS,EAAC,2BAA2B,6BAAiB,EACzD,YAAG,SAAS,EAAC,gCAAgC,oDAEzC,IACA,CACP,CAAC,CAAC,CAAC,CACF,aAAI,SAAS,EAAC,WAAW,YACtB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,eAEE,SAAS,EAAC,uDAAuD,aAEjE,aAAI,SAAS,EAAC,wBAAwB,YAAE,GAAG,CAAC,KAAK,GAAM,EACvD,aAAI,SAAS,EAAC,gEAAgE,YAC3E,GAAG,CAAC,KAAK,GACP,KANA,GAAG,CAAC,KAAK,CAOV,CACP,CAAC,GACC,CACN,GACG,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/GlobalDropzone.d.ts

@@ -0,0 +1,37 @@
+/**
+ * GlobalDropzone - 全屏拖拽导入区 + MIME 类型校验(W9.3)
+ *
+ * 当用户拖拽文件进入窗口时,显示全屏遮罩引导用户拖到任意位置即可导入。
+ * 通过 `accept` 白名单做 MIME 类型校验,拒绝类型时给出视觉反馈 + 警告。
+ *
+ * 工作机制:
+ *   1. 监听 window dragenter / dragover / dragleave / drop 事件
+ *   2. dragenter 显示遮罩,dragleave(离开 window)隐藏
+ *   3. drop 时校验文件类型 → 合法则 importFiles,非法则提示拒绝原因
+ *
+ * MIME 校验:
+ *   - 默认接受所有 image/* 类型(以及 video/audio/pdf 等,与 workspace 多媒体定位对齐)
+ *   - 拒绝类型在遮罩中央显示红色提示,并阻止导入
+ *
+ * 与 AssetPanel / Canvas 内置的局部 dropzone 互不冲突:它们各自处理自己的
+ * drop 事件并 `stopPropagation()`,本组件的 window drop 监听不会触发。
+ *
+ * 防御性兜底:即便子组件忘了 `stopPropagation`,本组件也会再次处理 drop 事件,
+ * 但通过 `importFiles` 的幂等性(以 File 引用去重)— 不,File 引用并不去重,
+ * 所以子组件**必须** `stopPropagation()`。本组件在 drop 事件触发时,先检查
+ * `e.defaultPrevented`(子组件会 `preventDefault()` 表明已处理),若已处理
+ * 则直接 return,避免双重导入。
+ *
+ * @example
+ * ```tsx
+ * <GlobalDropzone accept="image/*" />
+ * ```
+ */
+import * as React from 'react';
+export interface GlobalDropzoneProps {
+    /** 接受的 MIME 类型(逗号分隔),默认接受图片/视频/音频/PDF */
+    accept?: string;
+    className?: string;
+}
+export declare function GlobalDropzone({ accept, className, }: GlobalDropzoneProps): React.JSX.Element | null;
+//# sourceMappingURL=GlobalDropzone.d.ts.map