@shwfed/nuxt 0.10.6 → 0.10.8

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.10.6",
+  "version": "0.10.8",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/ui/button-configurator/ButtonConfiguratorDialog.vue

@@ -1,6 +1,8 @@
 <script setup>
+import { useNuxtApp } from "#app";
 import { useSortable } from "@vueuse/integrations/useSortable";
 import { Icon } from "@iconify/vue";
+import z from "zod";
 import { computed, nextTick, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { cn } from "../../../utils/cn";
@@ -38,6 +40,7 @@ const emit = defineEmits(["confirm"]);
 const open = defineModel("open", { type: Boolean, ...{
   default: false
 } });
+const { $toast } = useNuxtApp();
 const { t } = useI18n();
 const search = ref("");
 const draftGap = ref(props.config.gap ?? 12);
@@ -450,7 +453,21 @@ async function copySelectedId() {
     return;
   }
 }
-function confirmChanges() {
+function showImportError(message) {
+  $toast.error(message);
+}
+function showCopyError(message) {
+  $toast.error(message);
+}
+function showImportErrorWithCopyAction(message, onClick) {
+  $toast.error(message, {
+    action: {
+      label: t("copy-paste-error"),
+      onClick
+    }
+  });
+}
+function buildDraftConfig() {
   const generalStyleResult = ButtonsStyleC.safeParse(draftStyle.value);
   if (!generalStyleResult.success) {
     validationErrors.value = {
@@ -468,7 +485,196 @@ function confirmChanges() {
   if (!result.success) {
     return;
   }
-  emit("confirm", result.data);
+  return result.data;
+}
+function getValidDraftConfig(errorMessage) {
+  const config = buildDraftConfig();
+  if (!config) {
+    showCopyError(errorMessage);
+    return void 0;
+  }
+  return config;
+}
+function buildButtonConfigJsonSchema() {
+  return z.toJSONSchema(ButtonConfigC, {
+    io: "input",
+    unrepresentable: "any"
+  });
+}
+function buildAiPromptHeaderMarkdown() {
+  return [
+    "# \u6309\u94AE\u914D\u7F6E AI \u4E0A\u4E0B\u6587",
+    "\u4F60\u662F\u4E00\u4E2A\u5E2E\u52A9\u7528\u6237\u7F16\u8F91\u6309\u94AE\u7EC4\u4EF6\u914D\u7F6E\u7684 AI \u52A9\u624B\u3002",
+    "\u5982\u679C\u4F60\u4E0D\u786E\u5B9A\u6309\u94AE\u7ED3\u6784\u3001\u6587\u6848\u542B\u4E49\u3001\u6837\u5F0F\u8868\u8FBE\u5F0F\u6216\u4E1A\u52A1\u4E0A\u4E0B\u6587\uFF0C\u5FC5\u987B\u660E\u786E\u8BF4\u660E\u4E0D\u786E\u5B9A\u70B9\uFF0C\u4E0D\u8981\u731C\u6D4B\u3002",
+    "\u53EA\u6709\u5F53\u7528\u6237\u660E\u786E\u8981\u6C42\u8F93\u51FA\u914D\u7F6E\u65F6\uFF0C\u624D\u8FD4\u56DE\u5B8C\u6574\u914D\u7F6E\uFF1B\u5982\u679C\u8FD4\u56DE\u914D\u7F6E\uFF0C\u5FC5\u987B\u653E\u5728 Markdown code block \u4E2D\u3002"
+  ].join("\n");
+}
+function buildMarkdownNotes() {
+  return [
+    "## \u6CE8\u610F\u4E8B\u9879",
+    "- \u6240\u6709 `group.id`\u3001\u6309\u94AE `id`\u3001\u4E0B\u62C9\u6309\u94AE `id` \u90FD\u5FC5\u987B\u4FDD\u7559\u73B0\u6709 UUID\uFF0C\u4E0D\u8981\u751F\u6210\u65B0\u7684 ID \u66FF\u6362\u5DF2\u6709\u9879\u3002",
+    "- `groups` \u662F\u6839\u7EA7\u6309\u94AE\u7EC4\u5217\u8868\uFF1B\u4E0B\u62C9\u6309\u94AE\u53EA\u80FD\u5B58\u5728\u4E8E\u6309\u94AE\u7EC4\u5185\u3002",
+    "- \u4E0B\u62C9\u6309\u94AE\u7684 `items` \u53EA\u80FD\u662F\u6309\u94AE\u5217\u8868\uFF0C\u4E0D\u80FD\u518D\u5D4C\u5957\u4E0B\u62C9\u6309\u94AE\u6216\u6309\u94AE\u7EC4\u3002",
+    "- `style` \u5FC5\u987B\u662F\u8FD4\u56DE\u6837\u5F0F\u5BF9\u8C61\u7684 CEL \u8868\u8FBE\u5F0F\u5B57\u7B26\u4E32\uFF1B\u5982\u679C\u4E0D\u80FD\u786E\u5B9A\u4E0A\u4E0B\u6587\u53D8\u91CF\uFF0C\u8BF7\u5148\u8BF4\u660E\u9650\u5236\u3002"
+  ].join("\n");
+}
+function buildMarkdownCopyContent(config) {
+  return [
+    buildAiPromptHeaderMarkdown(),
+    "",
+    "## \u5F53\u524D\u914D\u7F6E",
+    "```json",
+    JSON.stringify(config, null, 2),
+    "```",
+    "",
+    buildMarkdownNotes(),
+    "",
+    "## ButtonConfig JSON Schema",
+    "```json",
+    JSON.stringify(buildButtonConfigJsonSchema(), null, 2),
+    "```"
+  ].join("\n");
+}
+function formatIssuePath(path) {
+  if (path.length === 0) {
+    return "(root)";
+  }
+  return path.map((segment) => {
+    if (typeof segment === "number") {
+      return `${segment}`;
+    }
+    if (typeof segment === "string") {
+      return segment;
+    }
+    return String(segment);
+  }).join(".");
+}
+function formatIssueExtraFields(issue) {
+  const lines = [];
+  for (const [key, value] of Object.entries(issue)) {
+    if (key === "code" || key === "message" || key === "path") {
+      continue;
+    }
+    lines.push(`  - ${key}: ${JSON.stringify(value)}`);
+  }
+  return lines;
+}
+function buildPasteConfigErrorDetails(source, error) {
+  if (error instanceof SyntaxError) {
+    return [
+      "## \u7C98\u8D34\u5931\u8D25\u539F\u56E0",
+      "- \u7C7B\u578B\uFF1AJSON \u89E3\u6790\u5931\u8D25",
+      `- message: ${error.message}`,
+      "",
+      "## \u539F\u59CB\u7C98\u8D34\u5185\u5BB9",
+      "```text",
+      source,
+      "```"
+    ].join("\n");
+  }
+  const issueLines = error.issues.flatMap((issue, index) => {
+    return [
+      `### Issue ${index + 1}`,
+      `- path: ${formatIssuePath(issue.path)}`,
+      `- code: ${issue.code}`,
+      `- message: ${issue.message}`,
+      ...formatIssueExtraFields(issue)
+    ];
+  });
+  return [
+    "## \u7C98\u8D34\u5931\u8D25\u539F\u56E0",
+    "- \u7C7B\u578B\uFF1ASchema \u6821\u9A8C\u5931\u8D25",
+    "",
+    "## \u539F\u59CB\u7C98\u8D34\u5185\u5BB9",
+    "```json",
+    source,
+    "```",
+    "",
+    "## Schema \u62A5\u9519",
+    ...issueLines
+  ].join("\n");
+}
+function buildPasteConfigErrorMarkdown(source, error) {
+  return [
+    buildAiPromptHeaderMarkdown(),
+    "",
+    "## \u5F53\u524D\u4EFB\u52A1",
+    "\u7528\u6237\u628A\u4E00\u6BB5\u914D\u7F6E\u7C98\u8D34\u56DE\u6309\u94AE\u914D\u7F6E\u5668\u65F6\u5931\u8D25\u4E86\u3002\u8BF7\u57FA\u4E8E\u4E0B\u9762\u7684\u539F\u59CB\u5185\u5BB9\u548C\u62A5\u9519\u4FEE\u590D\u5F53\u524D\u914D\u7F6E\u3002",
+    "\u8BF7\u4F18\u5148\u4FEE\u590D\u6700\u5C0F\u5FC5\u8981\u8303\u56F4\uFF0C\u4E0D\u8981\u91CD\u5EFA\u73B0\u6709\u9879\uFF0C\u4E5F\u4E0D\u8981\u66FF\u73B0\u6709\u9879\u751F\u6210\u65B0\u7684 UUID\u3002",
+    "\u53EA\u6709\u5F53\u7528\u6237\u660E\u786E\u8981\u6C42\u8F93\u51FA\u914D\u7F6E\u65F6\uFF0C\u624D\u8FD4\u56DE\u5B8C\u6574\u914D\u7F6E\uFF1B\u5982\u679C\u8FD4\u56DE\u914D\u7F6E\uFF0C\u5FC5\u987B\u653E\u5728 Markdown code block \u4E2D\u3002",
+    "",
+    buildPasteConfigErrorDetails(source, error),
+    "",
+    buildMarkdownNotes()
+  ].join("\n");
+}
+async function writeClipboardText(value, errorMessage) {
+  try {
+    await navigator.clipboard.writeText(value);
+  } catch {
+    showCopyError(errorMessage);
+  }
+}
+async function copyPasteConfigError(source, error) {
+  await writeClipboardText(
+    buildPasteConfigErrorMarkdown(source, error),
+    t("copy-paste-error-failed")
+  );
+}
+async function pasteConfigFromClipboard() {
+  let source = "";
+  try {
+    source = await navigator.clipboard.readText();
+  } catch {
+    showImportError(t("paste-config-read-failed"));
+    return;
+  }
+  let parsedValue;
+  try {
+    parsedValue = JSON.parse(source);
+  } catch (error) {
+    if (error instanceof SyntaxError) {
+      showImportErrorWithCopyAction(
+        t("paste-config-invalid-json"),
+        async () => copyPasteConfigError(source, error)
+      );
+      return;
+    }
+    showImportError(t("paste-config-invalid-json"));
+    return;
+  }
+  const result = ButtonConfigC.safeParse(parsedValue);
+  if (!result.success) {
+    showImportErrorWithCopyAction(
+      t("paste-config-invalid-schema"),
+      async () => copyPasteConfigError(source, result.error)
+    );
+    return;
+  }
+  applyDraftConfig(result.data);
+  await nextTick();
+  await refreshSortable();
+}
+async function copyConfig() {
+  const config = getValidDraftConfig(t("copy-config-failed"));
+  if (!config) {
+    return;
+  }
+  await writeClipboardText(JSON.stringify(config, null, 2), t("copy-config-failed"));
+}
+async function copyMarkdown() {
+  const config = getValidDraftConfig(t("copy-markdown-failed"));
+  if (!config) {
+    return;
+  }
+  await writeClipboardText(buildMarkdownCopyContent(config), t("copy-markdown-failed"));
+}
+function confirmChanges() {
+  const config = buildDraftConfig();
+  if (!config) {
+    return;
+  }
+  emit("confirm", config);
   open.value = false;
 }
 </script>
@@ -480,9 +686,22 @@ function confirmChanges() {
   >
     <DialogContent class="flex h-[min(40rem,calc(100vh-4rem))] w-[calc(100%-2rem)] max-w-[calc(100%-2rem)] flex-col overflow-hidden p-0 sm:w-[72rem] sm:max-w-[72rem]">
       <DialogHeader class="gap-1 border-b border-zinc-200 px-6 py-5">
-        <DialogTitle class="text-xl font-semibold text-zinc-800">
-          {{ t("configure-buttons") }}
-        </DialogTitle>
+        <div class="flex items-center gap-3">
+          <DialogTitle class="text-xl font-semibold text-zinc-800">
+            {{ t("configure-buttons") }}
+          </DialogTitle>
+          <Button
+            type="button"
+            variant="ghost"
+            size="sm"
+            data-slot="button-configurator-paste"
+            class="shrink-0"
+            @click="void pasteConfigFromClipboard()"
+          >
+            <Icon icon="fluent:clipboard-paste-20-regular" />
+            {{ t("paste-config") }}
+          </Button>
+        </div>
         <DialogDescription class="text-sm text-zinc-500">
           {{ t("configure-buttons-description") }}
         </DialogDescription>
@@ -881,6 +1100,24 @@ function confirmChanges() {
       </div>
 
       <DialogFooter class="border-t border-zinc-200 px-6 py-4">
+        <Button
+          type="button"
+          variant="ghost"
+          data-slot="button-configurator-copy-markdown"
+          @click="void copyMarkdown()"
+        >
+          <Icon icon="fluent:document-one-page-20-regular" />
+          {{ t("copy-markdown") }}
+        </Button>
+        <Button
+          type="button"
+          variant="ghost"
+          data-slot="button-configurator-copy-config"
+          @click="void copyConfig()"
+        >
+          <Icon icon="fluent:code-text-20-regular" />
+          {{ t("copy-config") }}
+        </Button>
         <Button
           type="button"
           variant="default"
@@ -909,6 +1146,16 @@ function confirmChanges() {
   "zh": {
     "configure-buttons": "配置按钮",
     "configure-buttons-description": "管理多个按钮组、组间距和下拉按钮结构。",
+    "paste-config": "粘贴配置",
+    "paste-config-invalid-json": "粘贴失败，剪贴板不是有效的 JSON。",
+    "paste-config-invalid-schema": "粘贴失败，配置格式无效。",
+    "paste-config-read-failed": "读取剪贴板失败，请检查剪贴板权限。",
+    "copy-paste-error": "复制错误详情",
+    "copy-paste-error-failed": "复制错误详情失败，请检查剪贴板权限。",
+    "copy-markdown": "复制为 Markdown",
+    "copy-markdown-failed": "复制 Markdown 失败，请先修正当前配置中的错误。",
+    "copy-config": "仅复制配置",
+    "copy-config-failed": "复制配置失败，请先修正当前配置中的错误。",
     "general": "总览",
     "general-description": "在这里管理按钮组和按钮组之间的间距。",
     "detail-description": "编辑当前选中节点，或调整它的子项顺序。",
@@ -951,6 +1198,16 @@ function confirmChanges() {
   "en": {
     "configure-buttons": "Configure buttons",
     "configure-buttons-description": "Manage button groups, group gaps, and dropdown structure.",
+    "paste-config": "Paste Config",
+    "paste-config-invalid-json": "Paste failed because the clipboard does not contain valid JSON.",
+    "paste-config-invalid-schema": "Paste failed because the config shape is invalid.",
+    "paste-config-read-failed": "Failed to read from the clipboard. Check clipboard permissions.",
+    "copy-paste-error": "Copy Error Details",
+    "copy-paste-error-failed": "Failed to copy the error details. Check clipboard permissions.",
+    "copy-markdown": "Copy as Markdown",
+    "copy-markdown-failed": "Failed to copy Markdown. Fix the current config errors first.",
+    "copy-config": "Copy Config Only",
+    "copy-config-failed": "Failed to copy the config. Fix the current config errors first.",
     "general": "General",
     "general-description": "Manage button groups and the gap between them.",
     "detail-description": "Edit the selected node and reorder its children.",
@@ -993,6 +1250,16 @@ function confirmChanges() {
   "ja": {
     "configure-buttons": "ボタン設定",
     "configure-buttons-description": "複数のボタングループとドロップダウン構造を管理します。",
+    "paste-config": "設定を貼り付け",
+    "paste-config-invalid-json": "貼り付けに失敗しました。クリップボードの内容が有効な JSON ではありません。",
+    "paste-config-invalid-schema": "貼り付けに失敗しました。設定形式が無効です。",
+    "paste-config-read-failed": "クリップボードの読み取りに失敗しました。権限を確認してください。",
+    "copy-paste-error": "エラー詳細をコピー",
+    "copy-paste-error-failed": "エラー詳細のコピーに失敗しました。クリップボード権限を確認してください。",
+    "copy-markdown": "Markdown としてコピー",
+    "copy-markdown-failed": "Markdown のコピーに失敗しました。現在の設定エラーを先に修正してください。",
+    "copy-config": "設定のみコピー",
+    "copy-config-failed": "設定のコピーに失敗しました。現在の設定エラーを先に修正してください。",
     "general": "全体",
     "general-description": "ボタングループとその間隔を管理します。",
     "detail-description": "選択中ノードを編集し、子項目を並び替えます。",
@@ -1035,6 +1302,16 @@ function confirmChanges() {
   "ko": {
     "configure-buttons": "버튼 설정",
     "configure-buttons-description": "여러 버튼 그룹과 드롭다운 구조를 관리합니다.",
+    "paste-config": "설정 붙여넣기",
+    "paste-config-invalid-json": "붙여넣기에 실패했습니다. 클립보드 내용이 올바른 JSON이 아닙니다.",
+    "paste-config-invalid-schema": "붙여넣기에 실패했습니다. 설정 형식이 올바르지 않습니다.",
+    "paste-config-read-failed": "클립보드를 읽지 못했습니다. 권한을 확인해 주세요.",
+    "copy-paste-error": "오류 세부 정보 복사",
+    "copy-paste-error-failed": "오류 세부 정보를 복사하지 못했습니다. 클립보드 권한을 확인해 주세요.",
+    "copy-markdown": "Markdown으로 복사",
+    "copy-markdown-failed": "Markdown 복사에 실패했습니다. 먼저 현재 설정 오류를 수정해 주세요.",
+    "copy-config": "설정만 복사",
+    "copy-config-failed": "설정 복사에 실패했습니다. 먼저 현재 설정 오류를 수정해 주세요.",
     "general": "전체",
     "general-description": "버튼 그룹과 그룹 간 간격을 관리합니다.",
     "detail-description": "선택한 노드를 편집하고 하위 항목 순서를 조정합니다.",

package/dist/runtime/components/ui/markdown-configurator/MarkdownConfiguratorDialog.vue

@@ -1,5 +1,7 @@
 <script setup>
 import { useNuxtApp } from "#app";
+import { Icon } from "@iconify/vue";
+import z from "zod";
 import { ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { hasVisibleLocaleValue } from "../../../utils/coders";
@@ -26,7 +28,7 @@ const emit = defineEmits(["confirm"]);
 const open = defineModel("open", { type: Boolean, ...{
   default: false
 } });
-const { $dsl } = useNuxtApp();
+const { $dsl, $toast } = useNuxtApp();
 const { t } = useI18n();
 const draftLocale = ref();
 const draftInline = ref(false);
@@ -82,10 +84,24 @@ function validateStyle(style) {
   styleError.value = t("style-error");
   return false;
 }
-function confirmChanges() {
+function showImportError(message) {
+  $toast.error(message);
+}
+function showCopyError(message) {
+  $toast.error(message);
+}
+function showImportErrorWithCopyAction(message, onClick) {
+  $toast.error(message, {
+    action: {
+      label: t("copy-paste-error"),
+      onClick
+    }
+  });
+}
+function buildDraftConfig() {
   const normalizedStyle = normalizeStyle(draftStyle.value);
   if (!validateStyle(normalizedStyle)) {
-    return;
+    return void 0;
   }
   const nextConfig = {};
   const localeValue = normalizeLocale(draftLocale.value);
@@ -98,7 +114,194 @@ function confirmChanges() {
   if (normalizedStyle) {
     nextConfig.style = normalizedStyle;
   }
-  emit("confirm", MarkdownConfigC.parse(nextConfig));
+  return MarkdownConfigC.parse(nextConfig);
+}
+function getValidDraftConfig(errorMessage) {
+  const config = buildDraftConfig();
+  if (!config) {
+    showCopyError(errorMessage);
+    return void 0;
+  }
+  return config;
+}
+function buildMarkdownConfigJsonSchema() {
+  return z.toJSONSchema(MarkdownConfigC, {
+    io: "input",
+    unrepresentable: "any"
+  });
+}
+function buildAiPromptHeaderMarkdown() {
+  return [
+    "# Markdown \u914D\u7F6E AI \u4E0A\u4E0B\u6587",
+    "\u4F60\u662F\u4E00\u4E2A\u5E2E\u52A9\u7528\u6237\u7F16\u8F91 Markdown \u7EC4\u4EF6\u914D\u7F6E\u7684 AI \u52A9\u624B\u3002",
+    "\u5982\u679C\u4F60\u4E0D\u786E\u5B9A\u6E32\u67D3\u4E0A\u4E0B\u6587\u3001\u8868\u8FBE\u5F0F\u542B\u4E49\u6216\u914D\u7F6E\u7EA6\u675F\uFF0C\u5FC5\u987B\u660E\u786E\u8BF4\u660E\u4E0D\u786E\u5B9A\u70B9\uFF0C\u4E0D\u8981\u731C\u6D4B\u3002",
+    "\u53EA\u6709\u5F53\u7528\u6237\u660E\u786E\u8981\u6C42\u8F93\u51FA\u914D\u7F6E\u65F6\uFF0C\u624D\u8FD4\u56DE\u5B8C\u6574\u914D\u7F6E\uFF1B\u5982\u679C\u8FD4\u56DE\u914D\u7F6E\uFF0C\u5FC5\u987B\u653E\u5728 Markdown code block \u4E2D\u3002"
+  ].join("\n");
+}
+function buildMarkdownNotes() {
+  return [
+    "## \u6CE8\u610F\u4E8B\u9879",
+    "- `locale` \u652F\u6301 Markdown \u5185\u5BB9\u548C `{{ expression }}` \u6A21\u677F\u8BED\u6CD5\u3002",
+    "- `inline` \u53EA\u80FD\u662F `true` \u6216\u7701\u7565\uFF1B\u7701\u7565\u65F6\u6309 block \u6E32\u67D3\u3002",
+    "- `style` \u5FC5\u987B\u662F CEL \u8868\u8FBE\u5F0F\u5B57\u7B26\u4E32\uFF0C\u5E76\u4E14\u8FD0\u884C\u540E\u8FD4\u56DE\u5BF9\u8C61\u3002",
+    "- \u5982\u679C\u5F53\u524D\u4FE1\u606F\u4E0D\u8DB3\u4EE5\u786E\u5B9A\u8868\u8FBE\u5F0F\u6216\u6587\u6848\uFF0C\u8BF7\u5148\u6307\u51FA\u7F3A\u5931\u4FE1\u606F\uFF0C\u4E0D\u8981\u81C6\u9020\u4E0A\u4E0B\u6587\u53D8\u91CF\u3002"
+  ].join("\n");
+}
+function buildMarkdownCopyContent(config) {
+  return [
+    buildAiPromptHeaderMarkdown(),
+    "",
+    "## \u5F53\u524D\u914D\u7F6E",
+    "```json",
+    JSON.stringify(config, null, 2),
+    "```",
+    "",
+    buildMarkdownNotes(),
+    "",
+    "## MarkdownConfig JSON Schema",
+    "```json",
+    JSON.stringify(buildMarkdownConfigJsonSchema(), null, 2),
+    "```"
+  ].join("\n");
+}
+function formatIssuePath(path) {
+  if (path.length === 0) {
+    return "(root)";
+  }
+  return path.map((segment) => {
+    if (typeof segment === "number") {
+      return `${segment}`;
+    }
+    if (typeof segment === "string") {
+      return segment;
+    }
+    return String(segment);
+  }).join(".");
+}
+function formatIssueExtraFields(issue) {
+  const lines = [];
+  for (const [key, value] of Object.entries(issue)) {
+    if (key === "code" || key === "message" || key === "path") {
+      continue;
+    }
+    lines.push(`  - ${key}: ${JSON.stringify(value)}`);
+  }
+  return lines;
+}
+function buildPasteConfigErrorDetails(source, error) {
+  if (error instanceof SyntaxError) {
+    return [
+      "## \u7C98\u8D34\u5931\u8D25\u539F\u56E0",
+      "- \u7C7B\u578B\uFF1AJSON \u89E3\u6790\u5931\u8D25",
+      `- message: ${error.message}`,
+      "",
+      "## \u539F\u59CB\u7C98\u8D34\u5185\u5BB9",
+      "```text",
+      source,
+      "```"
+    ].join("\n");
+  }
+  const issueLines = error.issues.flatMap((issue, index) => {
+    return [
+      `### Issue ${index + 1}`,
+      `- path: ${formatIssuePath(issue.path)}`,
+      `- code: ${issue.code}`,
+      `- message: ${issue.message}`,
+      ...formatIssueExtraFields(issue)
+    ];
+  });
+  return [
+    "## \u7C98\u8D34\u5931\u8D25\u539F\u56E0",
+    "- \u7C7B\u578B\uFF1ASchema \u6821\u9A8C\u5931\u8D25",
+    "",
+    "## \u539F\u59CB\u7C98\u8D34\u5185\u5BB9",
+    "```json",
+    source,
+    "```",
+    "",
+    "## Schema \u62A5\u9519",
+    ...issueLines
+  ].join("\n");
+}
+function buildPasteConfigErrorMarkdown(source, error) {
+  return [
+    buildAiPromptHeaderMarkdown(),
+    "",
+    "## \u5F53\u524D\u4EFB\u52A1",
+    "\u7528\u6237\u628A\u4E00\u6BB5\u914D\u7F6E\u7C98\u8D34\u56DE Markdown \u914D\u7F6E\u5668\u65F6\u5931\u8D25\u4E86\u3002\u8BF7\u57FA\u4E8E\u4E0B\u9762\u7684\u539F\u59CB\u5185\u5BB9\u548C\u62A5\u9519\u4FEE\u590D\u5F53\u524D\u914D\u7F6E\u3002",
+    "\u8BF7\u4F18\u5148\u4FEE\u590D\u6700\u5C0F\u5FC5\u8981\u8303\u56F4\uFF0C\u4E0D\u8981\u53D1\u660E schema \u4E2D\u4E0D\u5B58\u5728\u7684\u5B57\u6BB5\u3002",
+    "\u53EA\u6709\u5F53\u7528\u6237\u660E\u786E\u8981\u6C42\u8F93\u51FA\u914D\u7F6E\u65F6\uFF0C\u624D\u8FD4\u56DE\u5B8C\u6574\u914D\u7F6E\uFF1B\u5982\u679C\u8FD4\u56DE\u914D\u7F6E\uFF0C\u5FC5\u987B\u653E\u5728 Markdown code block \u4E2D\u3002",
+    "",
+    buildPasteConfigErrorDetails(source, error),
+    "",
+    buildMarkdownNotes()
+  ].join("\n");
+}
+async function writeClipboardText(value, errorMessage) {
+  try {
+    await navigator.clipboard.writeText(value);
+  } catch {
+    showCopyError(errorMessage);
+  }
+}
+async function copyPasteConfigError(source, error) {
+  await writeClipboardText(
+    buildPasteConfigErrorMarkdown(source, error),
+    t("copy-paste-error-failed")
+  );
+}
+async function pasteConfigFromClipboard() {
+  let source = "";
+  try {
+    source = await navigator.clipboard.readText();
+  } catch {
+    showImportError(t("paste-config-read-failed"));
+    return;
+  }
+  let parsedValue;
+  try {
+    parsedValue = JSON.parse(source);
+  } catch (error) {
+    if (error instanceof SyntaxError) {
+      showImportErrorWithCopyAction(
+        t("paste-config-invalid-json"),
+        async () => copyPasteConfigError(source, error)
+      );
+      return;
+    }
+    showImportError(t("paste-config-invalid-json"));
+    return;
+  }
+  const result = MarkdownConfigC.safeParse(parsedValue);
+  if (!result.success) {
+    showImportErrorWithCopyAction(
+      t("paste-config-invalid-schema"),
+      async () => copyPasteConfigError(source, result.error)
+    );
+    return;
+  }
+  resetDraftState(result.data);
+}
+async function copyConfig() {
+  const config = getValidDraftConfig(t("copy-config-failed"));
+  if (!config) {
+    return;
+  }
+  await writeClipboardText(JSON.stringify(config, null, 2), t("copy-config-failed"));
+}
+async function copyMarkdown() {
+  const config = getValidDraftConfig(t("copy-markdown-failed"));
+  if (!config) {
+    return;
+  }
+  await writeClipboardText(buildMarkdownCopyContent(config), t("copy-markdown-failed"));
+}
+function confirmChanges() {
+  const config = buildDraftConfig();
+  if (!config) {
+    return;
+  }
+  emit("confirm", config);
   open.value = false;
 }
 watch(() => props.config, (value) => {
@@ -116,9 +319,22 @@ watch(() => props.config, (value) => {
       :show-close-button="true"
     >
       <DialogHeader class="gap-1 border-b border-zinc-200 px-6 py-5">
-        <DialogTitle class="text-xl font-semibold text-zinc-800">
-          {{ t("configure-markdown") }}
-        </DialogTitle>
+        <div class="flex items-center gap-3">
+          <DialogTitle class="text-xl font-semibold text-zinc-800">
+            {{ t("configure-markdown") }}
+          </DialogTitle>
+          <Button
+            type="button"
+            variant="ghost"
+            size="sm"
+            data-slot="markdown-configurator-paste"
+            class="shrink-0"
+            @click="void pasteConfigFromClipboard()"
+          >
+            <Icon icon="fluent:clipboard-paste-20-regular" />
+            {{ t("paste-config") }}
+          </Button>
+        </div>
         <DialogDescription class="text-sm text-zinc-500">
           {{ t("configure-markdown-description") }}
         </DialogDescription>
@@ -213,6 +429,24 @@ watch(() => props.config, (value) => {
       </div>
 
       <DialogFooter class="border-t border-zinc-200 px-6 py-4">
+        <Button
+          data-slot="markdown-configurator-copy-markdown"
+          type="button"
+          variant="ghost"
+          @click="void copyMarkdown()"
+        >
+          <Icon icon="fluent:document-one-page-20-regular" />
+          {{ t("copy-markdown") }}
+        </Button>
+        <Button
+          data-slot="markdown-configurator-copy-config"
+          type="button"
+          variant="ghost"
+          @click="void copyConfig()"
+        >
+          <Icon icon="fluent:code-text-20-regular" />
+          {{ t("copy-config") }}
+        </Button>
         <Button
           data-slot="markdown-configurator-cancel"
           type="button"
@@ -239,6 +473,16 @@ watch(() => props.config, (value) => {
   "zh": {
     "configure-markdown": "配置 Markdown",
     "configure-markdown-description": "编辑 Markdown 文案、渲染模式和容器样式。",
+    "paste-config": "粘贴配置",
+    "paste-config-invalid-json": "粘贴失败，剪贴板不是有效的 JSON。",
+    "paste-config-invalid-schema": "粘贴失败，配置格式无效。",
+    "paste-config-read-failed": "读取剪贴板失败，请检查剪贴板权限。",
+    "copy-paste-error": "复制错误详情",
+    "copy-paste-error-failed": "复制错误详情失败，请检查剪贴板权限。",
+    "copy-markdown": "复制为 Markdown",
+    "copy-markdown-failed": "复制 Markdown 失败，请先修正当前配置中的错误。",
+    "copy-config": "仅复制配置",
+    "copy-config-failed": "复制配置失败，请先修正当前配置中的错误。",
     "locale": "文案",
     "locale-description": "支持 Markdown 编辑和 {expression} 语法。",
     "render-mode": "渲染模式",
@@ -255,6 +499,16 @@ watch(() => props.config, (value) => {
   "ja": {
     "configure-markdown": "Markdown を設定",
     "configure-markdown-description": "Markdown テキスト、描画モード、コンテナスタイルを編集します。",
+    "paste-config": "設定を貼り付け",
+    "paste-config-invalid-json": "貼り付けに失敗しました。クリップボードの内容が有効な JSON ではありません。",
+    "paste-config-invalid-schema": "貼り付けに失敗しました。設定形式が無効です。",
+    "paste-config-read-failed": "クリップボードの読み取りに失敗しました。権限を確認してください。",
+    "copy-paste-error": "エラー詳細をコピー",
+    "copy-paste-error-failed": "エラー詳細のコピーに失敗しました。クリップボード権限を確認してください。",
+    "copy-markdown": "Markdown としてコピー",
+    "copy-markdown-failed": "Markdown のコピーに失敗しました。現在の設定エラーを先に修正してください。",
+    "copy-config": "設定のみコピー",
+    "copy-config-failed": "設定のコピーに失敗しました。現在の設定エラーを先に修正してください。",
     "locale": "テキスト",
     "locale-description": "Markdown と {expression} 構文をサポートします。",
     "render-mode": "描画モード",
@@ -271,6 +525,16 @@ watch(() => props.config, (value) => {
   "en": {
     "configure-markdown": "Configure markdown",
     "configure-markdown-description": "Edit markdown content, render mode, and container style.",
+    "paste-config": "Paste Config",
+    "paste-config-invalid-json": "Paste failed because the clipboard does not contain valid JSON.",
+    "paste-config-invalid-schema": "Paste failed because the config shape is invalid.",
+    "paste-config-read-failed": "Failed to read from the clipboard. Check clipboard permissions.",
+    "copy-paste-error": "Copy Error Details",
+    "copy-paste-error-failed": "Failed to copy the error details. Check clipboard permissions.",
+    "copy-markdown": "Copy as Markdown",
+    "copy-markdown-failed": "Failed to copy Markdown. Fix the current config errors first.",
+    "copy-config": "Copy Config Only",
+    "copy-config-failed": "Failed to copy the config. Fix the current config errors first.",
     "locale": "Content",
     "locale-description": "Supports markdown editing and {expression} syntax.",
     "render-mode": "Render mode",

package/dist/runtime/components/ui/table/Table.vue

@@ -701,7 +701,7 @@ export { AccessorC, ColumnC, RenderC, TableConfigC } from "./schema";
                   v-for="r in rowWindow"
                   :key="rows[r.index]?.id ?? r.index"
                   :ref="measureRow"
-                  class="flex absolute w-full not-last:border-b border-zinc-300"
+                  class="flex absolute w-full border-b border-zinc-300"
                   :data-index="rows[r.index]?.index"
                   :style="{ transform: `translate3d(0, ${r.start}px, 0)` }"
                 >

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.10.6",
+  "version": "0.10.8",
   "description": "",
   "license": "MIT",
   "type": "module",