@atri-editor/core 0.2.0 → 0.3.0

package/dist/index.js

@@ -4,12 +4,40 @@ import { Markdown } from "@tiptap/markdown";
 import { Placeholder } from "@tiptap/extensions";
 import TextAlign from "@tiptap/extension-text-align";
 import BubbleMenu from "@tiptap/extension-bubble-menu";
-import { Table, TableRow, TableHeader, TableCell } from "@tiptap/extension-table";
+import { TaskList, TaskItem } from "@tiptap/extension-list";
+import { TableRow, TableHeader, TableCell, Table } from "@tiptap/extension-table";
 import Image from "@tiptap/extension-image";
 import { NodeSelection, Plugin, PluginKey } from "@tiptap/pm/state";
 import { Node as Node$1, DOMParser } from "@tiptap/pm/model";
 import i18next from "i18next";
 import { autoUpdate, computePosition, offset, flip, shift } from "@floating-ui/dom";
+function isBuiltinTableActive(editor) {
+  var _a;
+  const spec = (_a = editor.schema.nodes.table) == null ? void 0 : _a.spec;
+  return (spec == null ? void 0 : spec.tableRole) === "table";
+}
+function canInsertTable(editor) {
+  if (typeof editor.commands.insertTable !== "function") return false;
+  return isBuiltinTableActive(editor);
+}
+const DEFAULT_TABLE_CONFIG = {
+  resizable: true,
+  menu: true
+};
+function resolveTableConfig(table) {
+  return { ...DEFAULT_TABLE_CONFIG, ...typeof table === "object" ? table : void 0 };
+}
+const AtriTable = Table.extend({
+  addProseMirrorPlugins() {
+    var _a;
+    if (!isBuiltinTableActive(this.editor)) return [];
+    return ((_a = this.parent) == null ? void 0 : _a.call(this)) ?? [];
+  }
+});
+function createTableExtensions(table) {
+  const config = resolveTableConfig(table);
+  return [AtriTable.configure({ resizable: config.resizable }), TableRow, TableHeader, TableCell];
+}
 function mediaInsertTarget(selection) {
   if (selection instanceof NodeSelection && (selection.node.type.name === "image" || selection.node.type.name === "attachment" || selection.node.type.name === "attachmentLink")) {
     return selection.to;
@@ -1033,6 +1061,11 @@ function shouldShowBubbleMenu(props) {
   if (!group) return false;
   return !!element.querySelector(`[data-atri-bubble-group="${group}"] [data-toolbar-item]`);
 }
+const LINK_HTML_ATTRIBUTES = {
+  target: "_blank",
+  rel: "noopener noreferrer nofollow",
+  class: null
+};
 class CoreEditor {
   constructor(config) {
     this.config = config;
@@ -1041,11 +1074,22 @@ class CoreEditor {
     this.editor = this.createEditor();
   }
   createEditor() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const { element, content, contentFormat, editable, extensions } = this.config;
     const editorExtensions = [
       StarterKit.configure({
-        // StarterKit v3 默认包含 Underline, Link, TrailingNode
+        // StarterKit v3 默认包含 Underline, Link, TrailingNode。
+        // 链接：openOnClick 默认关——编辑态点击落在链接上，用户要的是改它，
+        // 而 Link 扩展开着导航时会把这次点击吃掉（连光标都放不进去）并打开新标签页，
+        // 未保存的内容就跟着这次点击没了。关掉后点击交给 LinkPanel 就地编辑。
+        link: {
+          openOnClick: ((_a = this.config.link) == null ? void 0 : _a.openOnClick) ?? false,
+          markdownLinks: ((_b = this.config.link) == null ? void 0 : _b.markdownLinks) ?? false,
+          HTMLAttributes: {
+            ...LINK_HTML_ATTRIBUTES,
+            target: ((_c = this.config.link) == null ? void 0 : _c.target) ?? LINK_HTML_ATTRIBUTES.target
+          }
+        }
       })
     ];
     editorExtensions.push(
@@ -1058,19 +1102,19 @@ class CoreEditor {
         types: ["heading", "paragraph"]
       })
     );
-    const markdownEnabled = ((_a = this.config.markdown) == null ? void 0 : _a.enabled) !== false;
+    const markdownEnabled = ((_d = this.config.markdown) == null ? void 0 : _d.enabled) !== false;
     if (markdownEnabled) {
       editorExtensions.push(
         Markdown.configure({
-          indentation: (_b = this.config.markdown) == null ? void 0 : _b.indentation,
-          markedOptions: (_c = this.config.markdown) == null ? void 0 : _c.markedOptions
+          indentation: (_e = this.config.markdown) == null ? void 0 : _e.indentation,
+          markedOptions: (_f = this.config.markdown) == null ? void 0 : _f.markedOptions
         })
       );
     }
     const contentType = contentFormat === "markdown" && !markdownEnabled ? void 0 : contentFormat;
     editorExtensions.push(...createMediaExtensions(this.config.media, this.mediaRuntime));
     if (this.config.table !== false) {
-      editorExtensions.push(Table, TableRow, TableHeader, TableCell);
+      editorExtensions.push(...createTableExtensions(resolveTableConfig(this.config.table)));
     }
     if (this.config.bubbleElement) {
       editorExtensions.push(
@@ -1089,7 +1133,8 @@ class CoreEditor {
         })
       );
     }
-    const enableInputRules = ((_d = this.config.markdown) == null ? void 0 : _d.shortcuts) !== false;
+    editorExtensions.push(TaskList, TaskItem);
+    const enableInputRules = ((_g = this.config.markdown) == null ? void 0 : _g.shortcuts) !== false;
     if (extensions) {
       editorExtensions.push(...extensions);
     }
@@ -1126,7 +1171,7 @@ class CoreEditor {
         (_b2 = (_a2 = this.config).onDestroy) == null ? void 0 : _b2.call(_a2);
       }
     });
-    (_e = this.mediaRuntime) == null ? void 0 : _e.bind(editor);
+    (_h = this.mediaRuntime) == null ? void 0 : _h.bind(editor);
     return editor;
   }
   /**
@@ -1433,6 +1478,7 @@ const zhResources = {
     taskList: "任务列表",
     codeBlock: "代码块",
     blockquote: "引用",
+    horizontalRule: "分割线",
     link: "链接",
     image: "图片",
     attachment: "附件",
@@ -1458,6 +1504,29 @@ const zhResources = {
     altPlaceholder: "替代文字",
     insert: "插入"
   },
+  table: {
+    menuLabel: "表格操作",
+    rowBefore: "上方插入行",
+    rowAfter: "下方插入行",
+    deleteRow: "删除行",
+    columnBefore: "左侧插入列",
+    columnAfter: "右侧插入列",
+    deleteColumn: "删除列",
+    mergeCells: "合并单元格",
+    splitCell: "拆分单元格",
+    toggleHeaderRow: "切换表头行",
+    alignLeft: "单元格左对齐",
+    alignCenter: "单元格居中",
+    alignRight: "单元格右对齐",
+    deleteTable: "删除表格"
+  },
+  link: {
+    panelLabel: "链接",
+    urlPlaceholder: "链接地址（https://…）",
+    newWindow: "在新窗口打开",
+    apply: "确定",
+    remove: "移除链接"
+  },
   ai: {
     menu: "AI 菜单",
     continue: "AI 续写",
@@ -1486,6 +1555,7 @@ const enResources = {
     taskList: "Task List",
     codeBlock: "Code Block",
     blockquote: "Blockquote",
+    horizontalRule: "Divider",
     link: "Link",
     image: "Image",
     attachment: "Attachment",
@@ -1511,6 +1581,29 @@ const enResources = {
     altPlaceholder: "Alternative text",
     insert: "Insert"
   },
+  table: {
+    menuLabel: "Table actions",
+    rowBefore: "Insert row above",
+    rowAfter: "Insert row below",
+    deleteRow: "Delete row",
+    columnBefore: "Insert column left",
+    columnAfter: "Insert column right",
+    deleteColumn: "Delete column",
+    mergeCells: "Merge cells",
+    splitCell: "Split cell",
+    toggleHeaderRow: "Toggle header row",
+    alignLeft: "Align cell left",
+    alignCenter: "Center cell",
+    alignRight: "Align cell right",
+    deleteTable: "Delete table"
+  },
+  link: {
+    panelLabel: "Link",
+    urlPlaceholder: "Link URL (https://…)",
+    newWindow: "Open in new window",
+    apply: "Apply",
+    remove: "Remove link"
+  },
   ai: {
     menu: "AI Menu",
     continue: "AI Continue",
@@ -2008,12 +2101,6 @@ class TableGridPanel {
     this.highlight(row + 1, col + 1);
   }
 }
-function canInsertTable(editor) {
-  var _a;
-  if (typeof editor.commands.insertTable !== "function") return false;
-  const spec = (_a = editor.schema.nodes.table) == null ? void 0 : _a.spec;
-  return (spec == null ? void 0 : spec.tableRole) === "table";
-}
 const icons = {
   undo: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7v6h6"/><path d="M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"/></svg>',
   redo: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 7v6h-6"/><path d="M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13"/></svg>',
@@ -2028,16 +2115,31 @@ const icons = {
   code: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>',
   list: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="8" x2="21" y1="6" y2="6"/><line x1="8" x2="21" y1="12" y2="12"/><line x1="8" x2="21" y1="18" y2="18"/><line x1="3" x2="3.01" y1="6" y2="6"/><line x1="3" x2="3.01" y1="12" y2="12"/><line x1="3" x2="3.01" y1="18" y2="18"/></svg>',
   listOrdered: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="10" x2="21" y1="6" y2="6"/><line x1="10" x2="21" y1="12" y2="12"/><line x1="10" x2="21" y1="18" y2="18"/><path d="M4 6h1v4"/><path d="M4 10h2"/><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"/></svg>',
+  listChecks: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m3 17 2 2 4-4"/><path d="m3 7 2 2 4-4"/><path d="M13 6h8"/><path d="M13 12h8"/><path d="M13 18h8"/></svg>',
+  horizontalRule: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" x2="19" y1="12" y2="12"/></svg>',
   quote: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"/><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"/></svg>',
   codeBlock: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>',
   alignLeft: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg>',
   alignCenter: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="17" x2="7" y1="12" y2="12"/><line x1="19" x2="5" y1="18" y2="18"/></svg>',
   alignRight: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="21" x2="9" y1="12" y2="12"/><line x1="21" x2="7" y1="18" y2="18"/></svg>',
+  alignJustify: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="21" x2="3" y1="12" y2="12"/><line x1="21" x2="3" y1="18" y2="18"/></svg>',
   image: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21"/></svg>',
   paperclip: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m16 6-8.4 8.6a2 2 0 0 0 2.8 2.8l8.4-8.6a4 4 0 1 0-5.6-5.6l-8.4 8.5a6 6 0 1 0 8.5 8.5l8.4-8.4"/></svg>',
   link: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 17H7A5 5 0 1 1 7 7h2"/><path d="M15 7h2a5 5 0 1 1 0 10h-2"/><line x1="8" x2="16" y1="12" y2="12"/></svg>',
   table: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v18"/><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M3 15h18"/></svg>',
-  trash: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>'
+  trash: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>',
+  // 表格操作菜单：统一用「表格边框 + 方向标记」一套句法——
+  // 行操作画横分隔线、列操作画竖分隔线，加号落在哪一格就是插到哪一侧，
+  // 减号落在哪一格就是删哪一格（两种删除靠分隔线方向区分）
+  tableRowBefore: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M3 15h18"/><path d="M12 4.5v3"/><path d="M10.5 6h3"/></svg>',
+  tableRowAfter: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M3 15h18"/><path d="M12 16.5v3"/><path d="M10.5 18h3"/></svg>',
+  tableRowDelete: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M3 15h18"/><path d="M10.5 12h3"/></svg>',
+  tableColumnBefore: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18"/><path d="M15 3v18"/><path d="M4.5 12h3"/><path d="M6 10.5v3"/></svg>',
+  tableColumnAfter: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18"/><path d="M15 3v18"/><path d="M16.5 12h3"/><path d="M18 10.5v3"/></svg>',
+  tableColumnDelete: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18"/><path d="M15 3v18"/><path d="M10.5 12h3"/></svg>',
+  tableMergeCells: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/><path d="m10.5 9.5-2.5 2.5 2.5 2.5"/><path d="m13.5 9.5 2.5 2.5-2.5 2.5"/></svg>',
+  tableSplitCell: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M12 3v18"/><path d="M9 12H6"/><path d="M15 12h3"/></svg>',
+  tableHeaderRow: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M7 6h4"/></svg>'
 };
 const TOOLTIP_KEYS = {
   undo: "editor.undo",
@@ -2053,19 +2155,23 @@ const TOOLTIP_KEYS = {
   code: "editor.code",
   bulletList: "editor.bulletList",
   orderedList: "editor.orderedList",
+  taskList: "editor.taskList",
   blockquote: "editor.blockquote",
   codeBlock: "editor.codeBlock",
+  horizontalRule: "editor.horizontalRule",
   alignLeft: "editor.alignLeft",
   alignCenter: "editor.alignCenter",
   alignRight: "editor.alignRight",
+  alignJustify: "editor.alignJustify",
   insertImage: "editor.image",
   insertAttachment: "editor.attachment",
   attachmentDisplay: "editor.attachmentDisplay",
   insertTable: "editor.table",
+  insertLink: "editor.link",
   delete: "editor.delete"
 };
 class ToolbarManager {
-  constructor(editor, container, config, i18n, mediaRuntime) {
+  constructor(editor, container, config, i18n, mediaRuntime, linkPanel) {
     var _a;
     this.buttons = /* @__PURE__ */ new Map();
     this.customTooltips = /* @__PURE__ */ new Map();
@@ -2077,6 +2183,7 @@ class ToolbarManager {
     this.config = config;
     this.i18n = i18n;
     this.mediaRuntime = mediaRuntime ?? null;
+    this.linkPanel = linkPanel ?? null;
     this.itemDefs = this.getDefaultItems();
     this.createToolbarDOM();
     this.bindEditorEvents();
@@ -2169,11 +2276,13 @@ class ToolbarManager {
     const layout = [
       ["undo", "redo"],
       ["heading1", "heading2", "heading3", "paragraph"],
-      ["bold", "italic", "underline", "strike", "code"],
-      ["bulletList", "orderedList", "blockquote", "codeBlock"],
-      ["alignLeft", "alignCenter", "alignRight"],
-      // 同媒体组的道理：表格节点没注册时这项不存在，默认布局里也不摆空位
-      ...this.itemDefs.has("insertTable") ? [["insertTable"]] : [],
+      // 链接跟着行内格式走：它也是一段文字上的标记，只是要填地址所以带浮层
+      ["bold", "italic", "underline", "strike", "code", "insertLink"],
+      ["bulletList", "orderedList", "taskList", "blockquote", "codeBlock"],
+      ["alignLeft", "alignCenter", "alignRight", "alignJustify"],
+      // 分割线与表格自成一组：都是"往正文里插一块"的动作，没有激活态。
+      // 表格节点没注册时（table:false 或被顶掉）这项不存在，组里只剩分割线，不会吊出空组
+      ["horizontalRule", ...this.itemDefs.has("insertTable") ? ["insertTable"] : []],
       // 「附件样式」不再常驻：切换形态改由选中附件时的浮动工具栏承接（bubble 默认开）
       ...this.itemDefs.has("insertImage") ? [["insertImage", "insertAttachment"]] : []
     ];
@@ -2318,6 +2427,24 @@ class ToolbarManager {
         isDisabled: (editor) => !editor.isEditable
       });
     }
+    if (this.linkPanel) {
+      items.set("insertLink", {
+        id: "insertLink",
+        icon: icons.link,
+        tooltip: "链接",
+        popup: true,
+        command: (_editor, button) => {
+          var _a;
+          return (_a = this.linkPanel) == null ? void 0 : _a.toggle(button);
+        },
+        // 浮层开着时按下去是关，所以按钮的"按下态"跟的是浮层，不是选区里有没有链接
+        isActive: (editor) => {
+          var _a;
+          return ((_a = this.linkPanel) == null ? void 0 : _a.isOpen) === true || editor.isActive("link");
+        },
+        isDisabled: (editor) => !editor.isEditable
+      });
+    }
     items.set("delete", {
       id: "delete",
       icon: icons.trash,
@@ -2430,6 +2557,14 @@ class ToolbarManager {
       isActive: (editor) => editor.isActive("orderedList"),
       isDisabled: (editor) => !editor.can().toggleOrderedList()
     });
+    items.set("taskList", {
+      id: "taskList",
+      icon: icons.listChecks,
+      tooltip: "任务列表",
+      command: (editor) => editor.chain().toggleTaskList().run(),
+      isActive: (editor) => editor.isActive("taskList"),
+      isDisabled: (editor) => !editor.can().toggleTaskList()
+    });
     items.set("blockquote", {
       id: "blockquote",
       icon: icons.quote,
@@ -2446,6 +2581,14 @@ class ToolbarManager {
       isActive: (editor) => editor.isActive("codeBlock"),
       isDisabled: (editor) => !editor.can().toggleCodeBlock()
     });
+    items.set("horizontalRule", {
+      id: "horizontalRule",
+      icon: icons.horizontalRule,
+      tooltip: "分割线",
+      command: (editor) => editor.chain().setHorizontalRule().run(),
+      isActive: () => false,
+      isDisabled: (editor) => !editor.can().setHorizontalRule()
+    });
     items.set("alignLeft", {
       id: "alignLeft",
       icon: icons.alignLeft,
@@ -2470,6 +2613,14 @@ class ToolbarManager {
       isActive: (editor) => editor.isActive({ textAlign: "right" }),
       isDisabled: (editor) => !editor.can().setTextAlign("right")
     });
+    items.set("alignJustify", {
+      id: "alignJustify",
+      icon: icons.alignJustify,
+      tooltip: "两端对齐",
+      command: (editor) => editor.chain().setTextAlign("justify").run(),
+      isActive: (editor) => editor.isActive({ textAlign: "justify" }),
+      isDisabled: (editor) => !editor.can().setTextAlign("justify")
+    });
     return items;
   }
   /**
@@ -2486,6 +2637,9 @@ class ToolbarManager {
   }
   /**
    * 更新所有按钮状态
+   *
+   * 公开是因为浮层开合不改文档，等不到 transaction：挂在门面上的浮层（链接）
+   * 由门面在开合时叫一次，挂在这里的浮层则在 onOpenChange 里叫
    */
   updateButtonStates() {
     this.buttons.forEach((buttons, itemId) => {
@@ -2517,6 +2671,479 @@ class ToolbarManager {
     this.createdElements = [];
   }
 }
+function normalizeHref(value) {
+  const href = value.trim();
+  if (!href) return "";
+  if (/^[a-z][a-z0-9+.-]*:/i.test(href) || /^[/#.]/.test(href)) return href;
+  return `https://${href}`;
+}
+class LinkPanel {
+  constructor(options) {
+    var _a;
+    this.element = null;
+    this.floating = null;
+    this.detachDismiss = null;
+    this.labelled = [];
+    this.urlInput = null;
+    this.targetInput = null;
+    this.editing = false;
+    this.onEditorClick = (event) => {
+      if (this.openOnClick || !this.editor.isEditable) return;
+      if (!this.editor.state.selection.empty) return;
+      const target = event.target;
+      if (!(target instanceof Element)) return;
+      const anchor = target.closest("a");
+      if (!anchor || !this.root.contains(anchor)) return;
+      event.preventDefault();
+      this.open(anchor);
+    };
+    this.editor = options.editor;
+    this.root = options.root;
+    this.i18n = options.i18n;
+    this.openOnClick = options.openOnClick ?? false;
+    this.defaultTarget = options.target ?? "_blank";
+    this.onOpenChange = options.onOpenChange;
+    this.unsubscribeLanguage = (_a = this.i18n) == null ? void 0 : _a.onLanguageChanged(() => this.applyLabels());
+    this.root.addEventListener("click", this.onEditorClick);
+  }
+  get isOpen() {
+    return this.element !== null;
+  }
+  toggle(anchor) {
+    if (this.isOpen) {
+      this.close();
+      return;
+    }
+    this.open(anchor);
+  }
+  open(anchor) {
+    var _a;
+    this.close();
+    this.editing = this.editor.isActive("link");
+    this.build();
+    const panel = this.element;
+    if (!panel) return;
+    this.floating = positionPanel(anchor, panel, () => this.element === panel);
+    this.detachDismiss = listenPanelDismiss(anchor, panel, () => this.close());
+    (_a = this.onOpenChange) == null ? void 0 : _a.call(this, true);
+  }
+  close() {
+    var _a, _b, _c, _d;
+    const wasOpen = this.element !== null;
+    (_a = this.detachDismiss) == null ? void 0 : _a.call(this);
+    this.detachDismiss = null;
+    (_b = this.floating) == null ? void 0 : _b.stop();
+    this.floating = null;
+    (_c = this.element) == null ? void 0 : _c.remove();
+    this.element = null;
+    this.urlInput = null;
+    this.targetInput = null;
+    this.labelled = [];
+    this.editing = false;
+    if (wasOpen) (_d = this.onOpenChange) == null ? void 0 : _d.call(this, false);
+  }
+  destroy() {
+    var _a;
+    this.root.removeEventListener("click", this.onEditorClick);
+    this.close();
+    (_a = this.unsubscribeLanguage) == null ? void 0 : _a.call(this);
+    this.unsubscribeLanguage = void 0;
+  }
+  t(key, fallback) {
+    return tOrFallback(this.i18n, key, fallback);
+  }
+  /** 登记一处随语言重画的文案：input 画到 placeholder，其他画成文字 */
+  label(el, key, fallback) {
+    this.labelled.push({ el, key, fallback });
+    this.applyLabel({ el, key, fallback });
+  }
+  applyLabels() {
+    this.labelled.forEach((entry) => this.applyLabel(entry));
+  }
+  applyLabel({ el, key, fallback }) {
+    const text = this.t(key, fallback);
+    if (el instanceof HTMLInputElement) el.placeholder = text;
+    else el.textContent = text;
+  }
+  build() {
+    const panel = document.createElement("div");
+    panel.className = "atri-link-panel";
+    panel.setAttribute("role", "dialog");
+    panel.setAttribute("aria-label", this.t("link.panelLabel", "链接"));
+    const url = document.createElement("input");
+    url.type = "url";
+    url.className = "atri-link-panel-url";
+    this.label(url, "link.urlPlaceholder", "链接地址（https://…）");
+    url.value = this.editing ? String(this.editor.getAttributes("link").href ?? "") : "";
+    url.addEventListener("keydown", (event) => {
+      if (event.key === "Enter") {
+        event.preventDefault();
+        this.apply();
+      }
+    });
+    panel.appendChild(url);
+    this.urlInput = url;
+    const targetLabel = document.createElement("label");
+    targetLabel.className = "atri-link-panel-target";
+    const target = document.createElement("input");
+    target.type = "checkbox";
+    target.checked = this.editing ? this.editor.getAttributes("link").target !== "_self" : this.defaultTarget === "_blank";
+    const targetText = document.createElement("span");
+    this.label(targetText, "link.newWindow", "在新窗口打开");
+    targetLabel.append(target, targetText);
+    panel.appendChild(targetLabel);
+    this.targetInput = target;
+    const actions = document.createElement("div");
+    actions.className = "atri-link-panel-actions";
+    if (this.editing) {
+      const remove = document.createElement("button");
+      remove.type = "button";
+      remove.className = "atri-link-panel-remove";
+      this.label(remove, "link.remove", "移除链接");
+      remove.addEventListener("click", () => this.remove());
+      actions.appendChild(remove);
+    }
+    const apply = document.createElement("button");
+    apply.type = "button";
+    apply.className = "atri-link-panel-apply";
+    this.label(apply, "link.apply", "确定");
+    apply.addEventListener("click", () => this.apply());
+    actions.appendChild(apply);
+    panel.appendChild(actions);
+    document.body.appendChild(panel);
+    this.element = panel;
+    copyThemeClasses(this.root, panel);
+    url.focus();
+    url.select();
+  }
+  /** 有链接就整条改（extendMarkRange 把范围摊到整段链接），没链接就看选区：套住它，或者把地址本身当链接文字插进去 */
+  apply() {
+    var _a, _b;
+    const href = normalizeHref(((_a = this.urlInput) == null ? void 0 : _a.value) ?? "");
+    if (!href) return;
+    const target = ((_b = this.targetInput) == null ? void 0 : _b.checked) ? "_blank" : "_self";
+    const { editor } = this;
+    const chain = editor.chain().focus();
+    if (this.editing) {
+      chain.extendMarkRange("link").setLink({ href, target }).run();
+    } else if (editor.state.selection.empty) {
+      chain.insertContent({
+        type: "text",
+        text: href,
+        marks: [{ type: "link", attrs: { href, target } }]
+      }).run();
+    } else {
+      chain.setLink({ href, target }).run();
+    }
+    this.close();
+  }
+  remove() {
+    this.editor.chain().focus().extendMarkRange("link").unsetLink().run();
+    this.close();
+  }
+}
+function cellPos(state) {
+  const { $from } = state.selection;
+  for (let depth = $from.depth; depth > 0; depth--) {
+    const name = $from.node(depth).type.name;
+    if (name === "tableCell" || name === "tableHeader") return $from.before(depth);
+  }
+  return null;
+}
+function cellAlignmentActive(align) {
+  return (editor) => editor.isActive("tableCell", { align }) || editor.isActive("tableHeader", { align });
+}
+function buildItems() {
+  const items = [
+    {
+      id: "addRowBefore",
+      icon: icons.tableRowBefore,
+      labelKey: "table.rowBefore",
+      label: "上方插入行",
+      group: 0,
+      command: (editor) => editor.chain().focus().addRowBefore().run()
+    },
+    {
+      id: "addRowAfter",
+      icon: icons.tableRowAfter,
+      labelKey: "table.rowAfter",
+      label: "下方插入行",
+      group: 0,
+      command: (editor) => editor.chain().focus().addRowAfter().run()
+    },
+    {
+      id: "deleteRow",
+      icon: icons.tableRowDelete,
+      labelKey: "table.deleteRow",
+      label: "删除行",
+      group: 0,
+      command: (editor) => editor.chain().focus().deleteRow().run()
+    },
+    {
+      id: "addColumnBefore",
+      icon: icons.tableColumnBefore,
+      labelKey: "table.columnBefore",
+      label: "左侧插入列",
+      group: 1,
+      command: (editor) => editor.chain().focus().addColumnBefore().run()
+    },
+    {
+      id: "addColumnAfter",
+      icon: icons.tableColumnAfter,
+      labelKey: "table.columnAfter",
+      label: "右侧插入列",
+      group: 1,
+      command: (editor) => editor.chain().focus().addColumnAfter().run()
+    },
+    {
+      id: "deleteColumn",
+      icon: icons.tableColumnDelete,
+      labelKey: "table.deleteColumn",
+      label: "删除列",
+      group: 1,
+      command: (editor) => editor.chain().focus().deleteColumn().run()
+    },
+    {
+      // 合并要有两个以上单元格被框住，单选一个时按不动——禁用而不是隐藏，位置别跳
+      id: "mergeCells",
+      icon: icons.tableMergeCells,
+      labelKey: "table.mergeCells",
+      label: "合并单元格",
+      group: 2,
+      command: (editor) => editor.chain().focus().mergeCells().run(),
+      isDisabled: (editor) => !editor.can().mergeCells()
+    },
+    {
+      id: "splitCell",
+      icon: icons.tableSplitCell,
+      labelKey: "table.splitCell",
+      label: "拆分单元格",
+      group: 2,
+      command: (editor) => editor.chain().focus().splitCell().run(),
+      isDisabled: (editor) => !editor.can().splitCell()
+    },
+    {
+      id: "toggleHeaderRow",
+      icon: icons.tableHeaderRow,
+      labelKey: "table.toggleHeaderRow",
+      label: "切换表头行",
+      group: 2,
+      command: (editor) => editor.chain().focus().toggleHeaderRow().run(),
+      isActive: (editor) => editor.isActive("tableHeader")
+    }
+  ];
+  const alignments = [
+    ["left", "table.alignLeft", "单元格左对齐"],
+    ["center", "table.alignCenter", "单元格居中"],
+    ["right", "table.alignRight", "单元格右对齐"]
+  ];
+  alignments.forEach(([align, labelKey, label]) => {
+    const suffix = `${align[0].toUpperCase()}${align.slice(1)}`;
+    items.push({
+      id: `cellAlign${suffix}`,
+      icon: icons[`align${suffix}`],
+      labelKey,
+      label,
+      group: 3,
+      command: (editor) => editor.chain().focus().setCellAttribute("align", align).run(),
+      isActive: cellAlignmentActive(align)
+    });
+  });
+  items.push({
+    id: "deleteTable",
+    icon: icons.trash,
+    labelKey: "table.deleteTable",
+    label: "删除表格",
+    group: 4,
+    command: (editor) => editor.chain().focus().deleteTable().run()
+  });
+  return items;
+}
+class TableMenu {
+  constructor(options) {
+    var _a;
+    this.element = null;
+    this.dismissed = false;
+    this.sync = () => {
+      const inTable = cellPos(this.editor.state) !== null;
+      if (!inTable) {
+        this.dismissed = false;
+        this.hide();
+        return;
+      }
+      if (this.dismissed || !this.editor.isEditable) {
+        this.hide();
+        return;
+      }
+      this.show();
+    };
+    this.onBlur = () => {
+      this.hide();
+    };
+    this.onScroll = () => {
+      if (this.element) void this.position();
+    };
+    this.dismiss = () => {
+      this.dismissed = true;
+      this.hide();
+    };
+    this.editor = options.editor;
+    this.root = options.root;
+    this.i18n = options.i18n;
+    this.items = buildItems();
+    this.editor.on("update", this.sync);
+    this.editor.on("selectionUpdate", this.sync);
+    this.editor.on("focus", this.sync);
+    this.editor.on("blur", this.onBlur);
+    document.addEventListener("scroll", this.onScroll, true);
+    this.unsubscribeLanguage = (_a = this.i18n) == null ? void 0 : _a.onLanguageChanged(() => this.applyLabels());
+    this.sync();
+  }
+  get isOpen() {
+    return this.element !== null;
+  }
+  destroy() {
+    var _a;
+    this.editor.off("update", this.sync);
+    this.editor.off("selectionUpdate", this.sync);
+    this.editor.off("focus", this.sync);
+    this.editor.off("blur", this.onBlur);
+    document.removeEventListener("scroll", this.onScroll, true);
+    (_a = this.unsubscribeLanguage) == null ? void 0 : _a.call(this);
+    this.unsubscribeLanguage = void 0;
+    this.hide();
+  }
+  t(key, fallback) {
+    return tOrFallback(this.i18n, key, fallback);
+  }
+  show() {
+    if (!this.element) this.build();
+    this.updateStates();
+    void this.position();
+  }
+  hide() {
+    var _a;
+    (_a = this.detachEscape) == null ? void 0 : _a.call(this);
+    this.detachEscape = void 0;
+    if (!this.element) return;
+    this.element.remove();
+    this.element = null;
+  }
+  /**
+   * Escape 收起菜单。这里不用 floating-panel 的 listenPanelDismiss：那一套还管外点关闭，
+   * 而点外面多半仍落在同一个单元格里，关了立刻被下一次状态更新重新浮出，只会闪
+   */
+  listenEscape() {
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      event.preventDefault();
+      event.stopPropagation();
+      this.dismiss();
+    };
+    document.addEventListener("keydown", onKeyDown, true);
+    return () => document.removeEventListener("keydown", onKeyDown, true);
+  }
+  build() {
+    const panel = document.createElement("div");
+    panel.className = "atri-table-menu";
+    panel.setAttribute("role", "toolbar");
+    panel.setAttribute("aria-label", this.t("table.menuLabel", "表格操作"));
+    panel.addEventListener("mousedown", (event) => event.preventDefault());
+    let lastGroup = null;
+    this.items.forEach((item) => {
+      if (lastGroup !== null && item.group !== lastGroup) {
+        const separator = document.createElement("div");
+        separator.className = "atri-table-menu-separator";
+        panel.appendChild(separator);
+      }
+      lastGroup = item.group;
+      const button = document.createElement("button");
+      button.type = "button";
+      button.className = "atri-editor-toolbar-btn";
+      button.setAttribute("data-table-item", item.id);
+      button.title = this.t(item.labelKey, item.label);
+      button.innerHTML = item.icon;
+      button.addEventListener("click", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        item.command(this.editor);
+      });
+      panel.appendChild(button);
+    });
+    document.body.appendChild(panel);
+    this.element = panel;
+    copyThemeClasses(this.root, panel);
+    this.detachEscape = this.listenEscape();
+  }
+  applyLabels() {
+    const panel = this.element;
+    if (!panel) return;
+    panel.setAttribute("aria-label", this.t("table.menuLabel", "表格操作"));
+    this.items.forEach((item) => {
+      const button = panel.querySelector(`[data-table-item="${item.id}"]`);
+      if (button) button.title = this.t(item.labelKey, item.label);
+    });
+  }
+  updateStates() {
+    const panel = this.element;
+    if (!panel) return;
+    this.items.forEach((item) => {
+      var _a, _b;
+      const button = panel.querySelector(`[data-table-item="${item.id}"]`);
+      if (!button) return;
+      button.disabled = ((_a = item.isDisabled) == null ? void 0 : _a.call(item, this.editor)) ?? false;
+      button.classList.toggle("active", ((_b = item.isActive) == null ? void 0 : _b.call(item, this.editor)) ?? false);
+    });
+  }
+  /**
+   * 当前单元格的虚拟锚点；量不到返回 null，调用方保持面板可见但不改坐标
+   *
+   * 优先锚在单元格盒子上（菜单跟着格子走，比跟着光标稳），拿不到盒子才退回光标坐标
+   */
+  anchor() {
+    const { view, state } = this.editor;
+    const pos = cellPos(state);
+    if (pos !== null) {
+      try {
+        const dom = view.nodeDOM(pos);
+        if (dom instanceof HTMLElement) {
+          const rect = dom.getBoundingClientRect();
+          if (rect.width || rect.height) return { getBoundingClientRect: () => rect };
+        }
+      } catch {
+      }
+    }
+    try {
+      const coords = view.coordsAtPos(state.selection.from);
+      return {
+        getBoundingClientRect: () => new DOMRect(coords.left, coords.top, 0, coords.bottom - coords.top)
+      };
+    } catch {
+      return null;
+    }
+  }
+  async position() {
+    const panel = this.element;
+    if (!panel) return;
+    const reference = this.anchor();
+    if (!reference) return;
+    let x;
+    let y;
+    try {
+      ({ x, y } = await computePosition(reference, panel, {
+        // 贴在单元格上沿：菜单跟着当前格走，长表格里也不会跑到视口外
+        placement: "top-start",
+        middleware: [offset(6), flip(), shift({ padding: 8 })]
+      }));
+    } catch {
+      return;
+    }
+    if (this.element !== panel) return;
+    panel.style.position = "fixed";
+    panel.style.left = `${x}px`;
+    panel.style.top = `${y}px`;
+  }
+}
 class MediaStatusStrip {
   constructor(runtime, container, i18n) {
     const t = (key, fallback, options) => (i18n == null ? void 0 : i18n.tOr(key, fallback, options)) ?? fallback;
@@ -2983,6 +3610,8 @@ class AtriEditor {
     this.toolbarContainer = null;
     this.aiService = null;
     this.aiMenuManager = null;
+    this.linkPanel = null;
+    this.tableMenu = null;
     this.mediaStatus = null;
     this.pendingViewState = null;
     this.bubbleElement = null;
@@ -3060,6 +3689,7 @@ class AtriEditor {
       markdown: this.options.markdown,
       media: this.options.media,
       table: this.options.table,
+      link: this.options.link,
       mediaRuntime: this.mediaRuntime ?? void 0,
       bubbleElement: this.ensureBubbleElement(this.options.toolbar),
       onCreate: () => {
@@ -3083,19 +3713,39 @@ class AtriEditor {
       }
     });
   }
-  /** 初始化依赖编辑器实例的子系统：Markdown 服务、工具栏、AI 服务，重建后同样要重新走一遍 */
+  /** 初始化依赖编辑器实例的子系统：Markdown 服务、链接浮层、工具栏、表格菜单、AI 服务，重建后同样要重新走一遍 */
   setupSubsystems() {
+    var _a, _b;
     this.markdownService = new MarkdownService(this.editor, this.options.markdown);
+    this.linkPanel = this.editor.schema.marks.link ? new LinkPanel({
+      editor: this.editor,
+      root: this.container,
+      i18n: this.i18nManager,
+      openOnClick: ((_a = this.options.link) == null ? void 0 : _a.openOnClick) ?? false,
+      target: ((_b = this.options.link) == null ? void 0 : _b.target) ?? "_blank",
+      // 开合不改文档，工具栏等不到 transaction，按钮的按下态得主动推一次
+      onOpenChange: () => {
+        var _a2;
+        return (_a2 = this.toolbarManager) == null ? void 0 : _a2.updateButtonStates();
+      }
+    }) : null;
     if (this.toolbarContainer && this.options.toolbar !== false) {
       this.toolbarManager = new ToolbarManager(
         this.editor,
         this.toolbarContainer,
         this.options.toolbar,
         this.i18nManager,
-        this.mediaRuntime
+        this.mediaRuntime,
+        this.linkPanel
       );
       if (this.bubbleElement) this.toolbarManager.attachBubbleToolbar(this.bubbleElement);
     }
+    const tableConfig = resolveTableConfig(this.options.table);
+    this.tableMenu = tableConfig.menu && canInsertTable(this.editor) ? new TableMenu({
+      editor: this.editor,
+      root: this.container,
+      i18n: this.i18nManager
+    }) : null;
     if (this.options.ai) {
       this.initAI(this.options.ai);
     }
@@ -3105,14 +3755,16 @@ class AtriEditor {
    * 会整体替换编辑器视图，因此内容与选区都要手动恢复
    */
   recreateEditor() {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const previousEditor = this.coreEditor.getEditor();
     const currentContent = this.coreEditor.getHTML();
     const { from, to } = previousEditor.state.selection;
     this.pendingViewState = { from, to };
-    this.coreEditor.destroy();
     (_a = this.toolbarManager) == null ? void 0 : _a.destroy();
-    (_b = this.aiMenuManager) == null ? void 0 : _b.destroy();
+    (_b = this.tableMenu) == null ? void 0 : _b.destroy();
+    (_c = this.linkPanel) == null ? void 0 : _c.destroy();
+    (_d = this.aiMenuManager) == null ? void 0 : _d.destroy();
+    this.coreEditor.destroy();
     const editorElement = this.container.querySelector(
       ".atri-editor-content-wrapper"
     );
@@ -3396,12 +4048,14 @@ class AtriEditor {
    * 销毁编辑器
    */
   destroy() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     (_a = this.toolbarManager) == null ? void 0 : _a.destroy();
-    (_b = this.aiMenuManager) == null ? void 0 : _b.destroy();
+    (_b = this.tableMenu) == null ? void 0 : _b.destroy();
+    (_c = this.linkPanel) == null ? void 0 : _c.destroy();
+    (_d = this.aiMenuManager) == null ? void 0 : _d.destroy();
     this.coreEditor.destroy();
-    (_c = this.mediaStatus) == null ? void 0 : _c.destroy();
-    (_d = this.mediaRuntime) == null ? void 0 : _d.destroy();
+    (_e = this.mediaStatus) == null ? void 0 : _e.destroy();
+    (_f = this.mediaRuntime) == null ? void 0 : _f.destroy();
     this.bubbleElement = null;
     this.container.remove();
   }