dragon-editor 3.8.6 → 4.0.0

package/dist/runtime/utils/event/scroll.js

@@ -1,29 +0,0 @@
-export function _parentWrapScollEvent(event, store) {
-  __fixControlBarEvent(event, store);
-}
-function __fixControlBarEvent(event, store) {
-  if (store.value.useMenuBar === true && store.value.$parentWrap !== null && store.value.$editor !== null) {
-    const editorRect = store.value.$editor.getBoundingClientRect();
-    let scrollY = 0;
-    if (store.value.$parentWrap.constructor.name === "Window") {
-      scrollY = store.value.$parentWrap.scrollY;
-    } else {
-      scrollY = store.value.$parentWrap.scrollTop;
-    }
-    let realElementY = editorRect.y + scrollY;
-    if (store.value.$parentWrap.constructor.name !== "Window") {
-      const parentRect = store.value.$parentWrap.getBoundingClientRect();
-      realElementY -= parentRect.y;
-    }
-    let value = 0;
-    if (scrollY > realElementY) {
-      value = scrollY - realElementY - 1;
-    } else {
-      value = 0;
-    }
-    if (value > editorRect.height - 34) {
-      value = editorRect.height - 34;
-    }
-    store.value.menuBarTop = Math.floor(value);
-  }
-}

package/dist/runtime/utils/event/touch.d.ts

@@ -1,5 +0,0 @@
-import type { Ref } from "vue";
-import type { DragonEditorStore } from "../../type.d.mts.js";
-export declare function _contentTouchstartEvent(event: TouchEvent, store: Ref<DragonEditorStore>): void;
-export declare function _editorTouchmoveEvent(event: TouchEvent, store: Ref<DragonEditorStore>): void;
-export declare function _editorTouchendEvent(event: TouchEvent, store: Ref<DragonEditorStore>): void;

package/dist/runtime/utils/event/touch.js

@@ -1,10 +0,0 @@
-import { _imageResizeEventStart, _imageResizeEvent, _imageResizeEventEnd } from "./index.js";
-export function _contentTouchstartEvent(event, store) {
-  _imageResizeEventStart(event, store);
-}
-export function _editorTouchmoveEvent(event, store) {
-  _imageResizeEvent(event, store);
-}
-export function _editorTouchendEvent(event, store) {
-  _imageResizeEventEnd(event, store);
-}

package/dist/runtime/utils/event/window.d.ts

@@ -1,5 +0,0 @@
-import type { Ref } from "vue";
-import type { DragonEditorStore } from "../../type.d.mts.js";
-export declare function _eidtorMountEvent(store: Ref<DragonEditorStore>): void;
-export declare function _eidtorUnmountEvent(store: Ref<DragonEditorStore>): void;
-export declare function _windowResizeEvent(event: Event, store: Ref<DragonEditorStore>): void;

package/dist/runtime/utils/event/window.js

@@ -1,47 +0,0 @@
-import { _findScrollingElement, _findTransformElement, _findHiddenStyleElement } from "../node/index.js";
-export function _eidtorMountEvent(store) {
-  const $editor = document.querySelector(".js-dragon-editor");
-  const $body = document.querySelector(".js-de-body");
-  const $controlBar = document.querySelector(".js-de-controlbar");
-  const $parentWrap = _findScrollingElement($editor);
-  const $hiddenStyleElement = _findHiddenStyleElement($editor);
-  const $transformElement = _findTransformElement($editor);
-  store.value.$editor = $editor;
-  store.value.$body = $body;
-  store.value.$controlBar = $controlBar;
-  store.value.$parentWrap = $parentWrap;
-  if ($hiddenStyleElement === $editor.parentElement) {
-    store.value.controlStatus.hasHiddenStyleParent = true;
-  } else {
-    store.value.controlStatus.hasHiddenStyleParent = false;
-  }
-  if ($transformElement === null) {
-    store.value.controlStatus.hasTransformParent = false;
-    store.value.controlStatus.$transformElement = null;
-  } else {
-    store.value.controlStatus.hasTransformParent = true;
-    store.value.controlStatus.$transformElement = $transformElement;
-  }
-  __checkAndSetUpMobile(store);
-  window.addEventListener("click", store.value.windowClickEvent);
-  window.addEventListener("resize", store.value.windowResizeEvent);
-  window.addEventListener("mouseup", store.value.windowMouseUpEvent);
-  store.value.$parentWrap?.addEventListener("scroll", store.value.parentWrapScollEvent);
-}
-export function _eidtorUnmountEvent(store) {
-  window.removeEventListener("click", store.value.windowClickEvent);
-  window.removeEventListener("resize", store.value.windowResizeEvent);
-  window.removeEventListener("mouseup", store.value.windowMouseUpEvent);
-  store.value.$parentWrap?.removeEventListener("scroll", store.value.parentWrapScollEvent);
-  store.value.menuBarTop = 0;
-}
-export function _windowResizeEvent(event, store) {
-  __checkAndSetUpMobile(store);
-}
-function __checkAndSetUpMobile(store) {
-  if (window.innerWidth > store.value.screenChangePoint) {
-    store.value.controlStatus.isMobile = false;
-  } else {
-    store.value.controlStatus.isMobile = true;
-  }
-}

package/dist/runtime/utils/layout/block.d.ts

@@ -1,7 +0,0 @@
-import type { VNode } from "vue";
-import type { DEContentData } from "../../type.d.mts.js";
-export declare function _createBlockList({ blockList, isEditable, imageHostURL }?: {
-    blockList: DEContentData;
-    isEditable: boolean;
-    imageHostURL: string;
-}): VNode[];

package/dist/runtime/utils/layout/block.js

@@ -1,123 +0,0 @@
-import { h } from "vue";
-import { _getDefaultBlockData, CODEBLOCKLANG } from "../event/index.js";
-export function _createBlockList({ blockList, isEditable, imageHostURL } = { blockList: [], isEditable: false, imageHostURL: "" }) {
-  const blockArray = [];
-  if (blockList.length === 0 && isEditable === true) {
-    blockArray.push(__createTextBlock(_getDefaultBlockData("text"), isEditable));
-  } else {
-    blockList.forEach((block) => {
-      switch (block.type) {
-        case "text":
-          blockArray.push(__createTextBlock(block, isEditable));
-          break;
-        case "heading":
-          blockArray.push(__createHeadingBlock(block, isEditable));
-          break;
-        case "image":
-          blockArray.push(__createImageBlock(block, isEditable, imageHostURL));
-          break;
-        case "list":
-          blockArray.push(__createListBlock(block, isEditable));
-          break;
-        case "code":
-          blockArray.push(__createCodeBlock(block, isEditable));
-          break;
-        case "divider":
-          blockArray.push(__createDividerBlock());
-          break;
-        default:
-          blockArray.push(__createCustomBlock(block));
-      }
-    });
-  }
-  return blockArray;
-}
-function __createTextBlock(data, isEditable) {
-  const option = { class: ["de-block", "de-text-block", ...data.classList], innerHTML: data.textContent };
-  if (data.depth !== void 0 && data.depth !== 0) {
-    option["data-depth"] = data.depth;
-  }
-  if (isEditable === true) {
-    option.contenteditable = true;
-  }
-  return h("p", option);
-}
-function __createHeadingBlock(data, isEditable) {
-  const option = { class: ["de-block", "de-heading-block", ...data.classList], "data-level": data.level, innerHTML: data.textContent };
-  if (data.depth !== void 0 && data.depth !== 0) {
-    option["data-depth"] = data.depth;
-  }
-  if (isEditable === true) {
-    option.contenteditable = true;
-  }
-  return h(`h${data.level}`, option);
-}
-function __createImageBlock(data, isEditable, imageHostURL) {
-  const imageChild = [];
-  const areaChild = [];
-  areaChild.push(
-    h("img", {
-      class: ["de-img"],
-      src: imageHostURL + data.src,
-      alt: "",
-      width: data.width,
-      height: data.height,
-      loading: "lazy"
-    })
-  );
-  if (isEditable === true) {
-    areaChild.push(h("button", { class: ["de-btn", "de-btn-left"] }));
-    areaChild.push(h("button", { class: ["de-btn", "de-btn-right"] }));
-  }
-  imageChild.push(h("div", { class: ["de-image-area"], "data-maxwidth": data.maxWidth }, areaChild));
-  if (data.caption !== "") {
-    const captionOption = { class: ["de-caption"], innerHTML: data.caption };
-    if (isEditable === true) {
-      captionOption.contenteditable = true;
-    }
-    imageChild.push(h("p", captionOption));
-  }
-  return h("div", { class: ["de-block", "de-image-block", ...data.classList] }, imageChild);
-}
-function __createListBlock(data, isEditable) {
-  const liList = [];
-  const option = { class: ["de-block", "de-list-block"], "data-style": data.style };
-  if (data.depth !== void 0 && data.depth !== 0) {
-    option["data-depth"] = data.depth;
-  }
-  data.child.forEach((child) => {
-    const option2 = { class: ["de-item", ...child.classList], innerHTML: child.textContent };
-    if (isEditable === true) {
-      option2.contenteditable = true;
-    }
-    liList.push(h("li", option2));
-  });
-  return h(data.element, option, liList);
-}
-function __createCodeBlock(data, isEditable) {
-  const childList = [];
-  const fileNameOption = { class: ["de-filename"] };
-  const codeOption = { class: ["de-code-content"], innerHTML: data.textContent };
-  const targetValue = CODEBLOCKLANG.find((item) => item.code === data.language);
-  if (isEditable === true) {
-    fileNameOption.contenteditable = true;
-    codeOption.contenteditable = true;
-  }
-  childList.push(h("p", fileNameOption, data.filename));
-  childList.push(h("p", { class: ["de-language"] }, targetValue?.text ?? "Plain Text"));
-  childList.push(h("pre", { class: ["de-pre"] }, [h("code", codeOption)]));
-  return h(
-    "div",
-    {
-      class: ["de-block", "de-code-block"],
-      "data-theme": data.theme
-    },
-    childList
-  );
-}
-function __createCustomBlock(data) {
-  return h("div", { class: ["de-block", "de-custom-block", ...data.classList], innerHTML: data.textContent });
-}
-function __createDividerBlock() {
-  return h("div", { class: ["de-block", "de-divider-block"] });
-}

package/dist/runtime/utils/layout/controlbar.d.ts

@@ -1,3 +0,0 @@
-import type { VNode, Ref } from "vue";
-import type { DragonEditorStore } from "../../type.d.mts.js";
-export declare function _getControlbarVNodeStructure(store: Ref<DragonEditorStore>): VNode;

package/dist/runtime/utils/layout/controlbar.js

@@ -1,99 +0,0 @@
-import { h } from "vue";
-import { _setCodeBlockStatus, _setListBlockStyle } from "../node/index.js";
-import { CODEBLOCKLANG } from "../event/index.js";
-export function _getControlbarVNodeStructure(store) {
-  const childList = [];
-  switch (store.value.controlStatus.currentBlockType) {
-    case "code":
-      childList.push(
-        h("div", { class: ["de-col"] }, [
-          h("p", { class: ["de-name"] }, "Theme : "),
-          h(
-            "select",
-            {
-              class: ["de-selector"],
-              value: store.value.controlStatus.codeBlockTheme,
-              onChange: (event) => {
-                const $target = event.currentTarget;
-                if ($target !== null) {
-                  _setCodeBlockStatus($target.value, store.value.controlStatus.codeBlockLang, store);
-                }
-              }
-            },
-            store.value.codeBlockTheme.map((item) => {
-              return h("option", { value: item.code }, item.text);
-            })
-          )
-        ])
-      );
-      childList.push(
-        h("div", { class: ["de-col"] }, [
-          h("p", { class: ["de-name"] }, "Language : "),
-          h(
-            "select",
-            {
-              class: ["de-selector"],
-              value: store.value.controlStatus.codeBlockLang,
-              onChange: (event) => {
-                const $target = event.currentTarget;
-                if ($target !== null) {
-                  _setCodeBlockStatus(store.value.controlStatus.codeBlockTheme, $target.value, store);
-                }
-              }
-            },
-            CODEBLOCKLANG.map((item) => {
-              return h("option", { value: item.code }, item.text);
-            })
-          )
-        ])
-      );
-      break;
-    case "ol":
-      childList.push(
-        h("div", { class: ["de-col"] }, [
-          h("p", { class: ["de-name"] }, "List Style : "),
-          h(
-            "select",
-            {
-              class: ["de-selector"],
-              value: store.value.controlStatus.listBlockStyle,
-              onChange: (event) => {
-                const $target = event.currentTarget;
-                if ($target !== null) {
-                  _setListBlockStyle($target.value, store);
-                }
-              }
-            },
-            store.value.listOlType.map((item) => {
-              return h("option", { value: item.code }, item.text);
-            })
-          )
-        ])
-      );
-      break;
-    case "ul":
-      childList.push(
-        h("div", { class: ["de-col"] }, [
-          h("p", { class: ["de-name"] }, "List Style : "),
-          h(
-            "select",
-            {
-              class: ["de-selector"],
-              value: store.value.controlStatus.listBlockStyle,
-              onChange: (event) => {
-                const $target = event.currentTarget;
-                if ($target !== null) {
-                  _setListBlockStyle($target.value, store);
-                }
-              }
-            },
-            store.value.listUlType.map((item) => {
-              return h("option", { value: item.code }, item.text);
-            })
-          )
-        ])
-      );
-      break;
-  }
-  return h("div", { class: ["de-controlbar", "js-de-controlbar"], style: { top: `${store.value.controlBar.y}px`, left: `${store.value.controlBar.x}px` } }, childList);
-}

package/dist/runtime/utils/layout/menuBar.d.ts

@@ -1,3 +0,0 @@
-import type { VNode, Ref } from "vue";
-import type { DragonEditorStore } from "../../type.d.mts.js";
-export declare function _getMenuBarVNodeStructure(store: Ref<DragonEditorStore>): VNode;