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

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

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel.es.js","sources":["../../../../../src/modules/mind-map/modules/control-panel.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 { getAllConfigs } from '../config-utils'\nimport { registerMindMapI18N } from '../i18n'\nimport { backIcon, catalogOrganizationIcon, contractIcon, fishboneIcon, fitIcon, forwardIcon, insertChildNodeIcon, insertIconIcon, insertNodeIcon, insertParentNodeIcon, logicalStructureIcon, mindMapIcon, organizationStructureIcon, removeNodeIcon, screenReduceIcon, screenTypeIcon, setLayoutIcon, timelineIcon, zoomInIcon, zoomOutIcon } from '../icons'\n\nclass MindMapControlPanelHandler {\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.updateControlPanelTexts()\n    })\n  }\n\n  resolveTexts() {\n    const textKeys = [\n      'zoomOutTitle',\n      'zoomInTitle',\n      'fitTitle',\n      'backTitle',\n      'forwardTitle',\n      'inserChildNodeTitle',\n      'inserNodeTitle',\n      'insertIconTitle',\n      'inserParentNodeTitle',\n      'removeNodeTitle',\n      'setLayoutTitle',\n      'logicalStructureLayout',\n      'catalogOrganizationLayout',\n      'mindMapLayout',\n      'organizationStructureLayout',\n      'timelineLayout',\n      'fishboneLayout',\n      'panelStatusTitle',\n      'screenTypeTitle',\n    ]\n\n    return textKeys.reduce((acc, key) => {\n      if (!key.includes('Title')) {\n        acc[key] = I18N.parserText(`mindMap.layout.${key.replace('Layout', '')}`, this.lang)\n      }\n      else {\n        acc[key] = I18N.parserText(`mindMap.controlPanel.${key}`, this.lang)\n      }\n      return acc\n    }, {} as Record<string, string>)\n  }\n\n  updateControlPanelTexts() {\n    const controlItems = this.blot.domNode.querySelectorAll('.ql-mind-map-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      'insert-child-node': 'inserChildNodeTitle',\n      'insert-node': 'inserNodeTitle',\n      'insert-icon': 'insertIconTitle',\n      'insert-parent-node': 'inserParentNodeTitle',\n      'remove-node': 'removeNodeTitle',\n      'set-layout-icon': 'setLayoutTitle',\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<MindMapPlaceholderBlot, MindMapControlPanelHandler>()\n\nconst DISABLED_OPACITY = '0.5'\nconst ENABLED_OPACITY = '1'\nexport function createControlPanel(blot: MindMapPlaceholderBlot, quill: FluentEditor): void {\n  let isStart = true\n  let isEnd = true\n  let selectedNodes: any[] = []\n  blot.mindMap.on('node_active', (...args: unknown[]) => {\n    selectedNodes = Array.isArray(args[1]) ? args[1] : []\n  })\n  // 中间的控制面板\n  const controlPanel = document.createElement('div')\n  controlPanel.className = 'ql-mind-map-control'\n  // 右上的控制面板\n  const controlRightUpPanel = document.createElement('div')\n  controlRightUpPanel.className = 'ql-mind-map-right-up-control'\n  // 左上的控制面板\n  const controlLeftUpPanel = document.createElement('div')\n  controlLeftUpPanel.className = 'ql-mind-map-left-up-control'\n\n  const handler = new MindMapControlPanelHandler(quill, blot)\n  controlPanelHandlers.set(blot, handler)\n\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'), () => {\n    if (!isStart) {\n      blot.mindMap.execCommand('BACK')\n    }\n  })\n  const forwardBtn = createControlItem('forward', handler.getText('forwardTitle'), () => {\n    if (!isEnd) {\n      blot.mindMap.execCommand('FORWARD')\n    }\n  })\n  const insertChildNode = createControlItem('insert-child-node', handler.getText('inserChildNodeTitle'), () => handleInsertChildNode(blot))\n  const insertNode = createControlItem('insert-node', handler.getText('inserNodeTitle'), () => handleInsertNode(blot))\n  const insertParentNode = createControlItem('insert-parent-node', handler.getText('inserParentNodeTitle'), () => handleInsertParentNode(blot))\n  const removeNode = createControlItem('remove-node', handler.getText('removeNodeTitle'), () => handleRemoveNode(blot))\n  const insertIconBtn = createControlItem('insert-icon', handler.getText('insertIconTitle'), () => handleInsertIcon(blot, selectedNodes))\n  const setLayoutBtn = createControlItem('set-layout-icon', handler.getText('setLayoutTitle'), () => handleSetLayoutBtn(blot))\n  const panelStatusBtn = createControlItem('panel-status', handler.getText('panelStatusTitle'))\n  const screenTypeBtn = createControlItem('screen-type', handler.getText('screenTypeTitle'), () => handleScreenTypeBtn(blot))\n  const updateButtonState = (index: number, len: number) => {\n    isStart = index <= 0\n    isEnd = index >= len - 1\n    backBtn.style.cursor = isStart ? 'not-allowed' : 'pointer'\n    backBtn.style.opacity = isStart ? DISABLED_OPACITY : ENABLED_OPACITY\n    forwardBtn.style.cursor = isEnd ? 'not-allowed' : 'pointer'\n    forwardBtn.style.opacity = isEnd ? DISABLED_OPACITY : ENABLED_OPACITY\n  }\n\n  blot.mindMap.on('back_forward', (index: number, len: number) => {\n    updateButtonState(index, len)\n  })\n  controlPanel.append(zoomOutBtn, zoomInBtn, resetBtn, screenTypeBtn, backBtn, forwardBtn)\n  blot.domNode.appendChild(controlPanel)\n  controlRightUpPanel.append(panelStatusBtn)\n  blot.domNode.appendChild(controlRightUpPanel)\n  controlLeftUpPanel.append(insertChildNode, insertNode, insertParentNode, removeNode, insertIconBtn, setLayoutBtn)\n  blot.domNode.appendChild(controlLeftUpPanel)\n}\n\nfunction createControlItem(iconClass: string, title: string, onClick?: () => void, disabled = false) {\n  const controlItem = document.createElement('div')\n  controlItem.className = 'ql-mind-map-control-item'\n  controlItem.title = title\n  controlItem.dataset.controlType = iconClass\n  controlItem.style.cursor = disabled ? 'not-allowed' : 'pointer'\n  controlItem.style.opacity = disabled ? DISABLED_OPACITY : ENABLED_OPACITY\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    'insert-child-node': insertChildNodeIcon,\n    'insert-node': insertNodeIcon,\n    'insert-parent-node': insertParentNodeIcon,\n    'remove-node': removeNodeIcon,\n    'insert-icon': insertIconIcon,\n    'set-layout-icon': setLayoutIcon,\n    'screen-type': screenTypeIcon,\n    'panel-status': contractIcon,\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 handleInsertChildNode(blot: MindMapPlaceholderBlot): void {\n  blot.mindMap.execCommand('INSERT_CHILD_NODE')\n}\n\nfunction handleInsertNode(blot: MindMapPlaceholderBlot): void {\n  blot.mindMap.execCommand('INSERT_NODE')\n}\n\nfunction handleInsertParentNode(blot: MindMapPlaceholderBlot): void {\n  blot.mindMap.execCommand('INSERT_PARENT_NODE')\n}\n\nfunction handleRemoveNode(blot: MindMapPlaceholderBlot): void {\n  blot.mindMap.execCommand('REMOVE_CURRENT_NODE')\n}\n\nfunction handleZoomIn(blot: MindMapPlaceholderBlot): void {\n  if (blot.mindMap && blot.mindMap.view) {\n    const containerRect = blot.mindMap.el.getBoundingClientRect()\n    const cx = containerRect.width / 2\n    const cy = containerRect.height / 2\n    blot.mindMap.view.enlarge(cx, cy, false)\n    blot.zoomCount++\n  }\n}\n\nfunction handleZoomOut(blot: MindMapPlaceholderBlot): void {\n  if (blot.mindMap && blot.mindMap.view) {\n    const containerRect = blot.mindMap.el.getBoundingClientRect()\n    const cx = containerRect.width / 2\n    const cy = containerRect.height / 2\n    blot.mindMap.view.narrow(cx, cy, false)\n    blot.zoomCount--\n  }\n}\n\nfunction handleResetZoom(blot: MindMapPlaceholderBlot): void {\n  blot.mindMap.renderer.setRootNodeCenter()\n  if (!blot.mindMap || !blot.mindMap.view || blot.zoomCount === 0) return\n  const containerRect = blot.mindMap.el.getBoundingClientRect()\n  const centerX = containerRect.width / 2\n  const centerY = containerRect.height / 2\n  const operationCount = Math.abs(blot.zoomCount)\n  const isEnlarge = blot.zoomCount < 0\n  for (let i = 0; i < operationCount; i++) {\n    if (isEnlarge) {\n      blot.mindMap.view.enlarge(centerX, centerY, false)\n    }\n    else {\n      blot.mindMap.view.narrow(centerX, centerY, false)\n    }\n  }\n  blot.zoomCount = 0\n}\n\nfunction handleInsertIcon(blot: MindMapPlaceholderBlot, selectedNodes: any[]): void {\n  (blot as any).selectedNodes = selectedNodes\n  const heightStr = blot.domNode.getAttribute('height') || '500px'\n  const height = Number.parseInt(heightStr.replace(/[^\\d.]/g, ''), 10) || 500\n  let iconList = []\n  const { deps } = getAllConfigs(blot.quill)\n  iconList = deps.nodeIconList.nodeIconList ? deps.nodeIconList.nodeIconList : deps.nodeIconList\n  const leftUpControl = blot.domNode.querySelector('.ql-mind-map-left-up-control') as HTMLElement\n  let iconPanel = leftUpControl.querySelector('.ql-mind-map-icon-panel') as HTMLElement\n  if (!iconPanel) {\n    iconPanel = document.createElement('div')\n    iconPanel.className = 'ql-mind-map-icon-panel'\n    iconList?.forEach((group) => {\n      const groupContainer = document.createElement('div')\n      groupContainer.className = 'ql-mind-map-icon-group-container'\n\n      group.list.forEach((icon: { icon: string, name: string }) => {\n        const iconItem = document.createElement('div')\n        iconItem.className = 'ql-mind-map-icon-item'\n        iconItem.innerHTML = icon.icon\n\n        iconItem.addEventListener('click', () => {\n          const currentSelectedNodes = (blot as any).selectedNodes || []\n          if (currentSelectedNodes.length > 0) {\n            const node = currentSelectedNodes[0]\n\n            if (node.getData('icon') && node.getData('icon')[0] === `${group.type}_${icon.name}`) {\n              node.setIcon([])\n            }\n            else {\n              node.setIcon([`${group.type}_${icon.name}`])\n            }\n            blot.data = blot.mindMap.getData({})\n            blot.domNode.setAttribute('data-mind-map', JSON.stringify(blot.data))\n          }\n          iconPanel.style.display = 'none'\n        })\n        groupContainer.appendChild(iconItem)\n      })\n      iconPanel.appendChild(groupContainer)\n    })\n    if (height < 395) {\n      iconPanel.style.height = `${height - 130}px`\n    }\n    else {\n      iconPanel.style.height = '270px'\n    }\n    leftUpControl.appendChild(iconPanel)\n  }\n  else {\n    if (height < 395) {\n      iconPanel.style.height = `${height - 130}px`\n    }\n    else {\n      iconPanel.style.height = '270px'\n    }\n    iconPanel.style.display = 'block'\n  }\n\n  const handleOutsideClick = (e: MouseEvent) => {\n    let insertIconBtn: HTMLElement | null = null\n    const controlItems = leftUpControl.querySelectorAll('.ql-mind-map-control-item')\n\n    controlItems.forEach((item) => {\n      if ((item as HTMLElement).dataset.controlType === 'insert-icon') {\n        insertIconBtn = item as HTMLElement\n      }\n    })\n\n    if (!iconPanel.contains(e.target as Node) && (!insertIconBtn || !insertIconBtn.contains(e.target as Node))) {\n      iconPanel.style.display = 'none'\n      document.removeEventListener('click', handleOutsideClick)\n    }\n  }\n  document.removeEventListener('click', handleOutsideClick)\n  document.addEventListener('click', handleOutsideClick)\n}\n\nfunction handleSetLayoutBtn(blot: MindMapPlaceholderBlot): void {\n  const handler = controlPanelHandlers.get(blot)\n  const leftUpControl = blot.domNode.querySelector('.ql-mind-map-left-up-control') as HTMLElement\n  let layoutPanel = leftUpControl.querySelector('.ql-mind-map-layout-panel') as HTMLElement\n  const heightStr = blot.domNode.getAttribute('height') || '500'\n  const height = Number.parseInt(heightStr.replace(/[^\\d.]/g, ''), 10) || 500\n\n  if (!layoutPanel) {\n    layoutPanel = document.createElement('div')\n    layoutPanel.className = 'ql-mind-map-layout-panel'\n\n    const layouts = [\n      {\n        name: 'logicalStructure',\n        displayName: handler?.getText('logicalStructureLayout'),\n        icon: logicalStructureIcon,\n      },\n      {\n        name: 'catalogOrganization',\n        displayName: handler?.getText('catalogOrganizationLayout'),\n        icon: catalogOrganizationIcon,\n      },\n      {\n        name: 'mindMap',\n        displayName: handler?.getText('mindMapLayout'),\n        icon: mindMapIcon,\n      },\n      {\n        name: 'organizationStructure',\n        displayName: handler?.getText('organizationStructureLayout'),\n        icon: organizationStructureIcon,\n      },\n      {\n        name: 'timeline',\n        displayName: handler?.getText('timelineLayout'),\n        icon: timelineIcon,\n      },\n      {\n        name: 'fishbone',\n        displayName: handler?.getText('fishboneLayout'),\n        icon: fishboneIcon,\n      },\n    ]\n\n    layouts.forEach((layout) => {\n      const layoutItem = document.createElement('div')\n      layoutItem.className = 'ql-mind-map-layout-item'\n\n      const iconContainer = document.createElement('div')\n      iconContainer.className = 'ql-mind-map-layout-icon-container'\n\n      const img = document.createElement('div')\n      img.className = 'ql-mind-map-layout-icon'\n      img.innerHTML = layout.icon\n      img.style.display = 'flex'\n      img.style.alignItems = 'center'\n      img.style.justifyContent = 'center'\n      const svgElement = img.querySelector('svg')\n\n      svgElement.style.maxWidth = '100%'\n      svgElement.style.maxHeight = '100%'\n      svgElement.style.width = 'auto'\n      svgElement.style.height = 'auto'\n      svgElement.removeAttribute('width')\n      svgElement.removeAttribute('height')\n\n      iconContainer.appendChild(img)\n\n      const nameText = document.createElement('div')\n      nameText.className = 'ql-mind-map-layout-name'\n      nameText.textContent = layout.displayName\n\n      layoutItem.appendChild(iconContainer)\n      layoutItem.appendChild(nameText)\n      layoutItem.addEventListener('click', () => {\n        blot.mindMap.setLayout(layout.name)\n        blot.data = blot.mindMap.getData({})\n        blot.domNode.setAttribute('data-mind-map', JSON.stringify(blot.data))\n        layoutPanel.style.display = 'none'\n      })\n      layoutPanel.appendChild(layoutItem)\n    })\n    leftUpControl.appendChild(layoutPanel)\n    if (height < 395) {\n      layoutPanel.style.height = `${height - 130}px`\n    }\n    else {\n      layoutPanel.style.height = '270px'\n    }\n  }\n  else {\n    if (height < 395) {\n      layoutPanel.style.height = `${height - 130}px`\n    }\n    else {\n      layoutPanel.style.height = '270px'\n    }\n    layoutPanel.style.display = 'flex'\n  }\n\n  const handleOutsideClick = (e: MouseEvent) => {\n    let setLayoutBtn: HTMLElement | null = null\n    const controlItems = leftUpControl.querySelectorAll('.ql-mind-map-control-item')\n\n    setLayoutBtn = Array.from(controlItems).find(item => item.getAttribute('data-control-type') === 'set-layout-icon') as HTMLElement | null\n\n    if (!layoutPanel.contains(e.target as Node) && (!setLayoutBtn || !setLayoutBtn.contains(e.target as Node))) {\n      layoutPanel.style.display = 'none'\n      document.removeEventListener('click', handleOutsideClick)\n    }\n  }\n  document.removeEventListener('click', handleOutsideClick)\n  document.addEventListener('click', handleOutsideClick)\n}\n\nfunction handleScreenTypeBtn(blot: MindMapPlaceholderBlot): void {\n  const screenTypeBtn = blot.domNode.querySelector('[data-control-type=\"screen-type\"]') as HTMLElement | null\n  if (!screenTypeBtn || !blot.domNode) return\n\n  const mindMapContainer = blot.domNode\n  const isFullscreen = mindMapContainer.style.position === 'fixed'\n\n  if (isFullscreen) {\n    const originalPosition = mindMapContainer.getAttribute('data-original-position')\n    const originalWidth = mindMapContainer.getAttribute('data-original-width')\n    const originalHeight = mindMapContainer.getAttribute('data-original-height')\n    if (originalWidth && originalHeight) {\n      mindMapContainer.style.position = originalPosition\n      mindMapContainer.style.width = originalWidth\n      mindMapContainer.style.height = originalHeight\n      mindMapContainer.style.zIndex = '0'\n    }\n    const iconElement = screenTypeBtn.querySelector('i')\n    if (iconElement) {\n      iconElement.innerHTML = screenTypeIcon\n    }\n  }\n  else {\n    mindMapContainer.setAttribute('data-original-position', mindMapContainer.style.position || '')\n    mindMapContainer.setAttribute('data-original-width', mindMapContainer.style.width || '')\n    mindMapContainer.setAttribute('data-original-height', mindMapContainer.style.height || '')\n    mindMapContainer.style.position = 'fixed'\n    mindMapContainer.style.top = '0'\n    mindMapContainer.style.left = '0'\n    mindMapContainer.style.width = '100vw'\n    mindMapContainer.style.height = '100vh'\n    mindMapContainer.style.zIndex = '100'\n    const iconElement = screenTypeBtn.querySelector('i')\n    if (iconElement) {\n      iconElement.innerHTML = screenReduceIcon\n    }\n  }\n  blot.mindMap.renderer.setRootNodeCenter()\n  blot.mindMap.resize()\n}\n"],"names":[],"mappings":"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"}

package/es/modules/mind-map/modules/custom-resize-action.es.js

@@ -0,0 +1,161 @@
+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);
+const MIN_WIDTH = 350;
+const MIN_HEIGHT = 290;
+const HEIGHT_THRESHOLD = 395;
+const PANEL_HEIGHT_OFFSET = 130;
+class MindMapResizeAction {
+  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-mind-map-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));
+  }
+  updateDependentElementsHeight(newHeight) {
+    const iconPanel = this.blot.domNode.querySelector(".ql-mind-map-icon-panel");
+    const layoutPanel = this.blot.domNode.querySelector(".ql-mind-map-layout-panel");
+    if (iconPanel && newHeight < HEIGHT_THRESHOLD) {
+      iconPanel.style.height = `${newHeight - PANEL_HEIGHT_OFFSET}px`;
+    }
+    if (layoutPanel && newHeight < HEIGHT_THRESHOLD) {
+      layoutPanel.style.height = `${newHeight - PANEL_HEIGHT_OFFSET}px`;
+    }
+  }
+  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));
+    this.updateDependentElementsHeight(newHeight);
+    if (this.blot.mindMap) {
+      this.blot.mindMap.resize(newWidth, newHeight);
+    }
+    container.setAttribute("data-mind-map", 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);
+  }
+}
+export {
+  MindMapResizeAction
+};
+//# sourceMappingURL=custom-resize-action.es.js.map

package/es/modules/mind-map/modules/custom-resize-action.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-resize-action.es.js","sources":["../../../../../src/modules/mind-map/modules/custom-resize-action.ts"],"sourcesContent":["const MIN_WIDTH = 350\nconst MIN_HEIGHT = 290\nconst HEIGHT_THRESHOLD = 395\nconst PANEL_HEIGHT_OFFSET = 130\n\nexport class MindMapResizeAction {\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-mind-map-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  updateDependentElementsHeight(newHeight: number) {\n    const iconPanel = this.blot.domNode.querySelector('.ql-mind-map-icon-panel') as HTMLElement\n    const layoutPanel = this.blot.domNode.querySelector('.ql-mind-map-layout-panel') as HTMLElement\n    if (iconPanel && newHeight < HEIGHT_THRESHOLD) {\n      iconPanel.style.height = `${newHeight - PANEL_HEIGHT_OFFSET}px`\n    }\n    if (layoutPanel && newHeight < HEIGHT_THRESHOLD) {\n      layoutPanel.style.height = `${newHeight - PANEL_HEIGHT_OFFSET}px`\n    }\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    this.updateDependentElementsHeight(newHeight)\n    if (this.blot.mindMap) {\n      this.blot.mindMap.resize(newWidth, newHeight)\n    }\n\n    container.setAttribute('data-mind-map', 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;AACnB,MAAM,mBAAmB;AACzB,MAAM,sBAAsB;AAErB,MAAM,oBAAoB;AAAA,EAa/B,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,2BAA2B;AAC7C,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,8BAA8B,WAAmB;AAC/C,UAAM,YAAY,KAAK,KAAK,QAAQ,cAAc,yBAAyB;AAC3E,UAAM,cAAc,KAAK,KAAK,QAAQ,cAAc,2BAA2B;AAC/E,QAAI,aAAa,YAAY,kBAAkB;AAC7C,gBAAU,MAAM,SAAS,GAAG,YAAY,mBAAmB;AAAA,IAC7D;AACA,QAAI,eAAe,YAAY,kBAAkB;AAC/C,kBAAY,MAAM,SAAS,GAAG,YAAY,mBAAmB;AAAA,IAC/D;AAAA,EACF;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;AAClD,SAAK,8BAA8B,SAAS;AAC5C,QAAI,KAAK,KAAK,SAAS;AACrB,WAAK,KAAK,QAAQ,OAAO,UAAU,SAAS;AAAA,IAC9C;AAEA,cAAU,aAAa,iBAAiB,KAAK,UAAU,KAAK,KAAK,IAAI,CAAC;AAAA,EACxE;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/es/modules/shortcut-key/index.es.js

@@ -0,0 +1,245 @@
+import Quill from "quill";
+import QuillShortcutKey, { searchAndSort, defaultShortKey } from "quill-shortcut-key";
+import "../../config/index.es.js";
+import { CHANGE_LANGUAGE_EVENT } from "../../config/editor.config.es.js";
+class ShortCutKey extends QuillShortcutKey {
+  constructor(quill, options) {
+    super(quill, options);
+    this.quill = quill;
+    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {
+      this.destroyMenuList();
+      this.options = this.resolveOptions(options);
+      this.menuSorter = searchAndSort.bind(this, this.getAllMenuItems());
+      this.placeholderTip.remove();
+      this.placeholderTip = this.initPlaceholder();
+      this.placeholderUpdate();
+    });
+  }
+  resolveOptions(options) {
+    const defaultMenuItems = this.defaultMenuList();
+    const value = Object.assign({
+      placeholder: this.quill.getLangText("input-recall-menu-placeholder"),
+      menuItems: defaultMenuItems,
+      isMenuItemsAdd: false,
+      menuKeyboardControls: () => false
+    }, options);
+    if (value.isMenuItemsAdd) {
+      value.menuItems = [...defaultMenuItems, ...value.menuItems];
+    }
+    const deepCopyMenuItems = (items) => {
+      return items.map((item) => {
+        const value2 = {
+          ...item
+        };
+        if (item.title) {
+          value2.title = this.quill.getLangText(item.title);
+        }
+        if (item.type === "group") {
+          value2.children = deepCopyMenuItems(item.children);
+        }
+        return value2;
+      });
+    };
+    value.menuItems = deepCopyMenuItems(value.menuItems);
+    return value;
+  }
+  defaultMenuList() {
+    const icons = Quill.import("ui/icons");
+    const toolbarHandler = (format) => {
+      return function(range) {
+        if (!range) return;
+        const toolbarModule = this.getModule("toolbar");
+        if (!toolbarModule) return;
+        toolbarModule.handlers[format].call(toolbarModule, true);
+      };
+    };
+    const formatHandler = (format, value) => {
+      return function(range) {
+        if (!range) return;
+        this.formatLine(range.index, 0, format, value, Quill.sources.USER);
+      };
+    };
+    return [
+      ...new Array(6).fill(0).map((_, i) => ({
+        type: "item",
+        name: `h${i + 1}`,
+        alias: ["header", `head${i + 1}`],
+        icon: icons.header[i + 1],
+        title: this.quill.getLangText(`header-${i + 1}`),
+        onClick: formatHandler("header", i + 1)
+      })),
+      {
+        type: "item",
+        name: "yy",
+        alias: ["blockquote"],
+        icon: icons.blockquote,
+        title: this.quill.getLangText("blockquote"),
+        onClick: formatHandler("blockquote", true)
+      },
+      {
+        type: "item",
+        name: "dm",
+        alias: ["code", "codeblock"],
+        icon: icons["code-block"],
+        title: this.quill.getLangText("code-block"),
+        onClick: formatHandler("code-block", true)
+      },
+      {
+        type: "item",
+        name: "lj",
+        alias: ["link"],
+        icon: icons.link,
+        title: this.quill.getLangText("link"),
+        onClick(range, _) {
+          if (!range) return;
+          const title = "link";
+          const link = prompt("Enter link URL");
+          if (!link) return;
+          this.insertText(range.index, title, Quill.sources.USER);
+          this.formatText(range.index, range.length + title.length, "link", link, Quill.sources.USER);
+          this.setSelection({ index: range.index, length: range.index + title.length });
+        }
+      },
+      {
+        type: "group",
+        name: "lb",
+        alias: [],
+        hideSearch: true,
+        icon: icons.list.bullet,
+        title: this.quill.getLangText("list"),
+        children: [
+          {
+            type: "item",
+            name: "wxlb",
+            alias: ["list", "bullet"],
+            icon: icons.list.bullet,
+            title: this.quill.getLangText("list-bullet"),
+            onClick: formatHandler("list", "bullet")
+          },
+          {
+            type: "item",
+            name: "yxlb",
+            alias: ["list", "ordered"],
+            icon: icons.list.ordered,
+            title: this.quill.getLangText("list-ordered"),
+            onClick: formatHandler("list", "ordered")
+          },
+          {
+            type: "item",
+            name: "rwlb",
+            alias: ["list", "check"],
+            icon: icons.list.check,
+            title: this.quill.getLangText("list-check"),
+            onClick: formatHandler("list", "unchecked")
+          }
+        ]
+      },
+      {
+        type: "item",
+        name: "bq",
+        alias: ["emoji"],
+        icon: icons.emoji,
+        title: this.quill.getLangText("emoji"),
+        onClick(range, _) {
+          if (!range) return;
+          const toolbarModule = this.getModule("toolbar");
+          if (!toolbarModule) return;
+          toolbarModule.handlers.emoji.call(toolbarModule, true);
+        }
+      },
+      {
+        type: "item",
+        name: "jp",
+        alias: ["screenshot"],
+        icon: icons.screenshot,
+        title: this.quill.getLangText("screenshot"),
+        onClick: toolbarHandler("screenshot")
+      },
+      {
+        type: "item",
+        name: "gs",
+        alias: ["formula"],
+        icon: icons.formula,
+        title: this.quill.getLangText("formula"),
+        onClick: toolbarHandler("formula")
+      },
+      {
+        type: "item",
+        name: "tp",
+        alias: ["image", "pic", "picture"],
+        icon: icons.image,
+        title: this.quill.getLangText("image"),
+        onClick: toolbarHandler("image")
+      },
+      {
+        type: "item",
+        name: "sp",
+        alias: ["video"],
+        icon: icons.video,
+        title: this.quill.getLangText("video"),
+        onClick: toolbarHandler("video")
+      },
+      {
+        type: "item",
+        name: "wj",
+        alias: ["file"],
+        icon: icons.file,
+        title: this.quill.getLangText("file"),
+        onClick: toolbarHandler("file")
+      },
+      {
+        type: "item",
+        name: "swdt",
+        alias: ["mind-map"],
+        icon: icons["mind-map"],
+        title: this.quill.getLangText("mind-map"),
+        onClick: toolbarHandler("mind-map")
+      },
+      {
+        type: "item",
+        name: "lct",
+        alias: ["flow-chart"],
+        icon: icons["flow-chart"],
+        title: this.quill.getLangText("flow-chart"),
+        onClick: toolbarHandler("flow-chart")
+      }
+    ];
+  }
+}
+const shortKey = {
+  ...defaultShortKey,
+  link: {
+    key: "k",
+    shortKey: true,
+    handler(_, context) {
+      const toolbar = this.quill.getModule("toolbar");
+      if (!toolbar) return;
+      toolbar.handlers.link.call(toolbar, !context.format.link);
+    }
+  },
+  color: {
+    key: "c",
+    altKey: true,
+    shortKey: true,
+    handler() {
+      var _a;
+      const selected = this.quill.getModule("toolbar").container.querySelector(".ql-color.ql-color-picker .ql-picker-options .ql-selected");
+      this.quill.format("color", ((_a = selected == null ? void 0 : selected.dataset) == null ? void 0 : _a.value) || false, Quill.sources.USER);
+    }
+  },
+  background: {
+    key: "b",
+    altKey: true,
+    shortKey: true,
+    handler() {
+      var _a;
+      const selected = this.quill.getModule("toolbar").container.querySelector(".ql-background.ql-color-picker .ql-picker-options .ql-selected");
+      this.quill.format("background", ((_a = selected == null ? void 0 : selected.dataset) == null ? void 0 : _a.value) || false, Quill.sources.USER);
+    }
+  }
+};
+export {
+  ShortCutKey,
+  shortKey
+};
+//# sourceMappingURL=index.es.js.map

package/es/modules/shortcut-key/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../src/modules/shortcut-key/index.ts"],"sourcesContent":["import type { Range } from 'quill'\r\nimport type { Menu, MenuItemsGroup, QuillShortcutKeyInputOptions, QuillShortcutKeyOptions } from 'quill-shortcut-key'\r\nimport type { Context } from 'quill/modules/keyboard'\r\nimport type TypeToolbar from 'quill/modules/toolbar'\r\nimport type FluentEditor from '../../fluent-editor'\r\nimport Quill from 'quill'\r\nimport QuillShortcutKey, { defaultShortKey, searchAndSort } from 'quill-shortcut-key'\r\nimport { CHANGE_LANGUAGE_EVENT } from '../../config'\r\n\r\nexport interface ShortCutKeyCustomOptions { isMenuItemsAdd: boolean }\r\nexport type ShortCutKeyInputOptions = QuillShortcutKeyInputOptions & ShortCutKeyCustomOptions\r\nexport type ShortCutKeyOptions = QuillShortcutKeyOptions & ShortCutKeyCustomOptions\r\n\r\nexport class ShortCutKey extends QuillShortcutKey {\r\n  constructor(public quill: FluentEditor, options: Partial<ShortCutKeyInputOptions>) {\r\n    super(quill, options)\r\n\r\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\r\n      this.destroyMenuList()\r\n      this.options = this.resolveOptions(options)\r\n      this.menuSorter = searchAndSort.bind(this, this.getAllMenuItems()) as (searchText: string) => Menu\r\n      this.placeholderTip.remove()\r\n      this.placeholderTip = this.initPlaceholder()\r\n      this.placeholderUpdate()\r\n    })\r\n  }\r\n\r\n  resolveOptions(options: Partial<ShortCutKeyInputOptions>) {\r\n    const defaultMenuItems = this.defaultMenuList()\r\n    const value: ShortCutKeyOptions = Object.assign({\r\n      placeholder: this.quill.getLangText('input-recall-menu-placeholder'),\r\n      menuItems: defaultMenuItems,\r\n      isMenuItemsAdd: false,\r\n      menuKeyboardControls: () => false,\r\n    }, options)\r\n    if (value.isMenuItemsAdd) {\r\n      value.menuItems = [...defaultMenuItems, ...value.menuItems]\r\n    }\r\n\r\n    const deepCopyMenuItems = (items: Menu): Menu => {\r\n      return items.map((item) => {\r\n        const value = {\r\n          ...item,\r\n        }\r\n        if (item.title) {\r\n          value.title = this.quill.getLangText(item.title)\r\n        }\r\n        if (item.type === 'group') {\r\n          (value as MenuItemsGroup).children = deepCopyMenuItems(item.children)\r\n        }\r\n        return value\r\n      })\r\n    }\r\n    value.menuItems = deepCopyMenuItems(value.menuItems)\r\n    return value\r\n  }\r\n\r\n  defaultMenuList() {\r\n    const icons = Quill.import('ui/icons') as Record<string, any>\r\n    const toolbarHandler = (format: string) => {\r\n      return function (this: Quill, range: Range | null) {\r\n        if (!range) return\r\n        const toolbarModule = this.getModule('toolbar') as TypeToolbar\r\n        if (!toolbarModule) return\r\n        toolbarModule.handlers[format].call(toolbarModule, true)\r\n      }\r\n    }\r\n    const formatHandler = (format: string, value: any) => {\r\n      return function (this: Quill, range: Range | null) {\r\n        if (!range) return\r\n        this.formatLine(range.index, 0, format, value, Quill.sources.USER)\r\n      }\r\n    }\r\n\r\n    return [\r\n      ...new Array(6).fill(0).map((_, i) => ({\r\n        type: 'item' as const,\r\n        name: `h${i + 1}`,\r\n        alias: ['header', `head${i + 1}`],\r\n        icon: icons.header[i + 1],\r\n        title: this.quill.getLangText(`header-${i + 1}`),\r\n        onClick: formatHandler('header', i + 1),\r\n      })),\r\n      {\r\n        type: 'item' as const,\r\n        name: 'yy',\r\n        alias: ['blockquote'],\r\n        icon: icons.blockquote,\r\n        title: this.quill.getLangText('blockquote'),\r\n        onClick: formatHandler('blockquote', true),\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'dm',\r\n        alias: ['code', 'codeblock'],\r\n        icon: icons['code-block'],\r\n        title: this.quill.getLangText('code-block'),\r\n        onClick: formatHandler('code-block', true),\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'lj',\r\n        alias: ['link'],\r\n        icon: icons.link,\r\n        title: this.quill.getLangText('link'),\r\n        onClick(this: Quill, range: Range | null, _: any) {\r\n          if (!range) return\r\n          const title = 'link'\r\n          const link = prompt('Enter link URL')\r\n          if (!link) return\r\n          this.insertText(range.index, title, Quill.sources.USER)\r\n          this.formatText(range.index, range.length + title.length, 'link', link, Quill.sources.USER)\r\n          this.setSelection({ index: range.index, length: range.index + title.length })\r\n        },\r\n      },\r\n      {\r\n        type: 'group' as const,\r\n        name: 'lb',\r\n        alias: [],\r\n        hideSearch: true,\r\n        icon: icons.list.bullet,\r\n        title: this.quill.getLangText('list'),\r\n        children: [\r\n          {\r\n            type: 'item' as const,\r\n            name: 'wxlb',\r\n            alias: ['list', 'bullet'],\r\n            icon: icons.list.bullet,\r\n            title: this.quill.getLangText('list-bullet'),\r\n            onClick: formatHandler('list', 'bullet'),\r\n          },\r\n          {\r\n            type: 'item' as const,\r\n            name: 'yxlb',\r\n            alias: ['list', 'ordered'],\r\n            icon: icons.list.ordered,\r\n            title: this.quill.getLangText('list-ordered'),\r\n            onClick: formatHandler('list', 'ordered'),\r\n          },\r\n          {\r\n            type: 'item' as const,\r\n            name: 'rwlb',\r\n            alias: ['list', 'check'],\r\n            icon: icons.list.check,\r\n            title: this.quill.getLangText('list-check'),\r\n            onClick: formatHandler('list', 'unchecked'),\r\n          },\r\n        ],\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'bq',\r\n        alias: ['emoji'],\r\n        icon: icons.emoji,\r\n        title: this.quill.getLangText('emoji'),\r\n        onClick(this: Quill, range: Range | null, _: any) {\r\n          if (!range) return\r\n          const toolbarModule = this.getModule('toolbar') as TypeToolbar\r\n          if (!toolbarModule) return\r\n          // TODO: keyboard handler emoji select(in emoji module)\r\n          toolbarModule.handlers.emoji.call(toolbarModule, true)\r\n        },\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'jp',\r\n        alias: ['screenshot'],\r\n        icon: icons.screenshot,\r\n        title: this.quill.getLangText('screenshot'),\r\n        onClick: toolbarHandler('screenshot'),\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'gs',\r\n        alias: ['formula'],\r\n        icon: icons.formula,\r\n        title: this.quill.getLangText('formula'),\r\n        onClick: toolbarHandler('formula'),\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'tp',\r\n        alias: ['image', 'pic', 'picture'],\r\n        icon: icons.image,\r\n        title: this.quill.getLangText('image'),\r\n        onClick: toolbarHandler('image'),\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'sp',\r\n        alias: ['video'],\r\n        icon: icons.video,\r\n        title: this.quill.getLangText('video'),\r\n        onClick: toolbarHandler('video'),\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'wj',\r\n        alias: ['file'],\r\n        icon: icons.file,\r\n        title: this.quill.getLangText('file'),\r\n        onClick: toolbarHandler('file'),\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'swdt',\r\n        alias: ['mind-map'],\r\n        icon: icons['mind-map'],\r\n        title: this.quill.getLangText('mind-map'),\r\n        onClick: toolbarHandler('mind-map'),\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'lct',\r\n        alias: ['flow-chart'],\r\n        icon: icons['flow-chart'],\r\n        title: this.quill.getLangText('flow-chart'),\r\n        onClick: toolbarHandler('flow-chart'),\r\n      },\r\n    ]\r\n  }\r\n}\r\n\r\nexport const shortKey = {\r\n  ...defaultShortKey,\r\n  link: {\r\n    key: 'k',\r\n    shortKey: true,\r\n    handler(this: { quill: Quill }, _: any, context: Context) {\r\n      const toolbar = this.quill.getModule('toolbar') as TypeToolbar\r\n      if (!toolbar) return\r\n      toolbar.handlers.link.call(toolbar, !context.format.link)\r\n    },\r\n  },\r\n  color: {\r\n    key: 'c',\r\n    altKey: true,\r\n    shortKey: true,\r\n    handler(this: { quill: Quill }) {\r\n      const selected = (this.quill.getModule('toolbar') as TypeToolbar).container!.querySelector('.ql-color.ql-color-picker .ql-picker-options .ql-selected') as HTMLElement\r\n      this.quill.format('color', selected?.dataset?.value || false, Quill.sources.USER)\r\n    },\r\n  },\r\n  background: {\r\n    key: 'b',\r\n    altKey: true,\r\n    shortKey: true,\r\n    handler(this: { quill: Quill }) {\r\n      const selected = (this.quill.getModule('toolbar') as TypeToolbar).container!.querySelector('.ql-background.ql-color-picker .ql-picker-options .ql-selected') as HTMLElement\r\n      this.quill.format('background', selected?.dataset?.value || false, Quill.sources.USER)\r\n    },\r\n  },\r\n}\r\n"],"names":["value"],"mappings":"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"}

package/es/modules/syntax.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"syntax.es.js","sources":["../../../src/modules/syntax.ts"],"sourcesContent":["import type TypeSyntax from 'quill/modules/syntax'\nimport Quill from 'quill'\n\nconst Syntax = Quill.import('modules/syntax') as typeof TypeSyntax\n\n// @dynamic\nclass CustomSyntax extends Syntax {\n  static DEFAULTS: { hljs: any, interval: number, languages: { key: string, label: string }[] }\n}\n\nCustomSyntax.DEFAULTS = {\n  hljs: (() => {\n    // @ts-ignore\n    return window.hljs\n  })(),\n  interval: 1000,\n  languages: [\n    { key: 'plain', label: 'Plain' },\n    { key: 'bash', label: 'Bash' },\n    { key: 'cpp', label: 'C++' },\n    { key: 'cs', label: 'C#' },\n    { key: 'css', label: 'CSS' },\n    { key: 'diff', label: 'Diff' },\n    { key: 'xml', label: 'HTML/XML' },\n    { key: 'java', label: 'Java' },\n    { key: 'javascript', label: 'Javascript' },\n    { key: 'markdown', label: 'Markdown' },\n    { key: 'php', label: 'PHP' },\n    { key: 'python', label: 'Python' },\n    { key: 'ruby', label: 'Ruby' },\n    { key: 'sql', label: 'SQL' },\n  ],\n}\n\nexport default CustomSyntax\n"],"names":[],"mappings":";;;;AAGA,MAAM,SAAS,MAAM,OAAO,gBAAgB;AAG5C,MAAM,qBAAqB,OAAO;AAElC;AADE,cADI,cACG;AAGT,aAAa,WAAW;AAAA,EACtB,OAAO,MAAM;AAEX,WAAO,OAAO;AAAA,EAChB,GAAA;AAAA,EACA,UAAU;AAAA,EACV,WAAW;AAAA,IACT,EAAE,KAAK,SAAS,OAAO,QAAA;AAAA,IACvB,EAAE,KAAK,QAAQ,OAAO,OAAA;AAAA,IACtB,EAAE,KAAK,OAAO,OAAO,MAAA;AAAA,IACrB,EAAE,KAAK,MAAM,OAAO,KAAA;AAAA,IACpB,EAAE,KAAK,OAAO,OAAO,MAAA;AAAA,IACrB,EAAE,KAAK,QAAQ,OAAO,OAAA;AAAA,IACtB,EAAE,KAAK,OAAO,OAAO,WAAA;AAAA,IACrB,EAAE,KAAK,QAAQ,OAAO,OAAA;AAAA,IACtB,EAAE,KAAK,cAAc,OAAO,aAAA;AAAA,IAC5B,EAAE,KAAK,YAAY,OAAO,WAAA;AAAA,IAC1B,EAAE,KAAK,OAAO,OAAO,MAAA;AAAA,IACrB,EAAE,KAAK,UAAU,OAAO,SAAA;AAAA,IACxB,EAAE,KAAK,QAAQ,OAAO,OAAA;AAAA,IACtB,EAAE,KAAK,OAAO,OAAO,MAAA;AAAA,EAAM;AAE/B;"}

package/es/modules/table-up/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../src/modules/table-up/index.ts"],"sourcesContent":["import type Toolbar from 'quill/modules/toolbar'\r\nimport type BaseTheme from 'quill/themes/base'\r\nimport type Picker from 'quill/ui/picker'\r\nimport type { Constructor } from '../../config/types'\r\nimport type FluentEditor from '../../core/fluent-editor'\r\nimport { CHANGE_LANGUAGE_EVENT } from '../../config'\r\nimport { isFunction } from '../../utils/is'\r\n\r\ninterface QuillTheme extends BaseTheme {\r\n  pickers: QuillThemePicker[]\r\n}\r\ntype QuillThemePicker = (Picker & { options: HTMLElement })\r\n\r\nexport function generateTableUp(QuillTableUp: Constructor) {\r\n  return class extends QuillTableUp {\r\n    constructor(public quill: FluentEditor, options: Partial<any>) {\r\n      super(quill, options)\r\n\r\n      if (!this.quill.options['format-painter']) this.quill.options['format-painter'] = {}\r\n      const currentIgnoreFormat = this.quill.options['format-painter'].ignoreFormat || []\r\n      this.quill.options['format-painter'].ignoreFormat = Array.from(\r\n        new Set([\r\n          ...currentIgnoreFormat,\r\n          'table-up-cell-inner',\r\n        ]),\r\n      )\r\n\r\n      this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\r\n        this.options.texts = this.resolveTexts(options.texts)\r\n        const toolbar = this.quill.getModule('toolbar') as Toolbar\r\n        if (toolbar && (this.quill.theme as QuillTheme).pickers) {\r\n          const [, select] = (toolbar.controls as [string, HTMLElement][] || []).find(([name]) => name === this.statics.toolName) || []\r\n          if (select && select.tagName.toLocaleLowerCase() === 'select') {\r\n            const picker = (this.quill.theme as QuillTheme).pickers.find(picker => picker.select === select)\r\n            if (picker) {\r\n              this.buildCustomSelect(this.options.customSelect, picker)\r\n            }\r\n          }\r\n        }\r\n\r\n        Object.keys(this.modules).forEach((key) => {\r\n          if (isFunction(this.modules[key].destroy)) {\r\n            this.modules[key].destroy()\r\n          }\r\n        })\r\n        this.modules = {}\r\n        this.initModules()\r\n      })\r\n    }\r\n\r\n    resolveTexts(options: Record<string, string> = {}) {\r\n      return Object.assign({\r\n        fullCheckboxText: this.quill.getLangText('fullCheckboxText'),\r\n        customBtnText: this.quill.getLangText('customBtnText'),\r\n        confirmText: this.quill.getLangText('confirmText'),\r\n        cancelText: this.quill.getLangText('cancelText'),\r\n        rowText: this.quill.getLangText('rowText'),\r\n        colText: this.quill.getLangText('colText'),\r\n        notPositiveNumberError: this.quill.getLangText('notPositiveNumberError'),\r\n        custom: this.quill.getLangText('custom'),\r\n        clear: this.quill.getLangText('clear'),\r\n        transparent: this.quill.getLangText('transparent'),\r\n        perWidthInsufficient: this.quill.getLangText('perWidthInsufficient'),\r\n        CopyCell: this.quill.getLangText('CopyCell'),\r\n        CutCell: this.quill.getLangText('CutCell'),\r\n        InsertTop: this.quill.getLangText('InsertTop'),\r\n        InsertRight: this.quill.getLangText('InsertRight'),\r\n        InsertBottom: this.quill.getLangText('InsertBottom'),\r\n        InsertLeft: this.quill.getLangText('InsertLeft'),\r\n        MergeCell: this.quill.getLangText('MergeCell'),\r\n        SplitCell: this.quill.getLangText('SplitCell'),\r\n        DeleteRow: this.quill.getLangText('DeleteRow'),\r\n        DeleteColumn: this.quill.getLangText('DeleteColumn'),\r\n        DeleteTable: this.quill.getLangText('DeleteTable'),\r\n        BackgroundColor: this.quill.getLangText('BackgroundColor'),\r\n        BorderColor: this.quill.getLangText('BorderColor'),\r\n      }, Object.entries(options).reduce((pre, [key, value]) => {\r\n        pre[key] = this.quill.getLangText(value)\r\n        return pre\r\n      }, {} as Record<string, string>))\r\n    }\r\n  }\r\n}\r\n"],"names":["picker"],"mappings":"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"}

package/es/modules/toolbar/better-picker.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"better-picker.es.js","sources":["../../../../src/modules/toolbar/better-picker.ts"],"sourcesContent":["import type TypePicker from 'quill/ui/picker'\nimport { EasyColorPicker } from 'quill-easy-color'\nimport FluentEditor from '../../core/fluent-editor'\n\nconst OriginPicker = FluentEditor.import('ui/picker') as typeof TypePicker\nexport class Picker extends OriginPicker {\n  buildLabel() {\n    const label = document.createElement('span')\n    label.classList.add('ql-picker-label')\n    label.innerHTML = `<i class=\"icon\" />`\n    label.tabIndex = 0\n    label.setAttribute('role', 'button')\n    label.setAttribute('aria-expanded', 'false')\n    this.container.appendChild(label)\n    return label\n  }\n\n  buildItem(option: HTMLOptionElement) {\n    const item = super.buildItem(option)\n    const value = option.getAttribute('value')\n    item.style.setProperty('--value', value)\n    return item\n  }\n\n  selectItem(item: HTMLElement | null, trigger = false) {\n    const selected = this.container.querySelector('.ql-selected')\n    if (item === selected || item == null) return\n    // move ql-selected clear after judge.\n    // ql-selected is the class for check mark in picker\n    if (selected != null) {\n      selected.classList.remove('ql-selected')\n    }\n    item.classList.add('ql-selected')\n    this.select.selectedIndex = Array.from(item.parentNode.children).indexOf(item)\n    if (item.hasAttribute('data-value')) {\n      this.label.setAttribute('data-value', item.getAttribute('data-value'))\n    }\n    else {\n      this.label.removeAttribute('data-value')\n    }\n    if (item.hasAttribute('data-label')) {\n      this.label.setAttribute('data-label', item.getAttribute('data-label'))\n    }\n    else {\n      this.label.removeAttribute('data-label')\n    }\n    if (trigger) {\n      this.select.dispatchEvent(new Event('change'))\n      this.close()\n    }\n  }\n}\n\nexport class ColorPicker extends EasyColorPicker {\n  static clearText: string\n  static customText: string\n\n  constructor(select: HTMLSelectElement, label: string, options: any) {\n    super(select, label, options)\n  }\n\n  buildItem(option: HTMLOptionElement) {\n    const item = super.buildItem(option)\n    item.setAttribute('title', option.getAttribute('value'))\n    return item\n  }\n}\n"],"names":[],"mappings":";;;;;AAIA,MAAM,eAAe,aAAa,OAAO,WAAW;AAC7C,MAAM,eAAe,aAAa;AAAA,EACvC,aAAa;AACX,UAAM,QAAQ,SAAS,cAAc,MAAM;AAC3C,UAAM,UAAU,IAAI,iBAAiB;AACrC,UAAM,YAAY;AAClB,UAAM,WAAW;AACjB,UAAM,aAAa,QAAQ,QAAQ;AACnC,UAAM,aAAa,iBAAiB,OAAO;AAC3C,SAAK,UAAU,YAAY,KAAK;AAChC,WAAO;AAAA,EACT;AAAA,EAEA,UAAU,QAA2B;AACnC,UAAM,OAAO,MAAM,UAAU,MAAM;AACnC,UAAM,QAAQ,OAAO,aAAa,OAAO;AACzC,SAAK,MAAM,YAAY,WAAW,KAAK;AACvC,WAAO;AAAA,EACT;AAAA,EAEA,WAAW,MAA0B,UAAU,OAAO;AACpD,UAAM,WAAW,KAAK,UAAU,cAAc,cAAc;AAC5D,QAAI,SAAS,YAAY,QAAQ,KAAM;AAGvC,QAAI,YAAY,MAAM;AACpB,eAAS,UAAU,OAAO,aAAa;AAAA,IACzC;AACA,SAAK,UAAU,IAAI,aAAa;AAChC,SAAK,OAAO,gBAAgB,MAAM,KAAK,KAAK,WAAW,QAAQ,EAAE,QAAQ,IAAI;AAC7E,QAAI,KAAK,aAAa,YAAY,GAAG;AACnC,WAAK,MAAM,aAAa,cAAc,KAAK,aAAa,YAAY,CAAC;AAAA,IACvE,OACK;AACH,WAAK,MAAM,gBAAgB,YAAY;AAAA,IACzC;AACA,QAAI,KAAK,aAAa,YAAY,GAAG;AACnC,WAAK,MAAM,aAAa,cAAc,KAAK,aAAa,YAAY,CAAC;AAAA,IACvE,OACK;AACH,WAAK,MAAM,gBAAgB,YAAY;AAAA,IACzC;AACA,QAAI,SAAS;AACX,WAAK,OAAO,cAAc,IAAI,MAAM,QAAQ,CAAC;AAC7C,WAAK,MAAA;AAAA,IACP;AAAA,EACF;AACF;AAEO,MAAM,oBAAoB,gBAAgB;AAAA,EAI/C,YAAY,QAA2B,OAAe,SAAc;AAClE,UAAM,QAAQ,OAAO,OAAO;AAAA,EAC9B;AAAA,EAEA,UAAU,QAA2B;AACnC,UAAM,OAAO,MAAM,UAAU,MAAM;AACnC,SAAK,aAAa,SAAS,OAAO,aAAa,OAAO,CAAC;AACvD,WAAO;AAAA,EACT;AACF;AAZE,cADW,aACJ;AACP,cAFW,aAEJ;"}

package/es/modules/toolbar/better-toolbar.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"better-toolbar.es.js","sources":["../../../../src/modules/toolbar/better-toolbar.ts"],"sourcesContent":["import type TypeToolbar from 'quill/modules/toolbar'\r\nimport Quill from 'quill'\r\nimport { isNullOrUndefined } from '../../config/editor.utils'\r\n\r\nconst Delta = Quill.import('delta')\r\nconst Parchment = Quill.import('parchment')\r\nconst levels = ['error', 'warn', 'log', 'info'] as const\r\nlet level = 'warn' as const\r\n\r\nfunction debuglogger(method: typeof levels[number], ...args) {\r\n  if (levels.indexOf(method) <= levels.indexOf(level)) {\r\n    console[method](...args) // eslint-disable-line no-console\r\n  }\r\n}\r\n\r\nfunction namespace(ns) {\r\n  return levels.reduce((logger, method) => {\r\n    logger[method] = debuglogger.bind(console, method, ns)\r\n    return logger\r\n  }, {} as Record<typeof levels[number], (...args: any) => void>)\r\n}\r\n\r\nnamespace.level = (newLevel) => {\r\n  level = newLevel\r\n}\r\ndebuglogger.level = namespace.level\r\nconst debug = namespace('quill:toolbar')\r\n\r\nconst Toolbar = Quill.import('modules/toolbar') as typeof TypeToolbar\r\n\r\nexport class BetterToolbar extends Toolbar {\r\n  update(range) {\r\n    const formats = isNullOrUndefined(range) ? {} : this.quill.getFormat(range) as Record<string, any>\r\n    this.controls.forEach((pair) => {\r\n      const [format, input] = pair\r\n      if (input.tagName === 'SELECT') {\r\n        const select = input as HTMLSelectElement\r\n        let option\r\n        if (isNullOrUndefined(range)) {\r\n          option = null\r\n        }\r\n        else if (isNullOrUndefined(formats[format])) {\r\n          option = select.querySelector('option[selected]')\r\n        }\r\n        else if (!Array.isArray(formats[format])) {\r\n          let value = formats[format]\r\n          if (typeof value === 'string') {\r\n            value = value.replace(/\"/g, '\\\\\"')\r\n          }\r\n          option = select.querySelector(`option[value=\"${value}\"]`)\r\n        }\r\n        if (isNullOrUndefined(option)) {\r\n          select.value = '' // TODO make configurable?\r\n          select.selectedIndex = -1\r\n        }\r\n        else {\r\n          option.selected = true\r\n        }\r\n      }\r\n      else if (isNullOrUndefined(range)) {\r\n        input.classList.remove('ql-active')\r\n      }\r\n      else if (input.hasAttribute('value')) {\r\n        // both being null should match (default values)\r\n        // '1' should match with 1 (headers)\r\n        let isActive\r\n          = formats[format] === input.getAttribute('value')\r\n            || (!isNullOrUndefined(formats[format])\r\n              && (formats[format].value === input.getAttribute('value')\r\n                || formats[format].toString() === input.getAttribute('value')))\r\n              || (isNullOrUndefined(formats[format]) && !input.getAttribute('value'))\r\n\r\n        if (!isActive) {\r\n          const checkFormat = formats[format]\r\n          if (checkFormat === 'checked' || checkFormat === 'unchecked') {\r\n            isActive = input.getAttribute('value') === 'check'\r\n          }\r\n        }\r\n\r\n        if (isActive) {\r\n          input.classList.add('ql-active')\r\n        }\r\n        else {\r\n          input.classList.remove('ql-active')\r\n        }\r\n      }\r\n      else {\r\n        if (!isNullOrUndefined(formats[format])) {\r\n          input.classList.add('ql-active')\r\n        }\r\n        else {\r\n          input.classList.remove('ql-active')\r\n        }\r\n      }\r\n    })\r\n  }\r\n\r\n  attach(input: HTMLElement) {\r\n    let format = Array.from(input.classList).find((className) => {\r\n      return className.indexOf('ql-') === 0\r\n    })\r\n    if (!format) return\r\n    format = format.slice('ql-'.length)\r\n\r\n    if (input.tagName === 'BUTTON') {\r\n      input.setAttribute('type', 'button')\r\n    }\r\n\r\n    if (this.handlers[format] == null && this.quill.scroll.query(format) == null) {\r\n      debug.warn('ignoring attaching to nonexistent format', format, input)\r\n      return\r\n    }\r\n\r\n    const eventName = input.tagName === 'SELECT' ? 'change' : 'click'\r\n    input.addEventListener(eventName, (e) => {\r\n      let value: boolean | string\r\n\r\n      if (input.tagName === 'SELECT') {\r\n        const select = input as HTMLSelectElement\r\n        if (select.selectedIndex < 0) return\r\n        const selected = select.options[select.selectedIndex]\r\n\r\n        if (selected.hasAttribute('selected')) {\r\n          value = false\r\n        }\r\n        else {\r\n          value = selected.value || false\r\n        }\r\n      }\r\n      else {\r\n        const button = input as HTMLButtonElement\r\n        if (button.classList.contains('ql-active')) {\r\n          value = false\r\n        }\r\n        else {\r\n          value = button.value || !button.hasAttribute('value')\r\n        }\r\n        e.preventDefault()\r\n      }\r\n\r\n      this.quill.focus({ preventScroll: format === 'screenshot' })\r\n      const [range] = this.quill.selection.getRange()\r\n      if (this.handlers[format] != null) {\r\n        // @ts-ignore\r\n        if (!isNullOrUndefined(window.quillIsIntable) && window.quillIsIntable === true && (format === 'blockquote' || format === 'code-block' || format === 'list' || format === 'indent' || format === 'clean')) {\r\n          return\r\n        }\r\n        this.handlers[format].call(this, value)\r\n      }\r\n      else if (\r\n        // @ts-ignore\r\n        this.quill.scroll.query(format).prototype instanceof Parchment.EmbedBlot\r\n      ) {\r\n        value = prompt(`Enter ${format}`)\r\n        if (!value) return\r\n        this.quill.updateContents(\r\n          new Delta()\r\n            .retain(range.index)\r\n            .delete(range.length)\r\n            .insert({ [format]: value }),\r\n          Quill.sources.USER,\r\n        )\r\n      }\r\n      else {\r\n        // @ts-ignore\r\n        if (!isNullOrUndefined(window.quillIsIntable) && window.quillIsIntable === true && (format === 'blockquote' || format === 'code-block' || format === 'list' || format === 'indent' || format === 'clean')) {\r\n          return\r\n        }\r\n        this.quill.format(format, value, Quill.sources.USER)\r\n      }\r\n\r\n      this.update(range)\r\n    })\r\n    this.controls.push([format, input])\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/es/modules/toolbar/toolbar-tip.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-tip.es.js","sources":["../../../../src/modules/toolbar/toolbar-tip.ts"],"sourcesContent":["import type { Constructor } from '../../config/types'\r\nimport type FluentEditor from '../../fluent-editor'\r\nimport { CHANGE_LANGUAGE_EVENT } from '../../config'\r\nimport { isString } from '../../utils/is'\r\n\r\nexport function generateToolbarTip(QuillToolbarTip: Constructor) {\r\n  return class extends QuillToolbarTip {\r\n    constructor(public quill: FluentEditor, options: Partial<Record<string, any>>) {\r\n      if (!options?.tipTextMap) {\r\n        options.tipTextMap = {}\r\n      }\r\n      super(quill, options)\r\n\r\n      this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\r\n        this.destroyAllTips()\r\n        this.options = this.resolveOptions(options)\r\n        this.createToolbarTip()\r\n      })\r\n    }\r\n\r\n    resolveOptions(options: Partial<Record<string, any>>): Record<string, any> {\r\n      const result = super.resolveOptions(options)\r\n      if (!this.quill.lang) return result\r\n      const shortKeyMap = {\r\n        'bold': 'Ctrl + B',\r\n        'italic': 'Ctrl + I',\r\n        'underline': 'Ctrl + U',\r\n        'strike': 'Ctrl + D',\r\n        'clean': 'Ctrl + /',\r\n        'align-left': 'Alt + L',\r\n        'align-center': 'Alt + C',\r\n        'align-right': 'Alt + R',\r\n        'align-justify': 'Alt + J',\r\n        'indent-+1': 'Ctrl + ]',\r\n        'indent--1': 'Ctrl + [',\r\n        'script-sub': 'Ctrl + ;',\r\n        'script-super': 'Ctrl + \\'',\r\n        'code': 'Ctrl + E',\r\n        'direction-rtl': 'Ctrl + R',\r\n        'direction-ltr': 'Ctrl + L',\r\n        'undo': 'Ctrl + Z',\r\n        'redo': 'Ctrl + shift + Z',\r\n        'color': 'Ctrl + Alt + C',\r\n        'background': 'Ctrl + Alt + B',\r\n        'link': 'Ctrl + K',\r\n      }\r\n      const shortcutModule = this.quill.getModule('shortcut-key')\r\n      const getShortKey = (name: string) => {\r\n        if (!shortcutModule) return ''\r\n        const shortKey = shortKeyMap[name]\r\n        return shortKey ? `\\n${shortKey}` : ''\r\n      }\r\n      const btnTips = [\r\n        'color',\r\n        'background',\r\n        'bold',\r\n        'italic',\r\n        'strike',\r\n        'underline',\r\n        'undo',\r\n        'redo',\r\n        'clean',\r\n        'link',\r\n        'divider',\r\n        'blockquote',\r\n        'code',\r\n        'image',\r\n        'file',\r\n        'emoji',\r\n        'video',\r\n        'screenshot',\r\n        'code-block',\r\n        'formula',\r\n        'format-painter',\r\n        'header-list',\r\n        'table-up',\r\n      ].reduce((map, name) => {\r\n        map[name] = this.quill.getLangText(name) + getShortKey(name)\r\n        return map\r\n      }, {} as Record<string, string>)\r\n      const selectTips = [\r\n        'font',\r\n        'size',\r\n        'line-height',\r\n      ].reduce((map, name) => {\r\n        map[name] = {\r\n          onShow: () => {\r\n            return this.quill.getLangText(name) + getShortKey(name)\r\n          },\r\n        }\r\n        return map\r\n      }, {})\r\n      const valueControlTips = [\r\n        'list',\r\n        'align',\r\n        'script',\r\n        'indent',\r\n        'header',\r\n        'direction',\r\n      ].reduce((map, name) => {\r\n        map[name] = {\r\n          onShow: (target: HTMLElement, value: string) => {\r\n            if (name === 'direction') {\r\n              value = target.classList.contains('ql-active') ? 'rtl' : 'ltr'\r\n            }\r\n            if (!value) {\r\n              if (name === 'align') {\r\n                value = 'left'\r\n              }\r\n              else if (name === 'header') {\r\n                value = 'normal'\r\n              }\r\n            }\r\n            return this.quill.getLangText(`${name}-${value}`) + getShortKey(`${name}-${value}`)\r\n          },\r\n        }\r\n        return map\r\n      }, {})\r\n      const textMap = {\r\n        ...btnTips,\r\n        ...valueControlTips,\r\n        ...selectTips,\r\n        fullscreen: {\r\n          onShow: () => {\r\n            return this.quill.getLangText(this.quill.isFullscreen ? 'exit-fullscreen' : 'fullscreen')\r\n          },\r\n        },\r\n      }\r\n      const inputTipTextMap = Object.entries(options.tipTextMap).reduce((pre, [key, value]) => {\r\n        pre[key] = isString(value) ? this.quill.getLangText(value) : value\r\n        return pre\r\n      }, {})\r\n      return {\r\n        ...result,\r\n        tipTextMap: {\r\n          ...textMap,\r\n          ...inputTipTextMap,\r\n        },\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}