@opentiny/fluent-editor 4.0.0-alpha.1 → 4.0.0-alpha.11

package/es/modules/file/index.es.js

@@ -1,31 +1,9 @@
-import Quill from "quill";
-import File from "./formats/file.es.js";
-import FileBar from "./modules/file-bar.es.js";
-class FileModule {
-  constructor(quill) {
-    this.quill = quill;
-    this.quill = quill;
-    quill.root.addEventListener("click", (event) => this.clickEvent(event), false);
-  }
-  static register() {
-    Quill.register("formats/file", File, true);
-  }
-  clickEvent(event) {
-    event.preventDefault();
-    const target = event.target;
-    const fileDom = target.closest("a.ql-file-item");
-    if (fileDom) {
-      if (this.fileBar) {
-        this.fileBar.destroy();
-      }
-      this.fileBar = new FileBar(this.quill, fileDom);
-    } else if (this.fileBar && !target.closest(".ql-file-bar")) {
-      this.fileBar.destroy();
-      this.fileBar = null;
-    }
-  }
-}
+import { File } from "./formats/file.es.js";
+import { FileBar } from "./modules/file-bar.es.js";
+import { FileModule } from "./modules/file-module.es.js";
 export {
-  FileModule as default
+  File,
+  FileBar,
+  FileModule
 };
 //# sourceMappingURL=index.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../src/modules/file/index.ts"],"sourcesContent":["import type FluentEditor from '../../core/fluent-editor'\r\nimport Quill from 'quill'\r\nimport File from './formats/file'\r\nimport FileBar from './modules/file-bar'\r\n\r\nclass FileModule {\r\n  fileBar: FileBar\r\n\r\n  static register() {\r\n    Quill.register('formats/file', File, true)\r\n  }\r\n\r\n  constructor(public quill: FluentEditor) {\r\n    this.quill = quill\r\n    quill.root.addEventListener('click', event => this.clickEvent(event), false)\r\n  }\r\n\r\n  clickEvent(event: MouseEvent) {\r\n    event.preventDefault()\r\n    const target = event.target as HTMLElement\r\n    const fileDom = target.closest('a.ql-file-item')\r\n    if (fileDom) {\r\n      if (this.fileBar) {\r\n        this.fileBar.destroy()\r\n      }\r\n      this.fileBar = new FileBar(this.quill, fileDom)\r\n    }\r\n    else if (this.fileBar && !target.closest('.ql-file-bar')) {\r\n      this.fileBar.destroy()\r\n      this.fileBar = null\r\n    }\r\n  }\r\n}\r\n\r\nexport default FileModule\r\n"],"names":[],"mappings":";;;AAKA,MAAM,WAAW;AAAA,EAOf,YAAmB,OAAqB;AAArB,SAAA,QAAA;AACjB,SAAK,QAAQ;AACP,UAAA,KAAK,iBAAiB,SAAS,CAAA,UAAS,KAAK,WAAW,KAAK,GAAG,KAAK;AAAA,EAAA;AAAA,EAN7E,OAAO,WAAW;AACV,UAAA,SAAS,gBAAgB,MAAM,IAAI;AAAA,EAAA;AAAA,EAQ3C,WAAW,OAAmB;AAC5B,UAAM,eAAe;AACrB,UAAM,SAAS,MAAM;AACf,UAAA,UAAU,OAAO,QAAQ,gBAAgB;AAC/C,QAAI,SAAS;AACX,UAAI,KAAK,SAAS;AAChB,aAAK,QAAQ,QAAQ;AAAA,MAAA;AAEvB,WAAK,UAAU,IAAI,QAAQ,KAAK,OAAO,OAAO;AAAA,IAAA,WAEvC,KAAK,WAAW,CAAC,OAAO,QAAQ,cAAc,GAAG;AACxD,WAAK,QAAQ,QAAQ;AACrB,WAAK,UAAU;AAAA,IAAA;AAAA,EACjB;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/es/modules/file/modules/file-bar.es.js

@@ -1,10 +1,18 @@
+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 { Range } from "quill/core/selection";
 import { unshiftString } from "../../../utils/method.es.js";
-import File from "../formats/file.es.js";
-const Delta = Quill.imports.delta;
+import { File } from "../formats/file.es.js";
+const Delta = Quill.import("delta");
 class FileBar {
   constructor(quill, target) {
+    __publicField(this, "quill");
+    __publicField(this, "file");
+    __publicField(this, "domNode");
+    __publicField(this, "fileRange");
+    __publicField(this, "template");
     this.quill = quill;
     this.file = target;
     const fileBlot = Quill.find(target);
@@ -120,6 +128,6 @@ class FileBar {
   }
 }
 export {
-  FileBar as default
+  FileBar
 };
 //# sourceMappingURL=file-bar.es.js.map

package/es/modules/file/modules/file-bar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-bar.es.js","sources":["../../../../../src/modules/file/modules/file-bar.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { Range } from 'quill/core/selection'\r\nimport { unshiftString } from '../../../utils/method'\r\nimport File from '../formats/file'\r\n\r\nconst Delta = Quill.imports.delta\r\n\r\nexport default class FileBar {\r\n  quill: any\r\n  file: any\r\n  domNode: HTMLElement\r\n  fileRange: any\r\n  template: string\r\n\r\n  constructor(quill, target) {\r\n    this.quill = quill\r\n    this.file = target\r\n    const fileBlot = Quill.find(target)\r\n    const index = this.quill.getIndex(fileBlot)\r\n    const [fileItem, offset] = this.quill.scroll.descendant(File, index)\r\n    const length = fileItem && fileItem.length()\r\n    this.fileRange = new Range(index - offset, length)\r\n\r\n    const timestamp = Number(this.file.dataset.lastModified)\r\n    const _lastModifiedDate = this.formatDate(timestamp)\r\n    this.template = [\r\n      // `<a class=\"ql-last-modified-date\" href=\"${this.file.href}\" target=\"_blank\">${this.file.href}</a>`,\r\n      // '<span class=\"ql-split\"></span>',\r\n      // `<a class=\"ql-file-preview\"><i class=\"icon-preview\"></i></a>`,\r\n      `<a class=\"ql-file-download\"><i class=\"icon-download\"></i></a>`,\r\n      '<a class=\"ql-file-delete\"><i class=\"icon-delete\"></i></a>',\r\n    ].join('')\r\n\r\n    this.createFileBar()\r\n  }\r\n\r\n  createFileBar() {\r\n    this.domNode = document.createElement('div')\r\n    this.domNode.className = 'ql-file-bar'\r\n    this.domNode.innerHTML = this.template\r\n    // 查看文件\r\n    const filePreview = this.domNode.querySelector('a.ql-file-preview')\r\n    if (filePreview) {\r\n      filePreview.addEventListener('click', (event) => {\r\n        this.operateFile(event, 'view')\r\n      })\r\n    }\r\n    // 下载文件\r\n    const fileDownload = this.domNode.querySelector('a.ql-file-download')\r\n    if (fileDownload) {\r\n      fileDownload.addEventListener('click', (event) => {\r\n        this.operateFile(event, 'download')\r\n      })\r\n    }\r\n    // 删除文件\r\n    const fileDelete = this.domNode.querySelector('a.ql-file-delete')\r\n    if (fileDelete) {\r\n      fileDelete.addEventListener('click', (event) => {\r\n        this.operateFile(event, 'delete')\r\n        const delta = new Delta()\r\n          .retain(this.fileRange.index)\r\n          .delete(this.fileRange.length)\r\n        this.quill.updateContents(delta, Quill.sources.USER)\r\n        this.quill.setSelection(this.fileRange.index)\r\n      })\r\n    }\r\n\r\n    this.setPosition()\r\n    this.quill.root.parentNode.appendChild(this.domNode)\r\n  }\r\n\r\n  destroy() {\r\n    if (this.domNode) {\r\n      this.domNode.remove()\r\n      this.domNode = null\r\n      this.file = null\r\n    }\r\n  }\r\n\r\n  operateFile(event, operate) {\r\n    event.preventDefault()\r\n    const fileId = this.file.dataset.id || ''\r\n    const fileName = this.file.dataset.title || ''\r\n    const fileDownloadUrl = this.file.href || ''\r\n    if (fileId) {\r\n      this.quill.emitter.emit('file-change', {\r\n        operation: operate,\r\n        data: { fileId, fileDownloadUrl },\r\n      })\r\n    }\r\n    if (operate === 'download') {\r\n      const a = document.createElement('a')\r\n      a.href = fileDownloadUrl\r\n      a.target = '_blank'\r\n      a.id = 'exppub'\r\n      a.download = fileName\r\n      document.body.appendChild(a)\r\n      const alink = document.getElementById('exppub')\r\n      alink.click()\r\n      alink.parentNode.removeChild(a)\r\n    }\r\n    this.destroy()\r\n  }\r\n\r\n  setPosition() {\r\n    if (this.domNode && this.file) {\r\n      const parent = this.quill.root.parentNode\r\n      const child = this.file.querySelector('span')\r\n      const containerRect = parent.getBoundingClientRect()\r\n      const fileRect = child.getBoundingClientRect()\r\n      this.css(this.domNode, {\r\n        left: `${fileRect.left - containerRect.left}px`,\r\n        top: `${fileRect.top - containerRect.top + 10}px`,\r\n      })\r\n    }\r\n  }\r\n\r\n  css(domNode, rules) {\r\n    if (typeof rules === 'object') {\r\n      for (const prop in rules) {\r\n        if (prop) {\r\n          if (Array.isArray(rules[prop])) {\r\n            // 兼容IE11浏览器\r\n            rules[prop].forEach((val) => {\r\n              domNode.style[prop] = val\r\n            })\r\n          }\r\n          else {\r\n            domNode.style[prop] = rules[prop]\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  formatDate(timestamp) {\r\n    const date = new Date(timestamp)\r\n    const year = date.getFullYear()\r\n    // TODO\r\n    const month = unshiftString(`${date.getMonth() + 1}`, 2, '0')\r\n    const day = unshiftString(`${date.getDate()}`, 2, '0')\r\n    const hour = unshiftString(`${date.getHours()}`, 2, '0')\r\n    const minute = unshiftString(`${date.getMinutes()}`, 2, '0')\r\n    return Number.isNaN(year) ? '--' : `${year}/${month}/${day} ${hour}:${minute}`\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;AAKA,MAAM,QAAQ,MAAM,QAAQ;AAE5B,MAAqB,QAAQ;AAAA,EAO3B,YAAY,OAAO,QAAQ;AACzB,SAAK,QAAQ;AACb,SAAK,OAAO;AACN,UAAA,WAAW,MAAM,KAAK,MAAM;AAClC,UAAM,QAAQ,KAAK,MAAM,SAAS,QAAQ;AACpC,UAAA,CAAC,UAAU,MAAM,IAAI,KAAK,MAAM,OAAO,WAAW,MAAM,KAAK;AAC7D,UAAA,SAAS,YAAY,SAAS,OAAO;AAC3C,SAAK,YAAY,IAAI,MAAM,QAAQ,QAAQ,MAAM;AAEjD,UAAM,YAAY,OAAO,KAAK,KAAK,QAAQ,YAAY;AACjD,UAAA,oBAAoB,KAAK,WAAW,SAAS;AACnD,SAAK,WAAW;AAAA;AAAA;AAAA;AAAA,MAId;AAAA,MACA;AAAA,IAAA,EACA,KAAK,EAAE;AAET,SAAK,cAAc;AAAA,EAAA;AAAA,EAGrB,gBAAgB;AACT,SAAA,UAAU,SAAS,cAAc,KAAK;AAC3C,SAAK,QAAQ,YAAY;AACpB,SAAA,QAAQ,YAAY,KAAK;AAE9B,UAAM,cAAc,KAAK,QAAQ,cAAc,mBAAmB;AAClE,QAAI,aAAa;AACH,kBAAA,iBAAiB,SAAS,CAAC,UAAU;AAC1C,aAAA,YAAY,OAAO,MAAM;AAAA,MAAA,CAC/B;AAAA,IAAA;AAGH,UAAM,eAAe,KAAK,QAAQ,cAAc,oBAAoB;AACpE,QAAI,cAAc;AACH,mBAAA,iBAAiB,SAAS,CAAC,UAAU;AAC3C,aAAA,YAAY,OAAO,UAAU;AAAA,MAAA,CACnC;AAAA,IAAA;AAGH,UAAM,aAAa,KAAK,QAAQ,cAAc,kBAAkB;AAChE,QAAI,YAAY;AACH,iBAAA,iBAAiB,SAAS,CAAC,UAAU;AACzC,aAAA,YAAY,OAAO,QAAQ;AAChC,cAAM,QAAQ,IAAI,MAAM,EACrB,OAAO,KAAK,UAAU,KAAK,EAC3B,OAAO,KAAK,UAAU,MAAM;AAC/B,aAAK,MAAM,eAAe,OAAO,MAAM,QAAQ,IAAI;AACnD,aAAK,MAAM,aAAa,KAAK,UAAU,KAAK;AAAA,MAAA,CAC7C;AAAA,IAAA;AAGH,SAAK,YAAY;AACjB,SAAK,MAAM,KAAK,WAAW,YAAY,KAAK,OAAO;AAAA,EAAA;AAAA,EAGrD,UAAU;AACR,QAAI,KAAK,SAAS;AAChB,WAAK,QAAQ,OAAO;AACpB,WAAK,UAAU;AACf,WAAK,OAAO;AAAA,IAAA;AAAA,EACd;AAAA,EAGF,YAAY,OAAO,SAAS;AAC1B,UAAM,eAAe;AACrB,UAAM,SAAS,KAAK,KAAK,QAAQ,MAAM;AACvC,UAAM,WAAW,KAAK,KAAK,QAAQ,SAAS;AACtC,UAAA,kBAAkB,KAAK,KAAK,QAAQ;AAC1C,QAAI,QAAQ;AACL,WAAA,MAAM,QAAQ,KAAK,eAAe;AAAA,QACrC,WAAW;AAAA,QACX,MAAM,EAAE,QAAQ,gBAAgB;AAAA,MAAA,CACjC;AAAA,IAAA;AAEH,QAAI,YAAY,YAAY;AACpB,YAAA,IAAI,SAAS,cAAc,GAAG;AACpC,QAAE,OAAO;AACT,QAAE,SAAS;AACX,QAAE,KAAK;AACP,QAAE,WAAW;AACJ,eAAA,KAAK,YAAY,CAAC;AACrB,YAAA,QAAQ,SAAS,eAAe,QAAQ;AAC9C,YAAM,MAAM;AACN,YAAA,WAAW,YAAY,CAAC;AAAA,IAAA;AAEhC,SAAK,QAAQ;AAAA,EAAA;AAAA,EAGf,cAAc;AACR,QAAA,KAAK,WAAW,KAAK,MAAM;AACvB,YAAA,SAAS,KAAK,MAAM,KAAK;AAC/B,YAAM,QAAQ,KAAK,KAAK,cAAc,MAAM;AACtC,YAAA,gBAAgB,OAAO,sBAAsB;AAC7C,YAAA,WAAW,MAAM,sBAAsB;AACxC,WAAA,IAAI,KAAK,SAAS;AAAA,QACrB,MAAM,GAAG,SAAS,OAAO,cAAc,IAAI;AAAA,QAC3C,KAAK,GAAG,SAAS,MAAM,cAAc,MAAM,EAAE;AAAA,MAAA,CAC9C;AAAA,IAAA;AAAA,EACH;AAAA,EAGF,IAAI,SAAS,OAAO;AACd,QAAA,OAAO,UAAU,UAAU;AAC7B,iBAAW,QAAQ,OAAO;AACxB,YAAI,MAAM;AACR,cAAI,MAAM,QAAQ,MAAM,IAAI,CAAC,GAAG;AAE9B,kBAAM,IAAI,EAAE,QAAQ,CAAC,QAAQ;AACnB,sBAAA,MAAM,IAAI,IAAI;AAAA,YAAA,CACvB;AAAA,UAAA,OAEE;AACH,oBAAQ,MAAM,IAAI,IAAI,MAAM,IAAI;AAAA,UAAA;AAAA,QAClC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAGF,WAAW,WAAW;AACd,UAAA,OAAO,IAAI,KAAK,SAAS;AACzB,UAAA,OAAO,KAAK,YAAY;AAExB,UAAA,QAAQ,cAAc,GAAG,KAAK,SAAa,IAAA,CAAC,IAAI,GAAG,GAAG;AACtD,UAAA,MAAM,cAAc,GAAG,KAAK,SAAS,IAAI,GAAG,GAAG;AAC/C,UAAA,OAAO,cAAc,GAAG,KAAK,UAAU,IAAI,GAAG,GAAG;AACjD,UAAA,SAAS,cAAc,GAAG,KAAK,YAAY,IAAI,GAAG,GAAG;AAC3D,WAAO,OAAO,MAAM,IAAI,IAAI,OAAO,GAAG,IAAI,IAAI,KAAK,IAAI,GAAG,IAAI,IAAI,IAAI,MAAM;AAAA,EAAA;AAEhF;"}
+{"version":3,"file":"file-bar.es.js","sources":["../../../../../src/modules/file/modules/file-bar.ts"],"sourcesContent":["import Quill from 'quill'\nimport { Range } from 'quill/core/selection'\nimport { unshiftString } from '../../../utils/method'\nimport { File } from '../formats/file'\n\nconst Delta = Quill.import('delta')\n\nexport class FileBar {\n  quill: any\n  file: any\n  domNode: HTMLElement\n  fileRange: any\n  template: string\n\n  constructor(quill, target) {\n    this.quill = quill\n    this.file = target\n    const fileBlot = Quill.find(target)\n    const index = this.quill.getIndex(fileBlot)\n    const [fileItem, offset] = this.quill.scroll.descendant(File, index)\n    const length = fileItem && fileItem.length()\n    this.fileRange = new Range(index - offset, length)\n\n    const timestamp = Number(this.file.dataset.lastModified)\n    const _lastModifiedDate = this.formatDate(timestamp)\n    this.template = [\n      // `<a class=\"ql-last-modified-date\" href=\"${this.file.href}\" target=\"_blank\">${this.file.href}</a>`,\n      // '<span class=\"ql-split\"></span>',\n      // `<a class=\"ql-file-preview\"><i class=\"icon-preview\"></i></a>`,\n      `<a class=\"ql-file-download\"><i class=\"icon-download\"></i></a>`,\n      '<a class=\"ql-file-delete\"><i class=\"icon-delete\"></i></a>',\n    ].join('')\n\n    this.createFileBar()\n  }\n\n  createFileBar() {\n    this.domNode = document.createElement('div')\n    this.domNode.className = 'ql-file-bar'\n    this.domNode.innerHTML = this.template\n    // 查看文件\n    const filePreview = this.domNode.querySelector('a.ql-file-preview')\n    if (filePreview) {\n      filePreview.addEventListener('click', (event) => {\n        this.operateFile(event, 'view')\n      })\n    }\n    // 下载文件\n    const fileDownload = this.domNode.querySelector('a.ql-file-download')\n    if (fileDownload) {\n      fileDownload.addEventListener('click', (event) => {\n        this.operateFile(event, 'download')\n      })\n    }\n    // 删除文件\n    const fileDelete = this.domNode.querySelector('a.ql-file-delete')\n    if (fileDelete) {\n      fileDelete.addEventListener('click', (event) => {\n        this.operateFile(event, 'delete')\n        const delta = new Delta()\n          .retain(this.fileRange.index)\n          .delete(this.fileRange.length)\n        this.quill.updateContents(delta, Quill.sources.USER)\n        this.quill.setSelection(this.fileRange.index)\n      })\n    }\n\n    this.setPosition()\n    this.quill.root.parentNode.appendChild(this.domNode)\n  }\n\n  destroy() {\n    if (this.domNode) {\n      this.domNode.remove()\n      this.domNode = null\n      this.file = null\n    }\n  }\n\n  operateFile(event, operate) {\n    event.preventDefault()\n    const fileId = this.file.dataset.id || ''\n    const fileName = this.file.dataset.title || ''\n    const fileDownloadUrl = this.file.href || ''\n    if (fileId) {\n      this.quill.emitter.emit('file-change', {\n        operation: operate,\n        data: { fileId, fileDownloadUrl },\n      })\n    }\n    if (operate === 'download') {\n      const a = document.createElement('a')\n      a.href = fileDownloadUrl\n      a.target = '_blank'\n      a.id = 'exppub'\n      a.download = fileName\n      document.body.appendChild(a)\n      const alink = document.getElementById('exppub')\n      alink.click()\n      alink.parentNode.removeChild(a)\n    }\n    this.destroy()\n  }\n\n  setPosition() {\n    if (this.domNode && this.file) {\n      const parent = this.quill.root.parentNode\n      const child = this.file.querySelector('span')\n      const containerRect = parent.getBoundingClientRect()\n      const fileRect = child.getBoundingClientRect()\n      this.css(this.domNode, {\n        left: `${fileRect.left - containerRect.left}px`,\n        top: `${fileRect.top - containerRect.top + 10}px`,\n      })\n    }\n  }\n\n  css(domNode, rules) {\n    if (typeof rules === 'object') {\n      for (const prop in rules) {\n        if (prop) {\n          if (Array.isArray(rules[prop])) {\n            // 兼容IE11浏览器\n            rules[prop].forEach((val) => {\n              domNode.style[prop] = val\n            })\n          }\n          else {\n            domNode.style[prop] = rules[prop]\n          }\n        }\n      }\n    }\n  }\n\n  formatDate(timestamp) {\n    const date = new Date(timestamp)\n    const year = date.getFullYear()\n    // TODO\n    const month = unshiftString(`${date.getMonth() + 1}`, 2, '0')\n    const day = unshiftString(`${date.getDate()}`, 2, '0')\n    const hour = unshiftString(`${date.getHours()}`, 2, '0')\n    const minute = unshiftString(`${date.getMinutes()}`, 2, '0')\n    return Number.isNaN(year) ? '--' : `${year}/${month}/${day} ${hour}:${minute}`\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/modules/file/modules/file-module.es.js

@@ -0,0 +1,35 @@
+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 { File } from "../formats/file.es.js";
+import { FileBar } from "./file-bar.es.js";
+class FileModule {
+  constructor(quill) {
+    __publicField(this, "fileBar");
+    this.quill = quill;
+    this.quill = quill;
+    quill.root.addEventListener("click", (event) => this.clickEvent(event), false);
+  }
+  static register() {
+    Quill.register("formats/file", File, true);
+  }
+  clickEvent(event) {
+    event.preventDefault();
+    const target = event.target;
+    const fileDom = target.closest("a.ql-file-item");
+    if (fileDom) {
+      if (this.fileBar) {
+        this.fileBar.destroy();
+      }
+      this.fileBar = new FileBar(this.quill, fileDom);
+    } else if (this.fileBar && !target.closest(".ql-file-bar")) {
+      this.fileBar.destroy();
+      this.fileBar = null;
+    }
+  }
+}
+export {
+  FileModule
+};
+//# sourceMappingURL=file-module.es.js.map

package/es/modules/file/modules/file-module.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-module.es.js","sources":["../../../../../src/modules/file/modules/file-module.ts"],"sourcesContent":["import type FluentEditor from '../../../core/fluent-editor'\nimport Quill from 'quill'\nimport { File } from '../formats/file'\nimport { FileBar } from './file-bar'\n\nexport class FileModule {\n  fileBar: FileBar\n\n  static register() {\n    Quill.register('formats/file', File, true)\n  }\n\n  constructor(public quill: FluentEditor) {\n    this.quill = quill\n    quill.root.addEventListener('click', event => this.clickEvent(event), false)\n  }\n\n  clickEvent(event: MouseEvent) {\n    event.preventDefault()\n    const target = event.target as HTMLElement\n    const fileDom = target.closest('a.ql-file-item')\n    if (fileDom) {\n      if (this.fileBar) {\n        this.fileBar.destroy()\n      }\n      this.fileBar = new FileBar(this.quill, fileDom)\n    }\n    else if (this.fileBar && !target.closest('.ql-file-bar')) {\n      this.fileBar.destroy()\n      this.fileBar = null\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,WAAW;AAAA,EAOtB,YAAmB,OAAqB;AANxC;AAMmB,SAAA,QAAA;AACjB,SAAK,QAAQ;AACb,UAAM,KAAK,iBAAiB,SAAS,CAAA,UAAS,KAAK,WAAW,KAAK,GAAG,KAAK;AAAA,EAC7E;AAAA,EAPA,OAAO,WAAW;AAChB,UAAM,SAAS,gBAAgB,MAAM,IAAI;AAAA,EAC3C;AAAA,EAOA,WAAW,OAAmB;AAC5B,UAAM,eAAA;AACN,UAAM,SAAS,MAAM;AACrB,UAAM,UAAU,OAAO,QAAQ,gBAAgB;AAC/C,QAAI,SAAS;AACX,UAAI,KAAK,SAAS;AAChB,aAAK,QAAQ,QAAA;AAAA,MACf;AACA,WAAK,UAAU,IAAI,QAAQ,KAAK,OAAO,OAAO;AAAA,IAChD,WACS,KAAK,WAAW,CAAC,OAAO,QAAQ,cAAc,GAAG;AACxD,WAAK,QAAQ,QAAA;AACb,WAAK,UAAU;AAAA,IACjB;AAAA,EACF;AACF;"}

package/es/modules/flow-chart/config-utils.es.js

@@ -0,0 +1,102 @@
+function getGridConfig(quill) {
+  var _a, _b, _c;
+  const defaultGrid = {
+    size: 20,
+    visible: true,
+    type: "dot",
+    config: {
+      color: "#ababab",
+      thickness: 1
+    }
+  };
+  const flowChartModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["flow-chart"];
+  if (!flowChartModule || typeof flowChartModule !== "object") {
+    return defaultGrid;
+  }
+  if ("grid" in flowChartModule) {
+    const grid = flowChartModule.grid;
+    if (grid === false || grid === void 0) {
+      return null;
+    }
+    if (typeof grid === "object" && grid !== null) {
+      const typedGrid = grid;
+      const gridConfig = {
+        size: typedGrid.size || defaultGrid.size,
+        visible: typedGrid.visible !== void 0 ? typedGrid.visible : defaultGrid.visible,
+        type: typedGrid.type || defaultGrid.type,
+        config: {
+          color: ((_b = typedGrid.config) == null ? void 0 : _b.color) || defaultGrid.config.color,
+          thickness: ((_c = typedGrid.config) == null ? void 0 : _c.thickness) || defaultGrid.config.thickness
+        }
+      };
+      return gridConfig;
+    }
+  }
+  return defaultGrid;
+}
+function getBackgroundConfig(quill) {
+  var _a;
+  const flowChartModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["flow-chart"];
+  if (!flowChartModule || typeof flowChartModule !== "object") {
+    return false;
+  }
+  if ("background" in flowChartModule) {
+    const background = flowChartModule.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;
+      }
+      if (typedBackground.opacity) {
+        backgroundConfig.opacity = typedBackground.opacity;
+      }
+      return backgroundConfig;
+    }
+  }
+  return false;
+}
+function getResizeConfig(quill) {
+  var _a;
+  const flowChartModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["flow-chart"];
+  if (!flowChartModule || typeof flowChartModule !== "object") {
+    return false;
+  }
+  if ("resize" in flowChartModule) {
+    const resize = flowChartModule.resize;
+    return resize === true;
+  }
+  return false;
+}
+function getAllConfigs(quill) {
+  var _a, _b;
+  const deps = (_b = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["flow-chart"]) == null ? void 0 : _b.deps;
+  return {
+    gridConfig: getGridConfig(quill),
+    backgroundConfig: getBackgroundConfig(quill),
+    resizeConfig: getResizeConfig(quill),
+    deps
+  };
+}
+export {
+  getAllConfigs,
+  getBackgroundConfig,
+  getGridConfig,
+  getResizeConfig
+};
+//# sourceMappingURL=config-utils.es.js.map

package/es/modules/flow-chart/config-utils.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-utils.es.js","sources":["../../../../src/modules/flow-chart/config-utils.ts"],"sourcesContent":["import type Quill from 'quill'\nimport type { BackgroundConfig, GridOptions } from './options'\n\nexport function getGridConfig(quill: Quill | null): any {\n  const defaultGrid = {\n    size: 20,\n    visible: true,\n    type: 'dot',\n    config: {\n      color: '#ababab',\n      thickness: 1,\n    },\n  }\n\n  const flowChartModule = quill?.options.modules?.['flow-chart']\n  if (!flowChartModule || typeof flowChartModule !== 'object') {\n    return defaultGrid\n  }\n\n  if ('grid' in flowChartModule) {\n    const grid = flowChartModule.grid as GridOptions | boolean | undefined\n    if (grid === false || grid === undefined) {\n      return null\n    }\n\n    if (typeof grid === 'object' && grid !== null) {\n      const typedGrid = grid as GridOptions\n      const gridConfig = {\n        size: typedGrid.size || defaultGrid.size,\n        visible: typedGrid.visible !== undefined ? typedGrid.visible : defaultGrid.visible,\n        type: typedGrid.type || defaultGrid.type,\n        config: {\n          color: typedGrid.config?.color || defaultGrid.config.color,\n          thickness: typedGrid.config?.thickness || defaultGrid.config.thickness,\n        },\n      }\n\n      return gridConfig\n    }\n  }\n\n  return defaultGrid\n}\n\nexport function getBackgroundConfig(quill: Quill | null): false | object {\n  const flowChartModule = quill?.options.modules?.['flow-chart']\n  if (!flowChartModule || typeof flowChartModule !== 'object') {\n    return false\n  }\n  if ('background' in flowChartModule) {\n    const background = flowChartModule.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      if (typedBackground.opacity) {\n        backgroundConfig.opacity = typedBackground.opacity\n      }\n      return backgroundConfig\n    }\n  }\n  return false\n}\n\nexport function getResizeConfig(quill: Quill | null): boolean {\n  const flowChartModule = quill?.options.modules?.['flow-chart']\n  if (!flowChartModule || typeof flowChartModule !== 'object') {\n    return false\n  }\n  if ('resize' in flowChartModule) {\n    const resize = (flowChartModule as any).resize as boolean | undefined\n    return resize === true\n  }\n  return false\n}\n\nexport function getAllConfigs(quill: Quill | null): {\n  gridConfig: any\n  backgroundConfig: false | object\n  resizeConfig: boolean\n  deps?: any\n} {\n  const deps = (quill?.options.modules?.['flow-chart'] as any)?.deps\n  return {\n    gridConfig: getGridConfig(quill),\n    backgroundConfig: getBackgroundConfig(quill),\n    resizeConfig: getResizeConfig(quill),\n    deps,\n  }\n}\n"],"names":[],"mappings":"AAGO,SAAS,cAAc,OAA0B;AAAjD;AACL,QAAM,cAAc;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAGF,QAAM,mBAAkB,oCAAO,QAAQ,YAAf,mBAAyB;AACjD,MAAI,CAAC,mBAAmB,OAAO,oBAAoB,UAAU;AAC3D,WAAO;AAAA,EACT;AAEA,MAAI,UAAU,iBAAiB;AAC7B,UAAM,OAAO,gBAAgB;AAC7B,QAAI,SAAS,SAAS,SAAS,QAAW;AACxC,aAAO;AAAA,IACT;AAEA,QAAI,OAAO,SAAS,YAAY,SAAS,MAAM;AAC7C,YAAM,YAAY;AAClB,YAAM,aAAa;AAAA,QACjB,MAAM,UAAU,QAAQ,YAAY;AAAA,QACpC,SAAS,UAAU,YAAY,SAAY,UAAU,UAAU,YAAY;AAAA,QAC3E,MAAM,UAAU,QAAQ,YAAY;AAAA,QACpC,QAAQ;AAAA,UACN,SAAO,eAAU,WAAV,mBAAkB,UAAS,YAAY,OAAO;AAAA,UACrD,aAAW,eAAU,WAAV,mBAAkB,cAAa,YAAY,OAAO;AAAA,QAAA;AAAA,MAC/D;AAGF,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,oBAAoB,OAAqC;AAzClE;AA0CL,QAAM,mBAAkB,oCAAO,QAAQ,YAAf,mBAAyB;AACjD,MAAI,CAAC,mBAAmB,OAAO,oBAAoB,UAAU;AAC3D,WAAO;AAAA,EACT;AACA,MAAI,gBAAgB,iBAAiB;AACnC,UAAM,aAAa,gBAAgB;AAEnC,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,UAAI,gBAAgB,SAAS;AAC3B,yBAAiB,UAAU,gBAAgB;AAAA,MAC7C;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,gBAAgB,OAA8B;AAhFvD;AAiFL,QAAM,mBAAkB,oCAAO,QAAQ,YAAf,mBAAyB;AACjD,MAAI,CAAC,mBAAmB,OAAO,oBAAoB,UAAU;AAC3D,WAAO;AAAA,EACT;AACA,MAAI,YAAY,iBAAiB;AAC/B,UAAM,SAAU,gBAAwB;AACxC,WAAO,WAAW;AAAA,EACpB;AACA,SAAO;AACT;AAEO,SAAS,cAAc,OAK5B;AAjGK;AAkGL,QAAM,QAAQ,0CAAO,QAAQ,YAAf,mBAAyB,kBAAzB,mBAAgD;AAC9D,SAAO;AAAA,IACL,YAAY,cAAc,KAAK;AAAA,IAC/B,kBAAkB,oBAAoB,KAAK;AAAA,IAC3C,cAAc,gBAAgB,KAAK;AAAA,IACnC;AAAA,EAAA;AAEJ;"}

package/es/modules/flow-chart/formats/flow-chart-blot.es.js

@@ -0,0 +1,369 @@
+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 { FlowChartResizeAction } from "../modules/custom-resize-action.es.js";
+/* empty css                          */
+const BlockEmbed = Quill.import("blots/embed");
+const _FlowChartPlaceholderBlot = class _FlowChartPlaceholderBlot extends BlockEmbed {
+  constructor(scroll, domNode) {
+    super(scroll, domNode);
+    __publicField(this, "quill", null);
+    __publicField(this, "flowChart", null);
+    __publicField(this, "data");
+    __publicField(this, "contextMenu", null);
+    __publicField(this, "currentElement", null);
+    __publicField(this, "width", 100);
+    __publicField(this, "height", 500);
+    __publicField(this, "parentObserver", null);
+    __publicField(this, "nextPObserver", null);
+    const data = _FlowChartPlaceholderBlot.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 = _FlowChartPlaceholderBlot.value(this.domNode);
+    this.initFlowChart();
+  }
+  static value(domNode) {
+    const dataStr = JSON.parse(domNode.getAttribute("data-flow-chart"));
+    const value = dataStr.root ? dataStr.root : 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.root ? dataStr.root : dataStr;
+  }
+  static create(value) {
+    const node = super.create();
+    if (value) {
+      node.setAttribute("data-flow-chart", 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 = _FlowChartPlaceholderBlot.findQuill(this.domNode);
+  }
+  initFlowChart() {
+    if (this.domNode.isConnected) {
+      this.insertFlowChartEditor();
+    } else {
+      const observer = new MutationObserver(() => {
+        if (this.domNode.isConnected) {
+          this.insertFlowChartEditor();
+          observer.disconnect();
+        }
+      });
+      observer.observe(document.body, { childList: true, subtree: true });
+    }
+  }
+  insertFlowChartEditor() {
+    this.domNode.style.width = `${this.width}${this.data.width ? "px" : "%"}`;
+    this.domNode.style.height = `${this.height}px`;
+    this.updateAlignmentStyle();
+    this.observeParentAlignment();
+    const { gridConfig, backgroundConfig, resizeConfig, deps } = getAllConfigs(this.quill);
+    const { LogicFlow, DndPanel, SelectionSelect, Snapshot } = deps || window;
+    this.flowChart = new LogicFlow({
+      container: this.domNode,
+      stopScrollGraph: true,
+      stopZoomGraph: true,
+      allowResize: true,
+      allowRotate: true,
+      editable: true,
+      preventDefaultDoubleClick: true,
+      preventDefault: true,
+      grid: gridConfig,
+      background: backgroundConfig,
+      plugins: [DndPanel, SelectionSelect, Snapshot]
+    });
+    this.flowChart.setPatternItems([
+      {
+        className: "lf-shape-dashed",
+        callback: () => {
+          this.flowChart.openSelectionSelect();
+          this.flowChart.once("selection:selected", () => {
+            this.flowChart.closeSelectionSelect();
+          });
+        }
+      },
+      {
+        type: "rect",
+        text: "矩形",
+        className: "lf-shape-rect"
+      },
+      {
+        type: "circle",
+        text: "圆形",
+        className: "lf-shape-circle"
+      },
+      {
+        type: "ellipse",
+        text: "椭圆",
+        className: "lf-shape-ellipse"
+      },
+      {
+        type: "diamond",
+        text: "菱形",
+        className: "lf-shape-diamond"
+      }
+    ]);
+    if (resizeConfig) {
+      new FlowChartResizeAction(this);
+    }
+    createControlPanel(this, this.quill);
+    initContextMenu(this, this.quill);
+    this.observeOwnParentChange();
+    this.observeNextPElement();
+    this.addMouseHoverEvents();
+    this.flowChart.render(this.data);
+    this.flowChart.on("graph:updated", () => {
+      this.data = this.flowChart.getGraphData();
+      this.domNode.setAttribute("data-flow-chart", JSON.stringify(this.data));
+    });
+    this.flowChart.on("history:change", () => {
+      this.data = this.flowChart.getGraphData();
+      this.domNode.setAttribute("data-flow-chart", JSON.stringify(this.data));
+    });
+    this.flowChart.on("node:dbclick", this.handleNodeDblClick.bind(this));
+    this.flowChart.on("edge:dbclick", this.handleNodeDblClick.bind(this));
+    this.domNode.addEventListener("click", (e) => {
+      if (this.quill) {
+        const flowChartBlot = Quill.find(this.domNode);
+        const index = this.quill.getIndex(flowChartBlot);
+        if (index && typeof index === "number") {
+          this.quill.setSelection(index + 1, 0);
+        }
+      }
+    });
+  }
+  addMouseHoverEvents() {
+    this.domNode.addEventListener("mouseenter", () => {
+      this.showControlPanel();
+    });
+    this.domNode.addEventListener("mouseleave", () => {
+      var _a;
+      (_a = this.flowChart) == null ? void 0 : _a.clearSelectElements();
+      this.hideControlPanel();
+    });
+  }
+  getControlElements() {
+    const leftUpControl = this.domNode.querySelector(".lf-dndpanel");
+    const control = this.domNode.querySelector(".ql-flow-chart-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 = "block";
+    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") || `flow-chart-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(event) {
+    const { data, position, e } = event;
+    if (data && data.id) {
+      this.createEditInput(data, position, e);
+    }
+  }
+  // 创建编辑输入框
+  createEditInput(nodeData, position, e) {
+    var _a;
+    const input = document.createElement("textarea");
+    input.className = "ql-flow-chart-edit-input";
+    input.value = ((_a = nodeData.text) == null ? void 0 : _a.value) || "";
+    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",
+      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}px`,
+      top: `${e.pageY}px`,
+      overflow: "hidden"
+    });
+    document.body.appendChild(input);
+    autoResize();
+    input.addEventListener("input", autoResize);
+    input.addEventListener("keydown", (e2) => {
+      if (e2.key === "Enter" && !e2.shiftKey) {
+        this.flowChart.updateText(nodeData.id, input.value);
+        autoResize();
+      }
+    });
+    input.focus();
+    this.flowChart.on("blank:mousedown", () => {
+      this.flowChart.updateText(nodeData.id, input.value);
+      input.remove();
+    });
+    this.flowChart.on("node:click", () => {
+      this.flowChart.updateText(nodeData.id, input.value);
+      input.remove();
+    });
+    this.flowChart.on("edge:click", () => {
+      this.flowChart.updateText(nodeData.id, input.value);
+      input.remove();
+    });
+  }
+  updateText(nodeId, text) {
+    this.flowChart.updateNode(nodeId, {
+      text: { value: text }
+    });
+  }
+  destroyFlowChart() {
+    if (this.flowChart) {
+      this.flowChart.destroy();
+      this.flowChart = null;
+    }
+    const editInputs = document.querySelectorAll(".ql-flow-chart-edit-input");
+    editInputs.forEach((input) => input.remove());
+    if (this.nextPObserver) {
+      this.nextPObserver.disconnect();
+      this.nextPObserver = null;
+    }
+  }
+  remove() {
+    this.destroyFlowChart();
+    super.remove();
+  }
+};
+__publicField(_FlowChartPlaceholderBlot, "blotName", "flow-chart");
+__publicField(_FlowChartPlaceholderBlot, "tagName", "div");
+__publicField(_FlowChartPlaceholderBlot, "className", "ql-flow-chart-item");
+let FlowChartPlaceholderBlot = _FlowChartPlaceholderBlot;
+export {
+  FlowChartPlaceholderBlot as default
+};
+//# sourceMappingURL=flow-chart-blot.es.js.map