dragon-editor 3.4.4 → 3.5.0

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

@@ -0,0 +1,70 @@
+import { _updateCursorData, _imageResizeEventStart, _imageResizeEvent, _imageResizeEventEnd } from "./index.js";
+import { _getCurrentBlock, _updateCurrentBlock, _updateHeadingBlockList } from "../node/index.js";
+import { _updateAnchorTagValue } from "../style/index.js";
+export function _contentMouseupEvent(event, store) {
+  _updateCurrentBlock(event, store);
+  _updateCursorData(store);
+}
+export function _contentMousedownEvnet(event, store) {
+  _imageResizeEventStart(event, store);
+}
+export function _editorMousemoveEvent(event, store) {
+  _imageResizeEvent(event, store);
+}
+export function _editorMouseupEvent(event, store) {
+  _imageResizeEventEnd(event, store);
+  _updateAnchorTagValue(store);
+}
+export function _editorMouseleaveEvent(event, store) {
+  _imageResizeEventEnd(event, store);
+}
+export function _checkOthersideClick(event, store) {
+  _updateCurrentBlock(event, store);
+  __blockAddOthersideEvent(event, store);
+  _decideWhetherOpenControlBar(store);
+}
+function __blockAddOthersideEvent(event, store) {
+  const $target = event.target;
+  if ($target !== null) {
+    const $menuBtn = $target.closest(".js-de-menu-add");
+    const $menuArea = $target.closest(".js-de-block-menu-area");
+    const $linkAreaBtn = $target.closest(".js-de-link-btn");
+    const $linkInputArea = $target.closest(".js-de-link-exit-area");
+    if ($menuBtn === null && $menuArea === null) {
+      store.value.activeStatus.addBlockMenu = false;
+    }
+    if ($linkAreaBtn === null && $linkInputArea === null) {
+      store.value.activeStatus.anchorInputArea = false;
+    }
+  }
+}
+export function _openAnchorArea(store) {
+  store.value.controlStatus.previousCorsorData = store.value.cursorData;
+  _updateAnchorTagValue(store, true);
+  _updateHeadingBlockList(store);
+  if (store.value.controlStatus.anchorHref !== "" && store.value.controlStatus.anchorHref.charAt(0) === "#") {
+    store.value.controlStatus.anchorTabType = "heading";
+  } else {
+    store.value.controlStatus.anchorTabType = "url";
+  }
+  store.value.activeStatus.anchorInputArea = !store.value.activeStatus.anchorInputArea;
+}
+export function _decideWhetherOpenControlBar(store) {
+  if (store.value.controlStatus.$currentBlock !== null) {
+    const { type, $element } = _getCurrentBlock(store.value.controlStatus.$currentBlock);
+    const allowTypeList = ["code", "ol", "ul"];
+    if (allowTypeList.includes(type) === true && $element !== null) {
+      const targetRect = $element.getBoundingClientRect();
+      store.value.controlBar.x = Math.floor(targetRect.left + targetRect.width / 2);
+      store.value.controlBar.y = Math.floor(targetRect.top - 8 - 32);
+      store.value.controlBar.$element = $element;
+      store.value.controlBar.active = true;
+    } else {
+      store.value.controlBar.active = false;
+    }
+  } else {
+    store.value.controlBar.active = false;
+  }
+}
+export function _editorContextMenuEvent(event, store) {
+}

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

@@ -0,0 +1,29 @@
+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.js

@@ -0,0 +1,10 @@
+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.js

@@ -0,0 +1,32 @@
+import { _findScrollingElement } 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);
+  store.value.$editor = $editor;
+  store.value.$body = $body;
+  store.value.$controlBar = $controlBar;
+  store.value.$parentWrap = $parentWrap;
+  __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);
+}
+export function _windowResizeEvent(event, store) {
+  __checkAndSetUpMobile(store);
+}
+function __checkAndSetUpMobile(store) {
+  if (window.innerWidth > 1200) {
+    store.value.controlStatus.isMobile = false;
+  } else {
+    store.value.controlStatus.isMobile = true;
+  }
+}

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

@@ -0,0 +1,105 @@
+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;
+        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 (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 (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) {
+  }
+  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 = [];
+  data.child.forEach((child) => {
+    const option = { class: ["de-item", ...child.classList], innerHTML: child.textContent };
+    if (isEditable === true) {
+      option.contenteditable = true;
+    }
+    liList.push(h("li", option));
+  });
+  return h(data.element, { class: ["de-block", "de-list-block"], "data-style": data.style }, 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 });
+}

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

@@ -0,0 +1,22 @@
+import { h } from "vue";
+import { _createBlockList } from "./index.js";
+import { _contentKeydownEvent, _contentKeyupEvent, _contentPasteEvent, _contentMouseupEvent, _contentMousedownEvnet, _contentTouchstartEvent } from "../event/index.js";
+export function _getBodyVNodeStructure(store) {
+  return h(
+    "div",
+    {
+      class: ["de-body", "js-de-body"],
+      onKeydown: (event) => _contentKeydownEvent(event, store),
+      onKeyup: (event) => _contentKeyupEvent(event, store),
+      onMouseup: (event) => _contentMouseupEvent(event, store),
+      onMousedown: (event) => _contentMousedownEvnet(event, store),
+      onTouchstart: (event) => _contentTouchstartEvent(event, store),
+      onPaste: (event) => _contentPasteEvent(event, store)
+    },
+    _createBlockList({
+      blockList: store.value.firstData,
+      isEditable: true,
+      imageHostURL: store.value.imageHostURL
+    })
+  );
+}

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

@@ -0,0 +1,99 @@
+import { h } from "vue";
+import { _setCodeBlockTheme, _setCodeBlockLanguage, _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) {
+                  _setCodeBlockTheme($target.value, 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) {
+                  _setCodeBlockLanguage($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/icon.js

@@ -0,0 +1,156 @@
+import { h } from "vue";
+export function _getIconNode(kind) {
+  const pathNode = [];
+  switch (kind) {
+    case "plus":
+      pathNode.push(h("path", { class: ["de-path"], "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M32.0002 13.3335C33.4729 13.3335 34.6668 14.5274 34.6668 16.0002L34.6668 29.3335H48.0002C49.4729 29.3335 50.6668 30.5274 50.6668 32.0002C50.6668 33.4729 49.4729 34.6668 48.0002 34.6668H34.6668V48.0002C34.6668 49.4729 33.4729 50.6668 32.0002 50.6668C30.5274 50.6668 29.3335 49.4729 29.3335 48.0002L29.3335 34.6668H16.0002C14.5274 34.6668 13.3335 33.4729 13.3335 32.0002C13.3335 30.5274 14.5274 29.3335 16.0002 29.3335H29.3335L29.3335 16.0002C29.3335 14.5274 30.5274 13.3335 32.0002 13.3335Z" }));
+      break;
+    case "bold":
+      pathNode.push(h("path", { class: ["de-path"], "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.3335 10.6667C13.3335 9.19391 14.5274 8 16.0002 8H34.4002C41.6799 8 47.4668 14.0336 47.4668 21.3333C47.4668 25.0205 45.9904 28.3847 43.5908 30.8114C47.8123 33.0375 50.6668 37.5398 50.6668 42.6667C50.6668 49.9664 44.8799 56 37.6002 56H16.0002C14.5274 56 13.3335 54.8061 13.3335 53.3333V10.6667ZM18.6668 34.6667V50.6667H37.6002C41.8079 50.6667 45.3335 47.149 45.3335 42.6667C45.3335 38.1843 41.8079 34.6667 37.6002 34.6667H18.6668ZM18.6668 29.3333H34.4002C38.6079 29.3333 42.1335 25.8157 42.1335 21.3333C42.1335 16.851 38.6079 13.3333 34.4002 13.3333H18.6668V29.3333Z" }));
+      break;
+    case "italic":
+      pathNode.push(h("path", { class: ["de-path"], "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M25.0526 13.3332C25.0526 11.8604 26.2465 10.6665 27.7193 10.6665H49.3332C50.8059 10.6665 51.9998 11.8604 51.9998 13.3332C51.9998 14.8059 50.8059 15.9998 49.3332 15.9998H40.5523L31.6499 47.9998H38.9471C40.4198 47.9998 41.6137 49.1937 41.6137 50.6665C41.6137 52.1393 40.4198 53.3332 38.9471 53.3332H17.3332C15.8604 53.3332 14.6665 52.1393 14.6665 50.6665C14.6665 49.1937 15.8604 47.9998 17.3332 47.9998H26.1141L35.0164 15.9998H27.7193C26.2465 15.9998 25.0526 14.8059 25.0526 13.3332Z" }));
+      break;
+    case "underline":
+      pathNode.push(
+        h("path", {
+          class: ["de-path"],
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M9.52381 10.6667C9.52381 9.19391 10.7177 8 12.1905 8H21.3333C22.8061 8 24 9.19391 24 10.6667C24 12.1394 22.8061 13.3333 21.3333 13.3333H19.4016C19.4194 13.4578 19.4286 13.5849 19.4286 13.7143V28.9524C19.4286 35.8954 25.057 41.5238 32 41.5238C38.943 41.5238 44.5714 35.8954 44.5714 28.9524V13.7143C44.5714 13.5849 44.5806 13.4578 44.5984 13.3333H42.6667C41.1939 13.3333 40 12.1394 40 10.6667C40 9.19391 41.1939 8 42.6667 8L51.8095 8C53.2823 8 54.4762 9.19391 54.4762 10.6667C54.4762 12.1394 53.2823 13.3333 51.8095 13.3333L49.8778 13.3333C49.8956 13.4578 49.9048 13.5849 49.9048 13.7143V28.9524C49.9048 38.8409 41.8885 46.8571 32 46.8571C22.1115 46.8571 14.0952 38.8409 14.0952 28.9524V13.7143C14.0952 13.5849 14.1044 13.4578 14.1222 13.3333H12.1905C10.7177 13.3333 9.52381 12.1394 9.52381 10.6667ZM8 53.3333C8 51.8606 9.19391 50.6667 10.6667 50.6667H53.3333C54.8061 50.6667 56 51.8606 56 53.3333C56 54.8061 54.8061 56 53.3333 56H10.6667C9.19391 56 8 54.8061 8 53.3333Z"
+        })
+      );
+      break;
+    case "strikethrough":
+      pathNode.push(
+        h("path", {
+          class: ["de-path"],
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M28.8 10.6668C23.5777 10.6668 19.3778 14.864 19.3778 20.0002V23.0002C19.3778 24.4729 18.1839 25.6668 16.7111 25.6668C15.2384 25.6668 14.0444 24.4729 14.0444 23.0002V20.0002C14.0444 11.8815 20.6693 5.3335 28.8 5.3335H36.1992C45.999 5.3335 53.977 13.2246 53.977 23.0002C53.977 24.4729 52.7831 25.6668 51.3103 25.6668C49.8376 25.6668 48.6437 24.4729 48.6437 23.0002C48.6437 16.2072 43.0907 10.6668 36.1992 10.6668H28.8ZM8 32.0002C8 30.5274 9.19391 29.3335 10.6667 29.3335H56C57.4728 29.3335 58.6667 30.5274 58.6667 32.0002C58.6667 33.4729 57.4728 34.6668 56 34.6668H50.6059C52.7113 37.2002 53.9778 40.4501 53.9778 44.0002C53.9778 52.1189 47.3529 58.6668 39.2223 58.6668H31.823C23.2338 58.6668 16.0529 52.6109 14.401 44.5345C14.1058 43.0917 15.0363 41.6827 16.4792 41.3876C17.922 41.0925 19.331 42.0229 19.6261 43.4658C20.7751 49.083 25.7907 53.3335 31.823 53.3335H39.2223C44.4446 53.3335 48.6445 49.1363 48.6445 44.0002C48.6445 38.8637 44.4454 34.6668 39.2234 34.6668H10.6667C9.19391 34.6668 8 33.4729 8 32.0002Z"
+        })
+      );
+      break;
+    case "codeblock":
+      pathNode.push(
+        h("path", {
+          class: ["de-path"],
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M35.7494 14.1906C37.1906 14.494 38.1129 15.9082 37.8095 17.3494L31.4095 47.7494C31.1061 49.1906 29.6919 50.1129 28.2507 49.8095C26.8095 49.5061 25.8872 48.0918 26.1906 46.6507L32.5906 16.2507C32.894 14.8095 34.3083 13.8872 35.7494 14.1906ZM46.1144 21.3144C47.1558 20.273 48.8443 20.273 49.8857 21.3144L59.4857 30.9144C60.5271 31.9558 60.5271 33.6442 59.4857 34.6856L49.8857 44.2856C48.8443 45.327 47.1558 45.327 46.1144 44.2856C45.073 43.2442 45.073 41.5558 46.1144 40.5144L53.8288 32.8L46.1144 25.0856C45.073 24.0442 45.073 22.3558 46.1144 21.3144ZM17.8857 21.3144C18.9271 22.3558 18.9271 24.0442 17.8857 25.0856L10.1713 32.8L17.8857 40.5144C18.9271 41.5558 18.9271 43.2442 17.8857 44.2856C16.8443 45.327 15.1558 45.327 14.1144 44.2856L4.51445 34.6856C3.47305 33.6442 3.47305 31.9558 4.51445 30.9144L14.1144 21.3144C15.1558 20.273 16.8443 20.273 17.8857 21.3144Z"
+        })
+      );
+      break;
+    case "add-link":
+      pathNode.push(
+        h("path", {
+          class: ["de-path"],
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M39.2515 12.5195L15.492 36.279C10.4604 41.3106 10.1163 47.945 14.6317 52.4604C19.3058 57.1344 26.2386 56.7617 31.1066 51.8936L52.243 30.7573C53.2844 29.7159 54.9728 29.7159 56.0142 30.7573C57.0556 31.7987 57.0556 33.4871 56.0142 34.5285L34.8779 55.6648C28.2402 62.3025 17.9173 63.2884 10.8605 56.2316C3.87019 49.2413 5.02145 39.2071 11.7208 32.5078L35.4802 8.74828C40.158 4.07053 47.7006 4.07053 52.3784 8.74828C57.0561 13.426 57.0561 20.9687 52.3784 25.6464L28.2017 49.8231C25.3479 52.6769 20.7209 52.6769 17.867 49.8231C15.0132 46.9692 15.0132 42.3422 17.867 39.4884L39.4206 17.9349C40.4619 16.8935 42.1504 16.8935 43.1918 17.9349C44.2332 18.9762 44.2332 20.6647 43.1918 21.7061L21.6383 43.2596C20.8672 44.0307 20.8672 45.2808 21.6383 46.0518C22.4093 46.8229 23.6594 46.8229 24.4305 46.0518L48.6071 21.8752C51.2021 19.2802 51.2021 15.1145 48.6071 12.5195C46.0122 9.92456 41.8464 9.92457 39.2515 12.5195Z"
+        })
+      );
+      break;
+    case "remove-link":
+      pathNode.push(
+        h("path", {
+          class: ["de-path"],
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M4.78075 8.74855C5.82214 7.70715 7.51058 7.70715 8.55198 8.74855L54.952 55.1486C55.9934 56.1899 55.9934 57.8784 54.952 58.9198C53.9106 59.9612 52.2221 59.9612 51.1807 58.9198L4.78075 12.5198C3.73935 11.4784 3.73935 9.78995 4.78075 8.74855ZM26.1141 21.8863C25.0727 20.8449 25.0727 19.1564 26.1141 18.115L35.4805 8.74857C40.1583 4.07082 47.7009 4.07082 52.3786 8.74857C57.0564 13.4263 57.0564 20.9689 52.3787 25.6467L43.6845 34.3408C42.6431 35.3822 40.9547 35.3822 39.9133 34.3408C38.8719 33.2994 38.8719 31.611 39.9133 30.5696L48.6074 21.8755C51.2024 19.2805 51.2024 15.1148 48.6074 12.5198C46.0125 9.92485 41.8467 9.92486 39.2518 12.5198L29.8853 21.8863C28.8439 22.9277 27.1555 22.9277 26.1141 21.8863ZM15.4923 36.2793C10.4607 41.3108 10.1166 47.9452 14.632 52.4607C19.3061 57.1347 26.2388 56.762 31.1069 51.8939L34.2192 48.7816C35.2606 47.7402 36.949 47.7402 37.9904 48.7816C39.0318 49.823 39.0318 51.5115 37.9904 52.5529L34.8782 55.6651C28.2405 62.3028 17.9176 63.2887 10.8608 56.2319C3.87048 49.2416 5.02174 39.2074 11.7211 32.508L14.1141 30.115C15.1555 29.0736 16.8439 29.0736 17.8853 30.115C18.9267 31.1564 18.9267 32.8449 17.8853 33.8863L15.4923 36.2793ZM17.8673 49.8234C15.0135 46.9695 15.0135 42.3425 17.8673 39.4887L20.7807 36.5752C21.8221 35.5338 23.5106 35.5338 24.552 36.5752C25.5934 37.6166 25.5934 39.3051 24.552 40.3465L21.6385 43.2599C20.8675 44.031 20.8675 45.2811 21.6385 46.0521C22.4096 46.8232 23.6597 46.8232 24.4308 46.0521L27.7665 42.7164C28.8079 41.675 30.4964 41.675 31.5378 42.7164C32.5792 43.7578 32.5792 45.4462 31.5378 46.4876L28.202 49.8234C25.3482 52.6772 20.7212 52.6772 17.8673 49.8234ZM32.7807 28.3465C31.7393 27.3051 31.7393 25.6166 32.7807 24.5752L39.4208 17.9351C40.4622 16.8937 42.1507 16.8937 43.1921 17.9351C44.2335 18.9765 44.2335 20.665 43.1921 21.7064L36.552 28.3465C35.5106 29.3879 33.8221 29.3879 32.7807 28.3465ZM46.222 40.55C45.1806 39.5086 45.1806 37.8202 46.222 36.7788L52.2433 30.7576C53.2847 29.7162 54.9731 29.7162 56.0145 30.7576C57.0559 31.799 57.0559 33.4874 56.0145 34.5288L49.9933 40.55C48.9519 41.5914 47.2634 41.5914 46.222 40.55Z"
+        })
+      );
+      break;
+    case "image":
+      pathNode.push(
+        h("path", {
+          class: ["de-path"],
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M14.9945 38.0117C14.5635 38.7796 14.3332 39.6498 14.3332 40.5409V45.7498C14.3332 47.9129 16.0867 49.6665 18.2498 49.6665H45.7498C47.9129 49.6665 49.6665 47.9129 49.6665 45.7498V36.2013C49.6665 34.7945 49.0928 33.4484 48.0779 32.4742L43.4501 28.0315C41.9499 26.5913 39.5857 26.5746 38.0653 27.9936L30.4582 35.1432C29.7863 34.534 29.0626 33.9074 28.4503 33.3859C27.9857 32.9901 27.5727 32.6443 27.2757 32.3972C27.127 32.2736 27.0071 32.1744 26.9238 32.1058L26.8773 32.0674C25.3715 30.6639 23.0223 30.6701 21.5237 32.0855L15.9581 36.877C15.8971 36.9188 15.849 36.9554 15.8168 36.9807C15.7306 37.0483 15.6657 37.1077 15.6321 37.1391C15.5606 37.206 15.5034 37.2666 15.4644 37.3095C15.4254 37.3523 15.3706 37.4151 15.3107 37.4926C15.2826 37.529 15.2296 37.5992 15.1705 37.6915C15.1408 37.7377 15.0937 37.8142 15.0431 37.9125C15.0287 37.9404 15.0122 37.9737 14.9945 38.0117ZM40.7274 32.8108L33.1325 39.9489C31.515 41.4586 29.0906 41.2498 27.6732 39.8372C26.9353 39.1246 25.8887 38.2097 24.992 37.446C24.7117 37.2072 24.4508 36.9872 24.2247 36.7978L19.6665 40.7221V44.3331H44.3332V36.2724L40.7274 32.8108Z M42.798 15.8335C41.3253 15.8335 40.1313 17.0274 40.1313 18.5002V19.2267C40.1313 20.6995 41.3253 21.8934 42.798 21.8934H43.656C45.1287 21.8934 46.3226 20.6995 46.3226 19.2267V18.5002C46.3226 17.0274 45.1287 15.8335 43.656 15.8335H42.798Z M5.6665 17.0002C5.6665 10.5568 10.8898 5.3335 17.3332 5.3335H47.3332C53.7765 5.3335 58.9998 10.5568 58.9998 17.0002V47.0002C58.9998 53.4435 53.7765 58.6668 47.3332 58.6668H17.3332C10.8898 58.6668 5.6665 53.4435 5.6665 47.0002V17.0002ZM17.3332 10.6668C13.8354 10.6668 10.9998 13.5024 10.9998 17.0002V47.0002C10.9998 50.498 13.8354 53.3335 17.3332 53.3335H47.3332C50.831 53.3335 53.6665 50.498 53.6665 47.0002V17.0002C53.6665 13.5024 50.831 10.6668 47.3332 10.6668H17.3332Z"
+        })
+      );
+      break;
+    case "align-center":
+      pathNode.push(
+        h("path", {
+          class: ["de-path"],
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M16.3679 12.8C16.3679 11.3272 17.5618 10.1333 19.0345 10.1333L46.4001 10.1333C47.8728 10.1333 49.0667 11.3272 49.0667 12.8C49.0667 14.2727 47.8728 15.4666 46.4001 15.4666H19.0345C17.5618 15.4666 16.3679 14.2727 16.3679 12.8ZM3.7334 25.0666C3.7334 23.5939 4.92731 22.4 6.40007 22.4H57.6001C59.0728 22.4 60.2667 23.5939 60.2667 25.0666C60.2667 26.5394 59.0728 27.7333 57.6001 27.7333H6.40007C4.92731 27.7333 3.7334 26.5394 3.7334 25.0666ZM12.469 38.9333C12.469 37.4605 13.6629 36.2666 15.1357 36.2666H52.8001C54.2728 36.2666 55.4667 37.4605 55.4667 38.9333C55.4667 40.4061 54.2728 41.6 52.8001 41.6H15.1357C13.6629 41.6 12.469 40.4061 12.469 38.9333ZM3.7334 52.8C3.7334 51.3272 4.92731 50.1333 6.40007 50.1333H57.6001C59.0728 50.1333 60.2667 51.3272 60.2667 52.8C60.2667 54.2727 59.0728 55.4666 57.6001 55.4666H6.40007C4.92731 55.4666 3.7334 54.2727 3.7334 52.8Z"
+        })
+      );
+      break;
+    case "align-left":
+      pathNode.push(
+        h("path", {
+          class: ["de-path"],
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M60.2666 37.3331C60.2666 38.8059 59.0727 39.9998 57.5999 39.9998L6.39995 39.9998C4.92719 39.9998 3.73328 38.8059 3.73328 37.3331C3.73328 35.8603 4.92719 34.6664 6.39995 34.6664L57.5999 34.6664C59.0727 34.6664 60.2666 35.8603 60.2666 37.3331ZM60.2666 9.59977C60.2666 11.0725 59.0727 12.2664 57.5999 12.2664L6.39995 12.2664C4.92719 12.2664 3.73328 11.0725 3.73328 9.59977C3.73328 8.12701 4.92719 6.93311 6.39995 6.93311L57.5999 6.93311C59.0727 6.93311 60.2666 8.12701 60.2666 9.59977ZM46.731 23.4664C46.731 24.9392 45.5371 26.1331 44.0643 26.1331L6.39995 26.1331C4.92719 26.1331 3.73328 24.9392 3.73328 23.4664C3.73328 21.9937 4.92719 20.7998 6.39995 20.7998L44.0643 20.7998C45.5371 20.7998 46.731 21.9937 46.731 23.4664ZM36.4321 51.1998C36.4321 52.6725 35.2382 53.8664 33.7655 53.8664L6.39994 53.8664C4.92719 53.8664 3.73328 52.6725 3.73328 51.1998C3.73328 49.727 4.92719 48.5331 6.39994 48.5331L33.7655 48.5331C35.2382 48.5331 36.4321 49.727 36.4321 51.1998Z"
+        })
+      );
+      break;
+    case "align-right":
+      pathNode.push(
+        h("path", {
+          class: ["de-path"],
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M27.5679 9.59977C27.5679 8.12701 28.7618 6.93311 30.2345 6.93311L57.6001 6.93311C59.0728 6.93311 60.2667 8.12701 60.2667 9.59977C60.2667 11.0725 59.0728 12.2664 57.6001 12.2664H30.2345C28.7618 12.2664 27.5679 11.0725 27.5679 9.59977ZM3.7334 23.4664C3.7334 21.9937 4.92731 20.7998 6.40007 20.7998H57.6001C59.0728 20.7998 60.2667 21.9937 60.2667 23.4664C60.2667 24.9392 59.0728 26.1331 57.6001 26.1331H6.40007C4.92731 26.1331 3.7334 24.9392 3.7334 23.4664ZM17.269 37.3331C17.269 35.8603 18.4629 34.6664 19.9357 34.6664H57.6001C59.0728 34.6664 60.2667 35.8603 60.2667 37.3331C60.2667 38.8059 59.0728 39.9998 57.6001 39.9998H19.9357C18.4629 39.9998 17.269 38.8059 17.269 37.3331ZM3.7334 51.1998C3.7334 49.727 4.92731 48.5331 6.40007 48.5331H57.6001C59.0728 48.5331 60.2667 49.727 60.2667 51.1998C60.2667 52.6725 59.0728 53.8664 57.6001 53.8664H6.40007C4.92731 53.8664 3.7334 52.6725 3.7334 51.1998Z"
+        })
+      );
+      break;
+    case "align-justify":
+      pathNode.push(
+        h("path", {
+          class: ["de-path"],
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M60.2666 51.1998C60.2666 52.6725 59.0727 53.8664 57.5999 53.8664L6.39994 53.8664C4.92719 53.8664 3.73328 52.6725 3.73328 51.1998C3.73328 49.727 4.92719 48.5331 6.39994 48.5331L57.5999 48.5331C59.0727 48.5331 60.2666 49.727 60.2666 51.1998ZM60.2666 37.3331C60.2666 38.8059 59.0727 39.9998 57.5999 39.9998L6.39995 39.9998C4.92719 39.9998 3.73328 38.8059 3.73328 37.3331C3.73328 35.8603 4.92719 34.6664 6.39995 34.6664L57.5999 34.6664C59.0727 34.6664 60.2666 35.8603 60.2666 37.3331ZM60.2666 23.4664C60.2666 24.9392 59.0727 26.1331 57.5999 26.1331L6.39995 26.1331C4.92719 26.1331 3.73328 24.9392 3.73328 23.4664C3.73328 21.9937 4.92719 20.7998 6.39995 20.7998L57.5999 20.7998C59.0727 20.7998 60.2666 21.9937 60.2666 23.4664ZM60.2666 9.59977C60.2666 11.0725 59.0727 12.2664 57.5999 12.2664L6.39995 12.2664C4.92719 12.2664 3.73328 11.0725 3.73328 9.59977C3.73328 8.12701 4.92719 6.93311 6.39995 6.93311L57.5999 6.93311C59.0727 6.93311 60.2666 8.12701 60.2666 9.59977Z"
+        })
+      );
+      break;
+    case "move-up":
+      pathNode.push(
+        h("path", {
+          class: ["de-path"],
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M15.7144 1.31425C16.7557 0.272854 18.4442 0.272854 19.4856 1.31425L25.8856 7.71425C26.3857 8.21435 26.6666 8.89263 26.6666 9.59987C26.6666 10.3071 26.3857 10.9854 25.8856 11.4855L19.4856 17.8855C18.4442 18.9269 16.7557 18.9269 15.7144 17.8855C14.673 16.8441 14.673 15.1556 15.7144 14.1143L17.5621 12.2665H13.3333C10.0932 12.2665 7.46663 14.8931 7.46663 18.1332V22.3999C7.46663 23.8726 6.27273 25.0665 4.79997 25.0665C3.32721 25.0665 2.1333 23.8726 2.1333 22.3999V18.1332C2.1333 11.9476 7.14771 6.9332 13.3333 6.9332H17.5621L15.7144 5.08549C14.673 4.04409 14.673 2.35565 15.7144 1.31425ZM41.2431 12.2665C35.6625 12.2665 30.9861 16.1652 29.8005 21.39C29.4746 22.8262 28.0461 23.7263 26.6099 23.4004C25.1736 23.0745 24.2735 21.646 24.5994 20.2098C26.3241 12.6091 33.1176 6.9332 41.2431 6.9332C50.6688 6.9332 58.3098 14.5742 58.3098 23.9999C58.3098 32.7327 51.7531 39.9302 43.2926 40.9445C41.8304 41.1198 40.5028 40.0765 40.3275 38.6142C40.1522 37.1519 41.1955 35.8244 42.6578 35.6491C48.4697 34.9523 52.9765 30.0004 52.9765 23.9999C52.9765 17.5197 47.7233 12.2665 41.2431 12.2665ZM19.2 31.4665C12.7198 31.4665 7.46663 36.7197 7.46663 43.1999C7.46663 49.68 12.7198 54.9332 19.2 54.9332C25.6801 54.9332 30.9333 49.68 30.9333 43.1999C30.9333 36.7197 25.6801 31.4665 19.2 31.4665ZM2.1333 43.1999C2.1333 33.7742 9.77431 26.1332 19.2 26.1332C28.6256 26.1332 36.2666 33.7742 36.2666 43.1999C36.2666 52.6255 28.6256 60.2665 19.2 60.2665C9.77431 60.2665 2.1333 52.6255 2.1333 43.1999Z"
+        })
+      );
+      break;
+    case "move-down":
+      pathNode.push(
+        h("path", {
+          class: ["de-path"],
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M41.2431 12.2664C35.6625 12.2664 30.9861 16.1651 29.8005 21.3899C29.4746 22.8261 28.0461 23.7262 26.6099 23.4003C25.1736 23.0744 24.2735 21.6459 24.5994 20.2097C26.3241 12.609 33.1176 6.93311 41.2431 6.93311C50.6688 6.93311 58.3098 14.5741 58.3098 23.9998C58.3098 32.7326 51.7531 39.9301 43.2926 40.9444C41.8304 41.1197 40.5028 40.0764 40.3275 38.6141C40.1522 37.1518 41.1955 35.8243 42.6578 35.649C48.4697 34.9522 52.9765 30.0003 52.9765 23.9998C52.9765 17.5196 47.7233 12.2664 41.2431 12.2664ZM19.2 31.4664C12.7198 31.4664 7.46663 36.7196 7.46663 43.1998C7.46663 49.6799 12.7198 54.9331 19.2 54.9331C25.6801 54.9331 30.9333 49.6799 30.9333 43.1998C30.9333 36.7196 25.6801 31.4664 19.2 31.4664ZM2.1333 43.1998C2.1333 33.7741 9.77431 26.1331 19.2 26.1331C28.6256 26.1331 36.2666 33.7741 36.2666 43.1998C36.2666 52.6254 28.6256 60.2664 19.2 60.2664C9.77431 60.2664 2.1333 52.6254 2.1333 43.1998ZM59.2 38.9331C60.6727 38.9331 61.8666 40.127 61.8666 41.5998V45.8664C61.8666 52.052 56.8522 57.0664 50.6666 57.0664H46.4379L48.2856 58.9142C49.327 59.9555 49.327 61.644 48.2856 62.6854C47.2442 63.7268 45.5557 63.7268 44.5144 62.6854L38.1144 56.2854C37.6143 55.7853 37.3333 55.107 37.3333 54.3998C37.3333 53.6925 37.6143 53.0142 38.1144 52.5141L44.5144 46.1142C45.5558 45.0728 47.2442 45.0728 48.2856 46.1142C49.327 47.1556 49.327 48.844 48.2856 49.8854L46.4379 51.7331H50.6666C53.9067 51.7331 56.5333 49.1065 56.5333 45.8664V41.5998C56.5333 40.127 57.7272 38.9331 59.2 38.9331Z"
+        })
+      );
+      break;
+    case "indent-decrease":
+      pathNode.push(
+        h("path", {
+          class: ["de-path"],
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M32.5334 12.8C32.5334 11.3272 33.7273 10.1333 35.2001 10.1333H57.6001C59.0728 10.1333 60.2667 11.3272 60.2667 12.8C60.2667 14.2727 59.0728 15.4666 57.6001 15.4666H35.2001C33.7273 15.4666 32.5334 14.2727 32.5334 12.8ZM21.0857 17.3143C22.1271 18.3557 22.1271 20.0442 21.0857 21.0856L10.1713 32L21.0857 42.9144C22.1271 43.9558 22.1271 45.6442 21.0857 46.6856C20.0443 47.727 18.3558 47.727 17.3144 46.6856L4.51445 33.8856C3.47305 32.8442 3.47305 31.1558 4.51445 30.1144L17.3144 17.3144C18.3558 16.273 20.0443 16.273 21.0857 17.3143ZM26.1334 25.6C26.1334 24.1272 27.3273 22.9333 28.8001 22.9333H57.6001C59.0728 22.9333 60.2667 24.1272 60.2667 25.6C60.2667 27.0727 59.0728 28.2666 57.6001 28.2666H28.8001C27.3273 28.2666 26.1334 27.0727 26.1334 25.6ZM26.1334 38.4C26.1334 36.9272 27.3273 35.7333 28.8001 35.7333H57.6001C59.0728 35.7333 60.2667 36.9272 60.2667 38.4C60.2667 39.8727 59.0728 41.0666 57.6001 41.0666H28.8001C27.3273 41.0666 26.1334 39.8727 26.1334 38.4ZM32.5334 51.2C32.5334 49.7272 33.7273 48.5333 35.2001 48.5333H57.6001C59.0728 48.5333 60.2667 49.7272 60.2667 51.2C60.2667 52.6727 59.0728 53.8666 57.6001 53.8666H35.2001C33.7273 53.8666 32.5334 52.6727 32.5334 51.2Z"
+        })
+      );
+      break;
+    case "indent-increase":
+      pathNode.push(
+        h("path", {
+          class: ["de-path"],
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M19.7334 12.8C19.7334 11.3272 20.9273 10.1333 22.4001 10.1333H57.6001C59.0728 10.1333 60.2667 11.3272 60.2667 12.8C60.2667 14.2727 59.0728 15.4666 57.6001 15.4666H22.4001C20.9273 15.4666 19.7334 14.2727 19.7334 12.8ZM4.51445 17.3143C5.55585 16.273 7.24429 16.273 8.28568 17.3144L21.0857 30.1144C22.1271 31.1558 22.1271 32.8442 21.0857 33.8856L8.28568 46.6856C7.24429 47.727 5.55585 47.727 4.51445 46.6856C3.47305 45.6442 3.47305 43.9558 4.51445 42.9144L15.4288 32L4.51445 21.0856C3.47305 20.0442 3.47305 18.3557 4.51445 17.3143ZM32.5334 25.6C32.5334 24.1272 33.7273 22.9333 35.2001 22.9333H57.6001C59.0728 22.9333 60.2667 24.1272 60.2667 25.6C60.2667 27.0727 59.0728 28.2666 57.6001 28.2666H35.2001C33.7273 28.2666 32.5334 27.0727 32.5334 25.6ZM32.5334 38.4C32.5334 36.9272 33.7273 35.7333 35.2001 35.7333H57.6001C59.0728 35.7333 60.2667 36.9272 60.2667 38.4C60.2667 39.8727 59.0728 41.0666 57.6001 41.0666H35.2001C33.7273 41.0666 32.5334 39.8727 32.5334 38.4ZM19.7334 51.2C19.7334 49.7272 20.9273 48.5333 22.4001 48.5333H57.6001C59.0728 48.5333 60.2667 49.7272 60.2667 51.2C60.2667 52.6727 59.0728 53.8666 57.6001 53.8666H22.4001C20.9273 53.8666 19.7334 52.6727 19.7334 51.2Z"
+        })
+      );
+      break;
+  }
+  return h("svg", { class: ["de-icon"], viewBox: "0 0 64 64" }, pathNode);
+}

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

@@ -0,0 +1,5 @@
+export * from "./body.js";
+export * from "./menuBar.js";
+export * from "./controlbar.js";
+export * from "./icon.js";
+export * from "./block.js";

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

@@ -0,0 +1,5 @@
+export * from "./body.js";
+export * from "./menuBar.js";
+export * from "./controlbar.js";
+export * from "./icon.js";
+export * from "./block.js";