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

package/lib/modules/custom-image/actions/{CustomResizeAction.cjs.js.map → custom-resize-action.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CustomResizeAction.cjs.js","sources":["../../../../../src/modules/custom-image/actions/CustomResizeAction.ts"],"sourcesContent":["import Action from './Action'\r\n\r\nconst MIN_WIDTH = 40\r\n\r\nfunction getElementStyle(element) {\r\n  return element.currentStyle\r\n    ? element.currentStyle\r\n    : window.getComputedStyle(element, null)\r\n}\r\nexport default class CustomResizeAction extends Action {\r\n  topLeftHandle: HTMLElement\r\n  topRightHandle: HTMLElement\r\n  bottomRightHandle: HTMLElement\r\n  bottomLeftHandle: HTMLElement\r\n  dragHandle: HTMLElement\r\n  dragStartX: number\r\n  preDragWidth: number\r\n  targetRatio: number\r\n  maxWidth: number\r\n  minWidth: number\r\n\r\n  constructor(formatter) {\r\n    super(formatter)\r\n    this.topLeftHandle = this.createHandle('top-left', 'nwse-resize')\r\n    this.topRightHandle = this.createHandle('top-right', 'nesw-resize')\r\n    this.bottomRightHandle = this.createHandle('bottom-right', 'nwse-resize')\r\n    this.bottomLeftHandle = this.createHandle('bottom-left', 'nesw-resize')\r\n    this.dragHandle = null\r\n    this.dragStartX = 0\r\n    this.preDragWidth = 0\r\n    this.targetRatio = 0\r\n    this.maxWidth = 0\r\n    this.minWidth = MIN_WIDTH\r\n  }\r\n\r\n  onCreate() {\r\n    const target: any = this.formatter.currentSpec.getTargetElement()\r\n    this.formatter.overlay.setAttribute('data-image', target.src)\r\n    this.formatter.overlay.appendChild(this.topLeftHandle)\r\n    this.formatter.overlay.appendChild(this.topRightHandle)\r\n    this.formatter.overlay.appendChild(this.bottomRightHandle)\r\n    this.formatter.overlay.appendChild(this.bottomLeftHandle)\r\n    this.repositionHandles(this.formatter.options.resize.handleStyle)\r\n  }\r\n\r\n  onDestroy() {\r\n    this.setCursor('')\r\n    this.formatter.overlay.removeChild(this.topLeftHandle)\r\n    this.formatter.overlay.removeChild(this.topRightHandle)\r\n    this.formatter.overlay.removeChild(this.bottomRightHandle)\r\n    this.formatter.overlay.removeChild(this.bottomLeftHandle)\r\n  }\r\n\r\n  createHandle(position: string, cursor: string): HTMLElement {\r\n    const box = document.createElement('div')\r\n    box.classList.add(this.formatter.options.resize.handleClassName)\r\n    box.setAttribute('data-position', position)\r\n    box.style.cursor = cursor\r\n\r\n    if (this.formatter.options.resize.handleStyle) {\r\n      Object.assign(box.style, this.formatter.options.resize.handleStyle)\r\n    }\r\n\r\n    box.addEventListener('mousedown', this.onMouseDown)\r\n    return box\r\n  }\r\n\r\n  repositionHandles(handleStyle: any) {\r\n    let handleXOffset = '0px'\r\n    let handleYOffset = '0px'\r\n    if (handleStyle) {\r\n      if (handleStyle.width) {\r\n        handleXOffset = `${-Number.parseFloat(handleStyle.width) / 2}px`\r\n      }\r\n      if (handleStyle.height) {\r\n        handleYOffset = `${-Number.parseFloat(handleStyle.height) / 2}px`\r\n      }\r\n    }\r\n\r\n    Object.assign(this.topLeftHandle.style, { left: handleXOffset, top: handleYOffset })\r\n    Object.assign(this.topRightHandle.style, { right: handleXOffset, top: handleYOffset })\r\n    Object.assign(this.bottomRightHandle.style, { right: handleXOffset, bottom: handleYOffset })\r\n    Object.assign(this.bottomLeftHandle.style, { left: handleXOffset, bottom: handleYOffset })\r\n  }\r\n\r\n  setCursor(value: string) {\r\n    if (document.body) {\r\n      document.body.style.cursor = value\r\n    }\r\n\r\n    if (this.formatter.currentSpec) {\r\n      const target = this.formatter.currentSpec.getOverlayElement()\r\n      if (target) {\r\n        target.style.cursor = value\r\n      }\r\n    }\r\n  }\r\n\r\n  onMouseDown = (event: MouseEvent) => {\r\n    if (!(event.target instanceof HTMLElement)) {\r\n      return\r\n    }\r\n\r\n    this.dragHandle = event.target\r\n    this.setCursor(this.dragHandle.style.cursor)\r\n\r\n    if (!this.formatter.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const target = this.formatter.currentSpec.getTargetElement()\r\n    if (!target) {\r\n      return\r\n    }\r\n    event.preventDefault()\r\n    const rect = target.getBoundingClientRect()\r\n\r\n    this.dragStartX = event.clientX\r\n    this.preDragWidth = rect.width\r\n    this.targetRatio = rect.height / rect.width\r\n\r\n    let root: HTMLElement\r\n    let rootStyle: any\r\n    const tdWrap = this.findTd(target, 0)\r\n    if (tdWrap) {\r\n      root = tdWrap\r\n      rootStyle = getElementStyle(tdWrap)\r\n    }\r\n    else {\r\n      root = this.formatter.quill.root\r\n      rootStyle = getElementStyle(root)\r\n    }\r\n    this.maxWidth = root.clientWidth\r\n      - Number.parseFloat(rootStyle.paddingRight)\r\n      - Number.parseFloat(rootStyle.paddingLeft)\r\n\r\n    document.addEventListener('mousemove', this.onDrag)\r\n    document.addEventListener('mouseup', this.onMouseUp)\r\n  }\r\n\r\n  findTd = (node: HTMLElement, level: number) => {\r\n    if (level > 3) {\r\n      return null\r\n    }\r\n\r\n    const tagName = node.tagName.toUpperCase()\r\n    if (tagName === 'TD') {\r\n      return node\r\n    }\r\n    else {\r\n      const parentNode = node.parentElement\r\n      if (parentNode) {\r\n        return (this.findTd(parentNode, level += 1))\r\n      }\r\n      else {\r\n        return null\r\n      }\r\n    }\r\n  }\r\n\r\n  onDrag = (event: MouseEvent) => {\r\n    if (!this.formatter.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const target = this.formatter.currentSpec.getTargetElement()\r\n    if (!target) {\r\n      return\r\n    }\r\n\r\n    const deltaX = event.clientX - this.dragStartX\r\n    let newWidth = 0\r\n\r\n    if (this.dragHandle === this.topLeftHandle || this.dragHandle === this.bottomLeftHandle) {\r\n      newWidth = Math.round(this.preDragWidth - deltaX)\r\n    }\r\n    else {\r\n      newWidth = Math.round(this.preDragWidth + deltaX)\r\n    }\r\n\r\n    let minWidth = this.minWidth\r\n\r\n    if (this.maxWidth < minWidth) {\r\n      minWidth = this.maxWidth\r\n    }\r\n\r\n    if (newWidth > this.maxWidth) {\r\n      newWidth = this.maxWidth\r\n    }\r\n    else if (newWidth < minWidth) {\r\n      newWidth = minWidth\r\n    }\r\n\r\n    const newHeight = this.targetRatio * newWidth\r\n\r\n    target.setAttribute('width', `${newWidth}`)\r\n    target.setAttribute('height', `${newHeight}`)\r\n\r\n    this.formatter.update()\r\n  }\r\n\r\n  onMouseUp = () => {\r\n    this.setCursor('')\r\n    document.removeEventListener('mousemove', this.onDrag)\r\n    document.removeEventListener('mouseup', this.onMouseUp)\r\n  }\r\n}\r\n"],"names":["Action"],"mappings":"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"}
+{"version":3,"file":"custom-resize-action.cjs.js","sources":["../../../../../src/modules/custom-image/actions/custom-resize-action.ts"],"sourcesContent":["import { Action } from './action'\r\n\r\nconst MIN_WIDTH = 40\r\n\r\nfunction getElementStyle(element) {\r\n  return element.currentStyle\r\n    ? element.currentStyle\r\n    : window.getComputedStyle(element, null)\r\n}\r\nexport class CustomResizeAction extends Action {\r\n  topLeftHandle: HTMLElement\r\n  topRightHandle: HTMLElement\r\n  bottomRightHandle: HTMLElement\r\n  bottomLeftHandle: HTMLElement\r\n  dragHandle: HTMLElement\r\n  dragStartX: number\r\n  preDragWidth: number\r\n  targetRatio: number\r\n  maxWidth: number\r\n  minWidth: number\r\n\r\n  constructor(formatter) {\r\n    super(formatter)\r\n    this.topLeftHandle = this.createHandle('top-left', 'nwse-resize')\r\n    this.topRightHandle = this.createHandle('top-right', 'nesw-resize')\r\n    this.bottomRightHandle = this.createHandle('bottom-right', 'nwse-resize')\r\n    this.bottomLeftHandle = this.createHandle('bottom-left', 'nesw-resize')\r\n    this.dragHandle = null\r\n    this.dragStartX = 0\r\n    this.preDragWidth = 0\r\n    this.targetRatio = 0\r\n    this.maxWidth = 0\r\n    this.minWidth = MIN_WIDTH\r\n  }\r\n\r\n  onCreate() {\r\n    const target: any = this.formatter.currentSpec.getTargetElement()\r\n    this.formatter.overlay.setAttribute('data-image', target.src)\r\n    this.formatter.overlay.appendChild(this.topLeftHandle)\r\n    this.formatter.overlay.appendChild(this.topRightHandle)\r\n    this.formatter.overlay.appendChild(this.bottomRightHandle)\r\n    this.formatter.overlay.appendChild(this.bottomLeftHandle)\r\n    this.repositionHandles(this.formatter.options.resize.handleStyle)\r\n  }\r\n\r\n  onDestroy() {\r\n    this.setCursor('')\r\n    this.formatter.overlay.removeChild(this.topLeftHandle)\r\n    this.formatter.overlay.removeChild(this.topRightHandle)\r\n    this.formatter.overlay.removeChild(this.bottomRightHandle)\r\n    this.formatter.overlay.removeChild(this.bottomLeftHandle)\r\n  }\r\n\r\n  createHandle(position: string, cursor: string): HTMLElement {\r\n    const box = document.createElement('div')\r\n    box.classList.add(this.formatter.options.resize.handleClassName)\r\n    box.setAttribute('data-position', position)\r\n    box.style.cursor = cursor\r\n\r\n    if (this.formatter.options.resize.handleStyle) {\r\n      Object.assign(box.style, this.formatter.options.resize.handleStyle)\r\n    }\r\n\r\n    box.addEventListener('mousedown', this.onMouseDown)\r\n    return box\r\n  }\r\n\r\n  repositionHandles(handleStyle: any) {\r\n    let handleXOffset = '0px'\r\n    let handleYOffset = '0px'\r\n    if (handleStyle) {\r\n      if (handleStyle.width) {\r\n        handleXOffset = `${-Number.parseFloat(handleStyle.width) / 2}px`\r\n      }\r\n      if (handleStyle.height) {\r\n        handleYOffset = `${-Number.parseFloat(handleStyle.height) / 2}px`\r\n      }\r\n    }\r\n\r\n    Object.assign(this.topLeftHandle.style, { left: handleXOffset, top: handleYOffset })\r\n    Object.assign(this.topRightHandle.style, { right: handleXOffset, top: handleYOffset })\r\n    Object.assign(this.bottomRightHandle.style, { right: handleXOffset, bottom: handleYOffset })\r\n    Object.assign(this.bottomLeftHandle.style, { left: handleXOffset, bottom: handleYOffset })\r\n  }\r\n\r\n  setCursor(value: string) {\r\n    if (document.body) {\r\n      document.body.style.cursor = value\r\n    }\r\n\r\n    if (this.formatter.currentSpec) {\r\n      const target = this.formatter.currentSpec.getOverlayElement()\r\n      if (target) {\r\n        target.style.cursor = value\r\n      }\r\n    }\r\n  }\r\n\r\n  onMouseDown = (event: MouseEvent) => {\r\n    if (!(event.target instanceof HTMLElement)) {\r\n      return\r\n    }\r\n\r\n    this.dragHandle = event.target\r\n    this.setCursor(this.dragHandle.style.cursor)\r\n\r\n    if (!this.formatter.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const target = this.formatter.currentSpec.getTargetElement()\r\n    if (!target) {\r\n      return\r\n    }\r\n    event.preventDefault()\r\n    const rect = target.getBoundingClientRect()\r\n\r\n    this.dragStartX = event.clientX\r\n    this.preDragWidth = rect.width\r\n    this.targetRatio = rect.height / rect.width\r\n\r\n    let root: HTMLElement\r\n    let rootStyle: any\r\n    const tdWrap = this.findTd(target, 0)\r\n    if (tdWrap) {\r\n      root = tdWrap\r\n      rootStyle = getElementStyle(tdWrap)\r\n    }\r\n    else {\r\n      root = this.formatter.quill.root\r\n      rootStyle = getElementStyle(root)\r\n    }\r\n    this.maxWidth = root.clientWidth\r\n      - Number.parseFloat(rootStyle.paddingRight)\r\n      - Number.parseFloat(rootStyle.paddingLeft)\r\n\r\n    document.addEventListener('mousemove', this.onDrag)\r\n    document.addEventListener('mouseup', this.onMouseUp)\r\n  }\r\n\r\n  findTd = (node: HTMLElement, level: number) => {\r\n    if (level > 3) {\r\n      return null\r\n    }\r\n\r\n    const tagName = node.tagName.toUpperCase()\r\n    if (tagName === 'TD') {\r\n      return node\r\n    }\r\n    else {\r\n      const parentNode = node.parentElement\r\n      if (parentNode) {\r\n        return (this.findTd(parentNode, level += 1))\r\n      }\r\n      else {\r\n        return null\r\n      }\r\n    }\r\n  }\r\n\r\n  onDrag = (event: MouseEvent) => {\r\n    if (!this.formatter.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const target = this.formatter.currentSpec.getTargetElement()\r\n    if (!target) {\r\n      return\r\n    }\r\n\r\n    const deltaX = event.clientX - this.dragStartX\r\n    let newWidth = 0\r\n\r\n    if (this.dragHandle === this.topLeftHandle || this.dragHandle === this.bottomLeftHandle) {\r\n      newWidth = Math.round(this.preDragWidth - deltaX)\r\n    }\r\n    else {\r\n      newWidth = Math.round(this.preDragWidth + deltaX)\r\n    }\r\n\r\n    let minWidth = this.minWidth\r\n\r\n    if (this.maxWidth < minWidth) {\r\n      minWidth = this.maxWidth\r\n    }\r\n\r\n    if (newWidth > this.maxWidth) {\r\n      newWidth = this.maxWidth\r\n    }\r\n    else if (newWidth < minWidth) {\r\n      newWidth = minWidth\r\n    }\r\n\r\n    const newHeight = this.targetRatio * newWidth\r\n\r\n    target.setAttribute('width', `${newWidth}`)\r\n    target.setAttribute('height', `${newHeight}`)\r\n\r\n    this.formatter.update()\r\n  }\r\n\r\n  onMouseUp = () => {\r\n    this.setCursor('')\r\n    document.removeEventListener('mousemove', this.onDrag)\r\n    document.removeEventListener('mouseup', this.onMouseUp)\r\n  }\r\n}\r\n"],"names":["Action"],"mappings":"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"}

package/lib/modules/custom-image/actions/{DeleteAction.cjs.js → delete-action.cjs.js}

@@ -1,11 +1,14 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Quill = require("quill");
-const Action = require("./Action.cjs.js");
-class DeleteAction extends Action.default {
+const action = require("./action.cjs.js");
+class DeleteAction extends action.Action {
   constructor() {
     super(...arguments);
-    this.onKeyUp = (event) => {
+    __publicField(this, "onKeyUp", (event) => {
       if (!this.formatter.currentSpec) {
         return;
       }
@@ -16,7 +19,7 @@ class DeleteAction extends Action.default {
         }
         this.formatter.hide();
       }
-    };
+    });
   }
   onCreate() {
     document.addEventListener("keyup", this.onKeyUp, true);
@@ -27,5 +30,5 @@ class DeleteAction extends Action.default {
     this.formatter.quill.root.removeEventListener("input", this.onKeyUp);
   }
 }
-exports.default = DeleteAction;
-//# sourceMappingURL=DeleteAction.cjs.js.map
+exports.DeleteAction = DeleteAction;
+//# sourceMappingURL=delete-action.cjs.js.map

package/lib/modules/custom-image/actions/delete-action.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-action.cjs.js","sources":["../../../../../src/modules/custom-image/actions/delete-action.ts"],"sourcesContent":["import type { Parchment as TypeParchment } from 'quill'\r\nimport Quill from 'quill'\r\nimport { Action } from './action'\r\n\r\nexport class DeleteAction extends Action {\r\n  onCreate() {\r\n    document.addEventListener('keyup', this.onKeyUp, true)\r\n    this.formatter.quill.root.addEventListener('input', this.onKeyUp, true)\r\n  }\r\n\r\n  onDestroy() {\r\n    document.removeEventListener('keyup', this.onKeyUp)\r\n    this.formatter.quill.root.removeEventListener('input', this.onKeyUp)\r\n  }\r\n\r\n  onKeyUp = (event: any) => {\r\n    if (!this.formatter.currentSpec) {\r\n      return\r\n    }\r\n\r\n    // delete or backspace\r\n    if (event.keyCode === 46 || event.keyCode === 8) {\r\n      const blot = Quill.find(this.formatter.currentSpec.getTargetElement()) as TypeParchment.Blot\r\n      if (blot) {\r\n        // TODO: fix later\r\n        // @ts-ignore\r\n        blot.deleteAt(0)\r\n      }\r\n      this.formatter.hide()\r\n    }\r\n  }\r\n}\r\n"],"names":["Action"],"mappings":";;;;;;;AAIO,MAAM,qBAAqBA,OAAAA,OAAO;AAAA,EAAlC;AAAA;AAWL,mCAAU,CAAC,UAAe;AACpB,UAAA,CAAC,KAAK,UAAU,aAAa;AAC/B;AAAA,MAAA;AAIF,UAAI,MAAM,YAAY,MAAM,MAAM,YAAY,GAAG;AAC/C,cAAM,OAAO,MAAM,KAAK,KAAK,UAAU,YAAY,kBAAkB;AACrE,YAAI,MAAM;AAGR,eAAK,SAAS,CAAC;AAAA,QAAA;AAEjB,aAAK,UAAU,KAAK;AAAA,MAAA;AAAA,IAExB;AAAA;AAAA,EAzBA,WAAW;AACT,aAAS,iBAAiB,SAAS,KAAK,SAAS,IAAI;AACrD,SAAK,UAAU,MAAM,KAAK,iBAAiB,SAAS,KAAK,SAAS,IAAI;AAAA,EAAA;AAAA,EAGxE,YAAY;AACD,aAAA,oBAAoB,SAAS,KAAK,OAAO;AAClD,SAAK,UAAU,MAAM,KAAK,oBAAoB,SAAS,KAAK,OAAO;AAAA,EAAA;AAmBvE;;"}

package/lib/modules/custom-image/actions/image-toolbar-buttons.cjs.js

@@ -0,0 +1,137 @@
+"use strict";
+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);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const is = require("../../../utils/is.cjs.js");
+const options = require("../options.cjs.js");
+const ALIGN_ATTR = "data-align";
+function setAlignStyle(el, display, float, margin) {
+  el.style.setProperty("display", display);
+  el.style.setProperty("float", float);
+  el.style.setProperty("margin", margin);
+}
+const alignmentHandler = {
+  left: (el, toolbarButtons) => {
+    setAlignStyle(el, "inline", "left", "0 1em 1em 0");
+  },
+  center: (el, toolbarButtons) => {
+    setAlignStyle(el, "block", null, "auto");
+  },
+  right: (el, toolbarButtons) => {
+    setAlignStyle(el, "inline", "right", "0 0 1em 1em");
+  },
+  download: (el, toolbarButtons) => {
+    const imageName = el.dataset.title || "image";
+    const url = el.src || "";
+    if (!url) return;
+    const a = document.createElement("a");
+    a.href = url;
+    a.target = "_blank";
+    a.download = imageName;
+    a.style.display = "none";
+    document.body.appendChild(a);
+    a.click();
+    a.parentNode.removeChild(a);
+  },
+  copy: async (el, toolbarButtons) => {
+    if (!el.src) return;
+    const imageUrl = el.src;
+    try {
+      const response = await fetch(imageUrl);
+      if (!response.ok) {
+        throw new Error("Copy image failed");
+      }
+      const blob = await response.blob();
+      await navigator.clipboard.write([new ClipboardItem({ [blob.type]: blob })]);
+    } catch (e) {
+      throw new Error("Copy image failed");
+    }
+  }
+};
+const defaultButtons = {
+  [options.LEFT_ALIGN]: {
+    name: options.LEFT_ALIGN,
+    icon: `
+        <svg viewbox="0 0 18 18">
+          <line class="ql-stroke" x1="3" x2="15" y1="9" y2="9"></line>
+          <line class="ql-stroke" x1="3" x2="13" y1="14" y2="14"></line>
+          <line class="ql-stroke" x1="3" x2="9" y1="4" y2="4"></line>
+        </svg>
+      `,
+    isActive: (el) => el.getAttribute(ALIGN_ATTR) === "left",
+    apply: (el, toolbarButtons) => {
+      el.setAttribute(ALIGN_ATTR, "left");
+      alignmentHandler.left(el, toolbarButtons);
+    }
+  },
+  [options.CENTER_ALIGN]: {
+    name: options.CENTER_ALIGN,
+    icon: `
+        <svg viewbox="0 0 18 18">
+          <line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"></line>
+          <line class="ql-stroke" x1="14" x2="4" y1="14" y2="14"></line>
+          <line class="ql-stroke" x1="12" x2="6" y1="4" y2="4"></line>
+        </svg>
+      `,
+    isActive: (el) => el.getAttribute(ALIGN_ATTR) === "center",
+    apply: (el, toolbarButtons) => {
+      el.setAttribute(ALIGN_ATTR, "center");
+      alignmentHandler.center(el, toolbarButtons);
+    }
+  },
+  [options.RIGHT_ALIGN]: {
+    name: options.RIGHT_ALIGN,
+    icon: `
+        <svg viewbox="0 0 18 18">
+          <line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"></line>
+          <line class="ql-stroke" x1="15" x2="5" y1="14" y2="14"></line>
+          <line class="ql-stroke" x1="15" x2="9" y1="4" y2="4"></line>
+        </svg>
+      `,
+    isActive: (el) => el.getAttribute(ALIGN_ATTR) === "right",
+    apply: (el, toolbarButtons) => {
+      el.setAttribute(ALIGN_ATTR, "right");
+      alignmentHandler.right(el, toolbarButtons);
+    }
+  },
+  [options.DOWNLOAD]: {
+    name: options.DOWNLOAD,
+    icon: `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path class="ql-fill" d="M26 24v4H6v-4H4v4a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-4zm0-10l-1.41-1.41L17 20.17V2h-2v18.17l-7.59-7.58L6 14l10 10z"/></svg>`,
+    apply: (el, toolbarButtons) => {
+      alignmentHandler.download(el, toolbarButtons);
+    }
+  },
+  [options.COPY]: {
+    name: options.COPY,
+    icon: `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path class="ql-fill" d="M28 10v18H10V10zm0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2"/><path class="ql-fill" d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z"/></svg>`,
+    apply: (el, toolbarButtons) => {
+      alignmentHandler.copy(el, toolbarButtons);
+    }
+  }
+};
+class ImageToolbarButtons {
+  constructor(options2) {
+    __publicField(this, "buttons");
+    this.buttons = Object.entries(options2.buttons).reduce((acc, [name, button]) => {
+      if (is.isBoolean(button) && button && defaultButtons[name]) {
+        acc[name] = defaultButtons[name];
+      } else if (is.isObject(button)) {
+        acc[button.name] = button;
+      }
+      return acc;
+    }, {});
+  }
+  getItems() {
+    return Object.keys(this.buttons).map((k) => this.buttons[k]);
+  }
+  clear(el) {
+    el.removeAttribute(ALIGN_ATTR);
+    setAlignStyle(el, null, null, null);
+  }
+}
+exports.ALIGN_ATTR = ALIGN_ATTR;
+exports.ImageToolbarButtons = ImageToolbarButtons;
+exports.alignmentHandler = alignmentHandler;
+exports.setAlignStyle = setAlignStyle;
+//# sourceMappingURL=image-toolbar-buttons.cjs.js.map

package/lib/modules/custom-image/actions/image-toolbar-buttons.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-toolbar-buttons.cjs.js","sources":["../../../../../src/modules/custom-image/actions/image-toolbar-buttons.ts"],"sourcesContent":["import type { ToolbarButtonOptions, ToolButtonOption } from '../options'\r\nimport { isBoolean, isObject } from '../../../utils/is'\r\nimport { CENTER_ALIGN, COPY, DOWNLOAD, LEFT_ALIGN, RIGHT_ALIGN } from '../options'\r\n\r\nexport const ALIGN_ATTR = 'data-align'\r\n\r\nexport function setAlignStyle(el: HTMLElement, display: string | null, float: string | null, margin: string | null) {\r\n  el.style.setProperty('display', display)\r\n  el.style.setProperty('float', float)\r\n  el.style.setProperty('margin', margin)\r\n}\r\nexport const alignmentHandler = {\r\n  left: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => {\r\n    setAlignStyle(el, 'inline', 'left', '0 1em 1em 0')\r\n  },\r\n  center: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => {\r\n    setAlignStyle(el, 'block', null, 'auto')\r\n  },\r\n  right: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => {\r\n    setAlignStyle(el, 'inline', 'right', '0 0 1em 1em')\r\n  },\r\n  download: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n    const imageName = el.dataset.title || 'image'\r\n    const url = el.src || ''\r\n    if (!url) return\r\n    const a = document.createElement('a')\r\n    a.href = url\r\n    a.target = '_blank'\r\n    a.download = imageName\r\n    a.style.display = 'none'\r\n    document.body.appendChild(a)\r\n    a.click()\r\n    a.parentNode.removeChild(a)\r\n  },\r\n  copy: async (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n    if (!el.src) return\r\n    const imageUrl = el.src\r\n    try {\r\n      const response = await fetch(imageUrl)\r\n      if (!response.ok) {\r\n        throw new Error('Copy image failed')\r\n      }\r\n      const blob = await response.blob()\r\n      await navigator.clipboard.write([new ClipboardItem({ [blob.type]: blob })])\r\n    }\r\n    catch (e) {\r\n      throw new Error('Copy image failed')\r\n    }\r\n  },\r\n}\r\nconst defaultButtons: Record<string, ToolButtonOption> = {\r\n  [LEFT_ALIGN]: {\r\n    name: LEFT_ALIGN,\r\n    icon: `\r\n        <svg viewbox=\"0 0 18 18\">\r\n          <line class=\"ql-stroke\" x1=\"3\" x2=\"15\" y1=\"9\" y2=\"9\"></line>\r\n          <line class=\"ql-stroke\" x1=\"3\" x2=\"13\" y1=\"14\" y2=\"14\"></line>\r\n          <line class=\"ql-stroke\" x1=\"3\" x2=\"9\" y1=\"4\" y2=\"4\"></line>\r\n        </svg>\r\n      `,\r\n    isActive: el => el.getAttribute(ALIGN_ATTR) === 'left',\r\n    apply: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n      el.setAttribute(ALIGN_ATTR, 'left')\r\n      alignmentHandler.left(el, toolbarButtons)\r\n    },\r\n  },\r\n  [CENTER_ALIGN]: {\r\n    name: CENTER_ALIGN,\r\n    icon: `\r\n        <svg viewbox=\"0 0 18 18\">\r\n          <line class=\"ql-stroke\" x1=\"15\" x2=\"3\" y1=\"9\" y2=\"9\"></line>\r\n          <line class=\"ql-stroke\" x1=\"14\" x2=\"4\" y1=\"14\" y2=\"14\"></line>\r\n          <line class=\"ql-stroke\" x1=\"12\" x2=\"6\" y1=\"4\" y2=\"4\"></line>\r\n        </svg>\r\n      `,\r\n    isActive: el => el.getAttribute(ALIGN_ATTR) === 'center',\r\n    apply: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n      el.setAttribute(ALIGN_ATTR, 'center')\r\n      alignmentHandler.center(el, toolbarButtons)\r\n    },\r\n  },\r\n  [RIGHT_ALIGN]: {\r\n    name: RIGHT_ALIGN,\r\n    icon: `\r\n        <svg viewbox=\"0 0 18 18\">\r\n          <line class=\"ql-stroke\" x1=\"15\" x2=\"3\" y1=\"9\" y2=\"9\"></line>\r\n          <line class=\"ql-stroke\" x1=\"15\" x2=\"5\" y1=\"14\" y2=\"14\"></line>\r\n          <line class=\"ql-stroke\" x1=\"15\" x2=\"9\" y1=\"4\" y2=\"4\"></line>\r\n        </svg>\r\n      `,\r\n    isActive: el => el.getAttribute(ALIGN_ATTR) === 'right',\r\n    apply: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n      el.setAttribute(ALIGN_ATTR, 'right')\r\n      alignmentHandler.right(el, toolbarButtons)\r\n    },\r\n  },\r\n  [DOWNLOAD]: {\r\n    name: DOWNLOAD,\r\n    icon: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><path class=\"ql-fill\" d=\"M26 24v4H6v-4H4v4a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-4zm0-10l-1.41-1.41L17 20.17V2h-2v18.17l-7.59-7.58L6 14l10 10z\"/></svg>`,\r\n    apply: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n      alignmentHandler.download(el, toolbarButtons)\r\n    },\r\n  },\r\n  [COPY]: {\r\n    name: COPY,\r\n    icon: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><path class=\"ql-fill\" d=\"M28 10v18H10V10zm0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2\"/><path class=\"ql-fill\" d=\"M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z\"/></svg>`,\r\n    apply: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n      alignmentHandler.copy(el, toolbarButtons)\r\n    },\r\n  },\r\n}\r\nexport class ImageToolbarButtons {\r\n  buttons: Record<string, ToolButtonOption>\r\n\r\n  constructor(options: ToolbarButtonOptions) {\r\n    this.buttons = Object.entries(options.buttons).reduce((acc, [name, button]) => {\r\n      if (isBoolean(button) && button && defaultButtons[name]) {\r\n        acc[name] = defaultButtons[name]\r\n      }\r\n      else if (isObject(button)) {\r\n        acc[button.name] = button\r\n      }\r\n      return acc\r\n    }, {})\r\n  }\r\n\r\n  getItems(): ToolButtonOption[] {\r\n    return Object.keys(this.buttons).map(k => this.buttons[k])\r\n  }\r\n\r\n  clear(el: HTMLElement): void {\r\n    el.removeAttribute(ALIGN_ATTR)\r\n    setAlignStyle(el, null, null, null)\r\n  }\r\n}\r\n"],"names":["LEFT_ALIGN","CENTER_ALIGN","RIGHT_ALIGN","DOWNLOAD","COPY","options","isBoolean","isObject"],"mappings":";;;;;;;AAIO,MAAM,aAAa;AAEnB,SAAS,cAAc,IAAiB,SAAwB,OAAsB,QAAuB;AAC/G,KAAA,MAAM,YAAY,WAAW,OAAO;AACpC,KAAA,MAAM,YAAY,SAAS,KAAK;AAChC,KAAA,MAAM,YAAY,UAAU,MAAM;AACvC;AACO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,CAAC,IAAiB,mBAAwC;AAChD,kBAAA,IAAI,UAAU,QAAQ,aAAa;AAAA,EACnD;AAAA,EACA,QAAQ,CAAC,IAAiB,mBAAwC;AAClD,kBAAA,IAAI,SAAS,MAAM,MAAM;AAAA,EACzC;AAAA,EACA,OAAO,CAAC,IAAiB,mBAAwC;AACjD,kBAAA,IAAI,UAAU,SAAS,aAAa;AAAA,EACpD;AAAA,EACA,UAAU,CAAC,IAAsB,mBAAwC;AACjE,UAAA,YAAY,GAAG,QAAQ,SAAS;AAChC,UAAA,MAAM,GAAG,OAAO;AACtB,QAAI,CAAC,IAAK;AACJ,UAAA,IAAI,SAAS,cAAc,GAAG;AACpC,MAAE,OAAO;AACT,MAAE,SAAS;AACX,MAAE,WAAW;AACb,MAAE,MAAM,UAAU;AACT,aAAA,KAAK,YAAY,CAAC;AAC3B,MAAE,MAAM;AACN,MAAA,WAAW,YAAY,CAAC;AAAA,EAC5B;AAAA,EACA,MAAM,OAAO,IAAsB,mBAAwC;AACrE,QAAA,CAAC,GAAG,IAAK;AACb,UAAM,WAAW,GAAG;AAChB,QAAA;AACI,YAAA,WAAW,MAAM,MAAM,QAAQ;AACjC,UAAA,CAAC,SAAS,IAAI;AACV,cAAA,IAAI,MAAM,mBAAmB;AAAA,MAAA;AAE/B,YAAA,OAAO,MAAM,SAAS,KAAK;AACjC,YAAM,UAAU,UAAU,MAAM,CAAC,IAAI,cAAc,EAAE,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC;AAAA,aAErE,GAAG;AACF,YAAA,IAAI,MAAM,mBAAmB;AAAA,IAAA;AAAA,EACrC;AAEJ;AACA,MAAM,iBAAmD;AAAA,EACvD,CAACA,kBAAU,GAAG;AAAA,IACZ,MAAMA,QAAA;AAAA,IACN,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAON,UAAU,CAAA,OAAM,GAAG,aAAa,UAAU,MAAM;AAAA,IAChD,OAAO,CAAC,IAAsB,mBAAwC;AACjE,SAAA,aAAa,YAAY,MAAM;AACjB,uBAAA,KAAK,IAAI,cAAc;AAAA,IAAA;AAAA,EAE5C;AAAA,EACA,CAACC,oBAAY,GAAG;AAAA,IACd,MAAMA,QAAA;AAAA,IACN,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAON,UAAU,CAAA,OAAM,GAAG,aAAa,UAAU,MAAM;AAAA,IAChD,OAAO,CAAC,IAAsB,mBAAwC;AACjE,SAAA,aAAa,YAAY,QAAQ;AACnB,uBAAA,OAAO,IAAI,cAAc;AAAA,IAAA;AAAA,EAE9C;AAAA,EACA,CAACC,mBAAW,GAAG;AAAA,IACb,MAAMA,QAAA;AAAA,IACN,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAON,UAAU,CAAA,OAAM,GAAG,aAAa,UAAU,MAAM;AAAA,IAChD,OAAO,CAAC,IAAsB,mBAAwC;AACjE,SAAA,aAAa,YAAY,OAAO;AAClB,uBAAA,MAAM,IAAI,cAAc;AAAA,IAAA;AAAA,EAE7C;AAAA,EACA,CAACC,gBAAQ,GAAG;AAAA,IACV,MAAMA,QAAA;AAAA,IACN,MAAM;AAAA,IACN,OAAO,CAAC,IAAsB,mBAAwC;AACnD,uBAAA,SAAS,IAAI,cAAc;AAAA,IAAA;AAAA,EAEhD;AAAA,EACA,CAACC,YAAI,GAAG;AAAA,IACN,MAAMA,QAAA;AAAA,IACN,MAAM;AAAA,IACN,OAAO,CAAC,IAAsB,mBAAwC;AACnD,uBAAA,KAAK,IAAI,cAAc;AAAA,IAAA;AAAA,EAC1C;AAEJ;AACO,MAAM,oBAAoB;AAAA,EAG/B,YAAYC,UAA+B;AAF3C;AAGE,SAAK,UAAU,OAAO,QAAQA,SAAQ,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,MAAM,MAAM;AAC7E,UAAIC,GAAAA,UAAU,MAAM,KAAK,UAAU,eAAe,IAAI,GAAG;AACnD,YAAA,IAAI,IAAI,eAAe,IAAI;AAAA,MAAA,WAExBC,GAAAA,SAAS,MAAM,GAAG;AACrB,YAAA,OAAO,IAAI,IAAI;AAAA,MAAA;AAEd,aAAA;AAAA,IACT,GAAG,EAAE;AAAA,EAAA;AAAA,EAGP,WAA+B;AACtB,WAAA,OAAO,KAAK,KAAK,OAAO,EAAE,IAAI,CAAK,MAAA,KAAK,QAAQ,CAAC,CAAC;AAAA,EAAA;AAAA,EAG3D,MAAM,IAAuB;AAC3B,OAAG,gBAAgB,UAAU;AACf,kBAAA,IAAI,MAAM,MAAM,IAAI;AAAA,EAAA;AAEtC;;;;;"}

package/lib/modules/custom-image/actions/index.cjs.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const action = require("./action.cjs.js");
+const customResizeAction = require("./custom-resize-action.cjs.js");
+const deleteAction = require("./delete-action.cjs.js");
+const imageToolbarButtons = require("./image-toolbar-buttons.cjs.js");
+const toolbar = require("./toolbar.cjs.js");
+const toolbarAction = require("./toolbar-action.cjs.js");
+exports.Action = action.Action;
+exports.CustomResizeAction = customResizeAction.CustomResizeAction;
+exports.DeleteAction = deleteAction.DeleteAction;
+exports.ALIGN_ATTR = imageToolbarButtons.ALIGN_ATTR;
+exports.ImageToolbarButtons = imageToolbarButtons.ImageToolbarButtons;
+exports.alignmentHandler = imageToolbarButtons.alignmentHandler;
+exports.setAlignStyle = imageToolbarButtons.setAlignStyle;
+exports.ImageToolbar = toolbar.ImageToolbar;
+exports.ImageToolbarAction = toolbarAction.ImageToolbarAction;
+//# sourceMappingURL=index.cjs.js.map

package/lib/modules/custom-image/actions/index.cjs.js.map

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

package/lib/modules/custom-image/actions/toolbar-action.cjs.js

@@ -0,0 +1,33 @@
+"use strict";
+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);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const action = require("./action.cjs.js");
+const imageToolbarButtons = require("./image-toolbar-buttons.cjs.js");
+const toolbar = require("./toolbar.cjs.js");
+class ImageToolbarAction extends action.Action {
+  constructor(formatter) {
+    super(formatter);
+    __publicField(this, "toolbar");
+    __publicField(this, "buttons");
+    this.buttons = new imageToolbarButtons.ImageToolbarButtons({
+      buttons: formatter.options.toolbar.buttons
+    });
+    this.toolbar = new toolbar.ImageToolbar();
+  }
+  onCreate() {
+    const toolbar2 = this.toolbar.create(this.formatter, this.buttons);
+    this.formatter.overlay.appendChild(toolbar2);
+  }
+  onDestroy() {
+    const toolbar2 = this.toolbar.getElement();
+    if (!toolbar2) {
+      return;
+    }
+    this.formatter.overlay.removeChild(toolbar2);
+    this.toolbar.destroy();
+  }
+}
+exports.ImageToolbarAction = ImageToolbarAction;
+//# sourceMappingURL=toolbar-action.cjs.js.map

package/lib/modules/custom-image/actions/toolbar-action.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-action.cjs.js","sources":["../../../../../src/modules/custom-image/actions/toolbar-action.ts"],"sourcesContent":["import type { BlotFormatter } from '../blot-formatter'\r\nimport { Action } from './action'\r\nimport { ImageToolbarButtons } from './image-toolbar-buttons'\r\nimport { ImageToolbar } from './toolbar'\r\n\r\nexport class ImageToolbarAction extends Action {\r\n  toolbar: ImageToolbar\r\n  buttons: ImageToolbarButtons\r\n\r\n  constructor(formatter: BlotFormatter) {\r\n    super(formatter)\r\n    this.buttons = new ImageToolbarButtons({\r\n      buttons: formatter.options.toolbar.buttons,\r\n    })\r\n    this.toolbar = new ImageToolbar()\r\n  }\r\n\r\n  onCreate() {\r\n    const toolbar = this.toolbar.create(this.formatter, this.buttons)\r\n    this.formatter.overlay.appendChild(toolbar)\r\n  }\r\n\r\n  onDestroy() {\r\n    const toolbar = this.toolbar.getElement()\r\n    if (!toolbar) {\r\n      return\r\n    }\r\n\r\n    this.formatter.overlay.removeChild(toolbar)\r\n    this.toolbar.destroy()\r\n  }\r\n}\r\n"],"names":["Action","ImageToolbarButtons","ImageToolbar","toolbar"],"mappings":";;;;;;;;AAKO,MAAM,2BAA2BA,OAAAA,OAAO;AAAA,EAI7C,YAAY,WAA0B;AACpC,UAAM,SAAS;AAJjB;AACA;AAIO,SAAA,UAAU,IAAIC,wCAAoB;AAAA,MACrC,SAAS,UAAU,QAAQ,QAAQ;AAAA,IAAA,CACpC;AACI,SAAA,UAAU,IAAIC,qBAAa;AAAA,EAAA;AAAA,EAGlC,WAAW;AACT,UAAMC,WAAU,KAAK,QAAQ,OAAO,KAAK,WAAW,KAAK,OAAO;AAC3D,SAAA,UAAU,QAAQ,YAAYA,QAAO;AAAA,EAAA;AAAA,EAG5C,YAAY;AACJ,UAAAA,WAAU,KAAK,QAAQ,WAAW;AACxC,QAAI,CAACA,UAAS;AACZ;AAAA,IAAA;AAGG,SAAA,UAAU,QAAQ,YAAYA,QAAO;AAC1C,SAAK,QAAQ,QAAQ;AAAA,EAAA;AAEzB;;"}

package/lib/modules/custom-image/actions/toolbar.cjs.js

@@ -0,0 +1,110 @@
+"use strict";
+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);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+class ImageToolbar {
+  constructor() {
+    __publicField(this, "toolbar");
+    __publicField(this, "buttons");
+    this.toolbar = null;
+    this.buttons = [];
+  }
+  create(formatter, toolButton) {
+    const toolbar = document.createElement("div");
+    toolbar.classList.add(formatter.options.toolbar.mainClassName);
+    this.addToolbarStyle(formatter, toolbar);
+    this.addButtons(formatter, toolbar, toolButton);
+    this.toolbar = toolbar;
+    return this.toolbar;
+  }
+  destroy() {
+    this.toolbar = null;
+    this.buttons = [];
+  }
+  getElement() {
+    return this.toolbar;
+  }
+  addToolbarStyle(formatter, toolbar) {
+    if (formatter.options.toolbar.mainStyle) {
+      Object.assign(toolbar.style, formatter.options.toolbar.mainStyle);
+    }
+  }
+  addButtonStyle(button, index, formatter) {
+    if (formatter.options.toolbar.buttonStyle) {
+      Object.assign(button.style, formatter.options.toolbar.buttonStyle);
+      if (index > 0) {
+        button.style.borderLeftWidth = "0";
+      }
+    }
+    if (formatter.options.toolbar.svgStyle) {
+      Object.assign(button.children[0].style, formatter.options.toolbar.svgStyle);
+    }
+  }
+  addButtons(formatter, toolbar, toolButton) {
+    toolButton.getItems().forEach((tool, i) => {
+      const button = document.createElement("span");
+      button.classList.add(formatter.options.toolbar.buttonClassName);
+      button.innerHTML = tool.icon;
+      button.addEventListener("click", () => {
+        this.onButtonClick(button, formatter, tool, toolButton);
+      });
+      this.preselectButton(button, tool, formatter, toolButton);
+      this.addButtonStyle(button, i, formatter);
+      this.buttons.push(button);
+      toolbar.appendChild(button);
+    });
+  }
+  preselectButton(button, toolButtonOption, formatter, toolButton) {
+    if (!formatter.currentSpec) {
+      return;
+    }
+    const target = formatter.currentSpec.getTargetElement();
+    if (!target) {
+      return;
+    }
+    if (toolButtonOption.isActive && toolButtonOption.isActive(target)) {
+      this.selectButton(formatter, button);
+    }
+  }
+  onButtonClick(button, formatter, toolButtonOption, toolButton) {
+    if (!formatter.currentSpec) {
+      return;
+    }
+    const target = formatter.currentSpec.getTargetElement();
+    if (!target || target.tagName.toLowerCase() !== "img") {
+      return;
+    }
+    this.clickButton(button, target, formatter, toolButtonOption, toolButton);
+  }
+  clickButton(button, target, formatter, toolButtonOption, toolButton) {
+    if (!toolButtonOption.isActive) {
+      toolButtonOption.apply.call(this, target, toolButton);
+    } else {
+      this.buttons.forEach((b) => {
+        this.deselectButton(formatter, b);
+      });
+      if (toolButtonOption.isActive(target)) {
+        toolButton.clear(target);
+      } else {
+        this.selectButton(formatter, button);
+        toolButtonOption.apply.call(this, target, toolButton);
+      }
+    }
+    formatter.update();
+  }
+  selectButton(formatter, button) {
+    button.classList.add("is-selected");
+    if (formatter.options.toolbar.addButtonSelectStyle) {
+      button.style.setProperty("filter", "invert(20%)");
+    }
+  }
+  deselectButton(formatter, button) {
+    button.classList.remove("is-selected");
+    if (formatter.options.toolbar.addButtonSelectStyle) {
+      button.style.removeProperty("filter");
+    }
+  }
+}
+exports.ImageToolbar = ImageToolbar;
+//# sourceMappingURL=toolbar.cjs.js.map

package/lib/modules/custom-image/actions/toolbar.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.cjs.js","sources":["../../../../../src/modules/custom-image/actions/toolbar.ts"],"sourcesContent":["import type { BlotFormatter } from '../blot-formatter'\r\nimport type { ToolButtonOption } from '../options'\r\nimport type { ImageToolbarButtons } from './image-toolbar-buttons'\r\n\r\nexport class ImageToolbar {\r\n  toolbar?: HTMLElement\r\n  buttons: HTMLElement[]\r\n\r\n  constructor() {\r\n    this.toolbar = null\r\n    this.buttons = []\r\n  }\r\n\r\n  create(formatter: BlotFormatter, toolButton: ImageToolbarButtons): HTMLElement {\r\n    const toolbar = document.createElement('div')\r\n    toolbar.classList.add(formatter.options.toolbar.mainClassName)\r\n    this.addToolbarStyle(formatter, toolbar)\r\n    this.addButtons(formatter, toolbar, toolButton)\r\n\r\n    this.toolbar = toolbar\r\n    return this.toolbar\r\n  }\r\n\r\n  destroy() {\r\n    this.toolbar = null\r\n    this.buttons = []\r\n  }\r\n\r\n  getElement() {\r\n    return this.toolbar\r\n  }\r\n\r\n  addToolbarStyle(formatter: BlotFormatter, toolbar: HTMLElement) {\r\n    if (formatter.options.toolbar.mainStyle) {\r\n      Object.assign(toolbar.style, formatter.options.toolbar.mainStyle)\r\n    }\r\n  }\r\n\r\n  addButtonStyle(button: HTMLElement, index: number, formatter: BlotFormatter) {\r\n    if (formatter.options.toolbar.buttonStyle) {\r\n      Object.assign(button.style, formatter.options.toolbar.buttonStyle)\r\n      if (index > 0) {\r\n        button.style.borderLeftWidth = '0'\r\n      }\r\n    }\r\n\r\n    if (formatter.options.toolbar.svgStyle) {\r\n      Object.assign((button.children[0] as HTMLElement).style, formatter.options.toolbar.svgStyle)\r\n    }\r\n  }\r\n\r\n  addButtons(formatter: BlotFormatter, toolbar: HTMLElement, toolButton: ImageToolbarButtons) {\r\n    toolButton.getItems().forEach((tool, i) => {\r\n      const button = document.createElement('span')\r\n      button.classList.add(formatter.options.toolbar.buttonClassName)\r\n      button.innerHTML = tool.icon\r\n      button.addEventListener('click', () => {\r\n        this.onButtonClick(button, formatter, tool, toolButton)\r\n      })\r\n      this.preselectButton(button, tool, formatter, toolButton)\r\n      this.addButtonStyle(button, i, formatter)\r\n      this.buttons.push(button)\r\n      toolbar.appendChild(button)\r\n    })\r\n  }\r\n\r\n  preselectButton(\r\n    button: HTMLElement,\r\n    toolButtonOption: ToolButtonOption,\r\n    formatter: BlotFormatter,\r\n    toolButton: ImageToolbarButtons,\r\n  ) {\r\n    if (!formatter.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const target = formatter.currentSpec.getTargetElement()\r\n    if (!target) {\r\n      return\r\n    }\r\n\r\n    if (toolButtonOption.isActive && toolButtonOption.isActive(target)) {\r\n      this.selectButton(formatter, button)\r\n    }\r\n  }\r\n\r\n  onButtonClick(\r\n    button: HTMLElement,\r\n    formatter: BlotFormatter,\r\n    toolButtonOption: ToolButtonOption,\r\n    toolButton: ImageToolbarButtons,\r\n  ) {\r\n    if (!formatter.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const target = formatter.currentSpec.getTargetElement()\r\n    if (!target || target.tagName.toLowerCase() !== 'img') {\r\n      return\r\n    }\r\n\r\n    this.clickButton(button, target as HTMLImageElement, formatter, toolButtonOption, toolButton)\r\n  }\r\n\r\n  clickButton(\r\n    button: HTMLElement,\r\n    target: HTMLImageElement,\r\n    formatter: BlotFormatter,\r\n    toolButtonOption: ToolButtonOption,\r\n    toolButton: ImageToolbarButtons,\r\n  ) {\r\n    if (!toolButtonOption.isActive) {\r\n      toolButtonOption.apply.call(this, target, toolButton)\r\n    }\r\n    else {\r\n      this.buttons.forEach((b) => {\r\n        this.deselectButton(formatter, b)\r\n      })\r\n\r\n      if (toolButtonOption.isActive(target)) {\r\n        toolButton.clear(target)\r\n      }\r\n      else {\r\n        this.selectButton(formatter, button)\r\n        toolButtonOption.apply.call(this, target, toolButton)\r\n      }\r\n    }\r\n\r\n    formatter.update()\r\n  }\r\n\r\n  selectButton(formatter: BlotFormatter, button: HTMLElement) {\r\n    button.classList.add('is-selected')\r\n    if (formatter.options.toolbar.addButtonSelectStyle) {\r\n      button.style.setProperty('filter', 'invert(20%)')\r\n    }\r\n  }\r\n\r\n  deselectButton(formatter: BlotFormatter, button: HTMLElement) {\r\n    button.classList.remove('is-selected')\r\n    if (formatter.options.toolbar.addButtonSelectStyle) {\r\n      button.style.removeProperty('filter')\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/lib/modules/custom-image/{BlotFormatter.cjs.js → blot-formatter.cjs.js}

@@ -1,54 +1,28 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lodashEs = require("lodash-es");
 const Quill = require("quill");
 const image = require("./image.cjs.js");
-const imageBar = require("./image-bar.cjs.js");
-const Options = require("./Options.cjs.js");
-const CustomImageSpec = require("./specs/CustomImageSpec.cjs.js");
+const options = require("./options.cjs.js");
+require("./specs/index.cjs.js");
+const customImageSpec = require("./specs/custom-image-spec.cjs.js");
 const dontMerge = (_destination, source) => source;
 class BlotFormatter {
-  constructor(quill, options = {}) {
-    this.debounceTimer = null;
-    this.onClick = () => {
+  constructor(quill, options$1 = {}) {
+    __publicField(this, "options");
+    __publicField(this, "currentSpec");
+    __publicField(this, "specs");
+    __publicField(this, "overlay");
+    __publicField(this, "actions");
+    __publicField(this, "observer");
+    __publicField(this, "onClick", () => {
       this.hide();
-      this.hideImageBar();
-    };
-    this.onMouseOver = (event) => {
-      if (this.debounceTimer) {
-        clearTimeout(this.debounceTimer);
-      }
-      this.debounceTimer = window.setTimeout(() => {
-        if (event.target.tagName === "IMG") {
-          const target = event.target;
-          if (target) {
-            if (this.imageBar) {
-              this.imageBar.destroy();
-            }
-            this.imageBar = new imageBar.default(this.quill, target);
-          }
-        } else {
-          this.hideImageBar();
-        }
-      }, 150);
-    };
-    this.hideImageBar = () => {
-      if (this.imageBar) {
-        this.imageBar.destroy();
-        this.imageBar = null;
-      }
-    };
-    this.hideImageOverlay = (event) => {
-      var _a;
-      const target = event.target;
-      const isBlotFormatter = (_a = target == null ? void 0 : target.classList) == null ? void 0 : _a.contains("blot-formatter__overlay");
-      if (!isBlotFormatter) {
-        this.hide();
-      }
-      document.body.removeEventListener("click", this.hideImageOverlay);
-    };
+    });
     this.quill = quill;
-    this.options = lodashEs.merge(Options.default, options, { arrayMerge: dontMerge });
+    this.options = lodashEs.merge({}, options.default, options$1, { arrayMerge: dontMerge });
     this.currentSpec = null;
     this.actions = [];
     this.overlay = document.createElement("div");
@@ -58,13 +32,14 @@ class BlotFormatter {
     }
     document.execCommand("enableObjectResizing", false, "false");
     this.quill.root.addEventListener("click", this.onClick);
-    this.quill.root.addEventListener("mouseover", (event) => this.onMouseOver(event));
     this.specs = this.options.specs.map((SpecClass) => new SpecClass(this));
     this.specs.forEach((spec) => spec.init());
   }
   static register() {
-    Quill.register("formats/image", image.default, true);
-    Quill.register("modules/image-spec", CustomImageSpec.CustomImageSpec, true);
+    Quill.register({
+      "formats/image": image.CustomImage,
+      "modules/image-spec": customImageSpec.CustomImageSpec
+    }, true);
   }
   show(spec) {
     this.currentSpec = spec;
@@ -92,7 +67,6 @@ class BlotFormatter {
       attributeOldValue: true,
       subtree: true
     });
-    document.body.addEventListener("click", this.hideImageOverlay, true);
   }
   hide() {
     if (!this.currentSpec) {
@@ -132,7 +106,7 @@ class BlotFormatter {
     if (!overlayTarget) {
       return;
     }
-    const parent = this.quill.root.parentNode;
+    const parent = this.quill.root.parentElement;
     const specRect = overlayTarget.getBoundingClientRect();
     const parentRect = parent.getBoundingClientRect();
     Object.assign(this.overlay.style, {
@@ -158,5 +132,5 @@ class BlotFormatter {
     });
   }
 }
-exports.default = BlotFormatter;
-//# sourceMappingURL=BlotFormatter.cjs.js.map
+exports.BlotFormatter = BlotFormatter;
+//# sourceMappingURL=blot-formatter.cjs.js.map

package/lib/modules/custom-image/blot-formatter.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blot-formatter.cjs.js","sources":["../../../../src/modules/custom-image/blot-formatter.ts"],"sourcesContent":["import type FluentEditor from '../../core/fluent-editor'\r\nimport type { Action } from './actions'\r\nimport type { BlotFormatterOptions } from './options'\r\nimport type { BlotSpec } from './specs'\r\nimport { merge as deepmerge } from 'lodash-es'\r\nimport Quill from 'quill'\r\nimport { CustomImage } from './image'\r\nimport DefaultOptions from './options'\r\nimport { CustomImageSpec } from './specs'\r\n\r\nconst dontMerge = (_destination: Array<any>, source: Array<any>) => source\r\n\r\nexport class BlotFormatter {\r\n  options: BlotFormatterOptions\r\n  currentSpec: BlotSpec\r\n  specs: BlotSpec[]\r\n  overlay: HTMLElement\r\n  actions: Action[]\r\n  observer: MutationObserver\r\n\r\n  static register() {\r\n    Quill.register({\r\n      'formats/image': CustomImage,\r\n      'modules/image-spec': CustomImageSpec,\r\n    }, true)\r\n  }\r\n\r\n  constructor(public quill: FluentEditor, options: Partial<BlotFormatterOptions> = {}) {\r\n    this.options = deepmerge({}, DefaultOptions, options, { arrayMerge: dontMerge })\r\n    this.currentSpec = null\r\n    this.actions = []\r\n    this.overlay = document.createElement('div')\r\n    this.overlay.classList.add(this.options.overlay.className)\r\n    if (this.options.overlay.style) {\r\n      Object.assign(this.overlay.style, this.options.overlay.style)\r\n    }\r\n\r\n    // disable native image resizing on firefox\r\n    document.execCommand('enableObjectResizing', false, 'false') // eslint-disable-next-line-line no-undef\r\n    this.quill.root.addEventListener('click', this.onClick)\r\n    this.specs = this.options.specs.map((SpecClass: any) => new SpecClass(this))\r\n    this.specs.forEach(spec => spec.init())\r\n  }\r\n\r\n  show(spec: BlotSpec) {\r\n    this.currentSpec = spec\r\n    this.currentSpec.setSelection()\r\n    this.setUserSelect('none')\r\n    this.quill.root.parentNode.appendChild(this.overlay)\r\n    this.repositionOverlay()\r\n    this.createActions(spec)\r\n\r\n    // fix: 图片对齐之后，虚线外框应该跟随移动\r\n    const imageDom = spec.getTargetElement()\r\n    const win: any = window\r\n    const MutationObserver: typeof window.MutationObserver = win.MutationObserver || win.WebKitMutationObserver || win.MozMutationObserver\r\n    const element = imageDom.parentNode\r\n    this.observer = new MutationObserver((mutationList) => {\r\n      for (const mutation of mutationList) {\r\n        const target = mutation.target as HTMLElement\r\n        const image = target.querySelector('img')\r\n        if (image) {\r\n          this.repositionOverlay()\r\n        }\r\n      }\r\n    })\r\n    this.observer.observe(element, {\r\n      attributes: true,\r\n      attributeFilter: ['class'],\r\n      attributeOldValue: true,\r\n      subtree: true,\r\n    })\r\n  }\r\n\r\n  hide() {\r\n    if (!this.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const imgDom = this.currentSpec.getTargetElement()\r\n    if (imgDom) {\r\n      imgDom.classList.remove('current-select-img')\r\n    }\r\n\r\n    this.currentSpec.onHide()\r\n    this.currentSpec = null\r\n    this.quill.root.parentNode.removeChild(this.overlay)\r\n    this.overlay.style.setProperty('display', 'none')\r\n    this.setUserSelect('')\r\n    this.destroyActions()\r\n  }\r\n\r\n  update() {\r\n    this.repositionOverlay()\r\n    this.actions.forEach(action => action.onUpdate())\r\n  }\r\n\r\n  createActions(spec: BlotSpec) {\r\n    this.actions = spec.getActions().map((ActionClass: any) => {\r\n      const action: Action = new ActionClass(this)\r\n      action.onCreate()\r\n      return action\r\n    })\r\n  }\r\n\r\n  destroyActions() {\r\n    this.actions.forEach((action: Action) => action.onDestroy())\r\n    this.actions = []\r\n  }\r\n\r\n  repositionOverlay() {\r\n    if (!this.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const overlayTarget = this.currentSpec.getOverlayElement()\r\n    if (!overlayTarget) {\r\n      return\r\n    }\r\n\r\n    const parent = this.quill.root.parentElement\r\n    const specRect = overlayTarget.getBoundingClientRect()\r\n    const parentRect = parent.getBoundingClientRect()\r\n\r\n    Object.assign(this.overlay.style, {\r\n      display: 'block',\r\n      left: `${specRect.left - parentRect.left - 1 + parent.scrollLeft}px`,\r\n      top: `${specRect.top - parentRect.top + parent.scrollTop}px`,\r\n      width: `${specRect.width}px`,\r\n      height: `${specRect.height}px`,\r\n    })\r\n  }\r\n\r\n  setUserSelect(value: string) {\r\n    const props: string[] = [\r\n      'userSelect',\r\n      'mozUserSelect',\r\n      'webkitUserSelect',\r\n      'msUserSelect',\r\n    ]\r\n\r\n    props.forEach((prop: string) => {\r\n      // set on contenteditable element and <html>\r\n      this.quill.root.style.setProperty(prop, value)\r\n      if (document.documentElement) {\r\n        document.documentElement.style.setProperty(prop, value)\r\n      }\r\n    })\r\n  }\r\n\r\n  onClick = () => {\r\n    this.hide()\r\n  }\r\n}\r\n"],"names":["options","deepmerge","DefaultOptions","CustomImage","CustomImageSpec","image"],"mappings":"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"}

package/lib/modules/custom-image/image.cjs.js

@@ -1,7 +1,13 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Quill = require("quill");
 const editor_utils = require("../../config/editor.utils.cjs.js");
+const is = require("../../utils/is.cjs.js");
+require("./actions/index.cjs.js");
+const imageToolbarButtons = require("./actions/image-toolbar-buttons.cjs.js");
 const Embed = Quill.import("blots/embed");
 const ATTRIBUTES = ["alt", "height", "width", "image-id"];
 const _CustomImage = class _CustomImage extends Embed {
@@ -16,8 +22,19 @@ const _CustomImage = class _CustomImage extends Embed {
       node.setAttribute("src", imgURL);
     }
     node.setAttribute("data-image-id", `img${_CustomImage.ID_SEED++}`);
-    node.setAttribute("devui-editorx-image", "true");
     node.style.verticalAlign = "baseline";
+    if (is.isObject(value)) {
+      if (value.align && imageToolbarButtons.alignmentHandler[value.align]) {
+        node.setAttribute(imageToolbarButtons.ALIGN_ATTR, value.align);
+        imageToolbarButtons.alignmentHandler[value.align](node);
+      }
+      if (value.width) {
+        node.setAttribute("width", String(value.width));
+      }
+      if (value.height) {
+        node.setAttribute("height", String(value.height));
+      }
+    }
     return node;
   }
   static formats(domNode) {
@@ -45,8 +62,16 @@ const _CustomImage = class _CustomImage extends Embed {
     const formats = {};
     const imageSrc = domNode.getAttribute("src");
     formats.src = this.sanitize(imageSrc);
-    formats.hasExisted = domNode.getAttribute("devui-editorx-image");
     formats.imageId = domNode.dataset.imageId;
+    if (domNode.dataset.align) {
+      formats.align = domNode.dataset.align;
+    }
+    if (domNode.hasAttribute("width")) {
+      formats.width = domNode.getAttribute("width");
+    }
+    if (domNode.hasAttribute("height")) {
+      formats.height = domNode.getAttribute("height");
+    }
     return formats;
   }
   format(name, value) {
@@ -75,9 +100,9 @@ const _CustomImage = class _CustomImage extends Embed {
     return wrapper;
   }
 };
-_CustomImage.ID_SEED = 0;
+__publicField(_CustomImage, "blotName", "image");
+__publicField(_CustomImage, "tagName", "IMG");
+__publicField(_CustomImage, "ID_SEED", 0);
 let CustomImage = _CustomImage;
-CustomImage.blotName = "image";
-CustomImage.tagName = "IMG";
-exports.default = CustomImage;
+exports.CustomImage = CustomImage;
 //# sourceMappingURL=image.cjs.js.map