npm - @vervedoc/docx-editor-comment - Versions diffs - 1.0.6 - Mend

@vervedoc/docx-editor-comment 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/docx-editor-comment.js +802 -0
package/dist/docx-editor-comment.umd.cjs +1 -0
package/dist/index.d.ts +110 -0
package/package.json +50 -0

package/dist/docx-editor-comment.js ADDED Viewed

@@ -0,0 +1,802 @@
+const j = ["#409EFF", "#67C23A", "#E6A23C", "#F56C6C", "#909399", "#00BCD4", "#9C27B0"], w = "ce";
+function B(T) {
+  let e = 0;
+  for (let n = 0; n < T.length; n++)
+    e = T.charCodeAt(n) + ((e << 5) - e);
+  return j[Math.abs(e) % j.length];
+}
+function P(T) {
+  if (!T) return "";
+  try {
+    const e = new Date(T);
+    if (isNaN(e.getTime())) return T;
+    const n = e.getFullYear(), t = String(e.getMonth() + 1).padStart(2, "0"), o = String(e.getDate()).padStart(2, "0"), i = String(e.getHours()).padStart(2, "0"), s = String(e.getMinutes()).padStart(2, "0");
+    return `${n}-${t}-${o} ${i}:${s}`;
+  } catch {
+    return T;
+  }
+}
+class K {
+  constructor() {
+    this._command = null, this._comments = [], this._callbacks = {}, this._overlayContainer = null, this._svgEl = null, this._cardDoms = /* @__PURE__ */ new Map(), this._activeMenuId = null;
+  }
+  get _annotationColor() {
+    var e, n, t;
+    return ((t = (n = (e = this._command) == null ? void 0 : e.getOptions) == null ? void 0 : n.call(e)) == null ? void 0 : t.annotationColor) || "#409eff";
+  }
+  install(e, n) {
+    return this._command = e, n && (this._callbacks = n), this;
+  }
+  getComments() {
+    return this._comments;
+  }
+  setComments(e) {
+    this._comments = e;
+  }
+  addComment(e = "当前用户") {
+    var o, i;
+    if (!this._command) return null;
+    const n = (i = (o = this._command).executeSetGroup) == null ? void 0 : i.call(o);
+    if (!n) return null;
+    const t = {
+      id: n,
+      groupId: n,
+      content: "",
+      userName: e,
+      createdDate: P((/* @__PURE__ */ new Date()).toISOString()),
+      rangeText: "",
+      isEditing: !0
+    };
+    return this._comments.push(t), t;
+  }
+  deleteComment(e) {
+    var t, o, i, s;
+    const n = this._comments.findIndex((r) => r.id === e);
+    if (n !== -1) {
+      const r = this._comments[n];
+      this._comments.splice(n, 1), (o = (t = this._command) == null ? void 0 : t.executeDeleteGroup) == null || o.call(t, r.groupId), (s = (i = this._callbacks).onDelete) == null || s.call(i, e);
+    }
+  }
+  locateComment(e) {
+    var t, o;
+    const n = this._comments.find((i) => i.id === e);
+    n && ((o = (t = this._command) == null ? void 0 : t.executeLocationGroup) == null || o.call(t, n.groupId));
+  }
+  saveComment(e) {
+    const n = this._comments.findIndex((t) => t.id === e.id);
+    n !== -1 && (this._comments[n] = { ...e, isEditing: !1 });
+  }
+  cancelComment(e) {
+    var o, i;
+    const n = this._comments.findIndex((s) => s.id === e);
+    if (n === -1) return;
+    const t = this._comments[n];
+    t.content ? t.isEditing = !1 : (this._comments.splice(n, 1), (i = (o = this._command) == null ? void 0 : o.executeDeleteGroup) == null || i.call(o, t.groupId));
+  }
+  replyToComment(e, n, t = "当前用户") {
+    const o = this._comments.find((i) => i.id === e);
+    o && (o.replies || (o.replies = []), o.replies.push({
+      id: `reply-${Date.now()}`,
+      groupId: o.groupId,
+      content: n,
+      userName: t,
+      avatarColor: B(t),
+      createdDate: P((/* @__PURE__ */ new Date()).toISOString()),
+      rangeText: ""
+    }));
+  }
+  resolveComment(e, n) {
+    const t = this._comments.find((o) => o.id === e);
+    t && (t.status = n ? 2 : 1);
+  }
+  serializeComments() {
+    return this._comments.map((e) => {
+      var n;
+      return {
+        id: e.id,
+        groupId: e.groupId,
+        content: e.content,
+        userName: e.userName,
+        avatarColor: e.avatarColor,
+        createdDate: e.createdDate,
+        rangeText: e.rangeText || "",
+        status: e.status,
+        replies: (n = e.replies) == null ? void 0 : n.map((t) => ({
+          id: t.id,
+          groupId: t.groupId,
+          content: t.content,
+          userName: t.userName,
+          avatarColor: t.avatarColor,
+          createdDate: t.createdDate,
+          rangeText: t.rangeText || ""
+        }))
+      };
+    });
+  }
+  restoreComments(e) {
+    const n = [];
+    for (const t of e) {
+      if (!t || typeof t != "object") continue;
+      const o = String(t.id || "").trim(), i = String(t.groupId || o).trim();
+      o && n.push({
+        id: o,
+        groupId: i,
+        content: String(t.content || ""),
+        userName: String(t.userName || "未知用户"),
+        avatarColor: t.avatarColor || B(String(t.userName || "")),
+        createdDate: String(t.createdDate || ""),
+        rangeText: String(t.rangeText || ""),
+        status: t.status
+      });
+    }
+    this._comments = n;
+  }
+  buildCommentsFromMetas(e) {
+    const n = [];
+    for (const t of e) {
+      const o = "comment_" + t.id;
+      n.push({
+        id: o,
+        groupId: o,
+        content: t.content,
+        userName: t.author || "未知用户",
+        avatarColor: B(t.author || ""),
+        createdDate: P(t.date || ""),
+        rangeText: ""
+      });
+    }
+    this._comments = n;
+  }
+  _getPageOffsetY(e) {
+    var i, s, r, d, c, a;
+    const n = (s = (i = this._command) == null ? void 0 : i.getContainer) == null ? void 0 : s.call(i);
+    if (n) {
+      const l = n.querySelectorAll("canvas[data-index]");
+      if (l.length > e) {
+        const h = l[e];
+        if (h && h.offsetTop !== void 0)
+          return h.offsetTop;
+      }
+    }
+    const t = ((d = (r = this._command) == null ? void 0 : r.getDrawHeight) == null ? void 0 : d.call(r)) || 1123, o = ((a = (c = this._command) == null ? void 0 : c.getPageGap) == null ? void 0 : a.call(c)) ?? 0;
+    return e * (t + o);
+  }
+  _computePositions() {
+    var s, r, d, c, a, l, h, p, m, k, L, R, S, W, $, y, E, b;
+    if (!this._command || this._comments.length === 0) return;
+    const e = (r = (s = this._command).getPositionList) == null ? void 0 : r.call(s);
+    if (!e || e.length === 0) return;
+    const n = ((c = (d = this._command).getDrawWidth) == null ? void 0 : c.call(d)) || 794;
+    (l = (a = this._command).getDrawHeight) != null && l.call(a), (p = (h = this._command).getPageGap) == null || p.call(h);
+    const t = n + 16;
+    for (const g of this._comments) {
+      const f = (k = (m = this._command) == null ? void 0 : m.getGroupContext) == null ? void 0 : k.call(m, g.groupId);
+      if (!f) continue;
+      const v = f.isTable ? f.index ?? -1 : f.startIndex ?? -1, x = f.isTable ? f.index : f.endIndex;
+      if (v == null || v < 0 || v >= e.length) continue;
+      const u = e[v];
+      if (!(u != null && u.coordinate)) continue;
+      const I = u.pageNo ?? 0, A = this._getPageOffsetY(I) + (((L = u.coordinate.leftTop) == null ? void 0 : L[1]) || 0), _ = ((R = u.coordinate.leftTop) == null ? void 0 : R[0]) || 0, Y = A;
+      let z = ((S = u.coordinate.rightBottom) == null ? void 0 : S[0]) || ((W = u.coordinate.rightTop) == null ? void 0 : W[0]) || _, M = A + (u.lineHeight || 20);
+      if (x != null && x >= 0 && x < e.length) {
+        const C = e[x];
+        if (C != null && C.coordinate) {
+          const H = C.pageNo ?? 0, N = this._getPageOffsetY(H);
+          z = (($ = C.coordinate.rightBottom) == null ? void 0 : $[0]) || ((y = C.coordinate.rightTop) == null ? void 0 : y[0]) || _, M = N + (((E = C.coordinate.leftBottom) == null ? void 0 : E[1]) || ((b = C.coordinate.leftTop) == null ? void 0 : b[1]) || 0);
+        }
+      }
+      g.position = { top: A, left: t, lineWidth: 0, originalTop: A }, g.anchor = { startX: _, startY: Y, endX: z, endY: M, lineHeight: u.lineHeight || 20 };
+    }
+    const o = this._comments.filter((g) => g.position).sort((g, f) => g.position.top - f.position.top), i = 80;
+    for (let g = 1; g < o.length; g++) {
+      const f = o[g - 1], v = o[g];
+      v.position.top - f.position.top < i && (v.position.top = f.position.top + i);
+    }
+  }
+  render() {
+    var t, o;
+    if (!this._command) return;
+    const e = (o = (t = this._command).getOptions) == null ? void 0 : o.call(t);
+    if ((e == null ? void 0 : e.showCommentBalloons) === !1) {
+      this._clearCards(), this._restoreContainerWidth();
+      return;
+    }
+    this._computePositions();
+    const n = this._comments.filter((i) => i.position);
+    if (n.length === 0) {
+      this._clearCards(), this._restoreContainerWidth();
+      return;
+    }
+    this._overlayContainer || this._createOverlayContainer(), this._expandContainerWidth(n), this._renderCards(n);
+  }
+  _createOverlayContainer() {
+    var o, i;
+    if (!this._command) return;
+    const e = (i = (o = this._command).getContainer) == null ? void 0 : i.call(o);
+    if (!e) return;
+    const n = document.createElement("div");
+    n.classList.add(`${w}-comment-overlay`), n.style.cssText = "position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:visible;";
+    const t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    t.classList.add(`${w}-comment-lines`), t.style.cssText = "position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;", n.append(t), e.append(n), this._overlayContainer = n, this._svgEl = t;
+  }
+  _clearCards() {
+    for (const e of this._cardDoms.values())
+      e.remove();
+    if (this._cardDoms.clear(), this._svgEl)
+      for (; this._svgEl.firstChild; ) this._svgEl.removeChild(this._svgEl.firstChild);
+  }
+  _expandContainerWidth(e) {
+    var r, d, c, a;
+    if (!this._command || e.length === 0) return;
+    const n = (d = (r = this._command).getContainer) == null ? void 0 : d.call(r);
+    if (!n) return;
+    const t = ((a = (c = this._command).getDrawWidth) == null ? void 0 : a.call(c)) || 794, s = t + 16 + 300 + 16;
+    n.__commentNeededWidth = s, this._applyContainerWidth(n, t);
+  }
+  _restoreContainerWidth() {
+    var t, o, i, s;
+    if (!this._command) return;
+    const e = (o = (t = this._command).getContainer) == null ? void 0 : o.call(t);
+    if (!e) return;
+    const n = ((s = (i = this._command).getDrawWidth) == null ? void 0 : s.call(i)) || 794;
+    e.__commentNeededWidth = 0, this._applyContainerWidth(e, n);
+  }
+  _applyContainerWidth(e, n) {
+    const t = e.__commentNeededWidth || 0, o = e.__revisionNeededWidth || 0, i = Math.max(t, o);
+    i > n ? (e.style.width = `${i}px`, e.style.minWidth = `${i}px`) : (e.style.width = `${n}px`, e.style.minWidth = "");
+  }
+  _renderLines(e) {
+    var d, c, a, l, h, p;
+    if (!this._svgEl) return;
+    for (; this._svgEl.firstChild; ) this._svgEl.removeChild(this._svgEl.firstChild);
+    const n = (c = (d = this._command) == null ? void 0 : d.getContainer) == null ? void 0 : c.call(d);
+    if (!n) return;
+    const t = n.getBoundingClientRect(), o = Math.ceil(t.width), i = Math.ceil(t.height);
+    o > 0 && i > 0 && (this._svgEl.setAttribute("viewBox", `0 0 ${o} ${i}`), this._svgEl.setAttribute("width", String(o)), this._svgEl.setAttribute("height", String(i)));
+    const s = ((l = (a = this._command) == null ? void 0 : a.getDrawWidth) == null ? void 0 : l.call(a)) || 794;
+    (p = (h = this._command) == null ? void 0 : h.getOptions) == null || p.call(h);
+    const r = this._annotationColor;
+    for (const m of e) {
+      if (!m.anchor || !m.position) continue;
+      const { startX: k, startY: L, endX: R, endY: S } = m.anchor, W = m.position.top, $ = m.position.left, y = k, E = L, b = E + (m.anchor.lineHeight || 20), g = s, f = W + 12;
+      let v;
+      f > S ? v = [
+        `${y},${E}`,
+        `${y},${b}`,
+        `${g},${b}`,
+        `${g},${f}`,
+        `${$},${f}`
+      ].join(" ") : f < E ? v = [
+        `${y},${E}`,
+        `${y},${b}`,
+        `${g},${b}`,
+        `${g},${f}`,
+        `${$},${f}`
+      ].join(" ") : v = [
+        `${y},${E}`,
+        `${y},${b}`,
+        `${g},${b}`,
+        `${$},${f}`
+      ].join(" ");
+      const x = document.createElementNS("http://www.w3.org/2000/svg", "polyline");
+      x.setAttribute("points", v), x.setAttribute("fill", "none"), x.setAttribute("stroke", r), x.setAttribute("stroke-width", "1"), x.setAttribute("stroke-dasharray", "4,3"), this._svgEl.append(x);
+    }
+  }
+  _renderCards(e) {
+    if (!this._overlayContainer) return;
+    const n = new Set(e.map((t) => t.id));
+    for (const [t, o] of this._cardDoms)
+      n.has(t) || (o.remove(), this._cardDoms.delete(t));
+    this._renderLines(e);
+    for (const t of e) {
+      let o = this._cardDoms.get(t.id);
+      o ? this._updateCardDom(o, t) : (o = this._createCardDom(t), this._overlayContainer.append(o), this._cardDoms.set(t.id, o)), o.style.top = `${t.position.top}px`, o.style.left = `${t.position.left}px`;
+    }
+  }
+  _createCardDom(e) {
+    const n = document.createElement("div");
+    n.style.cssText = "position:absolute;pointer-events:auto;transition:all 0.2s ease;";
+    const t = document.createElement("div");
+    t.classList.add(`${w}-comment-card`), t.dataset.commentId = e.id, this._applyCardStyle(t, e);
+    const o = document.createElement("div");
+    o.style.cssText = "display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;";
+    const i = document.createElement("div");
+    i.style.cssText = "display:flex;align-items:center;gap:8px;";
+    const s = document.createElement("div");
+    s.style.cssText = `width:28px;height:28px;border-radius:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px;flex-shrink:0;background:${e.avatarColor || B(e.userName)};`, s.textContent = e.userName.charAt(0);
+    const r = document.createElement("span");
+    r.style.cssText = "font-weight:600;font-size:13px;color:#1f1f1f;", r.textContent = e.userName, i.append(s, r);
+    const d = document.createElement("div");
+    if (d.style.cssText = "display:flex;align-items:center;gap:4px;position:relative;", e.status === 2) {
+      const h = document.createElement("span");
+      h.style.cssText = "font-size:10px;color:#67c23a;background:#f0f9eb;padding:2px 6px;border-radius:10px;white-space:nowrap;", h.textContent = "已解决", d.append(h);
+    }
+    const c = document.createElement("span");
+    c.style.cssText = "font-size:11px;color:#9e9e9e;white-space:nowrap;", c.textContent = e.createdDate;
+    const a = document.createElement("button");
+    a.title = "更多操作", a.style.cssText = "display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:#9e9e9e;transition:all 0.15s ease;padding:0;flex-shrink:0;", a.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24"><circle cx="12" cy="5" r="1.5" fill="currentColor"/><circle cx="12" cy="12" r="1.5" fill="currentColor"/><circle cx="12" cy="19" r="1.5" fill="currentColor"/></svg>', a.addEventListener("mouseenter", () => {
+      a.style.background = "#f0f0f0", a.style.color = "#666";
+    }), a.addEventListener("mouseleave", () => {
+      a.style.background = "transparent", a.style.color = "#9e9e9e";
+    }), a.addEventListener("click", (h) => {
+      h.stopPropagation(), this._toggleMenu(e.id);
+    }), d.append(c, a), o.append(i, d);
+    const l = document.createElement("div");
+    return l.classList.add(`${w}-comment-body`), this._renderCardBody(l, e), t.append(o, l), n.append(t), n;
+  }
+  _renderCardBody(e, n) {
+    if (e.innerHTML = "", n.isEditing) {
+      const o = document.createElement("div");
+      o.style.cssText = "margin:8px 0;";
+      const i = document.createElement("textarea");
+      i.classList.add(`${w}-comment-textarea`), i.placeholder = "请输入批注内容...", i.rows = 3, i.value = n.content, i.style.cssText = "width:93%;min-height:80px;padding:8px 10px;border:1px solid #dcdfe6;border-radius:6px;font-size:13px;font-family:inherit;line-height:1.6;resize:vertical;outline:none;transition:border-color 0.2s ease;", i.addEventListener("input", () => {
+        n.content = i.value;
+      }), i.addEventListener("keydown", (c) => {
+        c.ctrlKey && c.key === "Enter" && this._handleSave(n);
+      }), i.addEventListener("focus", () => {
+        i.style.borderColor = this._annotationColor;
+      }), i.addEventListener("blur", () => {
+        i.style.borderColor = "#dcdfe6";
+      });
+      const s = document.createElement("div");
+      s.style.cssText = "display:flex;gap:8px;justify-content:flex-end;margin-top:8px;";
+      const r = document.createElement("button");
+      r.textContent = "保存", r.style.cssText = `padding:5px 14px;font-size:12px;border:none;border-radius:6px;cursor:pointer;transition:all 0.15s ease;font-weight:500;background:${this._annotationColor};color:#fff;`, r.addEventListener("click", () => this._handleSave(n)), r.addEventListener("mouseenter", () => {
+        r.style.background = "#66b1ff";
+      }), r.addEventListener("mouseleave", () => {
+        r.style.background = this._annotationColor;
+      });
+      const d = document.createElement("button");
+      d.textContent = "取消", d.style.cssText = "padding:5px 14px;font-size:12px;border:none;border-radius:6px;cursor:pointer;transition:all 0.15s ease;font-weight:500;background:#f5f5f5;color:#666;", d.addEventListener("click", () => this._handleCancel(n)), d.addEventListener("mouseenter", () => {
+        d.style.background = "#e8e8e8";
+      }), d.addEventListener("mouseleave", () => {
+        d.style.background = "#f5f5f5", d.style.color = "#666";
+      }), s.append(r, d), o.append(i, s), e.append(o), setTimeout(() => i.focus(), 50);
+      return;
+    }
+    const t = document.createElement("div");
+    if (t.style.cssText = "font-size:13px;color:#444;line-height:1.4;word-break:break-word;cursor:pointer;padding:2px 0;", t.textContent = n.content, t.addEventListener("dblclick", () => {
+      n.isEditing = !0, this._refreshCard(n.id);
+    }), t.addEventListener("mouseenter", () => {
+      t.style.background = "#f8f8f8", t.style.borderRadius = "4px";
+    }), t.addEventListener("mouseleave", () => {
+      t.style.background = "transparent";
+    }), e.append(t), n.replies && n.replies.length > 0) {
+      const o = document.createElement("div");
+      o.style.cssText = "margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0;";
+      for (const i of n.replies) {
+        const s = document.createElement("div");
+        s.style.cssText = "display:flex;align-items:flex-start;gap:8px;padding:6px 0;";
+        const r = document.createElement("div");
+        r.style.cssText = "width:2px;background:#e4e7ed;border-radius:1px;flex-shrink:0;align-self:stretch;";
+        const d = document.createElement("div");
+        d.style.cssText = `width:22px;height:22px;border-radius:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:10px;flex-shrink:0;background:${i.avatarColor || "#909399"};`, d.textContent = i.userName.charAt(0);
+        const c = document.createElement("div");
+        c.style.cssText = "flex:1;min-width:0;";
+        const a = document.createElement("div");
+        a.style.cssText = "display:flex;align-items:center;gap:8px;margin-bottom:4px;";
+        const l = document.createElement("span");
+        l.style.cssText = "font-size:12px;font-weight:600;color:#303133;", l.textContent = i.userName;
+        const h = document.createElement("span");
+        h.style.cssText = "font-size:10px;color:#c0c4cc;", h.textContent = i.createdDate, a.append(l, h);
+        const p = document.createElement("div");
+        p.style.cssText = "font-size:12px;color:#606266;line-height:1.5;word-break:break-word;", p.textContent = i.content, c.append(a, p), s.append(r, d, c), o.append(s);
+      }
+      e.append(o);
+    }
+    n.isReplying && this._renderReplyInput(e, n);
+  }
+  _renderReplyInput(e, n) {
+    const t = document.createElement("div");
+    t.style.cssText = "margin:8px 0;";
+    const o = document.createElement("textarea");
+    o.placeholder = "输入回复...", o.rows = 2, o.style.cssText = "width:93%;min-height:50px;padding:8px 10px;border:1px solid #dcdfe6;border-radius:6px;font-size:13px;font-family:inherit;line-height:1.6;resize:vertical;outline:none;transition:border-color 0.2s ease;", o.addEventListener("focus", () => {
+      o.style.borderColor = this._annotationColor;
+    }), o.addEventListener("blur", () => {
+      o.style.borderColor = "#dcdfe6";
+    });
+    const i = document.createElement("div");
+    i.style.cssText = "display:flex;gap:8px;justify-content:flex-end;margin-top:8px;";
+    const s = document.createElement("button");
+    s.textContent = "回复", s.style.cssText = `padding:5px 14px;font-size:12px;border:none;border-radius:6px;cursor:pointer;transition:all 0.15s ease;font-weight:500;background:${this._annotationColor};color:#fff;`, s.addEventListener("mouseenter", () => {
+      s.style.background = "#66b1ff";
+    }), s.addEventListener("mouseleave", () => {
+      s.style.background = this._annotationColor;
+    });
+    const r = document.createElement("button");
+    r.textContent = "取消", r.style.cssText = "padding:5px 14px;font-size:12px;border:none;border-radius:6px;cursor:pointer;transition:all 0.15s ease;font-weight:500;background:#f5f5f5;color:#666;", r.addEventListener("mouseenter", () => {
+      r.style.background = "#e8e8e8";
+    }), r.addEventListener("mouseleave", () => {
+      r.style.background = "#f5f5f5", r.style.color = "#666";
+    });
+    const d = () => {
+      var a, l, h, p;
+      const c = o.value.trim();
+      c && (n.isReplying = !1, this.replyToComment(n.id, c), (l = (a = this._callbacks).onReply) == null || l.call(a, n.id, c), (p = (h = this._callbacks).onRequestSave) == null || p.call(h), this._refreshCard(n.id));
+    };
+    s.addEventListener("click", d), o.addEventListener("keydown", (c) => {
+      c.ctrlKey && c.key === "Enter" && d();
+    }), r.addEventListener("click", () => {
+      n.isReplying = !1, this._refreshCard(n.id);
+    }), i.append(s, r), t.append(o, i), e.append(t), setTimeout(() => o.focus(), 50);
+  }
+  _applyCardStyle(e, n) {
+    const t = this._annotationColor, o = n.status === 2 ? "#67c23a" : t;
+    let i = `min-width:240px;max-width:300px;border-radius:0;padding:6px 10px;transition:all 0.2s ease;background:#fff;border:1px solid #e8e8e8;border-left:3px solid ${o};box-shadow:0 2px 8px rgba(0,0,0,0.06);`;
+    n.status === 2 && (i += "opacity:0.65;"), n.isEditing && (i += `border-color:${o};box-shadow:0 4px 16px rgba(64,158,255,0.15);background:#fafcff;`), e.style.cssText = i;
+  }
+  _updateCardDom(e, n) {
+    const t = e.querySelector(`.${w}-comment-card`);
+    if (!t) return;
+    this._applyCardStyle(t, n);
+    const o = t.querySelector(":scope > div:first-child");
+    if (o) {
+      const s = o.querySelector(":scope > div:last-child");
+      if (s) {
+        const r = s.querySelector(".resolved-badge");
+        if (n.status === 2 && !r) {
+          const d = document.createElement("span");
+          d.classList.add("resolved-badge"), d.style.cssText = "font-size:11px;color:#67c23a;background:#f0f9eb;padding:1px 6px;border-radius:3px;white-space:nowrap;", d.textContent = "已解决", s.insertBefore(d, s.firstChild);
+        } else n.status !== 2 && r && r.remove();
+      }
+    }
+    const i = t.querySelector(`.${w}-comment-body`);
+    i && this._renderCardBody(i, n);
+  }
+  _refreshCard(e) {
+    const n = this._comments.find((o) => o.id === e);
+    if (!n) return;
+    const t = this._cardDoms.get(e);
+    t && this._updateCardDom(t, n);
+  }
+  _handleSave(e) {
+    var n, t, o, i;
+    if (!e.content.trim()) {
+      this._handleCancel(e);
+      return;
+    }
+    e.isEditing = !1, (t = (n = this._callbacks).onSave) == null || t.call(n, e), (i = (o = this._callbacks).onRequestSave) == null || i.call(o), this._refreshCard(e.id);
+  }
+  _handleCancel(e) {
+    var n, t, o, i;
+    e.content ? (e.isEditing = !1, this._refreshCard(e.id)) : (this.cancelComment(e.id), (t = (n = this._callbacks).onCancel) == null || t.call(n, e.id), (i = (o = this._callbacks).onRequestSave) == null || i.call(o), this.render());
+  }
+  _toggleMenu(e) {
+    this._closeMenu(), this._activeMenuId = e;
+    const n = this._cardDoms.get(e);
+    if (!n) return;
+    const t = n.querySelector(`.${w}-comment-card`);
+    if (!t) return;
+    const o = t.querySelector(":scope > div:first-child > div:last-child");
+    if (!o) return;
+    const i = this._comments.find((c) => c.id === e);
+    if (!i) return;
+    const s = document.createElement("div");
+    s.classList.add(`${w}-comment-menu`), s.style.cssText = "position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.1);padding:4px 0;z-index:100;min-width:120px;";
+    const r = [
+      { label: "编辑", action: () => {
+        i.isEditing = !0, this._refreshCard(e);
+      } },
+      { label: "回复", action: () => {
+        i.isReplying = !0, this._refreshCard(e);
+      } },
+      { label: i.status === 2 ? "重新打开" : "解决", action: () => {
+        var a, l, h, p;
+        const c = i.status !== 2;
+        this.resolveComment(e, c), (l = (a = this._callbacks).onResolve) == null || l.call(a, e, c), (p = (h = this._callbacks).onRequestSave) == null || p.call(h), this.render();
+      } },
+      { label: "删除", action: () => {
+        var c, a;
+        this.deleteComment(e), (a = (c = this._callbacks).onRequestSave) == null || a.call(c), this.render();
+      }, isDelete: !0 }
+    ];
+    for (const c of r) {
+      const a = document.createElement("button");
+      a.style.cssText = `display:flex;align-items:center;gap:8px;width:100%;padding:7px 14px;border:none;background:none;cursor:pointer;font-size:13px;color:${c.isDelete ? "#e53935" : "#444"};transition:all 0.15s ease;text-align:left;border-radius:4px;margin:0 4px;width:calc(100% - 8px);`, a.textContent = c.label, a.addEventListener("click", (l) => {
+        l.stopPropagation(), this._closeMenu(), c.action();
+      }), a.addEventListener("mouseenter", () => {
+        c.isDelete ? a.style.background = "#fce4ec" : (a.style.background = "#f5f5f5", a.style.color = "#1f1f1f");
+      }), a.addEventListener("mouseleave", () => {
+        a.style.background = "none", a.style.color = c.isDelete ? "#e53935" : "#444";
+      }), s.append(a);
+    }
+    o.append(s);
+    const d = (c) => {
+      c.target.closest(`.${w}-comment-menu`) || (this._closeMenu(), document.removeEventListener("click", d));
+    };
+    setTimeout(() => document.addEventListener("click", d), 0);
+  }
+  _closeMenu() {
+    const e = document.querySelector(`.${w}-comment-menu`);
+    e && e.remove(), this._activeMenuId = null;
+  }
+  destroy() {
+    this._clearCards(), this._restoreContainerWidth(), this._overlayContainer && (this._overlayContainer.remove(), this._overlayContainer = null), this._svgEl = null, this._closeMenu(), this._comments = [], this._command = null;
+  }
+}
+const O = "ce";
+class U {
+  constructor() {
+    this._command = null, this._container = null, this._overlayContainer = null, this._svgEl = null, this._balloonDoms = /* @__PURE__ */ new Map(), this._callbacks = {};
+  }
+  get _revisionColor() {
+    var e, n, t;
+    return ((t = (n = (e = this._command) == null ? void 0 : e.getOptions) == null ? void 0 : n.call(e)) == null ? void 0 : t.revisionColor) || "#e60000";
+  }
+  install(e, n) {
+    var o;
+    this._command = e, n && (this._callbacks = n);
+    const t = (o = e.getContainer) == null ? void 0 : o.call(e);
+    return t && (this._container = t, this._overlayContainer = this._createOverlayContainer(), this._svgEl = this._createSvg(), this._overlayContainer.append(this._svgEl), this._container.append(this._overlayContainer)), this;
+  }
+  _createOverlayContainer() {
+    const e = document.createElement("div");
+    return e.classList.add(`${O}-revision-overlay`), e.style.cssText = "position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:visible;", e;
+  }
+  _createSvg() {
+    const e = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    return e.classList.add(`${O}-revision-lines`), e.style.cssText = "position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;", e;
+  }
+  _formatDate(e) {
+    if (!e) return "";
+    try {
+      const n = new Date(e);
+      if (isNaN(n.getTime())) return e;
+      const t = n.getFullYear(), o = String(n.getMonth() + 1).padStart(2, "0"), i = String(n.getDate()).padStart(2, "0"), s = String(n.getHours()).padStart(2, "0"), r = String(n.getMinutes()).padStart(2, "0");
+      return `${t}-${o}-${i} ${s}:${r}`;
+    } catch {
+      return e;
+    }
+  }
+  _createBalloonDom(e) {
+    const n = document.createElement("div");
+    n.classList.add(`${O}-revision-balloon`), n.style.cssText = `position:absolute;pointer-events:auto;min-width:240px;max-width:300px;padding:6px 10px;background:#fff;border:1px solid #e8e8e8;border-left:3px solid ${this._revisionColor};border-radius:0;font-size:12px;box-shadow:0 2px 8px rgba(0,0,0,0.06);`, n.style.top = `${e.top}px`, n.style.left = `${e.left}px`;
+    const t = document.createElement("div");
+    t.style.cssText = "display:flex;align-items:center;justify-content:flex-start;margin-bottom:6px;gap:8px;";
+    const o = document.createElement("span");
+    o.style.cssText = `color:${this._revisionColor};font-weight:600;font-size:13px;white-space:nowrap;`, o.textContent = e.author || "未知";
+    const i = document.createElement("span");
+    i.style.cssText = "color:#9e9e9e;font-size:11px;white-space:nowrap;", i.textContent = this._formatDate(e.date);
+    const s = document.createElement("div");
+    s.style.cssText = "display:flex;gap:4px;flex-shrink:0;margin-left:auto;";
+    const r = document.createElement("button");
+    r.title = "接受修订", r.style.cssText = "display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:0;cursor:pointer;transition:background 0.15s;color:#52c41a;font-size:14px;", r.textContent = "✓", r.addEventListener("mouseenter", () => {
+      r.style.background = "#f6ffed";
+    }), r.addEventListener("mouseleave", () => {
+      r.style.background = "transparent";
+    }), r.addEventListener("click", () => {
+      this.acceptRevision(e.revisionId);
+    });
+    const d = document.createElement("button");
+    d.title = "拒绝修订", d.style.cssText = `display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:0;cursor:pointer;transition:background 0.15s;color:${this._revisionColor};font-size:14px;`, d.textContent = "✕", d.addEventListener("mouseenter", () => {
+      d.style.background = "#fff1f0";
+    }), d.addEventListener("mouseleave", () => {
+      d.style.background = "transparent";
+    }), d.addEventListener("click", () => {
+      this.rejectRevision(e.revisionId);
+    }), s.append(r, d), t.append(o, i, s);
+    const c = document.createElement("div");
+    c.style.cssText = "font-size:13px;line-height:1.4;word-break:break-word;max-height:72px;overflow:hidden;padding:2px 0;";
+    const a = document.createElement("span");
+    a.style.cssText = `color:${this._revisionColor};font-weight:500;`, a.textContent = "删除：";
+    const l = document.createElement("span");
+    return l.className = "revision-content", l.style.cssText = "color:#444;", l.textContent = e.content, c.append(a, l), n.append(t, c), n;
+  }
+  _getPageOffsetY(e) {
+    var o, i, s, r;
+    if (this._container) {
+      const d = this._container.querySelectorAll("canvas[data-index]");
+      if (d.length > e) {
+        const c = d[e];
+        if (c && c.offsetTop !== void 0)
+          return c.offsetTop;
+      }
+    }
+    const n = ((i = (o = this._command) == null ? void 0 : o.getDrawHeight) == null ? void 0 : i.call(o)) || 1123, t = ((r = (s = this._command) == null ? void 0 : s.getPageGap) == null ? void 0 : r.call(s)) ?? 0;
+    return e * (n + t);
+  }
+  _getPolylinePoints(e) {
+    const n = Math.min(e.anchorStartX, e.anchorEndX), t = e.anchorEndY, o = e.pageRight, i = e.left, s = e.top + 12;
+    return `${n},${t} ${o},${t} ${i},${s}`;
+  }
+  _getRevisions() {
+    var t, o;
+    if (!this._command) return [];
+    const e = (o = (t = this._command).getElementList) == null ? void 0 : o.call(t);
+    if (!e) return [];
+    const n = /* @__PURE__ */ new Map();
+    for (let i = 0; i < e.length; i++) {
+      const s = e[i];
+      if (!s.revisionId || !s.revisionType || s.revisionType === "insert") continue;
+      const r = n.get(s.revisionId);
+      r ? (r.content += s.value || "", r.lastIndex = i) : n.set(s.revisionId, {
+        id: s.revisionId,
+        type: s.revisionType,
+        author: s.revisionAuthor || "",
+        date: s.revisionDate || "",
+        content: s.value || "",
+        firstIndex: i,
+        lastIndex: i
+      });
+    }
+    return Array.from(n.values());
+  }
+  getRevisions() {
+    return this._getRevisions().map((e) => ({
+      id: e.id,
+      type: e.type,
+      author: e.author,
+      date: e.date,
+      content: e.content
+    }));
+  }
+  update() {
+    var d, c, a, l, h, p, m, k, L, R, S, W, $, y, E, b, g, f, v, x;
+    if (!this._command) return;
+    const e = (c = (d = this._command).getOptions) == null ? void 0 : c.call(d);
+    if (!(e != null && e.showRevisionBalloons)) {
+      this._clear(), this._restoreContainerWidth();
+      return;
+    }
+    const n = this._getRevisions();
+    if (n.length === 0) {
+      this._clear(), this._restoreContainerWidth();
+      return;
+    }
+    const t = (l = (a = this._command).getPositionList) == null ? void 0 : l.call(a);
+    if (!t || t.length === 0) {
+      this._clear(), this._restoreContainerWidth();
+      return;
+    }
+    const o = ((p = (h = this._command).getDrawWidth) == null ? void 0 : p.call(h)) || 794;
+    (k = (m = this._command).getDrawHeight) != null && k.call(m), (R = (L = this._command).getPageGap) == null || R.call(L);
+    const i = o + 16, s = [];
+    for (const u of n) {
+      const I = u.firstIndex;
+      if (I < 0 || I >= t.length) continue;
+      const D = t[I];
+      if (!(D != null && D.coordinate)) continue;
+      const A = Math.min(u.lastIndex, t.length - 1), _ = t[A], Y = D.pageNo ?? 0, M = this._getPageOffsetY(Y) + (((S = D.coordinate.leftTop) == null ? void 0 : S[1]) || 0), C = ((W = D.coordinate.leftTop) == null ? void 0 : W[0]) || 0, H = M;
+      let N = ((y = ($ = _ == null ? void 0 : _.coordinate) == null ? void 0 : $.rightBottom) == null ? void 0 : y[0]) || ((b = (E = _ == null ? void 0 : _.coordinate) == null ? void 0 : E.rightTop) == null ? void 0 : b[0]) || C, X = M + (D.lineHeight || 20);
+      if (_ != null && _.coordinate) {
+        const G = _.pageNo ?? 0, F = this._getPageOffsetY(G);
+        N = ((g = _.coordinate.rightBottom) == null ? void 0 : g[0]) || ((f = _.coordinate.rightTop) == null ? void 0 : f[0]) || C, X = F + (((v = _.coordinate.leftBottom) == null ? void 0 : v[1]) || ((x = _.coordinate.leftTop) == null ? void 0 : x[1]) || 0);
+      }
+      const q = o;
+      s.push({
+        revisionId: u.id,
+        type: u.type,
+        author: u.author,
+        date: u.date,
+        content: u.content,
+        top: M,
+        left: i,
+        anchorStartX: C,
+        anchorStartY: H,
+        anchorEndX: N,
+        anchorEndY: X,
+        pageRight: q
+      });
+    }
+    s.sort((u, I) => u.top - I.top);
+    const r = 70;
+    for (let u = 1; u < s.length; u++)
+      s[u].top - s[u - 1].top < r && (s[u].top = s[u - 1].top + r);
+    this._expandContainerWidth(s), this._renderBalloons(s);
+  }
+  _expandContainerWidth(e) {
+    var s, r;
+    if (!this._command || e.length === 0 || !this._container) return;
+    const n = ((r = (s = this._command).getDrawWidth) == null ? void 0 : r.call(s)) || 794, i = n + 16 + 300 + 16;
+    this._container.__revisionNeededWidth = i, this._applyContainerWidth(this._container, n);
+  }
+  _restoreContainerWidth() {
+    var n, t;
+    if (!this._command || !this._container) return;
+    const e = ((t = (n = this._command).getDrawWidth) == null ? void 0 : t.call(n)) || 794;
+    this._container.__revisionNeededWidth = 0, this._applyContainerWidth(this._container, e);
+  }
+  _applyContainerWidth(e, n) {
+    const t = e.__commentNeededWidth || 0, o = e.__revisionNeededWidth || 0, i = Math.max(t, o);
+    i > n ? (e.style.width = `${i}px`, e.style.minWidth = `${i}px`) : (e.style.width = `${n}px`, e.style.minWidth = "");
+  }
+  _renderBalloons(e) {
+    if (!this._svgEl || !this._overlayContainer) return;
+    for (; this._svgEl.firstChild; )
+      this._svgEl.removeChild(this._svgEl.firstChild);
+    const n = new Set(e.map((t) => t.revisionId));
+    for (const [t, o] of this._balloonDoms)
+      n.has(t) || (o.remove(), this._balloonDoms.delete(t));
+    if (this._container) {
+      const t = this._container.getBoundingClientRect(), o = Math.ceil(t.width), i = Math.ceil(t.height);
+      o > 0 && i > 0 && (this._svgEl.setAttribute("viewBox", `0 0 ${o} ${i}`), this._svgEl.setAttribute("width", String(o)), this._svgEl.setAttribute("height", String(i)));
+    }
+    for (const t of e) {
+      const o = this._getPolylinePoints(t), i = document.createElementNS("http://www.w3.org/2000/svg", "circle");
+      i.setAttribute("cx", String(Math.min(t.anchorStartX, t.anchorEndX))), i.setAttribute("cy", String(t.anchorEndY)), i.setAttribute("r", "3"), i.setAttribute("fill", this._revisionColor), this._svgEl.append(i);
+      const s = document.createElementNS("http://www.w3.org/2000/svg", "polyline");
+      s.setAttribute("points", o), s.setAttribute("fill", "none"), s.setAttribute("stroke", this._revisionColor), s.setAttribute("stroke-width", "1"), s.setAttribute("stroke-dasharray", "4,3"), this._svgEl.append(s);
+      let r = this._balloonDoms.get(t.revisionId);
+      if (!r)
+        r = this._createBalloonDom(t), this._overlayContainer.append(r), this._balloonDoms.set(t.revisionId, r);
+      else {
+        r.style.top = `${t.top}px`, r.style.left = `${t.left}px`;
+        const d = r.querySelector(".revision-content");
+        d && (d.textContent = t.content);
+      }
+    }
+  }
+  _clear() {
+    if (this._svgEl)
+      for (; this._svgEl.firstChild; )
+        this._svgEl.removeChild(this._svgEl.firstChild);
+    for (const e of this._balloonDoms.values())
+      e.remove();
+    this._balloonDoms.clear();
+  }
+  acceptRevision(e) {
+    var i, s, r, d, c, a, l, h;
+    if (!this._command) return;
+    const n = (s = (i = this._command).getElementList) == null ? void 0 : s.call(i);
+    if (!n) return;
+    const t = [];
+    for (let p = n.length - 1; p >= 0; p--) {
+      const m = n[p];
+      m.revisionId === e && (m.revisionType === "delete" ? t.push(p) : (delete m.revisionId, delete m.revisionType, delete m.revisionAuthor, delete m.revisionDate));
+    }
+    for (const p of t)
+      (d = (r = this._command).spliceElementList) == null || d.call(r, n, p, 1, void 0, { isIgnoreDeletedRule: !0 });
+    const o = this._balloonDoms.get(e);
+    o && (o.remove(), this._balloonDoms.delete(e)), (a = (c = this._command).renderDraw) == null || a.call(c, { isSubmitHistory: !0 }), (h = (l = this._callbacks).onAccept) == null || h.call(l, e);
+  }
+  rejectRevision(e) {
+    var i, s, r, d, c, a, l, h;
+    if (!this._command) return;
+    const n = (s = (i = this._command).getElementList) == null ? void 0 : s.call(i);
+    if (!n) return;
+    const t = [];
+    for (let p = n.length - 1; p >= 0; p--) {
+      const m = n[p];
+      m.revisionId === e && (m.revisionType === "insert" ? t.push(p) : (delete m.revisionId, delete m.revisionType, delete m.revisionAuthor, delete m.revisionDate));
+    }
+    for (const p of t)
+      (d = (r = this._command).spliceElementList) == null || d.call(r, n, p, 1, void 0, { isIgnoreDeletedRule: !0 });
+    const o = this._balloonDoms.get(e);
+    o && (o.remove(), this._balloonDoms.delete(e)), (a = (c = this._command).renderDraw) == null || a.call(c, { isSubmitHistory: !0 }), (h = (l = this._callbacks).onReject) == null || h.call(l, e);
+  }
+  acceptAllRevisions() {
+    var t, o, i, s, r, d;
+    if (!this._command) return;
+    const e = (o = (t = this._command).getElementList) == null ? void 0 : o.call(t);
+    if (!e) return;
+    const n = [];
+    for (let c = e.length - 1; c >= 0; c--) {
+      const a = e[c];
+      !a.revisionId || !a.revisionType || (a.revisionType === "delete" ? n.push(c) : (delete a.revisionId, delete a.revisionType, delete a.revisionAuthor, delete a.revisionDate));
+    }
+    for (const c of n)
+      (s = (i = this._command).spliceElementList) == null || s.call(i, e, c, 1, void 0, { isIgnoreDeletedRule: !0 });
+    this._clear(), (d = (r = this._command).renderDraw) == null || d.call(r, { isSubmitHistory: !0 });
+  }
+  rejectAllRevisions() {
+    var t, o, i, s, r, d;
+    if (!this._command) return;
+    const e = (o = (t = this._command).getElementList) == null ? void 0 : o.call(t);
+    if (!e) return;
+    const n = [];
+    for (let c = e.length - 1; c >= 0; c--) {
+      const a = e[c];
+      !a.revisionId || !a.revisionType || (a.revisionType === "insert" ? n.push(c) : (delete a.revisionId, delete a.revisionType, delete a.revisionAuthor, delete a.revisionDate));
+    }
+    for (const c of n)
+      (s = (i = this._command).spliceElementList) == null || s.call(i, e, c, 1, void 0, { isIgnoreDeletedRule: !0 });
+    this._clear(), (d = (r = this._command).renderDraw) == null || d.call(r, { isSubmitHistory: !0 });
+  }
+  destroy() {
+    this._clear(), this._restoreContainerWidth(), this._overlayContainer && (this._overlayContainer.remove(), this._overlayContainer = null), this._svgEl = null, this._container = null, this._command = null;
+  }
+}
+export {
+  K as CommentComponent,
+  U as RevisionComponent
+};

package/dist/docx-editor-comment.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,110 @@
+import { IComment } from '@vervedoc/docx-editor-schema';
+declare type Command = any;
+declare type Command_2 = any;
+declare interface CommentCallbacks {
+    onDelete?: (id: string) => void;
+    onLocate?: (id: string) => void;
+    onSave?: (comment: IComment) => void;
+    onCancel?: (id: string) => void;
+    onReply?: (id: string, content: string) => void;
+    onResolve?: (id: string, resolved: boolean) => void;
+    onRequestSave?: () => void;
+}
+export declare class CommentComponent {
+    private _command;
+    private _comments;
+    private _callbacks;
+    private _overlayContainer;
+    private _svgEl;
+    private _cardDoms;
+    private _activeMenuId;
+    private get _annotationColor();
+    install(command: Command, callbacks?: CommentCallbacks): this;
+    getComments(): IComment[];
+    setComments(comments: IComment[]): void;
+    addComment(userName?: string): IComment | null;
+    deleteComment(id: string): void;
+    locateComment(id: string): void;
+    saveComment(comment: IComment): void;
+    cancelComment(id: string): void;
+    replyToComment(id: string, content: string, userName?: string): void;
+    resolveComment(id: string, resolved: boolean): void;
+    serializeComments(): Array<Record<string, unknown>>;
+    restoreComments(saved: any[]): void;
+    buildCommentsFromMetas(metas: DocxCommentMeta[]): void;
+    private _getPageOffsetY;
+    private _computePositions;
+    render(): void;
+    private _createOverlayContainer;
+    private _clearCards;
+    private _expandContainerWidth;
+    private _restoreContainerWidth;
+    private _applyContainerWidth;
+    private _renderLines;
+    private _renderCards;
+    private _createCardDom;
+    private _renderCardBody;
+    private _renderReplyInput;
+    private _applyCardStyle;
+    private _updateCardDom;
+    private _refreshCard;
+    private _handleSave;
+    private _handleCancel;
+    private _toggleMenu;
+    private _closeMenu;
+    destroy(): void;
+}
+export declare interface DocxCommentMeta {
+    id: string | number;
+    content: string;
+    author?: string;
+    date?: string;
+}
+export declare interface RevisionCallbacks {
+    onAccept?: (revisionId: string) => void;
+    onReject?: (revisionId: string) => void;
+}
+export declare class RevisionComponent {
+    private _command;
+    private _container;
+    private _overlayContainer;
+    private _svgEl;
+    private _balloonDoms;
+    private _callbacks;
+    private get _revisionColor();
+    install(command: Command_2, callbacks?: RevisionCallbacks): this;
+    private _createOverlayContainer;
+    private _createSvg;
+    private _formatDate;
+    private _createBalloonDom;
+    private _getPageOffsetY;
+    private _getPolylinePoints;
+    private _getRevisions;
+    getRevisions(): Array<{
+        id: string;
+        type: 'delete';
+        author: string;
+        date: string;
+        content: string;
+    }>;
+    update(): void;
+    private _expandContainerWidth;
+    private _restoreContainerWidth;
+    private _applyContainerWidth;
+    private _renderBalloons;
+    private _clear;
+    acceptRevision(revisionId: string): void;
+    rejectRevision(revisionId: string): void;
+    acceptAllRevisions(): void;
+    rejectAllRevisions(): void;
+    destroy(): void;
+}
+export { }

package/package.json ADDED Viewed

@@ -0,0 +1,50 @@
+{
+  "name": "@vervedoc/docx-editor-comment",
+  "version": "1.0.6",
+  "description": "DocxEditor 批注系统模块",
+  "author": "wanghe",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/docx-editor-comment.umd.cjs",
+  "module": "./dist/docx-editor-comment.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/docx-editor-comment.js",
+      "require": "./dist/docx-editor-comment.umd.cjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "package.json"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "clean": "node -e \"const fs = require('fs'); if(fs.existsSync('dist')) fs.rmSync('dist', {recursive: true})\"",
+    "build": "npm run clean && tsc && vite build",
+    "preview": "vite preview",
+    "type:check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@vervedoc/docx-editor-schema": "1.0.7",
+    "@vervedoc/docx-editor-state": "1.0.2",
+    "@vervedoc/docx-editor-transform": "1.0.7"
+  },
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "eslint": "^10.4.0",
+    "eslint-plugin-unused-imports": "^4.4.1",
+    "typescript": "^5.0.0",
+    "typescript-eslint": "^8.59.4",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  }
+}