@maketribe/ms-app 4.0.0-alpha.1 → 4.0.0-alpha.3

package/dist/cjs/components/basic/lexical-editor/plugins/ToolbarPlugin.vue4.js

@@ -1,433 +0,0 @@
-"use strict";
-const vue = require("vue");
-require("@lexical/overflow");
-require("@lexical/text");
-require("@lexical/utils");
-require("lexical");
-const useLexicalEditorState = require("../composables/useLexicalEditorState.js");
-require("../composables/useElementBlockSelection.js");
-require("@lexical/rich-text");
-const lexicalEditor = require("../composables/lexicalEditor.js");
-const index = require("../../svg-icon/index.js");
-const _hoisted_1 = { style: { "padding": "0 10px" } };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "ToolbarPlugin",
-  props: {
-    // doc | richtext | mini
-    mode: { type: String, default: "doc" }
-  },
-  setup(__props) {
-    const { editor, toolbarExtendPlugins } = lexicalEditor.useLexicalEditorContext();
-    const {
-      activeNode,
-      canUndo,
-      undoCommand,
-      canRedo,
-      redoCommand,
-      canTextStyleDisabled,
-      setTextStyle,
-      fontFamily,
-      fontfamilyOptoins,
-      fontSize,
-      fontSizeOptions,
-      fontColor,
-      bgColor,
-      canBold,
-      canItalic,
-      canStrikethrough,
-      canUnderline,
-      canSubscript,
-      canSuperscript,
-      canLink,
-      alignList,
-      alignValue,
-      contentTypeList,
-      curContentTypeDesc,
-      setContentType
-    } = useLexicalEditorState.useLexicalEditorState();
-    return (_ctx, _cache) => {
-      const _component_el_button = vue.resolveComponent("el-button");
-      const _component_el_button_group = vue.resolveComponent("el-button-group");
-      const _component_el_divider = vue.resolveComponent("el-divider");
-      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_color_picker = vue.resolveComponent("el-color-picker");
-      const _component_el_tooltip = vue.resolveComponent("el-tooltip");
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createVNode(_component_el_button_group, null, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_button, {
-              text: "",
-              disabled: !vue.unref(canUndo),
-              onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(undoCommand)())
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(index.MKSvgIcon), { name: "ep:refresh-left" })
-              ]),
-              _: 1
-            }, 8, ["disabled"]),
-            vue.createVNode(_component_el_button, {
-              text: "",
-              disabled: !vue.unref(canRedo),
-              onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(redoCommand)())
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(index.MKSvgIcon), { name: "ep:refresh-right" })
-              ]),
-              _: 1
-            }, 8, ["disabled"])
-          ]),
-          _: 1
-        }),
-        vue.createVNode(_component_el_divider, { direction: "vertical" }),
-        vue.createVNode(_component_el_dropdown, { "max-height": "300px" }, {
-          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(contentTypeList), (item) => {
-                  return vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
-                    class: vue.normalizeClass({ active: vue.unref(curContentTypeDesc) == item.label }),
-                    value: item.value,
-                    onClick: ($event) => vue.unref(setContentType)(item.value)
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1, vue.toDisplayString(item.label), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["class", "value", "onClick"]);
-                }), 256))
-              ]),
-              _: 1
-            })
-          ]),
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_button, { text: "" }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(vue.unref(curContentTypeDesc)) + " ", 1),
-                vue.createVNode(vue.unref(index.MKSvgIcon), {
-                  name: "formkit:arrowdown",
-                  style: { "margin-left": "8px" }
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        vue.createVNode(_component_el_divider, { direction: "vertical" }),
-        vue.createVNode(_component_el_dropdown, {
-          "max-height": "300px",
-          disabled: vue.unref(canTextStyleDisabled)
-        }, {
-          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(fontfamilyOptoins), (item) => {
-                  return vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
-                    class: vue.normalizeClass({ active: vue.unref(fontFamily).label == item.label }),
-                    value: item.value,
-                    onClick: ($event) => vue.unref(setTextStyle)("font-family", item.value)
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("span", {
-                        style: vue.normalizeStyle({ fontFamily: item.value })
-                      }, vue.toDisplayString(item.label), 5)
-                    ]),
-                    _: 2
-                  }, 1032, ["class", "value", "onClick"]);
-                }), 256))
-              ]),
-              _: 1
-            })
-          ]),
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_button, {
-              text: "",
-              style: vue.normalizeStyle({ fontFamily: vue.unref(fontFamily).value }),
-              disabled: vue.unref(canTextStyleDisabled)
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(vue.unref(fontFamily).label) + " ", 1),
-                vue.createVNode(vue.unref(index.MKSvgIcon), {
-                  name: "formkit:arrowdown",
-                  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: vue.unref(canTextStyleDisabled)
-        }, {
-          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(fontSizeOptions), (item) => {
-                  return vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
-                    class: vue.normalizeClass({ active: vue.unref(fontSize) == item.label }),
-                    value: item.value,
-                    onClick: ($event) => vue.unref(setTextStyle)("font-size", item.value)
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString(item.label), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["class", "value", "onClick"]);
-                }), 256))
-              ]),
-              _: 1
-            })
-          ]),
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_button, {
-              text: "",
-              disabled: vue.unref(canTextStyleDisabled)
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(vue.unref(fontSize)) + " ", 1),
-                vue.createVNode(vue.unref(index.MKSvgIcon), {
-                  name: "formkit:arrowdown",
-                  style: { "margin-left": "8px" }
-                })
-              ]),
-              _: 1
-            }, 8, ["disabled"])
-          ]),
-          _: 1
-        }, 8, ["disabled"]),
-        vue.createVNode(_component_el_divider, { direction: "vertical" }),
-        vue.createVNode(_component_el_tooltip, {
-          effect: "dark",
-          content: "文字颜色"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_button, {
-              text: "",
-              disabled: vue.unref(canTextStyleDisabled),
-              class: "font-color"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_el_color_picker, {
-                  modelValue: vue.unref(fontColor),
-                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(fontColor) ? fontColor.value = $event : null),
-                  disabled: vue.unref(canTextStyleDisabled),
-                  onChange: _cache[3] || (_cache[3] = ($event) => vue.unref(setTextStyle)("color", $event))
-                }, null, 8, ["modelValue", "disabled"])
-              ]),
-              _: 1
-            }, 8, ["disabled"])
-          ]),
-          _: 1
-        }),
-        vue.createVNode(_component_el_divider, { direction: "vertical" }),
-        vue.createVNode(_component_el_tooltip, {
-          effect: "dark",
-          content: "背景颜色"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_button, {
-              text: "",
-              disabled: vue.unref(canTextStyleDisabled),
-              class: "bg-color"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_el_color_picker, {
-                  modelValue: vue.unref(bgColor),
-                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(bgColor) ? bgColor.value = $event : null),
-                  disabled: vue.unref(canTextStyleDisabled),
-                  onChange: _cache[5] || (_cache[5] = ($event) => vue.unref(setTextStyle)("background-color", $event))
-                }, null, 8, ["modelValue", "disabled"])
-              ]),
-              _: 1
-            }, 8, ["disabled"])
-          ]),
-          _: 1
-        }),
-        vue.createVNode(_component_el_divider, { direction: "vertical" }),
-        vue.createVNode(_component_el_button_group, { class: "font-style" }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_button, {
-              disabled: vue.unref(canTextStyleDisabled),
-              text: "",
-              class: vue.normalizeClass(`${vue.unref(canBold) ? "active" : ""}`),
-              onClick: _cache[6] || (_cache[6] = ($event) => vue.unref(setTextStyle)("bold"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(index.MKSvgIcon), { name: "mingcute:bold-fill" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "class"]),
-            vue.createVNode(_component_el_button, {
-              disabled: vue.unref(canTextStyleDisabled),
-              text: "",
-              class: vue.normalizeClass(`${vue.unref(canItalic) ? "active" : ""}`),
-              onClick: _cache[7] || (_cache[7] = ($event) => vue.unref(setTextStyle)("italic"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(index.MKSvgIcon), { name: "mingcute:italic-fill" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "class"]),
-            vue.createVNode(_component_el_button, {
-              disabled: vue.unref(canTextStyleDisabled),
-              text: "",
-              class: vue.normalizeClass(`${vue.unref(canStrikethrough) ? "active" : ""}`),
-              onClick: _cache[8] || (_cache[8] = ($event) => vue.unref(setTextStyle)("strikethrough"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(index.MKSvgIcon), { name: "mingcute:strikethrough-fill" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "class"]),
-            vue.createVNode(_component_el_button, {
-              disabled: vue.unref(canTextStyleDisabled),
-              text: "",
-              class: vue.normalizeClass(`${vue.unref(canUnderline) ? "active" : ""}`),
-              onClick: _cache[9] || (_cache[9] = ($event) => vue.unref(setTextStyle)("underline"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(index.MKSvgIcon), { name: "mingcute:underline-fill" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "class"]),
-            vue.createVNode(_component_el_button, {
-              disabled: vue.unref(canTextStyleDisabled),
-              text: "",
-              class: vue.normalizeClass(`${vue.unref(canSubscript) ? "active" : ""}`),
-              onClick: _cache[10] || (_cache[10] = ($event) => vue.unref(setTextStyle)("subscript"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(index.MKSvgIcon), { name: "material-symbols:subscript" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "class"]),
-            vue.createVNode(_component_el_button, {
-              disabled: vue.unref(canTextStyleDisabled),
-              text: "",
-              class: vue.normalizeClass(`${vue.unref(canSuperscript) ? "active" : ""}`),
-              onClick: _cache[11] || (_cache[11] = ($event) => vue.unref(setTextStyle)("superscript"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(index.MKSvgIcon), { name: "material-symbols:superscript" })
-              ]),
-              _: 1
-            }, 8, ["disabled", "class"])
-          ]),
-          _: 1
-        }),
-        vue.createVNode(_component_el_divider, { direction: "vertical" }),
-        vue.createVNode(_component_el_dropdown, {
-          "max-height": "300px",
-          disabled: vue.unref(canTextStyleDisabled)
-        }, {
-          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(alignList), (item) => {
-                  return vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
-                    class: vue.normalizeClass({ active: vue.unref(alignValue) == item }),
-                    value: item,
-                    onClick: ($event) => vue.unref(setTextStyle)("align", item)
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(index.MKSvgIcon), {
-                        name: `quill:text-${item}`,
-                        style: { "font-size": "18px" }
-                      }, null, 8, ["name"])
-                    ]),
-                    _: 2
-                  }, 1032, ["class", "value", "onClick"]);
-                }), 256))
-              ]),
-              _: 1
-            })
-          ]),
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_button, {
-              text: "",
-              style: vue.normalizeStyle({ fontFamily: vue.unref(fontFamily).value }),
-              disabled: vue.unref(canTextStyleDisabled)
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(index.MKSvgIcon), {
-                  name: `quill:text-${vue.unref(alignValue)}`,
-                  style: { "font-size": "18px" }
-                }, null, 8, ["name"])
-              ]),
-              _: 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: vue.unref(canTextStyleDisabled),
-              class: vue.normalizeClass(`${vue.unref(canLink) ? "active" : ""}`),
-              onClick: _cache[12] || (_cache[12] = ($event) => vue.unref(setTextStyle)("link"))
-            }, {
-              default: vue.withCtx(() => [
-                !vue.unref(canLink) ? (vue.openBlock(), vue.createBlock(vue.unref(index.MKSvgIcon), {
-                  key: 0,
-                  name: "tabler:link"
-                })) : (vue.openBlock(), vue.createBlock(vue.unref(index.MKSvgIcon), {
-                  key: 1,
-                  name: "tabler:unlink"
-                }))
-              ]),
-              _: 1
-            }, 8, ["disabled", "class"])
-          ]),
-          _: 1
-        }),
-        vue.createVNode(_component_el_divider, { direction: "vertical" }),
-        vue.createVNode(_component_el_dropdown, { "popper-class": "lexical-editor-toolsbar-insert-proper" }, {
-          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(toolbarExtendPlugins), (item) => {
-                  return vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
-                    key: item,
-                    onClick: ($event) => item.action(vue.unref(editor)),
-                    disabled: item.disbale ? item.disbale(vue.unref(activeNode)) : false
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(index.MKSvgIcon), {
-                        name: item.icon
-                      }, null, 8, ["name"]),
-                      vue.createTextVNode(" " + vue.toDisplayString(item.text), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick", "disabled"]);
-                }), 128))
-              ]),
-              _: 1
-            })
-          ]),
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_button, { text: "" }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(index.MKSvgIcon), {
-                  name: "ep:plus",
-                  style: { "margin-right": "5px" }
-                }),
-                vue.createTextVNode(" 插入 ")
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ], 64);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=ToolbarPlugin.vue4.js.map

package/dist/cjs/components/basic/lexical-editor/plugins/ToolbarPlugin.vue4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarPlugin.vue4.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/ToolbarPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n\r\nimport { useLexicalEditorState,useLexicalEditorContext } from '../composables'\r\nimport {MKSvgIcon} from \"../../svg-icon\";\r\n\r\nconst props = defineProps({\r\n  // doc | richtext | mini\r\n  mode:{ type:String,default:\"doc\" }\r\n})\r\n// 上下文\r\nconst { editor,toolbarExtendPlugins } = useLexicalEditorContext();\r\n \r\n\r\nconst {  \r\n    activeNode,\r\n    canUndo,undoCommand,\r\n    canRedo,redoCommand,\r\n    canTextStyleDisabled,\r\n    setTextStyle,\r\n    fontFamily,fontfamilyOptoins,\r\n    fontSize,fontSizeOptions,\r\n    fontColor,bgColor,\r\n    canBold,canItalic,canStrikethrough,canUnderline,canSubscript,canSuperscript,\r\n    canLink,\r\n    alignList,alignValue,\r\n    contentTypeList,curContentTypeDesc,setContentType\r\n} = useLexicalEditorState()\r\n\r\n</script>\r\n\r\n<template>\r\n    <el-button-group>\r\n      <el-button text :disabled=\"!canUndo\" @click=\"undoCommand()\">\r\n        <MKSvgIcon name=\"ep:refresh-left\" />\r\n      </el-button>\r\n      <el-button text :disabled=\"!canRedo\" @click=\"redoCommand()\">\r\n        <MKSvgIcon name=\"ep:refresh-right\" />\r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider  direction=\"vertical\" />\r\n     <!-- 内容 -->\r\n     <el-dropdown max-height=\"300px\">\r\n      <el-button text>\r\n        {{curContentTypeDesc}} <MKSvgIcon name=\"formkit:arrowdown\" style=\"margin-left: 8px;\" />\r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item :class=\"{active:curContentTypeDesc == item.label}\"   v-for=\"item in contentTypeList\" :value=\"item.value\" @click=\"setContentType(item.value)\">\r\n           <div style=\"padding: 0 10px;\"> {{item.label}} </div>\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=\"canTextStyleDisabled\">\r\n      <el-button text  :style=\"{fontFamily:fontFamily.value}\" :disabled=\"canTextStyleDisabled\">\r\n        {{fontFamily.label}} <MKSvgIcon name=\"formkit:arrowdown\" 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}\"   v-for=\"item in fontfamilyOptoins\" :value=\"item.value\" @click=\"setTextStyle('font-family',item.value)\">\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=\"canTextStyleDisabled\">\r\n        <el-button text :disabled=\"canTextStyleDisabled\">\r\n          {{fontSize}} <MKSvgIcon name=\"formkit:arrowdown\" 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}\"   v-for=\"item in fontSizeOptions\" :value=\"item.value\" @click=\"setTextStyle('font-size',item.value)\">{{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-tooltip effect=\"dark\" content=\"文字颜色\">\r\n      <el-button text :disabled=\"canTextStyleDisabled\" class=\"font-color\">\r\n          <el-color-picker v-model=\"fontColor\" :disabled=\"canTextStyleDisabled\" @change=\"($event:any)=>setTextStyle('color',$event)\"  />\r\n      </el-button>\r\n    </el-tooltip>\r\n    \r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 背景颜色 -->\r\n    <el-tooltip effect=\"dark\" content=\"背景颜色\">\r\n      <el-button text :disabled=\"canTextStyleDisabled\" class=\"bg-color\">\r\n        <el-color-picker v-model=\"bgColor\" :disabled=\"canTextStyleDisabled\"  @change=\"($event:any)=>setTextStyle('background-color',$event)\" />\r\n      </el-button>\r\n    </el-tooltip>\r\n\r\n    <el-divider direction=\"vertical\" />\r\n    <el-button-group class=\"font-style\">\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canBold ? 'active' : ''}`\" @click=\"setTextStyle('bold')\">\r\n        <MKSvgIcon name=\"mingcute:bold-fill\" />\r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canItalic ? 'active' : ''}`\" @click=\"setTextStyle('italic')\">\r\n        <MKSvgIcon name=\"mingcute:italic-fill\" />\r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canStrikethrough ? 'active' : ''}`\" @click=\"setTextStyle('strikethrough')\">\r\n        <MKSvgIcon name=\"mingcute:strikethrough-fill\" />\r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canUnderline ? 'active' : ''}`\"  @click=\"setTextStyle('underline')\">\r\n        <MKSvgIcon name=\"mingcute:underline-fill\" />\r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canSubscript ? 'active' : ''}`\"  @click=\"setTextStyle('subscript')\">\r\n        <MKSvgIcon name=\"material-symbols:subscript\" />\r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canSuperscript ? 'active' : ''}`\" @click=\"setTextStyle('superscript')\">\r\n        <MKSvgIcon name=\"material-symbols:superscript\" />\r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-dropdown max-height=\"300px\" :disabled=\"canTextStyleDisabled\">\r\n      <el-button text  :style=\"{fontFamily:fontFamily.value}\" :disabled=\"canTextStyleDisabled\">\r\n        <MKSvgIcon :name=\"`quill:text-${alignValue}`\" style=\"font-size: 18px;\" />\r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item :class=\"{active:alignValue == item}\" v-for=\"item in alignList\" :value=\"item\"  @click=\"setTextStyle('align', item)\">\r\n            <MKSvgIcon :name=\"`quill:text-${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=\"canTextStyleDisabled\" :class=\"`${canLink ? 'active' : ''}`\" @click=\"setTextStyle('link')\">\r\n        <MKSvgIcon v-if=\"!canLink\" name=\"tabler:link\" />\r\n        <MKSvgIcon v-else name=\"tabler:unlink\" />\r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider direction=\"vertical\" />\r\n    <el-dropdown popper-class=\"lexical-editor-toolsbar-insert-proper\">\r\n      <el-button text>\r\n        <MKSvgIcon name=\"ep:plus\" style=\"margin-right: 5px;\" /> 插入\r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item v-for=\"item in toolbarExtendPlugins\" :key=\"item\" @click=\"item.action(editor)\" \r\n          :disabled=\"item.disbale ? item.disbale(activeNode!) : false\">\r\n            <MKSvgIcon :name=\"item.icon\" />\r\n            {{item.text}}\r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n   \r\n</template>\r\n<style scoped lang=\"scss\">\r\n\r\n  ::v-deep.font-color,::v-deep.bg-color{\r\n    padding: 0;\r\n    margin-left: 0 !important;\r\n    .el-color-picker{\r\n      height: 30px;\r\n    }\r\n    .el-color-picker>.el-color-picker__trigger{\r\n      border:none;\r\n      position: relative;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n      width: 30px;\r\n      height: 30px;\r\n      >.el-color-picker__color{\r\n        border:0;\r\n        position: relative;\r\n        .el-color-picker__color-inner{\r\n          position: absolute;\r\n          height: 3px;\r\n          bottom: 2px;\r\n          left: 10%;\r\n          width: 80%;\r\n          outline: 1px solid #ccc;\r\n          .el-icon{\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n      &::before{\r\n        content: \"A\";\r\n        font-weight: bold;\r\n        font-size: 20px;\r\n        position: absolute;\r\n        width: 100%;\r\n        z-index: 1;\r\n      }\r\n    }\r\n  }\r\n  ::v-deep.bg-color{\r\n    .el-color-picker>.el-color-picker__trigger{\r\n      >.el-color-picker__color{\r\n        background-image: linear-gradient(45deg, #f4f4f4 25%, transparent 25%), linear-gradient(-45deg, #f4f4f4 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f4f4f4 75%), linear-gradient(-45deg, transparent 75%, #f4f4f4 75%);\r\n        background-size: 5px 5px;\r\n        background-position: 0 0, 0 -10px, -10px 10px, 10px 0px;\r\n        // border: #ccc 2px solid;\r\n        box-sizing:content-box;\r\n        .el-color-picker__color-inner{\r\n          height: 100%;\r\n          bottom: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          outline: none;\r\n        }\r\n      }\r\n      &::before{\r\n        color: #fff;\r\n        text-shadow:0 0 3px #555;\r\n      }\r\n    }\r\n  }\r\n  .font-style{\r\n    .el-button ::v-deep .mk-svg-icon{\r\n      font-size: 18px;\r\n    }\r\n  }\r\n \r\n  .el-dropdown .el-button{\r\n    padding:8px;\r\n  }\r\n  .el-button-group{\r\n    :button{\r\n      font-size: 16px;\r\n      padding:8px;\r\n    }\r\n  }\r\n  .el-button.is-text:not(.is-disabled).active {\r\n    background-color: var(--el-fill-color);\r\n  }\r\n  \r\n</style>\r\n<style lang=\"scss\">\r\n  .lexical-editor-toolsbar-insert-proper .mk-svg-icon{\r\n    font-size: 18px\r\n  }\r\n</style>\r\n"],"names":["useLexicalEditorContext","useLexicalEditorState"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,UAAM,EAAE,QAAO,qBAAqB,IAAIA,cAAwB,wBAAA;AAG1D,UAAA;AAAA,MACF;AAAA,MACA;AAAA,MAAQ;AAAA,MACR;AAAA,MAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MAAW;AAAA,MACX;AAAA,MAAS;AAAA,MACT;AAAA,MAAU;AAAA,MACV;AAAA,MAAQ;AAAA,MAAU;AAAA,MAAiB;AAAA,MAAa;AAAA,MAAa;AAAA,MAC7D;AAAA,MACA;AAAA,MAAU;AAAA,MACV;AAAA,MAAgB;AAAA,MAAmB;AAAA,QACnCC,sBAAsB,sBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/basic/lexical-editor/stage/ContentEditable.vue.js

@@ -1,82 +0,0 @@
-"use strict";
-const vue = require("vue");
-require("@lexical/overflow");
-require("@lexical/text");
-require("@lexical/utils");
-require("lexical");
-const utils = require("../composables/utils.js");
-require("@lexical/selection");
-require("@lexical/link");
-require("@lexical/rich-text");
-const lexicalEditor = require("../composables/lexicalEditor.js");
-require("../utils/html.js");
-require("@maketribe/dm");
-require("element-plus");
-require("../utils/image.js");
-require("@element-plus/icons-vue");
-require("../composables/useElementBlockSelection.js");
-const _hoisted_1 = ["id", "aria-activedescendant", "aria-autocomplete", "aria-controls", "aria-describedby", "aria-expanded", "aria-label", "aria-labelledby", "aria-multiline", "aria-owns", "aria-required", "autocapitalize", "autocomplete", "autocorrect", "contenteditable", "role", "spellcheck", "tabindex"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "ContentEditable",
-  props: {
-    ariaActivedescendant: {},
-    ariaAutocomplete: {},
-    ariaControls: {},
-    ariaDescribedby: {},
-    ariaExpanded: { type: Boolean },
-    ariaLabel: {},
-    ariaLabelledby: {},
-    ariaMultiline: { type: Boolean },
-    ariaOwns: {},
-    ariaRequired: { type: Boolean },
-    autoCapitalize: { type: Boolean },
-    autoComplete: { type: Boolean },
-    autoCorrect: { type: Boolean },
-    id: {},
-    editable: { type: Boolean },
-    role: { default: "textbox" },
-    spellcheck: { type: Boolean, default: true },
-    tabindex: {},
-    enableGrammarly: { type: Boolean }
-  },
-  setup(__props) {
-    const root = vue.ref(null);
-    const { editor } = lexicalEditor.useLexicalEditorContext();
-    const editable = vue.ref(false);
-    utils.useMounted(() => {
-      if (root.value) {
-        editor.setRootElement(root.value);
-        editable.value = editor.isEditable();
-      }
-      return editor.registerEditableListener((currentIsEditable) => {
-        editable.value = currentIsEditable;
-      });
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        id: _ctx.id,
-        ref_key: "root",
-        ref: root,
-        "aria-activedescendant": !editable.value ? void 0 : _ctx.ariaActivedescendant,
-        "aria-autocomplete": !editable.value ? void 0 : _ctx.ariaAutocomplete,
-        "aria-controls": !editable.value ? void 0 : _ctx.ariaControls,
-        "aria-describedby": _ctx.ariaDescribedby,
-        "aria-expanded": !editable.value ? void 0 : _ctx.role === "combobox" ? !!_ctx.ariaExpanded ? _ctx.ariaExpanded : void 0 : void 0,
-        "aria-label": _ctx.ariaLabel,
-        "aria-labelledby": _ctx.ariaLabelledby,
-        "aria-multiline": _ctx.ariaMultiline,
-        "aria-owns": !editable.value ? void 0 : _ctx.ariaOwns,
-        "aria-required": _ctx.ariaRequired,
-        autocapitalize: `${_ctx.autoCapitalize}`,
-        autocomplete: _ctx.autoComplete,
-        autocorrect: `${_ctx.autoCorrect}`,
-        contenteditable: editable.value,
-        role: !editable.value ? void 0 : _ctx.role,
-        spellcheck: _ctx.spellcheck,
-        tabindex: _ctx.tabindex
-      }, null, 8, _hoisted_1);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=ContentEditable.vue.js.map

package/dist/cjs/components/basic/lexical-editor/stage/ContentEditable.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentEditable.vue.js","sources":["../../../../../../src/components/basic/lexical-editor/stage/ContentEditable.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ref } from 'vue'\r\nimport { useLexicalEditorContext,useMounted } from '../composables'\r\n\r\nwithDefaults(defineProps<{\r\n  ariaActivedescendant?: string\r\n  ariaAutocomplete?: 'none' | 'inline' | 'list' | 'both'\r\n  ariaControls?: string\r\n  ariaDescribedby?: string\r\n  ariaExpanded?: boolean\r\n  ariaLabel?: string\r\n  ariaLabelledby?: string\r\n  ariaMultiline?: boolean\r\n  ariaOwns?: string\r\n  ariaRequired?: boolean\r\n  autoCapitalize?: boolean\r\n  autoComplete?: boolean\r\n  autoCorrect?: boolean\r\n  id?: string\r\n  editable?: boolean\r\n  role?: string\r\n  spellcheck?: boolean\r\n  tabindex?: number\r\n  enableGrammarly?: boolean\r\n}>(), {\r\n  role: 'textbox',\r\n  spellcheck: true,\r\n})\r\nconst root = ref<HTMLElement | null>(null)\r\nconst { editor } = useLexicalEditorContext()\r\n\r\nconst editable = ref(false)\r\n\r\nuseMounted(() => {\r\n\r\n  if (root.value) {\r\n    editor.setRootElement(root.value as HTMLElement)\r\n    editable.value = editor.isEditable()\r\n  }\r\n  return editor.registerEditableListener((currentIsEditable) => {\r\n    editable.value = currentIsEditable\r\n  })\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    :id=\"id\"\r\n    ref=\"root\" \r\n    :aria-activedescendant=\"!editable ? undefined : ariaActivedescendant\"\r\n    :aria-autocomplete=\"!editable ? undefined : ariaAutocomplete\"\r\n    :aria-controls=\"!editable ? undefined : ariaControls\"\r\n    :aria-describedby=\"ariaDescribedby\"\r\n    :aria-expanded=\"!editable ? undefined : role === 'combobox' ? !!ariaExpanded ? ariaExpanded : undefined : undefined\"\r\n    :aria-label=\"ariaLabel\"\r\n    :aria-labelledby=\"ariaLabelledby\"\r\n    :aria-multiline=\"ariaMultiline\"\r\n    :aria-owns=\"!editable ? undefined : ariaOwns\"\r\n    :aria-required=\"ariaRequired\"\r\n    :autocapitalize=\"`${autoCapitalize}`\"\r\n    :autocomplete=\"autoComplete\"\r\n    :autocorrect=\"`${autoCorrect}`\"\r\n    :contenteditable=\"editable\"\r\n    :role=\"!editable ? undefined : role\"\r\n    :spellcheck=\"spellcheck\"\r\n    :tabindex=\"tabindex\">\r\n    </div>\r\n</template>\r\n"],"names":["ref","useLexicalEditorContext","useMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BM,UAAA,OAAOA,QAAwB,IAAI;AACnC,UAAA,EAAE,WAAWC,cAAAA;AAEb,UAAA,WAAWD,QAAI,KAAK;AAE1BE,UAAAA,WAAW,MAAM;AAEf,UAAI,KAAK,OAAO;AACP,eAAA,eAAe,KAAK,KAAoB;AACtC,iBAAA,QAAQ,OAAO;MAC1B;AACO,aAAA,OAAO,yBAAyB,CAAC,sBAAsB;AAC5D,iBAAS,QAAQ;AAAA,MAAA,CAClB;AAAA,IAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/basic/lexical-editor/stage/ContentEditable.vue2.js

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

package/dist/cjs/components/basic/lexical-editor/stage/ContentEditable.vue2.js.map

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

package/dist/cjs/components/basic/lexical-editor/stage/DecoratedTeleports.js

@@ -1,45 +0,0 @@
-"use strict";
-const vue = require("vue");
-require("@lexical/overflow");
-require("@lexical/text");
-require("@lexical/utils");
-require("lexical");
-const utils = require("../composables/utils.js");
-require("@lexical/selection");
-require("@lexical/link");
-require("@lexical/rich-text");
-const lexicalEditor = require("../composables/lexicalEditor.js");
-require("../utils/html.js");
-require("@maketribe/dm");
-require("element-plus");
-require("../utils/image.js");
-require("@element-plus/icons-vue");
-require("../composables/useElementBlockSelection.js");
-const DecoratedTeleports = vue.defineComponent({
-  name: "LexicalDecoratedTeleports",
-  setup() {
-    const { editor } = lexicalEditor.useLexicalEditorContext();
-    const decorators = vue.shallowRef(editor.getDecorators());
-    utils.useMounted(() => {
-      return editor.registerDecoratorListener((nextDecorators) => {
-        decorators.value = nextDecorators;
-      });
-    });
-    const outDecorators = vue.computed(() => {
-      const decoratedTeleports = [];
-      const decoratorKeys = Object.keys(vue.unref(decorators));
-      for (let i = 0; i < decoratorKeys.length; i++) {
-        const nodeKey = decoratorKeys[i];
-        const vueDecorator = decorators.value[nodeKey];
-        const element = editor.getElementByKey(nodeKey);
-        if (element !== null) {
-          decoratedTeleports.push(vue.h(vue.Teleport, { to: element }, vueDecorator));
-        }
-      }
-      return decoratedTeleports;
-    });
-    return () => outDecorators.value;
-  }
-});
-module.exports = DecoratedTeleports;
-//# sourceMappingURL=DecoratedTeleports.js.map

package/dist/cjs/components/basic/lexical-editor/stage/DecoratedTeleports.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DecoratedTeleports.js","sources":["../../../../../../src/components/basic/lexical-editor/stage/DecoratedTeleports.ts"],"sourcesContent":["import { computed, DefineComponent, defineComponent, h, shallowRef, Teleport, unref } from 'vue'\r\nimport { useLexicalEditorContext, useMounted } from '../composables'\r\n\r\nexport default defineComponent({\r\n  name: 'LexicalDecoratedTeleports',\r\n  setup() {\r\n    const { editor } = useLexicalEditorContext()\r\n\r\n    const decorators = shallowRef<Record<string, DefineComponent>>(editor.getDecorators())\r\n\r\n    useMounted(() => {\r\n      return editor.registerDecoratorListener((nextDecorators) => {\r\n        decorators.value = nextDecorators as Record<string, DefineComponent>\r\n      })\r\n    })\r\n\r\n    // Return decorators defined as Vue Teleports\r\n    const outDecorators = computed(() => {\r\n      const decoratedTeleports = []\r\n      const decoratorKeys = Object.keys(unref(decorators))\r\n      for (let i = 0; i < decoratorKeys.length; i++) {\r\n        const nodeKey = decoratorKeys[i]\r\n        const vueDecorator = decorators.value[nodeKey]\r\n        const element = editor.getElementByKey(nodeKey)\r\n        if (element !== null) {\r\n          decoratedTeleports.push( h(Teleport, { to: element, }, vueDecorator))\r\n        }\r\n      }\r\n\r\n      return decoratedTeleports\r\n    })\r\n\r\n    return () => outDecorators.value\r\n  }\r\n})\r\n"],"names":["defineComponent","useLexicalEditorContext","shallowRef","useMounted","computed","unref","h","Teleport"],"mappings":";;;;;;;;;;;;;;;;;AAGA,MAAA,qBAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACA,UAAA,EAAE,WAAWC,cAAAA;AAEnB,UAAM,aAAaC,IAAA,WAA4C,OAAO,cAAe,CAAA;AAErFC,UAAAA,WAAW,MAAM;AACR,aAAA,OAAO,0BAA0B,CAAC,mBAAmB;AAC1D,mBAAW,QAAQ;AAAA,MAAA,CACpB;AAAA,IAAA,CACF;AAGK,UAAA,gBAAgBC,IAAAA,SAAS,MAAM;AACnC,YAAM,qBAAqB,CAAA;AAC3B,YAAM,gBAAgB,OAAO,KAAKC,IAAAA,MAAM,UAAU,CAAC;AACnD,eAAS,IAAI,GAAG,IAAI,cAAc,QAAQ,KAAK;AACvC,cAAA,UAAU,cAAc,CAAC;AACzB,cAAA,eAAe,WAAW,MAAM,OAAO;AACvC,cAAA,UAAU,OAAO,gBAAgB,OAAO;AAC9C,YAAI,YAAY,MAAM;AACD,6BAAA,KAAMC,IAAAA,EAAEC,IAAU,UAAA,EAAE,IAAI,QAAS,GAAG,YAAY,CAAC;AAAA,QACtE;AAAA,MACF;AAEO,aAAA;AAAA,IAAA,CACR;AAED,WAAO,MAAM,cAAc;AAAA,EAC7B;AACF,CAAC;;"}

package/dist/cjs/components/basic/lexical-editor/stage/composables.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const text = require("@lexical/text");
-const utils$1 = require("@lexical/utils");
-require("@lexical/overflow");
-require("lexical");
-const utils = require("../composables/utils.js");
-require("@lexical/selection");
-require("@lexical/link");
-require("@lexical/rich-text");
-require("../utils/html.js");
-require("@maketribe/dm");
-require("element-plus");
-require("../utils/image.js");
-require("@element-plus/icons-vue");
-require("../composables/useElementBlockSelection.js");
-function canShowPlaceholderFromCurrentEditorState(editor) {
-  const currentCanShowPlaceholder = editor.getEditorState().read(text.$canShowPlaceholderCurry(editor.isComposing()));
-  return currentCanShowPlaceholder;
-}
-function useCanShowPlaceholder(editor) {
-  const initialState = editor.getEditorState().read(text.$canShowPlaceholderCurry(editor.isComposing()));
-  const canShowPlaceholder = vue.ref(initialState);
-  function resetCanShowPlaceholder() {
-    const currentCanShowPlaceholder = canShowPlaceholderFromCurrentEditorState(editor);
-    canShowPlaceholder.value = currentCanShowPlaceholder;
-  }
-  utils.useMounted(() => {
-    return utils$1.mergeRegister(
-      editor.registerUpdateListener(() => {
-        resetCanShowPlaceholder();
-      }),
-      editor.registerEditableListener(() => {
-        resetCanShowPlaceholder();
-      })
-    );
-  });
-  return vue.readonly(canShowPlaceholder);
-}
-exports.useCanShowPlaceholder = useCanShowPlaceholder;
-//# sourceMappingURL=composables.js.map