@maketribe/ms-app 3.2.41 → 3.2.43

package/dist/esm/components/basic/doc-editor/plugins/ToolbarPlugin/ContentStyleTool.vue.js

@@ -1,139 +0,0 @@
-import { defineComponent, ref, onMounted, onUnmounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createTextVNode } from "vue";
-import { $getSelection, $isRangeSelection, $isRootOrShadowRoot, $createParagraphNode } from "lexical";
-import { $patchStyleText, $setBlocksType } from "@lexical/selection";
-import { $isHeadingNode, $createHeadingNode } from "@lexical/rich-text";
-import { INSERT_UNORDERED_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_CHECK_LIST_COMMAND } from "@lexical/list";
-import { $findMatchingParent } from "@lexical/utils";
-import "@lexical/text";
-import "@lexical/overflow";
-import "tiny-invariant";
-import "@lexical/history";
-import { useLexicalComposer } from "../../core/composables/useLexicalComposer.js";
-import "@lexical/dragon";
-import "@lexical/plain-text";
-const _hoisted_1 = {
-  key: 0,
-  class: "mk-doc-editor-toolbar-content-style-item text"
-};
-const _hoisted_2 = ["innerHTML"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ContentStyleTool",
-  setup(__props) {
-    const editor = useLexicalComposer();
-    const CONTENT_TYPE_DEFINES = [
-      { value: "paragraph", label: "正文" },
-      { value: "bullet", label: "无序列表" },
-      { value: "number", label: "有序列表" },
-      { value: "h1", label: "标题 1" },
-      { value: "h2", label: "标题 2" },
-      { value: "h3", label: "标题 3" }
-    ];
-    const disabled = ref(false);
-    const contentType = ref(CONTENT_TYPE_DEFINES[0]);
-    function updateToolbar() {
-      const selection = $getSelection();
-      if ($isRangeSelection(selection)) {
-        const anchorNode = selection.anchor.getNode();
-        let element = anchorNode.getKey() === "root" ? anchorNode : $findMatchingParent(anchorNode, (e) => {
-          const parent = e.getParent();
-          return parent !== null && $isRootOrShadowRoot(parent);
-        });
-        if (element === null) {
-          element = anchorNode.getTopLevelElementOrThrow();
-        }
-        const elementKey = element.getKey();
-        const elementDOM = editor.getElementByKey(elementKey);
-        if (elementDOM !== null) {
-          const type = $isHeadingNode(element) ? element.getTag() : element.getType();
-          contentType.value = CONTENT_TYPE_DEFINES.find((item) => item.value == type) || CONTENT_TYPE_DEFINES[0];
-        }
-        disabled.value = false;
-      } else {
-        disabled.value = true;
-      }
-    }
-    const setContentType = (type) => {
-      contentType.value = type;
-      editor.update(() => {
-        const selection = $getSelection();
-        if ($isRangeSelection(selection)) {
-          $patchStyleText(selection, { ["font-size"]: "" });
-          if (type.value == "paragraph") {
-            $setBlocksType(selection, () => $createParagraphNode());
-          } else if (type.value == "bullet") {
-            editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0);
-          } else if (type.value == "bullet") {
-            editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0);
-          } else if (type.value == "check-list") {
-            editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, void 0);
-          } else {
-            $setBlocksType(selection, () => {
-              return $createHeadingNode(type.value);
-            });
-          }
-        }
-      });
-    };
-    onMounted(() => {
-      const unregisterMergeListener = editor.registerUpdateListener(({ editorState }) => {
-        editorState.read(() => updateToolbar());
-      });
-      onUnmounted(() => unregisterMergeListener());
-    });
-    return (_ctx, _cache) => {
-      const _component_MKSvgIcon = resolveComponent("MKSvgIcon");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
-      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
-      const _component_el_dropdown = resolveComponent("el-dropdown");
-      return openBlock(), createBlock(_component_el_dropdown, {
-        "max-height": "300px",
-        disabled: disabled.value
-      }, {
-        dropdown: withCtx(() => [
-          createVNode(_component_el_dropdown_menu, null, {
-            default: withCtx(() => [
-              (openBlock(), createElementBlock(Fragment, null, renderList(CONTENT_TYPE_DEFINES, (item) => {
-                return createVNode(_component_el_dropdown_item, {
-                  class: normalizeClass({ active: contentType.value.label == item.label }),
-                  value: item.value,
-                  onClick: ($event) => setContentType(item)
-                }, {
-                  default: withCtx(() => [
-                    item.value.indexOf("h") != 0 ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(item.label), 1)) : (openBlock(), createElementBlock("div", {
-                      key: 1,
-                      class: "mk-doc-editor-toolbar-content-style-item",
-                      innerHTML: `<${item.value}>${item.label}</${item.value}>`
-                    }, null, 8, _hoisted_2))
-                  ]),
-                  _: 2
-                }, 1032, ["class", "value", "onClick"]);
-              }), 64))
-            ]),
-            _: 1
-          })
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_el_button, {
-            text: "",
-            disabled: disabled.value
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(contentType.value.label) + " ", 1),
-              createVNode(_component_MKSvgIcon, {
-                iconClass: "ArrowDownBold",
-                style: { "margin-left": "8px" }
-              })
-            ]),
-            _: 1
-          }, 8, ["disabled"])
-        ]),
-        _: 1
-      }, 8, ["disabled"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=ContentStyleTool.vue.js.map

package/dist/esm/components/basic/doc-editor/plugins/ToolbarPlugin/ContentStyleTool.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentStyleTool.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ToolbarPlugin/ContentStyleTool.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {\r\n  $createParagraphNode,\r\n  $getSelection,\r\n  $isRangeSelection,\r\n  $isRootOrShadowRoot\r\n} from 'lexical'\r\nimport { $patchStyleText,$setBlocksType } from '@lexical/selection'\r\nimport type { HeadingTagType } from '@lexical/rich-text'\r\nimport { $createHeadingNode,$isHeadingNode } from '@lexical/rich-text'\r\nimport { \r\n  INSERT_CHECK_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, \r\n} from '@lexical/list'\r\nimport { $findMatchingParent } from '@lexical/utils'\r\nimport {  useLexicalComposer } from '../../core/composables'\r\nimport { onMounted, onUnmounted, ref } from 'vue'\r\n\r\nconst editor = useLexicalComposer()\r\n\r\n// 内容类型\r\nconst CONTENT_TYPE_DEFINES = [\r\n  {value:\"paragraph\",label:\"正文\"},\r\n  {value:\"bullet\",label:\"无序列表\"},\r\n  {value:\"number\",label:\"有序列表\"},\r\n  {value:\"h1\",label:\"标题 1\"},\r\n  {value:\"h2\",label:\"标题 2\"},\r\n  {value:\"h3\",label:\"标题 3\"}\r\n];\r\n\r\nconst disabled = ref(false)\r\n\r\nconst contentType = ref<any>(CONTENT_TYPE_DEFINES[0]);\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\r\n        = 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    if (element === null){ element = anchorNode.getTopLevelElementOrThrow() }\r\n      \r\n    const elementKey = element.getKey()\r\n    const elementDOM = editor.getElementByKey(elementKey)\r\n\r\n    if (elementDOM !== null) {\r\n      const type = $isHeadingNode(element) ? element.getTag() : element.getType();\r\n      contentType.value = CONTENT_TYPE_DEFINES.find(item=>item.value == type) || CONTENT_TYPE_DEFINES[0]\r\n    }\r\n    disabled.value = false;\r\n  }\r\n  else{\r\n\r\n    disabled.value = true;\r\n  }\r\n}\r\n\r\n// 设置内容类型\r\nconst setContentType = (type:any)=>{\r\n\r\n  contentType.value = type;\r\n   \r\n  editor.update(() => {\r\n\r\n      const selection = $getSelection()\r\n   \r\n      if ($isRangeSelection(selection)){\r\n\r\n        // 清空字体大小\r\n        $patchStyleText(selection, { [\"font-size\"]:\"\" })\r\n   \r\n        if(type.value == \"paragraph\"){\r\n          $setBlocksType(selection, () => $createParagraphNode())\r\n        }\r\n        else if(type.value == \"bullet\"){\r\n          editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined)\r\n        }\r\n        else if(type.value == \"bullet\"){\r\n          editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined)\r\n        }\r\n        else if(type.value == \"check-list\"){\r\n          editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, undefined)\r\n        }\r\n        else{\r\n          $setBlocksType(selection, () => {\r\n            return $createHeadingNode(type.value as  HeadingTagType)\r\n          })\r\n        }\r\n      }\r\n  })\r\n}\r\n\r\n// 挂载的时候\r\nonMounted(() => {\r\n\r\nconst unregisterMergeListener = editor.registerUpdateListener(({ editorState }) => {\r\n  editorState.read(() => updateToolbar())\r\n})\r\n\r\n\r\nonUnmounted(() => unregisterMergeListener());\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <el-dropdown max-height=\"300px\" :disabled=\"disabled\">\r\n    <el-button text :disabled=\"disabled\">\r\n      {{contentType.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:contentType.label == item.label}\" v-for=\"item in CONTENT_TYPE_DEFINES\" :value=\"item.value\" @click=\"setContentType(item)\">\r\n          <template v-if=\"item.value.indexOf('h')!=0 \">\r\n            <div class=\"mk-doc-editor-toolbar-content-style-item text\">{{item.label}}</div>\r\n          </template>\r\n          <template v-else>\r\n           <div class=\"mk-doc-editor-toolbar-content-style-item\" v-html=\"`<${item.value}>${item.label}</${item.value}>`\"></div>\r\n          </template>\r\n        </el-dropdown-item>\r\n      </el-dropdown-menu>\r\n    </template>\r\n  </el-dropdown>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBA,UAAM,SAAS;AAGf,UAAM,uBAAuB;AAAA,MAC3B,EAAC,OAAM,aAAY,OAAM,KAAI;AAAA,MAC7B,EAAC,OAAM,UAAS,OAAM,OAAM;AAAA,MAC5B,EAAC,OAAM,UAAS,OAAM,OAAM;AAAA,MAC5B,EAAC,OAAM,MAAK,OAAM,OAAM;AAAA,MACxB,EAAC,OAAM,MAAK,OAAM,OAAM;AAAA,MACxB,EAAC,OAAM,MAAK,OAAM,OAAM;AAAA,IAAA;AAGpB,UAAA,WAAW,IAAI,KAAK;AAE1B,UAAM,cAAc,IAAS,qBAAqB,CAAC,CAAC;AAKpD,aAAS,gBAAgB;AAEvB,YAAM,YAAY;AAEd,UAAA,kBAAkB,SAAS,GAAG;AAE1B,cAAA,aAAa,UAAU,OAAO,QAAQ;AAExC,YAAA,UACE,WAAW,aAAa,SACtB,aACA,oBAAoB,YAAY,CAAC,MAAM;AACjC,gBAAA,SAAS,EAAE;AACV,iBAAA,WAAW,QAAQ,oBAAoB,MAAM;AAAA,QAAA,CACrD;AAEP,YAAI,YAAY,MAAK;AAAE,oBAAU,WAAW;QAA4B;AAElE,cAAA,aAAa,QAAQ;AACrB,cAAA,aAAa,OAAO,gBAAgB,UAAU;AAEpD,YAAI,eAAe,MAAM;AACjB,gBAAA,OAAO,eAAe,OAAO,IAAI,QAAQ,OAAO,IAAI,QAAQ;AACtD,sBAAA,QAAQ,qBAAqB,KAAK,CAAA,SAAM,KAAK,SAAS,IAAI,KAAK,qBAAqB,CAAC;AAAA,QACnG;AACA,iBAAS,QAAQ;AAAA,MAAA,OAEf;AAEF,iBAAS,QAAQ;AAAA,MACnB;AAAA,IACF;AAGM,UAAA,iBAAiB,CAAC,SAAW;AAEjC,kBAAY,QAAQ;AAEpB,aAAO,OAAO,MAAM;AAEhB,cAAM,YAAY;AAEd,YAAA,kBAAkB,SAAS,GAAE;AAG/B,0BAAgB,WAAW,EAAE,CAAC,WAAW,GAAE,GAAI,CAAA;AAE5C,cAAA,KAAK,SAAS,aAAY;AACZ,2BAAA,WAAW,MAAM,qBAAA,CAAsB;AAAA,UAAA,WAEhD,KAAK,SAAS,UAAS;AACtB,mBAAA,gBAAgB,+BAA+B,MAAS;AAAA,UAAA,WAEzD,KAAK,SAAS,UAAS;AACtB,mBAAA,gBAAgB,6BAA6B,MAAS;AAAA,UAAA,WAEvD,KAAK,SAAS,cAAa;AAC1B,mBAAA,gBAAgB,2BAA2B,MAAS;AAAA,UAAA,OAEzD;AACF,2BAAe,WAAW,MAAM;AACvB,qBAAA,mBAAmB,KAAK,KAAwB;AAAA,YAAA,CACxD;AAAA,UACH;AAAA,QACF;AAAA,MAAA,CACH;AAAA,IAAA;AAIH,cAAU,MAAM;AAEhB,YAAM,0BAA0B,OAAO,uBAAuB,CAAC,EAAE,kBAAkB;AACrE,oBAAA,KAAK,MAAM,cAAA,CAAe;AAAA,MAAA,CACvC;AAGW,kBAAA,MAAM,yBAAyB;AAAA,IAAA,CAC1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/basic/doc-editor/plugins/ToolbarPlugin/ContentStyleTool.vue2.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./ContentStyleTool.vue.js";
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=ContentStyleTool.vue2.js.map

package/dist/esm/components/basic/doc-editor/plugins/ToolbarPlugin/ContentStyleTool.vue2.js.map

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

package/dist/esm/components/basic/doc-editor/plugins/ToolbarPlugin/FontStyleDefines.js

@@ -1,26 +0,0 @@
-const ROOT_FONT_SIZE = 14;
-const FONT_SIZE_OPTIONS = [];
-const setFontSize = function(size) {
-  FONT_SIZE_OPTIONS.push(
-    { value: `${Math.round(size / ROOT_FONT_SIZE * 100) / 100}rem`, label: size + "px" }
-  );
-};
-for (let i = 0; i < 80; i += 2) {
-  setFontSize(10 + i);
-  if (i >= 2 && i < 22) {
-    setFontSize(10 + i + 0.5);
-    setFontSize(10 + i + 1);
-    setFontSize(10 + i + 1.5);
-  }
-}
-const familys = "微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings".split(";");
-const FONT_FAMILY_OPTIONS = [{ value: "", label: "系统字体" }].concat(familys.map((fv) => {
-  let fvl = fv.split("="), label = fvl[0], value = fvl[1] || `'${label}'`;
-  return { value, label };
-}));
-export {
-  FONT_FAMILY_OPTIONS,
-  FONT_SIZE_OPTIONS,
-  ROOT_FONT_SIZE
-};
-//# sourceMappingURL=FontStyleDefines.js.map

package/dist/esm/components/basic/doc-editor/plugins/ToolbarPlugin/FontStyleDefines.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FontStyleDefines.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ToolbarPlugin/FontStyleDefines.ts"],"sourcesContent":["\r\nexport const ROOT_FONT_SIZE = 14;\r\n\r\nexport const FONT_SIZE_OPTIONS: any[] = []\r\n\r\n// 设置样式\r\nconst setFontSize = function(size:any){\r\n  FONT_SIZE_OPTIONS.push(\r\n    {value:`${Math.round(size/ROOT_FONT_SIZE * 100) / 100}rem`,label:size+\"px\"}\r\n  );\r\n}\r\n\r\n// 数据初始化\r\nfor(let i=0;i<80;i+=2){\r\n  setFontSize(10 + i);\r\n  if(i >= 2 && i < 22){\r\n    setFontSize(10 + i + 0.5);\r\n    setFontSize(10 + i + 1);\r\n    setFontSize(10 + i + 1.5);\r\n  }\r\n}\r\n\r\nconst familys = \"微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings\".split(\";\")\r\n\r\n// 字体列表\r\nexport const FONT_FAMILY_OPTIONS: any[] = [{value:\"\",label:\"系统字体\"}].concat(familys.map(fv=>{\r\n  let fvl = fv.split(\"=\"),label=fvl[0],value=fvl[1] || `'${label}'`;\r\n  return { value,label}\r\n}))\r\n"],"names":[],"mappings":"AACO,MAAM,iBAAiB;AAEvB,MAAM,oBAA2B,CAAC;AAGzC,MAAM,cAAc,SAAS,MAAS;AAClB,oBAAA;AAAA,IAChB,EAAC,OAAM,GAAG,KAAK,MAAM,OAAK,iBAAiB,GAAG,IAAI,GAAG,OAAM,OAAM,OAAK,KAAI;AAAA,EAAA;AAE9E;AAGA,SAAQ,IAAE,GAAE,IAAE,IAAG,KAAG,GAAE;AACpB,cAAY,KAAK,CAAC;AACf,MAAA,KAAK,KAAK,IAAI,IAAG;AACN,gBAAA,KAAK,IAAI,GAAG;AACZ,gBAAA,KAAK,IAAI,CAAC;AACV,gBAAA,KAAK,IAAI,GAAG;AAAA,EAC1B;AACF;AAEA,MAAM,UAAU,kiBAAkiB,MAAM,GAAG;AAGpjB,MAAM,sBAA6B,CAAC,EAAC,OAAM,IAAG,OAAM,QAAO,EAAE,OAAO,QAAQ,IAAI,CAAI,OAAA;AACzF,MAAI,MAAM,GAAG,MAAM,GAAG,GAAE,QAAM,IAAI,CAAC,GAAE,QAAM,IAAI,CAAC,KAAK,IAAI,KAAK;AACvD,SAAA,EAAE,OAAM;AACjB,CAAC,CAAC;"}

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

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

package/dist/esm/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\"  />\r\n      <MKSvgIcon class=\"view\" iconClass=\"doc-background-color\" @change=\"setBgColor\" /> \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":["parent"],"mappings":"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"}

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

@@ -1,5 +0,0 @@
-import _sfc_main from "./FontStyleTool.vue.js";
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=FontStyleTool.vue2.js.map

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

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