@opentiny/fluent-editor 4.0.0 → 4.1.0-alpha.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":"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"}

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

@@ -17,8 +17,9 @@ class ShortCutKey extends QuillShortcutKey {
   }
   resolveOptions(options) {
     const defaultMenuItems = this.defaultMenuList();
+    const placeholder = this.quill.options.placeholder ? this.quill.options.placeholder : this.quill.getLangText("input-recall-menu-placeholder");
     const value = Object.assign({
-      placeholder: this.quill.getLangText("input-recall-menu-placeholder"),
+      placeholder,
       menuItems: defaultMenuItems,
       isMenuItemsAdd: false,
       menuKeyboardControls: () => false
@@ -186,6 +187,22 @@ class ShortCutKey extends QuillShortcutKey {
         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")
       }
     ];
   }

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

@@ -1 +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  }\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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"}
+{"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 placeholder = this.quill.options.placeholder ? this.quill.options.placeholder : this.quill.getLangText('input-recall-menu-placeholder')\r\n    const value: ShortCutKeyOptions = Object.assign({\r\n      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

@@ -4,6 +4,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import Quill from "quill";
 const Syntax = Quill.import("modules/syntax");
 class CustomSyntax extends Syntax {
+  detectLanguage(text) {
+    var _a;
+    const hljs = (_a = this.options) == null ? void 0 : _a.hljs;
+    if (!hljs || typeof hljs.highlightAuto !== "function") {
+      return null;
+    }
+    const result = hljs.highlightAuto(text, Object.keys(this.languages || {}));
+    return (result == null ? void 0 : result.language) || null;
+  }
+  highlightBlot(text, language = "plain") {
+    var _a;
+    if (!language || !((_a = this.languages) == null ? void 0 : _a[language]) || language === "plain") {
+      const detected = this.detectLanguage(text);
+      if (detected) {
+        language = detected;
+      }
+    }
+    return super.highlightBlot(text, language);
+  }
 }
 __publicField(CustomSyntax, "DEFAULTS");
 CustomSyntax.DEFAULTS = {

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

@@ -1 +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;"}
+{"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  private detectLanguage(text: string): string | null {\n    const hljs = (this as any).options?.hljs\n    if (!hljs || typeof hljs.highlightAuto !== 'function') {\n      return null\n    }\n    // highlight.js 在 10/11 版本均支持 highlightAuto\n    const result = hljs.highlightAuto(text, Object.keys((this as any).languages || {}))\n    return result?.language || null\n  }\n\n  highlightBlot(text: string, language = 'plain') {\n    if (!language || !(this as any).languages?.[language] || language === 'plain') {\n      const detected = this.detectLanguage(text)\n      if (detected) {\n        language = detected\n      }\n    }\n    // 调用基类逻辑执行真正的高亮\n    return super.highlightBlot(text, language)\n  }\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;AAAA,EAGxB,eAAe,MAA6B;;AAClD,UAAM,QAAQ,UAAa,YAAb,mBAAsB;AACpC,QAAI,CAAC,QAAQ,OAAO,KAAK,kBAAkB,YAAY;AACrD,aAAO;AAAA,IACT;AAEA,UAAM,SAAS,KAAK,cAAc,MAAM,OAAO,KAAM,KAAa,aAAa,CAAA,CAAE,CAAC;AAClF,YAAO,iCAAQ,aAAY;AAAA,EAC7B;AAAA,EAEA,cAAc,MAAc,WAAW,SAAS;;AAC9C,QAAI,CAAC,YAAY,GAAE,UAAa,cAAb,mBAAyB,cAAa,aAAa,SAAS;AAC7E,YAAM,WAAW,KAAK,eAAe,IAAI;AACzC,UAAI,UAAU;AACZ,mBAAW;AAAA,MACb;AAAA,IACF;AAEA,WAAO,MAAM,cAAc,MAAM,QAAQ;AAAA,EAC3C;AACF;AAtBE,cADI,cACG;AAwBT,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/themes/snow.es.js

@@ -39,21 +39,15 @@ OriginSnowTheme.DEFAULTS = {
           this.quill.history.redo();
         },
         "file": function() {
-          const accept = this.quill.uploader.options.mimetypes;
+          const accept = this.quill.uploader.getAccept("file");
           inputFile.call(this, "file", accept);
         },
         "image": function() {
-          const accept = this.quill.uploader.options.mimetypes.filter((type) => {
-            if (type === "*") return "image/*";
-            return type.startsWith("image/");
-          });
+          const accept = this.quill.uploader.getAccept("image");
           inputFile.call(this, "image", accept);
         },
         "video": function() {
-          const accept = this.quill.uploader.options.mimetypes.filter((type) => {
-            if (type === "*") return "video/*";
-            return type.startsWith("video/");
-          });
+          const accept = this.quill.uploader.getAccept("video");
           inputFile.call(this, "video", accept);
         },
         "ai": function() {

package/es/themes/snow.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"snow.es.js","sources":["../../../src/themes/snow.ts"],"sourcesContent":["import type { ThemeOptions } from 'quill/core/theme'\nimport type TypeToolbar from 'quill/modules/toolbar'\nimport type TypeIconPicker from 'quill/ui/icon-picker'\nimport { CHANGE_LANGUAGE_EVENT, inputFile, isNullOrUndefined } from '../config'\nimport FluentEditor from '../core/fluent-editor'\nimport { CustomImageSpec } from '../modules/custom-image/specs/custom-image-spec'\nimport { LinkTooltip } from '../modules/link'\nimport { shortKey } from '../modules/shortcut-key'\nimport { ColorPicker, Picker } from '../modules/toolbar/better-picker'\nimport { FormatPainter } from '../tools/format-painter'\nimport { fullscreenHandler } from '../tools/fullscreen'\nimport { Screenshot } from '../tools/screenshot'\n\nconst OriginSnowTheme = FluentEditor.import('themes/snow') as any\nconst IconPicker = FluentEditor.import('ui/icon-picker') as typeof TypeIconPicker\n\nOriginSnowTheme.DEFAULTS = {\n  modules: {\n    'i18n': true,\n    'keyboard': {\n      bindings: {\n        ...shortKey,\n      },\n    },\n    'toolbar': {\n      handlers: {\n        ...(OriginSnowTheme.DEFAULTS as Record<string, any>).modules.toolbar.handlers,\n        'formula': function () {\n          if (!this.quill.isEnabled()) return\n          const mathlive = this.quill.getModule('mathlive')\n          if (!mathlive) {\n            this.quill.theme.tooltip.edit('formula')\n          }\n          else {\n            mathlive.createDialog()\n          }\n        },\n        'undo': function () {\n          this.quill.history.undo()\n        },\n        'redo': function () {\n          this.quill.history.redo()\n        },\n        'file': function () {\n          const accept = this.quill.uploader.options.mimetypes\n          inputFile.call(this, 'file', accept)\n        },\n        'image': function () {\n          const accept = (this.quill as FluentEditor).uploader.options.mimetypes.filter((type) => {\n            if (type === '*') return 'image/*'\n            return type.startsWith('image/')\n          })\n          inputFile.call(this, 'image', accept)\n        },\n        'video': function () {\n          const accept = (this.quill as FluentEditor).uploader.options.mimetypes.filter((type) => {\n            if (type === '*') return 'video/*'\n            return type.startsWith('video/')\n          })\n          inputFile.call(this, 'video', accept)\n        },\n        'ai': function () {},\n        'emoji': function () {},\n        'fullscreen': fullscreenHandler,\n        [FormatPainter.toolName]: FormatPainter,\n        [Screenshot.toolName]: Screenshot,\n        'line-height': function (value) {\n          this.quill.format('line-height', value)\n        },\n        'divider': function () {\n          const range = this.quill.getSelection(true)\n          this.quill.insertText(range.index, '\\n', FluentEditor.sources.USER)\n          this.quill.insertEmbed(range.index + 1, 'divider', true, FluentEditor.sources.USER)\n          this.quill.setSelection(range.index + 2, FluentEditor.sources.SILENT)\n        },\n      },\n    },\n    'image': {\n      specs: [CustomImageSpec],\n      overlay: {\n        style: {\n          border: '1px dashed rgb(68, 68, 68)',\n        },\n      },\n    },\n    'shortcut-key': true,\n    'file': true,\n  },\n}\n\nconst ALIGNS = [false, 'center', 'right']\nconst COLORS = [\n  '',\n  'rgb(255, 255, 255)',\n  'rgb(0, 0, 0)',\n  'rgb(72, 83, 104)',\n  'rgb(41, 114, 244)',\n  'rgb(0, 163, 245)',\n  'rgb(49, 155, 98)',\n  'rgb(222, 60, 54)',\n  'rgb(248, 136, 37)',\n  'rgb(245, 196, 0)',\n  'rgb(153, 56, 215)',\n\n  'rgb(242, 242, 242)',\n  'rgb(127, 127, 127)',\n  'rgb(243, 245, 247)',\n  'rgb(229, 239, 255)',\n  'rgb(229, 246, 255)',\n  'rgb(234, 250, 241)',\n  'rgb(254, 233, 232)',\n  'rgb(254, 243, 235)',\n  'rgb(254, 249, 227)',\n  'rgb(253, 235, 255)',\n\n  'rgb(216, 216, 216)',\n  'rgb(89, 89, 89)',\n  'rgb(197, 202, 211)',\n  'rgb(199, 220, 255)',\n  'rgb(199, 236, 255)',\n  'rgb(195, 234, 213)',\n  'rgb(255, 201, 199)',\n  'rgb(255, 220, 196)',\n  'rgb(255, 238, 173)',\n  'rgb(242, 199, 255)',\n\n  'rgb(191, 191, 191)',\n  'rgb(63, 63, 63)',\n  'rgb(128, 139, 158)',\n  'rgb(153, 190, 255)',\n  'rgb(153, 221, 255)',\n  'rgb(152, 215, 182)',\n  'rgb(255, 156, 153)',\n  'rgb(255, 186, 132)',\n  'rgb(255, 226, 112)',\n  'rgb(213, 142, 255)',\n\n  'rgb(165, 165, 165)',\n  'rgb(38, 38, 38)',\n  'rgb(53, 59, 69)',\n  'rgb(20, 80, 184)',\n  'rgb(18, 116, 165)',\n  'rgb(39, 124, 79)',\n  'rgb(158, 30, 26)',\n  'rgb(184, 96, 20)',\n  'rgb(163, 130, 0)',\n  'rgb(94, 34, 129)',\n\n  'rgb(147, 147, 147)',\n  'rgb(13, 13, 13)',\n  'rgb(36, 39, 46)',\n  'rgb(12, 48, 110)',\n  'rgb(10, 65, 92)',\n  'rgb(24, 78, 50)',\n  'rgb(88, 17, 14)',\n  'rgb(92, 48, 10)',\n  'rgb(102, 82, 0)',\n  'rgb(59, 21, 81)',\n\n  'custom',\n]\nconst FONTS = [false, 'serif', 'monospace']\nconst HEADERS = ['1', '2', '3', false]\nconst SIZES = ['small', false, 'large', 'huge']\nconst LINEHEIGHT = [false, '1.2', '1.5', '2']\n\nclass SnowTheme extends OriginSnowTheme {\n  constructor(public quill: FluentEditor, options: ThemeOptions) {\n    super(quill, options)\n\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\n      this.i18nTextToolbar()\n    })\n  }\n\n  i18nTextToolbar() {\n    const toolbar = this.quill.getModule('toolbar') as TypeToolbar\n    ColorPicker.clearText = this.quill.getLangText('clear-color')\n    ColorPicker.customText = this.quill.getLangText('custom-color')\n\n    if (!toolbar || !this.pickers) return\n\n    this.pickers.forEach((picker) => {\n      if (picker instanceof ColorPicker) {\n        // EasyColorPicker have not dts. abd origin quill ColorPicker dts not complete. use any to resovle ts type error\n        const colorPicker = picker as any\n        colorPicker.options.remove()\n        Array.from(colorPicker.select.options).forEach((option: any) => {\n          if (option.hasAttribute('custom')) {\n            option.remove()\n          }\n        })\n        colorPicker.buildOptions()\n        colorPicker.createUsedColor()\n      }\n\n      if (picker.select && picker.select.classList.contains('ql-header')) {\n        const getLabelKey = (v: string | null) => (v ? `header-${v}` : 'header-normal')\n\n        // 更新 label 文本\n        const labelValue = picker.label.getAttribute('data-value')\n        picker.label.setAttribute('data-label', this.quill.getLangText(getLabelKey(labelValue)))\n\n        const select = picker.select as HTMLSelectElement\n        Array.from(select.options).forEach((option) => {\n          const value = option.getAttribute('value')\n          option.textContent = this.quill.getLangText(getLabelKey(value))\n        })\n\n        picker.options.remove()\n        picker.buildOptions()\n      }\n    })\n  }\n\n  buildPickers(selects: NodeListOf<HTMLSelectElement>, icons: Record<string, string | Record<string, string>>) {\n    this.pickers = Array.from(selects).map((select) => {\n      if (select.classList.contains('ql-align')) {\n        if (isNullOrUndefined(select.querySelector('option'))) {\n          fillSelect(select, ALIGNS)\n        }\n        return new IconPicker(select, icons.align as Record<string, string>)\n      }\n\n      if (select.classList.contains('ql-background') || select.classList.contains('ql-color')) {\n        const format = select.classList.contains('ql-background') ? 'background' : 'color'\n        if (isNullOrUndefined(select.querySelector('option'))) {\n          fillColorSelect(select, COLORS, format, format === 'background' ? '#ffffff' : '#000000')\n        }\n        return new ColorPicker(select, icons[format] as string, {\n          expandIcon: '<i class=\"icon\" />',\n          closeAfterChange: false,\n        })\n      }\n\n      if (isNullOrUndefined(select.querySelector('option'))) {\n        if (select.classList.contains('ql-font')) {\n          fillSelect(select, FONTS)\n        }\n        else if (select.classList.contains('ql-header')) {\n          fillSelect(select, HEADERS)\n        }\n        else if (select.classList.contains('ql-size')) {\n          fillSelect(select, SIZES)\n        }\n        else if (select.classList.contains('ql-line-height')) {\n          fillSelect(select, LINEHEIGHT)\n        }\n      }\n      return new Picker(select)\n    })\n\n    const update = () => {\n      this.pickers.forEach((picker) => {\n        if (picker instanceof ColorPicker) return\n        picker.update()\n      })\n    }\n    this.quill.on(FluentEditor.events.EDITOR_CHANGE, update)\n  }\n\n  extendToolbar(toolbar) {\n    const icons = FluentEditor.import('ui/icons') as Record<string, any>\n    toolbar.container.classList.add('ql-snow')\n    this.buildButtons(toolbar.container.querySelectorAll('button'), icons)\n    this.buildPickers(toolbar.container.querySelectorAll('select'), icons)\n    this.tooltip = new LinkTooltip(this.quill, this.options.bounds)\n  }\n}\n\nfunction fillSelect(select, values, defaultValue = false) {\n  values.forEach((value) => {\n    const option = document.createElement('option')\n    if (value === defaultValue) {\n      option.setAttribute('selected', 'selected')\n    }\n    else {\n      option.setAttribute('value', value)\n    }\n    select.appendChild(option)\n  })\n}\n\nfunction fillColorSelect(\n  select: HTMLSelectElement,\n  values: Array<string | boolean>,\n  format: string,\n  defaultValue: unknown = false,\n) {\n  const colorGetter = document.createElement('span') as HTMLElement\n  for (const value of values) {\n    const option = document.createElement('option')\n    if (value === defaultValue) {\n      option.setAttribute('selected', 'selected')\n    }\n    else {\n      if (value !== 'custom') {\n        colorGetter.style[format] = String(value)\n        option.setAttribute('value', colorGetter.style[format])\n      }\n      else {\n        option.setAttribute('value', value)\n      }\n    }\n    select.appendChild(option)\n  }\n}\n\nexport default SnowTheme\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"snow.es.js","sources":["../../../src/themes/snow.ts"],"sourcesContent":["import type { ThemeOptions } from 'quill/core/theme'\nimport type TypeToolbar from 'quill/modules/toolbar'\nimport type TypeIconPicker from 'quill/ui/icon-picker'\nimport { CHANGE_LANGUAGE_EVENT, inputFile, isNullOrUndefined } from '../config'\nimport FluentEditor from '../core/fluent-editor'\nimport { CustomImageSpec } from '../modules/custom-image/specs/custom-image-spec'\nimport { LinkTooltip } from '../modules/link'\nimport { shortKey } from '../modules/shortcut-key'\nimport { ColorPicker, Picker } from '../modules/toolbar/better-picker'\nimport { FormatPainter } from '../tools/format-painter'\nimport { fullscreenHandler } from '../tools/fullscreen'\nimport { Screenshot } from '../tools/screenshot'\n\nconst OriginSnowTheme = FluentEditor.import('themes/snow') as any\nconst IconPicker = FluentEditor.import('ui/icon-picker') as typeof TypeIconPicker\n\nOriginSnowTheme.DEFAULTS = {\n  modules: {\n    'i18n': true,\n    'keyboard': {\n      bindings: {\n        ...shortKey,\n      },\n    },\n    'toolbar': {\n      handlers: {\n        ...(OriginSnowTheme.DEFAULTS as Record<string, any>).modules.toolbar.handlers,\n        'formula': function () {\n          if (!this.quill.isEnabled()) return\n          const mathlive = this.quill.getModule('mathlive')\n          if (!mathlive) {\n            this.quill.theme.tooltip.edit('formula')\n          }\n          else {\n            mathlive.createDialog()\n          }\n        },\n        'undo': function () {\n          this.quill.history.undo()\n        },\n        'redo': function () {\n          this.quill.history.redo()\n        },\n        'file': function () {\n          const accept = (this.quill as FluentEditor).uploader.getAccept('file')\n          inputFile.call(this, 'file', accept)\n        },\n        'image': function () {\n          const accept = (this.quill as FluentEditor).uploader.getAccept('image')\n          inputFile.call(this, 'image', accept)\n        },\n        'video': function () {\n          const accept = (this.quill as FluentEditor).uploader.getAccept('video')\n          inputFile.call(this, 'video', accept)\n        },\n        'ai': function () {},\n        'emoji': function () {},\n        'fullscreen': fullscreenHandler,\n        [FormatPainter.toolName]: FormatPainter,\n        [Screenshot.toolName]: Screenshot,\n        'line-height': function (value) {\n          this.quill.format('line-height', value)\n        },\n        'divider': function () {\n          const range = this.quill.getSelection(true)\n          this.quill.insertText(range.index, '\\n', FluentEditor.sources.USER)\n          this.quill.insertEmbed(range.index + 1, 'divider', true, FluentEditor.sources.USER)\n          this.quill.setSelection(range.index + 2, FluentEditor.sources.SILENT)\n        },\n      },\n    },\n    'image': {\n      specs: [CustomImageSpec],\n      overlay: {\n        style: {\n          border: '1px dashed rgb(68, 68, 68)',\n        },\n      },\n    },\n    'shortcut-key': true,\n    'file': true,\n  },\n}\n\nconst ALIGNS = [false, 'center', 'right']\nconst COLORS = [\n  '',\n  'rgb(255, 255, 255)',\n  'rgb(0, 0, 0)',\n  'rgb(72, 83, 104)',\n  'rgb(41, 114, 244)',\n  'rgb(0, 163, 245)',\n  'rgb(49, 155, 98)',\n  'rgb(222, 60, 54)',\n  'rgb(248, 136, 37)',\n  'rgb(245, 196, 0)',\n  'rgb(153, 56, 215)',\n\n  'rgb(242, 242, 242)',\n  'rgb(127, 127, 127)',\n  'rgb(243, 245, 247)',\n  'rgb(229, 239, 255)',\n  'rgb(229, 246, 255)',\n  'rgb(234, 250, 241)',\n  'rgb(254, 233, 232)',\n  'rgb(254, 243, 235)',\n  'rgb(254, 249, 227)',\n  'rgb(253, 235, 255)',\n\n  'rgb(216, 216, 216)',\n  'rgb(89, 89, 89)',\n  'rgb(197, 202, 211)',\n  'rgb(199, 220, 255)',\n  'rgb(199, 236, 255)',\n  'rgb(195, 234, 213)',\n  'rgb(255, 201, 199)',\n  'rgb(255, 220, 196)',\n  'rgb(255, 238, 173)',\n  'rgb(242, 199, 255)',\n\n  'rgb(191, 191, 191)',\n  'rgb(63, 63, 63)',\n  'rgb(128, 139, 158)',\n  'rgb(153, 190, 255)',\n  'rgb(153, 221, 255)',\n  'rgb(152, 215, 182)',\n  'rgb(255, 156, 153)',\n  'rgb(255, 186, 132)',\n  'rgb(255, 226, 112)',\n  'rgb(213, 142, 255)',\n\n  'rgb(165, 165, 165)',\n  'rgb(38, 38, 38)',\n  'rgb(53, 59, 69)',\n  'rgb(20, 80, 184)',\n  'rgb(18, 116, 165)',\n  'rgb(39, 124, 79)',\n  'rgb(158, 30, 26)',\n  'rgb(184, 96, 20)',\n  'rgb(163, 130, 0)',\n  'rgb(94, 34, 129)',\n\n  'rgb(147, 147, 147)',\n  'rgb(13, 13, 13)',\n  'rgb(36, 39, 46)',\n  'rgb(12, 48, 110)',\n  'rgb(10, 65, 92)',\n  'rgb(24, 78, 50)',\n  'rgb(88, 17, 14)',\n  'rgb(92, 48, 10)',\n  'rgb(102, 82, 0)',\n  'rgb(59, 21, 81)',\n\n  'custom',\n]\nconst FONTS = [false, 'serif', 'monospace']\nconst HEADERS = ['1', '2', '3', false]\nconst SIZES = ['small', false, 'large', 'huge']\nconst LINEHEIGHT = [false, '1.2', '1.5', '2']\n\nclass SnowTheme extends OriginSnowTheme {\n  constructor(public quill: FluentEditor, options: ThemeOptions) {\n    super(quill, options)\n\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\n      this.i18nTextToolbar()\n    })\n  }\n\n  i18nTextToolbar() {\n    const toolbar = this.quill.getModule('toolbar') as TypeToolbar\n    ColorPicker.clearText = this.quill.getLangText('clear-color')\n    ColorPicker.customText = this.quill.getLangText('custom-color')\n\n    if (!toolbar || !this.pickers) return\n\n    this.pickers.forEach((picker) => {\n      if (picker instanceof ColorPicker) {\n        // EasyColorPicker have not dts. abd origin quill ColorPicker dts not complete. use any to resovle ts type error\n        const colorPicker = picker as any\n        colorPicker.options.remove()\n        Array.from(colorPicker.select.options).forEach((option: any) => {\n          if (option.hasAttribute('custom')) {\n            option.remove()\n          }\n        })\n        colorPicker.buildOptions()\n        colorPicker.createUsedColor()\n      }\n\n      if (picker.select && picker.select.classList.contains('ql-header')) {\n        const getLabelKey = (v: string | null) => (v ? `header-${v}` : 'header-normal')\n\n        // 更新 label 文本\n        const labelValue = picker.label.getAttribute('data-value')\n        picker.label.setAttribute('data-label', this.quill.getLangText(getLabelKey(labelValue)))\n\n        const select = picker.select as HTMLSelectElement\n        Array.from(select.options).forEach((option) => {\n          const value = option.getAttribute('value')\n          option.textContent = this.quill.getLangText(getLabelKey(value))\n        })\n\n        picker.options.remove()\n        picker.buildOptions()\n      }\n    })\n  }\n\n  buildPickers(selects: NodeListOf<HTMLSelectElement>, icons: Record<string, string | Record<string, string>>) {\n    this.pickers = Array.from(selects).map((select) => {\n      if (select.classList.contains('ql-align')) {\n        if (isNullOrUndefined(select.querySelector('option'))) {\n          fillSelect(select, ALIGNS)\n        }\n        return new IconPicker(select, icons.align as Record<string, string>)\n      }\n\n      if (select.classList.contains('ql-background') || select.classList.contains('ql-color')) {\n        const format = select.classList.contains('ql-background') ? 'background' : 'color'\n        if (isNullOrUndefined(select.querySelector('option'))) {\n          fillColorSelect(select, COLORS, format, format === 'background' ? '#ffffff' : '#000000')\n        }\n        return new ColorPicker(select, icons[format] as string, {\n          expandIcon: '<i class=\"icon\" />',\n          closeAfterChange: false,\n        })\n      }\n\n      if (isNullOrUndefined(select.querySelector('option'))) {\n        if (select.classList.contains('ql-font')) {\n          fillSelect(select, FONTS)\n        }\n        else if (select.classList.contains('ql-header')) {\n          fillSelect(select, HEADERS)\n        }\n        else if (select.classList.contains('ql-size')) {\n          fillSelect(select, SIZES)\n        }\n        else if (select.classList.contains('ql-line-height')) {\n          fillSelect(select, LINEHEIGHT)\n        }\n      }\n      return new Picker(select)\n    })\n\n    const update = () => {\n      this.pickers.forEach((picker) => {\n        if (picker instanceof ColorPicker) return\n        picker.update()\n      })\n    }\n    this.quill.on(FluentEditor.events.EDITOR_CHANGE, update)\n  }\n\n  extendToolbar(toolbar) {\n    const icons = FluentEditor.import('ui/icons') as Record<string, any>\n    toolbar.container.classList.add('ql-snow')\n    this.buildButtons(toolbar.container.querySelectorAll('button'), icons)\n    this.buildPickers(toolbar.container.querySelectorAll('select'), icons)\n    this.tooltip = new LinkTooltip(this.quill, this.options.bounds)\n  }\n}\n\nfunction fillSelect(select, values, defaultValue = false) {\n  values.forEach((value) => {\n    const option = document.createElement('option')\n    if (value === defaultValue) {\n      option.setAttribute('selected', 'selected')\n    }\n    else {\n      option.setAttribute('value', value)\n    }\n    select.appendChild(option)\n  })\n}\n\nfunction fillColorSelect(\n  select: HTMLSelectElement,\n  values: Array<string | boolean>,\n  format: string,\n  defaultValue: unknown = false,\n) {\n  const colorGetter = document.createElement('span') as HTMLElement\n  for (const value of values) {\n    const option = document.createElement('option')\n    if (value === defaultValue) {\n      option.setAttribute('selected', 'selected')\n    }\n    else {\n      if (value !== 'custom') {\n        colorGetter.style[format] = String(value)\n        option.setAttribute('value', colorGetter.style[format])\n      }\n      else {\n        option.setAttribute('value', value)\n      }\n    }\n    select.appendChild(option)\n  }\n}\n\nexport default SnowTheme\n"],"names":[],"mappings":"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"}

package/es/ui/icons.config.es.js

@@ -322,6 +322,8 @@ const AI_ICON = `<div class="ql-ai-icon-box">
     </div>
 </div>
 </div>`;
+const MIND_MAP_ICON = `<svg t="1752394844825" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8747" width="200" height="200"><path d="M341.333 456.533a55.467 55.467 0 0 1 0 110.934H170.667a55.467 55.467 0 1 1 0-110.934h170.666zM170.667 384a128 128 0 0 0 0 256h170.666a128 128 0 1 0 0-256H170.667z m618.666-140.8a34.133 34.133 0 0 1 0 68.267h-128a34.133 34.133 0 0 1 0-68.267h128z m-128-72.533a106.667 106.667 0 0 0 0 213.333h128a106.667 106.667 0 0 0 0-213.333h-128z" fill="#2c2c2c" p-id="8748"></path><path d="M554.667 277.333c0-17.45 4.181-33.92 11.605-48.426-77.44 12.416-147.456 37.077-203.947 70.997-38.613 23.083-72.106 51.499-96.981 84.096h75.99c7.978 0 15.786 0.725 23.338 2.133 10.496-8.32 22.187-16.384 34.987-24.064 43.093-25.898 97.194-46.165 158.378-58.026a106.667 106.667 0 0 1-3.37-26.71zM364.672 637.867A127.657 127.657 0 0 1 341.333 640h-75.946c24.789 32.597 58.325 60.97 96.938 84.139 56.491 33.877 126.507 58.538 203.947 70.997a106.24 106.24 0 0 1-8.235-75.093c-61.184-11.947-115.242-32.214-158.421-58.112-12.8-7.68-24.448-15.702-34.987-24.064z" fill="#2c2c2c" p-id="8749"></path><path d="M789.333 712.533a34.133 34.133 0 0 1 0 68.267h-128a34.133 34.133 0 1 1 0-68.267h128z m-128-72.533a106.667 106.667 0 0 0 0 213.333h128a106.667 106.667 0 0 0 0-213.333h-128z" fill="#2c2c2c" p-id="8750"></path></svg>`;
+const FLOW_CHART_ICON = `<svg t="1752394720976" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5231" width="200" height="200"><path d="M316 120.238845 316 120.238845 316 343.761155C316 343.938964 316.060571 344 315.8625 344L708.137498 344C707.985581 344 708 343.985478 708 343.761155L708 120.238845C708 120.061036 707.93943 120 708.137498 120L315.8625 120C316.014421 120 316 120.014522 316 120.238845L316 120.238845ZM260 120.238845C260 89.178989 284.993438 64 315.8625 64L708.137498 64C738.989504 64 764 89.25461 764 120.238845L764 343.761155C764 374.821011 739.00656 400 708.137498 400L315.8625 400C285.010493 400 260 374.74539 260 343.761155L260 120.238845ZM120 707.776474 120 904.223526C120 903.896774 120.103647 904 120.164042 904L399.835958 904C400.026979 904 400 904.026803 400 904.223526L400 707.776474C400 708.103226 399.896353 708 399.835958 708L120.164042 708C119.973021 708 120 707.973197 120 707.776474ZM64 707.776474C64 676.971981 89.117684 652 120.164042 652L399.835958 652C430.854502 652 456 677.204934 456 707.776474L456 904.223526C456 935.028019 430.882316 960 399.835958 960L120.164042 960C89.145498 960 64 934.795066 64 904.223526L64 707.776474ZM624 707.776474 624 904.223526C624 903.896774 624.103647 904 624.164042 904L903.835955 904C904.026982 904 904 904.026803 904 904.223526L904 707.776474C904 708.103226 903.896352 708 903.835955 708L624.164042 708C623.973021 708 624 707.973197 624 707.776474ZM736 568 288 568 288 652 232 652 232 512 288 512 288 568 288 568 232 568 232 512 750 512 792 512 792 652 736 652 736 568ZM568 707.776474C568 676.971981 593.117684 652 624.164042 652L903.835955 652C934.854502 652 960 677.204934 960 707.776474L960 904.223526C960 935.028019 934.882317 960 903.835955 960L624.164042 960C593.145498 960 568 934.795066 568 904.223526L568 707.776474ZM484 400 540 400 540 512 484 512 484 400Z" fill="#2c2c2c" p-id="5232"></path></svg>`;
 export {
   AI_ICON,
   ALIGN_CENTER_ICON,
@@ -339,6 +341,7 @@ export {
   EMOJI_ICON,
   EMOJI_PLUS_ICON,
   FILE_ICON,
+  FLOW_CHART_ICON,
   FORMAT_PAINTER_ICON,
   FULLSCREEN_EXIT_ICON,
   FULLSCREEN_ICON,
@@ -351,6 +354,7 @@ export {
   LIST_ORDERED_ICON,
   LIST_UNORDERED_ICON,
   MENTION_ICON,
+  MIND_MAP_ICON,
   QUICK_MENU_ICON,
   REDO_ICON,
   SAVE_ICON,