@ptengine/inline-editor 0.1.5 → 0.1.6

package/dist/locales.d.ts

@@ -551,8 +551,54 @@ export declare const jaJP: {
 };
 export declare const inlineEditorLocales: {
     readonly 'zh-CN': {
-        inlineCanvas: {
-            action: {
+        readonly inlineCanvas: {
+            readonly review: {
+                readonly generating: "正在生成截图…";
+                readonly noLayers: "没有匹配的图层";
+                readonly clearSearch: "清除搜索";
+                readonly searchLayers: "搜索图层";
+                readonly linkCopied: "链接已复制";
+                readonly copyLinkManual: "复制失败，请从下方手动复制链接";
+                readonly uploadError: "上传失败，可重试；本地图片仍可下载";
+                readonly screenshot: "元素截图";
+                readonly enlarge: "放大预览";
+                readonly shotTruncated: "元素超出可视区，只截到可见部分";
+                readonly shotScale: "截图分辨率约为原图的 {{scale}}%";
+                readonly downloadImage: "下载图片";
+                readonly imageCopied: "图片已复制";
+                readonly copyError: "复制失败，请下载图片";
+                readonly copyImage: "复制图片";
+                readonly uploading: "正在上传…";
+                readonly copyLink: "复制链接";
+                readonly shotLink: "截图链接";
+                readonly reset: "清除覆盖";
+                readonly colorSwatch: "选择颜色";
+                readonly saveDraft: "保存草稿";
+                readonly versions: "版本管理";
+                readonly removeEmptyVersion: "移除空版本";
+                readonly versionLimit: "最多 4 个版本";
+                readonly imageLimit: "请选择不超过 10 MB 的图片";
+                readonly currentMedia: "当前媒体";
+                readonly uploadFile: "上传文件";
+                readonly useLink: "使用链接";
+                readonly replaceImage: "替换当前图片";
+                readonly replaceBackground: "替换背景图片";
+                readonly insertImage: "插入新图片";
+                readonly dropImage: "拖入图片或选择文件，支持图片格式，最大 10 MB。上传只准备素材，应用后才修改画布。";
+                readonly pendingMedia: "待应用媒体";
+                readonly altHelp: "替代文本用于描述图片内容。装饰图片可留空。";
+                readonly videoLinkHint: "支持视频文件链接和 YouTube 嵌入链接。加载就绪后应用到画布。";
+                readonly mediaPreview: "媒体预览";
+                readonly loading: "正在加载预览…";
+                readonly loadError: "预览加载失败";
+                readonly retry: "重试";
+                readonly ready: "媒体已就绪，应用后修改画布";
+                readonly align_left: "左对齐";
+                readonly align_center: "居中";
+                readonly align_right: "右对齐";
+                readonly align_justify: "两端对齐";
+            };
+            readonly action: {
                 title: string;
                 enable: string;
                 type: string;
@@ -572,17 +618,17 @@ export declare const inlineEditorLocales: {
                 fileUrl: string;
                 code: string;
             };
-            video: {
+            readonly video: {
                 title: string;
                 url: string;
                 hint: string;
             };
-            insert: {
+            readonly insert: {
                 title: string;
                 html: string;
                 position: string;
             };
-            image: {
+            readonly image: {
                 replaceTitle: string;
                 settingTitle: string;
                 url: string;
@@ -591,7 +637,7 @@ export declare const inlineEditorLocales: {
                 alt: string;
                 insertPosition: string;
             };
-            move: {
+            readonly move: {
                 title: string;
                 pickTarget: string;
                 cancel: string;
@@ -601,7 +647,7 @@ export declare const inlineEditorLocales: {
                 before: string;
                 after: string;
             };
-            clipboard: {
+            readonly clipboard: {
                 copied: string;
                 nothingToPaste: string;
                 pastePosition: string;
@@ -610,7 +656,7 @@ export declare const inlineEditorLocales: {
                 before: string;
                 after: string;
             };
-            chrome: {
+            readonly chrome: {
                 exit: string;
                 close: string;
                 save: string;
@@ -630,17 +676,17 @@ export declare const inlineEditorLocales: {
                 pc: string;
                 mobile: string;
             };
-            version: {
+            readonly version: {
                 switching: string;
             };
-            preview: {
+            readonly preview: {
                 loading: string;
                 ready: string;
                 failed: string;
                 failedHint: string;
                 blockCount: string;
             };
-            html: {
+            readonly html: {
                 title: string;
                 tip: string;
                 scriptStripped: string;
@@ -648,11 +694,11 @@ export declare const inlineEditorLocales: {
                 errorNoElement: string;
                 errorMultipleRoots: string;
             };
-            text: {
+            readonly text: {
                 title: string;
                 tip: string;
             };
-            style: {
+            readonly style: {
                 footnote: string;
                 size: string;
                 width: string;
@@ -673,7 +719,7 @@ export declare const inlineEditorLocales: {
                 borderAll: string;
                 borderRadius: string;
             };
-            toolbar: {
+            readonly toolbar: {
                 screenshot: string;
                 replaceVideo: string;
                 insert: string;
@@ -689,11 +735,11 @@ export declare const inlineEditorLocales: {
                 delete: string;
                 askAi: string;
             };
-            selectorPath: {
+            readonly selectorPath: {
                 label: string;
             };
         };
-        taginfo: {
+        readonly taginfo: {
             A: string;
             B: string;
             BODY: string;
@@ -731,8 +777,54 @@ export declare const inlineEditorLocales: {
         };
     };
     readonly 'en-US': {
-        inlineCanvas: {
-            action: {
+        readonly inlineCanvas: {
+            readonly review: {
+                readonly generating: "Generating screenshot…";
+                readonly noLayers: "No matching layers";
+                readonly clearSearch: "Clear search";
+                readonly searchLayers: "Search layers";
+                readonly linkCopied: "Link copied";
+                readonly copyLinkManual: "Copy failed. Copy the link below manually.";
+                readonly uploadError: "Upload failed. Retry or download the local image.";
+                readonly screenshot: "Element screenshot";
+                readonly enlarge: "Enlarge preview";
+                readonly shotTruncated: "Only the visible part of the element was captured.";
+                readonly shotScale: "Screenshot resolution is about {{scale}}% of the original.";
+                readonly downloadImage: "Download image";
+                readonly imageCopied: "Image copied";
+                readonly copyError: "Copy failed. Download the image instead.";
+                readonly copyImage: "Copy image";
+                readonly uploading: "Uploading…";
+                readonly copyLink: "Copy link";
+                readonly shotLink: "Screenshot link";
+                readonly reset: "Clear override";
+                readonly colorSwatch: "Choose color";
+                readonly saveDraft: "Save draft";
+                readonly versions: "Manage versions";
+                readonly removeEmptyVersion: "Remove empty version";
+                readonly versionLimit: "Maximum 4 versions";
+                readonly imageLimit: "Choose an image up to 10 MB.";
+                readonly currentMedia: "Current media";
+                readonly uploadFile: "Upload file";
+                readonly useLink: "Use link";
+                readonly replaceImage: "Replace current image";
+                readonly replaceBackground: "Replace background image";
+                readonly insertImage: "Insert new image";
+                readonly dropImage: "Drop an image or choose a file, up to 10 MB. Upload prepares the asset; Apply changes the canvas.";
+                readonly pendingMedia: "Media to apply";
+                readonly altHelp: "Describe the image for assistive technology. Leave blank for decorative images.";
+                readonly videoLinkHint: "Use a video file URL or YouTube embed link. Apply after the preview is ready.";
+                readonly mediaPreview: "Media preview";
+                readonly loading: "Loading preview…";
+                readonly loadError: "Preview failed to load";
+                readonly retry: "Retry";
+                readonly ready: "Ready. Apply to update the canvas.";
+                readonly align_left: "Align left";
+                readonly align_center: "Center";
+                readonly align_right: "Align right";
+                readonly align_justify: "Justify";
+            };
+            readonly action: {
                 title: string;
                 enable: string;
                 type: string;
@@ -752,17 +844,17 @@ export declare const inlineEditorLocales: {
                 fileUrl: string;
                 code: string;
             };
-            video: {
+            readonly video: {
                 title: string;
                 url: string;
                 hint: string;
             };
-            insert: {
+            readonly insert: {
                 title: string;
                 html: string;
                 position: string;
             };
-            image: {
+            readonly image: {
                 replaceTitle: string;
                 settingTitle: string;
                 url: string;
@@ -771,7 +863,7 @@ export declare const inlineEditorLocales: {
                 alt: string;
                 insertPosition: string;
             };
-            move: {
+            readonly move: {
                 title: string;
                 pickTarget: string;
                 cancel: string;
@@ -781,7 +873,7 @@ export declare const inlineEditorLocales: {
                 before: string;
                 after: string;
             };
-            clipboard: {
+            readonly clipboard: {
                 copied: string;
                 nothingToPaste: string;
                 pastePosition: string;
@@ -790,7 +882,7 @@ export declare const inlineEditorLocales: {
                 before: string;
                 after: string;
             };
-            chrome: {
+            readonly chrome: {
                 exit: string;
                 close: string;
                 save: string;
@@ -810,17 +902,17 @@ export declare const inlineEditorLocales: {
                 pc: string;
                 mobile: string;
             };
-            version: {
+            readonly version: {
                 switching: string;
             };
-            preview: {
+            readonly preview: {
                 loading: string;
                 ready: string;
                 failed: string;
                 failedHint: string;
                 blockCount: string;
             };
-            html: {
+            readonly html: {
                 title: string;
                 tip: string;
                 scriptStripped: string;
@@ -828,11 +920,11 @@ export declare const inlineEditorLocales: {
                 errorNoElement: string;
                 errorMultipleRoots: string;
             };
-            text: {
+            readonly text: {
                 title: string;
                 tip: string;
             };
-            style: {
+            readonly style: {
                 footnote: string;
                 size: string;
                 width: string;
@@ -853,7 +945,7 @@ export declare const inlineEditorLocales: {
                 borderAll: string;
                 borderRadius: string;
             };
-            toolbar: {
+            readonly toolbar: {
                 screenshot: string;
                 replaceVideo: string;
                 insert: string;
@@ -869,11 +961,11 @@ export declare const inlineEditorLocales: {
                 delete: string;
                 askAi: string;
             };
-            selectorPath: {
+            readonly selectorPath: {
                 label: string;
             };
         };
-        taginfo: {
+        readonly taginfo: {
             A: string;
             B: string;
             BODY: string;
@@ -911,8 +1003,54 @@ export declare const inlineEditorLocales: {
         };
     };
     readonly 'ja-JP': {
-        inlineCanvas: {
-            action: {
+        readonly inlineCanvas: {
+            readonly review: {
+                readonly generating: "スクリーンショットを生成中…";
+                readonly noLayers: "一致するレイヤーがありません";
+                readonly clearSearch: "検索をクリア";
+                readonly searchLayers: "レイヤーを検索";
+                readonly linkCopied: "リンクをコピーしました";
+                readonly copyLinkManual: "コピーできませんでした。下のリンクを手動でコピーしてください。";
+                readonly uploadError: "アップロードできませんでした。再試行または画像をダウンロードしてください。";
+                readonly screenshot: "要素のスクリーンショット";
+                readonly enlarge: "プレビューを拡大";
+                readonly shotTruncated: "表示されている部分のみ撮影しました。";
+                readonly shotScale: "解像度は元の約 {{scale}}% です。";
+                readonly downloadImage: "画像をダウンロード";
+                readonly imageCopied: "画像をコピーしました";
+                readonly copyError: "コピーできませんでした。画像をダウンロードしてください。";
+                readonly copyImage: "画像をコピー";
+                readonly uploading: "アップロード中…";
+                readonly copyLink: "リンクをコピー";
+                readonly shotLink: "スクリーンショットのリンク";
+                readonly reset: "上書きを解除";
+                readonly colorSwatch: "色を選択";
+                readonly saveDraft: "下書きを保存";
+                readonly versions: "バージョン管理";
+                readonly removeEmptyVersion: "空のバージョンを削除";
+                readonly versionLimit: "最大4バージョン";
+                readonly imageLimit: "10 MB 以下の画像を選択してください。";
+                readonly currentMedia: "現在のメディア";
+                readonly uploadFile: "ファイルをアップロード";
+                readonly useLink: "リンクを使用";
+                readonly replaceImage: "現在の画像を置き換え";
+                readonly replaceBackground: "背景画像を置き換え";
+                readonly insertImage: "新しい画像を挿入";
+                readonly dropImage: "画像をドロップするか選択してください（最大10 MB）。アップロードで素材を準備し、適用でキャンバスを変更します。";
+                readonly pendingMedia: "適用するメディア";
+                readonly altHelp: "画像の内容を説明してください。装飾用の画像は空欄にできます。";
+                readonly videoLinkHint: "動画ファイルのURLまたはYouTube埋め込みリンクを入力し、読み込み後に適用してください。";
+                readonly mediaPreview: "メディアプレビュー";
+                readonly loading: "プレビューを読み込み中…";
+                readonly loadError: "プレビューを読み込めませんでした";
+                readonly retry: "再試行";
+                readonly ready: "準備完了。適用するとキャンバスを変更します。";
+                readonly align_left: "左揃え";
+                readonly align_center: "中央揃え";
+                readonly align_right: "右揃え";
+                readonly align_justify: "両端揃え";
+            };
+            readonly action: {
                 title: string;
                 enable: string;
                 type: string;
@@ -932,17 +1070,17 @@ export declare const inlineEditorLocales: {
                 fileUrl: string;
                 code: string;
             };
-            video: {
+            readonly video: {
                 title: string;
                 url: string;
                 hint: string;
             };
-            insert: {
+            readonly insert: {
                 title: string;
                 html: string;
                 position: string;
             };
-            image: {
+            readonly image: {
                 replaceTitle: string;
                 settingTitle: string;
                 url: string;
@@ -951,7 +1089,7 @@ export declare const inlineEditorLocales: {
                 alt: string;
                 insertPosition: string;
             };
-            move: {
+            readonly move: {
                 title: string;
                 pickTarget: string;
                 cancel: string;
@@ -961,7 +1099,7 @@ export declare const inlineEditorLocales: {
                 before: string;
                 after: string;
             };
-            clipboard: {
+            readonly clipboard: {
                 copied: string;
                 nothingToPaste: string;
                 pastePosition: string;
@@ -970,7 +1108,7 @@ export declare const inlineEditorLocales: {
                 before: string;
                 after: string;
             };
-            chrome: {
+            readonly chrome: {
                 exit: string;
                 close: string;
                 save: string;
@@ -990,17 +1128,17 @@ export declare const inlineEditorLocales: {
                 pc: string;
                 mobile: string;
             };
-            version: {
+            readonly version: {
                 switching: string;
             };
-            preview: {
+            readonly preview: {
                 loading: string;
                 ready: string;
                 failed: string;
                 failedHint: string;
                 blockCount: string;
             };
-            html: {
+            readonly html: {
                 title: string;
                 tip: string;
                 scriptStripped: string;
@@ -1008,11 +1146,11 @@ export declare const inlineEditorLocales: {
                 errorNoElement: string;
                 errorMultipleRoots: string;
             };
-            text: {
+            readonly text: {
                 title: string;
                 tip: string;
             };
-            style: {
+            readonly style: {
                 footnote: string;
                 size: string;
                 width: string;
@@ -1033,7 +1171,7 @@ export declare const inlineEditorLocales: {
                 borderAll: string;
                 borderRadius: string;
             };
-            toolbar: {
+            readonly toolbar: {
                 screenshot: string;
                 replaceVideo: string;
                 insert: string;
@@ -1049,11 +1187,11 @@ export declare const inlineEditorLocales: {
                 delete: string;
                 askAi: string;
             };
-            selectorPath: {
+            readonly selectorPath: {
                 label: string;
             };
         };
-        taginfo: {
+        readonly taginfo: {
             A: string;
             B: string;
             BODY: string;

package/dist/locales.js

@@ -1,3 +1,4 @@
+import { reviewLocales } from './reviewLocales.js';
 export const zhCN = {
     inlineCanvas: {
         action: {
@@ -32,7 +33,7 @@ export const zhCN = {
         },
         image: {
             replaceTitle: '替换图片',
-            settingTitle: '图片设置',
+            settingTitle: '图片替代文本',
             url: '图片地址',
             upload: '上传图片',
             uploading: '上传中…',
@@ -90,7 +91,7 @@ export const zhCN = {
         },
         html: {
             title: '编辑 HTML',
-            tip: '编辑的是整个元素（outerHTML）。保存后 SDK 会用它整体替换原元素。',
+            tip: '编辑整个元素（outerHTML）。应用后替换画布中的元素；保存草稿后才写入体验配置。',
             scriptStripped: '其中 {{count}} 段 script/noscript 会被移除',
             errorEmpty: '内容不能为空',
             errorNoElement: '需要一个完整的元素标签，纯文本请用「编辑文字」',
@@ -212,7 +213,7 @@ export const enUS = {
         },
         image: {
             replaceTitle: 'Replace image',
-            settingTitle: 'Image settings',
+            settingTitle: 'Image alternative text',
             url: 'Image URL',
             upload: 'Upload image',
             uploading: 'Uploading…',
@@ -270,7 +271,7 @@ export const enUS = {
         },
         html: {
             title: 'Edit HTML',
-            tip: 'You are editing the whole element (outerHTML). The SDK replaces the original element with it.',
+            tip: 'Edit the entire element (outerHTML). Apply updates the canvas; Save draft stores the experience configuration.',
             scriptStripped: '{{count}} script/noscript block(s) will be removed',
             errorEmpty: 'Content cannot be empty',
             errorNoElement: 'A complete element tag is required; use Edit text for plain text',
@@ -392,7 +393,7 @@ export const jaJP = {
         },
         image: {
             replaceTitle: '画像を差し替え',
-            settingTitle: '画像設定',
+            settingTitle: '画像の代替テキスト',
             url: '画像 URL',
             upload: '画像をアップロード',
             uploading: 'アップロード中…',
@@ -450,7 +451,7 @@ export const jaJP = {
         },
         html: {
             title: 'HTML を編集',
-            tip: '要素全体（outerHTML）を編集します。保存後、SDK が元の要素をこれで置き換えます。',
+            tip: '要素全体（outerHTML）を編集します。適用でキャンバスを更新し、下書きを保存すると設定が保存されます。',
             scriptStripped: 'うち {{count}} 個の script/noscript は削除されます',
             errorEmpty: '内容を入力してください',
             errorNoElement: '完全な要素タグが必要です。プレーンテキストは「テキストを編集」をご利用ください',
@@ -539,7 +540,7 @@ export const jaJP = {
     }
 };
 export const inlineEditorLocales = {
-    'zh-CN': zhCN,
-    'en-US': enUS,
-    'ja-JP': jaJP
+    'zh-CN': { ...zhCN, inlineCanvas: { ...zhCN.inlineCanvas, review: reviewLocales['zh-CN'] } },
+    'en-US': { ...enUS, inlineCanvas: { ...enUS.inlineCanvas, review: reviewLocales['en-US'] } },
+    'ja-JP': { ...jaJP, inlineCanvas: { ...jaJP.inlineCanvas, review: reviewLocales['ja-JP'] } }
 };

package/dist/panels/EditorStatus.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'react';
+/** Shared contextual feedback. Actions remain explicit buttons supplied by the caller. */
+export declare function EditorStatus({ tone, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+    tone?: 'info' | 'error';
+}): import("react").JSX.Element;

package/dist/panels/EditorStatus.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function EditorStatus({ tone = 'info', className = '', ...props }) {
+    return (_jsx("div", { role: tone === 'error' ? 'alert' : 'status', ...props, className: `fixed z-[903] flex max-w-[min(640px,calc(100vw-32px))] -translate-x-1/2 flex-wrap items-center gap-2 rounded-lg border bg-popover px-3 py-2 text-xs text-popover-foreground shadow-md ${tone === 'error' ? 'border-destructive' : ''} ${className}` }));
+}

package/dist/panels/ScreenshotCard.d.ts

@@ -0,0 +1,7 @@
+export declare function ScreenshotCard({ dataUrl, truncated, scale, uploadImage, onClose }: {
+    dataUrl: string;
+    truncated: boolean;
+    scale: number;
+    uploadImage?: (blob: Blob) => Promise<string>;
+    onClose: () => void;
+}): import("react").JSX.Element;

package/dist/panels/ScreenshotCard.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { X } from 'lucide-react';
+import { Button, Dialog, DialogContent, DialogTitle, Input } from '@ptengine/design-components';
+import { useTranslation } from 'react-i18next';
+export function ScreenshotCard({ dataUrl, truncated, scale, uploadImage, onClose }) {
+    const { t } = useTranslation();
+    const [url, setUrl] = useState('');
+    const [busy, setBusy] = useState(false);
+    const [note, setNote] = useState('');
+    const [zoom, setZoom] = useState(false);
+    const pending = useRef(false);
+    const copyLink = async () => {
+        if (pending.current)
+            return;
+        pending.current = true;
+        setBusy(true);
+        setNote('');
+        try {
+            let link = url;
+            if (!link) {
+                link = await uploadImage(await (await fetch(dataUrl)).blob());
+                setUrl(link);
+            }
+            try {
+                await navigator.clipboard.writeText(link);
+                setNote(t('inlineCanvas.review.linkCopied', '链接已复制'));
+            }
+            catch {
+                setNote(t('inlineCanvas.review.copyLinkManual', '复制失败，请从下方手动复制链接'));
+            }
+        }
+        catch {
+            setNote(t('inlineCanvas.review.uploadError', '上传失败，可重试；本地图片仍可下载'));
+        }
+        finally {
+            pending.current = false;
+            setBusy(false);
+        }
+    };
+    return (_jsxs("section", { "data-testid": "inline-editor-shot", className: "absolute bottom-4 right-4 z-30 w-[320px] max-w-full space-y-2 rounded-lg border border-border bg-popover p-3 text-popover-foreground shadow-lg", children: [_jsxs("header", { className: "flex items-center justify-between text-sm font-semibold", children: [t('inlineCanvas.review.screenshot', '元素截图'), _jsx(Button, { size: "icon-sm", variant: "ghost", "aria-label": t('inlineCanvas.chrome.close', '关闭'), onClick: onClose, children: _jsx(X, { className: "size-4" }) })] }), _jsx(Button, { variant: "ghost", className: "h-auto w-full p-0", "aria-label": t('inlineCanvas.review.enlarge', '放大预览'), onClick: () => setZoom(true), children: _jsx("img", { src: dataUrl, alt: t('inlineCanvas.review.screenshot', '元素截图'), className: "max-h-40 w-full object-contain" }) }), truncated && (_jsx("p", { className: "text-xs text-muted-foreground", children: t('inlineCanvas.review.shotTruncated', '元素超出可视区，只截到可见部分') })), scale < 1 && (_jsx("p", { className: "text-xs text-muted-foreground", children: t('inlineCanvas.review.shotScale', '截图分辨率约为原图的 {{scale}}%', {
+                    scale: Math.round(scale * 100)
+                }) })), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { size: "sm", variant: "secondary", asChild: true, children: _jsx("a", { href: dataUrl, download: "element-screenshot.png", children: t('inlineCanvas.review.downloadImage', '下载图片') }) }), typeof ClipboardItem !== 'undefined' && navigator.clipboard?.write && (_jsx(Button, { size: "sm", variant: "secondary", onClick: async () => {
+                            try {
+                                const blob = await (await fetch(dataUrl)).blob();
+                                await navigator.clipboard.write([
+                                    new ClipboardItem({ [blob.type]: blob })
+                                ]);
+                                setNote(t('inlineCanvas.review.imageCopied', '图片已复制'));
+                            }
+                            catch {
+                                setNote(t('inlineCanvas.review.copyError', '复制失败，请下载图片'));
+                            }
+                        }, children: t('inlineCanvas.review.copyImage', '复制图片') })), uploadImage && (_jsx(Button, { size: "sm", variant: "secondary", disabled: busy, onClick: () => void copyLink(), children: busy
+                            ? t('inlineCanvas.review.uploading', '正在上传…')
+                            : t('inlineCanvas.review.copyLink', '复制链接') }))] }), note && (_jsx("p", { role: "status", className: "text-xs", children: note })), url && (_jsx(Input, { readOnly: true, "aria-label": t('inlineCanvas.review.shotLink', '截图链接'), value: url, onFocus: e => e.target.select() })), _jsx(Dialog, { open: zoom, onOpenChange: setZoom, children: _jsxs(DialogContent, { size: "lg", closeLabel: t('inlineCanvas.chrome.close', '关闭'), children: [_jsx(DialogTitle, { children: t('inlineCanvas.review.screenshot', '元素截图') }), _jsx("img", { src: dataUrl, alt: t('inlineCanvas.review.screenshot', '元素截图'), className: "max-h-[70vh] w-full object-contain" })] }) })] }));
+}

package/dist/panels/StylePanel.d.ts

@@ -13,6 +13,11 @@ import type { ElementCapabilities } from '@ptengine/inline-core/protocol';
  * 真的打到了客户页 DOM 上，还各发了一次跨三跳的命令）。
  */
 export interface StylePanelProps {
+    /** Initial viewport position; subsequent selection geometry must not move the panel. */
+    anchor?: {
+        x: number;
+        y: number;
+    };
     tag: string;
     capabilities: ElementCapabilities | null;
     /** 元素当前的 author 层声明，用作输入框初值。 */
@@ -20,5 +25,6 @@ export interface StylePanelProps {
     /** 提交一条样式改动。由宿主接到 `changeList.addStyle`。 */
     onApply: (property: string, value: string) => void | Promise<unknown>;
     onClose: () => void;
+    onReset?: (property: string) => void;
 }
-export declare function StylePanel({ tag, capabilities, declaredStyles, onApply, onClose }: StylePanelProps): import("react").JSX.Element | null;
+export declare function StylePanel({ anchor, tag, capabilities, declaredStyles, onApply, onReset, onClose }: StylePanelProps): import("react").JSX.Element | null;