@opentiny/fluent-editor 4.1.0 → 4.1.2

package/es/modules/flow-chart/modules/control-panel.es.js

@@ -1,11 +1,8 @@
 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 { registerFlowChartI18N } from "../i18n/index.es.js";
 import { lineIcon, contractIcon, screenTypeIcon, fitIcon, zoomInIcon, zoomOutIcon, forwardIcon, backIcon, polyLineIcon, bezierIcon, screenReduceIcon } from "../icons.es.js";
-import { CHANGE_LANGUAGE_EVENT } from "../../../config/editor.config.es.js";
 class FlowChartControlPanelHandler {
   constructor(quill, blot) {
     __publicField(this, "texts");
@@ -13,11 +10,11 @@ class FlowChartControlPanelHandler {
     this.quill = quill;
     this.blot = blot;
     const i18nModule = this.quill.getModule("i18n");
-    registerFlowChartI18N(I18N);
-    this.lang = i18nModule.options.lang;
+    registerFlowChartI18N(i18nModule);
+    this.lang = i18nModule.getLocale();
     this.texts = this.resolveTexts();
-    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, (lang) => {
-      this.lang = lang;
+    this.quill.on("i18n-locale-change", (event) => {
+      this.lang = event.locale;
       this.texts = this.resolveTexts();
       this.updateControlPanelTexts();
     });
@@ -27,15 +24,15 @@ class FlowChartControlPanelHandler {
   }
   resolveTexts() {
     return {
-      exportTitle: I18N.parserText("flowChart.controlPanel.exportTitle", this.lang),
-      zoomOutTitle: I18N.parserText("flowChart.controlPanel.zoomOutTitle", this.lang),
-      zoomInTitle: I18N.parserText("flowChart.controlPanel.zoomInTitle", this.lang),
-      fitTitle: I18N.parserText("flowChart.controlPanel.fitTitle", this.lang),
-      backTitle: I18N.parserText("flowChart.controlPanel.backTitle", this.lang),
-      forwardTitle: I18N.parserText("flowChart.controlPanel.forwardTitle", this.lang),
-      setEdgeTypeTitle: I18N.parserText("flowChart.controlPanel.setEdgeTypeTitle", this.lang),
-      panelStatusTitle: I18N.parserText("flowChart.controlPanel.panelStatusTitle", this.lang),
-      screenTypeTitle: I18N.parserText("flowChart.controlPanel.screenTypeTitle", this.lang)
+      exportTitle: this.quill.getLangText("flowChart.controlPanel.exportTitle"),
+      zoomOutTitle: this.quill.getLangText("flowChart.controlPanel.zoomOutTitle"),
+      zoomInTitle: this.quill.getLangText("flowChart.controlPanel.zoomInTitle"),
+      fitTitle: this.quill.getLangText("flowChart.controlPanel.fitTitle"),
+      backTitle: this.quill.getLangText("flowChart.controlPanel.backTitle"),
+      forwardTitle: this.quill.getLangText("flowChart.controlPanel.forwardTitle"),
+      setEdgeTypeTitle: this.quill.getLangText("flowChart.controlPanel.setEdgeTypeTitle"),
+      panelStatusTitle: this.quill.getLangText("flowChart.controlPanel.panelStatusTitle"),
+      screenTypeTitle: this.quill.getLangText("flowChart.controlPanel.screenTypeTitle")
     };
   }
   updateControlPanelTexts() {

package/es/modules/flow-chart/modules/control-panel.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-panel.es.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":[],"mappings":"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"}
+{"version":3,"file":"control-panel.es.js","sources":["../../../../../src/modules/flow-chart/modules/control-panel.ts"],"sourcesContent":["import type { I18n } from 'quill-i18n'\nimport type FluentEditor from '../../../core/fluent-editor'\nimport type FlowChartPlaceholderBlot from '../formats/flow-chart-blot'\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(i18nModule)\n    this.lang = i18nModule.getLocale()\n    this.texts = this.resolveTexts()\n    this.quill.on('i18n-locale-change', (event: { locale: string, oldLocale: string }) => {\n      this.lang = event.locale\n      this.texts = this.resolveTexts()\n      this.updateControlPanelTexts()\n    })\n  }\n\n  resolveTexts() {\n    return {\n      exportTitle: this.quill.getLangText('flowChart.controlPanel.exportTitle'),\n      zoomOutTitle: this.quill.getLangText('flowChart.controlPanel.zoomOutTitle'),\n      zoomInTitle: this.quill.getLangText('flowChart.controlPanel.zoomInTitle'),\n      fitTitle: this.quill.getLangText('flowChart.controlPanel.fitTitle'),\n      backTitle: this.quill.getLangText('flowChart.controlPanel.backTitle'),\n      forwardTitle: this.quill.getLangText('flowChart.controlPanel.forwardTitle'),\n      setEdgeTypeTitle: this.quill.getLangText('flowChart.controlPanel.setEdgeTypeTitle'),\n      panelStatusTitle: this.quill.getLangText('flowChart.controlPanel.panelStatusTitle'),\n      screenTypeTitle: this.quill.getLangText('flowChart.controlPanel.screenTypeTitle'),\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":[],"mappings":"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"}

package/es/modules/index.es.js

@@ -7,7 +7,6 @@ import { DividerBlot } from "./divider.es.js";
 import { EmojiModule } from "./emoji.es.js";
 import "./file/index.es.js";
 import { FlowChartModule } from "./flow-chart/index.es.js";
-import { I18N } from "./i18n.es.js";
 import "./link/index.es.js";
 import "./mathlive/index.es.js";
 import "./mention/index.es.js";
@@ -16,13 +15,14 @@ import { ShortCutKey, shortKey } from "./shortcut-key/index.es.js";
 import "./syntax.es.js";
 import { generateTableUp } from "./table-up/index.es.js";
 import "./toolbar/index.es.js";
+export * from "quill-i18n";
+export * from "quill-shortcut-key";
 export {
   CustomClipboard,
   DividerBlot,
   EmojiModule,
   FileUploader,
   FlowChartModule,
-  I18N,
   MindMapModule,
   ShortCutKey,
   generateTableUp,

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

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

package/es/modules/link/modules/tooltip.es.js

@@ -2,14 +2,13 @@ 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, { Range } from "quill";
+import { I18N_LOCALE_CHANGE } from "quill-i18n";
 import Emitter from "quill/core/emitter";
 import { BaseTooltip } from "quill/themes/base";
-import "../../../config/index.es.js";
 import { isNullOrUndefined, hadProtocol } from "../../../config/editor.utils.es.js";
 import { EN_US } from "../../../config/i18n/en-us.es.js";
 import { debounce } from "../../../utils/debounce.es.js";
 import { LinkBlot } from "../formats/link.es.js";
-import { CHANGE_LANGUAGE_EVENT } from "../../../config/editor.config.es.js";
 class LinkTooltip extends BaseTooltip {
   constructor(quill, bounds) {
     super(quill, bounds);
@@ -28,7 +27,7 @@ class LinkTooltip extends BaseTooltip {
     LinkBlot.autoProtocol = this.options.autoProtocol;
     this.debouncedHideToolTip = debounce(this.hideToolTip, 300);
     this.debouncedShowToolTip = debounce(this.showToolTip, 300);
-    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {
+    this.quill.on(I18N_LOCALE_CHANGE, () => {
       this.setTemplate();
     });
   }
@@ -39,8 +38,9 @@ class LinkTooltip extends BaseTooltip {
       '<a class="ql-preview"><i class="icon-share"></i></a>',
       '<a class="ql-remove"><i class="icon-delete"></i></a>'
     ].join("");
+    this.root.setAttribute("data-before-title", this.quill.getLangText(`link.enter-${this.root.dataset.mode}`));
     this.textbox = this.root.querySelector('input[type="text"]');
-    this.listen();
+    this.bindRootEvents();
   }
   resolveOptions() {
     this.options = {
@@ -79,7 +79,14 @@ class LinkTooltip extends BaseTooltip {
       this.save();
     }
     this.isHover = true;
-    const linkNode = event.target;
+    const target = event.target;
+    if (!target) {
+      return;
+    }
+    const linkNode = target.closest(`a.${LinkBlot.className}`);
+    if (!linkNode) {
+      return;
+    }
     const preview = LinkBlot.formats(linkNode);
     if (!preview || preview.startsWith("#")) {
       return;
@@ -96,16 +103,6 @@ class LinkTooltip extends BaseTooltip {
   }
   listen() {
     super.listen();
-    this.root.querySelector("a.ql-remove").addEventListener("click", (event) => {
-      if (!isNullOrUndefined(this.linkRange)) {
-        const range = this.linkRange;
-        this.restoreFocus();
-        this.quill.formatText(range, "link", false, Emitter.sources.API);
-        delete this.linkRange;
-      }
-      event.preventDefault();
-      this.hide();
-    });
     this.quill.root.addEventListener(
       "mouseover",
       (event) => {
@@ -135,19 +132,8 @@ class LinkTooltip extends BaseTooltip {
       },
       false
     );
+    this.bindRootEvents();
     this.root.addEventListener("mouseleave", this.handleMouseLeave.bind(this), false);
-    this.root.querySelector("a.ql-preview").addEventListener("click", (event) => {
-      const link = LinkBlot.sanitize(this.textbox.value);
-      window.open(link, "_blank");
-      event.preventDefault();
-    });
-    this.root.querySelector('input[type="text"]').addEventListener("focus", () => {
-      this.isInputFocus = true;
-    });
-    this.root.querySelector('input[type="text"]').addEventListener("blur", () => {
-      this.isInputFocus = false;
-      this.save();
-    });
     this.quill.on(
       Emitter.events.SELECTION_CHANGE,
       (range, _oldRange, source) => {
@@ -188,6 +174,34 @@ class LinkTooltip extends BaseTooltip {
       }
     );
   }
+  bindRootEvents() {
+    const removeClickHandler = (event) => {
+      if (!isNullOrUndefined(this.linkRange)) {
+        const range = this.linkRange;
+        this.restoreFocus();
+        this.quill.formatText(range, "link", false, Emitter.sources.API);
+        delete this.linkRange;
+      }
+      event.preventDefault();
+      this.hide();
+    };
+    this.root.querySelector("a.ql-remove").addEventListener("click", removeClickHandler);
+    const previewClickHandler = (event) => {
+      const link = LinkBlot.sanitize(this.textbox.value);
+      window.open(link, "_blank");
+      event.preventDefault();
+    };
+    this.root.querySelector("a.ql-preview").addEventListener("click", previewClickHandler);
+    const inputFocusHandler = () => {
+      this.isInputFocus = true;
+    };
+    this.root.querySelector('input[type="text"]').addEventListener("focus", inputFocusHandler);
+    const inputBlurHandler = () => {
+      this.isInputFocus = false;
+      this.save();
+    };
+    this.root.querySelector('input[type="text"]').addEventListener("blur", inputBlurHandler);
+  }
   save() {
     let value = this.textbox.value;
     if (!value) return;
@@ -288,6 +302,7 @@ class LinkTooltip extends BaseTooltip {
       this.textbox.getAttribute(`data-${mode}`) || ""
     );
     this.root.setAttribute("data-mode", mode);
+    this.root.setAttribute("data-before-title", this.quill.getLangText(`link.enter-${this.root.dataset.mode}`));
   }
   show() {
     super.show();

package/es/modules/link/modules/tooltip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.es.js","sources":["../../../../../src/modules/link/modules/tooltip.ts"],"sourcesContent":["import type { Parchment as TypeParchment } from 'quill'\nimport type FluentEditor from '../../../core/fluent-editor'\nimport Quill, { Range } from 'quill'\nimport Emitter from 'quill/core/emitter'\nimport { BaseTooltip } from 'quill/themes/base'\nimport { CHANGE_LANGUAGE_EVENT } from '../../../config'\nimport { hadProtocol, isNullOrUndefined } from '../../../config/editor.utils'\nimport { EN_US } from '../../../config/i18n/en-us'\nimport { debounce } from '../../../utils/debounce'\nimport { LinkBlot } from '../formats/link'\n\nexport class LinkTooltip extends BaseTooltip {\n  static TEMPLATE: string = [\n    `<input type=\"text\" data-formula=\"e=mc^2\" data-link=\"${EN_US.linkplaceholder}\" data-video=\"Embed URL\" style=\"width: 225px;\">`,\n    '<span class=\"ql-split\"></span>',\n    '<a class=\"ql-preview\"><i class=\"icon-share\"></i></a>',\n    '<a class=\"ql-remove\"><i class=\"icon-delete\"></i></a>',\n  ].join('')\n\n  isInputFocus: boolean\n  isHover: boolean\n  debouncedHideToolTip: any\n  debouncedShowToolTip: any\n  options: { autoProtocol: string } = {\n    autoProtocol: 'https',\n  }\n\n  constructor(public quill: FluentEditor, bounds) {\n    super(quill, bounds)\n    this.setTemplate()\n    this.isInputFocus = false\n    this.isHover = false\n\n    this.resolveOptions()\n    LinkBlot.autoProtocol = this.options.autoProtocol\n    this.debouncedHideToolTip = debounce(this.hideToolTip, 300)\n    this.debouncedShowToolTip = debounce(this.showToolTip, 300)\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\n      this.setTemplate()\n    })\n  }\n\n  setTemplate() {\n    this.root.innerHTML = [\n      `<input type=\"text\" data-formula=\"e=mc^2\" data-link=\"${this.quill.getLangText('linkplaceholder')}\" data-video=\"Embed URL\" style=\"width: 225px;\">`,\n      '<span class=\"ql-split\"></span>',\n      '<a class=\"ql-preview\"><i class=\"icon-share\"></i></a>',\n      '<a class=\"ql-remove\"><i class=\"icon-delete\"></i></a>',\n    ].join('')\n    this.textbox = this.root.querySelector('input[type=\"text\"]')\n    this.listen()\n  }\n\n  resolveOptions() {\n    this.options = {\n      autoProtocol: 'https',\n    }\n    const value = this.quill.options.autoProtocol\n    if (value && typeof value === 'string') {\n      this.options.autoProtocol = value\n    }\n    else if (typeof value === 'boolean' && !value) {\n      this.options.autoProtocol = ''\n    }\n  }\n\n  shouldHide() {\n    return !this.isHover && !this.isInputFocus\n  }\n\n  hideToolTip() {\n    if (this.shouldHide()) {\n      this.hide()\n    }\n  }\n\n  showToolTip(name, value, range) {\n    if (!this.shouldHide()) {\n      this.edit(name, value, range)\n    }\n  }\n\n  handleMouseLeave() {\n    this.isHover = false\n    this.debouncedHideToolTip()\n  }\n\n  handleMouseEnter(event: MouseEvent) {\n    const isTooltipShow = !this.root.classList.contains('ql-hidden')\n    if (isTooltipShow) {\n      return\n    }\n\n    if (this.isInputFocus) {\n      this.save()\n    }\n    this.isHover = true\n    const linkNode = event.target as HTMLElement\n    const preview = LinkBlot.formats(linkNode)\n    if (!preview || preview.startsWith('#')) {\n      return\n    }\n    const linkBlot = Quill.find(linkNode) as TypeParchment.Blot\n    const index = this.quill.getIndex(linkBlot)\n    const [link, offset] = this.quill.scroll.descendant(\n      LinkBlot,\n      index,\n    )\n    const length = link && link.length()\n    this.linkRange = new Range(index - offset, length)\n    this.debouncedShowToolTip('link', preview, this.linkRange)\n  }\n\n  listen() {\n    super.listen()\n    this.root.querySelector('a.ql-remove').addEventListener('click', (event) => {\n      if (!isNullOrUndefined(this.linkRange)) {\n        const range = this.linkRange\n        this.restoreFocus()\n        this.quill.formatText(range, 'link', false, Emitter.sources.API)\n        delete this.linkRange\n      }\n      event.preventDefault()\n      this.hide()\n    })\n\n    this.quill.root.addEventListener(\n      'mouseover',\n      (event) => {\n        const target = event.target as HTMLElement\n        if (\n          (target.tagName.toUpperCase() !== 'A'\n            || !target.classList.contains(LinkBlot.className))\n          && !target.closest(`a.${LinkBlot.className}`)\n        ) {\n          return\n        }\n        this.handleMouseEnter(event)\n      },\n      false,\n    )\n\n    this.quill.root.addEventListener(\n      'mouseout',\n      (event) => {\n        const target = event.target as HTMLElement\n        if (target.tagName.toUpperCase() !== 'A' && !target.closest(`a.${LinkBlot.className}`)) {\n          return\n        }\n        this.handleMouseLeave()\n      },\n      false,\n    )\n\n    this.root.addEventListener(\n      'mouseenter',\n      () => {\n        this.isHover = true\n      },\n      false,\n    )\n\n    this.root.addEventListener('mouseleave', this.handleMouseLeave.bind(this), false)\n\n    this.root.querySelector('a.ql-preview').addEventListener('click', (event) => {\n      const link = LinkBlot.sanitize(this.textbox.value)\n      window.open(link, '_blank')\n      event.preventDefault()\n    })\n    this.root.querySelector('input[type=\"text\"]').addEventListener('focus', () => {\n      this.isInputFocus = true\n    })\n    this.root.querySelector('input[type=\"text\"]').addEventListener('blur', () => {\n      this.isInputFocus = false\n      this.save()\n    })\n    this.quill.on(\n      Emitter.events.SELECTION_CHANGE,\n      (range, _oldRange, source) => {\n        if (isNullOrUndefined(range)) return\n        if (source === Emitter.sources.USER) {\n          const [link, offset] = this.quill.scroll.descendant(\n            LinkBlot,\n            range.index,\n          )\n\n          if (!isNullOrUndefined(link)) {\n            this.linkRange = new Range(range.index - offset, link.length())\n            const preview = LinkBlot.formats(link.domNode)\n            if (!preview.startsWith('#')) {\n              this.edit('link', preview, this.linkRange)\n            }\n            return\n          }\n        }\n        if (this.shouldHide()) {\n          this.hide()\n        }\n      },\n    )\n    this.quill.on(\n      Emitter.events.TEXT_CHANGE,\n      () => {\n        const selection = this.quill.getSelection()\n        const index = selection && selection.index\n        setTimeout(() => {\n          const link = this.quill.scroll.descendant(\n            LinkBlot,\n            index,\n          )[0]\n          if (!link) {\n            this.handleMouseLeave()\n          }\n        })\n      },\n    )\n  }\n\n  save() {\n    let value = this.textbox.value\n    if (!value) return\n    this.textbox.value = ''\n    switch (this.root.getAttribute('data-mode')) {\n      case 'link': {\n        const { scrollTop } = this.quill.root\n        if (this.options.autoProtocol) {\n          value = this.addHttpProtocol(value)\n        }\n\n        if (this.linkRange) {\n          this.quill.formatText(\n            this.linkRange,\n            'link',\n            value,\n            Emitter.sources.USER,\n          )\n          this.restoreFocus()\n        }\n        else {\n          this.restoreFocus()\n          this.quill.format('link', value, Emitter.sources.USER)\n        }\n        this.quill.root.scrollTop = scrollTop\n        break\n      }\n      case 'formula': {\n        const range = this.quill.getSelection(true)\n        if (!isNullOrUndefined(range)) {\n          const index = range.index + range.length\n          this.quill.insertEmbed(\n            index,\n            this.root.getAttribute('data-mode'),\n            value,\n            Emitter.sources.USER,\n          )\n          if (this.root.getAttribute('data-mode') === 'formula') {\n            this.quill.insertText(index + 1, ' ', Emitter.sources.USER)\n          }\n          this.quill.setSelection(index + 2, Emitter.sources.USER)\n        }\n        break\n      }\n      case 'video': {\n        const range = this.quill.getSelection(true)\n        this.quill.insertText(range.index, '\\n', Emitter.sources.USER)\n        this.quill.insertEmbed(range.index + 1, 'video', { src: value }, Emitter.sources.USER)\n        this.quill.insertText(range.index + 2, '\\n', Emitter.sources.USER)\n        this.quill.setSelection(range.index + 3, Emitter.sources.SILENT)\n        this.textbox.value = ''\n        this.hide()\n        break\n      }\n      default:\n    }\n  }\n\n  position(reference) {\n    const left = reference.left\n    const top = reference.bottom + this.quill.root.scrollTop\n    this.root.style.left = `${left}px`\n    this.root.style.top = `${top}px`\n    this.root.classList.remove('ql-flip')\n    const containerBounds = this.boundsContainer.getBoundingClientRect()\n    const rootBounds = this.root.getBoundingClientRect()\n    let shift = 0\n    if (rootBounds.right > containerBounds.right) {\n      shift = containerBounds.right - rootBounds.right\n      this.root.style.left = `${left + shift}px`\n    }\n    if (rootBounds.left < containerBounds.left) {\n      shift = containerBounds.left - rootBounds.left\n      this.root.style.left = `${left + shift}px`\n    }\n    if (rootBounds.bottom > containerBounds.bottom) {\n      const height = rootBounds.bottom - rootBounds.top\n      const verticalShift = reference.bottom - reference.top + height\n      const fixedTop = top - verticalShift\n      this.root.style.top = `${fixedTop < 0 ? this.quill.root.scrollTop + reference.top : fixedTop}px`\n      this.root.classList.add('ql-flip')\n    }\n    return shift\n  }\n\n  // @ts-expect-error\n  edit(mode: string = 'link', preview = null, range) {\n    this.linkRange = range || this.quill.selection.savedRange\n    this.root.classList.remove('ql-hidden')\n    this.root.classList.add('ql-editing')\n    if (!isNullOrUndefined(preview)) {\n      this.textbox.value = preview\n    }\n    else if (mode !== this.root.getAttribute('data-mode')) {\n      this.textbox.value = ''\n    }\n    this.position(this.quill.getBounds(range || this.quill.selection.savedRange))\n    if (this.textbox.value === '') {\n      this.textbox.focus()\n    }\n    this.textbox.setAttribute(\n      'placeholder',\n      this.textbox.getAttribute(`data-${mode}`) || '',\n    )\n    this.root.setAttribute('data-mode', mode)\n  }\n\n  show() {\n    super.show()\n    this.root.removeAttribute('data-mode')\n  }\n\n  addHttpProtocol(url: string) {\n    let result = url\n    if (!url) {\n      return ''\n    }\n    if (!hadProtocol(url)) {\n      result = `${this.options.autoProtocol}://${url}`\n    }\n    return result\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAWO,MAAM,oBAAoB,YAAY;AAAA,EAgB3C,YAAmB,OAAqB,QAAQ;AAC9C,UAAM,OAAO,MAAM;AATrB;AACA;AACA;AACA;AACA,mCAAoC;AAAA,MAClC,cAAc;AAAA,IAAA;AAGG,SAAA,QAAA;AAEjB,SAAK,YAAA;AACL,SAAK,eAAe;AACpB,SAAK,UAAU;AAEf,SAAK,eAAA;AACL,aAAS,eAAe,KAAK,QAAQ;AACrC,SAAK,uBAAuB,SAAS,KAAK,aAAa,GAAG;AAC1D,SAAK,uBAAuB,SAAS,KAAK,aAAa,GAAG;AAC1D,SAAK,MAAM,QAAQ,GAAG,uBAAuB,MAAM;AACjD,WAAK,YAAA;AAAA,IACP,CAAC;AAAA,EACH;AAAA,EAEA,cAAc;AACZ,SAAK,KAAK,YAAY;AAAA,MACpB,uDAAuD,KAAK,MAAM,YAAY,iBAAiB,CAAC;AAAA,MAChG;AAAA,MACA;AAAA,MACA;AAAA,IAAA,EACA,KAAK,EAAE;AACT,SAAK,UAAU,KAAK,KAAK,cAAc,oBAAoB;AAC3D,SAAK,OAAA;AAAA,EACP;AAAA,EAEA,iBAAiB;AACf,SAAK,UAAU;AAAA,MACb,cAAc;AAAA,IAAA;AAEhB,UAAM,QAAQ,KAAK,MAAM,QAAQ;AACjC,QAAI,SAAS,OAAO,UAAU,UAAU;AACtC,WAAK,QAAQ,eAAe;AAAA,IAC9B,WACS,OAAO,UAAU,aAAa,CAAC,OAAO;AAC7C,WAAK,QAAQ,eAAe;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,aAAa;AACX,WAAO,CAAC,KAAK,WAAW,CAAC,KAAK;AAAA,EAChC;AAAA,EAEA,cAAc;AACZ,QAAI,KAAK,cAAc;AACrB,WAAK,KAAA;AAAA,IACP;AAAA,EACF;AAAA,EAEA,YAAY,MAAM,OAAO,OAAO;AAC9B,QAAI,CAAC,KAAK,cAAc;AACtB,WAAK,KAAK,MAAM,OAAO,KAAK;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,mBAAmB;AACjB,SAAK,UAAU;AACf,SAAK,qBAAA;AAAA,EACP;AAAA,EAEA,iBAAiB,OAAmB;AAClC,UAAM,gBAAgB,CAAC,KAAK,KAAK,UAAU,SAAS,WAAW;AAC/D,QAAI,eAAe;AACjB;AAAA,IACF;AAEA,QAAI,KAAK,cAAc;AACrB,WAAK,KAAA;AAAA,IACP;AACA,SAAK,UAAU;AACf,UAAM,WAAW,MAAM;AACvB,UAAM,UAAU,SAAS,QAAQ,QAAQ;AACzC,QAAI,CAAC,WAAW,QAAQ,WAAW,GAAG,GAAG;AACvC;AAAA,IACF;AACA,UAAM,WAAW,MAAM,KAAK,QAAQ;AACpC,UAAM,QAAQ,KAAK,MAAM,SAAS,QAAQ;AAC1C,UAAM,CAAC,MAAM,MAAM,IAAI,KAAK,MAAM,OAAO;AAAA,MACvC;AAAA,MACA;AAAA,IAAA;AAEF,UAAM,SAAS,QAAQ,KAAK,OAAA;AAC5B,SAAK,YAAY,IAAI,MAAM,QAAQ,QAAQ,MAAM;AACjD,SAAK,qBAAqB,QAAQ,SAAS,KAAK,SAAS;AAAA,EAC3D;AAAA,EAEA,SAAS;AACP,UAAM,OAAA;AACN,SAAK,KAAK,cAAc,aAAa,EAAE,iBAAiB,SAAS,CAAC,UAAU;AAC1E,UAAI,CAAC,kBAAkB,KAAK,SAAS,GAAG;AACtC,cAAM,QAAQ,KAAK;AACnB,aAAK,aAAA;AACL,aAAK,MAAM,WAAW,OAAO,QAAQ,OAAO,QAAQ,QAAQ,GAAG;AAC/D,eAAO,KAAK;AAAA,MACd;AACA,YAAM,eAAA;AACN,WAAK,KAAA;AAAA,IACP,CAAC;AAED,SAAK,MAAM,KAAK;AAAA,MACd;AAAA,MACA,CAAC,UAAU;AACT,cAAM,SAAS,MAAM;AACrB,aACG,OAAO,QAAQ,YAAA,MAAkB,OAC7B,CAAC,OAAO,UAAU,SAAS,SAAS,SAAS,MAC/C,CAAC,OAAO,QAAQ,KAAK,SAAS,SAAS,EAAE,GAC5C;AACA;AAAA,QACF;AACA,aAAK,iBAAiB,KAAK;AAAA,MAC7B;AAAA,MACA;AAAA,IAAA;AAGF,SAAK,MAAM,KAAK;AAAA,MACd;AAAA,MACA,CAAC,UAAU;AACT,cAAM,SAAS,MAAM;AACrB,YAAI,OAAO,QAAQ,YAAA,MAAkB,OAAO,CAAC,OAAO,QAAQ,KAAK,SAAS,SAAS,EAAE,GAAG;AACtF;AAAA,QACF;AACA,aAAK,iBAAA;AAAA,MACP;AAAA,MACA;AAAA,IAAA;AAGF,SAAK,KAAK;AAAA,MACR;AAAA,MACA,MAAM;AACJ,aAAK,UAAU;AAAA,MACjB;AAAA,MACA;AAAA,IAAA;AAGF,SAAK,KAAK,iBAAiB,cAAc,KAAK,iBAAiB,KAAK,IAAI,GAAG,KAAK;AAEhF,SAAK,KAAK,cAAc,cAAc,EAAE,iBAAiB,SAAS,CAAC,UAAU;AAC3E,YAAM,OAAO,SAAS,SAAS,KAAK,QAAQ,KAAK;AACjD,aAAO,KAAK,MAAM,QAAQ;AAC1B,YAAM,eAAA;AAAA,IACR,CAAC;AACD,SAAK,KAAK,cAAc,oBAAoB,EAAE,iBAAiB,SAAS,MAAM;AAC5E,WAAK,eAAe;AAAA,IACtB,CAAC;AACD,SAAK,KAAK,cAAc,oBAAoB,EAAE,iBAAiB,QAAQ,MAAM;AAC3E,WAAK,eAAe;AACpB,WAAK,KAAA;AAAA,IACP,CAAC;AACD,SAAK,MAAM;AAAA,MACT,QAAQ,OAAO;AAAA,MACf,CAAC,OAAO,WAAW,WAAW;AAC5B,YAAI,kBAAkB,KAAK,EAAG;AAC9B,YAAI,WAAW,QAAQ,QAAQ,MAAM;AACnC,gBAAM,CAAC,MAAM,MAAM,IAAI,KAAK,MAAM,OAAO;AAAA,YACvC;AAAA,YACA,MAAM;AAAA,UAAA;AAGR,cAAI,CAAC,kBAAkB,IAAI,GAAG;AAC5B,iBAAK,YAAY,IAAI,MAAM,MAAM,QAAQ,QAAQ,KAAK,QAAQ;AAC9D,kBAAM,UAAU,SAAS,QAAQ,KAAK,OAAO;AAC7C,gBAAI,CAAC,QAAQ,WAAW,GAAG,GAAG;AAC5B,mBAAK,KAAK,QAAQ,SAAS,KAAK,SAAS;AAAA,YAC3C;AACA;AAAA,UACF;AAAA,QACF;AACA,YAAI,KAAK,cAAc;AACrB,eAAK,KAAA;AAAA,QACP;AAAA,MACF;AAAA,IAAA;AAEF,SAAK,MAAM;AAAA,MACT,QAAQ,OAAO;AAAA,MACf,MAAM;AACJ,cAAM,YAAY,KAAK,MAAM,aAAA;AAC7B,cAAM,QAAQ,aAAa,UAAU;AACrC,mBAAW,MAAM;AACf,gBAAM,OAAO,KAAK,MAAM,OAAO;AAAA,YAC7B;AAAA,YACA;AAAA,UAAA,EACA,CAAC;AACH,cAAI,CAAC,MAAM;AACT,iBAAK,iBAAA;AAAA,UACP;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,OAAO;AACL,QAAI,QAAQ,KAAK,QAAQ;AACzB,QAAI,CAAC,MAAO;AACZ,SAAK,QAAQ,QAAQ;AACrB,YAAQ,KAAK,KAAK,aAAa,WAAW,GAAA;AAAA,MACxC,KAAK,QAAQ;AACX,cAAM,EAAE,UAAA,IAAc,KAAK,MAAM;AACjC,YAAI,KAAK,QAAQ,cAAc;AAC7B,kBAAQ,KAAK,gBAAgB,KAAK;AAAA,QACpC;AAEA,YAAI,KAAK,WAAW;AAClB,eAAK,MAAM;AAAA,YACT,KAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,QAAQ,QAAQ;AAAA,UAAA;AAElB,eAAK,aAAA;AAAA,QACP,OACK;AACH,eAAK,aAAA;AACL,eAAK,MAAM,OAAO,QAAQ,OAAO,QAAQ,QAAQ,IAAI;AAAA,QACvD;AACA,aAAK,MAAM,KAAK,YAAY;AAC5B;AAAA,MACF;AAAA,MACA,KAAK,WAAW;AACd,cAAM,QAAQ,KAAK,MAAM,aAAa,IAAI;AAC1C,YAAI,CAAC,kBAAkB,KAAK,GAAG;AAC7B,gBAAM,QAAQ,MAAM,QAAQ,MAAM;AAClC,eAAK,MAAM;AAAA,YACT;AAAA,YACA,KAAK,KAAK,aAAa,WAAW;AAAA,YAClC;AAAA,YACA,QAAQ,QAAQ;AAAA,UAAA;AAElB,cAAI,KAAK,KAAK,aAAa,WAAW,MAAM,WAAW;AACrD,iBAAK,MAAM,WAAW,QAAQ,GAAG,KAAK,QAAQ,QAAQ,IAAI;AAAA,UAC5D;AACA,eAAK,MAAM,aAAa,QAAQ,GAAG,QAAQ,QAAQ,IAAI;AAAA,QACzD;AACA;AAAA,MACF;AAAA,MACA,KAAK,SAAS;AACZ,cAAM,QAAQ,KAAK,MAAM,aAAa,IAAI;AAC1C,aAAK,MAAM,WAAW,MAAM,OAAO,MAAM,QAAQ,QAAQ,IAAI;AAC7D,aAAK,MAAM,YAAY,MAAM,QAAQ,GAAG,SAAS,EAAE,KAAK,MAAA,GAAS,QAAQ,QAAQ,IAAI;AACrF,aAAK,MAAM,WAAW,MAAM,QAAQ,GAAG,MAAM,QAAQ,QAAQ,IAAI;AACjE,aAAK,MAAM,aAAa,MAAM,QAAQ,GAAG,QAAQ,QAAQ,MAAM;AAC/D,aAAK,QAAQ,QAAQ;AACrB,aAAK,KAAA;AACL;AAAA,MACF;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,SAAS,WAAW;AAClB,UAAM,OAAO,UAAU;AACvB,UAAM,MAAM,UAAU,SAAS,KAAK,MAAM,KAAK;AAC/C,SAAK,KAAK,MAAM,OAAO,GAAG,IAAI;AAC9B,SAAK,KAAK,MAAM,MAAM,GAAG,GAAG;AAC5B,SAAK,KAAK,UAAU,OAAO,SAAS;AACpC,UAAM,kBAAkB,KAAK,gBAAgB,sBAAA;AAC7C,UAAM,aAAa,KAAK,KAAK,sBAAA;AAC7B,QAAI,QAAQ;AACZ,QAAI,WAAW,QAAQ,gBAAgB,OAAO;AAC5C,cAAQ,gBAAgB,QAAQ,WAAW;AAC3C,WAAK,KAAK,MAAM,OAAO,GAAG,OAAO,KAAK;AAAA,IACxC;AACA,QAAI,WAAW,OAAO,gBAAgB,MAAM;AAC1C,cAAQ,gBAAgB,OAAO,WAAW;AAC1C,WAAK,KAAK,MAAM,OAAO,GAAG,OAAO,KAAK;AAAA,IACxC;AACA,QAAI,WAAW,SAAS,gBAAgB,QAAQ;AAC9C,YAAM,SAAS,WAAW,SAAS,WAAW;AAC9C,YAAM,gBAAgB,UAAU,SAAS,UAAU,MAAM;AACzD,YAAM,WAAW,MAAM;AACvB,WAAK,KAAK,MAAM,MAAM,GAAG,WAAW,IAAI,KAAK,MAAM,KAAK,YAAY,UAAU,MAAM,QAAQ;AAC5F,WAAK,KAAK,UAAU,IAAI,SAAS;AAAA,IACnC;AACA,WAAO;AAAA,EACT;AAAA;AAAA,EAGA,KAAK,OAAe,QAAQ,UAAU,MAAM,OAAO;AACjD,SAAK,YAAY,SAAS,KAAK,MAAM,UAAU;AAC/C,SAAK,KAAK,UAAU,OAAO,WAAW;AACtC,SAAK,KAAK,UAAU,IAAI,YAAY;AACpC,QAAI,CAAC,kBAAkB,OAAO,GAAG;AAC/B,WAAK,QAAQ,QAAQ;AAAA,IACvB,WACS,SAAS,KAAK,KAAK,aAAa,WAAW,GAAG;AACrD,WAAK,QAAQ,QAAQ;AAAA,IACvB;AACA,SAAK,SAAS,KAAK,MAAM,UAAU,SAAS,KAAK,MAAM,UAAU,UAAU,CAAC;AAC5E,QAAI,KAAK,QAAQ,UAAU,IAAI;AAC7B,WAAK,QAAQ,MAAA;AAAA,IACf;AACA,SAAK,QAAQ;AAAA,MACX;AAAA,MACA,KAAK,QAAQ,aAAa,QAAQ,IAAI,EAAE,KAAK;AAAA,IAAA;AAE/C,SAAK,KAAK,aAAa,aAAa,IAAI;AAAA,EAC1C;AAAA,EAEA,OAAO;AACL,UAAM,KAAA;AACN,SAAK,KAAK,gBAAgB,WAAW;AAAA,EACvC;AAAA,EAEA,gBAAgB,KAAa;AAC3B,QAAI,SAAS;AACb,QAAI,CAAC,KAAK;AACR,aAAO;AAAA,IACT;AACA,QAAI,CAAC,YAAY,GAAG,GAAG;AACrB,eAAS,GAAG,KAAK,QAAQ,YAAY,MAAM,GAAG;AAAA,IAChD;AACA,WAAO;AAAA,EACT;AACF;AAxUE,cADW,aACJ,YAAmB;AAAA,EACxB,uDAAuD,MAAM,eAAe;AAAA,EAC5E;AAAA,EACA;AAAA,EACA;AAAA,EACA,KAAK,EAAE;"}
+{"version":3,"file":"tooltip.es.js","sources":["../../../../../src/modules/link/modules/tooltip.ts"],"sourcesContent":["import type { Parchment as TypeParchment } from 'quill'\nimport type FluentEditor from '../../../core/fluent-editor'\nimport Quill, { Range } from 'quill'\nimport { I18N_LOCALE_CHANGE } from 'quill-i18n'\nimport Emitter from 'quill/core/emitter'\nimport { BaseTooltip } from 'quill/themes/base'\nimport { hadProtocol, isNullOrUndefined } from '../../../config/editor.utils'\nimport { EN_US } from '../../../config/i18n/en-us'\nimport { debounce } from '../../../utils/debounce'\nimport { LinkBlot } from '../formats/link'\n\nexport class LinkTooltip extends BaseTooltip {\n  static TEMPLATE: string = [\n    `<input type=\"text\" data-formula=\"e=mc^2\" data-link=\"${EN_US.linkplaceholder}\" data-video=\"Embed URL\" style=\"width: 225px;\">`,\n    '<span class=\"ql-split\"></span>',\n    '<a class=\"ql-preview\"><i class=\"icon-share\"></i></a>',\n    '<a class=\"ql-remove\"><i class=\"icon-delete\"></i></a>',\n  ].join('')\n\n  isInputFocus: boolean\n  isHover: boolean\n  debouncedHideToolTip: any\n  debouncedShowToolTip: any\n  options: { autoProtocol: string } = {\n    autoProtocol: 'https',\n  }\n\n  constructor(public quill: FluentEditor, bounds) {\n    super(quill, bounds)\n    this.setTemplate()\n    this.isInputFocus = false\n    this.isHover = false\n\n    this.resolveOptions()\n    LinkBlot.autoProtocol = this.options.autoProtocol\n    this.debouncedHideToolTip = debounce(this.hideToolTip, 300)\n    this.debouncedShowToolTip = debounce(this.showToolTip, 300)\n    this.quill.on(I18N_LOCALE_CHANGE, () => {\n      this.setTemplate()\n    })\n  }\n\n  setTemplate() {\n    this.root.innerHTML = [\n      `<input type=\"text\" data-formula=\"e=mc^2\" data-link=\"${this.quill.getLangText('linkplaceholder')}\" data-video=\"Embed URL\" style=\"width: 225px;\">`,\n      '<span class=\"ql-split\"></span>',\n      '<a class=\"ql-preview\"><i class=\"icon-share\"></i></a>',\n      '<a class=\"ql-remove\"><i class=\"icon-delete\"></i></a>',\n    ].join('')\n    this.root.setAttribute('data-before-title', this.quill.getLangText(`link.enter-${this.root.dataset.mode}`))\n    this.textbox = this.root.querySelector('input[type=\"text\"]')\n    this.bindRootEvents()\n  }\n\n  resolveOptions() {\n    this.options = {\n      autoProtocol: 'https',\n    }\n    const value = this.quill.options.autoProtocol\n    if (value && typeof value === 'string') {\n      this.options.autoProtocol = value\n    }\n    else if (typeof value === 'boolean' && !value) {\n      this.options.autoProtocol = ''\n    }\n  }\n\n  shouldHide() {\n    return !this.isHover && !this.isInputFocus\n  }\n\n  hideToolTip() {\n    if (this.shouldHide()) {\n      this.hide()\n    }\n  }\n\n  showToolTip(name, value, range) {\n    if (!this.shouldHide()) {\n      this.edit(name, value, range)\n    }\n  }\n\n  handleMouseLeave() {\n    this.isHover = false\n    this.debouncedHideToolTip()\n  }\n\n  handleMouseEnter(event: MouseEvent) {\n    const isTooltipShow = !this.root.classList.contains('ql-hidden')\n    if (isTooltipShow) {\n      return\n    }\n    if (this.isInputFocus) {\n      this.save()\n    }\n    this.isHover = true\n    const target = event.target as HTMLElement | null\n    if (!target) {\n      return\n    }\n    const linkNode = target.closest(`a.${LinkBlot.className}`) as HTMLElement | null\n    if (!linkNode) {\n      return\n    }\n    const preview = LinkBlot.formats(linkNode)\n    if (!preview || preview.startsWith('#')) {\n      return\n    }\n    const linkBlot = Quill.find(linkNode) as TypeParchment.Blot\n    const index = this.quill.getIndex(linkBlot)\n    const [link, offset] = this.quill.scroll.descendant(\n      LinkBlot,\n      index,\n    )\n    const length = link && link.length()\n    this.linkRange = new Range(index - offset, length)\n    this.debouncedShowToolTip('link', preview, this.linkRange)\n  }\n\n  listen() {\n    super.listen()\n\n    this.quill.root.addEventListener(\n      'mouseover',\n      (event) => {\n        const target = event.target as HTMLElement\n        if (\n          (target.tagName.toUpperCase() !== 'A'\n            || !target.classList.contains(LinkBlot.className))\n          && !target.closest(`a.${LinkBlot.className}`)\n        ) {\n          return\n        }\n        this.handleMouseEnter(event)\n      },\n      false,\n    )\n\n    this.quill.root.addEventListener(\n      'mouseout',\n      (event) => {\n        const target = event.target as HTMLElement\n        if (target.tagName.toUpperCase() !== 'A' && !target.closest(`a.${LinkBlot.className}`)) {\n          return\n        }\n        this.handleMouseLeave()\n      },\n      false,\n    )\n\n    this.root.addEventListener(\n      'mouseenter',\n      () => {\n        this.isHover = true\n      },\n      false,\n    )\n\n    this.bindRootEvents()\n    this.root.addEventListener('mouseleave', this.handleMouseLeave.bind(this), false)\n\n    this.quill.on(\n      Emitter.events.SELECTION_CHANGE,\n      (range, _oldRange, source) => {\n        if (isNullOrUndefined(range)) return\n        if (source === Emitter.sources.USER) {\n          const [link, offset] = this.quill.scroll.descendant(\n            LinkBlot,\n            range.index,\n          )\n\n          if (!isNullOrUndefined(link)) {\n            this.linkRange = new Range(range.index - offset, link.length())\n            const preview = LinkBlot.formats(link.domNode)\n            if (!preview.startsWith('#')) {\n              this.edit('link', preview, this.linkRange)\n            }\n            return\n          }\n        }\n        if (this.shouldHide()) {\n          this.hide()\n        }\n      },\n    )\n    this.quill.on(\n      Emitter.events.TEXT_CHANGE,\n      () => {\n        const selection = this.quill.getSelection()\n        const index = selection && selection.index\n        setTimeout(() => {\n          const link = this.quill.scroll.descendant(\n            LinkBlot,\n            index,\n          )[0]\n          if (!link) {\n            this.handleMouseLeave()\n          }\n        })\n      },\n    )\n  }\n\n  bindRootEvents() {\n    const removeClickHandler = (event: Event) => {\n      if (!isNullOrUndefined(this.linkRange)) {\n        const range = this.linkRange\n        this.restoreFocus()\n        this.quill.formatText(range, 'link', false, Emitter.sources.API)\n        delete this.linkRange\n      }\n      event.preventDefault()\n      this.hide()\n    }\n    this.root.querySelector('a.ql-remove').addEventListener('click', removeClickHandler)\n    const previewClickHandler = (event: Event) => {\n      const link = LinkBlot.sanitize(this.textbox.value)\n      window.open(link, '_blank')\n      event.preventDefault()\n    }\n    this.root.querySelector('a.ql-preview').addEventListener('click', previewClickHandler)\n    const inputFocusHandler = () => {\n      this.isInputFocus = true\n    }\n    this.root.querySelector('input[type=\"text\"]').addEventListener('focus', inputFocusHandler)\n    const inputBlurHandler = () => {\n      this.isInputFocus = false\n      this.save()\n    }\n    this.root.querySelector('input[type=\"text\"]').addEventListener('blur', inputBlurHandler)\n  }\n\n  save() {\n    let value = this.textbox.value\n    if (!value) return\n    this.textbox.value = ''\n    switch (this.root.getAttribute('data-mode')) {\n      case 'link': {\n        const { scrollTop } = this.quill.root\n        if (this.options.autoProtocol) {\n          value = this.addHttpProtocol(value)\n        }\n\n        if (this.linkRange) {\n          this.quill.formatText(\n            this.linkRange,\n            'link',\n            value,\n            Emitter.sources.USER,\n          )\n          this.restoreFocus()\n        }\n        else {\n          this.restoreFocus()\n          this.quill.format('link', value, Emitter.sources.USER)\n        }\n        this.quill.root.scrollTop = scrollTop\n        break\n      }\n      case 'formula': {\n        const range = this.quill.getSelection(true)\n        if (!isNullOrUndefined(range)) {\n          const index = range.index + range.length\n          this.quill.insertEmbed(\n            index,\n            this.root.getAttribute('data-mode'),\n            value,\n            Emitter.sources.USER,\n          )\n          if (this.root.getAttribute('data-mode') === 'formula') {\n            this.quill.insertText(index + 1, ' ', Emitter.sources.USER)\n          }\n          this.quill.setSelection(index + 2, Emitter.sources.USER)\n        }\n        break\n      }\n      case 'video': {\n        const range = this.quill.getSelection(true)\n        this.quill.insertText(range.index, '\\n', Emitter.sources.USER)\n        this.quill.insertEmbed(range.index + 1, 'video', { src: value }, Emitter.sources.USER)\n        this.quill.insertText(range.index + 2, '\\n', Emitter.sources.USER)\n        this.quill.setSelection(range.index + 3, Emitter.sources.SILENT)\n        this.textbox.value = ''\n        this.hide()\n        break\n      }\n      default:\n    }\n  }\n\n  position(reference) {\n    const left = reference.left\n    const top = reference.bottom + this.quill.root.scrollTop\n    this.root.style.left = `${left}px`\n    this.root.style.top = `${top}px`\n    this.root.classList.remove('ql-flip')\n    const containerBounds = this.boundsContainer.getBoundingClientRect()\n    const rootBounds = this.root.getBoundingClientRect()\n    let shift = 0\n    if (rootBounds.right > containerBounds.right) {\n      shift = containerBounds.right - rootBounds.right\n      this.root.style.left = `${left + shift}px`\n    }\n    if (rootBounds.left < containerBounds.left) {\n      shift = containerBounds.left - rootBounds.left\n      this.root.style.left = `${left + shift}px`\n    }\n    if (rootBounds.bottom > containerBounds.bottom) {\n      const height = rootBounds.bottom - rootBounds.top\n      const verticalShift = reference.bottom - reference.top + height\n      const fixedTop = top - verticalShift\n      this.root.style.top = `${fixedTop < 0 ? this.quill.root.scrollTop + reference.top : fixedTop}px`\n      this.root.classList.add('ql-flip')\n    }\n    return shift\n  }\n\n  // @ts-expect-error\n  edit(mode: string = 'link', preview = null, range) {\n    this.linkRange = range || this.quill.selection.savedRange\n    this.root.classList.remove('ql-hidden')\n    this.root.classList.add('ql-editing')\n    if (!isNullOrUndefined(preview)) {\n      this.textbox.value = preview\n    }\n    else if (mode !== this.root.getAttribute('data-mode')) {\n      this.textbox.value = ''\n    }\n    this.position(this.quill.getBounds(range || this.quill.selection.savedRange))\n    if (this.textbox.value === '') {\n      this.textbox.focus()\n    }\n    this.textbox.setAttribute(\n      'placeholder',\n      this.textbox.getAttribute(`data-${mode}`) || '',\n    )\n    this.root.setAttribute('data-mode', mode)\n    this.root.setAttribute('data-before-title', this.quill.getLangText(`link.enter-${this.root.dataset.mode}`))\n  }\n\n  show() {\n    super.show()\n    this.root.removeAttribute('data-mode')\n  }\n\n  addHttpProtocol(url: string) {\n    let result = url\n    if (!url) {\n      return ''\n    }\n    if (!hadProtocol(url)) {\n      result = `${this.options.autoProtocol}://${url}`\n    }\n    return result\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,10 +1,8 @@
 import { MIND_MAP_EN_US } from "./en-us.es.js";
 import { MIND_MAP_ZH_CN } from "./zh-cn.es.js";
-function registerMindMapI18N(I18N) {
-  I18N.register({
-    "en-US": MIND_MAP_EN_US,
-    "zh-CN": MIND_MAP_ZH_CN
-  }, false);
+function registerMindMapI18N(i18nModule) {
+  i18nModule.addMessages("en-US", MIND_MAP_EN_US);
+  i18nModule.addMessages("zh-CN", MIND_MAP_ZH_CN);
 }
 export {
   registerMindMapI18N

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../src/modules/mind-map/i18n/index.ts"],"sourcesContent":["import { MIND_MAP_EN_US } from './en-us'\nimport { MIND_MAP_ZH_CN } from './zh-cn'\n\nexport function registerMindMapI18N(I18N: any) {\n  I18N.register({\n    'en-US': MIND_MAP_EN_US,\n    'zh-CN': MIND_MAP_ZH_CN,\n  }, false)\n}\n"],"names":[],"mappings":";;AAGO,SAAS,oBAAoB,MAAW;AAC7C,OAAK,SAAS;AAAA,IACZ,SAAS;AAAA,IACT,SAAS;AAAA,EAAA,GACR,KAAK;AACV;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../src/modules/mind-map/i18n/index.ts"],"sourcesContent":["import { MIND_MAP_EN_US } from './en-us'\nimport { MIND_MAP_ZH_CN } from './zh-cn'\n\nexport function registerMindMapI18N(i18nModule: any) {\n  i18nModule.addMessages('en-US', MIND_MAP_EN_US)\n  i18nModule.addMessages('zh-CN', MIND_MAP_ZH_CN)\n}\n"],"names":[],"mappings":";;AAGO,SAAS,oBAAoB,YAAiB;AACnD,aAAW,YAAY,SAAS,cAAc;AAC9C,aAAW,YAAY,SAAS,cAAc;AAChD;"}

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

@@ -1,10 +1,8 @@
 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 { I18N_LOCALE_CHANGE } from "quill-i18n";
 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");
@@ -12,11 +10,11 @@ class MindMapContextMenuHandler {
     this.quill = quill;
     this.blot = blot;
     const i18nModule = this.quill.getModule("i18n");
-    registerMindMapI18N(I18N);
-    this.lang = i18nModule.options.lang;
+    registerMindMapI18N(i18nModule);
+    this.lang = i18nModule.getLocale();
     this.texts = this.resolveTexts();
-    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, (lang) => {
-      this.lang = lang;
+    this.quill.on(I18N_LOCALE_CHANGE, (event) => {
+      this.lang = event.locale;
       this.texts = this.resolveTexts();
       this.updateContextMenuItems();
     });
@@ -26,10 +24,12 @@ class MindMapContextMenuHandler {
   }
   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)
+      copy: this.quill.getLangText("mindMap.contextMenu.copy"),
+      cut: this.quill.getLangText("mindMap.contextMenu.cut"),
+      paste: this.quill.getLangText("mindMap.contextMenu.paste"),
+      deleteContent: this.quill.getLangText("mindMap.contextMenu.deleteContent"),
+      deleteNode: this.quill.getLangText("mindMap.contextMenu.deleteNode"),
+      deleteIcon: this.quill.getLangText("mindMap.contextMenu.deleteIcon")
     };
   }
   updateContextMenuItems() {

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

@@ -1 +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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"}
+{"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 { type I18n, I18N_LOCALE_CHANGE } from 'quill-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(i18nModule)\n    this.lang = i18nModule.getLocale()\n    this.texts = this.resolveTexts()\n    this.quill.on(I18N_LOCALE_CHANGE, (event: { locale: string, oldLocale: string }) => {\n      this.lang = event.locale\n      this.texts = this.resolveTexts()\n      this.updateContextMenuItems()\n    })\n  }\n\n  resolveTexts() {\n    return {\n      copy: this.quill.getLangText('mindMap.contextMenu.copy'),\n      cut: this.quill.getLangText('mindMap.contextMenu.cut'),\n      paste: this.quill.getLangText('mindMap.contextMenu.paste'),\n      deleteContent: this.quill.getLangText('mindMap.contextMenu.deleteContent'),\n      deleteNode: this.quill.getLangText('mindMap.contextMenu.deleteNode'),\n      deleteIcon: this.quill.getLangText('mindMap.contextMenu.deleteIcon'),\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,12 +1,10 @@
 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 { I18N_LOCALE_CHANGE } from "quill-i18n";
 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");
@@ -14,11 +12,11 @@ class MindMapControlPanelHandler {
     this.quill = quill;
     this.blot = blot;
     const i18nModule = this.quill.getModule("i18n");
-    registerMindMapI18N(I18N);
-    this.lang = i18nModule.options.lang;
+    registerMindMapI18N(i18nModule);
+    this.lang = i18nModule.getLocale();
     this.texts = this.resolveTexts();
-    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, (lang) => {
-      this.lang = lang;
+    this.quill.on(I18N_LOCALE_CHANGE, (event) => {
+      this.lang = event.locale;
       this.texts = this.resolveTexts();
       this.updateControlPanelTexts();
     });
@@ -50,9 +48,9 @@ class MindMapControlPanelHandler {
     ];
     return textKeys.reduce((acc, key) => {
       if (!key.includes("Title")) {
-        acc[key] = I18N.parserText(`mindMap.layout.${key.replace("Layout", "")}`, this.lang);
+        acc[key] = this.quill.getLangText(`mindMap.layout.${key.replace("Layout", "")}`);
       } else {
-        acc[key] = I18N.parserText(`mindMap.controlPanel.${key}`, this.lang);
+        acc[key] = this.quill.getLangText(`mindMap.controlPanel.${key}`);
       }
       return acc;
     }, {});