@ones-editor/editor 3.0.3-beta.5 → 3.0.3-beta.7

package/@ones-editor/ui-base/src/icons/index.d.ts

@@ -130,4 +130,6 @@ import TocIcon from './toc.svg?raw';
 import AttachmentIcon from './attachment.svg?raw';
 import Mention2Icon from './mention.svg?raw';
 import CircleCloseIcon from './circle-close.svg?raw';
-export { TableEditIcon, TabIcon, ShiftTabIcon, DownloadIcon, AddEmojiIcon, BallIcon, CardIcon, FoodIcon, LightIcon, SmileIcon, SymbolIcon, TreeIcon, TimeIcon, ClearIcon, CloseIcon, PrevIcon, NextIcon, MoreIcon, TextColorIcon, AddIcon, ArrowDownIcon, ArrowUpIcon, ArrowLeftIcon, ArrowRightIcon, DeleteRowIcon, DeleteColIcon, MergeCellIcon, SplitCellIcon, DeleteTableIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, Heading5Icon, Heading6Icon, Heading7Icon, Heading8Icon, HeadingNIcon, OrderedListIcon, UnorderedListIcon, CheckListIcon, BlockquoteIcon, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, ImageIcon, ImageMenuIcon, ImageErrorIcon, ImageEmptyIcon, LinkIcon, LinkOffIcon, WarningIcon, PasteSpecialIcon, LaunchIcon, CodeIcon, LayoutIcon, AudioIcon, GraphIcon, VideoIcon, FileIcon, MathIcon, MathMenuIcon, TableIcon, TableMenuIcon, BilibiliIcon, YoukuIcon, ModaoIcon, FigmaIcon, EditIcon, CommentIcon, RefreshIcon, HelpIcon, CheckMarkIcon, CircleCheckMarkIcon, TextIcon, RightArrowIcon, TencentVideoIcon, WebPageIcon, UmlIcon, DividingLineIcon, HeadingH1Icon, HeadingH2Icon, HeadingH3Icon, HeadingH4Icon, HeadingH5Icon, HeadingH6Icon, HeadingH7Icon, HeadingH8Icon, CheckboxIcon, QuoteIcon, LinkHrefIcon, OrderedIcon, UnorderedIcon, CopyIcon, CutIcon, DeleteIcon, LockBlockIcon, UnLockBlockIcon, InsertBeforeIcon, InsertAfterIcon, MentionIcon, CircleAddIcon, LoadingIcon, DragIcon, UmlBrandIcon, OnesLoadingIcon, BoldIcon, ItalicIcon, UnderlineIcon, LineThroughIcon, SubscriptIcon, SuperscriptIcon, InlineCodeIcon, ToMindMapIcon, FitIcon, FullScreenIcon, ExitFullScreenIcon, CaretDownIcon, StatusIcon, AlertEmojiIcon, ForbiddenIcon, WarningFilledIcon, InformationFilledIcon, SearchIcon, CalloutIcon, LoadingCircleIcon, TextGroupIcon, AdjustWidthIcon, TocIcon, AttachmentIcon, Mention2Icon, CircleCloseIcon, };
+import Edit2Icon from './edit2.svg?raw';
+import RevertIcon from './revert.svg?raw';
+export { TableEditIcon, TabIcon, ShiftTabIcon, DownloadIcon, AddEmojiIcon, BallIcon, CardIcon, FoodIcon, LightIcon, SmileIcon, SymbolIcon, TreeIcon, TimeIcon, ClearIcon, CloseIcon, PrevIcon, NextIcon, MoreIcon, TextColorIcon, AddIcon, ArrowDownIcon, ArrowUpIcon, ArrowLeftIcon, ArrowRightIcon, DeleteRowIcon, DeleteColIcon, MergeCellIcon, SplitCellIcon, DeleteTableIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, Heading5Icon, Heading6Icon, Heading7Icon, Heading8Icon, HeadingNIcon, OrderedListIcon, UnorderedListIcon, CheckListIcon, BlockquoteIcon, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, ImageIcon, ImageMenuIcon, ImageErrorIcon, ImageEmptyIcon, LinkIcon, LinkOffIcon, WarningIcon, PasteSpecialIcon, LaunchIcon, CodeIcon, LayoutIcon, AudioIcon, GraphIcon, VideoIcon, FileIcon, MathIcon, MathMenuIcon, TableIcon, TableMenuIcon, BilibiliIcon, YoukuIcon, ModaoIcon, FigmaIcon, EditIcon, CommentIcon, RefreshIcon, HelpIcon, CheckMarkIcon, CircleCheckMarkIcon, TextIcon, RightArrowIcon, TencentVideoIcon, WebPageIcon, UmlIcon, DividingLineIcon, HeadingH1Icon, HeadingH2Icon, HeadingH3Icon, HeadingH4Icon, HeadingH5Icon, HeadingH6Icon, HeadingH7Icon, HeadingH8Icon, CheckboxIcon, QuoteIcon, LinkHrefIcon, OrderedIcon, UnorderedIcon, CopyIcon, CutIcon, DeleteIcon, LockBlockIcon, UnLockBlockIcon, InsertBeforeIcon, InsertAfterIcon, MentionIcon, CircleAddIcon, LoadingIcon, DragIcon, UmlBrandIcon, OnesLoadingIcon, BoldIcon, ItalicIcon, UnderlineIcon, LineThroughIcon, SubscriptIcon, SuperscriptIcon, InlineCodeIcon, ToMindMapIcon, FitIcon, FullScreenIcon, ExitFullScreenIcon, CaretDownIcon, StatusIcon, AlertEmojiIcon, ForbiddenIcon, WarningFilledIcon, InformationFilledIcon, SearchIcon, CalloutIcon, LoadingCircleIcon, TextGroupIcon, AdjustWidthIcon, TocIcon, AttachmentIcon, Mention2Icon, CircleCloseIcon, Edit2Icon, RevertIcon, };

package/@ones-editor/versions/src/locale/en-us.d.ts

@@ -19,6 +19,7 @@ declare const _default: {
         noFilterVersion: string;
         memo: string;
         revert: string;
+        copyLink: string;
         filter: {
             all: string;
             memoed: string;

package/@ones-editor/versions/src/locale/ja-jp.d.ts

@@ -19,6 +19,7 @@ declare const _default: {
         noFilterVersion: string;
         memo: string;
         revert: string;
+        copyLink: string;
         filter: {
             all: string;
             memoed: string;

package/@ones-editor/versions/src/locale/zh-cn.d.ts

@@ -19,6 +19,7 @@ declare const _default: {
         noFilterVersion: string;
         memo: string;
         revert: string;
+        copyLink: string;
         filter: {
             all: string;
             memoed: string;

package/@ones-editor/versions/src/locale/zh-hant-hk.d.ts

@@ -19,6 +19,7 @@ declare const _default: {
         noFilterVersion: string;
         memo: string;
         revert: string;
+        copyLink: string;
         filter: {
             all: string;
             memoed: string;

package/@ones-editor/versions/src/types.d.ts

@@ -7,6 +7,7 @@ export interface VersionDialogOptions {
     enableEdit?: boolean;
     textRenders?: OnesEditorBlockRenderer[];
     autoCompareWithLastVersion?: boolean;
+    compareWith?: VersionNum;
     getDisabledTip?: () => string | undefined;
     onMemoChanged?: (version: DocVersion) => void;
     onBeforeEditMemo?: () => Promise<boolean>;
@@ -16,6 +17,7 @@ export interface VersionDialogOptions {
     onVersionChanged?: (sender: unknown, versionEditor: OnesEditor, version: DocVersion) => void;
     onVersionsLoaded?: (sender: unknown, versions: DocVersion[]) => void;
     decorateItem?: (item: HTMLElement, ver: DocVersion) => void;
+    onCopyVersionLink?: (ver: DocVersion) => void;
 }
 export type VersionNum = number | string;
 export interface PlayOptions {

package/@ones-editor/versions/src/version-dialog/index.d.ts

@@ -14,6 +14,7 @@ export declare class OnesEditorVersionsDialog implements OnesEditorCustom {
     get editor(): OnesEditor | null;
     constructor(server: OnesEditorDocServer, provider: OnesEditorVersionsProvider, editorOptions?: unknown);
     private handleRevert;
+    private handleCopyLink;
     private handleSelectVersion;
     private handleCompareWithVersion;
     private handleHelp;

package/@ones-editor/versions/src/version-dialog/version-list.d.ts

@@ -13,6 +13,7 @@ interface VersionListOptions {
     getMarkColor: (user: HistoryUser) => string;
     onSelectVersion: (version: DocVersion) => void;
     onRevert: (version: DocVersion) => void;
+    onCopyLink?: (version: DocVersion) => void;
     onMemoChanged?: (version: DocVersion) => void;
     onBeforeEditMemo: () => PromiseLike<boolean>;
     useCreatedBy?: boolean;
@@ -40,6 +41,7 @@ export declare class VersionList {
     private editItemMemo;
     private handleEndEditItemMemo;
     private handleRevert;
+    private handleCopyLink;
     private updateHeaderCount;
     private handleFilterClick;
     getVersionItemByVersionNum(version: VersionNum): VersionElement | null;

package/dist/index.d.ts

@@ -30,6 +30,7 @@ export * from '../@ones-editor/layout-block';
 export * from '../@ones-editor/markdown-to-doc';
 export * from '../@ones-editor/html-to-doc';
 export * from '../@ones-editor/main-toolbar';
+export * from '../@ones-editor/mention';
 export { Popup, ManualMenu, OnesEditorAutoSuggest, tippy, ManualToolbar, ManualCloseDialog, TextColorItem, shouldFocusToEditor, FixedToolbar, } from '../@ones-editor/ui-base';
 export * from '../@ones-editor/drawio-embed';
 export * from '../@ones-editor/block-resizer';

package/dist/index.js

@@ -6771,9 +6771,23 @@ div.editor-root div.editor-content div[data-type=editor-container] div.embed-blo
 .version-list-root .version-list-content .version-item .version-item-title .version-actions button.disabled:hover {
   color: #c7c7c7;
 }
+.version-list-root .version-list-content .version-item .version-item-title .version-actions .copy-link-button,
 .version-list-root .version-list-content .version-item .version-item-title .version-actions .revert-button {
-  border-left: 1px solid #e8e8e8;
-  margin-left: 10px;
+  margin-left: 5px;
+}
+.version-list-root .version-list-content .version-item .version-item-info {
+  display: flex;
+  margin-top: 10px;
+  padding-left: 10px;
+}
+.version-list-root .version-list-content .version-item .version-item-info .version-item-time {
+  line-height: 22px;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 12px;
+  margin-right: 10px;
 }
 .version-list-root .version-list-content .version-item .version-item-authors {
   list-style: none;
@@ -6783,7 +6797,6 @@ div.editor-root div.editor-content div[data-type=editor-container] div.embed-blo
 }
 .version-list-root .version-list-content .version-item .version-item-author {
   display: flex;
-  margin-top: 10px;
   color: #606060;
   line-height: 22px;
 }
@@ -12471,6 +12484,7 @@ var __publicField = (obj, key, value) => {
           event.stopPropagation();
           return;
         }
+        this.editor.selection.caret.update();
         if (target instanceof HTMLElement && target.draggable) {
           this.editor.selectionHandler.handleMouseDown(event);
           this.editor.selectionHandler.stopSelection();
@@ -24745,6 +24759,15 @@ var __publicField = (obj, key, value) => {
     }
     return new EditorSimpleSelectionRange(editor, { anchor: startPos, focus: endPos != null ? endPos : startPos });
   }
+  function apiResultToDocVersions(versions) {
+    if (Array.isArray(versions)) {
+      return versions.map((v, index2, arr) => ({
+        ...v,
+        versionIndex: arr.length - index2
+      }));
+    }
+    return versions;
+  }
   const logger$48 = getLogger("create-text-op");
   function createTextOp(text2, attributes) {
     assert(logger$48, text2, "text is empty");
@@ -26456,23 +26479,23 @@ var __publicField = (obj, key, value) => {
     }
   }
   function moveInputToScreenCenter(editor) {
-    const container = getScrollContainer$1(editor.rootContainer);
+    let container = getScrollContainer$1(editor.rootContainer);
+    if (!editor.rootElement.contains(container)) {
+      container = editor.rootElement;
+    }
     const rect = container.getBoundingClientRect();
-    const scale = getElementScale(container);
-    const windowWidth = window.innerWidth;
-    const windowHeight = window.innerHeight;
-    const x1 = rect.left < 0 ? 0 : rect.left;
-    const y1 = rect.top < 0 ? 0 : rect.top;
-    const x2 = rect.right > windowWidth ? windowWidth : rect.right;
-    const y2 = rect.bottom > windowHeight ? windowHeight : rect.bottom;
+    const x1 = Math.max(rect.left, 0);
+    const y1 = Math.max(rect.top, 0);
+    const x2 = Math.min(rect.right, window.innerWidth);
+    const y2 = Math.min(rect.bottom, window.innerHeight);
     const centerX = (x1 + x2) / 2;
-    const centerY = (y1 + y2) / 2;
+    const centerY = y1 + (y2 - y1) / 4;
     const input2 = editor.input.inputElement;
     const inputHeight = input2.getBoundingClientRect().height;
-    const x = 0 - rect.left + centerX;
-    const y = 0 - rect.top + centerY + container.scrollTop - inputHeight / 2;
-    input2.style.left = `${x / scale}px`;
-    input2.style.top = `${y / scale}px`;
+    const x = centerX - rect.left;
+    const y = centerY - rect.top - inputHeight / 2;
+    input2.style.left = `${x}px`;
+    input2.style.top = `${y}px`;
   }
   const logger$3T = getLogger("editor-caret");
   function getFirefoxVersion() {
@@ -38820,7 +38843,7 @@ ${codeText}
       const server = this.apiServer();
       const api = `${server}/versions?withExtra=true`;
       const ret = await this.request(api);
-      const versions = ret.data.versions;
+      const versions = apiResultToDocVersions(ret.data.versions);
       versions.forEach((v) => {
         if (v.extra) {
           v.extra = JSON.parse(v.extra);
@@ -40695,7 +40718,7 @@ ${codeText}
       const ret = await this.request(api, {
         params
       });
-      const versions = ret.data.versions;
+      const versions = apiResultToDocVersions(ret.data.versions);
       versions.forEach((v) => {
         if (v.extra) {
           v.extra = JSON.parse(v.extra);
@@ -41311,6 +41334,8 @@ ${codeText}
   const AttachmentIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M6.49669 1C4.80282 1 3.0118 2.3515 3.0118 3.76237L3 10.6206M6.49669 1C8.41943 1 10.0154 2.60058 10.0154 4.17342M6.49669 1C7.43289 1 8.28684 1.42118 8.90405 1.96796C9.50746 2.50252 10.0154 3.29036 10.0154 4.17342M10.0154 4.17342L10.0154 9.61446C10.0154 10.4166 9.23033 11.2316 8 11.2316C6.91283 11.2316 6.01026 10.5735 6.01026 9.87981L5.98457 5.04102M3 10.6206C3 13.1126 5.38055 15 8 15M3 10.6206C3 12.9301 5.13252 15 8 15M8 15C10.6194 15 13 13.1988 13 10.7068M8 15C10.8675 15 13 13.0162 13 10.7068M13 10.7068V5.04102" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/>\n<path d="M13 4V10C13 12.7614 10.7614 15 8 15C5.23858 15 3 12.7614 3 10V4.5" stroke="currentColor"/>\n<path d="M10 9V4.5C10 2.567 8.433 1 6.5 1C4.567 1 3 2.567 3 4.5" stroke="currentColor"/>\n<path d="M10 9C10 10.1046 9.10457 11 8 11C6.89543 11 6 10.1046 6 9V4" stroke="currentColor"/>\n</svg>\n';
   const Mention2Icon = '<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.237 13.6469C10.2882 14.1888 9.18962 14.4985 8.01868 14.4985C4.42977 14.4985 1.52039 11.5892 1.52039 8.00024C1.52039 4.41134 4.42977 1.50195 8.01868 1.50195C11.6076 1.50195 14.517 4.41134 14.517 8.00024C14.517 8.70345 14.4221 9.21723 14.2284 9.56578C13.9961 10.0692 13.4926 10.7276 12.66 10.8438C12.3454 10.9008 12.0336 10.7797 11.7805 10.6233C11.3724 10.3711 11.2127 9.88274 11.2127 9.40298V4.48055" stroke="currentColor"/>\n<path d="M7.67957 4.73828C9.37526 4.73835 10.6913 6.20213 10.6913 7.93262C10.6913 9.6631 9.37526 11.1269 7.67957 11.127C5.98381 11.127 4.66785 9.66315 4.66785 7.93262C4.66785 6.20209 5.98381 4.73828 7.67957 4.73828Z" stroke="currentColor"/>\n</svg>\n';
   const CircleCloseIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 1C11.8659 1 15 4.13408 15 8C15 11.8659 11.8659 15 8 15C4.13408 15 1 11.8659 1 8C1 4.13408 4.13408 1 8 1ZM8 7.29297L5.52539 4.81836L4.81836 5.52539L7.29297 8L4.81836 10.4746L5.52539 11.1816L8 8.70703L10.4746 11.1816L11.1816 10.4746L8.70703 8L11.1816 5.52539L10.4746 4.81836L8 7.29297Z" fill="currentColor"/>\n</svg>\n';
+  const Edit2Icon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9 2.5H3C2.72386 2.5 2.5 2.72386 2.5 3V13C2.5 13.2761 2.72386 13.5 3 13.5H13C13.2761 13.5 13.5 13.2761 13.5 13V7H14.5V13C14.5 13.8284 13.8284 14.5 13 14.5H3C2.17157 14.5 1.5 13.8284 1.5 13V3C1.5 2.17157 2.17157 1.5 3 1.5H9V2.5ZM14.2383 2.46875L6.46875 10.2383L5.76172 9.53125L13.5312 1.76172L14.2383 2.46875Z" fill="currentColor"/>\n</svg>\n';
+  const RevertIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8H1.5C1.5 11.5899 4.41015 14.5 8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5C5.92002 1.5 4.07025 2.47853 2.87988 4H5V5H1.5C1.22386 5 1 4.77614 1 4.5V1H2V3.50293C3.36756 1.68115 5.545 0.5 8 0.5ZM8.5 7.5H12V8.5H8C7.72386 8.5 7.5 8.27614 7.5 8V4H8.5V7.5Z" fill="currentColor"/>\n</svg>\n';
   const index$f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     TableEditIcon,
@@ -41444,7 +41469,9 @@ ${codeText}
     TocIcon,
     AttachmentIcon,
     Mention2Icon,
-    CircleCloseIcon
+    CircleCloseIcon,
+    Edit2Icon,
+    RevertIcon
   }, Symbol.toStringTag, { value: "Module" }));
   function createLoading() {
     const loading2 = createElement("span", ["editor-loading-icon"], null);
@@ -81401,6 +81428,7 @@ ${docStr}
       noFilterVersion: "\u6682\u65E0\u5339\u914D\u7ED3\u679C",
       memo: "\u5907\u6CE8",
       revert: "\u56DE\u6EDA",
+      copyLink: "\u590D\u5236\u5386\u53F2\u7248\u672C\u94FE\u63A5",
       filter: {
         all: "\u5168\u90E8",
         memoed: "\u5DF2\u5907\u6CE8",
@@ -81445,6 +81473,7 @@ ${docStr}
       noFilterVersion: "\u66AB\u7121\u5339\u914D\u7D50\u679C",
       memo: "\u5099\u8A3B",
       revert: "\u56DE\u6EFE",
+      copyLink: "\u590D\u5236\u6B77\u53F2\u7248\u672C\u94FE\u63A5",
       filter: {
         all: "\u5168\u90E8",
         memoed: "\u5DF2\u5099\u8A3B",
@@ -81489,6 +81518,7 @@ ${docStr}
       noFilterVersion: "No result",
       memo: "Comment",
       revert: "Roll back",
+      copyLink: "Copy historical version link",
       filter: {
         all: "All",
         memoed: "Commented",
@@ -81533,6 +81563,7 @@ ${docStr}
       noFilterVersion: "\u4E00\u81F4\u3057\u305F\u7D50\u679C\u306F\u3042\u308A\u307E\u305B\u3093",
       memo: "\u5099\u8003",
       revert: "\u5FA9\u5143",
+      copyLink: "\u5C65\u6B74\u30D0\u30FC\u30B8\u30E7\u30F3\u306E\u30EA\u30F3\u30AF\u3092\u30B3\u30D4\u30FC",
       filter: {
         all: "\u3059\u3079\u3066",
         memoed: "\u5099\u8003\u3042\u308A",
@@ -81596,6 +81627,9 @@ ${docStr}
     var _a;
     let name;
     if (ver.version !== -1) {
+      if (typeof ver.versionIndex === "number") {
+        return `v${ver.versionIndex}`;
+      }
       const date = new Date((_a = ver.created) != null ? _a : ver.version);
       name = formatDate(date, "YYYY-MM-DD hh:mm");
     } else {
@@ -81714,6 +81748,10 @@ ${docStr}
           this.handleRevert(version, versionItem);
           return;
         }
+        if (target.closest(".copy-link-button") && this.options.enableEdit) {
+          this.handleCopyLink(version, versionItem);
+          return;
+        }
         if (active) {
           return;
         }
@@ -81752,6 +81790,10 @@ ${docStr}
         const { onRevert } = this.options;
         onRevert(version);
       });
+      __publicField(this, "handleCopyLink", (version, versionItem) => {
+        const { onCopyLink } = this.options;
+        onCopyLink == null ? void 0 : onCopyLink(version);
+      });
       __publicField(this, "handleFilterClick", (bar2, item) => {
         let versions = this.options.versions;
         if (item.id === "memoed") {
@@ -81844,16 +81886,20 @@ ${docStr}
         }
         createElement("div", ["spacer"], title);
         const actions2 = createElement("div", ["version-actions"], title);
-        const addMemo = createElement("button", ["add-memo-button"], actions2);
-        addMemo.textContent = t$1("version.memo");
+        const addMemo = createIconButton(Edit2Icon, ["add-memo-button"], actions2);
+        addMemo.setAttribute("data-editor-tooltip-common", t$1("version.memo"));
         if (!this.options.enableEdit) {
           addClass(addMemo, "disabled");
           const disabledTip = (_d = (_c = (_b = this.options).getDisabledTip) == null ? void 0 : _c.call(_b)) != null ? _d : i18n$1.t("version.tooltip.auth");
           addMemo.setAttribute("data-editor-tooltip-common", disabledTip);
         }
+        if (this.options.onCopyLink) {
+          const copyLink = createIconButton(LinkIcon, ["copy-link-button"], actions2);
+          copyLink.setAttribute("data-editor-tooltip-common", t$1("version.copyLink"));
+        }
         if (!isFirst) {
-          const revert = createElement("button", ["revert-button"], actions2);
-          revert.textContent = t$1("version.revert");
+          const revert = createIconButton(RevertIcon, ["revert-button"], actions2);
+          revert.setAttribute("data-editor-tooltip-common", t$1("version.revert"));
           if (!this.options.enableEdit) {
             addClass(revert, "disabled");
             const disabledTip = (_g = (_f = (_e = this.options).getDisabledTip) == null ? void 0 : _f.call(_e)) != null ? _g : i18n$1.t("version.tooltip.auth");
@@ -81869,7 +81915,9 @@ ${docStr}
         }
         createElement("div", ["version-item-restore-from"], item, restoreFrom);
         createElement("div", ["version-item-memo"], item, ((_i = ver.extra) == null ? void 0 : _i.memo) || "");
-        const authors = createElement("ul", ["version-item-authors"], item);
+        const info = createElement("div", ["version-item-info"], item);
+        createElement("li", ["version-item-time"], info, formatDate(new Date(ver.version), "YYYY-MM-DD hh:mm"));
+        const authors = createElement("ul", ["version-item-authors"], info);
         const addUser = (user) => {
           const author = createElement("li", ["version-item-author"], authors);
           const markAuthor = createElement("span", ["version-item-author-mark"], author);
@@ -81903,11 +81951,6 @@ ${docStr}
       };
       versions.forEach((ver, index2) => {
         addVersion(ver, false, versions, ver.created === this.options.versions[0].created);
-        if (ver.minorVersions && ver.minorVersions.length > 0) {
-          ver.minorVersions.forEach((v) => {
-            addVersion(v, true, versions, false);
-          });
-        }
       });
       return versionListFragment;
     }
@@ -81969,6 +82012,16 @@ ${docStr}
       }
     }
     getVersionItemByVersionNum(version) {
+      if (typeof version === "string" && version.startsWith("v")) {
+        const index2 = Number.parseInt(version.substring(1), 10);
+        const versionItem2 = Array.from(this.versionsList.children).find(
+          (e2) => e2.versionData.versionIndex === index2
+        );
+        if (this.isVersionElement(versionItem2)) {
+          return versionItem2;
+        }
+        return null;
+      }
       const versionItem = Array.from(this.versionsList.children).find(
         (e2) => e2.versionData.version.toString() === `${version}`
       );
@@ -83264,6 +83317,14 @@ ${docStr}
         await this.versionHelper.revertVersion(version.version);
         (_c = this.dialog) == null ? void 0 : _c.hide();
       });
+      __publicField(this, "handleCopyLink", (ver) => {
+        var _a, _b, _c;
+        const version = ver != null ? ver : (_a = this.versionList) == null ? void 0 : _a.activeVersion;
+        if (!version) {
+          return;
+        }
+        (_c = (_b = this.versionOptions) == null ? void 0 : _b.onCopyVersionLink) == null ? void 0 : _c.call(_b, version);
+      });
       __publicField(this, "handleSelectVersion", (version) => {
         assert(logger$y, version, `The version: ${version} is invalid`);
         this.viewVersion(version);
@@ -83365,20 +83426,24 @@ ${docStr}
       return this.oldViewer;
     }
     renderContent(versions) {
-      var _a, _b, _c, _d, _e;
+      var _a, _b, _c, _d, _e, _f;
       const { listContainer: versionsListContainer } = this.components;
       versionsListContainer.innerHTML = "";
       const versionList2 = new VersionList({
         enableEdit: ((_a = this.versionOptions) == null ? void 0 : _a.enableEdit) || false,
         getDisabledTip: (_b = this.versionOptions) == null ? void 0 : _b.getDisabledTip,
-        versions,
+        versions: versions.map((i, index2, arr) => ({
+          ...i,
+          versionIndex: arr.length - index2
+        })),
         versionHelper: this.versionHelper,
         useCreatedBy: (_c = this.versionOptions) == null ? void 0 : _c.useCreatedBy,
         onSelectVersion: this.handleSelectVersion,
         onRevert: this.handleRevert,
+        onCopyLink: ((_d = this.versionOptions) == null ? void 0 : _d.onCopyVersionLink) ? this.handleCopyLink : void 0,
         onMemoChanged: this.onMemoChanged,
-        decorateItem: (_d = this.versionOptions) == null ? void 0 : _d.decorateItem,
-        onBeforeEditMemo: ((_e = this.versionOptions) == null ? void 0 : _e.onBeforeEditMemo) || (async () => true),
+        decorateItem: (_e = this.versionOptions) == null ? void 0 : _e.decorateItem,
+        onBeforeEditMemo: ((_f = this.versionOptions) == null ? void 0 : _f.onBeforeEditMemo) || (async () => true),
         getMarkColor: (user) => {
           const { flag } = getUserColors(this.server.getRemoteUsers(), user);
           return flag;
@@ -83388,20 +83453,33 @@ ${docStr}
       this.versionList = versionList2;
     }
     initViewVersion() {
-      var _a, _b;
-      const autoCompareWithLastVersion = (_a = this.versionOptions) == null ? void 0 : _a.autoCompareWithLastVersion;
+      var _a, _b, _c;
+      let compareWithVersion;
+      if ((_a = this.versionOptions) == null ? void 0 : _a.compareWith) {
+        compareWithVersion = this.versions.find((v) => {
+          var _a2, _b2;
+          if (v.version === ((_a2 = this.versionOptions) == null ? void 0 : _a2.compareWith)) {
+            return true;
+          }
+          if (getVersionName(v) === ((_b2 = this.versionOptions) == null ? void 0 : _b2.compareWith)) {
+            return true;
+          }
+          return false;
+        });
+      }
+      const autoCompareWithLastVersion = (_b = this.versionOptions) == null ? void 0 : _b.autoCompareWithLastVersion;
       assert(logger$y, this.versionList, "no versionList");
-      if ((_b = this.versionOptions) == null ? void 0 : _b.initSelectedVersion) {
+      if ((_c = this.versionOptions) == null ? void 0 : _c.initSelectedVersion) {
         const { initSelectedVersion: versionNumber } = this.versionOptions;
         const version2 = this.versionList.selectVersionByVersionNum(versionNumber);
         if (version2) {
-          this.viewVersion(version2, void 0, { autoCompareWithLastVersion });
+          this.viewVersion(version2, compareWithVersion, { autoCompareWithLastVersion });
           return;
         }
       }
       const version = this.versionList.activeVersion;
       if (version) {
-        this.viewVersion(version, void 0, { autoCompareWithLastVersion });
+        this.viewVersion(version, compareWithVersion, { autoCompareWithLastVersion });
       }
     }
     renderEditorLoading() {
@@ -95973,7 +96051,7 @@ ${JSON.stringify(error2, null, 2)}`);
         }
       }
     });
-    editor.version = "3.0.3-beta.5";
+    editor.version = "3.0.3-beta.7";
     return editor;
   }
   function isDoc(doc2) {
@@ -96107,13 +96185,13 @@ ${JSON.stringify(error2, null, 2)}`);
     OnesEditorDropTarget.register(editor);
     OnesEditorTocProvider.register(editor);
     OnesEditorExclusiveBlock.register(editor);
-    editor.version = "3.0.3-beta.5";
+    editor.version = "3.0.3-beta.7";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {
     var _a;
     const auth = editor.doc.externalDoc.client.authMessage();
-    const doc2 = await ShareDBServer.load({ auth, serverUrl });
+    const doc2 = await ShareDBServer.load({ auth, serverUrl, onCopyVersionLink: options.onCopyVersionLink });
     const versionHelper = (_a = doc2.getVersionHelper) == null ? void 0 : _a.call(doc2);
     if (!versionHelper) {
       throw new Error("the editor does not support to show versions");
@@ -96132,7 +96210,7 @@ ${JSON.stringify(error2, null, 2)}`);
     return dialog;
   }
   async function showDocVersions2(parent, options) {
-    var _a;
+    var _a, _b;
     const { serverUrl, appId, docId, token, userId, displayName } = options;
     const auth = {
       appId,
@@ -96145,9 +96223,10 @@ ${JSON.stringify(error2, null, 2)}`);
     };
     const server = await ShareDBServer.load({
       auth,
-      serverUrl: options.serverUrl
+      serverUrl: options.serverUrl,
+      onCopyVersionLink: (_a = options.options) == null ? void 0 : _a.onCopyVersionLink
     });
-    const versionHelper = (_a = server.getVersionHelper) == null ? void 0 : _a.call(server);
+    const versionHelper = (_b = server.getVersionHelper) == null ? void 0 : _b.call(server);
     if (!versionHelper) {
       throw new Error("the editor does not support to show versions");
     }
@@ -96174,7 +96253,7 @@ ${JSON.stringify(error2, null, 2)}`);
     return dialog;
   }
   async function createSimpleInput(root2, docData, options) {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     assert(logger, root2, "app does not exists");
     const doc2 = isDoc(docData) ? docData : new LocalDoc(docData, {
       serverUrl: options.serverUrl || ""
@@ -96194,7 +96273,7 @@ ${JSON.stringify(error2, null, 2)}`);
         commandProviders: [],
         decorators: [],
         embeds: [...((_d = options.components) == null ? void 0 : _d.embeds) || []],
-        boxes: [MentionBox, ...((_e = options.components) == null ? void 0 : _e.boxes) || []],
+        boxes: [...((_e = options.components) == null ? void 0 : _e.boxes) || []],
         insertions: [],
         blockHooks: [...((_f = options.components) == null ? void 0 : _f.blockHooks) || []],
         textRenders: [
@@ -96221,6 +96300,10 @@ ${JSON.stringify(error2, null, 2)}`);
       editor.addCustom("editor-tooltip", () => new OnesEditorTooltip(editor));
     }
     editor.addCustom("create-options", () => new OnesEditorCustomDataWrapper(editor, options));
+    if ((_h = options.componentsOptions) == null ? void 0 : _h.mention) {
+      const mentionOptions = options.componentsOptions.mention;
+      editor.addCustom("mention", () => new OnesEditorMention(editor, mentionOptions));
+    }
     if (options.autoNewLine) {
       editor.addCustom("auto-new-line", () => new AutoNewLine(editor));
     }
@@ -96237,7 +96320,7 @@ ${JSON.stringify(error2, null, 2)}`);
         }
       }
     });
-    editor.version = "3.0.3-beta.5";
+    editor.version = "3.0.3-beta.7";
     return editor;
   }
   const emojis$1 = {
@@ -142034,6 +142117,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.DrawioPasteHandler = DrawioPasteHandler;
   exports2.Dropdown = Dropdown;
   exports2.DropdownFilterableList = DropdownFilterableList;
+  exports2.Edit2Icon = Edit2Icon;
   exports2.EditIcon = EditIcon;
   exports2.EditorBlocks = EditorBlocks;
   exports2.EditorBoxes = EditorBoxes;
@@ -142142,6 +142226,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.MathMenuIcon = MathMenuIcon;
   exports2.MaxUserError = MaxUserError;
   exports2.Mention2Icon = Mention2Icon;
+  exports2.MentionBox = MentionBox;
   exports2.MentionIcon = MentionIcon;
   exports2.MergeCellIcon = MergeCellIcon;
   exports2.Mindmap = Mindmap;
@@ -142154,12 +142239,14 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.MoreItem = MoreItem;
   exports2.NextIcon = NextIcon;
   exports2.OnesEditorAutoSuggest = OnesEditorAutoSuggest;
+  exports2.OnesEditorBlockMention = OnesEditorBlockMention;
   exports2.OnesEditorComments = OnesEditorComments;
   exports2.OnesEditorCommentsRender = OnesEditorCommentsRender;
   exports2.OnesEditorCustomDataWrapper = OnesEditorCustomDataWrapper;
   exports2.OnesEditorExclusiveBlock = OnesEditorExclusiveBlock;
   exports2.OnesEditorHoveringBlock = OnesEditorHoveringBlock;
   exports2.OnesEditorIcons = index$f;
+  exports2.OnesEditorMention = OnesEditorMention;
   exports2.OnesEditorQuickMenu = OnesEditorQuickMenu;
   exports2.OnesEditorToc = OnesEditorToc;
   exports2.OnesEditorTocProvider = OnesEditorTocProvider;
@@ -142190,6 +142277,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.RemoteCaretsInsertion = RemoteCaretsInsertion;
   exports2.RemoteUsers = RemoteUsers;
   exports2.RequestReloadError = RequestReloadError;
+  exports2.RevertIcon = RevertIcon;
   exports2.RichText = RichText;
   exports2.RightArrowIcon = rightArrow;
   exports2.ScriptDropdownProvider = ScriptDropdownProvider;
@@ -142266,6 +142354,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.addMonths = addMonths;
   exports2.adjustSelectionPos = adjustSelectionPos$1;
   exports2.animateScrollTo = animateScrollTo;
+  exports2.apiResultToDocVersions = apiResultToDocVersions;
   exports2.applyPlaceholderToBlock = applyPlaceholderToBlock;
   exports2.assert = assert;
   exports2.autoShowHideTemplates = autoShowHideTemplates;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ones-editor/editor",
-  "version": "3.0.3-beta.5",
+  "version": "3.0.3-beta.7",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "dependencies": {