@ones-editor/editor 3.0.11 → 3.0.12-beta.2

package/dist/index.js

@@ -7798,6 +7798,38 @@ div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container
 }
 div.editor-root.readonly div.editor-content div[data-type=editor-container] .embed-block[data-embed-type=drawio] [data-src] {
   cursor: zoom-in;
+}
+.command-item.menu-item[data-id=insert-drawio] {
+  width: 100%;
+}
+.command-item.menu-item[data-id=insert-drawio] .uml-menu-item {
+  color: #2d2d2e;
+  user-select: none;
+  transition: background 20ms ease-in 0s;
+  width: 100%;
+  height: 32px;
+  padding: 6px 10px;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+}
+.command-item.menu-item[data-id=insert-drawio] .uml-menu-item .menu-item-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 24px;
+  width: 24px;
+  margin-right: 5px;
+  margin-top: -2px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.command-item.menu-item[data-id=insert-drawio] .uml-menu-item .menu-item-name {
+  white-space: nowrap;
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
 }.embed-block[data-embed-type=mermaid],
 .embed-block[data-embed-type=flowchart],
 .embed-block[data-embed-type=plantuml] {
@@ -41761,7 +41793,9 @@ ${codeText}
           }
         }
         if (item.element) {
-          return;
+          if (!item.useDefaultClickHandler) {
+            return;
+          }
         }
         this.emit("click", this, item, elem);
         if (item.clickToClose === false) {
@@ -88546,7 +88580,18 @@ ${data2.flowchartText}
     update(editor, embed, data2);
     return true;
   }
-  function getOptions$3() {
+  function getOptions$3(editor) {
+    var _a;
+    const drawioOptions = getDrawioOptions(editor);
+    const suffixElem = (_a = drawioOptions.menuItemSuffix) == null ? void 0 : _a.call(drawioOptions, editor);
+    const element = suffixElem ? () => {
+      const root2 = createElement("div", ["uml-menu-item"], null);
+      const iconElem = createElement("div", ["menu-item-icon"], root2);
+      iconElem.innerHTML = UmlIcon;
+      createElement("div", ["menu-item-name"], root2, i18n$1.t("drawio.title"));
+      root2.appendChild(suffixElem);
+      return root2;
+    } : void 0;
     return {
       name: "UML",
       insertEmbedCommandItems: [{
@@ -88555,21 +88600,27 @@ ${data2.flowchartText}
         icon: UmlIcon,
         group: "common",
         order: 600,
-        subText: getShortcutById("insert-drawio")
+        subText: getShortcutById("insert-drawio"),
+        element,
+        useDefaultClickHandler: true
       }],
-      handleInsertEmptyEmbed: async (editor, options) => {
+      handleInsertEmptyEmbed: async (editor2, options) => {
+        var _a2, _b;
+        if (((_b = (_a2 = drawioOptions.callbacks) == null ? void 0 : _a2.onBeforeInsertDrawio) == null ? void 0 : _b.call(_a2, editor2)) === false) {
+          return null;
+        }
         const embedData = {
           src: "",
           xml: "",
           xmlSvg: ""
         };
-        const block = editor.insertEmbed(options.containerId, options.blockIndex, "drawio", embedData);
+        const block = editor2.insertEmbed(options.containerId, options.blockIndex, "drawio", embedData);
         setTimeout(() => {
           const blockContent = getBlockContent(block);
           const embed = blockContent.querySelector(":scope > .editor-drawio-content");
           assert(logger$i, embed, "embed should not be null");
-          const blockData = editor.getBlockData(block);
-          editDrawIO(editor, block, embed, blockData.embedData);
+          const blockData = editor2.getBlockData(block);
+          editDrawIO(editor2, block, embed, blockData.embedData);
         }, 100);
         return block;
       }
@@ -96799,7 +96850,7 @@ ${JSON.stringify(error2, null, 2)}`);
         }
       }
     });
-    editor.version = "3.0.11";
+    editor.version = "3.0.12-beta.2";
     return editor;
   }
   function isDoc(doc2) {
@@ -96933,7 +96984,7 @@ ${JSON.stringify(error2, null, 2)}`);
     OnesEditorDropTarget.register(editor);
     OnesEditorTocProvider.register(editor);
     OnesEditorExclusiveBlock.register(editor);
-    editor.version = "3.0.11";
+    editor.version = "3.0.12-beta.2";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {

package/package.json

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