@maketribe/ms-app 3.2.42 → 3.2.44

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElementBlockSelectionPlugin.vue3.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/ElementBlockSelectionPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { \r\n  type CommandListenerPriority, $isNodeSelection, $getSelection, $getNodeByKey, SELECTION_CHANGE_COMMAND, \r\n  $isTextNode,$isElementNode, $isRangeSelection, $isRootNode, CLICK_COMMAND,$isParagraphNode\r\n} from 'lexical'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { \r\n  useLexicalEditorContext, useMounted ,\r\n  UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND,\r\n  SELECTED_ELEMENTBLOCK_COMMAND,\r\n  REMOVE_ELEMENTBLOCK_COMMAND, setElementBlockSelection,\r\n} from '../composables'\r\nimport { $isModuleDecoratorWarpNode,$isModuleDecoratorNode,$isHtmlElementDecoratorNode ,deepCloneNode} from \"../nodes\"\r\nimport { ref, reactive, shallowRef, nextTick } from 'vue'\r\n\r\n// 点击工具条按钮\r\nconst lowPriority: CommandListenerPriority = 1\r\nconst { editor,stageId,findLexicalEditorModule,shortcutToolsList } = useLexicalEditorContext()\r\nconst selectionMarkPos = ref({ left: \"px\", top: \"0px\",width:\"0\",height:\"0\" });\r\nconst toolbarRef = ref<HTMLDivElement | null>(null)\r\nconst selectPayload = shallowRef<any>(null);\r\nconst toolsPos = reactive({ left: \"px\", top: \"0px\" });\r\nconst showTools = ref(false);\r\nconst showMask = ref(false);\r\nconst a = ref()\r\n\r\n// watch(DEVICE_VIEW_MODE, () => {\r\n//   editor.dispatchCommand(UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND, null);\r\n// })\r\n\r\n// 更新工具条坐标\r\nconst updateToolsPos = () => {\r\n\r\n  nextTick(() => {\r\n  \r\n    if (selectPayload.value != null) {\r\n\r\n      const stageIframe = document.body.querySelector(\"#\"+stageId) as HTMLElement;\r\n      // const editIframeRect = stageIframe?.getBoundingClientRect();\r\n      const editBodyRect = editor.getRootElement()?.getBoundingClientRect();\r\n      const selectElement = editor.getElementByKey(selectPayload.value.nodeKey) as HTMLElement\r\n      const selectRect = selectElement.getBoundingClientRect();\r\n      const selectElComputedStyle = window.getComputedStyle(selectElement);\r\n      const selectElMarginTop:number = parseInt(selectElComputedStyle.marginTop)\r\n      const selectElMarginLeft:number = parseInt(selectElComputedStyle.marginLeft)\r\n      const selectElMarginBottom:number = parseInt(selectElComputedStyle.marginBottom)\r\n      const selectElMarginRight:number = parseInt(selectElComputedStyle.marginRight)\r\n\r\n      let baseY = (stageIframe?.offsetTop ?? 0)- (editBodyRect?.y ?? 0),\r\n          baseX = (stageIframe?.offsetLeft ?? 0)- (editBodyRect?.x ?? 0);\r\n\r\n      if(toolbarRef.value != null){\r\n\r\n        const toolsRect = toolbarRef.value.getBoundingClientRect();\r\n \r\n        // 中心点\r\n        toolsPos.top = Math.max(selectRect.y - toolsRect.height - 5 + baseY, 5 + baseY) + \"px\"\r\n        toolsPos.left = Math.max(toolsRect.width / -2 + selectRect.x + selectRect.width / 2,0) + \"px\";\r\n      }\r\n\r\n      // 选中框\r\n      selectionMarkPos.value = {\r\n        top:`${selectRect.y  + baseY - selectElMarginTop}px`,left:`${selectRect.x + baseX - selectElMarginLeft}px`,\r\n        width:`${selectRect.width + selectElMarginLeft + selectElMarginRight}px`,height:`${selectRect.height + selectElMarginTop + selectElMarginBottom}px`\r\n      };\r\n\r\n    }\r\n  })\r\n  return false;\r\n}\r\n\r\n// 节点标题\r\nconst nodeTitle = ref(\"\")\r\n\r\n// 选中兄弟节点\r\nconst canSelectedNextNode = ref(false);\r\nconst selectedNextNode = ()=>{\r\n  const node = editor.getEditorState().read(() => {\r\n    return $getNodeByKey(selectPayload.value.nodeKey)\r\n  }) as any;\r\n  \r\n  if(node && node.__next){\r\n    setElementBlockSelection(editor,node.__next);\r\n  }\r\n}\r\nconst canSelectedPrevNode = ref(false);\r\nconst selectedPrevNode = ()=>{\r\n  const node = editor.getEditorState().read(() => {\r\n    return $getNodeByKey(selectPayload.value.nodeKey)\r\n  }) as any;\r\n  \r\n  if(node && node.__prev){\r\n    setElementBlockSelection(editor,node.__prev);\r\n  }\r\n}\r\n// 拷贝插入\r\nconst copyInsert = (action:number)=>{\r\n\r\n\r\n  editor.update(() => {\r\n\r\n    const selection = $getSelection();\r\n    // 当前选中节点\r\n    const node = $isNodeSelection(selection) ? selection?.getNodes()[0] : ($isRangeSelection(selection) ? selection.anchor.getNode() : null);\r\n\r\n    if(node){\r\n\r\n      const oldNode = deepCloneNode(node)\r\n   \r\n      if(action == -1){\r\n        node.insertBefore(oldNode)\r\n      }\r\n      else{\r\n        node.insertAfter(oldNode)\r\n      }\r\n    }\r\n  })\r\n  \r\n}\r\n\r\n// 执行 aciton\r\nconst execAction = function(item:any){\r\n  editor.update(()=>{\r\n    item.action($getNodeByKey(selectPayload.value.nodeKey),editor.getElementByKey(selectPayload.value.nodeKey) )\r\n  })\r\n}\r\n\r\nuseMounted(() => {\r\n  return mergeRegister(\r\n    editor.registerCommand(UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND, () => updateToolsPos(), lowPriority),\r\n    editor.registerUpdateListener(() =>  setTimeout(()=> updateToolsPos(),50)),\r\n    // 点击选中\r\n    editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event:MouseEvent) => {\r\n          \r\n      const el = event.target as HTMLElement;\r\n      const nodeKey = el?.getAttribute(\"node-key\");\r\n\r\n      // 不为null的话则视为点击选中\r\n      if(nodeKey != null){\r\n        \r\n        event.preventDefault();\r\n\r\n        // 暂时不支持使用 shift 建 多选\r\n        // if (!event.shiftKey) { \r\n        //   // 先取消\r\n        //   clearSelection(editor)\r\n        // }\r\n        setElementBlockSelection(editor,nodeKey);\r\n        return true;\r\n      }\r\n  \r\n      return false;\r\n    }, lowPriority),\r\n    // 选中元素快\r\n    editor.registerCommand(SELECTED_ELEMENTBLOCK_COMMAND, (nodeKey) => {\r\n \r\n      if (nodeKey != null) {\r\n\r\n        const toolsbarList:any = [];\r\n\r\n        const node = $getNodeByKey(nodeKey)\r\n\r\n        if(node){\r\n\r\n          shortcutToolsList.forEach(item=>{\r\n\r\n            if(item.exist(node)){\r\n              ((typeof item.tools == \"function\" ? item.tools(nodeKey) : item.tools) as Array<any>).forEach((toolsbar:any)=>{\r\n                const index = toolsbarList.findIndex((b:any)=>b.key && toolsbar.key && b.key == toolsbar.key);\r\n                if(index >= 0){\r\n                  toolsbarList.splice(index,1,toolsbar)\r\n                }\r\n                else{\r\n                  toolsbarList.push(toolsbar);\r\n                }\r\n              })\r\n            }\r\n          })\r\n        }\r\n        \r\n        // 选中的元数据\r\n        selectPayload.value = { nodeKey: nodeKey, toolsbars: toolsbarList };\r\n        \r\n      }\r\n      else {\r\n        selectPayload.value = null;\r\n      }\r\n\r\n      return updateToolsPos();\r\n    }, lowPriority),\r\n    // 删除模块\r\n    editor.registerCommand(REMOVE_ELEMENTBLOCK_COMMAND, () => {\r\n\r\n      const selection = $getSelection();\r\n\r\n      // 当前选中节点\r\n      const node = $isNodeSelection(selection) ? selection?.getNodes()[0] : ($isRangeSelection(selection) ? selection.anchor.getNode() : null);\r\n\r\n      // 删除\r\n      if (node) {\r\n        node.remove();\r\n        // 没选中\r\n        editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND, null);\r\n        return true;\r\n      }\r\n      return false;\r\n    }, lowPriority),\r\n    // 选中的话\r\n    editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {\r\n\r\n      const selection = $getSelection();\r\n\r\n      // 当前选中节点\r\n      const node = $isNodeSelection(selection) ? selection?.getNodes()[0] : ($isRangeSelection(selection) ? selection.anchor.getNode() : null);\r\n    \r\n      // 选中节点\r\n      if(node){\r\n\r\n\r\n        // 节点描述\r\n        nodeTitle.value = (node as any).getTitle ?  (node as any).getTitle() : \"\";\r\n\r\n        // 选中模块 模块描述\r\n        if($isModuleDecoratorNode(node)){\r\n          const module = findLexicalEditorModule(node.__moduleName);\r\n          if(module){ nodeTitle.value = module.title; }\r\n        }\r\n\r\n        // 根\r\n        showTools.value = !$isRootNode(node)\r\n        showMask.value = $isHtmlElementDecoratorNode(node);\r\n       \r\n   \r\n        if(node?.__next){\r\n          const nextNode = $getNodeByKey(node.__next);\r\n          canSelectedNextNode.value = node?.__next ? $isElementNode(nextNode) && !$isParagraphNode(nextNode) : false;\r\n        }\r\n        else{\r\n          canSelectedNextNode.value = false;\r\n        }\r\n\r\n        if(node?.__prev){\r\n          const prevNode = $getNodeByKey(node.__prev);\r\n          canSelectedPrevNode.value = node?.__prev ? $isElementNode(prevNode)&& !$isParagraphNode(prevNode)  : false;\r\n        }\r\n        else{\r\n          canSelectedPrevNode.value = false;\r\n        }\r\n\r\n        // 设置选中节点\r\n        const nodeKey = node.getKey();\r\n        const el =  editor.getElementByKey(nodeKey);\r\n     \r\n        // 文本 p 根 不做选中 空的容器也不允许直接选中 模块容器除外\r\n        if(nodeKey && el && !$isRootNode(node) && !$isTextNode(node)){\r\n\r\n          if($isElementNode(node) && !$isModuleDecoratorWarpNode(node)){\r\n           \r\n            if(!node.isEmpty()){\r\n              editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,nodeKey);\r\n              return true;\r\n            }\r\n            \r\n          }\r\n          else{\r\n            editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,nodeKey);\r\n            return true;\r\n          }\r\n        \r\n        }\r\n      }\r\n      nodeTitle.value = \"\";\r\n      showTools.value = false;\r\n      canSelectedNextNode.value = false;\r\n      canSelectedPrevNode.value = false;\r\n      editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,null);\r\n      return false;\r\n    },lowPriority)\r\n  )\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <div v-if=\"selectPayload != null && showTools\" ref=\"toolbarRef\" v-bind=\"$attrs\" class=\"mk-doc-editor-shortcut-tools-warp\" :style=\"toolsPos\">\r\n    <el-button-group>\r\n        <el-button v-if=\"nodeTitle\" text bg style=\"font-size: 14px;\">{{nodeTitle}}</el-button>\r\n        <template v-for=\"item in selectPayload.toolsbars\">\r\n          <el-tooltip effect=\"dark\" :content=\"item.title\" placement=\"top\">\r\n            <el-button text @click=\"execAction(item)\">\r\n              <MKSvgIcon :iconClass=\"item.icon\" />\r\n            </el-button>\r\n          </el-tooltip>\r\n        </template>\r\n        <el-tooltip effect=\"dark\" content=\"删除\" placement=\"top\">\r\n          <el-button text type=\"danger\" @click=\"editor.dispatchCommand(REMOVE_ELEMENTBLOCK_COMMAND, null)\">\r\n            <MKSvgIcon :iconClass=\"`Delete`\" />\r\n          </el-button>\r\n        </el-tooltip>\r\n        <el-popover popper-style=\"padding: 10px;width:auto;min-width:50px\">\r\n          <template #reference>\r\n            <el-button text>\r\n              <MKSvgIcon iconClass=\"MoreFilled\" /> \r\n            </el-button>\r\n          </template>\r\n          <el-button-group style=\"display: flex;\">\r\n          \r\n            <el-tooltip effect=\"dark\" content=\"上一个\" v-if=\"canSelectedPrevNode\" placement=\"top\">\r\n              <el-button text @click=\"selectedPrevNode()\">\r\n                <MKSvgIcon :iconClass=\"`CaretLeft`\" />\r\n              </el-button>\r\n            </el-tooltip>\r\n            <el-tooltip effect=\"dark\" content=\"拷贝自己插入到当前快之前\" placement=\"top\">\r\n              <el-button text @click=\"copyInsert(-1)\">\r\n                <MKSvgIcon :iconClass=\"`Fold`\" />\r\n              </el-button>\r\n            </el-tooltip>\r\n            <el-tooltip effect=\"dark\" content=\"拷贝自己插入到当前快之后\" placement=\"top\">\r\n              <el-button text @click=\"copyInsert(1)\">\r\n                <MKSvgIcon :iconClass=\"`Expand`\" />\r\n              </el-button>\r\n            </el-tooltip>\r\n\r\n            <el-tooltip effect=\"dark\" content=\"下一个\" v-if=\"canSelectedNextNode\" placement=\"top\">\r\n              <el-button text @click=\"selectedNextNode()\">\r\n                <MKSvgIcon :iconClass=\"`CaretRight`\" />\r\n              </el-button>\r\n            </el-tooltip>\r\n          </el-button-group>\r\n        </el-popover>\r\n      </el-button-group>\r\n  </div>\r\n  <!-- 选中框 showMask -->\r\n  <div v-if=\"selectPayload != null\" :style=\"\r\n    {\r\n      position:'absolute',boxSizing:'border-box',pointerEvents:'none',zIndex:0,outline:'2px solid rgb(131 176 248)',\r\n      background:showMask ? '#03a9f417':'transparent',boxShadow: '0 0 10px 2px rgb(131 176 248)',\r\n      ...selectionMarkPos\r\n    }\r\n  \"></div>\r\n</template>\r\n<style scoped lang=\"scss\">\r\n.mk-doc-editor-shortcut-tools-warp{\r\n    position: absolute;\r\n    z-index: 1;\r\n    background-color: rgb(255, 255, 255);\r\n    box-shadow: rgb(204, 204, 204) 1px -3px 7px 4px;\r\n    padding: 5px;\r\n    top: 15px;\r\n    left: 494px;\r\n}\r\n\r\n</style>\r\n\r\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,72 @@
+import { mergeRegister } from "@lexical/utils";
+import { HashtagNode, $createHashtagNode } from "@lexical/hashtag";
+import "@lexical/overflow";
+import { registerLexicalTextEntity } from "@lexical/text";
+import "lexical";
+import "vue";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import { registerEditorPlugin } 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";
+function getHashtagRegexStringChars() {
+  const latinAccents = "À-ÖØ-öø-ÿĀ-ɏɓ-ɔɖ-ɗəɛɣɨɯɲʉʋʻ̀-ͯḀ-ỿ";
+  const nonLatinChars = "Ѐ-ӿԀ-ԧⷠ-ⷿꙀ-֑ꚟ-ֿׁ-ׂׄ-ׇׅא-תװ-״﬒-ﬨשׁ-זּטּ-לּמּנּ-סּףּ-פּצּ-ﭏؐ-ؚؠ-ٟٮ-ۓە-ۜ۞-۪ۨ-ۯۺ-ۼۿݐ-ݿࢠࢢ-ࢬࣤ-ࣾﭐ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼ‌-‌ก-ฺเ-๎ᄀ-ᇿ㄰-ㆅꥠ-꥿가-힯ힰ-퟿ﾡ-ￜ";
+  const charCode = String.fromCharCode;
+  const cjkChars = `ァ-ヺー-ヾｦ-ﾟ０-９Ａ-Ｚａ-ｚぁ-ゖ゙-ゞ㐀-䶿一-鿿${// Kanji (Unified)
+  // Disabled as it breaks the Regex.
+  // charCode(0x20000) + '-' + charCode(0x2A6DF) + // Kanji (CJK Extension B)
+  charCode(173824)}-${charCode(177983)}${charCode(177984)}-${charCode(178207)}${charCode(194560)}-${charCode(195103)}〃々〻`;
+  const otherChars = latinAccents + nonLatinChars + cjkChars;
+  const unicodeLetters = "A-Za-zªµºÀ-ÖØ-öø-Ɂɐ-ˁˆ-ˑˠ-ˤˮͺΆΈ-ΊΌΎ-ΡΣ-ώϐ-ϵϷ-ҁҊ-ӎӐ-ӹԀ-ԏԱ-Ֆՙա-ևא-תװ-ײء-غـ-يٮ-ٯٱ-ۓەۥ-ۦۮ-ۯۺ-ۼۿܐܒ-ܯݍ-ݭހ-ޥޱऄ-हऽॐक़-ॡॽঅ-ঌএ-ঐও-নপ-রলশ-হঽৎড়-ঢ়য়-ৡৰ-ৱਅ-ਊਏ-ਐਓ-ਨਪ-ਰਲ-ਲ਼ਵ-ਸ਼ਸ-ਹਖ਼-ੜਫ਼ੲ-ੴઅ-ઍએ-ઑઓ-નપ-રલ-ળવ-હઽૐૠ-ૡଅ-ଌଏ-ଐଓ-ନପ-ରଲ-ଳଵ-ହଽଡ଼-ଢ଼ୟ-ୡୱஃஅ-ஊஎ-ஐஒ-கங-சஜஞ-டண-தந-பம-ஹఅ-ఌఎ-ఐఒ-నప-ళవ-హౠ-ౡಅ-ಌಎ-ಐಒ-ನಪ-ಳವ-ಹಽೞೠ-ೡഅ-ഌഎ-ഐഒ-നപ-ഹൠ-ൡඅ-ඖක-නඳ-රලව-ෆก-ะา-ำเ-ๆກ-ຂຄງ-ຈຊຍດ-ທນ-ຟມ-ຣລວສ-ຫອ-ະາ-ຳຽເ-ໄໆໜ-ໝༀཀ-ཇཉ-ཪྈ-ྋက-အဣ-ဧဩ-ဪၐ-ၕႠ-Ⴥა-ჺჼᄀ-ᅙᅟ-ᆢᆨ-ᇹሀ-ቈቊ-ቍቐ-ቖቘቚ-ቝበ-ኈኊ-ኍነ-ኰኲ-ኵኸ-ኾዀዂ-ዅወ-ዖዘ-ጐጒ-ጕጘ-ፚᎀ-ᎏᎠ-Ᏼᐁ-ᙬᙯ-ᙶᚁ-ᚚᚠ-ᛪᜀ-ᜌᜎ-ᜑᜠ-ᜱᝀ-ᝑᝠ-ᝬᝮ-ᝰក-ឳៗៜᠠ-ᡷᢀ-ᢨᤀ-ᤜᥐ-ᥭᥰ-ᥴᦀ-ᦩᧁ-ᧇᨀ-ᨖᴀ-ᶿḀ-ẛẠ-ỹἀ-ἕἘ-Ἕἠ-ὅὈ-Ὅὐ-ὗὙὛὝὟ-ώᾀ-ᾴᾶ-ᾼιῂ-ῄῆ-ῌῐ-ΐῖ-Ίῠ-Ῥῲ-ῴῶ-ῼⁱⁿₐ-ₔℂℇℊ-ℓℕℙ-ℝℤΩℨK-ℭℯ-ℱℳ-ℹℼ-ℿⅅ-ⅉⰀ-Ⱞⰰ-ⱞⲀ-ⳤⴀ-ⴥⴰ-ⵥⵯⶀ-ⶖⶠ-ⶦⶨ-ⶮⶰ-ⶶⶸ-ⶾⷀ-ⷆⷈ-ⷎⷐ-ⷖⷘ-ⷞ々-〆〱-〵〻-〼ぁ-ゖゝ-ゟァ-ヺー-ヿㄅ-ㄬㄱ-ㆎㆠ-ㆷㇰ-ㇿ㐀-䶵一-龻ꀀ-ꒌꠀ-ꠁꠃ-ꠅꠇ-ꠊꠌ-ꠢ가-힣豈-鶴侮-頻並-龎ff-stﬓ-ﬗיִײַ-ﬨשׁ-זּטּ-לּמּנּ-סּףּ-פּצּ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼＡ-Ｚａ-ｚｦ-ﾾￂ-ￇￊ-ￏￒ-ￗￚ-ￜ";
+  const unicodeAccents = "̀-ͯ҃-֑҆-ֹֻ-ֽֿׁ-ׂׄ-ׇׅؐ-ًؕ-ٰٞۖ-ۜ۟-ۤۧ-۪ۨ-ܑۭܰ-݊ަ-ްँ-ः़ा-्॑-॔ॢ-ॣঁ-ঃ়া-ৄে-ৈো-্ৗৢ-ৣਁ-ਃ਼ਾ-ੂੇ-ੈੋ-੍ੰ-ੱઁ-ઃ઼ા-ૅે-ૉો-્ૢ-ૣଁ-ଃ଼ା-ୃେ-ୈୋ-୍ୖ-ୗஂா-ூெ-ைொ-்ௗఁ-ఃా-ౄె-ైొ-్ౕ-ౖಂ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕ-ೖം-ഃാ-ൃെ-ൈൊ-്ൗං-ඃ්ා-ුූෘ-ෟෲ-ෳัิ-ฺ็-๎ັິ-ູົ-ຼ່-ໍ༘-༹༙༵༷༾-༿ཱ-྄྆-྇ྐ-ྗྙ-ྼ࿆ာ-ဲံ-္ၖ-ၙ፟ᜒ-᜔ᜲ-᜴ᝒ-ᝓᝲ-ᝳា-៓៝᠋-᠍ᢩᤠ-ᤫᤰ-᤻ᦰ-ᧀᧈ-ᧉᨗ-ᨛ᷀-᷃⃐-⃥⃜⃡-⃫〪-゙〯-゚ꠂ꠆ꠋꠣ-ꠧﬞ︀-️︠-︣";
+  const unicodeDigits = "0-9٠-٩۰-۹०-९০-৯੦-੯૦-૯୦-୯௦-௯౦-౯೦-೯൦-൯๐-๙໐-໙༠-༩၀-၉០-៩᠐-᠙᥆-᥏᧐-᧙０-９";
+  const alpha = unicodeLetters + unicodeAccents + otherChars;
+  const numeric = `${unicodeDigits}_`;
+  const alphanumeric = alpha + numeric;
+  const hashChars = "#\\uFF03";
+  return {
+    alpha,
+    alphanumeric,
+    hashChars
+  };
+}
+function getHashtagRegexString() {
+  const { alpha, alphanumeric, hashChars } = getHashtagRegexStringChars();
+  const hashtagAlpha = `[${alpha}]`;
+  const hashtagAlphanumeric = `[${alphanumeric}]`;
+  const hashtagBoundary = `^|$|[^&/${alphanumeric}]`;
+  const hashCharList = `[${hashChars}]`;
+  const hashtag = `(${hashtagBoundary})(${hashCharList})(${hashtagAlphanumeric}*${hashtagAlpha}${hashtagAlphanumeric}*)`;
+  return hashtag;
+}
+const REGEX = new RegExp(getHashtagRegexString(), "i");
+function createHashtagNode(textNode) {
+  return $createHashtagNode(textNode.getTextContent());
+}
+function getHashtagMatch(text) {
+  const matchArr = REGEX.exec(text);
+  if (matchArr === null)
+    return null;
+  const hashtagLength = matchArr[3].length + 1;
+  const startOffset = matchArr.index + matchArr[1].length;
+  const endOffset = startOffset + hashtagLength;
+  return { end: endOffset, start: startOffset };
+}
+registerEditorPlugin({
+  nodes: [HashtagNode],
+  tools: [],
+  templates: [],
+  useMounted(editor) {
+    if (!editor.hasNodes([HashtagNode])) {
+      throw new Error("HashtagPlugin: HashtagNode not registered on editor");
+    }
+    return mergeRegister(...registerLexicalTextEntity(editor, getHashtagMatch, HashtagNode, createHashtagNode));
+  }
+});
+//# sourceMappingURL=HashtagPlugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HashtagPlugin.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/HashtagPlugin.ts"],"sourcesContent":["\r\n\r\nimport {  mergeRegister } from \"@lexical/utils\";\r\nimport type { TextNode } from 'lexical'\r\nimport { $createHashtagNode, HashtagNode } from '@lexical/hashtag'\r\nimport {  registerEditorPlugin } from '../composables'\r\nimport { registerLexicalTextEntity } from \"@lexical/text\";\r\n\r\nfunction getHashtagRegexStringChars(): {\r\n  alpha: string\r\n  alphanumeric: string\r\n  hashChars: string\r\n} {\r\n  // Latin accented characters\r\n  // Excludes 0xd7 from the range\r\n  // (the multiplication sign, confusable with \"x\").\r\n  // Also excludes 0xf7, the division sign\r\n  const latinAccents\r\n    = '\\xC0-\\xD6'\r\n    + '\\xD8-\\xF6'\r\n    + '\\xF8-\\xFF'\r\n    + '\\u0100-\\u024F'\r\n    + '\\u0253-\\u0254'\r\n    + '\\u0256-\\u0257'\r\n    + '\\u0259'\r\n    + '\\u025B'\r\n    + '\\u0263'\r\n    + '\\u0268'\r\n    + '\\u026F'\r\n    + '\\u0272'\r\n    + '\\u0289'\r\n    + '\\u028B'\r\n    + '\\u02BB'\r\n    + '\\u0300-\\u036F'\r\n    + '\\u1E00-\\u1EFF'\r\n\r\n  // Cyrillic (Russian, Ukrainian, etc.)\r\n  const nonLatinChars\r\n    = '\\u0400-\\u04FF' // Cyrillic\r\n    + '\\u0500-\\u0527' // Cyrillic Supplement\r\n    + '\\u2DE0-\\u2DFF' // Cyrillic Extended A\r\n    + '\\uA640-\\uA69F' // Cyrillic Extended B\r\n    + '\\u0591-\\u05BF' // Hebrew\r\n    + '\\u05C1-\\u05C2'\r\n    + '\\u05C4-\\u05C5'\r\n    + '\\u05C7'\r\n    + '\\u05D0-\\u05EA'\r\n    + '\\u05F0-\\u05F4'\r\n    + '\\uFB12-\\uFB28' // Hebrew Presentation Forms\r\n    + '\\uFB2A-\\uFB36'\r\n    + '\\uFB38-\\uFB3C'\r\n    + '\\uFB3E'\r\n    + '\\uFB40-\\uFB41'\r\n    + '\\uFB43-\\uFB44'\r\n    + '\\uFB46-\\uFB4F'\r\n    + '\\u0610-\\u061A' // Arabic\r\n    + '\\u0620-\\u065F'\r\n    + '\\u066E-\\u06D3'\r\n    + '\\u06D5-\\u06DC'\r\n    + '\\u06DE-\\u06E8'\r\n    + '\\u06EA-\\u06EF'\r\n    + '\\u06FA-\\u06FC'\r\n    + '\\u06FF'\r\n    + '\\u0750-\\u077F' // Arabic Supplement\r\n    + '\\u08A0' // Arabic Extended A\r\n    + '\\u08A2-\\u08AC'\r\n    + '\\u08E4-\\u08FE'\r\n    + '\\uFB50-\\uFBB1' // Arabic Pres. Forms A\r\n    + '\\uFBD3-\\uFD3D'\r\n    + '\\uFD50-\\uFD8F'\r\n    + '\\uFD92-\\uFDC7'\r\n    + '\\uFDF0-\\uFDFB'\r\n    + '\\uFE70-\\uFE74' // Arabic Pres. Forms B\r\n    + '\\uFE76-\\uFEFC'\r\n    + '\\u200C-\\u200C' // Zero-Width Non-Joiner\r\n    + '\\u0E01-\\u0E3A' // Thai\r\n    + '\\u0E40-\\u0E4E' // Hangul (Korean)\r\n    + '\\u1100-\\u11FF' // Hangul Jamo\r\n    + '\\u3130-\\u3185' // Hangul Compatibility Jamo\r\n    + '\\uA960-\\uA97F' // Hangul Jamo Extended-A\r\n    + '\\uAC00-\\uD7AF' // Hangul Syllables\r\n    + '\\uD7B0-\\uD7FF' // Hangul Jamo Extended-B\r\n    + '\\uFFA1-\\uFFDC' // Half-width Hangul\r\n\r\n  const charCode = String.fromCharCode\r\n\r\n  const cjkChars\r\n    = '\\u30A1-\\u30FA\\u30FC-\\u30FE' // Katakana (full-width)\r\n    + '\\uFF66-\\uFF9F' // Katakana (half-width)\r\n    + '\\uFF10-\\uFF19\\uFF21-\\uFF3A'\r\n    + '\\uFF41-\\uFF5A' // Latin (full-width)\r\n    + '\\u3041-\\u3096\\u3099-\\u309E' // Hiragana\r\n    + '\\u3400-\\u4DBF' // Kanji (CJK Extension A)\r\n    + `\\u4E00-\\u9FFF${// Kanji (Unified)\r\n    // Disabled as it breaks the Regex.\r\n    // charCode(0x20000) + '-' + charCode(0x2A6DF) + // Kanji (CJK Extension B)\r\n      charCode(0x2A700)\r\n    }-${\r\n      charCode(0x2B73F) // Kanji (CJK Extension C)\r\n    }${charCode(0x2B740)\r\n    }-${\r\n      charCode(0x2B81F) // Kanji (CJK Extension D)\r\n    }${charCode(0x2F800)\r\n    }-${\r\n      charCode(0x2FA1F)\r\n    }\\u3003\\u3005\\u303B` // Kanji (CJK supplement)\r\n\r\n  const otherChars = latinAccents + nonLatinChars + cjkChars\r\n\r\n  // equivalent of \\p{L}\r\n  const unicodeLetters\r\n    = '\\u0041-\\u005A\\u0061-\\u007A\\u00AA\\u00B5\\u00BA\\u00C0-\\u00D6\\u00D8-\\u00F6'\r\n    + '\\u00F8-\\u0241\\u0250-\\u02C1\\u02C6-\\u02D1\\u02E0-\\u02E4\\u02EE\\u037A\\u0386'\r\n    + '\\u0388-\\u038A\\u038C\\u038E-\\u03A1\\u03A3-\\u03CE\\u03D0-\\u03F5\\u03F7-\\u0481'\r\n    + '\\u048A-\\u04CE\\u04D0-\\u04F9\\u0500-\\u050F\\u0531-\\u0556\\u0559\\u0561-\\u0587'\r\n    + '\\u05D0-\\u05EA\\u05F0-\\u05F2\\u0621-\\u063A\\u0640-\\u064A\\u066E-\\u066F'\r\n    + '\\u0671-\\u06D3\\u06D5\\u06E5-\\u06E6\\u06EE-\\u06EF\\u06FA-\\u06FC\\u06FF\\u0710'\r\n    + '\\u0712-\\u072F\\u074D-\\u076D\\u0780-\\u07A5\\u07B1\\u0904-\\u0939\\u093D\\u0950'\r\n    + '\\u0958-\\u0961\\u097D\\u0985-\\u098C\\u098F-\\u0990\\u0993-\\u09A8\\u09AA-\\u09B0'\r\n    + '\\u09B2\\u09B6-\\u09B9\\u09BD\\u09CE\\u09DC-\\u09DD\\u09DF-\\u09E1\\u09F0-\\u09F1'\r\n    + '\\u0A05-\\u0A0A\\u0A0F-\\u0A10\\u0A13-\\u0A28\\u0A2A-\\u0A30\\u0A32-\\u0A33'\r\n    + '\\u0A35-\\u0A36\\u0A38-\\u0A39\\u0A59-\\u0A5C\\u0A5E\\u0A72-\\u0A74\\u0A85-\\u0A8D'\r\n    + '\\u0A8F-\\u0A91\\u0A93-\\u0AA8\\u0AAA-\\u0AB0\\u0AB2-\\u0AB3\\u0AB5-\\u0AB9\\u0ABD'\r\n    + '\\u0AD0\\u0AE0-\\u0AE1\\u0B05-\\u0B0C\\u0B0F-\\u0B10\\u0B13-\\u0B28\\u0B2A-\\u0B30'\r\n    + '\\u0B32-\\u0B33\\u0B35-\\u0B39\\u0B3D\\u0B5C-\\u0B5D\\u0B5F-\\u0B61\\u0B71\\u0B83'\r\n    + '\\u0B85-\\u0B8A\\u0B8E-\\u0B90\\u0B92-\\u0B95\\u0B99-\\u0B9A\\u0B9C\\u0B9E-\\u0B9F'\r\n    + '\\u0BA3-\\u0BA4\\u0BA8-\\u0BAA\\u0BAE-\\u0BB9\\u0C05-\\u0C0C\\u0C0E-\\u0C10'\r\n    + '\\u0C12-\\u0C28\\u0C2A-\\u0C33\\u0C35-\\u0C39\\u0C60-\\u0C61\\u0C85-\\u0C8C'\r\n    + '\\u0C8E-\\u0C90\\u0C92-\\u0CA8\\u0CAA-\\u0CB3\\u0CB5-\\u0CB9\\u0CBD\\u0CDE'\r\n    + '\\u0CE0-\\u0CE1\\u0D05-\\u0D0C\\u0D0E-\\u0D10\\u0D12-\\u0D28\\u0D2A-\\u0D39'\r\n    + '\\u0D60-\\u0D61\\u0D85-\\u0D96\\u0D9A-\\u0DB1\\u0DB3-\\u0DBB\\u0DBD\\u0DC0-\\u0DC6'\r\n    + '\\u0E01-\\u0E30\\u0E32-\\u0E33\\u0E40-\\u0E46\\u0E81-\\u0E82\\u0E84\\u0E87-\\u0E88'\r\n    + '\\u0E8A\\u0E8D\\u0E94-\\u0E97\\u0E99-\\u0E9F\\u0EA1-\\u0EA3\\u0EA5\\u0EA7'\r\n    + '\\u0EAA-\\u0EAB\\u0EAD-\\u0EB0\\u0EB2-\\u0EB3\\u0EBD\\u0EC0-\\u0EC4\\u0EC6'\r\n    + '\\u0EDC-\\u0EDD\\u0F00\\u0F40-\\u0F47\\u0F49-\\u0F6A\\u0F88-\\u0F8B\\u1000-\\u1021'\r\n    + '\\u1023-\\u1027\\u1029-\\u102A\\u1050-\\u1055\\u10A0-\\u10C5\\u10D0-\\u10FA\\u10FC'\r\n    + '\\u1100-\\u1159\\u115F-\\u11A2\\u11A8-\\u11F9\\u1200-\\u1248\\u124A-\\u124D'\r\n    + '\\u1250-\\u1256\\u1258\\u125A-\\u125D\\u1260-\\u1288\\u128A-\\u128D\\u1290-\\u12B0'\r\n    + '\\u12B2-\\u12B5\\u12B8-\\u12BE\\u12C0\\u12C2-\\u12C5\\u12C8-\\u12D6\\u12D8-\\u1310'\r\n    + '\\u1312-\\u1315\\u1318-\\u135A\\u1380-\\u138F\\u13A0-\\u13F4\\u1401-\\u166C'\r\n    + '\\u166F-\\u1676\\u1681-\\u169A\\u16A0-\\u16EA\\u1700-\\u170C\\u170E-\\u1711'\r\n    + '\\u1720-\\u1731\\u1740-\\u1751\\u1760-\\u176C\\u176E-\\u1770\\u1780-\\u17B3\\u17D7'\r\n    + '\\u17DC\\u1820-\\u1877\\u1880-\\u18A8\\u1900-\\u191C\\u1950-\\u196D\\u1970-\\u1974'\r\n    + '\\u1980-\\u19A9\\u19C1-\\u19C7\\u1A00-\\u1A16\\u1D00-\\u1DBF\\u1E00-\\u1E9B'\r\n    + '\\u1EA0-\\u1EF9\\u1F00-\\u1F15\\u1F18-\\u1F1D\\u1F20-\\u1F45\\u1F48-\\u1F4D'\r\n    + '\\u1F50-\\u1F57\\u1F59\\u1F5B\\u1F5D\\u1F5F-\\u1F7D\\u1F80-\\u1FB4\\u1FB6-\\u1FBC'\r\n    + '\\u1FBE\\u1FC2-\\u1FC4\\u1FC6-\\u1FCC\\u1FD0-\\u1FD3\\u1FD6-\\u1FDB\\u1FE0-\\u1FEC'\r\n    + '\\u1FF2-\\u1FF4\\u1FF6-\\u1FFC\\u2071\\u207F\\u2090-\\u2094\\u2102\\u2107'\r\n    + '\\u210A-\\u2113\\u2115\\u2119-\\u211D\\u2124\\u2126\\u2128\\u212A-\\u212D'\r\n    + '\\u212F-\\u2131\\u2133-\\u2139\\u213C-\\u213F\\u2145-\\u2149\\u2C00-\\u2C2E'\r\n    + '\\u2C30-\\u2C5E\\u2C80-\\u2CE4\\u2D00-\\u2D25\\u2D30-\\u2D65\\u2D6F\\u2D80-\\u2D96'\r\n    + '\\u2DA0-\\u2DA6\\u2DA8-\\u2DAE\\u2DB0-\\u2DB6\\u2DB8-\\u2DBE\\u2DC0-\\u2DC6'\r\n    + '\\u2DC8-\\u2DCE\\u2DD0-\\u2DD6\\u2DD8-\\u2DDE\\u3005-\\u3006\\u3031-\\u3035'\r\n    + '\\u303B-\\u303C\\u3041-\\u3096\\u309D-\\u309F\\u30A1-\\u30FA\\u30FC-\\u30FF'\r\n    + '\\u3105-\\u312C\\u3131-\\u318E\\u31A0-\\u31B7\\u31F0-\\u31FF\\u3400-\\u4DB5'\r\n    + '\\u4E00-\\u9FBB\\uA000-\\uA48C\\uA800-\\uA801\\uA803-\\uA805\\uA807-\\uA80A'\r\n    + '\\uA80C-\\uA822\\uAC00-\\uD7A3\\uF900-\\uFA2D\\uFA30-\\uFA6A\\uFA70-\\uFAD9'\r\n    + '\\uFB00-\\uFB06\\uFB13-\\uFB17\\uFB1D\\uFB1F-\\uFB28\\uFB2A-\\uFB36\\uFB38-\\uFB3C'\r\n    + '\\uFB3E\\uFB40-\\uFB41\\uFB43-\\uFB44\\uFB46-\\uFBB1\\uFBD3-\\uFD3D\\uFD50-\\uFD8F'\r\n    + '\\uFD92-\\uFDC7\\uFDF0-\\uFDFB\\uFE70-\\uFE74\\uFE76-\\uFEFC\\uFF21-\\uFF3A'\r\n    + '\\uFF41-\\uFF5A\\uFF66-\\uFFBE\\uFFC2-\\uFFC7\\uFFCA-\\uFFCF\\uFFD2-\\uFFD7'\r\n    + '\\uFFDA-\\uFFDC'\r\n\r\n  // equivalent of \\p{Mn}\\p{Mc}\r\n  const unicodeAccents\r\n    = '\\u0300-\\u036F\\u0483-\\u0486\\u0591-\\u05B9\\u05BB-\\u05BD\\u05BF'\r\n    + '\\u05C1-\\u05C2\\u05C4-\\u05C5\\u05C7\\u0610-\\u0615\\u064B-\\u065E\\u0670'\r\n    + '\\u06D6-\\u06DC\\u06DF-\\u06E4\\u06E7-\\u06E8\\u06EA-\\u06ED\\u0711\\u0730-\\u074A'\r\n    + '\\u07A6-\\u07B0\\u0901-\\u0903\\u093C\\u093E-\\u094D\\u0951-\\u0954\\u0962-\\u0963'\r\n    + '\\u0981-\\u0983\\u09BC\\u09BE-\\u09C4\\u09C7-\\u09C8\\u09CB-\\u09CD\\u09D7'\r\n    + '\\u09E2-\\u09E3\\u0A01-\\u0A03\\u0A3C\\u0A3E-\\u0A42\\u0A47-\\u0A48\\u0A4B-\\u0A4D'\r\n    + '\\u0A70-\\u0A71\\u0A81-\\u0A83\\u0ABC\\u0ABE-\\u0AC5\\u0AC7-\\u0AC9\\u0ACB-\\u0ACD'\r\n    + '\\u0AE2-\\u0AE3\\u0B01-\\u0B03\\u0B3C\\u0B3E-\\u0B43\\u0B47-\\u0B48\\u0B4B-\\u0B4D'\r\n    + '\\u0B56-\\u0B57\\u0B82\\u0BBE-\\u0BC2\\u0BC6-\\u0BC8\\u0BCA-\\u0BCD\\u0BD7'\r\n    + '\\u0C01-\\u0C03\\u0C3E-\\u0C44\\u0C46-\\u0C48\\u0C4A-\\u0C4D\\u0C55-\\u0C56'\r\n    + '\\u0C82-\\u0C83\\u0CBC\\u0CBE-\\u0CC4\\u0CC6-\\u0CC8\\u0CCA-\\u0CCD\\u0CD5-\\u0CD6'\r\n    + '\\u0D02-\\u0D03\\u0D3E-\\u0D43\\u0D46-\\u0D48\\u0D4A-\\u0D4D\\u0D57\\u0D82-\\u0D83'\r\n    + '\\u0DCA\\u0DCF-\\u0DD4\\u0DD6\\u0DD8-\\u0DDF\\u0DF2-\\u0DF3\\u0E31\\u0E34-\\u0E3A'\r\n    + '\\u0E47-\\u0E4E\\u0EB1\\u0EB4-\\u0EB9\\u0EBB-\\u0EBC\\u0EC8-\\u0ECD\\u0F18-\\u0F19'\r\n    + '\\u0F35\\u0F37\\u0F39\\u0F3E-\\u0F3F\\u0F71-\\u0F84\\u0F86-\\u0F87\\u0F90-\\u0F97'\r\n    + '\\u0F99-\\u0FBC\\u0FC6\\u102C-\\u1032\\u1036-\\u1039\\u1056-\\u1059\\u135F'\r\n    + '\\u1712-\\u1714\\u1732-\\u1734\\u1752-\\u1753\\u1772-\\u1773\\u17B6-\\u17D3\\u17DD'\r\n    + '\\u180B-\\u180D\\u18A9\\u1920-\\u192B\\u1930-\\u193B\\u19B0-\\u19C0\\u19C8-\\u19C9'\r\n    + '\\u1A17-\\u1A1B\\u1DC0-\\u1DC3\\u20D0-\\u20DC\\u20E1\\u20E5-\\u20EB\\u302A-\\u302F'\r\n    + '\\u3099-\\u309A\\uA802\\uA806\\uA80B\\uA823-\\uA827\\uFB1E\\uFE00-\\uFE0F'\r\n    + '\\uFE20-\\uFE23'\r\n\r\n  // equivalent of \\p{Dn}\r\n  const unicodeDigits\r\n    = '\\u0030-\\u0039\\u0660-\\u0669\\u06F0-\\u06F9\\u0966-\\u096F\\u09E6-\\u09EF'\r\n    + '\\u0A66-\\u0A6F\\u0AE6-\\u0AEF\\u0B66-\\u0B6F\\u0BE6-\\u0BEF\\u0C66-\\u0C6F'\r\n    + '\\u0CE6-\\u0CEF\\u0D66-\\u0D6F\\u0E50-\\u0E59\\u0ED0-\\u0ED9\\u0F20-\\u0F29'\r\n    + '\\u1040-\\u1049\\u17E0-\\u17E9\\u1810-\\u1819\\u1946-\\u194F\\u19D0-\\u19D9'\r\n    + '\\uFF10-\\uFF19'\r\n  // An alpha char is a unicode chars including unicode marks or\r\n  // letter or char in otherChars range\r\n  const alpha = unicodeLetters + unicodeAccents + otherChars\r\n  // A numeric character is any with the number digit property, or\r\n  // underscore. These characters can be included in hashtags, but a hashtag\r\n  // cannot have only these characters.\r\n  const numeric = `${unicodeDigits}_`\r\n  // Alphanumeric char is any alpha char or a unicode char with decimal\r\n  // number property \\p{Nd}\r\n  const alphanumeric = alpha + numeric\r\n\r\n  const hashChars = '#\\\\uFF03' // normal '#' or full-width '#'\r\n\r\n  return {\r\n    alpha,\r\n    alphanumeric,\r\n    hashChars,\r\n  }\r\n}\r\n\r\nfunction getHashtagRegexString(): string {\r\n  const { alpha, alphanumeric, hashChars } = getHashtagRegexStringChars()\r\n\r\n  const hashtagAlpha = `[${alpha}]`\r\n  const hashtagAlphanumeric = `[${alphanumeric}]`\r\n  const hashtagBoundary = `^|$|[^&/${alphanumeric}]`\r\n  const hashCharList = `[${hashChars}]`\r\n\r\n  // A hashtag contains characters, numbers and underscores,\r\n  // but not all numbers.\r\n  const hashtag\r\n    = `(${\r\n      hashtagBoundary\r\n    })(${\r\n      hashCharList\r\n    })(${\r\n      hashtagAlphanumeric\r\n    }*${\r\n      hashtagAlpha\r\n    }${hashtagAlphanumeric\r\n    }*)`\r\n\r\n  return hashtag\r\n}\r\n\r\nconst REGEX = new RegExp(getHashtagRegexString(), 'i')\r\n\r\n\r\nfunction createHashtagNode(textNode: TextNode) {\r\n  return $createHashtagNode(textNode.getTextContent())\r\n}\r\n\r\nfunction getHashtagMatch(text: string) {\r\n  const matchArr = REGEX.exec(text)\r\n  if (matchArr === null)\r\n    return null\r\n\r\n  const hashtagLength = matchArr[3].length + 1\r\n  const startOffset = matchArr.index + matchArr[1].length\r\n  const endOffset = startOffset + hashtagLength\r\n  return { end: endOffset, start: startOffset }\r\n}\r\n\r\n\r\n// 注册插件\r\nregisterEditorPlugin({\r\n  nodes:[HashtagNode],\r\n  tools:[],\r\n  templates:[],\r\n  useMounted(editor){\r\n\r\n    if (!editor.hasNodes([HashtagNode])){\r\n      throw new Error(\"HashtagPlugin: HashtagNode not registered on editor\");\r\n    }\r\n\r\n    // 注册事件\r\n    return mergeRegister(  ...registerLexicalTextEntity(editor, getHashtagMatch, HashtagNode, createHashtagNode),);\r\n  }\r\n})\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAQA,SAAS,6BAIP;AAKA,QAAM,eACF;AAmBJ,QAAM,gBACF;AA8CJ,QAAM,WAAW,OAAO;AAExB,QAAM,WACF;AAAA;AAAA;AAAA,EASA,SAAS,MAAO,CAClB,IACE,SAAS,MAAO,CAClB,GAAG,SAAS,MAAO,CACnB,IACE,SAAS,MAAO,CAClB,GAAG,SAAS,MAAO,CACnB,IACE,SAAS,MAAO,CAClB;AAEI,QAAA,aAAa,eAAe,gBAAgB;AAGlD,QAAM,iBACF;AAqDJ,QAAM,iBACF;AAuBJ,QAAM,gBACF;AAOE,QAAA,QAAQ,iBAAiB,iBAAiB;AAI1C,QAAA,UAAU,GAAG,aAAa;AAGhC,QAAM,eAAe,QAAQ;AAE7B,QAAM,YAAY;AAEX,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;AAEA,SAAS,wBAAgC;AACvC,QAAM,EAAE,OAAO,cAAc,cAAc,2BAA2B;AAEhE,QAAA,eAAe,IAAI,KAAK;AACxB,QAAA,sBAAsB,IAAI,YAAY;AACtC,QAAA,kBAAkB,WAAW,YAAY;AACzC,QAAA,eAAe,IAAI,SAAS;AAI5B,QAAA,UACF,IACA,eACF,KACE,YACF,KACE,mBACF,IACE,YACF,GAAG,mBACH;AAEK,SAAA;AACT;AAEA,MAAM,QAAQ,IAAI,OAAO,yBAAyB,GAAG;AAGrD,SAAS,kBAAkB,UAAoB;AACtC,SAAA,mBAAmB,SAAS,eAAA,CAAgB;AACrD;AAEA,SAAS,gBAAgB,MAAc;AAC/B,QAAA,WAAW,MAAM,KAAK,IAAI;AAChC,MAAI,aAAa;AACR,WAAA;AAET,QAAM,gBAAgB,SAAS,CAAC,EAAE,SAAS;AAC3C,QAAM,cAAc,SAAS,QAAQ,SAAS,CAAC,EAAE;AACjD,QAAM,YAAY,cAAc;AAChC,SAAO,EAAE,KAAK,WAAW,OAAO,YAAY;AAC9C;AAIA,qBAAqB;AAAA,EACnB,OAAM,CAAC,WAAW;AAAA,EAClB,OAAM,CAAC;AAAA,EACP,WAAU,CAAC;AAAA,EACX,WAAW,QAAO;AAEhB,QAAI,CAAC,OAAO,SAAS,CAAC,WAAW,CAAC,GAAE;AAC5B,YAAA,IAAI,MAAM,qDAAqD;AAAA,IACvE;AAGA,WAAO,cAAgB,GAAG,0BAA0B,QAAQ,iBAAiB,aAAa,iBAAiB,CAAE;AAAA,EAC/G;AACF,CAAC;"}

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

@@ -0,0 +1,39 @@
+import { defineComponent, computed, unref, watchEffect } from "vue";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+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";
+import { createEmptyHistoryState, registerHistory } from "@lexical/history";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HistoryPlugin",
+  props: {
+    externalHistoryState: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { editor } = useLexicalEditorContext();
+    const historyState = computed(() => unref(props.externalHistoryState) || createEmptyHistoryState());
+    if (editor) {
+      watchEffect((onInvalidate) => {
+        onInvalidate(registerHistory(editor, historyState.value, 1e3));
+      });
+    }
+    return (_ctx, _cache) => {
+      return null;
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=HistoryPlugin.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryPlugin.vue.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/HistoryPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {  useLexicalEditorContext } from '../composables'\r\nimport type { HistoryState } from '@lexical/history'\r\nimport { computed, unref, watchEffect } from 'vue'\r\n\r\nimport { createEmptyHistoryState, registerHistory } from '@lexical/history'\r\n\r\nconst props = defineProps<{ externalHistoryState?: HistoryState }>()\r\n\r\nconst { editor } = useLexicalEditorContext()\r\n\r\nconst historyState = computed<HistoryState>(() => unref(props.externalHistoryState) || createEmptyHistoryState())\r\n\r\nif(editor){\r\n    watchEffect((onInvalidate) => {\r\n      onInvalidate(registerHistory(editor, historyState.value, 1000))\r\n  })\r\n}\r\n\r\n\r\n\r\n\r\n</script>\r\n\r\n<template />\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAER,UAAA,EAAE,WAAW;AAEb,UAAA,eAAe,SAAuB,MAAM,MAAM,MAAM,oBAAoB,KAAK,yBAAyB;AAEhH,QAAG,QAAO;AACN,kBAAY,CAAC,iBAAiB;AAC5B,qBAAa,gBAAgB,QAAQ,aAAa,OAAO,GAAI,CAAC;AAAA,MAAA,CACjE;AAAA,IACH;;;;;;"}

package/dist/esm/components/basic/lexical-editor/plugins/HistoryPlugin.vue2.js

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

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

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

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

@@ -0,0 +1,95 @@
+import { ListNode, ListItemNode, INSERT_UNORDERED_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, REMOVE_LIST_COMMAND, removeList, $handleListInsertParagraph, $createListNode, $createListItemNode, $isListItemNode } from "@lexical/list";
+import { mergeRegister, $insertNodeToNearestRoot } from "@lexical/utils";
+import { $isElementNode, $isTextNode, $isRootNode, COMMAND_PRIORITY_LOW, INSERT_PARAGRAPH_COMMAND, $getSelection, $isNodeSelection, $isRangeSelection, $isParagraphNode } from "lexical";
+import "@lexical/overflow";
+import "@lexical/text";
+import "vue";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import { registerEditorPlugin } 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";
+import "../nodes/ModuleDecoratorNode.js";
+import { $isModuleDecoratorWarpNode } from "../nodes/ModuleDecoratorWarpNode.js";
+import "../nodes/ImageNode.js";
+import "../nodes/ImageTextWarpNode.js";
+import "../nodes/Template.js";
+const insertListNode = (listType) => {
+  const selection = $getSelection();
+  const list = $createListNode(listType);
+  const listItem = $createListItemNode();
+  let elementNode = $isNodeSelection(selection) ? selection == null ? void 0 : selection.getNodes()[0] : $isRangeSelection(selection) ? selection.anchor.getNode() : null;
+  if ($isTextNode(elementNode)) {
+    elementNode = elementNode.getParent();
+  }
+  if ($isParagraphNode(elementNode)) {
+    listItem.splice(elementNode.getChildrenSize(), 0, elementNode.getChildren());
+    list.append(listItem);
+    elementNode.replace(list);
+  } else if ($isListItemNode(elementNode)) {
+    const parent = elementNode.getParentOrThrow();
+    parent.append();
+    list.append(...parent.getChildren());
+    list.append(listItem);
+    parent.replace(list);
+  } else if ($isElementNode(elementNode)) {
+    list.append(listItem);
+    elementNode.append(list);
+  } else {
+    list.append(listItem);
+    $insertNodeToNearestRoot(list);
+  }
+  return false;
+};
+registerEditorPlugin({
+  nodes: [ListNode, ListItemNode],
+  tools: [
+    {
+      icon: "doc-list-bullet",
+      text: "无序列表",
+      action: (editor) => {
+        editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0);
+      },
+      disbale: (node) => !$isElementNode(node) && !$isTextNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),
+      sort: 99
+    },
+    {
+      icon: "doc-list-number",
+      text: "数字列表",
+      action: (editor) => {
+        editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0);
+      },
+      disbale: (node) => !$isElementNode(node) && !$isTextNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),
+      sort: 99
+    }
+  ],
+  templates: [],
+  useMounted(editor) {
+    return mergeRegister(
+      editor.registerCommand(INSERT_ORDERED_LIST_COMMAND, () => {
+        insertListNode("number");
+        return true;
+      }, COMMAND_PRIORITY_LOW),
+      editor.registerCommand(INSERT_UNORDERED_LIST_COMMAND, () => {
+        insertListNode("bullet");
+        return true;
+      }, COMMAND_PRIORITY_LOW),
+      editor.registerCommand(REMOVE_LIST_COMMAND, () => {
+        removeList(editor);
+        return true;
+      }, COMMAND_PRIORITY_LOW),
+      editor.registerCommand(INSERT_PARAGRAPH_COMMAND, () => {
+        return !!$handleListInsertParagraph();
+      }, COMMAND_PRIORITY_LOW)
+    );
+  }
+});
+export {
+  insertListNode
+};
+//# sourceMappingURL=ListPlugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListPlugin.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/ListPlugin.ts"],"sourcesContent":["\r\n\r\nimport {\r\n  $handleListInsertParagraph,\r\n  INSERT_ORDERED_LIST_COMMAND,\r\n  INSERT_UNORDERED_LIST_COMMAND,\r\n  REMOVE_LIST_COMMAND,\r\n  // insertList,\r\n  removeList,\r\n  ListItemNode, ListNode,\r\n  $createListNode,\r\n  $isListItemNode,\r\n  $createListItemNode,\r\n} from '@lexical/list'\r\nimport { $insertNodeToNearestRoot, mergeRegister } from '@lexical/utils'\r\nimport { $getSelection, $isElementNode, $isNodeSelection, $isParagraphNode, $isRangeSelection, $isRootNode, $isTextNode, COMMAND_PRIORITY_LOW, ElementNode, INSERT_PARAGRAPH_COMMAND, LexicalEditor, LexicalNode } from 'lexical'\r\nimport { registerEditorPlugin } from '../composables'\r\nimport { $isModuleDecoratorWarpNode } from '../nodes'\r\n\r\n// 插入节点的处理函数\r\nexport const insertListNode= (listType:any) => {\r\n\r\n  const selection = $getSelection()\r\n  const list = $createListNode(listType);\r\n  const listItem = $createListItemNode();\r\n\r\n  let elementNode = $isNodeSelection(selection) ? selection?.getNodes()[0] : ($isRangeSelection(selection) ? selection.anchor.getNode() : null);\r\n\r\n \r\n  // 文本则做特殊处理\r\n  if($isTextNode(elementNode)){\r\n    elementNode = elementNode.getParent() as ElementNode;\r\n  }\r\n  \r\n  if($isParagraphNode(elementNode)){\r\n    listItem.splice(elementNode.getChildrenSize(), 0, elementNode.getChildren());\r\n    list.append(listItem);\r\n    elementNode.replace(list);\r\n  }\r\n  else if ($isListItemNode(elementNode)) {\r\n    const parent = elementNode.getParentOrThrow();\r\n    parent.append()\r\n    list.append(...parent.getChildren())\r\n    list.append(listItem);\r\n    parent.replace(list);\r\n  }\r\n  else if($isElementNode(elementNode)){\r\n    list.append(listItem);\r\n    elementNode.append(list);\r\n  }\r\n  else {\r\n    list.append(listItem);\r\n    $insertNodeToNearestRoot(list)\r\n  }\r\n  return false;\r\n}\r\n\r\n// 注册插件\r\nregisterEditorPlugin({\r\n  nodes:[ListNode,ListItemNode],\r\n  tools:[\r\n    {\r\n      icon: \"doc-list-bullet\",\r\n      text: \"无序列表\",\r\n      action:(editor)=>{\r\n        editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND,undefined)\r\n      },\r\n      disbale:(node)=>!$isElementNode(node) && !$isTextNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),\r\n      sort:99\r\n    },\r\n    {\r\n      icon: \"doc-list-number\",\r\n      text: \"数字列表\",\r\n      action:(editor)=>{\r\n        editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND,undefined)\r\n      },\r\n      disbale:(node)=>!$isElementNode(node) && !$isTextNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),\r\n      sort:99\r\n    }\r\n  ],\r\n  templates:[],\r\n  useMounted(editor){\r\n  \r\n    // 注册事件\r\n    return mergeRegister(\r\n      editor.registerCommand(INSERT_ORDERED_LIST_COMMAND,() => {\r\n        insertListNode('number')\r\n        return true\r\n      },COMMAND_PRIORITY_LOW),\r\n      editor.registerCommand(INSERT_UNORDERED_LIST_COMMAND,() => {\r\n        insertListNode('bullet')\r\n        return true\r\n      },COMMAND_PRIORITY_LOW),\r\n      editor.registerCommand(REMOVE_LIST_COMMAND,() => {\r\n        removeList(editor)\r\n        return true\r\n      },COMMAND_PRIORITY_LOW,),\r\n      editor.registerCommand(INSERT_PARAGRAPH_COMMAND,() => {\r\n        return !!$handleListInsertParagraph()\r\n      },COMMAND_PRIORITY_LOW)\r\n    );\r\n  }\r\n})\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBa,MAAA,iBAAgB,CAAC,aAAiB;AAE7C,QAAM,YAAY;AACZ,QAAA,OAAO,gBAAgB,QAAQ;AACrC,QAAM,WAAW;AAEjB,MAAI,cAAc,iBAAiB,SAAS,IAAI,uCAAW,WAAW,KAAM,kBAAkB,SAAS,IAAI,UAAU,OAAO,QAAY,IAAA;AAIrI,MAAA,YAAY,WAAW,GAAE;AAC1B,kBAAc,YAAY;EAC5B;AAEG,MAAA,iBAAiB,WAAW,GAAE;AAC/B,aAAS,OAAO,YAAY,gBAAA,GAAmB,GAAG,YAAY,aAAa;AAC3E,SAAK,OAAO,QAAQ;AACpB,gBAAY,QAAQ,IAAI;AAAA,EAAA,WAEjB,gBAAgB,WAAW,GAAG;AAC/B,UAAA,SAAS,YAAY;AAC3B,WAAO,OAAO;AACd,SAAK,OAAO,GAAG,OAAO,YAAa,CAAA;AACnC,SAAK,OAAO,QAAQ;AACpB,WAAO,QAAQ,IAAI;AAAA,EAAA,WAEb,eAAe,WAAW,GAAE;AAClC,SAAK,OAAO,QAAQ;AACpB,gBAAY,OAAO,IAAI;AAAA,EAAA,OAEpB;AACH,SAAK,OAAO,QAAQ;AACpB,6BAAyB,IAAI;AAAA,EAC/B;AACO,SAAA;AACT;AAGA,qBAAqB;AAAA,EACnB,OAAM,CAAC,UAAS,YAAY;AAAA,EAC5B,OAAM;AAAA,IACJ;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,QAAO,CAAC,WAAS;AACR,eAAA,gBAAgB,+BAA8B,MAAS;AAAA,MAChE;AAAA,MACA,SAAQ,CAAC,SAAO,CAAC,eAAe,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,2BAA2B,IAAI;AAAA,MACpH,MAAK;AAAA,IACP;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,QAAO,CAAC,WAAS;AACR,eAAA,gBAAgB,6BAA4B,MAAS;AAAA,MAC9D;AAAA,MACA,SAAQ,CAAC,SAAO,CAAC,eAAe,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,2BAA2B,IAAI;AAAA,MACpH,MAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA,WAAU,CAAC;AAAA,EACX,WAAW,QAAO;AAGT,WAAA;AAAA,MACL,OAAO,gBAAgB,6BAA4B,MAAM;AACvD,uBAAe,QAAQ;AAChB,eAAA;AAAA,SACP,oBAAoB;AAAA,MACtB,OAAO,gBAAgB,+BAA8B,MAAM;AACzD,uBAAe,QAAQ;AAChB,eAAA;AAAA,SACP,oBAAoB;AAAA,MACtB,OAAO,gBAAgB,qBAAoB,MAAM;AAC/C,mBAAW,MAAM;AACV,eAAA;AAAA,SACP,oBAAqB;AAAA,MACvB,OAAO,gBAAgB,0BAAyB,MAAM;AAC7C,eAAA,CAAC,CAAC;SACT,oBAAoB;AAAA,IAAA;AAAA,EAE1B;AACF,CAAC;"}

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

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

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

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

package/dist/esm/components/basic/lexical-editor/plugins/NodeTreeViewPlugin.vue3.js

@@ -0,0 +1,101 @@
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createVNode, withCtx, unref, createTextVNode, toDisplayString } from "vue";
+import { $getSelection, $isRangeSelection, $isNodeSelection, $isParagraphNode, $isTextNode } from "lexical";
+import { $isHeadingNode } from "@lexical/rich-text";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import { useMounted } from "../composables/utils.js";
+import "@lexical/selection";
+import "@lexical/link";
+import { useLexicalEditorContext } from "../composables/lexicalEditor.js";
+import "../utils/html.js";
+import "@maketribe/dm";
+import "element-plus";
+import "../utils/image.js";
+import { ArrowRightBold } from "@element-plus/icons-vue";
+import { setElementBlockSelection } from "../composables/useElementBlockSelection.js";
+const _hoisted_1 = { class: "lexical-editor-node-tree" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "NodeTreeViewPlugin",
+  setup(__props) {
+    const { editor } = useLexicalEditorContext();
+    const selectNodeTreeList = ref([{ name: "ROOT", key: "root", disabled: true }]);
+    const createNodeTree = (node) => {
+      let list = [];
+      if (node) {
+        let name = $isParagraphNode(node) ? "P" : node.getName ? node.getName() : node.getType();
+        if ($isHeadingNode(node)) {
+          name = `${node.getTag()}`;
+        }
+        list.push({
+          key: node.getKey(),
+          name: name.toUpperCase(),
+          desc: node.getDesc ? node.getDesc() : void 0,
+          disabled: $isTextNode(node) || $isParagraphNode(node) && node.getChildrenSize() <= 0
+        });
+        if (node.getParent()) {
+          list = list.concat(createNodeTree(node.getParent()));
+        }
+      }
+      return list;
+    };
+    useMounted(() => {
+      return editor.registerUpdateListener(({ editorState }) => {
+        editorState.read(() => {
+          const selection = $getSelection();
+          if ($isRangeSelection(selection)) {
+            selectNodeTreeList.value = createNodeTree(selection.anchor.getNode()).reverse();
+          } else if ($isNodeSelection(selection)) {
+            selectNodeTreeList.value = createNodeTree(selection.getNodes()[0]).reverse();
+          }
+        });
+      });
+    });
+    return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(selectNodeTreeList.value, (item) => {
+          return openBlock(), createElementBlock("div", {
+            key: item.key,
+            class: "item"
+          }, [
+            createVNode(_component_el_tooltip, {
+              effect: "dark",
+              content: item.desc,
+              disabled: !item.desc,
+              placement: "top"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_button, {
+                  class: "text",
+                  text: "",
+                  nodeKey: item.key,
+                  disabled: item.disabled,
+                  onClick: ($event) => unref(setElementBlockSelection)(unref(editor), item.key)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(item.name) + " ", 1),
+                    createVNode(_component_el_icon, { class: "el-icon--right" }, {
+                      default: withCtx(() => [
+                        createVNode(unref(ArrowRightBold))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 2
+                }, 1032, ["nodeKey", "disabled", "onClick"])
+              ]),
+              _: 2
+            }, 1032, ["content", "disabled"])
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=NodeTreeViewPlugin.vue3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeTreeViewPlugin.vue3.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/NodeTreeViewPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n\r\nimport {\r\n  $getSelection,$isRangeSelection,$isNodeSelection, NodeKey,$isParagraphNode,\r\n  $isRootNode,$isTextNode\r\n} from 'lexical'\r\nimport { $isHeadingNode } from '@lexical/rich-text'\r\nimport {  useLexicalEditorContext, useMounted,setElementBlockSelection } from '../composables'\r\nimport { ref } from 'vue'\r\nimport { ArrowRightBold } from \"@element-plus/icons-vue\"\r\n\r\nconst { editor } = useLexicalEditorContext()\r\n\r\nconst selectNodeTreeList = ref<Array<{ key:string|NodeKey,name:string,desc?:string,disabled:boolean }>>([{name:\"ROOT\",key:\"root\",disabled:true}]);\r\n\r\nconst createNodeTree = (node?:any)=>{\r\n\r\n    let list:any = [];\r\n\r\n    if(node){\r\n\r\n        let name:string = $isParagraphNode(node) ? \"P\" : (node.getName ? node.getName() : node.getType());\r\n\r\n        // 标题\r\n        if($isHeadingNode(node)){ name = `${node.getTag()}` }\r\n\r\n        list.push({ \r\n            key:node.getKey(),\r\n            name:name.toUpperCase(),\r\n            desc:node.getDesc ? node.getDesc() : undefined,\r\n            disabled:$isTextNode(node) || ($isParagraphNode(node) && node.getChildrenSize() <= 0)\r\n        })\r\n\r\n        if(node.getParent()){\r\n            list = list.concat(createNodeTree(node.getParent()))\r\n        }\r\n    }\r\n\r\n    return list;\r\n}\r\n\r\nuseMounted(() => {\r\n\r\n    return editor.registerUpdateListener(({ editorState }) => {\r\n\r\n        editorState.read(()=>{\r\n\r\n            const selection = $getSelection()\r\n\r\n            if ($isRangeSelection(selection)) {\r\n                selectNodeTreeList.value = createNodeTree(selection.anchor.getNode()).reverse();\r\n            }\r\n            else if($isNodeSelection(selection)){\r\n                selectNodeTreeList.value = createNodeTree(selection.getNodes()[0]).reverse();\r\n            }\r\n        })\r\n        \r\n    })\r\n})\r\n\r\n   \r\n</script>\r\n\r\n<template>\r\n    <div class=\"lexical-editor-node-tree\">\r\n        <template v-for=\"item in selectNodeTreeList\" :key=\"item.key\">\r\n            <div class=\"item\">\r\n                <el-tooltip effect=\"dark\" :content=\"item.desc\" :disabled=\"!item.desc\" placement=\"top\">\r\n                    <el-button class=\"text\" text :nodeKey=\"item.key\" :disabled=\"item.disabled\" @click=\"setElementBlockSelection(editor,item.key)\">\r\n                        {{item.name}}\r\n                        <el-icon class=\"el-icon--right\"><ArrowRightBold /></el-icon>\r\n                    </el-button>\r\n                </el-tooltip>\r\n            </div>\r\n        </template>\r\n    </div>\r\n</template>\r\n<style lang=\"scss\" scoped>\r\n.lexical-editor-node-tree{\r\n    display: flex;\r\n    align-items: center;\r\n    min-height: 30px;\r\n    >.item{\r\n        display: flex;\r\n        align-items: center;\r\n        font-size: 14px;\r\n        .text{\r\n            padding: 5px 5px 5px 7px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        &:last-child .el-icon--right{\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n</style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAWM,UAAA,EAAE,WAAW;AAEb,UAAA,qBAAqB,IAA6E,CAAC,EAAC,MAAK,QAAO,KAAI,QAAO,UAAS,KAAI,CAAC,CAAC;AAE1I,UAAA,iBAAiB,CAAC,SAAY;AAEhC,UAAI,OAAW,CAAA;AAEf,UAAG,MAAK;AAEA,YAAA,OAAc,iBAAiB,IAAI,IAAI,MAAO,KAAK,UAAU,KAAK,QAAA,IAAY,KAAK,QAAQ;AAG5F,YAAA,eAAe,IAAI,GAAE;AAAS,iBAAA,GAAG,KAAK,OAAA,CAAQ;AAAA,QAAG;AAEpD,aAAK,KAAK;AAAA,UACN,KAAI,KAAK,OAAO;AAAA,UAChB,MAAK,KAAK,YAAY;AAAA,UACtB,MAAK,KAAK,UAAU,KAAK,YAAY;AAAA,UACrC,UAAS,YAAY,IAAI,KAAM,iBAAiB,IAAI,KAAK,KAAK,gBAAA,KAAqB;AAAA,QAAA,CACtF;AAEE,YAAA,KAAK,aAAY;AAChB,iBAAO,KAAK,OAAO,eAAe,KAAK,UAAW,CAAA,CAAC;AAAA,QACvD;AAAA,MACJ;AAEO,aAAA;AAAA,IAAA;AAGX,eAAW,MAAM;AAEb,aAAO,OAAO,uBAAuB,CAAC,EAAE,kBAAkB;AAEtD,oBAAY,KAAK,MAAI;AAEjB,gBAAM,YAAY;AAEd,cAAA,kBAAkB,SAAS,GAAG;AAC9B,+BAAmB,QAAQ,eAAe,UAAU,OAAO,QAAS,CAAA,EAAE;UAAQ,WAE1E,iBAAiB,SAAS,GAAE;AACb,+BAAA,QAAQ,eAAe,UAAU,SAAA,EAAW,CAAC,CAAC,EAAE;UACvE;AAAA,QAAA,CACH;AAAA,MAAA,CAEJ;AAAA,IAAA,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}