@atri-editor/core 0.1.0 → 0.2.0

package/dist/index.js

@@ -4,6 +4,7 @@ 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 Image from "@tiptap/extension-image";
 import { NodeSelection, Plugin, PluginKey } from "@tiptap/pm/state";
 import { Node as Node$1, DOMParser } from "@tiptap/pm/model";
@@ -196,7 +197,50 @@ function attachmentAttributes() {
     }
   };
 }
-const markdownPattern$1 = /^!file\[([^\]]*)\]\(\s*([^\s)]+)(?:\s+"([^"]*)")?\s*\)(?:\n|$)/;
+function makeAttachmentMarkdown(options) {
+  const { name, level, nodeName } = options;
+  const directive = `!${name}`;
+  const trailing = level === "block" ? "(?:\\n|$)" : "";
+  const pattern = new RegExp(
+    `^${directive.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}\\[([^\\]]*)\\]\\(\\s*([^\\s)]+)(?:\\s+"([^"]*)")?\\s*\\)${trailing}`
+  );
+  return {
+    markdownTokenName: name,
+    markdownTokenizer: {
+      name,
+      level,
+      start: (src) => src.indexOf(`${directive}[`),
+      tokenize: (src) => {
+        const match = pattern.exec(src);
+        if (!match) return void 0;
+        return {
+          type: name,
+          raw: match[0],
+          text: match[1] ?? "",
+          href: match[2] ?? "",
+          title: match[3]
+        };
+      }
+    },
+    parseMarkdown: (token, helpers) => helpers.createNode(
+      nodeName,
+      {
+        src: token.href,
+        name: token.text || null,
+        size: parseFileSize(token.title) ?? null,
+        mime: null
+      },
+      []
+    ),
+    renderMarkdown: (node) => {
+      var _a, _b, _c;
+      const src = ((_a = node.attrs) == null ? void 0 : _a.src) ?? "";
+      const label = ((_b = node.attrs) == null ? void 0 : _b.name) ?? "";
+      const size = (_c = node.attrs) == null ? void 0 : _c.size;
+      return size ? `${directive}[${label}](${src} "${formatFileSize(size)}")` : `${directive}[${label}](${src})`;
+    }
+  };
+}
 const FORM_TYPES = {
   card: "attachment",
   link: "attachmentLink"
@@ -351,42 +395,12 @@ const Attachment = Node.create({
       })
     ];
   },
-  markdownTokenName: "file",
-  markdownTokenizer: {
+  ...makeAttachmentMarkdown({
     name: "file",
     level: "block",
-    start: (src) => src.indexOf("!file["),
-    tokenize: (src) => {
-      const match = markdownPattern$1.exec(src);
-      if (!match) return void 0;
-      return {
-        type: "file",
-        raw: match[0],
-        text: match[1] ?? "",
-        href: match[2] ?? "",
-        title: match[3]
-      };
-    }
-  },
-  parseMarkdown: (token, helpers) => helpers.createNode(
-    "attachment",
-    {
-      src: token.href,
-      name: token.text || null,
-      size: parseFileSize(token.title) ?? null,
-      mime: null
-    },
-    []
-  ),
-  renderMarkdown: (node) => {
-    var _a, _b, _c;
-    const src = ((_a = node.attrs) == null ? void 0 : _a.src) ?? "";
-    const name = ((_b = node.attrs) == null ? void 0 : _b.name) ?? "";
-    const size = (_c = node.attrs) == null ? void 0 : _c.size;
-    return size ? `!file[${name}](${src} "${formatFileSize(size)}")` : `!file[${name}](${src})`;
-  }
+    nodeName: "attachment"
+  })
 });
-const markdownPattern = /^!filelink\[([^\]]*)\]\(\s*([^\s)]+)(?:\s+"([^"]*)")?\s*\)/;
 const AttachmentLink = Node.create({
   name: "attachmentLink",
   inline: true,
@@ -429,42 +443,30 @@ const AttachmentLink = Node.create({
       setAttachmentLink: (options) => (props) => insertAttachmentContent(props, this.name, options)
     };
   },
-  markdownTokenName: "filelink",
-  markdownTokenizer: {
+  ...makeAttachmentMarkdown({
     name: "filelink",
     level: "inline",
-    start: (src) => src.indexOf("!filelink["),
-    tokenize: (src) => {
-      const match = markdownPattern.exec(src);
-      if (!match) return void 0;
-      return {
-        type: "filelink",
-        raw: match[0],
-        text: match[1] ?? "",
-        href: match[2] ?? "",
-        title: match[3]
-      };
+    nodeName: "attachmentLink"
+  })
+});
+function resolveElement(element) {
+  if (typeof element === "string") {
+    const el = document.querySelector(element);
+    if (!el) {
+      throw new Error(`Element not found: ${element}`);
     }
-  },
-  parseMarkdown: (token, helpers) => helpers.createNode(
-    "attachmentLink",
-    {
-      src: token.href,
-      name: token.text || null,
-      size: parseFileSize(token.title) ?? null,
-      mime: null
-    },
-    []
-  ),
-  renderMarkdown: (node) => {
-    var _a, _b, _c;
-    const src = ((_a = node.attrs) == null ? void 0 : _a.src) ?? "";
-    const name = ((_b = node.attrs) == null ? void 0 : _b.name) ?? "";
-    const size = (_c = node.attrs) == null ? void 0 : _c.size;
-    return size ? `!filelink[${name}](${src} "${formatFileSize(size)}")` : `!filelink[${name}](${src})`;
+    return el;
   }
-});
-function filesOf$1(transfer) {
+  return element;
+}
+function createContainer(className) {
+  const div = document.createElement("div");
+  if (className) {
+    div.className = className;
+  }
+  return div;
+}
+function filesOf(transfer) {
   if (!transfer) return [];
   return Array.from(transfer.files);
 }
@@ -486,7 +488,7 @@ const MediaFiles = Extension.create({
         props: {
           /** 先于 PM 的剪贴板解析：带文件的粘贴（截图）交给上传管线，纯文本照常走默认链路 */
           handlePaste: (view, event) => {
-            const files = filesOf$1(event.clipboardData);
+            const files = filesOf(event.clipboardData);
             if (!files.length) return false;
             event.preventDefault();
             if (view.editable) void runtime.handleFiles(files);
@@ -494,7 +496,7 @@ const MediaFiles = Extension.create({
           },
           handleDrop: (view, event) => {
             const dragEvent = event;
-            const files = filesOf$1(dragEvent.dataTransfer);
+            const files = filesOf(dragEvent.dataTransfer);
             if (!files.length) return false;
             dragEvent.preventDefault();
             if (!view.editable) return true;
@@ -533,11 +535,17 @@ function createMediaExtensions(media, runtime) {
   ];
 }
 function pickUrl(body) {
-  var _a;
   if (!body || typeof body !== "object") return void 0;
   const record = body;
-  const candidates = [record.url, record.location, (_a = record.data) == null ? void 0 : _a.url];
-  const url = candidates.find((value) => typeof value === "string" && value !== "");
+  const nested = record.data;
+  const candidates = [
+    record.url,
+    record.location,
+    nested && typeof nested === "object" ? nested.url : void 0
+  ];
+  const url = candidates.find(
+    (value) => typeof value === "string" && value !== ""
+  );
   return url;
 }
 function uploadViaEndpoint(config, file, context) {
@@ -1061,6 +1069,9 @@ class CoreEditor {
     }
     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);
+    }
     if (this.config.bubbleElement) {
       editorExtensions.push(
         BubbleMenu.configure({
@@ -1137,9 +1148,14 @@ class CoreEditor {
     try {
       return this.editor.getHTML();
     } catch (err) {
-      console.error("[CoreEditor] getHTML() failed:", err);
-      console.error("[CoreEditor] Schema nodes:", Object.keys(this.editor.schema.nodes));
-      console.error("[CoreEditor] Schema marks:", Object.keys(this.editor.schema.marks));
+      console.error(
+        "[CoreEditor] getHTML() failed:",
+        err,
+        "\nSchema nodes:",
+        Object.keys(this.editor.schema.nodes),
+        "\nSchema marks:",
+        Object.keys(this.editor.schema.marks)
+      );
       throw err;
     }
   }
@@ -1372,23 +1388,13 @@ class ThemeManager {
     this.applyTheme();
   }
   /**
-   * 应用当前主题
+   * 应用当前主题：内置主题与自定义主题走同一条 class 规则，只是名字不同
    */
   applyTheme() {
     this.container.classList.remove("atri-theme-light", "atri-theme-dark");
-    if (this.currentTheme === "light" || this.currentTheme === "dark") {
-      this.container.classList.add(`atri-theme-${this.currentTheme}`);
-    } else {
-      this.container.classList.add(`atri-theme-${this.currentTheme}`);
-    }
+    this.container.classList.add(`atri-theme-${this.currentTheme}`);
     this.container.setAttribute("data-atri-theme", this.currentTheme);
   }
-  /**
-   * 获取当前主题
-   */
-  getTheme() {
-    return this.currentTheme;
-  }
   /**
    * 设置主题
    */
@@ -1408,12 +1414,6 @@ class ThemeManager {
       this.setTheme("light");
     }
   }
-  /**
-   * 是否为暗色主题
-   */
-  isDark() {
-    return this.currentTheme === "dark";
-  }
 }
 const zhResources = {
   editor: {
@@ -1540,6 +1540,13 @@ class I18nManager {
   t(key, options) {
     return this.instance.t(key, options);
   }
+  /**
+   * 翻译，词条缺失时回退到 fallback：i18next 缺词条时原样返回 key
+   */
+  tOr(key, fallback, options) {
+    const translated = this.t(key, options);
+    return translated && translated !== key ? translated : fallback;
+  }
   /**
    * 切换语言
    */
@@ -1560,6 +1567,9 @@ class I18nManager {
     return this.instance.language || "zh";
   }
 }
+function tOrFallback(i18n, key, fallback) {
+  return (i18n == null ? void 0 : i18n.tOr(key, fallback)) ?? fallback;
+}
 class ExtensionManager {
   constructor() {
     this.extensions = /* @__PURE__ */ new Map();
@@ -1568,19 +1578,13 @@ class ExtensionManager {
   /**
    * 注册扩展
    */
-  register(extension, _meta) {
+  register(extension) {
     const name = extension.name;
     if (this.extensions.has(name)) {
       console.warn(`Extension "${name}" already registered, overwriting.`);
     }
     this.extensions.set(name, extension);
   }
-  /**
-   * 批量注册扩展
-   */
-  registerAll(extensions) {
-    extensions.forEach((ext) => this.register(ext));
-  }
   /**
    * 注册自定义 NodeView
    */
@@ -1612,12 +1616,7 @@ class ExtensionManager {
       // 由 Tiptap 的 MarkdownManager 按节点名调用，签名见 @tiptap/core NodeConfig.renderMarkdown
       renderMarkdown: config.markdownSerialize ? (node) => config.markdownSerialize(node) : void 0
     });
-    this.register(nodeExtension, {
-      name: config.name,
-      version: "1.0.0",
-      category: "custom",
-      description: config.description
-    });
+    this.register(nodeExtension);
   }
   /**
    * 批量注册 NodeView
@@ -1631,13 +1630,6 @@ class ExtensionManager {
   get(name) {
     return this.extensions.get(name);
   }
-  /**
-   * 卸载扩展
-   */
-  unregister(name) {
-    this.nodeViews.delete(name);
-    return this.extensions.delete(name);
-  }
   /**
    * 获取所有扩展
    */
@@ -1656,28 +1648,69 @@ class ExtensionManager {
   has(name) {
     return this.extensions.has(name);
   }
-  /**
-   * 清空所有扩展
-   */
-  clear() {
-    this.extensions.clear();
-    this.nodeViews.clear();
-  }
+}
+function positionPanel(trigger, panel, isCurrent) {
+  let stopAutoUpdate = null;
+  const update = async () => {
+    if (!isCurrent()) return;
+    try {
+      const { x, y } = await computePosition(trigger, panel, {
+        placement: "bottom-start",
+        middleware: [offset(6), flip(), shift({ padding: 8 })]
+      });
+      if (!isCurrent()) return;
+      panel.style.position = "fixed";
+      panel.style.left = `${x}px`;
+      panel.style.top = `${y}px`;
+    } catch {
+    }
+  };
+  void update().then(() => {
+    if (isCurrent()) {
+      stopAutoUpdate = autoUpdate(trigger, panel, () => void update());
+    }
+  });
+  return {
+    stop: () => {
+      stopAutoUpdate == null ? void 0 : stopAutoUpdate();
+      stopAutoUpdate = null;
+    }
+  };
+}
+function listenPanelDismiss(trigger, panel, onClose) {
+  const onPointerDown = (event) => {
+    const target = event.target;
+    if (!target || panel.contains(target) || trigger.contains(target)) return;
+    onClose();
+  };
+  const onKeyDown = (event) => {
+    if (event.key !== "Escape") return;
+    event.preventDefault();
+    event.stopPropagation();
+    onClose();
+  };
+  document.addEventListener("pointerdown", onPointerDown, true);
+  document.addEventListener("keydown", onKeyDown, true);
+  return () => {
+    document.removeEventListener("pointerdown", onPointerDown, true);
+    document.removeEventListener("keydown", onKeyDown, true);
+  };
+}
+function copyThemeClasses(source, panel) {
+  const root = source == null ? void 0 : source.closest(".atri-editor");
+  const themes = Array.from((root == null ? void 0 : root.classList) ?? []).filter((name) => name.startsWith("atri-theme-"));
+  panel.classList.add(...themes);
 }
 const FIELDS = {
   image: { url: true, alt: true, kind: "image" },
   attachment: { url: false, alt: false, kind: "attachment" }
 };
-function filesOf(transfer) {
-  if (!transfer) return [];
-  return Array.from(transfer.files);
-}
 class InsertPanel {
   constructor(options) {
     var _a;
     this.element = null;
     this.mode = null;
-    this.stopAutoUpdate = null;
+    this.floating = null;
     this.detachDismiss = null;
     this.labelled = [];
     this.editor = options.editor;
@@ -1709,8 +1742,8 @@ class InsertPanel {
     var _a, _b, _c, _d;
     (_a = this.detachDismiss) == null ? void 0 : _a.call(this);
     this.detachDismiss = null;
-    (_b = this.stopAutoUpdate) == null ? void 0 : _b.call(this);
-    this.stopAutoUpdate = null;
+    (_b = this.floating) == null ? void 0 : _b.stop();
+    this.floating = null;
     (_c = this.element) == null ? void 0 : _c.remove();
     this.element = null;
     this.labelled = [];
@@ -1725,9 +1758,7 @@ class InsertPanel {
     this.unsubscribeLanguage = void 0;
   }
   t(key, fallback) {
-    var _a;
-    const translated = (_a = this.i18n) == null ? void 0 : _a.t(key);
-    return translated && translated !== key ? translated : fallback;
+    return tOrFallback(this.i18n, key, fallback);
   }
   /**
    * 登记一处随语言重画的文案：input 画到 placeholder，其他画成文字
@@ -1813,19 +1844,9 @@ class InsertPanel {
     }
     document.body.appendChild(panel);
     this.element = panel;
-    this.applyTheme(panel);
+    copyThemeClasses(this.editor.view.dom, panel);
     (urlInput ?? altInput ?? browse).focus();
   }
-  /**
-   * 主题变量写在 .atri-editor 上，浮层挂在 body 上够不着，只能把主题类复制一份
-   */
-  applyTheme(panel) {
-    const root = this.editor.view.dom.closest(".atri-editor");
-    const themes = Array.from((root == null ? void 0 : root.classList) ?? []).filter(
-      (name) => name.startsWith("atri-theme-")
-    );
-    panel.classList.add(...themes);
-  }
   /**
    * 外链图片当场就插，不进上传队列：地址本来就是可用的
    */
@@ -1840,52 +1861,159 @@ class InsertPanel {
     void this.runtime.handleFiles(files, { kind });
     this.close();
   }
-  async position(anchor) {
+  position(anchor) {
     const panel = this.element;
     if (!panel) return;
-    const update = async () => {
-      if (this.element !== panel) return;
-      try {
-        const { x, y } = await computePosition(anchor, panel, {
-          placement: "bottom-start",
-          middleware: [offset(6), flip(), shift({ padding: 8 })]
-        });
-        if (this.element !== panel) return;
-        panel.style.position = "fixed";
-        panel.style.left = `${x}px`;
-        panel.style.top = `${y}px`;
-      } catch {
-      }
-    };
-    await update();
-    if (this.element === panel) {
-      this.stopAutoUpdate = autoUpdate(anchor, panel, () => void update());
-    }
+    this.floating = positionPanel(anchor, panel, () => this.element === panel);
   }
   /**
    * 点外面与 Escape 关闭；锚点按钮交给 toggle，否则关了又立刻被这次点击重开
    */
   listenForDismiss(anchor) {
-    const onPointerDown = (event) => {
-      var _a;
-      const target = event.target;
-      if (!target || ((_a = this.element) == null ? void 0 : _a.contains(target)) || anchor.contains(target)) return;
+    const panel = this.element;
+    if (!panel) return;
+    this.detachDismiss = listenPanelDismiss(anchor, panel, () => this.close());
+  }
+}
+const MAX_COLS = 8;
+const MAX_ROWS = 6;
+class TableGridPanel {
+  constructor(options) {
+    this.element = null;
+    this.floating = null;
+    this.detachDismiss = null;
+    this.cursorRow = -1;
+    this.cursorCol = -1;
+    this.cells = [];
+    this.editor = options.editor;
+    this.i18n = options.i18n;
+    this.onOpenChange = options.onOpenChange;
+  }
+  get isOpen() {
+    return this.element !== null;
+  }
+  toggle(anchor) {
+    var _a;
+    if (this.isOpen) {
       this.close();
+      return;
+    }
+    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;
+    if (!this.element) return;
+    (_a = this.detachDismiss) == null ? void 0 : _a.call(this);
+    this.detachDismiss = null;
+    (_b = this.floating) == null ? void 0 : _b.stop();
+    this.floating = null;
+    this.element.remove();
+    this.element = null;
+    this.cells = [];
+    this.cursorRow = -1;
+    this.cursorCol = -1;
+    (_c = this.onOpenChange) == null ? void 0 : _c.call(this, false);
+  }
+  destroy() {
+    this.close();
+  }
+  t(key, fallback) {
+    return tOrFallback(this.i18n, key, fallback);
+  }
+  build() {
+    const panel = document.createElement("div");
+    panel.className = "atri-table-panel";
+    panel.setAttribute("role", "dialog");
+    panel.setAttribute("aria-label", this.t("editor.table", "表格"));
+    panel.tabIndex = -1;
+    const grid = document.createElement("div");
+    grid.className = "atri-table-panel-grid";
+    this.cells = [];
+    for (let row = 0; row < MAX_ROWS; row++) {
+      for (let col = 0; col < MAX_COLS; col++) {
+        const cell = document.createElement("div");
+        cell.className = "atri-table-panel-cell";
+        cell.setAttribute("role", "gridcell");
+        cell.dataset.row = String(row);
+        cell.dataset.col = String(col);
+        cell.addEventListener("mouseenter", () => this.highlight(row + 1, col + 1));
+        cell.addEventListener("click", () => this.insert(row + 1, col + 1));
+        grid.appendChild(cell);
+        this.cells.push(cell);
+      }
+    }
+    const hint = document.createElement("div");
+    hint.className = "atri-table-panel-hint";
+    hint.textContent = this.t("editor.table", "表格");
+    panel.addEventListener("keydown", (event) => this.onKeyDown(event));
+    panel.appendChild(grid);
+    panel.appendChild(hint);
+    document.body.appendChild(panel);
+    this.element = panel;
+    copyThemeClasses(this.editor.view.dom, panel);
+    panel.focus();
+  }
+  /**
+   * 高亮左上角 (rows × cols) 区域并在提示行显示尺寸；-1 清空
+   */
+  highlight(rows, cols) {
+    var _a;
+    this.cursorRow = rows < 0 ? -1 : rows - 1;
+    this.cursorCol = cols < 0 ? -1 : cols - 1;
+    this.cells.forEach((cell) => {
+      const r = Number(cell.dataset.row);
+      const c = Number(cell.dataset.col);
+      const active = rows > 0 && cols > 0 && r < rows && c < cols;
+      cell.classList.toggle("atri-table-panel-cell--active", active);
+      if (active) {
+        cell.setAttribute("aria-selected", "true");
+      } else {
+        cell.removeAttribute("aria-selected");
+      }
+    });
+    const hint = (_a = this.element) == null ? void 0 : _a.querySelector(".atri-table-panel-hint");
+    if (hint) {
+      hint.textContent = rows > 0 ? `${rows} × ${cols}` : this.t("editor.table", "表格");
+    }
+  }
+  insert(rows, cols) {
+    this.editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
+    this.close();
+  }
+  onKeyDown(event) {
+    const deltas = {
+      ArrowLeft: [0, -1],
+      ArrowRight: [0, 1],
+      ArrowUp: [-1, 0],
+      ArrowDown: [1, 0]
     };
-    const onKeyDown = (event) => {
-      if (event.key !== "Escape") return;
+    if (event.key === "Enter") {
       event.preventDefault();
-      event.stopPropagation();
-      this.close();
-    };
-    document.addEventListener("pointerdown", onPointerDown, true);
-    document.addEventListener("keydown", onKeyDown, true);
-    this.detachDismiss = () => {
-      document.removeEventListener("pointerdown", onPointerDown, true);
-      document.removeEventListener("keydown", onKeyDown, true);
-    };
+      if (this.cursorRow < 0 || this.cursorCol < 0) return;
+      this.insert(this.cursorRow + 1, this.cursorCol + 1);
+      return;
+    }
+    const delta = deltas[event.key];
+    if (!delta) return;
+    event.preventDefault();
+    const baseRow = this.cursorRow < 0 ? 0 : this.cursorRow;
+    const baseCol = this.cursorCol < 0 ? 0 : this.cursorCol;
+    const row = Math.min(MAX_ROWS - 1, Math.max(0, baseRow + delta[0]));
+    const col = Math.min(MAX_COLS - 1, Math.max(0, baseCol + delta[1]));
+    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>',
@@ -1908,6 +2036,7 @@ const icons = {
   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>'
 };
 const TOOLTIP_KEYS = {
@@ -1932,6 +2061,7 @@ const TOOLTIP_KEYS = {
   insertImage: "editor.image",
   insertAttachment: "editor.attachment",
   attachmentDisplay: "editor.attachmentDisplay",
+  insertTable: "editor.table",
   delete: "editor.delete"
 };
 class ToolbarManager {
@@ -1941,6 +2071,7 @@ class ToolbarManager {
     this.customTooltips = /* @__PURE__ */ new Map();
     this.createdElements = [];
     this.panel = null;
+    this.tablePanel = null;
     this.editor = editor;
     this.container = container;
     this.config = config;
@@ -2001,6 +2132,23 @@ class ToolbarManager {
     var _a;
     (_a = this.insertPanel) == null ? void 0 : _a.toggle(button, mode);
   }
+  /**
+   * 表格网格面板按需创建：没点开过就不该有一个实例挂在编辑器上
+   */
+  get gridPanel() {
+    if (!this.tableExtensionRegistered) return null;
+    this.tablePanel ?? (this.tablePanel = new TableGridPanel({
+      editor: this.editor,
+      i18n: this.i18n,
+      // 开合不改文档，等不到 transaction，得主动刷一次按钮状态
+      onOpenChange: () => this.updateButtonStates()
+    }));
+    return this.tablePanel;
+  }
+  /** 内置表格真可用才摆按钮：table:false 未注册、或被用户同名扩展顶掉都不摆（判定见 canInsertTable） */
+  get tableExtensionRegistered() {
+    return canInsertTable(this.editor);
+  }
   /**
    * 创建工具栏 DOM - 直接将按钮插入 container
    */
@@ -2024,8 +2172,10 @@ class ToolbarManager {
       ["bold", "italic", "underline", "strike", "code"],
       ["bulletList", "orderedList", "blockquote", "codeBlock"],
       ["alignLeft", "alignCenter", "alignRight"],
-      // 媒体节点没注册时这两项压根不存在，默认布局里也不摆空位
-      ...this.itemDefs.has("insertImage") ? [["insertImage", "insertAttachment", "attachmentDisplay"]] : []
+      // 同媒体组的道理：表格节点没注册时这项不存在，默认布局里也不摆空位
+      ...this.itemDefs.has("insertTable") ? [["insertTable"]] : [],
+      // 「附件样式」不再常驻：切换形态改由选中附件时的浮动工具栏承接（bubble 默认开）
+      ...this.itemDefs.has("insertImage") ? [["insertImage", "insertAttachment"]] : []
     ];
     layout.forEach((group, groupIndex) => {
       if (groupIndex > 0) {
@@ -2075,11 +2225,6 @@ class ToolbarManager {
     } else {
       button.innerHTML = itemDef.icon;
     }
-    const svg = button.querySelector("svg");
-    if (svg) {
-      svg.setAttribute("width", "18");
-      svg.setAttribute("height", "18");
-    }
     if (overrides == null ? void 0 : overrides.tooltip) {
       this.customTooltips.set(itemId, overrides.tooltip);
     }
@@ -2111,8 +2256,7 @@ class ToolbarManager {
       if (!itemDef) return;
       const custom = this.customTooltips.get(itemId);
       const key = TOOLTIP_KEYS[itemId];
-      const translated = key ? (_a = this.i18n) == null ? void 0 : _a.t(key) : void 0;
-      const title = custom ?? (translated && translated !== key ? translated : itemDef.tooltip);
+      const title = custom ?? (key ? ((_a = this.i18n) == null ? void 0 : _a.tOr(key, itemDef.tooltip)) ?? itemDef.tooltip : itemDef.tooltip);
       buttons.forEach((button) => {
         button.title = title;
       });
@@ -2157,6 +2301,23 @@ class ToolbarManager {
         isDisabled: (editor) => !editor.isActive("attachment") && !editor.isActive("attachmentLink")
       });
     }
+    if (this.tableExtensionRegistered) {
+      items.set("insertTable", {
+        id: "insertTable",
+        icon: icons.table,
+        tooltip: "表格",
+        popup: true,
+        command: (_editor, button) => {
+          var _a;
+          return (_a = this.gridPanel) == null ? void 0 : _a.toggle(button);
+        },
+        isActive: () => {
+          var _a;
+          return ((_a = this.tablePanel) == null ? void 0 : _a.isOpen) === true;
+        },
+        isDisabled: (editor) => !editor.isEditable
+      });
+    }
     items.set("delete", {
       id: "delete",
       icon: icons.trash,
@@ -2343,11 +2504,13 @@ class ToolbarManager {
    * 销毁工具栏
    */
   destroy() {
-    var _a, _b;
+    var _a, _b, _c;
     (_a = this.unsubscribeLanguage) == null ? void 0 : _a.call(this);
     this.unsubscribeLanguage = void 0;
     (_b = this.panel) == null ? void 0 : _b.destroy();
     this.panel = null;
+    (_c = this.tablePanel) == null ? void 0 : _c.destroy();
+    this.tablePanel = null;
     this.buttons.clear();
     this.customTooltips.clear();
     this.createdElements.forEach((el) => el.remove());
@@ -2356,10 +2519,7 @@ class ToolbarManager {
 }
 class MediaStatusStrip {
   constructor(runtime, container, i18n) {
-    const t = (key, fallback, options) => {
-      const translated = i18n == null ? void 0 : i18n.t(key, options);
-      return translated && translated !== key ? translated : fallback;
-    };
+    const t = (key, fallback, options) => (i18n == null ? void 0 : i18n.tOr(key, fallback, options)) ?? fallback;
     this.labels = {
       uploading: (files, percent) => t("media.uploading", "上传中 {{files}} 个 · {{percent}}%", { files, percent }),
       failed: (files) => t("media.uploadFailed", "{{files}} 个文件上传失败", { files }),
@@ -2817,29 +2977,10 @@ class AICommandMenuManager {
     this.hide();
   }
 }
-function resolveElement(element) {
-  if (typeof element === "string") {
-    const el = document.querySelector(element);
-    if (!el) {
-      throw new Error(`Element not found: ${element}`);
-    }
-    return el;
-  }
-  return element;
-}
-function createContainer(className) {
-  const div = document.createElement("div");
-  if (className) {
-    div.className = className;
-  }
-  return div;
-}
-function isBrowser() {
-  return typeof window !== "undefined" && typeof document !== "undefined";
-}
 class AtriEditor {
   constructor(options) {
     this.toolbarManager = null;
+    this.toolbarContainer = null;
     this.aiService = null;
     this.aiMenuManager = null;
     this.mediaStatus = null;
@@ -2855,65 +2996,24 @@ class AtriEditor {
     if (options.nodeViews && options.nodeViews.length > 0) {
       this.extensionManager.registerNodeViews(options.nodeViews);
     }
-    let toolbarContainer = null;
     if (options.toolbar !== false) {
-      toolbarContainer = createContainer("atri-editor-toolbar");
-      this.container.appendChild(toolbarContainer);
+      this.toolbarContainer = createContainer("atri-editor-toolbar");
+      this.container.appendChild(this.toolbarContainer);
     }
-    const bubbleElement = this.ensureBubbleElement(options.toolbar);
     const editorElement = createContainer("atri-editor-content-wrapper");
     this.container.appendChild(editorElement);
     this.mediaRuntime = options.media === false ? null : new MediaRuntime(options.media);
     this.mediaStatus = this.mediaRuntime ? new MediaStatusStrip(this.mediaRuntime, this.container, this.i18nManager) : null;
-    this.coreEditor = new CoreEditor({
+    this.createCoreEditor({
       element: editorElement,
       content: options.content,
-      contentFormat: options.contentFormat,
-      editable: options.editable,
-      placeholder: options.placeholder,
-      extensions: [...options.extensions || [], ...this.extensionManager.getAll()],
-      markdown: options.markdown,
-      media: options.media,
-      mediaRuntime: this.mediaRuntime ?? void 0,
-      bubbleElement,
-      onCreate: () => {
-        this.onEditorCreated();
-      },
-      onUpdate: () => {
-        var _a, _b;
-        (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this);
-      },
-      onFocus: () => {
-        var _a, _b;
-        (_b = (_a = this.options).onFocus) == null ? void 0 : _b.call(_a, this);
-      },
-      onBlur: () => {
-        var _a, _b;
-        (_b = (_a = this.options).onBlur) == null ? void 0 : _b.call(_a, this);
-      },
-      onDestroy: () => {
-        var _a, _b;
-        (_b = (_a = this.options).onDestroy) == null ? void 0 : _b.call(_a, this);
-      }
+      contentFormat: options.contentFormat
     });
-    this.markdownService = new MarkdownService(this.editor, options.markdown);
-    if (toolbarContainer && options.toolbar !== false) {
-      this.toolbarManager = new ToolbarManager(
-        this.editor,
-        toolbarContainer,
-        options.toolbar,
-        this.i18nManager,
-        this.mediaRuntime
-      );
-      if (bubbleElement) this.toolbarManager.attachBubbleToolbar(bubbleElement);
-    }
-    if (options.ai) {
-      this.initAI(options.ai);
-    }
+    this.setupSubsystems();
   }
-  /** 开了 bubble 才建元素，且故意不插进文档：挂载与定位全归 BubbleMenu 插件管 */
+  /** bubble 默认开，显式 false 才不建元素；元素故意不插进文档：挂载与定位全归 BubbleMenu 插件管 */
   ensureBubbleElement(toolbar) {
-    if (toolbar === false || !(toolbar == null ? void 0 : toolbar.bubble)) return null;
+    if (toolbar === false || (toolbar == null ? void 0 : toolbar.bubble) === false) return null;
     this.bubbleElement ?? (this.bubbleElement = createContainer("atri-editor-bubble-toolbar"));
     return this.bubbleElement;
   }
@@ -2932,7 +3032,7 @@ class AtriEditor {
       this.aiMenuManager = new AICommandMenuManager(
         this.editor,
         this.options.ai.functions,
-        "/",
+        this.options.ai.triggerChar ?? "/",
         (func) => {
           var _a2;
           (_a2 = this.aiService) == null ? void 0 : _a2.execute(func.id);
@@ -2945,76 +3045,91 @@ class AtriEditor {
     this.aiService = new AIService(this.editor, config, this.markdownService);
   }
   /**
-   * 重新创建编辑器（用于动态注册 NodeView 后更新 schema）
-   * 会整体替换编辑器视图，因此内容与选区都要手动恢复
+   * 创建核心编辑器：构造函数与 recreateEditor 共用的装配点。
+   * 只有编辑器壳（挂载元素/初始内容/内容格式）随重建变化，其余全部来自 this.options，
+   * 逐项手抄两遍必然漂移——出错的第一现场就是两处不齐
    */
-  recreateEditor() {
-    var _a, _b;
-    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();
-    const editorElement = this.container.querySelector(
-      ".atri-editor-content-wrapper"
-    );
-    const toolbarContainer = this.container.querySelector(".atri-editor-toolbar");
-    const newEditorElement = createContainer("atri-editor-content-wrapper");
-    if (editorElement) {
-      editorElement.replaceWith(newEditorElement);
-    } else {
-      this.container.appendChild(newEditorElement);
-    }
-    const bubbleElement = this.ensureBubbleElement(this.options.toolbar);
+  createCoreEditor(init) {
     this.coreEditor = new CoreEditor({
-      element: newEditorElement,
-      content: currentContent,
-      // 当前内容取自 getHTML()，重建时按 html 回填，不能沿用用户的 contentFormat
-      contentFormat: "html",
+      element: init.element,
+      content: init.content,
+      contentFormat: init.contentFormat,
       editable: this.options.editable,
       placeholder: this.options.placeholder,
       extensions: [...this.options.extensions || [], ...this.extensionManager.getAll()],
       markdown: this.options.markdown,
       media: this.options.media,
+      table: this.options.table,
       mediaRuntime: this.mediaRuntime ?? void 0,
-      bubbleElement,
+      bubbleElement: this.ensureBubbleElement(this.options.toolbar),
       onCreate: () => {
         this.onEditorCreated();
       },
       onUpdate: () => {
-        var _a2, _b2;
-        (_b2 = (_a2 = this.options).onChange) == null ? void 0 : _b2.call(_a2, this);
+        var _a, _b;
+        (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this);
       },
       onFocus: () => {
-        var _a2, _b2;
-        (_b2 = (_a2 = this.options).onFocus) == null ? void 0 : _b2.call(_a2, this);
+        var _a, _b;
+        (_b = (_a = this.options).onFocus) == null ? void 0 : _b.call(_a, this);
       },
       onBlur: () => {
-        var _a2, _b2;
-        (_b2 = (_a2 = this.options).onBlur) == null ? void 0 : _b2.call(_a2, this);
+        var _a, _b;
+        (_b = (_a = this.options).onBlur) == null ? void 0 : _b.call(_a, this);
       },
       onDestroy: () => {
-        var _a2, _b2;
-        (_b2 = (_a2 = this.options).onDestroy) == null ? void 0 : _b2.call(_a2, this);
+        var _a, _b;
+        (_b = (_a = this.options).onDestroy) == null ? void 0 : _b.call(_a, this);
       }
     });
+  }
+  /** 初始化依赖编辑器实例的子系统：Markdown 服务、工具栏、AI 服务，重建后同样要重新走一遍 */
+  setupSubsystems() {
     this.markdownService = new MarkdownService(this.editor, this.options.markdown);
-    if (toolbarContainer && this.options.toolbar !== false) {
+    if (this.toolbarContainer && this.options.toolbar !== false) {
       this.toolbarManager = new ToolbarManager(
         this.editor,
-        toolbarContainer,
+        this.toolbarContainer,
         this.options.toolbar,
         this.i18nManager,
         this.mediaRuntime
       );
-      if (bubbleElement) this.toolbarManager.attachBubbleToolbar(bubbleElement);
+      if (this.bubbleElement) this.toolbarManager.attachBubbleToolbar(this.bubbleElement);
     }
     if (this.options.ai) {
       this.initAI(this.options.ai);
     }
   }
+  /**
+   * 重新创建编辑器（用于动态注册 NodeView 后更新 schema）
+   * 会整体替换编辑器视图，因此内容与选区都要手动恢复
+   */
+  recreateEditor() {
+    var _a, _b;
+    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();
+    const editorElement = this.container.querySelector(
+      ".atri-editor-content-wrapper"
+    );
+    const newEditorElement = createContainer("atri-editor-content-wrapper");
+    if (editorElement) {
+      editorElement.replaceWith(newEditorElement);
+    } else {
+      this.container.appendChild(newEditorElement);
+    }
+    this.createCoreEditor({
+      element: newEditorElement,
+      content: currentContent,
+      // 当前内容取自 getHTML()，重建时按 html 回填，不能沿用用户的 contentFormat
+      contentFormat: "html"
+    });
+    this.setupSubsystems();
+  }
   /**
    * 获取 Tiptap Editor 实例
    */
@@ -3103,12 +3218,7 @@ class AtriEditor {
    * 获取选中文本
    */
   getSelectedText() {
-    const { selection } = this.editor.state;
-    if (selection.empty) return "";
-    return getTextBetween(this.editor.state.doc, {
-      from: selection.from,
-      to: selection.to
-    });
+    return getSelectedText(this.editor);
   }
   /**
    * 插入内容
@@ -3137,6 +3247,17 @@ class AtriEditor {
       chain.setAttachment(options).run();
     }
   }
+  /**
+   * 在选区处插入表格（默认 3×3 带表头）
+   */
+  insertTable(options) {
+    if (!canInsertTable(this.editor)) {
+      console.warn("[Atri Editor] insertTable() ignored: table extensions are disabled.");
+      return;
+    }
+    const { rows = 3, cols = 3, withHeaderRow = true } = options ?? {};
+    this.editor.chain().focus().insertTable({ rows, cols, withHeaderRow }).run();
+  }
   /**
    * 走上传管线插入本地文件
    * kind 缺省时按 MIME 分流；promise 在这批文件全部落定（成功或失败）后 resolve
@@ -3430,6 +3551,13 @@ class AtriEditorElement extends AtriEditorBase {
     var _a;
     (_a = this.editor) == null ? void 0 : _a.insertAttachment(options);
   }
+  /**
+   * 在选区处插入表格
+   */
+  insertTable(options) {
+    var _a;
+    (_a = this.editor) == null ? void 0 : _a.insertTable(options);
+  }
   /**
    * 走上传管线插入本地文件
    */
@@ -3480,7 +3608,6 @@ export {
   getCursorContext,
   getDocumentText,
   getSelectedText,
-  isBrowser,
   registerAtriElement,
   resolveElement,
   simpleHtmlToMarkdown,