@opentiny/fluent-editor 4.0.0 → 4.1.0-alpha.0

package/es/modules/flow-chart/modules/custom-resize-action.es.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"custom-resize-action.es.js","sources":["../../../../../src/modules/flow-chart/modules/custom-resize-action.ts"],"sourcesContent":["const MIN_WIDTH = 350\nconst MIN_HEIGHT = 290\n\nexport class FlowChartResizeAction {\n  topLeftHandle: HTMLElement\n  topRightHandle: HTMLElement\n  bottomRightHandle: HTMLElement\n  bottomLeftHandle: HTMLElement\n  dragHandle: HTMLElement | null = null\n  dragStartX: number = 0\n  dragStartY: number = 0\n  preDragWidth: number = 0\n  preDragHeight: number = 0\n  targetRatio: number = 0\n  blot: any\n\n  constructor(blot: any) {\n    this.blot = blot\n    this.topLeftHandle = this.createHandle('top-left', 'nwse-resize')\n    this.topRightHandle = this.createHandle('top-right', 'nesw-resize')\n    this.bottomRightHandle = this.createHandle('bottom-right', 'nwse-resize')\n    this.bottomLeftHandle = this.createHandle('bottom-left', 'nesw-resize')\n    this.init()\n  }\n\n  isFullscreen(): boolean {\n    const container = this.blot.domNode\n    return container.style.position === 'fixed' && container.style.width === '100vw' && container.style.height === '100vh'\n  }\n\n  init() {\n    const container = this.blot.domNode\n    container.style.position = 'relative'\n    container.appendChild(this.topLeftHandle)\n    container.appendChild(this.topRightHandle)\n    container.appendChild(this.bottomRightHandle)\n    container.appendChild(this.bottomLeftHandle)\n    this.repositionHandles()\n  }\n\n  createHandle(position: string, cursor: string): HTMLElement {\n    const box = document.createElement('div')\n    box.classList.add('ql-flow-chart-resize-handle')\n    box.setAttribute('data-position', position)\n    Object.assign(box.style, {\n      cursor,\n      position: 'absolute',\n      width: '10px',\n      height: '10px',\n      background: '#4285f4',\n      border: '1px solid white',\n      borderRadius: '50%',\n      zIndex: '99',\n      userSelect: 'none',\n    })\n    box.addEventListener('mousedown', this.onMouseDown.bind(this))\n    return box\n  }\n\n  repositionHandles() {\n    const container = this.blot.domNode\n    const rect = container.getBoundingClientRect()\n\n    Object.assign(this.topLeftHandle.style, {\n      left: '-5px',\n      top: '-5px',\n    })\n    Object.assign(this.topRightHandle.style, {\n      right: '-5px',\n      top: '-5px',\n    })\n    Object.assign(this.bottomRightHandle.style, {\n      right: '-5px',\n      bottom: '-5px',\n    })\n    Object.assign(this.bottomLeftHandle.style, {\n      left: '-5px',\n      bottom: '-5px',\n    })\n  }\n\n  onMouseDown(event: MouseEvent) {\n    if (this.isFullscreen()) {\n      return\n    }\n    if (!(event.target instanceof HTMLElement)) {\n      return\n    }\n\n    this.dragHandle = event.target\n    document.body.style.cursor = this.dragHandle.style.cursor\n\n    const container = this.blot.domNode\n    const rect = container.getBoundingClientRect()\n\n    this.dragStartX = event.clientX\n    this.dragStartY = event.clientY\n    this.preDragWidth = rect.width\n    this.preDragHeight = rect.height\n    this.targetRatio = rect.height / rect.width\n\n    event.preventDefault()\n    document.addEventListener('mousemove', this.onDrag.bind(this))\n    document.addEventListener('mouseup', this.onMouseUp.bind(this))\n  }\n\n  onDrag(event: MouseEvent) {\n    if (!this.dragHandle) return\n\n    const container = this.blot.domNode\n    let newWidth = this.preDragWidth\n    let newHeight = this.preDragHeight\n\n    const deltaX = event.clientX - this.dragStartX\n    const deltaY = event.clientY - this.dragStartY\n\n    switch (this.dragHandle.dataset.position) {\n      case 'top-left':\n        newWidth = Math.max(MIN_WIDTH, this.preDragWidth - deltaX)\n        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight - deltaY)\n        break\n      case 'top-right':\n        newWidth = Math.max(MIN_WIDTH, this.preDragWidth + deltaX)\n        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight - deltaY)\n        break\n      case 'bottom-right':\n        newWidth = Math.max(MIN_WIDTH, this.preDragWidth + deltaX)\n        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight + deltaY)\n        break\n      case 'bottom-left':\n        newWidth = Math.max(MIN_WIDTH, this.preDragWidth - deltaX)\n        newHeight = Math.max(MIN_HEIGHT, this.preDragHeight + deltaY)\n        break\n    }\n\n    container.style.width = `${newWidth}px`\n    container.style.height = `${newHeight}px`\n    container.setAttribute('width', String(newWidth))\n    container.setAttribute('height', String(newHeight))\n\n    if (this.blot.flowChart) {\n      this.blot.flowChart.resize(newWidth, newHeight)\n    }\n\n    this.blot.data.width = newWidth\n    this.blot.data.height = newHeight\n    container.setAttribute('data-flow-chart', JSON.stringify(this.blot.data))\n  }\n\n  onMouseUp() {\n    document.body.style.cursor = ''\n    document.removeEventListener('mousemove', this.onDrag.bind(this))\n    document.removeEventListener('mouseup', this.onMouseUp.bind(this))\n    this.dragHandle = null\n  }\n\n  destroy() {\n    const container = this.blot.domNode\n    container.removeChild(this.topLeftHandle)\n    container.removeChild(this.topRightHandle)\n    container.removeChild(this.bottomRightHandle)\n    container.removeChild(this.bottomLeftHandle)\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/modules/index.es.js

@@ -6,10 +6,12 @@ import { FileUploader } from "./custom-uploader.es.js";
 import { DividerBlot } from "./divider.es.js";
 import { EmojiModule } from "./emoji.es.js";
 import "./file/index.es.js";
+import { FlowChartModule } from "./flow-chart/index.es.js";
 import { I18N } from "./i18n.es.js";
 import "./link/index.es.js";
 import "./mathlive/index.es.js";
 import "./mention/index.es.js";
+import { MindMapModule } from "./mind-map/index.es.js";
 import { ShortCutKey, shortKey } from "./shortcut-key/index.es.js";
 import "./syntax.es.js";
 import { generateTableUp } from "./table-up/index.es.js";
@@ -19,7 +21,9 @@ export {
   DividerBlot,
   EmojiModule,
   FileUploader,
+  FlowChartModule,
   I18N,
+  MindMapModule,
   ShortCutKey,
   generateTableUp,
   shortKey

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

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

package/es/modules/mind-map/config-utils.es.js

@@ -0,0 +1,108 @@
+function getBackgroundConfig(quill) {
+  var _a;
+  const MindMapModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["mind-map"];
+  if (!MindMapModule || typeof MindMapModule !== "object") {
+    return false;
+  }
+  if ("background" in MindMapModule) {
+    const background = MindMapModule.background;
+    if (background === false || background === void 0) {
+      return false;
+    }
+    if (typeof background === "object" && background !== null) {
+      const typedBackground = background;
+      const backgroundConfig = {};
+      if (typedBackground.color) {
+        backgroundConfig.backgroundColor = typedBackground.color;
+      }
+      if (typedBackground.image) {
+        backgroundConfig.backgroundImage = typedBackground.image;
+      }
+      if (typedBackground.repeat) {
+        backgroundConfig.backgroundRepeat = typedBackground.repeat;
+      }
+      if (typedBackground.position) {
+        backgroundConfig.backgroundPosition = typedBackground.position;
+      }
+      if (typedBackground.size) {
+        backgroundConfig.backgroundSize = typedBackground.size;
+      }
+      return backgroundConfig;
+    }
+  }
+  return false;
+}
+function getLineConfig(quill) {
+  var _a;
+  const MindMapModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["mind-map"];
+  if (!MindMapModule || typeof MindMapModule !== "object") {
+    return false;
+  }
+  if ("line" in MindMapModule) {
+    const line = MindMapModule.line;
+    if (line === false || line === void 0) {
+      return false;
+    }
+    if (typeof line === "object" && line !== null) {
+      const typedLine = line;
+      const lineConfig = {};
+      if (typedLine.color) {
+        lineConfig.lineColor = typedLine.color;
+      }
+      if (typedLine.width) {
+        lineConfig.lineWidth = typedLine.width;
+      }
+      if (typedLine.dasharray) {
+        lineConfig.lineDasharray = typedLine.dasharray;
+      }
+      if (typedLine.style) {
+        lineConfig.lineStyle = typedLine.style;
+      }
+      return lineConfig;
+    }
+  }
+  return false;
+}
+function getResizeConfig(quill) {
+  var _a;
+  const MindMapModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["mind-map"];
+  if (!MindMapModule || typeof MindMapModule !== "object") {
+    return false;
+  }
+  if ("resize" in MindMapModule) {
+    const resize = MindMapModule.resize;
+    return resize === true;
+  }
+  return false;
+}
+function getThemeConfig(quill) {
+  var _a;
+  const MindMapModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["mind-map"];
+  if (!MindMapModule || typeof MindMapModule !== "object") {
+    return "default";
+  }
+  if ("theme" in MindMapModule) {
+    const theme = MindMapModule.theme;
+    return theme || "default";
+  }
+  return "default";
+}
+function getAllConfigs(quill) {
+  var _a, _b;
+  const deps = (_b = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["mind-map"]) == null ? void 0 : _b.deps;
+  return {
+    backgroundConfig: getBackgroundConfig(quill),
+    resizeConfig: getResizeConfig(quill),
+    lineConfig: getLineConfig(quill),
+    themeConfig: getThemeConfig(quill),
+    deps
+  };
+}
+export {
+  getAllConfigs,
+  getBackgroundConfig,
+  getLineConfig,
+  getResizeConfig,
+  getThemeConfig
+};
+//# sourceMappingURL=config-utils.es.js.map

package/es/modules/mind-map/config-utils.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-utils.es.js","sources":["../../../../src/modules/mind-map/config-utils.ts"],"sourcesContent":["import type Quill from 'quill'\nimport type { BackgroundConfig, LineConfig } from './options'\n\nexport function getBackgroundConfig(quill: Quill | null): false | object {\n  const MindMapModule = quill?.options.modules?.['mind-map']\n  if (!MindMapModule || typeof MindMapModule !== 'object') {\n    return false\n  }\n  if ('background' in MindMapModule) {\n    const background = MindMapModule.background as BackgroundConfig | boolean | undefined\n\n    if (background === false || background === undefined) {\n      return false\n    }\n    if (typeof background === 'object' && background !== null) {\n      const typedBackground = background as BackgroundConfig\n      const backgroundConfig: any = {}\n\n      if (typedBackground.color) {\n        backgroundConfig.backgroundColor = typedBackground.color\n      }\n      if (typedBackground.image) {\n        backgroundConfig.backgroundImage = typedBackground.image\n      }\n      if (typedBackground.repeat) {\n        backgroundConfig.backgroundRepeat = typedBackground.repeat\n      }\n      if (typedBackground.position) {\n        backgroundConfig.backgroundPosition = typedBackground.position\n      }\n      if (typedBackground.size) {\n        backgroundConfig.backgroundSize = typedBackground.size\n      }\n      return backgroundConfig\n    }\n  }\n  return false\n}\n\nexport function getLineConfig(quill: Quill | null): false | object {\n  const MindMapModule = quill?.options.modules?.['mind-map']\n  if (!MindMapModule || typeof MindMapModule !== 'object') {\n    return false\n  }\n  if ('line' in MindMapModule) {\n    const line = MindMapModule.line as LineConfig | boolean | undefined\n\n    if (line === false || line === undefined) {\n      return false\n    }\n    if (typeof line === 'object' && line !== null) {\n      const typedLine = line as LineConfig\n      const lineConfig: any = {}\n\n      if (typedLine.color) {\n        lineConfig.lineColor = typedLine.color\n      }\n      if (typedLine.width) {\n        lineConfig.lineWidth = typedLine.width\n      }\n      if (typedLine.dasharray) {\n        lineConfig.lineDasharray = typedLine.dasharray\n      }\n      if (typedLine.style) {\n        lineConfig.lineStyle = typedLine.style\n      }\n      return lineConfig\n    }\n  }\n  return false\n}\n\nexport function getResizeConfig(quill: Quill | null): boolean {\n  const MindMapModule = quill?.options.modules?.['mind-map']\n  if (!MindMapModule || typeof MindMapModule !== 'object') {\n    return false\n  }\n  if ('resize' in MindMapModule) {\n    const resize = (MindMapModule as any).resize as boolean | undefined\n    return resize === true\n  }\n  return false\n}\n\nexport function getThemeConfig(quill: Quill | null): string {\n  const MindMapModule = quill?.options.modules?.['mind-map']\n  if (!MindMapModule || typeof MindMapModule !== 'object') {\n    return 'default'\n  }\n  if ('theme' in MindMapModule) {\n    const theme = MindMapModule.theme as string | undefined\n    return theme || 'default'\n  }\n  return 'default'\n}\n\nexport function getAllConfigs(quill: Quill | null): {\n  backgroundConfig: false | object\n  resizeConfig: boolean\n  lineConfig: false | object\n  themeConfig: string\n  deps?: any\n} {\n  const deps = (quill?.options.modules?.['mind-map'] as any)?.deps\n  return {\n    backgroundConfig: getBackgroundConfig(quill),\n    resizeConfig: getResizeConfig(quill),\n    lineConfig: getLineConfig(quill),\n    themeConfig: getThemeConfig(quill),\n    deps,\n  }\n}\n"],"names":[],"mappings":"AAGO,SAAS,oBAAoB,OAAqC;AAAlE;AACL,QAAM,iBAAgB,oCAAO,QAAQ,YAAf,mBAAyB;AAC/C,MAAI,CAAC,iBAAiB,OAAO,kBAAkB,UAAU;AACvD,WAAO;AAAA,EACT;AACA,MAAI,gBAAgB,eAAe;AACjC,UAAM,aAAa,cAAc;AAEjC,QAAI,eAAe,SAAS,eAAe,QAAW;AACpD,aAAO;AAAA,IACT;AACA,QAAI,OAAO,eAAe,YAAY,eAAe,MAAM;AACzD,YAAM,kBAAkB;AACxB,YAAM,mBAAwB,CAAA;AAE9B,UAAI,gBAAgB,OAAO;AACzB,yBAAiB,kBAAkB,gBAAgB;AAAA,MACrD;AACA,UAAI,gBAAgB,OAAO;AACzB,yBAAiB,kBAAkB,gBAAgB;AAAA,MACrD;AACA,UAAI,gBAAgB,QAAQ;AAC1B,yBAAiB,mBAAmB,gBAAgB;AAAA,MACtD;AACA,UAAI,gBAAgB,UAAU;AAC5B,yBAAiB,qBAAqB,gBAAgB;AAAA,MACxD;AACA,UAAI,gBAAgB,MAAM;AACxB,yBAAiB,iBAAiB,gBAAgB;AAAA,MACpD;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,cAAc,OAAqC;AApC5D;AAqCL,QAAM,iBAAgB,oCAAO,QAAQ,YAAf,mBAAyB;AAC/C,MAAI,CAAC,iBAAiB,OAAO,kBAAkB,UAAU;AACvD,WAAO;AAAA,EACT;AACA,MAAI,UAAU,eAAe;AAC3B,UAAM,OAAO,cAAc;AAE3B,QAAI,SAAS,SAAS,SAAS,QAAW;AACxC,aAAO;AAAA,IACT;AACA,QAAI,OAAO,SAAS,YAAY,SAAS,MAAM;AAC7C,YAAM,YAAY;AAClB,YAAM,aAAkB,CAAA;AAExB,UAAI,UAAU,OAAO;AACnB,mBAAW,YAAY,UAAU;AAAA,MACnC;AACA,UAAI,UAAU,OAAO;AACnB,mBAAW,YAAY,UAAU;AAAA,MACnC;AACA,UAAI,UAAU,WAAW;AACvB,mBAAW,gBAAgB,UAAU;AAAA,MACvC;AACA,UAAI,UAAU,OAAO;AACnB,mBAAW,YAAY,UAAU;AAAA,MACnC;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,gBAAgB,OAA8B;AArEvD;AAsEL,QAAM,iBAAgB,oCAAO,QAAQ,YAAf,mBAAyB;AAC/C,MAAI,CAAC,iBAAiB,OAAO,kBAAkB,UAAU;AACvD,WAAO;AAAA,EACT;AACA,MAAI,YAAY,eAAe;AAC7B,UAAM,SAAU,cAAsB;AACtC,WAAO,WAAW;AAAA,EACpB;AACA,SAAO;AACT;AAEO,SAAS,eAAe,OAA6B;AAjFrD;AAkFL,QAAM,iBAAgB,oCAAO,QAAQ,YAAf,mBAAyB;AAC/C,MAAI,CAAC,iBAAiB,OAAO,kBAAkB,UAAU;AACvD,WAAO;AAAA,EACT;AACA,MAAI,WAAW,eAAe;AAC5B,UAAM,QAAQ,cAAc;AAC5B,WAAO,SAAS;AAAA,EAClB;AACA,SAAO;AACT;AAEO,SAAS,cAAc,OAM5B;AAnGK;AAoGL,QAAM,QAAQ,0CAAO,QAAQ,YAAf,mBAAyB,gBAAzB,mBAA8C;AAC5D,SAAO;AAAA,IACL,kBAAkB,oBAAoB,KAAK;AAAA,IAC3C,cAAc,gBAAgB,KAAK;AAAA,IACnC,YAAY,cAAc,KAAK;AAAA,IAC/B,aAAa,eAAe,KAAK;AAAA,IACjC;AAAA,EAAA;AAEJ;"}

package/es/modules/mind-map/formats/mind-map-blot.es.js

@@ -0,0 +1,356 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import Quill from "quill";
+import { getAllConfigs } from "../config-utils.es.js";
+import { expandIcon, contractIcon } from "../icons.es.js";
+import { initContextMenu } from "../modules/context-menu.es.js";
+import { createControlPanel } from "../modules/control-panel.es.js";
+import { MindMapResizeAction } from "../modules/custom-resize-action.es.js";
+/* empty css                        */
+const BlockEmbed = Quill.import("blots/embed");
+const _MindMapPlaceholderBlot = class _MindMapPlaceholderBlot extends BlockEmbed {
+  constructor(scroll, domNode) {
+    super(scroll, domNode);
+    __publicField(this, "quill", null);
+    __publicField(this, "mindMap", null);
+    __publicField(this, "data");
+    __publicField(this, "zoomCount", 0);
+    __publicField(this, "contextMenu", null);
+    __publicField(this, "currentNode", null);
+    __publicField(this, "width", 100);
+    __publicField(this, "height", 500);
+    __publicField(this, "parentObserver", null);
+    __publicField(this, "nextPObserver", null);
+    const data = _MindMapPlaceholderBlot.value(domNode);
+    this.width = data.width || 100;
+    this.height = data.height || 500;
+    this.domNode.style.width = `${this.width}${data.width ? "px" : "%"}`;
+    this.domNode.style.height = `${this.height}px`;
+    this.domNode.style.maxWidth = "100%";
+    this.domNode.style.border = "1px solid #e8e8e8";
+    this.domNode.setAttribute("contenteditable", "false");
+    this.data = _MindMapPlaceholderBlot.value(domNode);
+    this.initMindMap();
+  }
+  static value(domNode) {
+    const dataStr = JSON.parse(domNode.getAttribute("data-mind-map"));
+    const value = dataStr;
+    if (domNode.hasAttribute("width")) {
+      value.width = Number.parseInt(domNode.getAttribute("width"), 10);
+    }
+    if (domNode.hasAttribute("height")) {
+      value.height = Number.parseInt(domNode.getAttribute("height"), 10);
+    }
+    return dataStr;
+  }
+  static create(value) {
+    const node = super.create();
+    if (value) {
+      node.setAttribute("data-mind-map", JSON.stringify(value));
+    }
+    if (value.width) {
+      node.setAttribute("width", String(value.width));
+      node.style.width = `${value.width}%`;
+    }
+    if (value.height) {
+      node.setAttribute("height", String(value.height));
+      node.style.height = `${value.height}px`;
+    }
+    node.setAttribute("contenteditable", "false");
+    return node;
+  }
+  static findQuill(el) {
+    let cur = el;
+    while (cur) {
+      const q = cur.__quillInstance;
+      if (q) return q;
+      cur = cur.parentElement;
+    }
+    return null;
+  }
+  attach() {
+    super.attach();
+    this.quill = _MindMapPlaceholderBlot.findQuill(this.domNode);
+  }
+  initMindMap() {
+    if (this.domNode.isConnected) {
+      this.insertMindMapEditor();
+    } else {
+      const observer = new MutationObserver(() => {
+        if (this.domNode.isConnected) {
+          this.insertMindMapEditor();
+          observer.disconnect();
+        }
+      });
+      observer.observe(document.body, { childList: true, subtree: true });
+    }
+  }
+  insertMindMapEditor() {
+    this.domNode.style.width = `${this.width}${this.data.width ? "px" : "%"}`;
+    this.domNode.style.height = `${this.height}px`;
+    while (this.domNode.firstChild) {
+      this.domNode.removeChild(this.domNode.firstChild);
+    }
+    this.updateAlignmentStyle();
+    this.observeParentAlignment();
+    const { backgroundConfig, resizeConfig, lineConfig, themeConfig, deps } = getAllConfigs(this.quill);
+    const { SimpleMindMap, Themes, Drag, Export } = deps || window;
+    Themes.init(SimpleMindMap);
+    SimpleMindMap.usePlugin(Drag).usePlugin(Export);
+    this.mindMap = new SimpleMindMap({
+      el: this.domNode,
+      mousewheelAction: "zoom",
+      disableMouseWheelZoom: true,
+      layout: this.data.layout,
+      theme: themeConfig,
+      data: this.data.root ? this.data.root : this.data
+    });
+    const styleConfig = { ...backgroundConfig };
+    if (lineConfig && typeof lineConfig === "object") {
+      Object.assign(styleConfig, lineConfig);
+    }
+    this.mindMap.setThemeConfig(styleConfig);
+    const handleScroll = () => {
+      if (this.mindMap && this.domNode && this.domNode.isConnected) {
+        this.mindMap.getElRectInfo();
+      }
+    };
+    window.addEventListener("scroll", handleScroll, { passive: true });
+    this.domNode.addEventListener("remove", () => {
+      window.removeEventListener("scroll", handleScroll);
+    });
+    if (resizeConfig) {
+      new MindMapResizeAction(this);
+    }
+    createControlPanel(this, this.quill);
+    initContextMenu(this, this.quill);
+    this.observeOwnParentChange();
+    this.observeNextPElement();
+    this.addMouseHoverEvents();
+    this.mindMap.on("node_tree_render_end", () => {
+      this.data = this.mindMap.getData({});
+      this.domNode.setAttribute("data-mind-map", JSON.stringify(this.data));
+    });
+    this.mindMap.on("node_dblclick", this.handleNodeDblClick.bind(this));
+    this.domNode.addEventListener("click", (e) => {
+      if (this.quill) {
+        this.mindMap.getElRectInfo();
+        const mindMapBlot = Quill.find(this.domNode);
+        const index = this.quill.getIndex(mindMapBlot);
+        if (index && typeof index === "number") {
+          this.quill.setSelection(index + 1, 0);
+        }
+      }
+    });
+  }
+  addMouseHoverEvents() {
+    this.domNode.addEventListener("mouseenter", () => {
+      this.showControlPanel();
+    });
+    this.domNode.addEventListener("mouseleave", () => {
+      this.mindMap.execCommand("CLEAR_ACTIVE_NODE");
+      this.hideControlPanel();
+    });
+  }
+  getControlElements() {
+    const leftUpControl = this.domNode.querySelector(".ql-mind-map-left-up-control");
+    const control = this.domNode.querySelector(".ql-mind-map-control");
+    const panelStatusIcon = this.domNode.querySelector('[data-control-type="panel-status"]');
+    return { leftUpControl, control, panelStatusIcon };
+  }
+  showControlPanel() {
+    const { leftUpControl, control, panelStatusIcon } = this.getControlElements();
+    if (!leftUpControl || !control) return;
+    leftUpControl.style.display = "inline-flex";
+    control.style.display = "flex";
+    if (panelStatusIcon) {
+      const iconElement = panelStatusIcon.querySelector("i") || panelStatusIcon;
+      iconElement.innerHTML = expandIcon;
+    }
+  }
+  hideControlPanel() {
+    const { leftUpControl, control, panelStatusIcon } = this.getControlElements();
+    if (!leftUpControl || !control) return;
+    leftUpControl.style.display = "none";
+    control.style.display = "none";
+    if (panelStatusIcon) {
+      const iconElement = panelStatusIcon.querySelector("i") || panelStatusIcon;
+      iconElement.innerHTML = contractIcon;
+    }
+  }
+  // 监听父元素变化
+  observeOwnParentChange() {
+    let currentParent = this.domNode.parentElement;
+    const observer = new MutationObserver(() => {
+      if (this.domNode.parentElement !== currentParent) {
+        currentParent = this.domNode.parentElement;
+        this.observeParentAlignment();
+      }
+    });
+    observer.observe(document.body, {
+      attributes: false,
+      childList: true,
+      subtree: true
+    });
+  }
+  // 监听父元素对齐变化
+  observeParentAlignment() {
+    if (this.parentObserver) {
+      this.parentObserver.disconnect();
+    }
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.attributeName === "class") {
+          this.updateAlignmentStyle();
+        }
+      });
+    });
+    this.parentObserver = observer;
+    const parent = this.domNode.parentElement;
+    if (parent) {
+      observer.observe(parent, {
+        attributes: true,
+        attributeFilter: ["class"]
+      });
+      this.updateAlignmentStyle();
+    }
+  }
+  // 更新对齐样式
+  updateAlignmentStyle() {
+    const parent = this.domNode.parentElement;
+    if (!parent) return;
+    this.domNode.style.margin = "";
+    this.domNode.style.display = "block";
+    if (parent.classList.contains("ql-align-center")) {
+      this.domNode.style.margin = "0 auto";
+    } else if (parent.classList.contains("ql-align-right")) {
+      this.domNode.style.marginLeft = "auto";
+      this.domNode.style.marginRight = "0";
+    } else {
+      this.domNode.style.marginLeft = "0";
+      this.domNode.style.marginRight = "auto";
+    }
+  }
+  observeNextPElement() {
+    if (this.nextPObserver) {
+      this.nextPObserver.disconnect();
+    }
+    const parentElement = this.domNode.parentElement;
+    if (!parentElement) {
+      return;
+    }
+    const trackedParentElement = parentElement;
+    const parentElementId = parentElement.getAttribute("id") || `mind-map-parent-${Date.now()}`;
+    parentElement.setAttribute("id", parentElementId);
+    const observer = new MutationObserver(() => {
+      if (!document.contains(trackedParentElement)) {
+        const elementById = document.getElementById(parentElementId);
+        if (!elementById) {
+          this.remove();
+          observer.disconnect();
+        }
+      }
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    this.nextPObserver = observer;
+  }
+  handleNodeDblClick(node, e) {
+    if (node && node.uid && e) {
+      this.currentNode = node;
+      this.createEditInput(node, e);
+    }
+  }
+  // 创建编辑输入框
+  createEditInput(node, e) {
+    const input = document.createElement("textarea");
+    input.className = "ql-mind-map-edit-input";
+    input.value = node.nodeData.data.text || "";
+    const autoResize = () => {
+      input.style.height = "auto";
+      input.style.height = `${input.scrollHeight}px`;
+    };
+    Object.assign(input.style, {
+      position: "absolute",
+      boxSizing: "border-box",
+      width: "100px",
+      height: "35px",
+      padding: "5px",
+      lineHeight: "1.2",
+      fontFamily: "微软雅黑",
+      fontSize: "16px",
+      whiteSpace: "pre",
+      textAlign: "center",
+      background: "#fff",
+      border: "1px solid #edefed",
+      borderRadius: "3px",
+      outline: "none",
+      transform: "translate(-50%, -50%)",
+      resize: "none",
+      zIndex: "1000",
+      left: `${e.pageX ? e.pageX : 100}px`,
+      top: `${e.pageY ? e.pageY : 100}px`,
+      overflow: "hidden"
+    });
+    document.body.appendChild(input);
+    autoResize();
+    input.addEventListener("keydown", (event) => {
+      if (event.key === "Enter" && event.shiftKey) {
+        autoResize();
+      }
+    });
+    input.focus();
+    const currentNode = node;
+    const handleDrawClick = () => {
+      this.updateNodeText(input.value, currentNode);
+      input.remove();
+      this.mindMap.off("draw_click", handleDrawClick);
+    };
+    this.mindMap.on("draw_click", handleDrawClick);
+    input.addEventListener("keydown", (event) => {
+      if (event.key === "Enter" && !event.shiftKey) {
+        event.preventDefault();
+        this.updateNodeText(input.value, currentNode);
+        input.remove();
+        this.mindMap.off("draw_click", handleDrawClick);
+      }
+    });
+  }
+  updateNodeText(text, node) {
+    if (node && this.mindMap) {
+      node.setText(text);
+      const editWraps = document.querySelectorAll(".smm-node-edit-wrap");
+      editWraps.forEach((editWrap) => {
+        const input = editWrap.querySelector("input, textarea");
+        if (input) {
+          input.value = text;
+        } else {
+          editWrap.textContent = text;
+        }
+      });
+      this.data = this.mindMap.getData({});
+      this.domNode.setAttribute("data-mind-map", JSON.stringify(this.data));
+    }
+  }
+  format(name, value) {
+  }
+  remove() {
+    this.mindMap.destroy();
+    if (this.nextPObserver) {
+      this.nextPObserver.disconnect();
+      this.nextPObserver = null;
+    }
+    super.remove();
+  }
+};
+__publicField(_MindMapPlaceholderBlot, "blotName", "mind-map");
+__publicField(_MindMapPlaceholderBlot, "tagName", "div");
+__publicField(_MindMapPlaceholderBlot, "className", "ql-mind-map-item");
+let MindMapPlaceholderBlot = _MindMapPlaceholderBlot;
+export {
+  MindMapPlaceholderBlot as default
+};
+//# sourceMappingURL=mind-map-blot.es.js.map