@opentiny/fluent-editor 4.0.0-beta.1 → 4.0.0

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

@@ -1,56 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,128 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,425 +0,0 @@
-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 { getAllConfigs } from "../config-utils.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 = [];
-  const { deps } = getAllConfigs(blot.quill);
-  iconList = deps.nodeIconList.nodeIconList ? deps.nodeIconList.nodeIconList : deps.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 == null ? void 0 : 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