@maketribe/ms-app 3.2.42 → 3.2.44

package/dist/cjs/components/basic/doc-editor/plugins/ToolbarPlugin/FontStyleTool.vue.js

@@ -1,398 +0,0 @@
-"use strict";
-const vue = require("vue");
-const lexical = require("lexical");
-const selection = require("@lexical/selection");
-const link = require("@lexical/link");
-const url = require("../../utils/url.js");
-const getSelectedNode = require("../../utils/getSelectedNode.js");
-const utils = require("@lexical/utils");
-require("@lexical/text");
-require("@lexical/overflow");
-require("tiny-invariant");
-require("@lexical/history");
-const useLexicalComposer = require("../../core/composables/useLexicalComposer.js");
-require("@lexical/list");
-require("@lexical/dragon");
-require("@lexical/plain-text");
-require("@lexical/rich-text");
-const FontStyleDefines = require("./FontStyleDefines.js");
-const LinkEditDialog = require("../AutoLinkPlugin/LinkEditDialog.js");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "FontStyleTool",
-  setup(__props) {
-    const editor = useLexicalComposer.useLexicalComposer();
-    const fontSize = vue.ref("14px");
-    const fontColor = vue.ref("#000");
-    const bgColor = vue.ref("#fff");
-    const fontFamily = vue.ref(FontStyleDefines.FONT_FAMILY_OPTIONS[0]);
-    const isBold = vue.ref(false);
-    const isItalic = vue.ref(false);
-    const isUnderline = vue.ref(false);
-    const isStrikethrough = vue.ref(false);
-    const isSubscript = vue.ref(false);
-    const isSuperscript = vue.ref(false);
-    const alignList = vue.ref(["left", "center", "right", "justify"]);
-    const alignValue = vue.ref(alignList.value[0]);
-    const disabled = vue.ref(false);
-    const isLink = vue.ref(false);
-    const linkValue = vue.ref("");
-    async function insertLink() {
-      const result = await LinkEditDialog.showLinkEditPanel(linkValue.value);
-      if (result.trim()) {
-        editor.dispatchCommand(link.TOGGLE_LINK_COMMAND, url.sanitizeUrl(result));
-      } else {
-        editor.dispatchCommand(link.TOGGLE_LINK_COMMAND, null);
-      }
-    }
-    function updateToolbar() {
-      const selection$1 = lexical.$getSelection();
-      if (lexical.$isRangeSelection(selection$1)) {
-        const anchorNode = selection$1.anchor.getNode();
-        let element = anchorNode.getKey() === "root" ? anchorNode : utils.$findMatchingParent(anchorNode, (e) => {
-          const parent2 = e.getParent();
-          return parent2 !== null && lexical.$isRootOrShadowRoot(parent2);
-        });
-        if (element === null) {
-          element = anchorNode.getTopLevelElementOrThrow();
-        }
-        let elementDOM = editor.getElementByKey(element.getKey());
-        alignValue.value = (elementDOM == null ? void 0 : elementDOM.style.textAlign) || "left";
-        if (alignValue.value == "start") {
-          alignValue.value = "left";
-        } else if (alignValue.value == "end") {
-          alignValue.value = "right";
-        }
-        isBold.value = selection$1.hasFormat("bold");
-        isItalic.value = selection$1.hasFormat("italic");
-        isUnderline.value = selection$1.hasFormat("underline");
-        isStrikethrough.value = selection$1.hasFormat("strikethrough");
-        isSubscript.value = selection$1.hasFormat("subscript");
-        isSuperscript.value = selection$1.hasFormat("superscript");
-        var ff = selection.$getSelectionStyleValueForProperty(selection$1, "font-family", "Arial");
-        let fs = selection.$getSelectionStyleValueForProperty(selection$1, "font-size", "1rem");
-        if (fs) {
-          fontSize.value = Math.round(parseFloat(fs) * FontStyleDefines.ROOT_FONT_SIZE) + "px";
-        }
-        fontColor.value = selection.$getSelectionStyleValueForProperty(selection$1, "color", "#000");
-        bgColor.value = selection.$getSelectionStyleValueForProperty(selection$1, "background-color", "#fff");
-        fontFamily.value = FontStyleDefines.FONT_FAMILY_OPTIONS.find((item) => item.value == ff) || FontStyleDefines.FONT_FAMILY_OPTIONS[0];
-        disabled.value = false;
-        const node = getSelectedNode.getSelectedNode(selection$1);
-        const parent = node.getParent();
-        isLink.value = link.$isLinkNode(parent) || link.$isLinkNode(node);
-        if (isLink.value) {
-          linkValue.value = link.$isLinkNode(parent) ? parent.getURL() : node.getURL();
-        } else {
-          linkValue.value = "";
-        }
-      } else {
-        disabled.value = true;
-      }
-    }
-    const fontStyleHandle = (data, styleName) => {
-      fontSize.value = data.label;
-      editor.update(() => {
-        const selection$1 = lexical.$getSelection();
-        if (selection$1 !== null) {
-          selection.$patchStyleText(selection$1, {
-            [styleName || "font-size"]: data.value
-          });
-        }
-      });
-    };
-    const setFontColor = (color) => {
-      editor.update(() => {
-        const selection$1 = lexical.$getSelection();
-        if (selection$1 !== null) {
-          selection.$patchStyleText(selection$1, { color });
-        }
-      }, {});
-    };
-    const setBgColor = (color) => {
-      editor.update(() => {
-        const selection$1 = lexical.$getSelection();
-        if (selection$1 !== null) {
-          selection.$patchStyleText(selection$1, { "background-color": color });
-        }
-      }, {});
-    };
-    vue.onMounted(() => {
-      const unregisterMergeListener = utils.mergeRegister(
-        editor.registerUpdateListener(({ editorState }) => {
-          editorState.read(() => updateToolbar());
-        })
-      );
-      vue.onUnmounted(() => unregisterMergeListener());
-    });
-    return (_ctx, _cache) => {
-      const _component_MKSvgIcon = vue.resolveComponent("MKSvgIcon");
-      const _component_el_button = vue.resolveComponent("el-button");
-      const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
-      const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
-      const _component_el_dropdown = vue.resolveComponent("el-dropdown");
-      const _component_el_divider = vue.resolveComponent("el-divider");
-      const _component_el_color_picker = vue.resolveComponent("el-color-picker");
-      const _component_el_button_group = vue.resolveComponent("el-button-group");
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createVNode(_component_el_dropdown, {
-          "max-height": "300px",
-          disabled: disabled.value
-        }, {
-          dropdown: vue.withCtx(() => [
-            vue.createVNode(_component_el_dropdown_menu, null, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(FontStyleDefines.FONT_FAMILY_OPTIONS), (item) => {
-                  return vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
-                    class: vue.normalizeClass({ active: fontFamily.value.label == item.label }),
-                    disabled: disabled.value,
-                    value: item.value,
-                    onClick: ($event) => fontStyleHandle(item, "font-family")
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("span", {
-                        style: vue.normalizeStyle({ fontFamily: item.value })
-                      }, vue.toDisplayString(item.label), 5)
-                    ]),
-                    _: 2
-                  }, 1032, ["class", "disabled", "value", "onClick"]);
-                }), 256))
-              ]),
-              _: 1
-            })
-          ]),
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_button, {
-              text: "",
-              style: vue.normalizeStyle({ fontFamily: fontFamily.value.value }),
-              disabled: disabled.value
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(fontFamily.value.label) + " ", 1),
-                vue.createVNode(_component_MKSvgIcon, {
-                  iconClass: "ArrowDownBold",
-                  style: { "margin-left": "8px" }
-                })
-              ]),
-              _: 1
-            }, 8, ["style", "disabled"])
-          ]),
-          _: 1
-        }, 8, ["disabled"]),
-        vue.createVNode(_component_el_divider, { direction: "vertical" }),
-        vue.createVNode(_component_el_dropdown, {
-          "max-height": "300px",
-          disabled: disabled.value
-        }, {
-          dropdown: vue.withCtx(() => [
-            vue.createVNode(_component_el_dropdown_menu, null, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(FontStyleDefines.FONT_SIZE_OPTIONS), (item) => {
-                  return vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
-                    class: vue.normalizeClass({ active: fontSize.value == item.label }),
-                    disabled: disabled.value,
-                    value: item.value,
-                    onClick: ($event) => fontStyleHandle(item)
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString(item.label), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["class", "disabled", "value", "onClick"]);
-                }), 256))
-              ]),
-              _: 1
-            })
-          ]),
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_button, {
-              text: "",
-              disabled: disabled.value
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(fontSize.value) + " ", 1),
-                vue.createVNode(_component_MKSvgIcon, {
-                  iconClass: "ArrowDownBold",
-                  style: { "margin-left": "8px" }
-                })
-              ]),
-              _: 1
-            }, 8, ["disabled"])
-          ]),
-          _: 1
-        }, 8, ["disabled"]),
-        vue.createVNode(_component_el_divider, { direction: "vertical" }),
-        vue.createVNode(_component_el_button, {
-          text: "",
-          class: "mk-doc-editor-toolbar__fontcolor",
-          disabled: disabled.value
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_color_picker, {
-              modelValue: fontColor.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fontColor.value = $event),
-              disabled: disabled.value,
-              onChange: setFontColor
-            }, null, 8, ["modelValue", "disabled"])
-          ]),
-          _: 1
-        }, 8, ["disabled"]),
-        vue.createVNode(_component_el_button, {
-          text: "",
-          class: "mk-doc-editor-toolbar__bgcolor",
-          disabled: disabled.value
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_color_picker, {
-              modelValue: bgColor.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => bgColor.value = $event),
-              disabled: disabled.value,
-              onChange: setBgColor
-            }, null, 8, ["modelValue", "disabled"]),
-            vue.createVNode(_component_MKSvgIcon, {
-              class: "view",
-              iconClass: "doc-background-color"
-            })
-          ]),
-          _: 1
-        }, 8, ["disabled"]),
-        vue.createVNode(_component_el_divider, { direction: "vertical" }),
-        vue.createVNode(_component_el_button_group, null, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_button, {
-              disabled: disabled.value,
-              text: "",
-              class: vue.normalizeClass(`${isBold.value ? "active" : ""}`),
-              onClick: _cache[2] || (_cache[2] = ($event) => vue.unref(editor).dispatchCommand(vue.unref(lexical.FORMAT_TEXT_COMMAND), "bold"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "doc-bold" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "class"]),
-            vue.createVNode(_component_el_button, {
-              disabled: disabled.value,
-              text: "",
-              class: vue.normalizeClass(`${isItalic.value ? "active" : ""}`),
-              onClick: _cache[3] || (_cache[3] = ($event) => vue.unref(editor).dispatchCommand(vue.unref(lexical.FORMAT_TEXT_COMMAND), "italic"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "doc-italic" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "class"]),
-            vue.createVNode(_component_el_button, {
-              disabled: disabled.value,
-              text: "",
-              class: vue.normalizeClass(`${isUnderline.value ? "active" : ""}`),
-              onClick: _cache[4] || (_cache[4] = ($event) => vue.unref(editor).dispatchCommand(vue.unref(lexical.FORMAT_TEXT_COMMAND), "underline"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "doc-underline" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "class"]),
-            vue.createVNode(_component_el_button, {
-              disabled: disabled.value,
-              text: "",
-              class: vue.normalizeClass(`${isStrikethrough.value ? "active" : ""}`),
-              onClick: _cache[5] || (_cache[5] = ($event) => vue.unref(editor).dispatchCommand(vue.unref(lexical.FORMAT_TEXT_COMMAND), "strikethrough"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "doc-strikethrough" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "class"]),
-            vue.createVNode(_component_el_button, {
-              disabled: disabled.value,
-              text: "",
-              class: vue.normalizeClass(`${isSubscript.value ? "active" : ""}`),
-              onClick: _cache[6] || (_cache[6] = ($event) => vue.unref(editor).dispatchCommand(vue.unref(lexical.FORMAT_TEXT_COMMAND), "subscript"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "doc-sub" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "class"]),
-            vue.createVNode(_component_el_button, {
-              disabled: disabled.value,
-              text: "",
-              class: vue.normalizeClass(`${isSuperscript.value ? "active" : ""}`),
-              onClick: _cache[7] || (_cache[7] = ($event) => vue.unref(editor).dispatchCommand(vue.unref(lexical.FORMAT_TEXT_COMMAND), "superscript"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "doc-sup" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "class"])
-          ]),
-          _: 1
-        }),
-        vue.createVNode(_component_el_divider, { direction: "vertical" }),
-        vue.createVNode(_component_el_dropdown, {
-          "max-height": "300px",
-          trigger: "click",
-          disabled: disabled.value
-        }, {
-          dropdown: vue.withCtx(() => [
-            vue.createVNode(_component_el_dropdown_menu, null, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(alignList.value, (item) => {
-                  return vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
-                    disabled: disabled.value,
-                    class: vue.normalizeClass({ active: alignValue.value == item }),
-                    value: item,
-                    onClick: ($event) => vue.unref(editor).dispatchCommand(vue.unref(lexical.FORMAT_ELEMENT_COMMAND), item)
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(_component_MKSvgIcon, {
-                        iconClass: `doc-align-${item}`,
-                        style: { "font-size": "18px" }
-                      }, null, 8, ["iconClass"])
-                    ]),
-                    _: 2
-                  }, 1032, ["disabled", "class", "value", "onClick"]);
-                }), 256))
-              ]),
-              _: 1
-            })
-          ]),
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_button, {
-              text: "",
-              style: vue.normalizeStyle({ fontFamily: fontFamily.value.value }),
-              disabled: disabled.value
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, {
-                  iconClass: `doc-align-${alignValue.value}`,
-                  style: { "font-size": "18px" }
-                }, null, 8, ["iconClass"])
-              ]),
-              _: 1
-            }, 8, ["style", "disabled"])
-          ]),
-          _: 1
-        }, 8, ["disabled"]),
-        vue.createVNode(_component_el_divider, { direction: "vertical" }),
-        vue.createVNode(_component_el_button_group, null, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_button, {
-              text: "",
-              disabled: disabled.value,
-              class: vue.normalizeClass(`${isLink.value ? "active" : ""}`),
-              onClick: insertLink
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "doc-link" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "class"])
-          ]),
-          _: 1
-        })
-      ], 64);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=FontStyleTool.vue.js.map

package/dist/cjs/components/basic/doc-editor/plugins/ToolbarPlugin/FontStyleTool.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FontStyleTool.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ToolbarPlugin/FontStyleTool.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {\r\n  $getSelection,\r\n  $isRangeSelection,\r\n  $isRootOrShadowRoot,\r\n  $isParagraphNode,\r\n  FORMAT_TEXT_COMMAND,\r\n  FORMAT_ELEMENT_COMMAND,\r\n  type ElementFormatType,\r\n} from 'lexical'\r\nimport {\r\n  $getSelectionStyleValueForProperty,\r\n  $patchStyleText,\r\n} from '@lexical/selection'\r\n\r\nimport { $isLinkNode, TOGGLE_LINK_COMMAND,LinkNode } from '@lexical/link'\r\nimport { sanitizeUrl } from '../../utils/url'\r\nimport { getSelectedNode } from '../../utils/getSelectedNode'\r\nimport { $findMatchingParent,mergeRegister } from '@lexical/utils'\r\nimport {  useLexicalComposer } from '../../core/composables'\r\nimport { onMounted, onUnmounted, ref,watch } from 'vue'\r\nimport { FONT_SIZE_OPTIONS,ROOT_FONT_SIZE,FONT_FAMILY_OPTIONS } from \"./FontStyleDefines\"\r\nimport { showLinkEditPanel } from \"../AutoLinkPlugin/LinkEditDialog\";\r\n\r\nconst editor = useLexicalComposer()\r\nconst fontSize = ref('14px')\r\nconst fontColor = ref<string>('#000')\r\nconst bgColor = ref<string>('#fff')\r\nconst fontFamily = ref<any>(FONT_FAMILY_OPTIONS[0])\r\nconst isBold = ref(false)\r\nconst isItalic = ref(false)\r\nconst isUnderline = ref(false)\r\nconst isStrikethrough = ref(false)\r\n\r\nconst isSubscript = ref(false)\r\nconst isSuperscript = ref(false)\r\n\r\n// 对齐方式\r\nconst alignList = ref<ElementFormatType[]>([\"left\",\"center\",\"right\",\"justify\"])\r\nconst alignValue = ref(alignList.value[0])\r\nconst disabled = ref(false)\r\nconst isLink = ref(false)\r\nconst linkValue = ref(\"\");\r\n\r\nasync function insertLink() {\r\n\r\n  const result:any = await showLinkEditPanel(linkValue.value);\r\n\r\n  if(result.trim()){\r\n    editor.dispatchCommand(TOGGLE_LINK_COMMAND, sanitizeUrl(result))\r\n  }\r\n  else{\r\n    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null)\r\n  }\r\n}\r\n\r\n// 更新状态栏\r\nfunction updateToolbar() {\r\n\r\n  const selection = $getSelection()\r\n\r\n  if ($isRangeSelection(selection)) {\r\n\r\n    const anchorNode = selection.anchor.getNode()\r\n\r\n    let element = anchorNode.getKey() === 'root'\r\n          ? anchorNode\r\n          : $findMatchingParent(anchorNode, (e) => {\r\n            const parent = e.getParent()\r\n            return parent !== null && $isRootOrShadowRoot(parent)\r\n          });\r\n\r\n\r\n    if (element === null){\r\n      element = anchorNode.getTopLevelElementOrThrow()\r\n    }\r\n\r\n    let elementDOM = editor.getElementByKey(element.getKey());\r\n\r\n    // 文本对齐\r\n    alignValue.value = (elementDOM?.style.textAlign as ElementFormatType) || \"left\";\r\n\r\n    if(alignValue.value  == \"start\"){ alignValue.value  = \"left\"; }\r\n    else if(alignValue.value  == \"end\"){ alignValue.value  = \"right\"; }\r\n\r\n    // Update text format\r\n    isBold.value = selection.hasFormat('bold')\r\n    isItalic.value = selection.hasFormat('italic')\r\n    isUnderline.value = selection.hasFormat('underline')\r\n    isStrikethrough.value = selection.hasFormat('strikethrough')\r\n    isSubscript.value = selection.hasFormat('subscript')\r\n    isSuperscript.value = selection.hasFormat('superscript')\r\n\r\n    // Handle buttons\r\n    var ff = $getSelectionStyleValueForProperty(selection, 'font-family', 'Arial');\r\n    let fs = $getSelectionStyleValueForProperty(selection, 'font-size', '1rem');\r\n     \r\n    if(fs){\r\n       fontSize.value = Math.round(parseFloat(fs) * ROOT_FONT_SIZE)+\"px\"\r\n    }\r\n   \r\n    fontColor.value = $getSelectionStyleValueForProperty(selection, 'color', '#000')\r\n    bgColor.value = $getSelectionStyleValueForProperty(selection, 'background-color', '#fff')\r\n    fontFamily.value = FONT_FAMILY_OPTIONS.find(item=>item.value==ff) || FONT_FAMILY_OPTIONS[0];\r\n\r\n    disabled.value = false;\r\n\r\n    // Update links\r\n    const node = getSelectedNode(selection)\r\n    const parent = node.getParent()\r\n    isLink.value = $isLinkNode(parent) || $isLinkNode(node)\r\n    if(isLink.value){\r\n      linkValue.value = $isLinkNode(parent) ? parent.getURL() : (node as LinkNode).getURL()\r\n    }\r\n    else{\r\n      linkValue.value = \"\";\r\n    }\r\n  }\r\n  else{\r\n\r\n    disabled.value = true;\r\n  }\r\n}\r\n\r\n// 文字样式\r\nconst fontStyleHandle = (data : any,styleName?:any)=>{\r\n  fontSize.value = data.label;\r\n  editor.update(() => {\r\n    const selection = $getSelection()\r\n    if (selection !== null) {\r\n      $patchStyleText(selection, {\r\n        [styleName || \"font-size\"]:data.value\r\n      })\r\n    }\r\n  })\r\n}\r\n\r\n// 字体颜色\r\nconst setFontColor = (color:any)=>{\r\n  editor.update(() => {\r\n    const selection = $getSelection()\r\n    if (selection !== null){\r\n      $patchStyleText(selection, { color })\r\n    }\r\n  },{})\r\n}\r\n\r\n// bg颜色\r\nconst setBgColor = (color:any)=>{\r\n  editor.update(() => {\r\n    const selection = $getSelection()\r\n    if (selection !== null){\r\n      $patchStyleText(selection, { 'background-color':color })\r\n    }\r\n  },{})\r\n}\r\n\r\n\r\n// 挂载的时候\r\nonMounted(() => {\r\n\r\n  const unregisterMergeListener = mergeRegister(\r\n    editor.registerUpdateListener(({ editorState }) => {\r\n      editorState.read(() => updateToolbar())\r\n    })\r\n  )\r\n\r\n  onUnmounted(() => unregisterMergeListener());\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n   <!-- 字体 -->\r\n    <el-dropdown max-height=\"300px\" :disabled=\"disabled\">\r\n      <el-button text  :style=\"{fontFamily:fontFamily.value}\" :disabled=\"disabled\">\r\n        {{fontFamily.label}} <MKSvgIcon iconClass=\"ArrowDownBold\" style=\"margin-left: 8px;\" /> \r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item :class=\"{active:fontFamily.label == item.label}\" :disabled=\"disabled\"  v-for=\"item in FONT_FAMILY_OPTIONS\" :value=\"item.value\" @click=\"fontStyleHandle(item,'font-family')\">\r\n            <span :style=\"{fontFamily:item.value}\">\r\n              {{item.label}}\r\n            </span>\r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 字体大小 -->\r\n    <el-dropdown max-height=\"300px\" :disabled=\"disabled\">\r\n        <el-button text :disabled=\"disabled\">\r\n          {{fontSize}} <MKSvgIcon iconClass=\"ArrowDownBold\" style=\"margin-left: 8px;\" /> \r\n        </el-button>\r\n        <template #dropdown>\r\n          <el-dropdown-menu>\r\n            <el-dropdown-item :class=\"{active:fontSize==item.label}\" :disabled=\"disabled\" v-for=\"item in FONT_SIZE_OPTIONS\" :value=\"item.value\" @click=\"fontStyleHandle(item)\">{{item.label}}</el-dropdown-item>\r\n          </el-dropdown-menu>\r\n        </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 字体颜色 -->\r\n    <el-button text class=\"mk-doc-editor-toolbar__fontcolor\" :disabled=\"disabled\" >\r\n        <el-color-picker v-model=\"fontColor\" :disabled=\"disabled\" @change=\"setFontColor\"  />\r\n    </el-button>\r\n    <!-- 背景颜色 -->\r\n    <el-button text class=\"mk-doc-editor-toolbar__bgcolor\" :disabled=\"disabled\" >\r\n      <el-color-picker v-model=\"bgColor\" :disabled=\"disabled\"  @change=\"setBgColor\" />\r\n      <MKSvgIcon class=\"view\" iconClass=\"doc-background-color\" /> \r\n    </el-button>\r\n\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-button-group>\r\n      <el-button :disabled=\"disabled\" text :class=\"`${isBold ? 'active' : ''}`\" @click=\"editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold')\">\r\n        <MKSvgIcon iconClass=\"doc-bold\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"disabled\" text :class=\"`${isItalic ? 'active' : ''}`\" @click=\"editor.dispatchCommand(FORMAT_TEXT_COMMAND,  'italic')\">\r\n        <MKSvgIcon iconClass=\"doc-italic\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"disabled\" text :class=\"`${isUnderline ? 'active' : ''}`\"  @click=\"editor.dispatchCommand(FORMAT_TEXT_COMMAND,  'underline')\">\r\n        <MKSvgIcon iconClass=\"doc-underline\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"disabled\" text :class=\"`${isStrikethrough ? 'active' : ''}`\" @click=\"editor.dispatchCommand(FORMAT_TEXT_COMMAND,  'strikethrough')\">\r\n        <MKSvgIcon iconClass=\"doc-strikethrough\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"disabled\" text :class=\"`${isSubscript ? 'active' : ''}`\"  @click=\"editor.dispatchCommand(FORMAT_TEXT_COMMAND,  'subscript')\">\r\n        <MKSvgIcon iconClass=\"doc-sub\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"disabled\" text :class=\"`${isSuperscript ? 'active' : ''}`\" @click=\"editor.dispatchCommand(FORMAT_TEXT_COMMAND,  'superscript')\">\r\n        <MKSvgIcon iconClass=\"doc-sup\" /> \r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-dropdown max-height=\"300px\" trigger=\"click\" :disabled=\"disabled\">\r\n      <el-button text  :style=\"{fontFamily:fontFamily.value}\" :disabled=\"disabled\">\r\n        <MKSvgIcon :iconClass=\"`doc-align-${alignValue}`\" style=\"font-size: 18px;\" /> \r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item :disabled=\"disabled\" :class=\"{active:alignValue == item}\" v-for=\"item in alignList\" :value=\"item\"  @click=\"editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, item)\">\r\n            <MKSvgIcon :iconClass=\"`doc-align-${item}`\" style=\"font-size: 18px;\"  /> \r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />\r\n    <!-- 链接 -->\r\n    <el-button-group>\r\n      <el-button text :disabled=\"disabled\" :class=\"`${isLink ? 'active' : ''}`\" @click=\"insertLink\">\r\n        <MKSvgIcon iconClass=\"doc-link\" /> \r\n      </el-button>\r\n    </el-button-group>\r\n</template>\r\n"],"names":["useLexicalComposer","ref","FONT_FAMILY_OPTIONS","showLinkEditPanel","TOGGLE_LINK_COMMAND","sanitizeUrl","selection","$getSelection","$isRangeSelection","$findMatchingParent","parent","$isRootOrShadowRoot","$getSelectionStyleValueForProperty","ROOT_FONT_SIZE","getSelectedNode","$isLinkNode","$patchStyleText","onMounted","mergeRegister","onUnmounted"],"mappings":"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"}

package/dist/cjs/components/basic/doc-editor/plugins/ToolbarPlugin/FontStyleTool.vue2.js

@@ -1,4 +0,0 @@
-"use strict";
-const FontStyleTool_vue_vue_type_script_setup_true_lang = require("./FontStyleTool.vue.js");
-module.exports = FontStyleTool_vue_vue_type_script_setup_true_lang;
-//# sourceMappingURL=FontStyleTool.vue2.js.map

package/dist/cjs/components/basic/doc-editor/plugins/ToolbarPlugin/FontStyleTool.vue2.js.map

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

package/dist/cjs/components/basic/doc-editor/plugins/ToolbarPlugin/PreviewToolbar.vue.js

@@ -1,123 +0,0 @@
-"use strict";
-const vue = require("vue");
-require("@lexical/text");
-require("@lexical/utils");
-require("@lexical/overflow");
-require("lexical");
-require("tiny-invariant");
-require("@lexical/history");
-const useLexicalComposer = require("../../core/composables/useLexicalComposer.js");
-require("@lexical/list");
-require("@lexical/dragon");
-require("@lexical/plain-text");
-require("@lexical/rich-text");
-const html = require("@lexical/html");
-const index = require("../../core/index.js");
-const docTheme = require("../../themes/doc-theme.css.js");
-const docEditor = require("../../themes/doc-editor.css.js");
-const composables$1 = require("../ModulePlugin/composables.js");
-const composables = require("../TemplatePlugin/composables.js");
-const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "PreviewToolbar",
-  props: {
-    js: { type: String, default: `` },
-    css: { type: String, default: `` }
-  },
-  setup(__props) {
-    const editor = useLexicalComposer.useLexicalComposer();
-    const { Modules } = composables$1.useModule();
-    const props = __props;
-    const iframeContentRef = vue.ref(null);
-    const iframeBody = vue.computed(() => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = iframeContentRef.value) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.document) == null ? void 0 : _c.body;
-    });
-    const codeDialogVisible = vue.ref(false);
-    vue.ref("");
-    props.css.split(",").map((path) => {
-      return `<link crossorigin href="${path}" type="text/xml" />`;
-    }).join("\r\n");
-    const show = function() {
-      codeDialogVisible.value = true;
-      vue.nextTick(() => {
-        editor.getEditorState().read(() => {
-          var _a, _b;
-          const doc = (_b = (_a = iframeContentRef.value) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.document;
-          const style = document.createElement("style");
-          style.setAttribute("type", "text/css");
-          style.innerHTML = [docEditor, docTheme].join("\r\n");
-          style.innerHTML += Modules.filter((item) => item.editorCss).map((item) => item.editorCss).join("\r\n");
-          style.innerHTML += composables.Templates.filter((item) => item.editorCss).map((item) => item.editorCss).join("\r\n");
-          doc.head.append(style);
-          props.js.split(",").filter((item) => !!item).forEach((path) => {
-            const script = document.createElement("script");
-            script.src = path;
-            script.setAttribute("crossorigin", "true");
-            doc.head.append(script);
-          });
-          props.css.split(",").filter((item) => !!item).forEach((path) => {
-            const link = document.createElement("link");
-            link.href = path;
-            link.setAttribute("rel", "stylesheet");
-            link.setAttribute("crossorigin", "true");
-            doc.head.append(link);
-          });
-          iframeBody.value.style.fontSize = index.DEVICE_VIEW_MODE.value == "pc" ? "14px" : "18px";
-          doc.body.innerHTML = html.$generateHtmlFromNodes(editor);
-          setTimeout(() => {
-            var _a2;
-            if (iframeBody.value.scrollHeight > iframeBody.value.offsetHeight) {
-              iframeContentRef.value.style.height = ((_a2 = iframeBody.value) == null ? void 0 : _a2.scrollHeight) + 10 + "px";
-            }
-          }, 100);
-        });
-      });
-    };
-    return (_ctx, _cache) => {
-      const _component_MKSvgIcon = vue.resolveComponent("MKSvgIcon");
-      const _component_el_button = vue.resolveComponent("el-button");
-      const _component_el_dialog = vue.resolveComponent("el-dialog");
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createVNode(_component_el_button, {
-          text: "",
-          onClick: show
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_MKSvgIcon, { iconClass: "View" })
-          ]),
-          _: 1
-        }),
-        vue.createVNode(_component_el_dialog, {
-          modelValue: codeDialogVisible.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => codeDialogVisible.value = $event),
-          "append-to-body": "",
-          title: "预览",
-          width: "80%",
-          fullscreen: ""
-        }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(["mk-doc-editor__view_warp", vue.unref(index.DEVICE_VIEW_MODE)])
-            }, [
-              vue.createElementVNode("iframe", {
-                class: "mk-doc-editor__view_iframe",
-                ref_key: "iframeContentRef",
-                ref: iframeContentRef
-              }, null, 512),
-              iframeBody.value ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
-                key: 0,
-                to: iframeBody.value
-              }, [
-                _hoisted_1
-              ], 8, ["to"])) : vue.createCommentVNode("", true)
-            ], 2)
-          ]),
-          _: 1
-        }, 8, ["modelValue"])
-      ], 64);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=PreviewToolbar.vue.js.map

package/dist/cjs/components/basic/doc-editor/plugins/ToolbarPlugin/PreviewToolbar.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreviewToolbar.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ToolbarPlugin/PreviewToolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n\r\nimport {  useLexicalComposer } from '../../core/composables'\r\nimport { $generateHtmlFromNodes} from '@lexical/html'\r\nimport { ref,computed,defineProps,watch, nextTick } from \"vue\"\r\nimport { DEVICE_VIEW_MODE } from \"../../core\"\r\nimport DocThemeCss from \"../../themes/doc-theme.css?raw\";\r\nimport DocEditorCss from \"../../themes/doc-editor.css?raw\";\r\nimport { useModule } from \"../ModulePlugin/composables\"\r\nimport { Templates } from \"../TemplatePlugin/composables\"\r\n\r\nconst editor = useLexicalComposer()\r\nconst { Modules } = useModule();\r\n// 参数\r\nconst props = defineProps({\r\n  js:{ type:String,default:`` },\r\n  css:{ type:String,default:`` }\r\n})\r\n// iframe 编辑器\r\nconst iframeContentRef = ref(null as any);\r\nconst iframeBody = computed<any>(()=>iframeContentRef.value?.contentWindow?.document?.body)\r\n\r\nconst codeDialogVisible = ref(false);\r\nconst srcdoc = ref(\"\");\r\nconst linkStr = props.css.split(\",\").map(path=>{\r\n  return `<link crossorigin href=\"${path}\" type=\"text/xml\" />`\r\n}).join(\"\\r\\n\");\r\n\r\n// const scriptStr = props.css.split(\",\").map(path=>{\r\n//   return `<script1 crossorigin src=\"${path}\"></script1>`\r\n// }).join(\"\");\r\n \r\n\r\n// 显示\r\nconst show = function(){\r\n\r\n  codeDialogVisible.value = true;\r\n\r\n  nextTick(()=>{\r\n\r\n    editor.getEditorState().read(() => {\r\n\r\n      const doc = iframeContentRef.value?.contentWindow?.document;\r\n\r\n      // 样式\r\n      const style = document.createElement(\"style\");\r\n      style.setAttribute(\"type\",\"text/css\")\r\n\r\n      // 默认样式\r\n      style.innerHTML = [DocEditorCss,DocThemeCss].join(\"\\r\\n\");\r\n      //模块渲染样式\r\n      style.innerHTML += Modules.filter(item=>item.editorCss).map(item=>item.editorCss).join(\"\\r\\n\");\r\n      // 模版样式\r\n      style.innerHTML += Templates.filter(item=>item.editorCss).map(item=>item.editorCss).join(\"\\r\\n\");\r\n      \r\n      doc.head.append(style);\r\n\r\n      // 扩展的js和css\r\n      props.js.split(\",\").filter(item=>!!item).forEach(path=>{\r\n        const script = document.createElement(\"script\");\r\n        script.src = path;\r\n        script.setAttribute(\"crossorigin\",\"true\")\r\n        doc.head.append(script);\r\n      })\r\n      props.css.split(\",\").filter(item=>!!item).forEach(path=>{\r\n        const link = document.createElement(\"link\");\r\n        link.href = path;\r\n        link.setAttribute(\"rel\",\"stylesheet\")\r\n        link.setAttribute(\"crossorigin\",\"true\")\r\n        doc.head.append(link);\r\n      })\r\n\r\n      // 预览显示\r\n      iframeBody.value.style.fontSize = DEVICE_VIEW_MODE.value == \"pc\" ? \"14px\" : \"18px\";\r\n\r\n      // 预览内容\r\n      doc.body.innerHTML = $generateHtmlFromNodes(editor);\r\n\r\n      setTimeout(() => {\r\n        if(iframeBody.value.scrollHeight > iframeBody.value.offsetHeight){\r\n          iframeContentRef.value.style.height = (iframeBody.value?.scrollHeight + 10)+\"px\";\r\n        }\r\n      }, 100);\r\n    })\r\n  });\r\n\r\n\r\n  \r\n}\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n  <el-button text @click=\"show\">\r\n    <MKSvgIcon iconClass=\"View\" /> \r\n  </el-button>\r\n  <el-dialog v-model=\"codeDialogVisible\" append-to-body title=\"预览\" width=\"80%\" fullscreen>\r\n    <div class=\"mk-doc-editor__view_warp\" :class=\"DEVICE_VIEW_MODE\">\r\n      <iframe class=\"mk-doc-editor__view_iframe\" ref=\"iframeContentRef\"></iframe>\r\n      <Teleport v-if=\"iframeBody\" :to=\"iframeBody\">\r\n           <div></div>\r\n      </Teleport>\r\n    </div>\r\n  </el-dialog>\r\n</template>\r\n"],"names":["useLexicalComposer","useModule","ref","computed","nextTick","DocEditorCss","DocThemeCss","Templates","DEVICE_VIEW_MODE","$generateHtmlFromNodes","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,SAASA,mBAAAA;AACT,UAAA,EAAE,YAAYC,cAAAA;AAEpB,UAAM,QAAQ;AAKR,UAAA,mBAAmBC,QAAI,IAAW;AACxC,UAAM,aAAaC,IAAc,SAAA;;AAAI,gDAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC,aAAvC,mBAAiD;AAAA,KAAI;AAEpF,UAAA,oBAAoBD,QAAI,KAAK;AACpBA,QAAAA,IAAI,EAAE;AACL,UAAM,IAAI,MAAM,GAAG,EAAE,IAAI,CAAM,SAAA;AAC7C,aAAO,2BAA2B,IAAI;AAAA,IAAA,CACvC,EAAE,KAAK,MAAM;AAQd,UAAM,OAAO,WAAU;AAErB,wBAAkB,QAAQ;AAE1BE,UAAAA,SAAS,MAAI;AAEJ,eAAA,iBAAiB,KAAK,MAAM;;AAE3B,gBAAA,OAAM,4BAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC;AAG7C,gBAAA,QAAQ,SAAS,cAAc,OAAO;AACtC,gBAAA,aAAa,QAAO,UAAU;AAGpC,gBAAM,YAAY,CAACC,WAAaC,QAAW,EAAE,KAAK,MAAM;AAExD,gBAAM,aAAa,QAAQ,OAAO,CAAA,SAAM,KAAK,SAAS,EAAE,IAAI,CAAM,SAAA,KAAK,SAAS,EAAE,KAAK,MAAM;AAE7F,gBAAM,aAAaC,YAAA,UAAU,OAAO,CAAA,SAAM,KAAK,SAAS,EAAE,IAAI,CAAM,SAAA,KAAK,SAAS,EAAE,KAAK,MAAM;AAE3F,cAAA,KAAK,OAAO,KAAK;AAGf,gBAAA,GAAG,MAAM,GAAG,EAAE,OAAO,CAAM,SAAA,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAM,SAAA;AAC/C,kBAAA,SAAS,SAAS,cAAc,QAAQ;AAC9C,mBAAO,MAAM;AACN,mBAAA,aAAa,eAAc,MAAM;AACpC,gBAAA,KAAK,OAAO,MAAM;AAAA,UAAA,CACvB;AACK,gBAAA,IAAI,MAAM,GAAG,EAAE,OAAO,CAAM,SAAA,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAM,SAAA;AAChD,kBAAA,OAAO,SAAS,cAAc,MAAM;AAC1C,iBAAK,OAAO;AACP,iBAAA,aAAa,OAAM,YAAY;AAC/B,iBAAA,aAAa,eAAc,MAAM;AAClC,gBAAA,KAAK,OAAO,IAAI;AAAA,UAAA,CACrB;AAGD,qBAAW,MAAM,MAAM,WAAWC,MAAiB,iBAAA,SAAS,OAAO,SAAS;AAGxE,cAAA,KAAK,YAAYC,KAAA,uBAAuB,MAAM;AAElD,qBAAW,MAAM;;AACf,gBAAG,WAAW,MAAM,eAAe,WAAW,MAAM,cAAa;AAC/D,+BAAiB,MAAM,MAAM,WAAUC,MAAA,WAAW,UAAX,gBAAAA,IAAkB,gBAAe,KAAI;AAAA,YAC9E;AAAA,aACC,GAAG;AAAA,QAAA,CACP;AAAA,MAAA,CACF;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/basic/doc-editor/plugins/ToolbarPlugin/PreviewToolbar.vue2.js

@@ -1,4 +0,0 @@
-"use strict";
-const PreviewToolbar_vue_vue_type_script_setup_true_lang = require("./PreviewToolbar.vue.js");
-module.exports = PreviewToolbar_vue_vue_type_script_setup_true_lang;
-//# sourceMappingURL=PreviewToolbar.vue2.js.map

package/dist/cjs/components/basic/doc-editor/plugins/ToolbarPlugin/PreviewToolbar.vue2.js.map

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