@opentiny/fluent-editor 4.0.0-alpha.9 → 4.0.0-beta.0

package/lib/modules/flow-chart/modules/control-panel.cjs.js

@@ -0,0 +1,286 @@
+"use strict";
+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);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../config/index.cjs.js");
+const i18n = require("../../i18n.cjs.js");
+const index = require("../i18n/index.cjs.js");
+const icons = require("../icons.cjs.js");
+const editor_config = require("../../../config/editor.config.cjs.js");
+class FlowChartControlPanelHandler {
+  constructor(quill, blot) {
+    __publicField(this, "texts");
+    __publicField(this, "lang");
+    this.quill = quill;
+    this.blot = blot;
+    const i18nModule = this.quill.getModule("i18n");
+    index.registerFlowChartI18N(i18n.I18N);
+    this.lang = i18nModule.options.lang;
+    this.texts = this.resolveTexts();
+    this.quill.emitter.on(editor_config.CHANGE_LANGUAGE_EVENT, (lang) => {
+      this.lang = lang;
+      this.texts = this.resolveTexts();
+      this.updateControlPanelTexts();
+    });
+  }
+  getText(key) {
+    return this.texts[key];
+  }
+  resolveTexts() {
+    return {
+      exportTitle: i18n.I18N.parserText("flowChart.controlPanel.exportTitle", this.lang),
+      zoomOutTitle: i18n.I18N.parserText("flowChart.controlPanel.zoomOutTitle", this.lang),
+      zoomInTitle: i18n.I18N.parserText("flowChart.controlPanel.zoomInTitle", this.lang),
+      fitTitle: i18n.I18N.parserText("flowChart.controlPanel.fitTitle", this.lang),
+      backTitle: i18n.I18N.parserText("flowChart.controlPanel.backTitle", this.lang),
+      forwardTitle: i18n.I18N.parserText("flowChart.controlPanel.forwardTitle", this.lang),
+      setEdgeTypeTitle: i18n.I18N.parserText("flowChart.controlPanel.setEdgeTypeTitle", this.lang),
+      panelStatusTitle: i18n.I18N.parserText("flowChart.controlPanel.panelStatusTitle", this.lang),
+      screenTypeTitle: i18n.I18N.parserText("flowChart.controlPanel.screenTypeTitle", this.lang)
+    };
+  }
+  updateControlPanelTexts() {
+    const controlItems = this.blot.domNode.querySelectorAll(".ql-flow-chart-control-item");
+    const controlItemMap = {
+      "zoom-out": "zoomOutTitle",
+      "zoom-in": "zoomInTitle",
+      "fit": "fitTitle",
+      "back": "backTitle",
+      "forward": "forwardTitle",
+      "set-edge-type": "setEdgeTypeTitle",
+      "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) {
+  const controlPanel = document.createElement("div");
+  controlPanel.className = "ql-flow-chart-control";
+  const controlRightUpPanel = document.createElement("div");
+  controlRightUpPanel.className = "ql-flow-chart-right-up-control";
+  const handler = new FlowChartControlPanelHandler(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"), () => handleUndo(blot));
+  const forwardBtn = createControlItem("forward", handler.getText("forwardTitle"), () => handleRedo(blot));
+  const setEdgeTypeBtn = createControlItem("set-edge-type", handler.getText("setEdgeTypeTitle"), () => handleSetEdgeType(blot));
+  const panelStatusBtn = createControlItem("panel-status", handler.getText("panelStatusTitle"));
+  const screenTypeBtn = createControlItem("screen-type", handler.getText("screenTypeTitle"), () => handleScreenTypeBtn(blot));
+  const updateButtonState = (historyData) => {
+    if (!historyData.data) {
+      backBtn.style.opacity = DISABLED_OPACITY;
+      backBtn.style.cursor = "not-allowed";
+      forwardBtn.style.opacity = DISABLED_OPACITY;
+      forwardBtn.style.cursor = "not-allowed";
+      return;
+    }
+    const isUndoAvailable = historyData.data.undoAble || historyData.data.undos.length < 0;
+    const isRedoAvailable = historyData.data.redoAble || historyData.data.redos.length > 0;
+    if (backBtn) {
+      backBtn.style.opacity = isUndoAvailable ? ENABLED_OPACITY : DISABLED_OPACITY;
+      backBtn.style.cursor = isUndoAvailable ? "pointer" : "not-allowed";
+    }
+    if (forwardBtn) {
+      forwardBtn.style.opacity = isRedoAvailable ? ENABLED_OPACITY : DISABLED_OPACITY;
+      forwardBtn.style.cursor = isRedoAvailable ? "pointer" : "not-allowed";
+    }
+  };
+  updateButtonState(blot.flowChart.history);
+  blot.flowChart.on("history:change", (data) => {
+    updateButtonState(data);
+  });
+  setTimeout(() => {
+    const controlLeftUpPanel = blot.domNode.querySelector(".lf-dndpanel");
+    controlLeftUpPanel.append(setEdgeTypeBtn);
+  }, 0);
+  controlRightUpPanel.append(panelStatusBtn);
+  blot.domNode.appendChild(controlRightUpPanel);
+  controlPanel.append(zoomOutBtn, zoomInBtn, resetBtn, screenTypeBtn, backBtn, forwardBtn);
+  blot.domNode.appendChild(controlPanel);
+}
+function handleUndo(blot) {
+  if (blot.flowChart) {
+    blot.flowChart.undo();
+  }
+}
+function handleRedo(blot) {
+  if (blot.flowChart) {
+    blot.flowChart.redo();
+  }
+}
+function handleZoomIn(blot) {
+  if (blot.flowChart) {
+    blot.flowChart.zoom(true);
+  }
+}
+function handleZoomOut(blot) {
+  if (blot.flowChart) {
+    blot.flowChart.zoom(false);
+  }
+}
+function handleResetZoom(blot) {
+  if (blot.flowChart) {
+    blot.flowChart.resetZoom();
+  }
+}
+function createControlItem(iconClass, title, onClick, disabled = false) {
+  const controlItem = document.createElement("div");
+  controlItem.className = "ql-flow-chart-control-item";
+  controlItem.title = title;
+  controlItem.dataset.controlType = iconClass;
+  controlItem.style.cursor = disabled ? "not-allowed" : "pointer";
+  const iconMap = {
+    "back": icons.backIcon,
+    "forward": icons.forwardIcon,
+    "zoom-out": icons.zoomOutIcon,
+    "zoom-in": icons.zoomInIcon,
+    "fit": icons.fitIcon,
+    "screen-type": icons.screenTypeIcon,
+    "panel-status": icons.contractIcon,
+    "set-edge-type": icons.lineIcon
+  };
+  const icon = document.createElement("i");
+  icon.innerHTML = iconMap[iconClass] || "";
+  controlItem.appendChild(icon);
+  if (!disabled) {
+    controlItem.addEventListener("click", onClick);
+  }
+  return controlItem;
+}
+function handleSetEdgeType(blot) {
+  const controlLeftUpPanel = blot.domNode.querySelector(".lf-dndpanel");
+  if (!controlLeftUpPanel) return;
+  let edgeTypePanel = controlLeftUpPanel.querySelector(".ql-flow-chart-edge-panel");
+  if (!edgeTypePanel) {
+    edgeTypePanel = document.createElement("div");
+    edgeTypePanel.className = "ql-flow-chart-edge-panel";
+    edgeTypePanel.style.display = "flex";
+    edgeTypePanel.style.justifyContent = "space-around";
+    edgeTypePanel.style.flexWrap = "nowrap";
+    edgeTypePanel.style.width = "auto";
+    edgeTypePanel.style.minWidth = "100%";
+    edgeTypePanel.style.padding = "8px";
+    edgeTypePanel.style.boxSizing = "border-box";
+    edgeTypePanel.style.position = "absolute";
+    edgeTypePanel.style.top = "170px";
+    controlLeftUpPanel.appendChild(edgeTypePanel);
+    const edgeTypes = [
+      {
+        name: "line",
+        displayName: "直线",
+        icon: icons.lineIcon
+      },
+      {
+        name: "polyline",
+        displayName: "折线",
+        icon: icons.polyLineIcon
+      },
+      {
+        name: "bezier",
+        displayName: "贝塞尔曲线",
+        icon: icons.bezierIcon
+      }
+    ];
+    edgeTypes.forEach((edgeType) => {
+      const edgeItem = document.createElement("div");
+      edgeItem.className = "ql-flow-chart-edge-item";
+      edgeItem.style.padding = "8px";
+      edgeItem.style.cursor = "pointer";
+      edgeItem.style.textAlign = "center";
+      const edgeIcon = document.createElement("div");
+      edgeIcon.className = `ql-flow-chart-edge-type-icon`;
+      edgeIcon.style.width = "24px";
+      edgeIcon.style.height = "24px";
+      edgeIcon.style.margin = "0 auto";
+      if (edgeType.icon) {
+        edgeIcon.innerHTML = edgeType.icon;
+      }
+      edgeItem.appendChild(edgeIcon);
+      edgeItem.addEventListener("click", () => {
+        const { edges = [] } = blot.flowChart.getSelectElements();
+        if (edges.length > 0) {
+          edges.forEach((edge) => {
+            blot.flowChart.changeEdgeType(edge.id, edgeType.name);
+          });
+          blot.data = blot.flowChart.getGraphData();
+          blot.domNode.setAttribute("data-flow-chart", JSON.stringify(blot.data));
+        }
+        edgeTypePanel.style.display = "none";
+      });
+      edgeTypePanel.appendChild(edgeItem);
+    });
+  } else {
+    edgeTypePanel.style.display = "flex";
+    edgeTypePanel.style.justifyContent = "space-around";
+    edgeTypePanel.style.flexWrap = "nowrap";
+  }
+  const handleOutsideClick = (e) => {
+    let setEdgeTypeBtn = null;
+    const controlItems = controlLeftUpPanel.querySelectorAll(".ql-flow-chart-control-item");
+    controlItems.forEach((item) => {
+      const iconEl = item.querySelector("i");
+      if (iconEl && iconEl.className.includes("set-edge-type")) {
+        setEdgeTypeBtn = item;
+      }
+    });
+    if (!edgeTypePanel.contains(e.target) && (!setEdgeTypeBtn || !setEdgeTypeBtn.contains(e.target))) {
+      edgeTypePanel.style.display = "none";
+      document.removeEventListener("click", handleOutsideClick);
+    }
+  };
+  document.removeEventListener("click", handleOutsideClick);
+  setTimeout(() => {
+    document.addEventListener("click", handleOutsideClick);
+  }, 0);
+}
+function handleScreenTypeBtn(blot) {
+  const screenTypeBtn = blot.domNode.querySelector('[data-control-type="screen-type"]');
+  if (!screenTypeBtn || !blot.domNode) return;
+  const flowChartContainer = blot.domNode;
+  const isFullscreen = flowChartContainer.style.position === "fixed";
+  if (isFullscreen) {
+    const originalPosition = flowChartContainer.getAttribute("data-original-position");
+    const originalWidth = flowChartContainer.getAttribute("data-original-width");
+    const originalHeight = flowChartContainer.getAttribute("data-original-height");
+    if (originalWidth && originalHeight) {
+      flowChartContainer.style.position = originalPosition;
+      flowChartContainer.style.width = originalWidth;
+      flowChartContainer.style.height = originalHeight;
+      flowChartContainer.style.zIndex = "0";
+    }
+    const iconElement = screenTypeBtn.querySelector("i");
+    if (iconElement) {
+      iconElement.innerHTML = icons.screenTypeIcon;
+    }
+  } else {
+    flowChartContainer.setAttribute("data-original-position", flowChartContainer.style.position || "");
+    flowChartContainer.setAttribute("data-original-width", flowChartContainer.style.width || "");
+    flowChartContainer.setAttribute("data-original-height", flowChartContainer.style.height || "");
+    flowChartContainer.style.position = "fixed";
+    flowChartContainer.style.top = "0";
+    flowChartContainer.style.left = "0";
+    flowChartContainer.style.width = "100vw";
+    flowChartContainer.style.height = "100vh";
+    flowChartContainer.style.zIndex = "100";
+    const iconElement = screenTypeBtn.querySelector("i");
+    if (iconElement) {
+      iconElement.innerHTML = icons.screenReduceIcon;
+    }
+  }
+  blot.flowChart.resize();
+  blot.flowChart.translateCenter();
+}
+exports.createControlPanel = createControlPanel;
+//# sourceMappingURL=control-panel.cjs.js.map

package/lib/modules/flow-chart/modules/control-panel.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel.cjs.js","sources":["../../../../../src/modules/flow-chart/modules/control-panel.ts"],"sourcesContent":["import type FluentEditor from '../../../core/fluent-editor'\nimport type FlowChartPlaceholderBlot from '../formats/flow-chart-blot'\nimport { CHANGE_LANGUAGE_EVENT } from '../../../config'\nimport { I18N } from '../../../modules/i18n'\nimport { registerFlowChartI18N } from '../i18n'\nimport { backIcon, bezierIcon, contractIcon, fitIcon, forwardIcon, lineIcon, polyLineIcon, screenReduceIcon, screenTypeIcon, zoomInIcon, zoomOutIcon } from '../icons'\n\nclass FlowChartControlPanelHandler {\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: FlowChartPlaceholderBlot) {\n    const i18nModule = this.quill.getModule('i18n') as I18N\n    registerFlowChartI18N(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.updateControlPanelTexts()\n    })\n  }\n\n  resolveTexts() {\n    return {\n      exportTitle: I18N.parserText('flowChart.controlPanel.exportTitle', this.lang),\n      zoomOutTitle: I18N.parserText('flowChart.controlPanel.zoomOutTitle', this.lang),\n      zoomInTitle: I18N.parserText('flowChart.controlPanel.zoomInTitle', this.lang),\n      fitTitle: I18N.parserText('flowChart.controlPanel.fitTitle', this.lang),\n      backTitle: I18N.parserText('flowChart.controlPanel.backTitle', this.lang),\n      forwardTitle: I18N.parserText('flowChart.controlPanel.forwardTitle', this.lang),\n      setEdgeTypeTitle: I18N.parserText('flowChart.controlPanel.setEdgeTypeTitle', this.lang),\n      panelStatusTitle: I18N.parserText('flowChart.controlPanel.panelStatusTitle', this.lang),\n      screenTypeTitle: I18N.parserText('flowChart.controlPanel.screenTypeTitle', this.lang),\n    }\n  }\n\n  updateControlPanelTexts() {\n    const controlItems = this.blot.domNode.querySelectorAll('.ql-flow-chart-control-item')\n\n    const controlItemMap: Record<string, string> = {\n      'zoom-out': 'zoomOutTitle',\n      'zoom-in': 'zoomInTitle',\n      'fit': 'fitTitle',\n      'back': 'backTitle',\n      'forward': 'forwardTitle',\n      'set-edge-type': 'setEdgeTypeTitle',\n      'panel-status': 'panelStatusTitle',\n      'screen-type': 'screenTypeTitle',\n    }\n\n    controlItems.forEach((item) => {\n      const controlType = (item as HTMLElement).dataset.controlType\n      if (controlType && controlItemMap[controlType] && this.texts[controlItemMap[controlType]]) {\n        (item as HTMLElement).title = this.texts[controlItemMap[controlType]]\n      }\n    })\n  }\n}\n\nconst controlPanelHandlers = new WeakMap<FlowChartPlaceholderBlot, FlowChartControlPanelHandler>()\n\nconst DISABLED_OPACITY = '0.5'\nconst ENABLED_OPACITY = '1'\nexport function createControlPanel(blot: FlowChartPlaceholderBlot, quill: FluentEditor): void {\n  // 中间的控制面板\n  const controlPanel = document.createElement('div')\n  controlPanel.className = 'ql-flow-chart-control'\n  // 右上的控制面板\n  const controlRightUpPanel = document.createElement('div')\n  controlRightUpPanel.className = 'ql-flow-chart-right-up-control'\n\n  const handler = new FlowChartControlPanelHandler(quill, blot)\n  controlPanelHandlers.set(blot, handler)\n  const zoomOutBtn = createControlItem('zoom-out', handler.getText('zoomOutTitle'), () => handleZoomOut(blot))\n  const zoomInBtn = createControlItem('zoom-in', handler.getText('zoomInTitle'), () => handleZoomIn(blot))\n  const resetBtn = createControlItem('fit', handler.getText('fitTitle'), () => handleResetZoom(blot))\n  const backBtn = createControlItem('back', handler.getText('backTitle'), () => handleUndo(blot))\n  const forwardBtn = createControlItem('forward', handler.getText('forwardTitle'), () => handleRedo(blot))\n  const setEdgeTypeBtn = createControlItem('set-edge-type', handler.getText('setEdgeTypeTitle'), () => handleSetEdgeType(blot))\n  const panelStatusBtn = createControlItem('panel-status', handler.getText('panelStatusTitle'))\n  const screenTypeBtn = createControlItem('screen-type', handler.getText('screenTypeTitle'), () => handleScreenTypeBtn(blot))\n\n  const updateButtonState = (historyData: any) => {\n    if (!historyData.data) {\n      backBtn.style.opacity = DISABLED_OPACITY\n      backBtn.style.cursor = 'not-allowed'\n      forwardBtn.style.opacity = DISABLED_OPACITY\n      forwardBtn.style.cursor = 'not-allowed'\n      return\n    }\n    const isUndoAvailable = historyData.data.undoAble || historyData.data.undos.length < 0\n    const isRedoAvailable = historyData.data.redoAble || historyData.data.redos.length > 0\n\n    if (backBtn) {\n      backBtn.style.opacity = isUndoAvailable ? ENABLED_OPACITY : DISABLED_OPACITY\n      backBtn.style.cursor = isUndoAvailable ? 'pointer' : 'not-allowed'\n    }\n\n    if (forwardBtn) {\n      forwardBtn.style.opacity = isRedoAvailable ? ENABLED_OPACITY : DISABLED_OPACITY\n      forwardBtn.style.cursor = isRedoAvailable ? 'pointer' : 'not-allowed'\n    }\n  }\n  updateButtonState(blot.flowChart.history)\n  blot.flowChart.on('history:change', (data: any) => {\n    updateButtonState(data)\n  })\n\n  setTimeout(() => {\n    const controlLeftUpPanel = blot.domNode.querySelector('.lf-dndpanel') as HTMLElement | null\n    controlLeftUpPanel.append(setEdgeTypeBtn)\n  }, 0)\n  controlRightUpPanel.append(panelStatusBtn)\n  blot.domNode.appendChild(controlRightUpPanel)\n  controlPanel.append(zoomOutBtn, zoomInBtn, resetBtn, screenTypeBtn, backBtn, forwardBtn)\n  blot.domNode.appendChild(controlPanel)\n}\n\nfunction handleUndo(blot: FlowChartPlaceholderBlot): void {\n  if (blot.flowChart) {\n    blot.flowChart.undo()\n  }\n}\n\nfunction handleRedo(blot: FlowChartPlaceholderBlot): void {\n  if (blot.flowChart) {\n    blot.flowChart.redo()\n  }\n}\n\nfunction handleZoomIn(blot: FlowChartPlaceholderBlot): void {\n  if (blot.flowChart) {\n    blot.flowChart.zoom(true)\n  }\n}\n\nfunction handleZoomOut(blot: FlowChartPlaceholderBlot): void {\n  if (blot.flowChart) {\n    blot.flowChart.zoom(false)\n  }\n}\n\nfunction handleResetZoom(blot: FlowChartPlaceholderBlot): void {\n  if (blot.flowChart) {\n    blot.flowChart.resetZoom()\n  }\n}\n\nfunction createControlItem(iconClass: string, title: string, onClick?: () => void, disabled = false) {\n  const controlItem = document.createElement('div')\n  controlItem.className = 'ql-flow-chart-control-item'\n  controlItem.title = title\n  controlItem.dataset.controlType = iconClass\n  controlItem.style.cursor = disabled ? 'not-allowed' : 'pointer'\n\n  const iconMap: Record<string, string> = {\n    'back': backIcon,\n    'forward': forwardIcon,\n    'zoom-out': zoomOutIcon,\n    'zoom-in': zoomInIcon,\n    'fit': fitIcon,\n    'screen-type': screenTypeIcon,\n    'panel-status': contractIcon,\n    'set-edge-type': lineIcon,\n  }\n\n  const icon = document.createElement('i')\n  icon.innerHTML = iconMap[iconClass] || ''\n  controlItem.appendChild(icon)\n\n  if (!disabled) {\n    controlItem.addEventListener('click', onClick)\n  }\n\n  return controlItem\n}\n\nfunction handleSetEdgeType(blot: FlowChartPlaceholderBlot): void {\n  const controlLeftUpPanel = blot.domNode.querySelector('.lf-dndpanel') as HTMLElement | null\n  if (!controlLeftUpPanel) return\n  let edgeTypePanel = controlLeftUpPanel.querySelector('.ql-flow-chart-edge-panel') as HTMLElement\n  if (!edgeTypePanel) {\n    edgeTypePanel = document.createElement('div')\n    edgeTypePanel.className = 'ql-flow-chart-edge-panel'\n    edgeTypePanel.style.display = 'flex'\n    edgeTypePanel.style.justifyContent = 'space-around'\n    edgeTypePanel.style.flexWrap = 'nowrap'\n    edgeTypePanel.style.width = 'auto'\n    edgeTypePanel.style.minWidth = '100%'\n    edgeTypePanel.style.padding = '8px'\n    edgeTypePanel.style.boxSizing = 'border-box'\n    edgeTypePanel.style.position = 'absolute'\n    edgeTypePanel.style.top = '170px'\n    controlLeftUpPanel.appendChild(edgeTypePanel)\n\n    const edgeTypes = [\n      {\n        name: 'line',\n        displayName: '直线',\n        icon: lineIcon,\n      },\n      {\n        name: 'polyline',\n        displayName: '折线',\n        icon: polyLineIcon,\n      },\n      {\n        name: 'bezier',\n        displayName: '贝塞尔曲线',\n        icon: bezierIcon,\n      },\n    ]\n\n    edgeTypes.forEach((edgeType) => {\n      const edgeItem = document.createElement('div')\n      edgeItem.className = 'ql-flow-chart-edge-item'\n      edgeItem.style.padding = '8px'\n      edgeItem.style.cursor = 'pointer'\n      edgeItem.style.textAlign = 'center'\n\n      const edgeIcon = document.createElement('div')\n      edgeIcon.className = `ql-flow-chart-edge-type-icon`\n      edgeIcon.style.width = '24px'\n      edgeIcon.style.height = '24px'\n      edgeIcon.style.margin = '0 auto'\n      if (edgeType.icon) {\n        edgeIcon.innerHTML = edgeType.icon\n      }\n\n      edgeItem.appendChild(edgeIcon)\n\n      edgeItem.addEventListener('click', () => {\n        const { edges = [] } = blot.flowChart.getSelectElements()\n        if (edges.length > 0) {\n          edges.forEach((edge) => {\n            blot.flowChart.changeEdgeType(edge.id, edgeType.name)\n          })\n          blot.data = blot.flowChart.getGraphData()\n          blot.domNode.setAttribute('data-flow-chart', JSON.stringify(blot.data))\n        }\n\n        edgeTypePanel.style.display = 'none'\n      })\n      edgeTypePanel.appendChild(edgeItem)\n    })\n  }\n  else {\n    edgeTypePanel.style.display = 'flex'\n    edgeTypePanel.style.justifyContent = 'space-around'\n    edgeTypePanel.style.flexWrap = 'nowrap'\n  }\n\n  const handleOutsideClick = (e: MouseEvent) => {\n    let setEdgeTypeBtn: HTMLElement | null = null\n    const controlItems = controlLeftUpPanel.querySelectorAll('.ql-flow-chart-control-item')\n    controlItems.forEach((item) => {\n      const iconEl = item.querySelector('i')\n      if (iconEl && iconEl.className.includes('set-edge-type')) {\n        setEdgeTypeBtn = item as HTMLElement\n      }\n    })\n    if (!edgeTypePanel.contains(e.target as Node)\n      && (!setEdgeTypeBtn || !setEdgeTypeBtn.contains(e.target as Node))) {\n      edgeTypePanel.style.display = 'none'\n      document.removeEventListener('click', handleOutsideClick)\n    }\n  }\n\n  document.removeEventListener('click', handleOutsideClick)\n  setTimeout(() => {\n    document.addEventListener('click', handleOutsideClick)\n  }, 0)\n}\n\nfunction handleScreenTypeBtn(blot: FlowChartPlaceholderBlot): void {\n  const screenTypeBtn = blot.domNode.querySelector('[data-control-type=\"screen-type\"]') as HTMLElement | null\n  if (!screenTypeBtn || !blot.domNode) return\n\n  const flowChartContainer = blot.domNode\n  const isFullscreen = flowChartContainer.style.position === 'fixed'\n\n  if (isFullscreen) {\n    const originalPosition = flowChartContainer.getAttribute('data-original-position')\n    const originalWidth = flowChartContainer.getAttribute('data-original-width')\n    const originalHeight = flowChartContainer.getAttribute('data-original-height')\n    if (originalWidth && originalHeight) {\n      flowChartContainer.style.position = originalPosition\n      flowChartContainer.style.width = originalWidth\n      flowChartContainer.style.height = originalHeight\n      flowChartContainer.style.zIndex = '0'\n    }\n    const iconElement = screenTypeBtn.querySelector('i')\n    if (iconElement) {\n      iconElement.innerHTML = screenTypeIcon\n    }\n  }\n  else {\n    flowChartContainer.setAttribute('data-original-position', flowChartContainer.style.position || '')\n    flowChartContainer.setAttribute('data-original-width', flowChartContainer.style.width || '')\n    flowChartContainer.setAttribute('data-original-height', flowChartContainer.style.height || '')\n    flowChartContainer.style.position = 'fixed'\n    flowChartContainer.style.top = '0'\n    flowChartContainer.style.left = '0'\n    flowChartContainer.style.width = '100vw'\n    flowChartContainer.style.height = '100vh'\n    flowChartContainer.style.zIndex = '100'\n    const iconElement = screenTypeBtn.querySelector('i')\n    if (iconElement) {\n      iconElement.innerHTML = screenReduceIcon\n    }\n  }\n  blot.flowChart.resize()\n  blot.flowChart.translateCenter()\n}\n"],"names":["registerFlowChartI18N","I18N","CHANGE_LANGUAGE_EVENT","backIcon","forwardIcon","zoomOutIcon","zoomInIcon","fitIcon","screenTypeIcon","contractIcon","lineIcon","polyLineIcon","bezierIcon","screenReduceIcon"],"mappings":"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"}

package/lib/modules/flow-chart/modules/custom-resize-action.cjs.js

@@ -0,0 +1,150 @@
+"use strict";
+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);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MIN_WIDTH = 350;
+const MIN_HEIGHT = 290;
+class FlowChartResizeAction {
+  constructor(blot) {
+    __publicField(this, "topLeftHandle");
+    __publicField(this, "topRightHandle");
+    __publicField(this, "bottomRightHandle");
+    __publicField(this, "bottomLeftHandle");
+    __publicField(this, "dragHandle", null);
+    __publicField(this, "dragStartX", 0);
+    __publicField(this, "dragStartY", 0);
+    __publicField(this, "preDragWidth", 0);
+    __publicField(this, "preDragHeight", 0);
+    __publicField(this, "targetRatio", 0);
+    __publicField(this, "blot");
+    this.blot = blot;
+    this.topLeftHandle = this.createHandle("top-left", "nwse-resize");
+    this.topRightHandle = this.createHandle("top-right", "nesw-resize");
+    this.bottomRightHandle = this.createHandle("bottom-right", "nwse-resize");
+    this.bottomLeftHandle = this.createHandle("bottom-left", "nesw-resize");
+    this.init();
+  }
+  isFullscreen() {
+    const container = this.blot.domNode;
+    return container.style.position === "fixed" && container.style.width === "100vw" && container.style.height === "100vh";
+  }
+  init() {
+    const container = this.blot.domNode;
+    container.style.position = "relative";
+    container.appendChild(this.topLeftHandle);
+    container.appendChild(this.topRightHandle);
+    container.appendChild(this.bottomRightHandle);
+    container.appendChild(this.bottomLeftHandle);
+    this.repositionHandles();
+  }
+  createHandle(position, cursor) {
+    const box = document.createElement("div");
+    box.classList.add("ql-flow-chart-resize-handle");
+    box.setAttribute("data-position", position);
+    Object.assign(box.style, {
+      cursor,
+      position: "absolute",
+      width: "10px",
+      height: "10px",
+      background: "#4285f4",
+      border: "1px solid white",
+      borderRadius: "50%",
+      zIndex: "99",
+      userSelect: "none"
+    });
+    box.addEventListener("mousedown", this.onMouseDown.bind(this));
+    return box;
+  }
+  repositionHandles() {
+    const container = this.blot.domNode;
+    const rect = container.getBoundingClientRect();
+    Object.assign(this.topLeftHandle.style, {
+      left: "-5px",
+      top: "-5px"
+    });
+    Object.assign(this.topRightHandle.style, {
+      right: "-5px",
+      top: "-5px"
+    });
+    Object.assign(this.bottomRightHandle.style, {
+      right: "-5px",
+      bottom: "-5px"
+    });
+    Object.assign(this.bottomLeftHandle.style, {
+      left: "-5px",
+      bottom: "-5px"
+    });
+  }
+  onMouseDown(event) {
+    if (this.isFullscreen()) {
+      return;
+    }
+    if (!(event.target instanceof HTMLElement)) {
+      return;
+    }
+    this.dragHandle = event.target;
+    document.body.style.cursor = this.dragHandle.style.cursor;
+    const container = this.blot.domNode;
+    const rect = container.getBoundingClientRect();
+    this.dragStartX = event.clientX;
+    this.dragStartY = event.clientY;
+    this.preDragWidth = rect.width;
+    this.preDragHeight = rect.height;
+    this.targetRatio = rect.height / rect.width;
+    event.preventDefault();
+    document.addEventListener("mousemove", this.onDrag.bind(this));
+    document.addEventListener("mouseup", this.onMouseUp.bind(this));
+  }
+  onDrag(event) {
+    if (!this.dragHandle) return;
+    const container = this.blot.domNode;
+    let newWidth = this.preDragWidth;
+    let newHeight = this.preDragHeight;
+    const deltaX = event.clientX - this.dragStartX;
+    const deltaY = event.clientY - this.dragStartY;
+    switch (this.dragHandle.dataset.position) {
+      case "top-left":
+        newWidth = Math.max(MIN_WIDTH, this.preDragWidth - deltaX);
+        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight - deltaY);
+        break;
+      case "top-right":
+        newWidth = Math.max(MIN_WIDTH, this.preDragWidth + deltaX);
+        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight - deltaY);
+        break;
+      case "bottom-right":
+        newWidth = Math.max(MIN_WIDTH, this.preDragWidth + deltaX);
+        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight + deltaY);
+        break;
+      case "bottom-left":
+        newWidth = Math.max(MIN_WIDTH, this.preDragWidth - deltaX);
+        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight + deltaY);
+        break;
+    }
+    container.style.width = `${newWidth}px`;
+    container.style.height = `${newHeight}px`;
+    container.setAttribute("width", String(newWidth));
+    container.setAttribute("height", String(newHeight));
+    if (this.blot.flowChart) {
+      this.blot.flowChart.resize(newWidth, newHeight);
+    }
+    this.blot.data.width = newWidth;
+    this.blot.data.height = newHeight;
+    container.setAttribute("data-flow-chart", JSON.stringify(this.blot.data));
+  }
+  onMouseUp() {
+    document.body.style.cursor = "";
+    document.removeEventListener("mousemove", this.onDrag.bind(this));
+    document.removeEventListener("mouseup", this.onMouseUp.bind(this));
+    this.dragHandle = null;
+  }
+  destroy() {
+    const container = this.blot.domNode;
+    container.removeChild(this.topLeftHandle);
+    container.removeChild(this.topRightHandle);
+    container.removeChild(this.bottomRightHandle);
+    container.removeChild(this.bottomLeftHandle);
+  }
+}
+exports.FlowChartResizeAction = FlowChartResizeAction;
+//# sourceMappingURL=custom-resize-action.cjs.js.map

package/lib/modules/flow-chart/modules/custom-resize-action.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-resize-action.cjs.js","sources":["../../../../../src/modules/flow-chart/modules/custom-resize-action.ts"],"sourcesContent":["const MIN_WIDTH = 350\nconst MIN_HEIGHT = 290\n\nexport class FlowChartResizeAction {\n  topLeftHandle: HTMLElement\n  topRightHandle: HTMLElement\n  bottomRightHandle: HTMLElement\n  bottomLeftHandle: HTMLElement\n  dragHandle: HTMLElement | null = null\n  dragStartX: number = 0\n  dragStartY: number = 0\n  preDragWidth: number = 0\n  preDragHeight: number = 0\n  targetRatio: number = 0\n  blot: any\n\n  constructor(blot: any) {\n    this.blot = blot\n    this.topLeftHandle = this.createHandle('top-left', 'nwse-resize')\n    this.topRightHandle = this.createHandle('top-right', 'nesw-resize')\n    this.bottomRightHandle = this.createHandle('bottom-right', 'nwse-resize')\n    this.bottomLeftHandle = this.createHandle('bottom-left', 'nesw-resize')\n    this.init()\n  }\n\n  isFullscreen(): boolean {\n    const container = this.blot.domNode\n    return container.style.position === 'fixed' && container.style.width === '100vw' && container.style.height === '100vh'\n  }\n\n  init() {\n    const container = this.blot.domNode\n    container.style.position = 'relative'\n    container.appendChild(this.topLeftHandle)\n    container.appendChild(this.topRightHandle)\n    container.appendChild(this.bottomRightHandle)\n    container.appendChild(this.bottomLeftHandle)\n    this.repositionHandles()\n  }\n\n  createHandle(position: string, cursor: string): HTMLElement {\n    const box = document.createElement('div')\n    box.classList.add('ql-flow-chart-resize-handle')\n    box.setAttribute('data-position', position)\n    Object.assign(box.style, {\n      cursor,\n      position: 'absolute',\n      width: '10px',\n      height: '10px',\n      background: '#4285f4',\n      border: '1px solid white',\n      borderRadius: '50%',\n      zIndex: '99',\n      userSelect: 'none',\n    })\n    box.addEventListener('mousedown', this.onMouseDown.bind(this))\n    return box\n  }\n\n  repositionHandles() {\n    const container = this.blot.domNode\n    const rect = container.getBoundingClientRect()\n\n    Object.assign(this.topLeftHandle.style, {\n      left: '-5px',\n      top: '-5px',\n    })\n    Object.assign(this.topRightHandle.style, {\n      right: '-5px',\n      top: '-5px',\n    })\n    Object.assign(this.bottomRightHandle.style, {\n      right: '-5px',\n      bottom: '-5px',\n    })\n    Object.assign(this.bottomLeftHandle.style, {\n      left: '-5px',\n      bottom: '-5px',\n    })\n  }\n\n  onMouseDown(event: MouseEvent) {\n    if (this.isFullscreen()) {\n      return\n    }\n    if (!(event.target instanceof HTMLElement)) {\n      return\n    }\n\n    this.dragHandle = event.target\n    document.body.style.cursor = this.dragHandle.style.cursor\n\n    const container = this.blot.domNode\n    const rect = container.getBoundingClientRect()\n\n    this.dragStartX = event.clientX\n    this.dragStartY = event.clientY\n    this.preDragWidth = rect.width\n    this.preDragHeight = rect.height\n    this.targetRatio = rect.height / rect.width\n\n    event.preventDefault()\n    document.addEventListener('mousemove', this.onDrag.bind(this))\n    document.addEventListener('mouseup', this.onMouseUp.bind(this))\n  }\n\n  onDrag(event: MouseEvent) {\n    if (!this.dragHandle) return\n\n    const container = this.blot.domNode\n    let newWidth = this.preDragWidth\n    let newHeight = this.preDragHeight\n\n    const deltaX = event.clientX - this.dragStartX\n    const deltaY = event.clientY - this.dragStartY\n\n    switch (this.dragHandle.dataset.position) {\n      case 'top-left':\n        newWidth = Math.max(MIN_WIDTH, this.preDragWidth - deltaX)\n        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight - deltaY)\n        break\n      case 'top-right':\n        newWidth = Math.max(MIN_WIDTH, this.preDragWidth + deltaX)\n        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight - deltaY)\n        break\n      case 'bottom-right':\n        newWidth = Math.max(MIN_WIDTH, this.preDragWidth + deltaX)\n        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight + deltaY)\n        break\n      case 'bottom-left':\n        newWidth = Math.max(MIN_WIDTH, this.preDragWidth - deltaX)\n        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight + deltaY)\n        break\n    }\n\n    container.style.width = `${newWidth}px`\n    container.style.height = `${newHeight}px`\n    container.setAttribute('width', String(newWidth))\n    container.setAttribute('height', String(newHeight))\n\n    if (this.blot.flowChart) {\n      this.blot.flowChart.resize(newWidth, newHeight)\n    }\n\n    this.blot.data.width = newWidth\n    this.blot.data.height = newHeight\n    container.setAttribute('data-flow-chart', JSON.stringify(this.blot.data))\n  }\n\n  onMouseUp() {\n    document.body.style.cursor = ''\n    document.removeEventListener('mousemove', this.onDrag.bind(this))\n    document.removeEventListener('mouseup', this.onMouseUp.bind(this))\n    this.dragHandle = null\n  }\n\n  destroy() {\n    const container = this.blot.domNode\n    container.removeChild(this.topLeftHandle)\n    container.removeChild(this.topRightHandle)\n    container.removeChild(this.bottomRightHandle)\n    container.removeChild(this.bottomLeftHandle)\n  }\n}\n"],"names":[],"mappings":";;;;;AAAA,MAAM,YAAY;AAClB,MAAM,aAAa;AAEZ,MAAM,sBAAsB;AAAA,EAajC,YAAY,MAAW;AAZvB;AACA;AACA;AACA;AACA,sCAAiC;AACjC,sCAAqB;AACrB,sCAAqB;AACrB,wCAAuB;AACvB,yCAAwB;AACxB,uCAAsB;AACtB;AAGE,SAAK,OAAO;AACZ,SAAK,gBAAgB,KAAK,aAAa,YAAY,aAAa;AAChE,SAAK,iBAAiB,KAAK,aAAa,aAAa,aAAa;AAClE,SAAK,oBAAoB,KAAK,aAAa,gBAAgB,aAAa;AACxE,SAAK,mBAAmB,KAAK,aAAa,eAAe,aAAa;AACtE,SAAK,KAAA;AAAA,EACP;AAAA,EAEA,eAAwB;AACtB,UAAM,YAAY,KAAK,KAAK;AAC5B,WAAO,UAAU,MAAM,aAAa,WAAW,UAAU,MAAM,UAAU,WAAW,UAAU,MAAM,WAAW;AAAA,EACjH;AAAA,EAEA,OAAO;AACL,UAAM,YAAY,KAAK,KAAK;AAC5B,cAAU,MAAM,WAAW;AAC3B,cAAU,YAAY,KAAK,aAAa;AACxC,cAAU,YAAY,KAAK,cAAc;AACzC,cAAU,YAAY,KAAK,iBAAiB;AAC5C,cAAU,YAAY,KAAK,gBAAgB;AAC3C,SAAK,kBAAA;AAAA,EACP;AAAA,EAEA,aAAa,UAAkB,QAA6B;AAC1D,UAAM,MAAM,SAAS,cAAc,KAAK;AACxC,QAAI,UAAU,IAAI,6BAA6B;AAC/C,QAAI,aAAa,iBAAiB,QAAQ;AAC1C,WAAO,OAAO,IAAI,OAAO;AAAA,MACvB;AAAA,MACA,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,YAAY;AAAA,IAAA,CACb;AACD,QAAI,iBAAiB,aAAa,KAAK,YAAY,KAAK,IAAI,CAAC;AAC7D,WAAO;AAAA,EACT;AAAA,EAEA,oBAAoB;AAClB,UAAM,YAAY,KAAK,KAAK;AAC5B,UAAM,OAAO,UAAU,sBAAA;AAEvB,WAAO,OAAO,KAAK,cAAc,OAAO;AAAA,MACtC,MAAM;AAAA,MACN,KAAK;AAAA,IAAA,CACN;AACD,WAAO,OAAO,KAAK,eAAe,OAAO;AAAA,MACvC,OAAO;AAAA,MACP,KAAK;AAAA,IAAA,CACN;AACD,WAAO,OAAO,KAAK,kBAAkB,OAAO;AAAA,MAC1C,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA,CACT;AACD,WAAO,OAAO,KAAK,iBAAiB,OAAO;AAAA,MACzC,MAAM;AAAA,MACN,QAAQ;AAAA,IAAA,CACT;AAAA,EACH;AAAA,EAEA,YAAY,OAAmB;AAC7B,QAAI,KAAK,gBAAgB;AACvB;AAAA,IACF;AACA,QAAI,EAAE,MAAM,kBAAkB,cAAc;AAC1C;AAAA,IACF;AAEA,SAAK,aAAa,MAAM;AACxB,aAAS,KAAK,MAAM,SAAS,KAAK,WAAW,MAAM;AAEnD,UAAM,YAAY,KAAK,KAAK;AAC5B,UAAM,OAAO,UAAU,sBAAA;AAEvB,SAAK,aAAa,MAAM;AACxB,SAAK,aAAa,MAAM;AACxB,SAAK,eAAe,KAAK;AACzB,SAAK,gBAAgB,KAAK;AAC1B,SAAK,cAAc,KAAK,SAAS,KAAK;AAEtC,UAAM,eAAA;AACN,aAAS,iBAAiB,aAAa,KAAK,OAAO,KAAK,IAAI,CAAC;AAC7D,aAAS,iBAAiB,WAAW,KAAK,UAAU,KAAK,IAAI,CAAC;AAAA,EAChE;AAAA,EAEA,OAAO,OAAmB;AACxB,QAAI,CAAC,KAAK,WAAY;AAEtB,UAAM,YAAY,KAAK,KAAK;AAC5B,QAAI,WAAW,KAAK;AACpB,QAAI,YAAY,KAAK;AAErB,UAAM,SAAS,MAAM,UAAU,KAAK;AACpC,UAAM,SAAS,MAAM,UAAU,KAAK;AAEpC,YAAQ,KAAK,WAAW,QAAQ,UAAA;AAAA,MAC9B,KAAK;AACH,mBAAW,KAAK,IAAI,WAAW,KAAK,eAAe,MAAM;AACzD,oBAAY,KAAK,IAAI,YAAY,KAAK,gBAAgB,MAAM;AAC5D;AAAA,MACF,KAAK;AACH,mBAAW,KAAK,IAAI,WAAW,KAAK,eAAe,MAAM;AACzD,oBAAY,KAAK,IAAI,YAAY,KAAK,gBAAgB,MAAM;AAC5D;AAAA,MACF,KAAK;AACH,mBAAW,KAAK,IAAI,WAAW,KAAK,eAAe,MAAM;AACzD,oBAAY,KAAK,IAAI,YAAY,KAAK,gBAAgB,MAAM;AAC5D;AAAA,MACF,KAAK;AACH,mBAAW,KAAK,IAAI,WAAW,KAAK,eAAe,MAAM;AACzD,oBAAY,KAAK,IAAI,YAAY,KAAK,gBAAgB,MAAM;AAC5D;AAAA,IAAA;AAGJ,cAAU,MAAM,QAAQ,GAAG,QAAQ;AACnC,cAAU,MAAM,SAAS,GAAG,SAAS;AACrC,cAAU,aAAa,SAAS,OAAO,QAAQ,CAAC;AAChD,cAAU,aAAa,UAAU,OAAO,SAAS,CAAC;AAElD,QAAI,KAAK,KAAK,WAAW;AACvB,WAAK,KAAK,UAAU,OAAO,UAAU,SAAS;AAAA,IAChD;AAEA,SAAK,KAAK,KAAK,QAAQ;AACvB,SAAK,KAAK,KAAK,SAAS;AACxB,cAAU,aAAa,mBAAmB,KAAK,UAAU,KAAK,KAAK,IAAI,CAAC;AAAA,EAC1E;AAAA,EAEA,YAAY;AACV,aAAS,KAAK,MAAM,SAAS;AAC7B,aAAS,oBAAoB,aAAa,KAAK,OAAO,KAAK,IAAI,CAAC;AAChE,aAAS,oBAAoB,WAAW,KAAK,UAAU,KAAK,IAAI,CAAC;AACjE,SAAK,aAAa;AAAA,EACpB;AAAA,EAEA,UAAU;AACR,UAAM,YAAY,KAAK,KAAK;AAC5B,cAAU,YAAY,KAAK,aAAa;AACxC,cAAU,YAAY,KAAK,cAAc;AACzC,cAAU,YAAY,KAAK,iBAAiB;AAC5C,cAAU,YAAY,KAAK,gBAAgB;AAAA,EAC7C;AACF;;"}

package/lib/modules/i18n.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.cjs.js","sources":["../../../src/modules/i18n.ts"],"sourcesContent":["import type FluentEditor from '../fluent-editor'\r\nimport { CHANGE_LANGUAGE_EVENT, defaultLanguage } from '../config'\r\nimport { isUndefined } from '../utils/is'\r\n\r\nconst langs: Record<string, Record<string, string>> = {}\r\n\r\nexport interface I18NOptions {\r\n  lang: string\r\n}\r\nexport class I18N {\r\n  static register(inputLangs: Record<string, Record<string, string>>, isCover: boolean = true) {\r\n    for (const lang in inputLangs) {\r\n      const texts = inputLangs[lang]\r\n      if (isCover) {\r\n        langs[lang] = texts\r\n      }\r\n      else {\r\n        if (!langs[lang]) langs[lang] = {}\r\n        Object.assign(langs[lang], texts)\r\n      }\r\n    }\r\n  }\r\n\r\n  static parserText(text: string, lang: string): string {\r\n    const i18nPattern = /^_i18n\"([^\"]*)\"/\r\n    const match = text.match(i18nPattern)\r\n    let key = text\r\n    if (match) {\r\n      key = match[1]\r\n    }\r\n    return langs[lang]?.[key] || key\r\n  }\r\n\r\n  options: I18NOptions = {\r\n    lang: '',\r\n  }\r\n\r\n  constructor(public quill: FluentEditor, options: Partial<I18NOptions>) {\r\n    this.options = Object.assign({}, options, this.resolveLanguageOption(options || {}))\r\n    // wait until all module registed\r\n    Promise.resolve().then(() => this.changeLanguage(this.options, true))\r\n  }\r\n\r\n  resolveLanguageOption(options: Partial<I18NOptions>): I18NOptions {\r\n    if (isUndefined(options.lang)) {\r\n      options.lang = defaultLanguage\r\n    }\r\n    if (!(options.lang in langs)) {\r\n      console.warn(`The language ${options.lang} is not supported. Use the default language: ${defaultLanguage}`)\r\n      options.lang = defaultLanguage\r\n    }\r\n    return {\r\n      lang: options.lang,\r\n    }\r\n  }\r\n\r\n  changeLanguage(options: Partial<I18NOptions>, force: boolean = false) {\r\n    const currentLang = this.options.lang\r\n    const langOps = this.resolveLanguageOption(options)\r\n    if (langOps.lang === currentLang && !force) return\r\n    this.options.lang = langOps.lang\r\n    this.quill.emitter.emit(CHANGE_LANGUAGE_EVENT, this.options.lang, langs[langOps.lang])\r\n  }\r\n}\r\n\r\nexport default I18N\r\n"],"names":["isUndefined","defaultLanguage","CHANGE_LANGUAGE_EVENT"],"mappings":";;;;;;;;AAIA,MAAM,QAAgD,CAAC;AAKhD,MAAM,KAAK;AAAA,EA4BhB,YAAmB,OAAqB,SAA+B;AAJvE,mCAAuB;AAAA,MACrB,MAAM;AAAA,IACR;AAEmB,SAAA,QAAA;AACZ,SAAA,UAAU,OAAO,OAAO,CAAC,GAAG,SAAS,KAAK,sBAAsB,WAAW,CAAA,CAAE,CAAC;AAE3E,YAAA,UAAU,KAAK,MAAM,KAAK,eAAe,KAAK,SAAS,IAAI,CAAC;AAAA,EAAA;AAAA,EA9BtE,OAAO,SAAS,YAAoD,UAAmB,MAAM;AAC3F,eAAW,QAAQ,YAAY;AACvB,YAAA,QAAQ,WAAW,IAAI;AAC7B,UAAI,SAAS;AACX,cAAM,IAAI,IAAI;AAAA,MAAA,OAEX;AACH,YAAI,CAAC,MAAM,IAAI,EAAS,OAAA,IAAI,IAAI,CAAC;AACjC,eAAO,OAAO,MAAM,IAAI,GAAG,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,EACF;AAAA,EAGF,OAAO,WAAW,MAAc,MAAsB;;AACpD,UAAM,cAAc;AACd,UAAA,QAAQ,KAAK,MAAM,WAAW;AACpC,QAAI,MAAM;AACV,QAAI,OAAO;AACT,YAAM,MAAM,CAAC;AAAA,IAAA;AAEf,aAAO,WAAM,IAAI,MAAV,mBAAc,SAAQ;AAAA,EAAA;AAAA,EAa/B,sBAAsB,SAA4C;AAC5D,QAAAA,GAAA,YAAY,QAAQ,IAAI,GAAG;AAC7B,cAAQ,OAAOC,cAAA;AAAA,IAAA;AAEb,QAAA,EAAE,QAAQ,QAAQ,QAAQ;AAC5B,cAAQ,KAAK,gBAAgB,QAAQ,IAAI,gDAAgDA,cAAe,eAAA,EAAE;AAC1G,cAAQ,OAAOA,cAAA;AAAA,IAAA;AAEV,WAAA;AAAA,MACL,MAAM,QAAQ;AAAA,IAChB;AAAA,EAAA;AAAA,EAGF,eAAe,SAA+B,QAAiB,OAAO;AAC9D,UAAA,cAAc,KAAK,QAAQ;AAC3B,UAAA,UAAU,KAAK,sBAAsB,OAAO;AAClD,QAAI,QAAQ,SAAS,eAAe,CAAC,MAAO;AACvC,SAAA,QAAQ,OAAO,QAAQ;AACvB,SAAA,MAAM,QAAQ,KAAKC,cAAAA,uBAAuB,KAAK,QAAQ,MAAM,MAAM,QAAQ,IAAI,CAAC;AAAA,EAAA;AAEzF;;;"}
+{"version":3,"file":"i18n.cjs.js","sources":["../../../src/modules/i18n.ts"],"sourcesContent":["import type FluentEditor from '../fluent-editor'\r\nimport { CHANGE_LANGUAGE_EVENT, defaultLanguage } from '../config'\r\nimport { isUndefined } from '../utils/is'\r\n\r\nconst langs: Record<string, Record<string, string>> = {}\r\n\r\nexport interface I18NOptions {\r\n  lang: string\r\n}\r\nexport class I18N {\r\n  static register(inputLangs: Record<string, Record<string, string>>, isCover: boolean = true) {\r\n    for (const lang in inputLangs) {\r\n      const texts = inputLangs[lang]\r\n      if (isCover) {\r\n        langs[lang] = texts\r\n      }\r\n      else {\r\n        if (!langs[lang]) langs[lang] = {}\r\n        Object.assign(langs[lang], texts)\r\n      }\r\n    }\r\n  }\r\n\r\n  static parserText(text: string, lang: string): string {\r\n    const i18nPattern = /^_i18n\"([^\"]*)\"/\r\n    const match = text.match(i18nPattern)\r\n    let key = text\r\n    if (match) {\r\n      key = match[1]\r\n    }\r\n    return langs[lang]?.[key] || key\r\n  }\r\n\r\n  options: I18NOptions = {\r\n    lang: '',\r\n  }\r\n\r\n  constructor(public quill: FluentEditor, options: Partial<I18NOptions>) {\r\n    this.options = Object.assign({}, options, this.resolveLanguageOption(options || {}))\r\n    // wait until all module registed\r\n    Promise.resolve().then(() => this.changeLanguage(this.options, true))\r\n  }\r\n\r\n  resolveLanguageOption(options: Partial<I18NOptions>): I18NOptions {\r\n    if (isUndefined(options.lang)) {\r\n      options.lang = defaultLanguage\r\n    }\r\n    if (!(options.lang in langs)) {\r\n      console.warn(`The language ${options.lang} is not supported. Use the default language: ${defaultLanguage}`)\r\n      options.lang = defaultLanguage\r\n    }\r\n    return {\r\n      lang: options.lang,\r\n    }\r\n  }\r\n\r\n  changeLanguage(options: Partial<I18NOptions>, force: boolean = false) {\r\n    const currentLang = this.options.lang\r\n    const langOps = this.resolveLanguageOption(options)\r\n    if (langOps.lang === currentLang && !force) return\r\n    this.options.lang = langOps.lang\r\n    this.quill.emitter.emit(CHANGE_LANGUAGE_EVENT, this.options.lang, langs[langOps.lang])\r\n  }\r\n}\r\n\r\nexport default I18N\r\n"],"names":["isUndefined","defaultLanguage","CHANGE_LANGUAGE_EVENT"],"mappings":";;;;;;;;AAIA,MAAM,QAAgD,CAAA;AAK/C,MAAM,KAAK;AAAA,EA4BhB,YAAmB,OAAqB,SAA+B;AAJvE,mCAAuB;AAAA,MACrB,MAAM;AAAA,IAAA;AAGW,SAAA,QAAA;AACjB,SAAK,UAAU,OAAO,OAAO,CAAA,GAAI,SAAS,KAAK,sBAAsB,WAAW,CAAA,CAAE,CAAC;AAEnF,YAAQ,UAAU,KAAK,MAAM,KAAK,eAAe,KAAK,SAAS,IAAI,CAAC;AAAA,EACtE;AAAA,EA/BA,OAAO,SAAS,YAAoD,UAAmB,MAAM;AAC3F,eAAW,QAAQ,YAAY;AAC7B,YAAM,QAAQ,WAAW,IAAI;AAC7B,UAAI,SAAS;AACX,cAAM,IAAI,IAAI;AAAA,MAChB,OACK;AACH,YAAI,CAAC,MAAM,IAAI,EAAG,OAAM,IAAI,IAAI,CAAA;AAChC,eAAO,OAAO,MAAM,IAAI,GAAG,KAAK;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,OAAO,WAAW,MAAc,MAAsB;;AACpD,UAAM,cAAc;AACpB,UAAM,QAAQ,KAAK,MAAM,WAAW;AACpC,QAAI,MAAM;AACV,QAAI,OAAO;AACT,YAAM,MAAM,CAAC;AAAA,IACf;AACA,aAAO,WAAM,IAAI,MAAV,mBAAc,SAAQ;AAAA,EAC/B;AAAA,EAYA,sBAAsB,SAA4C;AAChE,QAAIA,GAAAA,YAAY,QAAQ,IAAI,GAAG;AAC7B,cAAQ,OAAOC,cAAAA;AAAAA,IACjB;AACA,QAAI,EAAE,QAAQ,QAAQ,QAAQ;AAC5B,cAAQ,KAAK,gBAAgB,QAAQ,IAAI,gDAAgDA,cAAAA,eAAe,EAAE;AAC1G,cAAQ,OAAOA,cAAAA;AAAAA,IACjB;AACA,WAAO;AAAA,MACL,MAAM,QAAQ;AAAA,IAAA;AAAA,EAElB;AAAA,EAEA,eAAe,SAA+B,QAAiB,OAAO;AACpE,UAAM,cAAc,KAAK,QAAQ;AACjC,UAAM,UAAU,KAAK,sBAAsB,OAAO;AAClD,QAAI,QAAQ,SAAS,eAAe,CAAC,MAAO;AAC5C,SAAK,QAAQ,OAAO,QAAQ;AAC5B,SAAK,MAAM,QAAQ,KAAKC,cAAAA,uBAAuB,KAAK,QAAQ,MAAM,MAAM,QAAQ,IAAI,CAAC;AAAA,EACvF;AACF;;;"}

package/lib/modules/index.cjs.js

@@ -8,20 +8,24 @@ const customUploader = require("./custom-uploader.cjs.js");
 const divider = require("./divider.cjs.js");
 const emoji = require("./emoji.cjs.js");
 require("./file/index.cjs.js");
+const index = require("./flow-chart/index.cjs.js");
 const i18n = require("./i18n.cjs.js");
 require("./link/index.cjs.js");
 require("./mathlive/index.cjs.js");
 require("./mention/index.cjs.js");
-const index = require("./shortcut-key/index.cjs.js");
+const index$1 = require("./mind-map/index.cjs.js");
+const index$2 = require("./shortcut-key/index.cjs.js");
 require("./syntax.cjs.js");
-const index$1 = require("./table-up/index.cjs.js");
+const index$3 = require("./table-up/index.cjs.js");
 require("./toolbar/index.cjs.js");
 exports.CustomClipboard = customClipboard.CustomClipboard;
 exports.FileUploader = customUploader.FileUploader;
 exports.DividerBlot = divider.DividerBlot;
 exports.EmojiModule = emoji.EmojiModule;
+exports.FlowChartModule = index.FlowChartModule;
 exports.I18N = i18n.I18N;
-exports.ShortCutKey = index.ShortCutKey;
-exports.shortKey = index.shortKey;
-exports.generateTableUp = index$1.generateTableUp;
+exports.MindMapModule = index$1.MindMapModule;
+exports.ShortCutKey = index$2.ShortCutKey;
+exports.shortKey = index$2.shortKey;
+exports.generateTableUp = index$3.generateTableUp;
 //# sourceMappingURL=index.cjs.js.map

package/lib/modules/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/modules/link/formats/link.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.cjs.js","sources":["../../../../../src/modules/link/formats/link.ts"],"sourcesContent":["import type TypeInline from 'quill/blots/inline'\r\nimport Quill from 'quill'\r\nimport { hadProtocol, sanitize } from '../../../config/editor.utils'\r\n\r\nconst Inline = Quill.import('blots/inline') as typeof TypeInline\r\n\r\nexport class LinkBlot extends Inline {\r\n  static blotName = 'link'\r\n  static tagName = 'A'\r\n  static SANITIZED_URL = 'about:blank'\r\n  static PROTOCOL_WHITELIST = ['http', 'https', 'mailto', 'tel']\r\n  static className = 'ql-normal-link'\r\n\r\n  static autoProtocol: string = ''\r\n  static create(value: string) {\r\n    const node = super.create(value)\r\n    let href = value\r\n    if (!hadProtocol(href) && this.autoProtocol) {\r\n      href = `${this.autoProtocol}://${value}`\r\n    }\r\n    href = this.sanitize(href)\r\n    node.setAttribute('href', href)\r\n    node.setAttribute('target', '_blank')\r\n    return node\r\n  }\r\n\r\n  static formats(domNode: HTMLElement): string | null {\r\n    return domNode.getAttribute('href')\r\n  }\r\n\r\n  static sanitize(url: string) {\r\n    return sanitize(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL\r\n  }\r\n\r\n  format(name: string, value: any) {\r\n    if (name !== this.statics.blotName || [false, null].includes(value)) {\r\n      super.format(name, value)\r\n    }\r\n    else {\r\n      this.domNode.setAttribute('href', LinkBlot.sanitize(value))\r\n    }\r\n  }\r\n}\r\n"],"names":["hadProtocol","sanitize"],"mappings":";;;;;;;AAIA,MAAM,SAAS,MAAM,OAAO,cAAc;AAEnC,MAAM,YAAN,MAAM,kBAAiB,OAAO;AAAA,EAQnC,OAAO,OAAO,OAAe;AACrB,UAAA,OAAO,MAAM,OAAO,KAAK;AAC/B,QAAI,OAAO;AACX,QAAI,CAACA,aAAAA,YAAY,IAAI,KAAK,KAAK,cAAc;AAC3C,aAAO,GAAG,KAAK,YAAY,MAAM,KAAK;AAAA,IAAA;AAEjC,WAAA,KAAK,SAAS,IAAI;AACpB,SAAA,aAAa,QAAQ,IAAI;AACzB,SAAA,aAAa,UAAU,QAAQ;AAC7B,WAAA;AAAA,EAAA;AAAA,EAGT,OAAO,QAAQ,SAAqC;AAC3C,WAAA,QAAQ,aAAa,MAAM;AAAA,EAAA;AAAA,EAGpC,OAAO,SAAS,KAAa;AAC3B,WAAOC,aAAAA,SAAS,KAAK,KAAK,kBAAkB,IAAI,MAAM,KAAK;AAAA,EAAA;AAAA,EAG7D,OAAO,MAAc,OAAY;AAC3B,QAAA,SAAS,KAAK,QAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,SAAS,KAAK,GAAG;AAC7D,YAAA,OAAO,MAAM,KAAK;AAAA,IAAA,OAErB;AACH,WAAK,QAAQ,aAAa,QAAQ,UAAS,SAAS,KAAK,CAAC;AAAA,IAAA;AAAA,EAC5D;AAEJ;AAnCE,cADW,WACJ,YAAW;AAClB,cAFW,WAEJ,WAAU;AACjB,cAHW,WAGJ,iBAAgB;AACvB,cAJW,WAIJ,sBAAqB,CAAC,QAAQ,SAAS,UAAU,KAAK;AAC7D,cALW,WAKJ,aAAY;AAEnB,cAPW,WAOJ,gBAAuB;AAPzB,IAAM,WAAN;;"}
+{"version":3,"file":"link.cjs.js","sources":["../../../../../src/modules/link/formats/link.ts"],"sourcesContent":["import type TypeInline from 'quill/blots/inline'\nimport Quill from 'quill'\nimport { hadProtocol, sanitize } from '../../../config/editor.utils'\n\nconst Inline = Quill.import('blots/inline') as typeof TypeInline\n\nexport class LinkBlot extends Inline {\n  static blotName = 'link'\n  static tagName = 'A'\n  static SANITIZED_URL = 'about:blank'\n  static PROTOCOL_WHITELIST = ['http', 'https', 'mailto', 'tel']\n  static className = 'ql-normal-link'\n\n  static autoProtocol: string = ''\n  static create(value: string) {\n    const node = super.create(value)\n    let href = value\n    if (!hadProtocol(href) && this.autoProtocol) {\n      href = `${this.autoProtocol}://${value}`\n    }\n    href = this.sanitize(href)\n    node.setAttribute('href', href)\n    node.setAttribute('target', '_blank')\n    return node\n  }\n\n  static formats(domNode: HTMLElement): string | null {\n    return domNode.getAttribute('href')\n  }\n\n  static sanitize(url: string) {\n    return sanitize(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL\n  }\n\n  format(name: string, value: any) {\n    if (name !== this.statics.blotName || [false, null].includes(value)) {\n      super.format(name, value)\n    }\n    else {\n      this.domNode.setAttribute('href', LinkBlot.sanitize(value))\n    }\n  }\n}\n"],"names":["hadProtocol","sanitize"],"mappings":";;;;;;;AAIA,MAAM,SAAS,MAAM,OAAO,cAAc;AAEnC,MAAM,YAAN,MAAM,kBAAiB,OAAO;AAAA,EAQnC,OAAO,OAAO,OAAe;AAC3B,UAAM,OAAO,MAAM,OAAO,KAAK;AAC/B,QAAI,OAAO;AACX,QAAI,CAACA,aAAAA,YAAY,IAAI,KAAK,KAAK,cAAc;AAC3C,aAAO,GAAG,KAAK,YAAY,MAAM,KAAK;AAAA,IACxC;AACA,WAAO,KAAK,SAAS,IAAI;AACzB,SAAK,aAAa,QAAQ,IAAI;AAC9B,SAAK,aAAa,UAAU,QAAQ;AACpC,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,QAAQ,SAAqC;AAClD,WAAO,QAAQ,aAAa,MAAM;AAAA,EACpC;AAAA,EAEA,OAAO,SAAS,KAAa;AAC3B,WAAOC,aAAAA,SAAS,KAAK,KAAK,kBAAkB,IAAI,MAAM,KAAK;AAAA,EAC7D;AAAA,EAEA,OAAO,MAAc,OAAY;AAC/B,QAAI,SAAS,KAAK,QAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,SAAS,KAAK,GAAG;AACnE,YAAM,OAAO,MAAM,KAAK;AAAA,IAC1B,OACK;AACH,WAAK,QAAQ,aAAa,QAAQ,UAAS,SAAS,KAAK,CAAC;AAAA,IAC5D;AAAA,EACF;AACF;AAnCE,cADW,WACJ,YAAW;AAClB,cAFW,WAEJ,WAAU;AACjB,cAHW,WAGJ,iBAAgB;AACvB,cAJW,WAIJ,sBAAqB,CAAC,QAAQ,SAAS,UAAU,KAAK;AAC7D,cALW,WAKJ,aAAY;AAEnB,cAPW,WAOJ,gBAAuB;AAPzB,IAAM,WAAN;;"}