@opentiny/fluent-editor 4.0.0-alpha.1 → 4.0.0-alpha.11

package/es/modules/mind-map/index.es.js

@@ -0,0 +1,56 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import Quill from "quill";
+import MindMapPlaceholderBlot from "./formats/mind-map-blot.es.js";
+class MindMapModule {
+  constructor(quill, options) {
+    __publicField(this, "quill");
+    __publicField(this, "toolbar");
+    __publicField(this, "options");
+    quill.container.__quillInstance = quill;
+    this.quill = quill;
+    this.options = options;
+    this.toolbar = quill.getModule("toolbar");
+    if (this.toolbar) {
+      this.toolbar.addHandler("mind-map", () => {
+        this.insertMindMapEditor();
+      });
+    }
+  }
+  static register() {
+    Quill.register("formats/mind-map", MindMapPlaceholderBlot, true);
+  }
+  insertMindMapEditor() {
+    const range = this.quill.getSelection();
+    if (range) {
+      const defaultData = {
+        data: {
+          text: "根节点",
+          expand: true,
+          uid: "36bae545-da0b-4c08-be14-ff05f7f05d0a",
+          isActive: false
+        },
+        children: [
+          {
+            data: {
+              text: "二级节点",
+              uid: "ef0895d2-b5cc-4214-b0ee-e29f8f02420d",
+              expand: true,
+              richText: false,
+              isActive: false
+            },
+            children: []
+          }
+        ]
+      };
+      this.quill.insertText(range.index, "\n", "user");
+      this.quill.insertEmbed(range.index + 1, "mind-map", defaultData, "user");
+      this.quill.insertText(range.index + 2, "\n", "user");
+    }
+  }
+}
+export {
+  MindMapModule
+};
+//# sourceMappingURL=index.es.js.map

package/es/modules/mind-map/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../src/modules/mind-map/index.ts"],"sourcesContent":["import type Quill from 'quill'\nimport type { MindMapOptions } from './options'\nimport Quills from 'quill'\nimport MindMapPlaceholderBlot from './formats/mind-map-blot'\n\nexport class MindMapModule {\n  quill: Quill\n  toolbar: any\n  options: MindMapOptions\n\n  static register() {\n    Quills.register('formats/mind-map', MindMapPlaceholderBlot, true)\n  }\n\n  constructor(quill: Quill, options: MindMapOptions) {\n    (quill.container as any).__quillInstance = quill\n    this.quill = quill\n    this.options = options\n    this.toolbar = quill.getModule('toolbar')\n    if (this.toolbar) {\n      this.toolbar.addHandler('mind-map', () => {\n        this.insertMindMapEditor()\n      })\n    }\n  }\n\n  public insertMindMapEditor(): void {\n    const range = this.quill.getSelection()\n    if (range) {\n      const defaultData = {\n        data: {\n          text: '根节点',\n          expand: true,\n          uid: '36bae545-da0b-4c08-be14-ff05f7f05d0a',\n          isActive: false,\n        },\n        children: [\n          {\n            data: {\n              text: '二级节点',\n              uid: 'ef0895d2-b5cc-4214-b0ee-e29f8f02420d',\n              expand: true,\n              richText: false,\n              isActive: false,\n            },\n            children: [],\n          },\n        ],\n      }\n      this.quill.insertText(range.index, '\\n', 'user')\n      this.quill.insertEmbed(range.index + 1, 'mind-map', defaultData, 'user')\n      this.quill.insertText(range.index + 2, '\\n', 'user')\n    }\n  }\n}\n"],"names":["Quills"],"mappings":";;;;;AAKO,MAAM,cAAc;AAAA,EASzB,YAAY,OAAc,SAAyB;AARnD;AACA;AACA;AAOG,UAAM,UAAkB,kBAAkB;AAC3C,SAAK,QAAQ;AACb,SAAK,UAAU;AACf,SAAK,UAAU,MAAM,UAAU,SAAS;AACxC,QAAI,KAAK,SAAS;AAChB,WAAK,QAAQ,WAAW,YAAY,MAAM;AACxC,aAAK,oBAAA;AAAA,MACP,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAdA,OAAO,WAAW;AAChBA,UAAO,SAAS,oBAAoB,wBAAwB,IAAI;AAAA,EAClE;AAAA,EAcO,sBAA4B;AACjC,UAAM,QAAQ,KAAK,MAAM,aAAA;AACzB,QAAI,OAAO;AACT,YAAM,cAAc;AAAA,QAClB,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,KAAK;AAAA,UACL,UAAU;AAAA,QAAA;AAAA,QAEZ,UAAU;AAAA,UACR;AAAA,YACE,MAAM;AAAA,cACJ,MAAM;AAAA,cACN,KAAK;AAAA,cACL,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,UAAU;AAAA,YAAA;AAAA,YAEZ,UAAU,CAAA;AAAA,UAAC;AAAA,QACb;AAAA,MACF;AAEF,WAAK,MAAM,WAAW,MAAM,OAAO,MAAM,MAAM;AAC/C,WAAK,MAAM,YAAY,MAAM,QAAQ,GAAG,YAAY,aAAa,MAAM;AACvE,WAAK,MAAM,WAAW,MAAM,QAAQ,GAAG,MAAM,MAAM;AAAA,IACrD;AAAA,EACF;AACF;"}

package/es/modules/mind-map/modules/context-menu.es.js

@@ -0,0 +1,128 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import "../../../config/index.es.js";
+import { I18N } from "../../i18n.es.js";
+import { registerMindMapI18N } from "../i18n/index.es.js";
+import { CHANGE_LANGUAGE_EVENT } from "../../../config/editor.config.es.js";
+class MindMapContextMenuHandler {
+  constructor(quill, blot) {
+    __publicField(this, "texts");
+    __publicField(this, "lang");
+    this.quill = quill;
+    this.blot = blot;
+    const i18nModule = this.quill.getModule("i18n");
+    registerMindMapI18N(I18N);
+    this.lang = i18nModule.options.lang;
+    this.texts = this.resolveTexts();
+    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, (lang) => {
+      this.lang = lang;
+      this.texts = this.resolveTexts();
+      this.updateContextMenuItems();
+    });
+  }
+  getText(key) {
+    return this.texts[key];
+  }
+  resolveTexts() {
+    return {
+      copy: I18N.parserText("mindMap.contextMenu.copy", this.lang),
+      cut: I18N.parserText("mindMap.contextMenu.cut", this.lang),
+      paste: I18N.parserText("mindMap.contextMenu.paste", this.lang),
+      delete: I18N.parserText("mindMap.contextMenu.deleteContent", this.lang)
+    };
+  }
+  updateContextMenuItems() {
+    if (!this.blot.contextMenu) return;
+    const menuItems = this.blot.contextMenu.querySelectorAll(".ql-mind-map-context-menu-item");
+    if (menuItems.length >= 4) {
+      menuItems[0].textContent = this.texts.copy;
+      menuItems[1].textContent = this.texts.cut;
+      menuItems[2].textContent = this.texts.paste;
+      menuItems[3].textContent = this.texts.delete;
+    }
+  }
+}
+const contextMenuHandlers = /* @__PURE__ */ new WeakMap();
+function initContextMenu(blot, quill) {
+  blot.contextMenu = document.createElement("div");
+  blot.contextMenu.className = "ql-mind-map-context-menu";
+  blot.domNode.appendChild(blot.contextMenu);
+  const handler = new MindMapContextMenuHandler(quill, blot);
+  contextMenuHandlers.set(blot, handler);
+  addContextMenuItem(blot, handler.getText("copy"), () => handleCopy(blot));
+  addContextMenuItem(blot, handler.getText("cut"), () => handleCut(blot));
+  addContextMenuItem(blot, handler.getText("paste"), () => handlePaste(blot));
+  addContextMenuItem(blot, handler.getText("delete"), () => handleDeleteContent(blot));
+  if (blot.mindMap) {
+    blot.mindMap.on("node_contextmenu", (e, node) => {
+      e.preventDefault();
+      e.stopPropagation();
+      blot.currentNode = node;
+      if (blot.contextMenu) {
+        blot.contextMenu.style.display = "block";
+        blot.contextMenu.style.left = `${e.clientX}px`;
+        blot.contextMenu.style.top = `${e.clientY}px`;
+      }
+    });
+  }
+  const hideMenu = () => {
+    if (blot.contextMenu) {
+      blot.contextMenu.style.display = "none";
+      blot.currentNode = null;
+    }
+  };
+  blot.mindMap.on("node_click", hideMenu);
+  blot.mindMap.on("draw_click", hideMenu);
+  blot.mindMap.on("expand_btn_click", hideMenu);
+  document.addEventListener("click", (e) => {
+    if (blot.contextMenu && !blot.contextMenu.contains(e.target)) {
+      hideMenu();
+    }
+  });
+}
+function addContextMenuItem(blot, text, onClick) {
+  const item = document.createElement("div");
+  item.className = "ql-mind-map-context-menu-item";
+  item.textContent = text;
+  item.style.padding = "5px 15px";
+  item.style.cursor = "pointer";
+  item.style.whiteSpace = "nowrap";
+  item.addEventListener("click", onClick);
+  item.addEventListener("mouseenter", () => {
+    item.style.background = "#f5f5f5";
+  });
+  item.addEventListener("mouseleave", () => {
+    item.style.background = "white";
+  });
+  blot.contextMenu.appendChild(item);
+}
+function handleCopy(blot) {
+  blot.mindMap.renderer.copy();
+  hideContextMenu(blot);
+}
+function handleCut(blot) {
+  blot.mindMap.renderer.cut();
+  hideContextMenu(blot);
+}
+function handlePaste(blot) {
+  blot.mindMap.renderer.paste();
+  hideContextMenu(blot);
+}
+function handleDeleteContent(blot) {
+  if (blot.currentNode) {
+    blot.currentNode.setText("");
+    blot.data = blot.mindMap.getData({});
+    blot.domNode.setAttribute("data-mind-map", JSON.stringify(blot.data));
+  }
+  hideContextMenu(blot);
+}
+function hideContextMenu(blot) {
+  if (blot.contextMenu) {
+    blot.contextMenu.style.display = "none";
+  }
+}
+export {
+  initContextMenu
+};
+//# sourceMappingURL=context-menu.es.js.map

package/es/modules/mind-map/modules/context-menu.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.es.js","sources":["../../../../../src/modules/mind-map/modules/context-menu.ts"],"sourcesContent":["import type FluentEditor from '../../../core/fluent-editor'\nimport type MindMapPlaceholderBlot from '../formats/mind-map-blot'\nimport { CHANGE_LANGUAGE_EVENT } from '../../../config'\nimport { I18N } from '../../../modules/i18n'\nimport { registerMindMapI18N } from '../i18n'\n\nclass MindMapContextMenuHandler {\n  private texts: Record<string, string>\n  private lang: string\n  getText(key: keyof Record<string, string>): string {\n    return this.texts[key]\n  }\n\n  constructor(private quill: FluentEditor, private blot: MindMapPlaceholderBlot) {\n    const i18nModule = this.quill.getModule('i18n') as I18N\n    registerMindMapI18N(I18N)\n    this.lang = i18nModule.options.lang\n    this.texts = this.resolveTexts()\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, (lang: string) => {\n      this.lang = lang\n      this.texts = this.resolveTexts()\n      this.updateContextMenuItems()\n    })\n  }\n\n  resolveTexts() {\n    return {\n      copy: I18N.parserText('mindMap.contextMenu.copy', this.lang),\n      cut: I18N.parserText('mindMap.contextMenu.cut', this.lang),\n      paste: I18N.parserText('mindMap.contextMenu.paste', this.lang),\n      delete: I18N.parserText('mindMap.contextMenu.deleteContent', this.lang),\n    }\n  }\n\n  updateContextMenuItems() {\n    if (!this.blot.contextMenu) return\n\n    const menuItems = this.blot.contextMenu.querySelectorAll('.ql-mind-map-context-menu-item')\n    if (menuItems.length >= 4) {\n      menuItems[0].textContent = this.texts.copy\n      menuItems[1].textContent = this.texts.cut\n      menuItems[2].textContent = this.texts.paste\n      menuItems[3].textContent = this.texts.delete\n    }\n  }\n}\n\nconst contextMenuHandlers = new WeakMap<MindMapPlaceholderBlot, MindMapContextMenuHandler>()\n\nexport function initContextMenu(blot: MindMapPlaceholderBlot, quill: FluentEditor): void {\n  blot.contextMenu = document.createElement('div')\n  blot.contextMenu.className = 'ql-mind-map-context-menu'\n  blot.domNode.appendChild(blot.contextMenu)\n\n  const handler = new MindMapContextMenuHandler(quill, blot)\n  contextMenuHandlers.set(blot, handler)\n\n  addContextMenuItem(blot, handler.getText('copy'), () => handleCopy(blot))\n  addContextMenuItem(blot, handler.getText('cut'), () => handleCut(blot))\n  addContextMenuItem(blot, handler.getText('paste'), () => handlePaste(blot))\n  addContextMenuItem(blot, handler.getText('delete'), () => handleDeleteContent(blot))\n\n  // 监听节点右键点击事件\n  if (blot.mindMap) {\n    blot.mindMap.on('node_contextmenu', (e: any, node: any) => {\n      e.preventDefault()\n      e.stopPropagation()\n      blot.currentNode = node\n      if (blot.contextMenu) {\n        blot.contextMenu.style.display = 'block'\n        blot.contextMenu.style.left = `${e.clientX}px`\n        blot.contextMenu.style.top = `${e.clientY}px`\n      }\n    })\n  }\n\n  // 隐藏菜单的逻辑\n  const hideMenu = () => {\n    if (blot.contextMenu) {\n      blot.contextMenu.style.display = 'none'\n      blot.currentNode = null\n    }\n  }\n\n  blot.mindMap.on('node_click', hideMenu)\n  blot.mindMap.on('draw_click', hideMenu)\n  blot.mindMap.on('expand_btn_click', hideMenu)\n  document.addEventListener('click', (e) => {\n    if (blot.contextMenu && !blot.contextMenu.contains(e.target as Node)) {\n      hideMenu()\n    }\n  })\n}\n\nfunction addContextMenuItem(blot: MindMapPlaceholderBlot, text: string, onClick: () => void): void {\n  const item = document.createElement('div')\n  item.className = 'ql-mind-map-context-menu-item'\n  item.textContent = text\n  item.style.padding = '5px 15px'\n  item.style.cursor = 'pointer'\n  item.style.whiteSpace = 'nowrap'\n  item.addEventListener('click', onClick)\n  item.addEventListener('mouseenter', () => {\n    item.style.background = '#f5f5f5'\n  })\n  item.addEventListener('mouseleave', () => {\n    item.style.background = 'white'\n  })\n  blot.contextMenu!.appendChild(item)\n}\n\nfunction handleCopy(blot: MindMapPlaceholderBlot): void {\n  blot.mindMap.renderer.copy()\n  hideContextMenu(blot)\n}\n\nfunction handleCut(blot: MindMapPlaceholderBlot): void {\n  blot.mindMap.renderer.cut()\n  hideContextMenu(blot)\n}\n\nfunction handlePaste(blot: MindMapPlaceholderBlot): void {\n  blot.mindMap.renderer.paste()\n  hideContextMenu(blot)\n}\n\nfunction handleDeleteContent(blot: MindMapPlaceholderBlot): void {\n  if (blot.currentNode) {\n    blot.currentNode.setText('')\n    blot.data = blot.mindMap.getData({})\n    blot.domNode.setAttribute('data-mind-map', JSON.stringify(blot.data))\n  }\n  hideContextMenu(blot)\n}\n\nfunction hideContextMenu(blot: MindMapPlaceholderBlot): void {\n  if (blot.contextMenu) {\n    blot.contextMenu.style.display = 'none'\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/modules/mind-map/modules/control-panel.es.js

@@ -0,0 +1,424 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { nodeIconList } from "simple-mind-map/src/svg/icons";
+import "../../../config/index.es.js";
+import { I18N } from "../../i18n.es.js";
+import { registerMindMapI18N } from "../i18n/index.es.js";
+import { contractIcon, screenTypeIcon, setLayoutIcon, insertIconIcon, removeNodeIcon, insertParentNodeIcon, insertNodeIcon, insertChildNodeIcon, fitIcon, zoomInIcon, zoomOutIcon, forwardIcon, backIcon, logicalStructureIcon, catalogOrganizationIcon, mindMapIcon, organizationStructureIcon, timelineIcon, fishboneIcon, screenReduceIcon } from "../icons.es.js";
+import { CHANGE_LANGUAGE_EVENT } from "../../../config/editor.config.es.js";
+class MindMapControlPanelHandler {
+  constructor(quill, blot) {
+    __publicField(this, "texts");
+    __publicField(this, "lang");
+    this.quill = quill;
+    this.blot = blot;
+    const i18nModule = this.quill.getModule("i18n");
+    registerMindMapI18N(I18N);
+    this.lang = i18nModule.options.lang;
+    this.texts = this.resolveTexts();
+    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, (lang) => {
+      this.lang = lang;
+      this.texts = this.resolveTexts();
+      this.updateControlPanelTexts();
+    });
+  }
+  getText(key) {
+    return this.texts[key];
+  }
+  resolveTexts() {
+    const textKeys = [
+      "zoomOutTitle",
+      "zoomInTitle",
+      "fitTitle",
+      "backTitle",
+      "forwardTitle",
+      "inserChildNodeTitle",
+      "inserNodeTitle",
+      "insertIconTitle",
+      "inserParentNodeTitle",
+      "removeNodeTitle",
+      "setLayoutTitle",
+      "logicalStructureLayout",
+      "catalogOrganizationLayout",
+      "mindMapLayout",
+      "organizationStructureLayout",
+      "timelineLayout",
+      "fishboneLayout",
+      "panelStatusTitle",
+      "screenTypeTitle"
+    ];
+    return textKeys.reduce((acc, key) => {
+      if (!key.includes("Title")) {
+        acc[key] = I18N.parserText(`mindMap.layout.${key.replace("Layout", "")}`, this.lang);
+      } else {
+        acc[key] = I18N.parserText(`mindMap.controlPanel.${key}`, this.lang);
+      }
+      return acc;
+    }, {});
+  }
+  updateControlPanelTexts() {
+    const controlItems = this.blot.domNode.querySelectorAll(".ql-mind-map-control-item");
+    const controlItemMap = {
+      "zoom-out": "zoomOutTitle",
+      "zoom-in": "zoomInTitle",
+      "fit": "fitTitle",
+      "back": "backTitle",
+      "forward": "forwardTitle",
+      "insert-child-node": "inserChildNodeTitle",
+      "insert-node": "inserNodeTitle",
+      "insert-icon": "insertIconTitle",
+      "insert-parent-node": "inserParentNodeTitle",
+      "remove-node": "removeNodeTitle",
+      "set-layout-icon": "setLayoutTitle",
+      "panel-status": "panelStatusTitle",
+      "screen-type": "screenTypeTitle"
+    };
+    controlItems.forEach((item) => {
+      const controlType = item.dataset.controlType;
+      if (controlType && controlItemMap[controlType] && this.texts[controlItemMap[controlType]]) {
+        item.title = this.texts[controlItemMap[controlType]];
+      }
+    });
+  }
+}
+const controlPanelHandlers = /* @__PURE__ */ new WeakMap();
+const DISABLED_OPACITY = "0.5";
+const ENABLED_OPACITY = "1";
+function createControlPanel(blot, quill) {
+  let isStart = true;
+  let isEnd = true;
+  let selectedNodes = [];
+  blot.mindMap.on("node_active", (...args) => {
+    selectedNodes = Array.isArray(args[1]) ? args[1] : [];
+  });
+  const controlPanel = document.createElement("div");
+  controlPanel.className = "ql-mind-map-control";
+  const controlRightUpPanel = document.createElement("div");
+  controlRightUpPanel.className = "ql-mind-map-right-up-control";
+  const controlLeftUpPanel = document.createElement("div");
+  controlLeftUpPanel.className = "ql-mind-map-left-up-control";
+  const handler = new MindMapControlPanelHandler(quill, blot);
+  controlPanelHandlers.set(blot, handler);
+  const zoomOutBtn = createControlItem("zoom-out", handler.getText("zoomOutTitle"), () => handleZoomOut(blot));
+  const zoomInBtn = createControlItem("zoom-in", handler.getText("zoomInTitle"), () => handleZoomIn(blot));
+  const resetBtn = createControlItem("fit", handler.getText("fitTitle"), () => handleResetZoom(blot));
+  const backBtn = createControlItem("back", handler.getText("backTitle"), () => {
+    if (!isStart) {
+      blot.mindMap.execCommand("BACK");
+    }
+  });
+  const forwardBtn = createControlItem("forward", handler.getText("forwardTitle"), () => {
+    if (!isEnd) {
+      blot.mindMap.execCommand("FORWARD");
+    }
+  });
+  const insertChildNode = createControlItem("insert-child-node", handler.getText("inserChildNodeTitle"), () => handleInsertChildNode(blot));
+  const insertNode = createControlItem("insert-node", handler.getText("inserNodeTitle"), () => handleInsertNode(blot));
+  const insertParentNode = createControlItem("insert-parent-node", handler.getText("inserParentNodeTitle"), () => handleInsertParentNode(blot));
+  const removeNode = createControlItem("remove-node", handler.getText("removeNodeTitle"), () => handleRemoveNode(blot));
+  const insertIconBtn = createControlItem("insert-icon", handler.getText("insertIconTitle"), () => handleInsertIcon(blot, selectedNodes));
+  const setLayoutBtn = createControlItem("set-layout-icon", handler.getText("setLayoutTitle"), () => handleSetLayoutBtn(blot));
+  const panelStatusBtn = createControlItem("panel-status", handler.getText("panelStatusTitle"));
+  const screenTypeBtn = createControlItem("screen-type", handler.getText("screenTypeTitle"), () => handleScreenTypeBtn(blot));
+  const updateButtonState = (index, len) => {
+    isStart = index <= 0;
+    isEnd = index >= len - 1;
+    backBtn.style.cursor = isStart ? "not-allowed" : "pointer";
+    backBtn.style.opacity = isStart ? DISABLED_OPACITY : ENABLED_OPACITY;
+    forwardBtn.style.cursor = isEnd ? "not-allowed" : "pointer";
+    forwardBtn.style.opacity = isEnd ? DISABLED_OPACITY : ENABLED_OPACITY;
+  };
+  blot.mindMap.on("back_forward", (index, len) => {
+    updateButtonState(index, len);
+  });
+  controlPanel.append(zoomOutBtn, zoomInBtn, resetBtn, screenTypeBtn, backBtn, forwardBtn);
+  blot.domNode.appendChild(controlPanel);
+  controlRightUpPanel.append(panelStatusBtn);
+  blot.domNode.appendChild(controlRightUpPanel);
+  controlLeftUpPanel.append(insertChildNode, insertNode, insertParentNode, removeNode, insertIconBtn, setLayoutBtn);
+  blot.domNode.appendChild(controlLeftUpPanel);
+}
+function createControlItem(iconClass, title, onClick, disabled = false) {
+  const controlItem = document.createElement("div");
+  controlItem.className = "ql-mind-map-control-item";
+  controlItem.title = title;
+  controlItem.dataset.controlType = iconClass;
+  controlItem.style.cursor = disabled ? "not-allowed" : "pointer";
+  controlItem.style.opacity = disabled ? DISABLED_OPACITY : ENABLED_OPACITY;
+  const iconMap = {
+    "back": backIcon,
+    "forward": forwardIcon,
+    "zoom-out": zoomOutIcon,
+    "zoom-in": zoomInIcon,
+    "fit": fitIcon,
+    "insert-child-node": insertChildNodeIcon,
+    "insert-node": insertNodeIcon,
+    "insert-parent-node": insertParentNodeIcon,
+    "remove-node": removeNodeIcon,
+    "insert-icon": insertIconIcon,
+    "set-layout-icon": setLayoutIcon,
+    "screen-type": screenTypeIcon,
+    "panel-status": contractIcon
+  };
+  const icon = document.createElement("i");
+  icon.innerHTML = iconMap[iconClass] || "";
+  controlItem.appendChild(icon);
+  if (!disabled) {
+    controlItem.addEventListener("click", onClick);
+  }
+  return controlItem;
+}
+function handleInsertChildNode(blot) {
+  blot.mindMap.execCommand("INSERT_CHILD_NODE");
+}
+function handleInsertNode(blot) {
+  blot.mindMap.execCommand("INSERT_NODE");
+}
+function handleInsertParentNode(blot) {
+  blot.mindMap.execCommand("INSERT_PARENT_NODE");
+}
+function handleRemoveNode(blot) {
+  blot.mindMap.execCommand("REMOVE_CURRENT_NODE");
+}
+function handleZoomIn(blot) {
+  if (blot.mindMap && blot.mindMap.view) {
+    const containerRect = blot.mindMap.el.getBoundingClientRect();
+    const cx = containerRect.width / 2;
+    const cy = containerRect.height / 2;
+    blot.mindMap.view.enlarge(cx, cy, false);
+    blot.zoomCount++;
+  }
+}
+function handleZoomOut(blot) {
+  if (blot.mindMap && blot.mindMap.view) {
+    const containerRect = blot.mindMap.el.getBoundingClientRect();
+    const cx = containerRect.width / 2;
+    const cy = containerRect.height / 2;
+    blot.mindMap.view.narrow(cx, cy, false);
+    blot.zoomCount--;
+  }
+}
+function handleResetZoom(blot) {
+  blot.mindMap.renderer.setRootNodeCenter();
+  if (!blot.mindMap || !blot.mindMap.view || blot.zoomCount === 0) return;
+  const containerRect = blot.mindMap.el.getBoundingClientRect();
+  const centerX = containerRect.width / 2;
+  const centerY = containerRect.height / 2;
+  const operationCount = Math.abs(blot.zoomCount);
+  const isEnlarge = blot.zoomCount < 0;
+  for (let i = 0; i < operationCount; i++) {
+    if (isEnlarge) {
+      blot.mindMap.view.enlarge(centerX, centerY, false);
+    } else {
+      blot.mindMap.view.narrow(centerX, centerY, false);
+    }
+  }
+  blot.zoomCount = 0;
+}
+function handleInsertIcon(blot, selectedNodes) {
+  blot.selectedNodes = selectedNodes;
+  const heightStr = blot.domNode.getAttribute("height") || "500px";
+  const height = Number.parseInt(heightStr.replace(/[^\d.]/g, ""), 10) || 500;
+  let iconList = [];
+  iconList = nodeIconList;
+  const leftUpControl = blot.domNode.querySelector(".ql-mind-map-left-up-control");
+  let iconPanel = leftUpControl.querySelector(".ql-mind-map-icon-panel");
+  if (!iconPanel) {
+    iconPanel = document.createElement("div");
+    iconPanel.className = "ql-mind-map-icon-panel";
+    iconList.forEach((group) => {
+      const groupContainer = document.createElement("div");
+      groupContainer.className = "ql-mind-map-icon-group-container";
+      group.list.forEach((icon) => {
+        const iconItem = document.createElement("div");
+        iconItem.className = "ql-mind-map-icon-item";
+        iconItem.innerHTML = icon.icon;
+        iconItem.addEventListener("click", () => {
+          const currentSelectedNodes = blot.selectedNodes || [];
+          if (currentSelectedNodes.length > 0) {
+            const node = currentSelectedNodes[0];
+            if (node.getData("icon") && node.getData("icon")[0] === `${group.type}_${icon.name}`) {
+              node.setIcon([]);
+            } else {
+              node.setIcon([`${group.type}_${icon.name}`]);
+            }
+            blot.data = blot.mindMap.getData({});
+            blot.domNode.setAttribute("data-mind-map", JSON.stringify(blot.data));
+          }
+          iconPanel.style.display = "none";
+        });
+        groupContainer.appendChild(iconItem);
+      });
+      iconPanel.appendChild(groupContainer);
+    });
+    if (height < 395) {
+      iconPanel.style.height = `${height - 130}px`;
+    } else {
+      iconPanel.style.height = "270px";
+    }
+    leftUpControl.appendChild(iconPanel);
+  } else {
+    if (height < 395) {
+      iconPanel.style.height = `${height - 130}px`;
+    } else {
+      iconPanel.style.height = "270px";
+    }
+    iconPanel.style.display = "block";
+  }
+  const handleOutsideClick = (e) => {
+    let insertIconBtn = null;
+    const controlItems = leftUpControl.querySelectorAll(".ql-mind-map-control-item");
+    controlItems.forEach((item) => {
+      if (item.dataset.controlType === "insert-icon") {
+        insertIconBtn = item;
+      }
+    });
+    if (!iconPanel.contains(e.target) && (!insertIconBtn || !insertIconBtn.contains(e.target))) {
+      iconPanel.style.display = "none";
+      document.removeEventListener("click", handleOutsideClick);
+    }
+  };
+  document.removeEventListener("click", handleOutsideClick);
+  document.addEventListener("click", handleOutsideClick);
+}
+function handleSetLayoutBtn(blot) {
+  const handler = controlPanelHandlers.get(blot);
+  const leftUpControl = blot.domNode.querySelector(".ql-mind-map-left-up-control");
+  let layoutPanel = leftUpControl.querySelector(".ql-mind-map-layout-panel");
+  const heightStr = blot.domNode.getAttribute("height") || "500";
+  const height = Number.parseInt(heightStr.replace(/[^\d.]/g, ""), 10) || 500;
+  if (!layoutPanel) {
+    layoutPanel = document.createElement("div");
+    layoutPanel.className = "ql-mind-map-layout-panel";
+    const layouts = [
+      {
+        name: "logicalStructure",
+        displayName: handler == null ? void 0 : handler.getText("logicalStructureLayout"),
+        icon: logicalStructureIcon
+      },
+      {
+        name: "catalogOrganization",
+        displayName: handler == null ? void 0 : handler.getText("catalogOrganizationLayout"),
+        icon: catalogOrganizationIcon
+      },
+      {
+        name: "mindMap",
+        displayName: handler == null ? void 0 : handler.getText("mindMapLayout"),
+        icon: mindMapIcon
+      },
+      {
+        name: "organizationStructure",
+        displayName: handler == null ? void 0 : handler.getText("organizationStructureLayout"),
+        icon: organizationStructureIcon
+      },
+      {
+        name: "timeline",
+        displayName: handler == null ? void 0 : handler.getText("timelineLayout"),
+        icon: timelineIcon
+      },
+      {
+        name: "fishbone",
+        displayName: handler == null ? void 0 : handler.getText("fishboneLayout"),
+        icon: fishboneIcon
+      }
+    ];
+    layouts.forEach((layout) => {
+      const layoutItem = document.createElement("div");
+      layoutItem.className = "ql-mind-map-layout-item";
+      const iconContainer = document.createElement("div");
+      iconContainer.className = "ql-mind-map-layout-icon-container";
+      const img = document.createElement("div");
+      img.className = "ql-mind-map-layout-icon";
+      img.innerHTML = layout.icon;
+      img.style.display = "flex";
+      img.style.alignItems = "center";
+      img.style.justifyContent = "center";
+      const svgElement = img.querySelector("svg");
+      svgElement.style.maxWidth = "100%";
+      svgElement.style.maxHeight = "100%";
+      svgElement.style.width = "auto";
+      svgElement.style.height = "auto";
+      svgElement.removeAttribute("width");
+      svgElement.removeAttribute("height");
+      iconContainer.appendChild(img);
+      const nameText = document.createElement("div");
+      nameText.className = "ql-mind-map-layout-name";
+      nameText.textContent = layout.displayName;
+      layoutItem.appendChild(iconContainer);
+      layoutItem.appendChild(nameText);
+      layoutItem.addEventListener("click", () => {
+        blot.mindMap.setLayout(layout.name);
+        blot.data = blot.mindMap.getData({});
+        blot.domNode.setAttribute("data-mind-map", JSON.stringify(blot.data));
+        layoutPanel.style.display = "none";
+      });
+      layoutPanel.appendChild(layoutItem);
+    });
+    leftUpControl.appendChild(layoutPanel);
+    if (height < 395) {
+      layoutPanel.style.height = `${height - 130}px`;
+    } else {
+      layoutPanel.style.height = "270px";
+    }
+  } else {
+    if (height < 395) {
+      layoutPanel.style.height = `${height - 130}px`;
+    } else {
+      layoutPanel.style.height = "270px";
+    }
+    layoutPanel.style.display = "flex";
+  }
+  const handleOutsideClick = (e) => {
+    let setLayoutBtn = null;
+    const controlItems = leftUpControl.querySelectorAll(".ql-mind-map-control-item");
+    setLayoutBtn = Array.from(controlItems).find((item) => item.getAttribute("data-control-type") === "set-layout-icon");
+    if (!layoutPanel.contains(e.target) && (!setLayoutBtn || !setLayoutBtn.contains(e.target))) {
+      layoutPanel.style.display = "none";
+      document.removeEventListener("click", handleOutsideClick);
+    }
+  };
+  document.removeEventListener("click", handleOutsideClick);
+  document.addEventListener("click", handleOutsideClick);
+}
+function handleScreenTypeBtn(blot) {
+  const screenTypeBtn = blot.domNode.querySelector('[data-control-type="screen-type"]');
+  if (!screenTypeBtn || !blot.domNode) return;
+  const mindMapContainer = blot.domNode;
+  const isFullscreen = mindMapContainer.style.position === "fixed";
+  if (isFullscreen) {
+    const originalPosition = mindMapContainer.getAttribute("data-original-position");
+    const originalWidth = mindMapContainer.getAttribute("data-original-width");
+    const originalHeight = mindMapContainer.getAttribute("data-original-height");
+    if (originalWidth && originalHeight) {
+      mindMapContainer.style.position = originalPosition;
+      mindMapContainer.style.width = originalWidth;
+      mindMapContainer.style.height = originalHeight;
+      mindMapContainer.style.zIndex = "0";
+    }
+    const iconElement = screenTypeBtn.querySelector("i");
+    if (iconElement) {
+      iconElement.innerHTML = screenTypeIcon;
+    }
+  } else {
+    mindMapContainer.setAttribute("data-original-position", mindMapContainer.style.position || "");
+    mindMapContainer.setAttribute("data-original-width", mindMapContainer.style.width || "");
+    mindMapContainer.setAttribute("data-original-height", mindMapContainer.style.height || "");
+    mindMapContainer.style.position = "fixed";
+    mindMapContainer.style.top = "0";
+    mindMapContainer.style.left = "0";
+    mindMapContainer.style.width = "100vw";
+    mindMapContainer.style.height = "100vh";
+    mindMapContainer.style.zIndex = "100";
+    const iconElement = screenTypeBtn.querySelector("i");
+    if (iconElement) {
+      iconElement.innerHTML = screenReduceIcon;
+    }
+  }
+  blot.mindMap.renderer.setRootNodeCenter();
+  blot.mindMap.resize();
+}
+export {
+  createControlPanel
+};
+//# sourceMappingURL=control-panel.es.js.map