@maketribe/ms-app 3.2.42 → 3.2.44

package/dist/esm/components/basic/lexical-editor/plugins/TablePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePlugin.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/TablePlugin.ts"],"sourcesContent":["\r\n\r\nimport type {\r\n  HTMLTableElementWithWithTableSelectionState,\r\n  InsertTableCommandPayload,\r\n  TableObserver,\r\n} from '@lexical/table'\r\nimport {\r\n  $computeTableMap,\r\n  $createTableCellNode,\r\n  $createTableNodeWithDimensions,\r\n  $getNodeTriplet,\r\n  $isTableCellNode,\r\n  $isTableNode,\r\n  $isTableRowNode,\r\n  INSERT_TABLE_COMMAND,\r\n  TableCellNode,\r\n  TableNode,\r\n  TableRowNode,\r\n  applyTableHandlers,\r\n} from '@lexical/table'\r\nimport { $insertFirst, $insertNodeToNearestRoot, mergeRegister } from '@lexical/utils'\r\nimport type {\r\n  NodeKey,\r\n} from 'lexical'\r\nimport {\r\n  $getNodeByKey,\r\n  $isTextNode,\r\n  $nodesOfType,\r\n  COMMAND_PRIORITY_EDITOR,\r\n} from 'lexical'\r\n\r\nimport { useEffect, registerEditorPlugin } from '../composables'\r\n\r\n// 注册插件\r\nregisterEditorPlugin({\r\n  nodes:[TableCellNode, TableNode, TableRowNode],\r\n  tools:[],\r\n  templates:[],\r\n  useMounted(editor){\r\n\r\n    if (!editor.hasNodes([TableNode, TableCellNode, TableRowNode])) {\r\n      throw new Error('TablePlugin: TableNode, TableCellNode or TableRowNode not registered on editor')\r\n    }\r\n\r\n    // Unmerge cells when the feature isn't enabled\r\n    useEffect(() => {\r\n      return editor.registerNodeTransform(TableCellNode, (node) => {\r\n        if (node.getColSpan() > 1 || node.getRowSpan() > 1) {\r\n          // When we have rowSpan we have to map the entire Table to understand where the new Cells\r\n          // fit best; let's analyze all Cells at once to save us from further transform iterations\r\n          const [, , gridNode] = $getNodeTriplet(node)\r\n          const [gridMap] = $computeTableMap(gridNode, node, node)\r\n          // TODO this function expects Tables to be normalized. Look into this once it exists\r\n          const rowsCount = gridMap.length\r\n          const columnsCount = gridMap[0].length\r\n          let row = gridNode.getFirstChild()\r\n\r\n          if(!$isTableRowNode(row)){\r\n            throw new Error(\"Expected TableNode first child to be a RowNode\")\r\n          }\r\n\r\n          const unmerged:any[] = []\r\n          for (let i = 0; i < rowsCount; i++) {\r\n            if (i !== 0) {\r\n\r\n              row = row.getNextSibling()\r\n\r\n              if(!$isTableRowNode(row)){\r\n                throw new Error(\"Expected TableNode first child to be a RowNode\")\r\n              }\r\n        \r\n            }\r\n            let lastRowCell: null | TableCellNode = null\r\n            for (let j = 0; j < columnsCount; j++) {\r\n              const cellMap = gridMap[i][j]\r\n              const cell = cellMap.cell\r\n              if (cellMap.startRow === i && cellMap.startColumn === j) {\r\n                lastRowCell = cell\r\n                unmerged.push(cell)\r\n              }\r\n              else if (cell.getColSpan() > 1 || cell.getRowSpan() > 1) {\r\n\r\n                if(!$isTableCellNode(cell)){\r\n                  throw new Error(\"Expected TableNode cell to be a TableCellNode\")\r\n                }\r\n                \r\n                const newCell = $createTableCellNode(cell.__headerState)\r\n                if (lastRowCell !== null)\r\n                  lastRowCell.insertAfter(newCell)\r\n                else\r\n                  $insertFirst(row, newCell)\r\n              }\r\n            }\r\n          }\r\n          for (const cell of unmerged) {\r\n            cell.setColSpan(1)\r\n            cell.setRowSpan(1)\r\n          }\r\n        }\r\n      })\r\n    })\r\n\r\n    useEffect(() => {\r\n      return editor.registerNodeTransform(TableCellNode, (node) => {\r\n        if (node.getBackgroundColor() !== null)\r\n          node.setBackgroundColor(null)\r\n      })\r\n    })\r\n\r\n    const tableSelections = new Map<NodeKey, TableObserver>()\r\n\r\n    const initializeTableNode = (tableNode: TableNode) => {\r\n\r\n      const nodeKey = tableNode.getKey()\r\n\r\n      const tableElement = editor.getElementByKey(\r\n        nodeKey,\r\n      ) as HTMLTableElementWithWithTableSelectionState\r\n\r\n      if (tableElement && !tableSelections.has(nodeKey)) {\r\n        tableSelections.set(nodeKey, applyTableHandlers(tableNode, tableElement,editor,true))\r\n      }\r\n    }\r\n  \r\n    // Plugins might be loaded _after_ initial content is set, hence existing table nodes\r\n    // won't be initialized from mutation[create] listener. Instead doing it here,\r\n    editor.getEditorState().read(() => {\r\n      const tableNodes = $nodesOfType(TableNode)\r\n      for (const tableNode of tableNodes) {\r\n        if ($isTableNode(tableNode))\r\n          initializeTableNode(tableNode)\r\n      }\r\n    })\r\n  \r\n    const unregisterMutationListener = editor.registerMutationListener(\r\n      TableNode,\r\n      (nodeMutations) => {\r\n        for (const [nodeKey, mutation] of nodeMutations) {\r\n          if (mutation === 'created') {\r\n            editor.getEditorState().read(() => {\r\n              const tableNode = $getNodeByKey<TableNode>(nodeKey)\r\n              if ($isTableNode(tableNode))\r\n                initializeTableNode(tableNode)\r\n            })\r\n          }\r\n          else if (mutation === 'destroyed') {\r\n            const tableSelection = tableSelections.get(nodeKey)\r\n  \r\n            if (tableSelection !== undefined) {\r\n              tableSelection.removeListeners()\r\n              tableSelections.delete(nodeKey)\r\n            }\r\n          }\r\n        }\r\n      },\r\n    )\r\n  \r\n    // 注册事件\r\n    return mergeRegister(\r\n      editor.registerCommand<InsertTableCommandPayload>(INSERT_TABLE_COMMAND,({ columns, rows, includeHeaders }) => {\r\n\r\n        const tableNode = $createTableNodeWithDimensions(\r\n          Number(rows),\r\n          Number(columns),\r\n          includeHeaders,\r\n        );\r\n\r\n        $insertNodeToNearestRoot(tableNode)\r\n  \r\n        const firstDescendant = tableNode.getFirstDescendant();\r\n\r\n        if ($isTextNode(firstDescendant)){ firstDescendant.select() }\r\n  \r\n        return true\r\n      },COMMAND_PRIORITY_EDITOR),\r\n      () => {\r\n        unregisterMutationListener()\r\n        // Hook might be called multiple times so cleaning up tables listeners as well,\r\n        // as it'll be reinitialized during recurring call\r\n        for (const [, tableSelection] of tableSelections)\r\n          tableSelection.removeListeners()\r\n      }\r\n    );\r\n  }\r\n})\r\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import _sfc_main from "./ToolbarPlugin.vue4.js";
+/* empty css                   */
+/* empty css                   */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const ToolbarPlugin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a3ff2954"]]);
+export {
+  ToolbarPlugin as default
+};
+//# sourceMappingURL=ToolbarPlugin.vue.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"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\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 iconClass=\"RefreshLeft\" /> \r\n      </el-button>\r\n      <el-button text :disabled=\"!canRedo\" @click=\"redoCommand()\">\r\n        <MKSvgIcon iconClass=\"RefreshRight\" /> \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 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: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 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}\"   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 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}\"   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 iconClass=\"doc-bold\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canItalic ? 'active' : ''}`\" @click=\"setTextStyle('italic')\">\r\n        <MKSvgIcon iconClass=\"doc-italic\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canStrikethrough ? 'active' : ''}`\" @click=\"setTextStyle('strikethrough')\">\r\n        <MKSvgIcon iconClass=\"doc-strikethrough\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canUnderline ? 'active' : ''}`\"  @click=\"setTextStyle('underline')\">\r\n        <MKSvgIcon iconClass=\"doc-underline\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canSubscript ? 'active' : ''}`\"  @click=\"setTextStyle('subscript')\">\r\n        <MKSvgIcon iconClass=\"doc-sub\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canSuperscript ? 'active' : ''}`\" @click=\"setTextStyle('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\" :disabled=\"canTextStyleDisabled\">\r\n      <el-button text  :style=\"{fontFamily:fontFamily.value}\" :disabled=\"canTextStyleDisabled\">\r\n        <MKSvgIcon :iconClass=\"`doc-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 :iconClass=\"`doc-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\" iconClass=\"doc-link\" /> \r\n        <MKSvgIcon v-else iconClass=\"doc-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 iconClass=\"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 :iconClass=\"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":[],"mappings":";;;;;;;;;;;;;;;;;AASA,UAAM,EAAE,QAAO,qBAAqB,IAAI,wBAAwB;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,QACnC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/basic/{doc-editor/core/plugins/LexicalRichTextPlugin → lexical-editor/stage}/ContentEditable.vue.js

@@ -1,16 +1,19 @@
 import { defineComponent, ref, openBlock, createElementBlock } from "vue";
+import "@lexical/overflow";
 import "@lexical/text";
 import "@lexical/utils";
-import { useMounted } from "../../composables/useMounted.js";
-import "@lexical/overflow";
 import "lexical";
-import "tiny-invariant";
-import "@lexical/history";
-import { useLexicalComposer } from "../../composables/useLexicalComposer.js";
-import "@lexical/list";
-import "@lexical/dragon";
-import "@lexical/plain-text";
+import { useMounted } from "../composables/utils.js";
+import "@lexical/selection";
+import "@lexical/link";
 import "@lexical/rich-text";
+import { useLexicalEditorContext } from "../composables/lexicalEditor.js";
+import "../utils/html.js";
+import "@maketribe/dm";
+import "element-plus";
+import "../utils/image.js";
+import "@element-plus/icons-vue";
+import "../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__ */ defineComponent({
   __name: "ContentEditable",
@@ -37,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const root = ref(null);
-    const editor = useLexicalComposer();
+    const { editor } = useLexicalEditorContext();
     const editable = ref(false);
     useMounted(() => {
       if (root.value) {
@@ -53,7 +56,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         id: _ctx.id,
         ref_key: "root",
         ref: root,
-        class: "mk-doc-editor-stage",
         "aria-activedescendant": !editable.value ? void 0 : _ctx.ariaActivedescendant,
         "aria-autocomplete": !editable.value ? void 0 : _ctx.ariaAutocomplete,
         "aria-controls": !editable.value ? void 0 : _ctx.ariaControls,

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

@@ -0,0 +1 @@
+{"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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BM,UAAA,OAAO,IAAwB,IAAI;AACnC,UAAA,EAAE,WAAW;AAEb,UAAA,WAAW,IAAI,KAAK;AAE1B,eAAW,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/esm/components/basic/lexical-editor/stage/DecoratedTeleports.js

@@ -0,0 +1,46 @@
+import { defineComponent, shallowRef, computed, unref, h, Teleport } from "vue";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import { useMounted } from "../composables/utils.js";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import { useLexicalEditorContext } from "../composables/lexicalEditor.js";
+import "../utils/html.js";
+import "@maketribe/dm";
+import "element-plus";
+import "../utils/image.js";
+import "@element-plus/icons-vue";
+import "../composables/useElementBlockSelection.js";
+const DecoratedTeleports = defineComponent({
+  name: "LexicalDecoratedTeleports",
+  setup() {
+    const { editor } = useLexicalEditorContext();
+    const decorators = shallowRef(editor.getDecorators());
+    useMounted(() => {
+      return editor.registerDecoratorListener((nextDecorators) => {
+        decorators.value = nextDecorators;
+      });
+    });
+    const outDecorators = computed(() => {
+      const decoratedTeleports = [];
+      const decoratorKeys = Object.keys(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(h(Teleport, { to: element }, vueDecorator));
+        }
+      }
+      return decoratedTeleports;
+    });
+    return () => outDecorators.value;
+  }
+});
+export {
+  DecoratedTeleports as default
+};
+//# sourceMappingURL=DecoratedTeleports.js.map

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

@@ -0,0 +1 @@
+{"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":[],"mappings":";;;;;;;;;;;;;;;;AAGA,MAAA,qBAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACA,UAAA,EAAE,WAAW;AAEnB,UAAM,aAAa,WAA4C,OAAO,cAAe,CAAA;AAErF,eAAW,MAAM;AACR,aAAA,OAAO,0BAA0B,CAAC,mBAAmB;AAC1D,mBAAW,QAAQ;AAAA,MAAA,CACpB;AAAA,IAAA,CACF;AAGK,UAAA,gBAAgB,SAAS,MAAM;AACnC,YAAM,qBAAqB,CAAA;AAC3B,YAAM,gBAAgB,OAAO,KAAK,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,KAAM,EAAE,UAAU,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/esm/components/basic/{doc-editor/core/composables/useCanShowPlaceholder.js → lexical-editor/stage/composables.js}

@@ -1,7 +1,18 @@
 import { ref, readonly } from "vue";
 import { $canShowPlaceholderCurry } from "@lexical/text";
 import { mergeRegister } from "@lexical/utils";
-import { useMounted } from "./useMounted.js";
+import "@lexical/overflow";
+import "lexical";
+import { useMounted } from "../composables/utils.js";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "../utils/html.js";
+import "@maketribe/dm";
+import "element-plus";
+import "../utils/image.js";
+import "@element-plus/icons-vue";
+import "../composables/useElementBlockSelection.js";
 function canShowPlaceholderFromCurrentEditorState(editor) {
   const currentCanShowPlaceholder = editor.getEditorState().read($canShowPlaceholderCurry(editor.isComposing()));
   return currentCanShowPlaceholder;
@@ -28,4 +39,4 @@ function useCanShowPlaceholder(editor) {
 export {
   useCanShowPlaceholder
 };
-//# sourceMappingURL=useCanShowPlaceholder.js.map
+//# sourceMappingURL=composables.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"composables.js","sources":["../../../../../../src/components/basic/lexical-editor/stage/composables.ts"],"sourcesContent":["import { type LexicalEditor } from 'lexical'\r\nimport { readonly, ref } from 'vue'\r\nimport { $canShowPlaceholderCurry } from '@lexical/text'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { useMounted } from '../composables'\r\n\r\n\r\n\r\nfunction canShowPlaceholderFromCurrentEditorState(\r\n  editor: LexicalEditor,\r\n): boolean {\r\n  const currentCanShowPlaceholder = editor\r\n    .getEditorState()\r\n    .read($canShowPlaceholderCurry(editor.isComposing()))\r\n\r\n  return currentCanShowPlaceholder\r\n}\r\n\r\nexport function useCanShowPlaceholder(editor: LexicalEditor) {\r\n  const initialState = editor\r\n    .getEditorState()\r\n    .read($canShowPlaceholderCurry(editor.isComposing()))\r\n\r\n  const canShowPlaceholder = ref(initialState)\r\n\r\n  function resetCanShowPlaceholder() {\r\n    const currentCanShowPlaceholder\r\n    = canShowPlaceholderFromCurrentEditorState(editor)\r\n    canShowPlaceholder.value = currentCanShowPlaceholder\r\n  }\r\n\r\n  useMounted(() => {\r\n    return mergeRegister(\r\n      editor.registerUpdateListener(() => {\r\n        resetCanShowPlaceholder()\r\n      }),\r\n      editor.registerEditableListener(() => {\r\n        resetCanShowPlaceholder()\r\n      }),\r\n    )\r\n  })\r\n\r\n  return readonly(canShowPlaceholder)\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAQA,SAAS,yCACP,QACS;AACH,QAAA,4BAA4B,OAC/B,iBACA,KAAK,yBAAyB,OAAO,YAAa,CAAA,CAAC;AAE/C,SAAA;AACT;AAEO,SAAS,sBAAsB,QAAuB;AACrD,QAAA,eAAe,OAClB,iBACA,KAAK,yBAAyB,OAAO,YAAa,CAAA,CAAC;AAEhD,QAAA,qBAAqB,IAAI,YAAY;AAE3C,WAAS,0BAA0B;AAC3B,UAAA,4BACJ,yCAAyC,MAAM;AACjD,uBAAmB,QAAQ;AAAA,EAC7B;AAEA,aAAW,MAAM;AACR,WAAA;AAAA,MACL,OAAO,uBAAuB,MAAM;AACV;MAAA,CACzB;AAAA,MACD,OAAO,yBAAyB,MAAM;AACZ;MAAA,CACzB;AAAA,IAAA;AAAA,EACH,CACD;AAED,SAAO,SAAS,kBAAkB;AACpC;"}

package/dist/esm/components/basic/lexical-editor/stage/index.js

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

package/dist/esm/components/basic/lexical-editor/stage/index.js.map

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