@haluo/biz 2.0.38 → 2.0.39

package/dist/haluo-biz.umd.cjs

@@ -316,7 +316,7 @@
     }
     return target;
   };
-  const _sfc_main$7 = {
+  const _sfc_main$8 = {
     components: {
       ElTooltip: elementPlus.ElTooltip,
       ElDivider: elementPlus.ElDivider,
@@ -518,7 +518,7 @@
       }
     }
   };
-  const _hoisted_1$7 = {
+  const _hoisted_1$8 = {
     key: 0,
     class: "tools"
   };
@@ -584,13 +584,13 @@
   const _hoisted_43 = ["src"];
   const _hoisted_44 = ["src"];
   const _hoisted_45 = ["src"];
-  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_divider = vue.resolveComponent("el-divider");
     const _component_el_popover = vue.resolveComponent("el-popover");
     const _component_colorPicker = vue.resolveComponent("colorPicker");
     const _directive_click_outside = vue.resolveDirective("click-outside");
-    return $props.editor.fontInfo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+    return $props.editor.fontInfo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
       vue.createElementVNode("div", _hoisted_2$5, [
         vue.createVNode(_component_el_tooltip, {
           class: "item",
@@ -1104,15 +1104,15 @@
       ])
     ])) : vue.createCommentVNode("", true);
   }
-  const ToolBar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3], ["__scopeId", "data-v-50235bb8"]]);
+  const ToolBar = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$4], ["__scopeId", "data-v-50235bb8"]]);
   const __vite_glob_0_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAmCAYAAAClI5npAAAA0UlEQVR42uWYwQnDMAxFfckAXkFDmGzgS1foDpnFS3gTb+IFtIDyA4UeBKUtNR8qwTvlkAdyfmSletySmRUwgIIJOijXs9VcLxegwNVDRFYLdHtdCg6wrRKY9l4NUFYIqH1WDeTfCXxXE9w5Ar4tQhBwh7SBjSDg2lJJAj47SAI+OwgC7pDuJAGfHQQBnx0kAZ8dBAF3SOtTgCchybjV2QLKFpihW6BAQn6GA0i4KG4g037H4QaSDiTWUMocyweQcFezBjLrer5TFxR/uaKhL6lOdeUQ8G6X1pQAAAAASUVORK5CYII=";
-  const _hoisted_1$6 = { key: 0 };
+  const _hoisted_1$7 = { key: 0 };
   const _hoisted_2$4 = { class: "basic-dialog_title" };
   const _hoisted_3$4 = {
     key: 0,
     class: "dialog-footer"
   };
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       visible: { type: Boolean, default: false },
@@ -1153,7 +1153,7 @@
           class: vue.normalizeClass(["basic-dialog", { "hide-title": !_ctx.showTitle }])
         }, {
           header: vue.withCtx(() => [
-            _ctx.showTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+            _ctx.showTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
               vue.createElementVNode("div", _hoisted_2$4, [
                 _cache[1] || (_cache[1] = vue.createElementVNode("span", { class: "basic-dialog_divider" }, null, -1)),
                 vue.renderSlot(_ctx.$slots, "title")
@@ -1194,7 +1194,7 @@
       };
     }
   });
-  const index_vue_vue_type_style_index_0_lang$4 = "";
+  const index_vue_vue_type_style_index_0_lang$5 = "";
   var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
   function getDefaultExportFromCjs(x) {
     return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -3484,7 +3484,7 @@
   tools$2.exports = new ToolsClass();
   var toolsExports = tools$2.exports;
   const tools$1 = /* @__PURE__ */ getDefaultExportFromCjs(toolsExports);
-  const _hoisted_1$5 = { style: { "margin-left": "20px", "color": "#FF5A25" } };
+  const _hoisted_1$6 = { style: { "margin-left": "20px", "color": "#FF5A25" } };
   const _hoisted_2$3 = { class: "insert-article" };
   const _hoisted_3$3 = { class: "insert-article_input" };
   const _hoisted_4$2 = {
@@ -3505,7 +3505,7 @@
     key: 1,
     style: { "display": "inline-flex", "flex-direction": "column" }
   };
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       visible: { type: Boolean, default: false },
@@ -3581,6 +3581,8 @@
         data.busy = true;
         const userInfo = JSON.parse(localStorage.getItem("user")) || JSON.parse(localStorage.getItem("userInfo"));
         const userId = userInfo.uid || userInfo.userid;
+        if (!getList.value)
+          return;
         const res = await getList.value({
           uid: data.params.radio !== Radio_Type.ALL_ARITICLE ? userId : "",
           autherid: data.params.radio !== Radio_Type.ALL_ARITICLE ? userId : "",
@@ -3600,14 +3602,14 @@
         data.busy = false;
       }, 1e3);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$6, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$7, {
           visible: vue.unref(visible),
           onSubmit: confirm
         }, {
           title: vue.withCtx(() => [
             vue.createElementVNode("span", null, [
               _cache[8] || (_cache[8] = vue.createTextVNode("插入文章/视频")),
-              vue.createElementVNode("strong", _hoisted_1$5, "平台仅支持插入" + vue.toDisplayString(`${isVideo.value ? "2年" : "18个月"}`) + "内的推荐内容", 1)
+              vue.createElementVNode("strong", _hoisted_1$6, "平台仅支持插入" + vue.toDisplayString(`${isVideo.value ? "2年" : "18个月"}`) + "内的推荐内容", 1)
             ])
           ]),
           default: vue.withCtx(() => [
@@ -3717,7 +3719,7 @@
       };
     }
   });
-  const index_vue_vue_type_style_index_0_lang$3 = "";
+  const index_vue_vue_type_style_index_0_lang$4 = "";
   let getRandomValues;
   const rnds8 = new Uint8Array(16);
   function rng() {
@@ -3757,7 +3759,7 @@
     }
     return unsafeStringify(rnds);
   }
-  const _hoisted_1$4 = { class: "img-upload-content" };
+  const _hoisted_1$5 = { class: "img-upload-content" };
   const _hoisted_2$2 = { class: "title-box" };
   const _hoisted_3$2 = ["onClick"];
   const _hoisted_4$1 = {
@@ -3819,7 +3821,7 @@
     class: "protocol-box"
   };
   const _hoisted_29 = ["href"];
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       visible: { type: Boolean, default: false },
@@ -4101,12 +4103,12 @@
         emits("update:imgList", list);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$6, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$7, {
           visible: props.visible,
           showTitle: false
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$4, [
+            vue.createElementVNode("div", _hoisted_1$5, [
               vue.createElementVNode("div", _hoisted_2$2, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(titleList.value, (item, index) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
@@ -4346,9 +4348,9 @@
       };
     }
   });
-  const index_vue_vue_type_style_index_0_lang$2 = "";
-  const _hoisted_1$3 = { class: "insert-video" };
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  const index_vue_vue_type_style_index_0_lang$3 = "";
+  const _hoisted_1$4 = { class: "insert-video" };
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       visible: { type: Boolean, default: false },
@@ -4370,7 +4372,7 @@
         ele[0].dispatchEvent(event);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$6, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$7, {
           "show-btn": false,
           visible: vue.unref(visible),
           width: "600px",
@@ -4380,7 +4382,7 @@
             vue.createElementVNode("span", null, "插入视频", -1)
           ])),
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$3, [
+            vue.createElementVNode("div", _hoisted_1$4, [
               vue.createVNode(vue.unref(elementPlus.ElButton), {
                 style: { "width": "120px" },
                 round: "",
@@ -4407,7 +4409,703 @@
       };
     }
   });
+  const index_vue_vue_type_style_index_0_lang$2 = "";
   const index_vue_vue_type_style_index_0_lang$1 = "";
+  const _sfc_main$3 = {
+    name: "TopicManager",
+    props: {
+      // 编辑器DOM引用
+      editorDom: {
+        type: Object,
+        default: null
+      },
+      // 话题API请求方法
+      request: {
+        type: Object,
+        default: null
+      }
+    },
+    data() {
+      return {
+        // 话题弹框相关数据
+        topicPopover: {
+          visible: false,
+          type: "hot",
+          // 'hot' 热门话题, 'search' 搜索话题
+          activeTab: "hot",
+          // 'hot' 热门话题, 'recent' 最近使用
+          position: { top: 0, left: 0 },
+          searchKeyword: "",
+          hotTopics: [],
+          searchTopics: [],
+          recentTopics: [],
+          loading: false,
+          page: 1,
+          hasMore: true,
+          searchPage: 1,
+          searchHasMore: true,
+          // 保存原始的selection和range信息
+          originalRange: null,
+          originalSelection: null,
+          // 保存触发位置信息
+          triggerInfo: {
+            paragraph: null,
+            hashIndex: -1,
+            cursorPosition: 0
+          },
+          // 全局弹框DOM引用
+          globalContainer: null,
+          globalMask: null
+        }
+      };
+    },
+    methods: {
+      // 初始化话题管理器
+      init() {
+        if (!this.editorDom) {
+          console.warn("TopicManager: editorDom is required");
+          return;
+        }
+        setTimeout(() => this.bindEditorEvents(), 0);
+      },
+      // 绑定编辑器事件
+      bindEditorEvents() {
+        if (!this.editorDom)
+          return;
+        this.editorDom.addEventListener("keydown", this.handleTopicInput.bind(this));
+      },
+      // 解绑编辑器事件
+      unbindEditorEvents() {
+        if (!this.editorDom)
+          return;
+        this.editorDom.removeEventListener("keydown", this.handleTopicInput.bind(this));
+      },
+      // 话题输入处理
+      handleTopicInput(event) {
+        var _a;
+        const activeElement = document.activeElement;
+        if (activeElement && (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA")) {
+          return;
+        }
+        const selection = window.getSelection();
+        if (selection.rangeCount === 0)
+          return;
+        const range = selection.getRangeAt(0);
+        const container = range.startContainer;
+        if (!this.editorDom.contains(container))
+          return;
+        let currentNode = container;
+        while (currentNode && currentNode !== this.editorDom) {
+          if (currentNode.nodeType === Node.ELEMENT_NODE && currentNode.tagName === "MDD-TOPIC") {
+            return;
+          }
+          currentNode = currentNode.parentNode;
+        }
+        let paragraph = container;
+        while (paragraph && paragraph.nodeType !== Node.ELEMENT_NODE) {
+          paragraph = paragraph.parentNode;
+        }
+        while (paragraph && !((_a = paragraph.classList) == null ? void 0 : _a.contains("halo-paragraph"))) {
+          paragraph = paragraph.parentNode;
+        }
+        if (!paragraph)
+          return;
+        const { textContent: paragraphText, cursorPosition } = this.getParagraphTextExcludingTopics(paragraph, range);
+        if (event.key === "#") {
+          const afterCursor = paragraphText.substring(cursorPosition);
+          if (afterCursor.length > 0 && (afterCursor[0] === "@" || afterCursor[0] === " ")) {
+            return;
+          }
+          setTimeout(() => {
+            const position = this.getCaretPosition();
+            const triggerInfo = {
+              paragraph,
+              hashIndex: cursorPosition,
+              // #号的位置
+              cursorPosition: cursorPosition + 1
+              // #号后的位置
+            };
+            this.showTopicPopover("hot", position, "", triggerInfo);
+          }, 10);
+        } else if (this.shouldTriggerSearch(event.key)) {
+          setTimeout(() => {
+            this.checkAndTriggerSearch(paragraph);
+          }, 10);
+        }
+      },
+      shouldTriggerSearch(key) {
+        return key.length === 1 || key === "Backspace" || key === "Delete";
+      },
+      checkAndTriggerSearch(paragraph) {
+        const selection = window.getSelection();
+        if (selection.rangeCount === 0)
+          return;
+        const range = selection.getRangeAt(0);
+        let currentNode = range.startContainer;
+        while (currentNode && currentNode !== paragraph) {
+          if (currentNode.nodeType === Node.ELEMENT_NODE && currentNode.tagName === "MDD-TOPIC") {
+            this.hideTopicPopover();
+            return;
+          }
+          currentNode = currentNode.parentNode;
+        }
+        const { textContent: paragraphText, cursorPosition } = this.getParagraphTextExcludingTopics(paragraph, range);
+        const beforeCursor = paragraphText.substring(0, cursorPosition);
+        const hashIndex = beforeCursor.lastIndexOf("#");
+        if (hashIndex !== -1) {
+          const afterHash = beforeCursor.substring(hashIndex + 1);
+          if (afterHash.indexOf(" ") === -1 && afterHash.indexOf("@") === -1) {
+            if (afterHash.length <= 15) {
+              const position = this.getCaretPosition();
+              const triggerInfo = {
+                paragraph,
+                hashIndex,
+                cursorPosition
+              };
+              if (afterHash.length === 0) {
+                this.showTopicPopover("hot", position, "", triggerInfo);
+              } else {
+                this.showTopicPopover("search", position, afterHash, triggerInfo);
+              }
+            } else if (afterHash.length > 15) {
+              this.hideTopicPopover();
+            }
+          } else {
+            this.hideTopicPopover();
+          }
+        } else {
+          this.hideTopicPopover();
+        }
+      },
+      getParagraphTextExcludingTopics(paragraph, range) {
+        let textContent = "";
+        let cursorPosition = 0;
+        let foundCursor = false;
+        const walker = document.createTreeWalker(
+          paragraph,
+          NodeFilter.SHOW_ALL,
+          {
+            acceptNode: function(node2) {
+              if (node2.nodeType === Node.ELEMENT_NODE && node2.tagName === "MDD-TOPIC") {
+                return NodeFilter.FILTER_REJECT;
+              }
+              return NodeFilter.FILTER_ACCEPT;
+            }
+          },
+          false
+        );
+        let node;
+        while (node = walker.nextNode()) {
+          if (node.nodeType === Node.TEXT_NODE) {
+            const nodeText = node.textContent;
+            if (!foundCursor && node === range.startContainer) {
+              cursorPosition = textContent.length + range.startOffset;
+              foundCursor = true;
+            }
+            textContent += nodeText;
+          }
+        }
+        return { textContent, cursorPosition };
+      },
+      getCaretPosition() {
+        const selection = window.getSelection();
+        if (selection.rangeCount === 0)
+          return { top: 0, left: 0 };
+        const range = selection.getRangeAt(0);
+        const rect = range.getBoundingClientRect();
+        return {
+          top: rect.bottom + window.scrollY,
+          left: rect.left + window.scrollX
+        };
+      },
+      // 话题弹框相关方法
+      showTopicPopover(type, position, searchKeyword = "", triggerInfo = null) {
+        if (!this.request || !this.request.getTopic) {
+          console.warn("话题功能需要提供 request.getTopic 方法");
+          return;
+        }
+        const selection = window.getSelection();
+        if (selection.rangeCount > 0) {
+          this.topicPopover.originalRange = selection.getRangeAt(0).cloneRange();
+          this.topicPopover.originalSelection = selection;
+        }
+        if (triggerInfo) {
+          this.topicPopover.triggerInfo = triggerInfo;
+        }
+        this.topicPopover.visible = true;
+        this.topicPopover.type = type;
+        this.topicPopover.position = position;
+        this.topicPopover.searchKeyword = searchKeyword;
+        if (type === "hot") {
+          this.topicPopover.activeTab = "hot";
+          this.loadHotTopics();
+          this.loadRecentTopics();
+        } else if (type === "search") {
+          this.searchTopics(searchKeyword);
+        }
+        this.createGlobalTopicPopover();
+      },
+      hideTopicPopover() {
+        this.topicPopover.visible = false;
+        this.topicPopover.hotTopics = [];
+        this.topicPopover.searchTopics = [];
+        this.topicPopover.page = 1;
+        this.topicPopover.searchPage = 1;
+        this.topicPopover.hasMore = true;
+        this.topicPopover.searchHasMore = true;
+        this.topicPopover.originalRange = null;
+        this.topicPopover.originalSelection = null;
+        this.topicPopover.triggerInfo = {
+          paragraph: null,
+          hashIndex: -1,
+          cursorPosition: 0
+        };
+        this.removeGlobalTopicPopover();
+      },
+      switchTopicTab(tab) {
+        this.topicPopover.activeTab = tab;
+        this.updateGlobalTopicPopover();
+      },
+      async loadHotTopics() {
+        if (this.topicPopover.loading || !this.topicPopover.hasMore)
+          return;
+        this.topicPopover.loading = true;
+        try {
+          const response = await this.request.getTopic({
+            action: "201023",
+            page: this.topicPopover.page,
+            limit: 50,
+            hoopId: 0,
+            type: 0,
+            orderBy: "view"
+          });
+          if (response && response.data && response.data.code === 0) {
+            const topics = response.data.data || [];
+            if (topics.length === 0) {
+              this.topicPopover.hasMore = false;
+            } else {
+              const existingIds = new Set(this.topicPopover.hotTopics.map((t) => t.id));
+              const newTopics = topics.filter((t) => !existingIds.has(t.id));
+              this.topicPopover.hotTopics = [...this.topicPopover.hotTopics, ...newTopics];
+              this.topicPopover.page++;
+              if (newTopics.length === 0) {
+                this.topicPopover.hasMore = false;
+              }
+            }
+          } else {
+            console.warn("加载热门话题失败:", response);
+            this.topicPopover.hasMore = false;
+          }
+        } catch (error) {
+          console.error("加载热门话题失败:", error);
+          this.topicPopover.hasMore = false;
+        } finally {
+          this.topicPopover.loading = false;
+          this.updateGlobalTopicPopover();
+        }
+      },
+      async searchTopics(keyword) {
+        this.topicPopover.searchKeyword = keyword;
+        this.topicPopover.searchTopics = [];
+        this.topicPopover.searchPage = 1;
+        this.topicPopover.searchHasMore = true;
+        if (this.topicPopover.loading) {
+          this.topicPopover.loading = false;
+        }
+        this.topicPopover.loading = true;
+        try {
+          const response = await this.request.getTopic({
+            action: "201023",
+            title: keyword,
+            highlightTitle: "title",
+            page: this.topicPopover.searchPage,
+            limit: 50
+          });
+          if (response && response.data && response.data.code === 0) {
+            const topics = response.data.data || [];
+            this.topicPopover.searchTopics = topics;
+            this.topicPopover.searchPage++;
+            if (topics.length === 0) {
+              this.topicPopover.searchHasMore = false;
+            } else {
+              this.topicPopover.searchHasMore = topics.length >= 50;
+            }
+          } else {
+            console.warn("搜索话题失败:", response);
+            this.topicPopover.searchHasMore = false;
+          }
+        } catch (error) {
+          console.error("搜索话题失败:", error);
+          this.topicPopover.searchHasMore = false;
+        } finally {
+          this.topicPopover.loading = false;
+          this.updateGlobalTopicPopover();
+        }
+      },
+      loadRecentTopics() {
+        try {
+          const localTopics = JSON.parse(localStorage.getItem("localTopic") || "[]");
+          this.topicPopover.recentTopics = localTopics;
+        } catch (error) {
+          console.error("加载最近使用话题失败:", error);
+          this.topicPopover.recentTopics = [];
+        }
+      },
+      selectTopic(topic) {
+        this.saveToRecentTopics(topic);
+        this.insertTopicToEditor(topic);
+        this.hideTopicPopover();
+        this.$emit("topic-inserted", topic);
+      },
+      saveToRecentTopics(topic) {
+        try {
+          let recentTopics = JSON.parse(localStorage.getItem("localTopic") || "[]");
+          recentTopics = recentTopics.filter((item) => item.id !== topic.id);
+          recentTopics.unshift(topic);
+          if (recentTopics.length > 20) {
+            recentTopics = recentTopics.slice(0, 20);
+          }
+          localStorage.setItem("localTopic", JSON.stringify(recentTopics));
+        } catch (error) {
+          console.error("保存最近使用话题失败:", error);
+        }
+      },
+      // 创建全局话题弹框
+      createGlobalTopicPopover() {
+        this.removeGlobalTopicPopover();
+        const mask = document.createElement("div");
+        mask.className = "topic-popover-mask";
+        mask.addEventListener("click", () => {
+          this.hideTopicPopover();
+        });
+        const container = document.createElement("div");
+        container.className = "topic-popover";
+        container.style.position = "fixed";
+        container.style.top = this.topicPopover.position.top + "px";
+        container.style.left = this.topicPopover.position.left + "px";
+        container.style.zIndex = "9999";
+        container.addEventListener("click", (e) => {
+          e.stopPropagation();
+        });
+        container.innerHTML = this.createTopicPopoverContent();
+        document.body.appendChild(mask);
+        document.body.appendChild(container);
+        this.topicPopover.globalMask = mask;
+        this.topicPopover.globalContainer = container;
+        this.bindTopicPopoverEvents();
+      },
+      // 移除全局话题弹框
+      removeGlobalTopicPopover() {
+        if (this.topicPopover.globalMask) {
+          document.body.removeChild(this.topicPopover.globalMask);
+          this.topicPopover.globalMask = null;
+        }
+        if (this.topicPopover.globalContainer) {
+          document.body.removeChild(this.topicPopover.globalContainer);
+          this.topicPopover.globalContainer = null;
+        }
+      },
+      // 更新全局话题弹框内容
+      updateGlobalTopicPopover() {
+        if (!this.topicPopover.globalContainer)
+          return;
+        this.topicPopover.globalContainer.innerHTML = this.createTopicPopoverContent();
+        this.bindTopicPopoverEvents();
+      },
+      // 创建话题弹框内容
+      createTopicPopoverContent() {
+        if (this.topicPopover.type === "hot") {
+          return this.getHotTopicPopoverHTML();
+        } else if (this.topicPopover.type === "search") {
+          return this.getSearchTopicPopoverHTML();
+        }
+        return "";
+      },
+      // 获取热门话题弹框HTML
+      getHotTopicPopoverHTML() {
+        const activeTab = this.topicPopover.activeTab;
+        const hotTopics = this.topicPopover.hotTopics;
+        const recentTopics = this.topicPopover.recentTopics;
+        const loading = this.topicPopover.loading;
+        const hasMore = this.topicPopover.hasMore;
+        let topicListHTML = "";
+        if (activeTab === "hot") {
+          if (loading && hotTopics.length === 0) {
+            topicListHTML = '<div class="topic-loading">加载中...</div>';
+          } else if (hotTopics.length === 0) {
+            topicListHTML = '<div class="topic-empty">暂无热门话题</div>';
+          } else {
+            topicListHTML = hotTopics.map(
+              (topic) => `<div class="topic-item" data-topic-id="${topic.id}">#${topic.exactlyMatchTitle}</div>`
+            ).join("");
+            if (loading) {
+              topicListHTML += '<div class="topic-loading">加载更多...</div>';
+            } else if (!hasMore) {
+              topicListHTML += '<div class="topic-empty">没有更多了</div>';
+            }
+          }
+        } else {
+          if (recentTopics.length === 0) {
+            topicListHTML = '<div class="topic-empty">暂无最近使用记录</div>';
+          } else {
+            topicListHTML = recentTopics.map(
+              (topic) => `<div class="topic-item" data-topic-id="${topic.id}">#${topic.exactlyMatchTitle}</div>`
+            ).join("");
+          }
+        }
+        return `
+        <div class="topic-popover-content">
+          <div class="topic-tabs">
+            <div class="topic-tab ${activeTab === "hot" ? "active" : ""}" data-tab="hot">
+              热门话题
+            </div>
+            <div class="topic-tab ${activeTab === "recent" ? "active" : ""}" data-tab="recent">
+              最近使用
+            </div>
+          </div>
+          <div class="topic-list-container">
+            <div class="topic-list">
+              ${topicListHTML}
+            </div>
+          </div>
+        </div>
+      `;
+      },
+      // 获取搜索话题弹框HTML
+      getSearchTopicPopoverHTML() {
+        const searchKeyword = this.topicPopover.searchKeyword;
+        const searchTopics = this.topicPopover.searchTopics;
+        const loading = this.topicPopover.loading;
+        const searchHasMore = this.topicPopover.searchHasMore;
+        let topicListHTML = "";
+        if (loading && searchTopics.length === 0) {
+          topicListHTML = '<div class="topic-loading">搜索中...</div>';
+        } else if (searchTopics.length === 0) {
+          topicListHTML = '<div class="topic-empty">没有匹配到话题，请重新输入</div>';
+        } else {
+          topicListHTML = searchTopics.map(
+            (topic) => `<div class="topic-item" data-topic-id="${topic.id}">#${topic.exactlyMatchTitle}</div>`
+          ).join("");
+          if (loading) {
+            topicListHTML += '<div class="topic-loading">加载更多...</div>';
+          } else if (!searchHasMore) {
+            topicListHTML += '<div class="topic-empty">没有更多了</div>';
+          }
+        }
+        return `
+        <div class="topic-popover-content">
+          <div class="topic-search-header">
+            <span class="topic-search-title">#${searchKeyword}</span>
+          </div>
+          <div class="topic-list-container">
+            <div class="topic-list">
+              ${topicListHTML}
+            </div>
+          </div>
+        </div>
+      `;
+      },
+      // 绑定话题弹框事件
+      bindTopicPopoverEvents() {
+        if (!this.topicPopover.globalContainer)
+          return;
+        const tabs = this.topicPopover.globalContainer.querySelectorAll(".topic-tab");
+        tabs.forEach((tab) => {
+          tab.addEventListener("click", (e) => {
+            const tabType = e.target.getAttribute("data-tab");
+            this.switchTopicTab(tabType);
+          });
+        });
+        const topicItems = this.topicPopover.globalContainer.querySelectorAll(".topic-item");
+        topicItems.forEach((item) => {
+          item.addEventListener("click", (e) => {
+            const topicId = parseInt(e.target.getAttribute("data-topic-id"));
+            const topic = this.findTopicById(topicId);
+            if (topic) {
+              this.selectTopic(topic);
+            }
+          });
+        });
+        const listContainer = this.topicPopover.globalContainer.querySelector(".topic-list-container");
+        if (listContainer) {
+          listContainer.addEventListener("scroll", (e) => {
+            if (this.topicPopover.type === "hot") {
+              this.handleTopicScroll(e);
+            } else if (this.topicPopover.type === "search") {
+              this.handleSearchTopicScroll(e);
+            }
+          });
+        }
+      },
+      // 根据ID查找话题
+      findTopicById(topicId) {
+        let topic = this.topicPopover.hotTopics.find((t) => t.id === topicId);
+        if (topic)
+          return topic;
+        topic = this.topicPopover.searchTopics.find((t) => t.id === topicId);
+        if (topic)
+          return topic;
+        topic = this.topicPopover.recentTopics.find((t) => t.id === topicId);
+        if (topic)
+          return topic;
+        return null;
+      },
+      handleTopicScroll(event) {
+        if (this.topicPopover.activeTab !== "hot")
+          return;
+        const container = event.target;
+        const scrollTop = container.scrollTop;
+        const scrollHeight = container.scrollHeight;
+        const clientHeight = container.clientHeight;
+        if (scrollTop + clientHeight >= scrollHeight - 10) {
+          this.loadHotTopics();
+        }
+      },
+      handleSearchTopicScroll(event) {
+        const container = event.target;
+        const scrollTop = container.scrollTop;
+        const scrollHeight = container.scrollHeight;
+        const clientHeight = container.clientHeight;
+        if (scrollTop + clientHeight >= scrollHeight - 10) {
+          this.searchTopics(this.topicPopover.searchKeyword);
+        }
+      },
+      insertTopicToEditor(topic) {
+        const originalRange = this.topicPopover.originalRange;
+        const triggerInfo = this.topicPopover.triggerInfo;
+        const popoverType = this.topicPopover.type;
+        this.hideTopicPopover();
+        let range = originalRange;
+        if (!range) {
+          const selection2 = window.getSelection();
+          if (selection2.rangeCount === 0)
+            return;
+          range = selection2.getRangeAt(0);
+        }
+        const topicText = `#${topic.exactlyMatchTitle}`;
+        if (popoverType === "search" && triggerInfo && triggerInfo.paragraph) {
+          const paragraph = triggerInfo.paragraph;
+          const hashIndex = triggerInfo.hashIndex;
+          const deleteRange = document.createRange();
+          const walker = document.createTreeWalker(
+            paragraph,
+            NodeFilter.SHOW_TEXT,
+            {
+              acceptNode: function(node2) {
+                let parent = node2.parentNode;
+                while (parent && parent !== paragraph) {
+                  if (parent.tagName === "MDD-TOPIC") {
+                    return NodeFilter.FILTER_REJECT;
+                  }
+                  parent = parent.parentNode;
+                }
+                return NodeFilter.FILTER_ACCEPT;
+              }
+            },
+            false
+          );
+          let position = 0;
+          let startNode = null;
+          let startOffset = 0;
+          let endNode = null;
+          let endOffset = 0;
+          let node;
+          while (node = walker.nextNode()) {
+            if (position + node.textContent.length > hashIndex) {
+              startNode = node;
+              startOffset = hashIndex - position;
+              break;
+            }
+            position += node.textContent.length;
+          }
+          const currentCursorPosition = triggerInfo.cursorPosition;
+          position = 0;
+          walker.currentNode = paragraph;
+          while (node = walker.nextNode()) {
+            if (position + node.textContent.length >= currentCursorPosition) {
+              endNode = node;
+              endOffset = currentCursorPosition - position;
+              break;
+            }
+            position += node.textContent.length;
+          }
+          if (startNode && endNode) {
+            deleteRange.setStart(startNode, startOffset);
+            deleteRange.setEnd(endNode, endOffset);
+            deleteRange.deleteContents();
+            range = document.createRange();
+            range.setStart(startNode, startOffset);
+            range.collapse(true);
+          }
+        } else if (popoverType === "hot") {
+          const container = range.startContainer;
+          if (container.nodeType === Node.TEXT_NODE && container.textContent) {
+            const offset = range.startOffset;
+            if (offset > 0 && container.textContent[offset - 1] === "#") {
+              const deleteRange = document.createRange();
+              deleteRange.setStart(container, offset - 1);
+              deleteRange.setEnd(container, offset);
+              deleteRange.deleteContents();
+              range.setStart(container, offset - 1);
+              range.collapse(true);
+            }
+          }
+        }
+        const topicElement = document.createElement("mdd-topic");
+        topicElement.setAttribute("data-topic", JSON.stringify({
+          topicId: topic.id,
+          topicType: 0,
+          startIndex: 0,
+          // 会在updateTopicPosition中更新
+          endIndex: 0
+          // 会在updateTopicPosition中更新
+        }));
+        topicElement.textContent = topicText;
+        topicElement.setAttribute("contenteditable", "false");
+        range.deleteContents();
+        range.insertNode(topicElement);
+        const spaceNode = document.createTextNode(" ");
+        range.setStartAfter(topicElement);
+        range.insertNode(spaceNode);
+        const newRange = document.createRange();
+        newRange.setStartAfter(spaceNode);
+        newRange.collapse(true);
+        const selection = window.getSelection();
+        selection.removeAllRanges();
+        selection.addRange(newRange);
+        setTimeout(() => {
+          const currentSelection = window.getSelection();
+          if (currentSelection.rangeCount > 0) {
+            const currentRange = currentSelection.getRangeAt(0);
+            if (currentRange.startContainer !== spaceNode.nextSibling) {
+              const correctRange = document.createRange();
+              correctRange.setStartAfter(spaceNode);
+              correctRange.collapse(true);
+              currentSelection.removeAllRanges();
+              currentSelection.addRange(correctRange);
+            }
+          }
+        }, 0);
+        this.$emit("update-topic-position");
+      },
+      // 销毁话题管理器
+      destroy() {
+        this.unbindEditorEvents();
+        this.hideTopicPopover();
+      }
+    },
+    mounted() {
+      this.init();
+    },
+    beforeUnmount() {
+      this.destroy();
+    }
+  };
+  const _hoisted_1$3 = { class: "topic-manager" };
+  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3);
+  }
+  const TopicManager = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
   const index_vue_vue_type_style_index_0_lang = "";
   const _sfc_main$2 = {
     provide() {
@@ -4417,7 +5115,7 @@
     },
     components: {
       ElInput: elementPlus.ElInput,
-      BasicDialog: _sfc_main$6,
+      BasicDialog: _sfc_main$7,
       draggable
     },
     props: {
@@ -4588,14 +5286,15 @@
     name: "Edit",
     components: {
       ElInput: elementPlus.ElInput,
-      InsertArticle: _sfc_main$5,
-      ImgUpload: _sfc_main$4,
-      VideoUpload: _sfc_main$3,
+      InsertArticle: _sfc_main$6,
+      ImgUpload: _sfc_main$5,
+      VideoUpload: _sfc_main$4,
       CollectArticle,
       ElFormItem: elementPlus.ElFormItem,
       ElForm: elementPlus.ElForm,
       ElDialog: elementPlus.ElDialog,
-      ElButton: elementPlus.ElButton
+      ElButton: elementPlus.ElButton,
+      TopicManager
     },
     props: [
       "disabled",
@@ -4605,7 +5304,8 @@
       "importEssay",
       "uploadImageByOther",
       "chartGallery",
-      "request"
+      "request",
+      "placeholder"
     ],
     data() {
       return {
@@ -4765,7 +5465,6 @@
       },
       setCursor() {
         this.cursorStyle = this.cursorStyle === cursorImg ? "auto" : cursorImg;
-        console.log(this.styleStatus, 999);
         this.curStyle = { ...this.styleStatus };
         this.editorDom.addEventListener("mouseup", this.handleCopyFormatUp);
       },
@@ -4895,7 +5594,6 @@
         this.updateData(true);
         this.viewLinkDialog = false;
       },
-      // mark MDD-TOPIC
       updateTopicPosition() {
         const paragraphList = document.querySelectorAll("#editor-content .halo-paragraph") || [];
         Array.from(paragraphList).forEach((paragraph) => {
@@ -4916,6 +5614,10 @@
           });
         });
       },
+      // TopicManager事件处理
+      onTopicInserted(topic) {
+        this.updateData(true);
+      },
       getHtml(type) {
         this.updateTopicPosition();
         const html = this.editor.getHTML();
@@ -5017,6 +5719,8 @@
         const frag = document.createDocumentFragment();
         frag.appendChild(this.editor.empty(div));
         const nodes = [...frag.childNodes];
+        const mddTopics = frag.querySelectorAll("mdd-topic");
+        mddTopics.forEach((topic) => topic.setAttribute("contenteditable", "false"));
         for (let i = 0; i < nodes.length; i++) {
           const node = nodes[i];
           if (node.nodeType === 1) {
@@ -5110,6 +5814,8 @@
       },
       async parseArticle(node) {
         const data = JSON.parse(node.dataset.article);
+        if (!this.getEassyDetail)
+          return;
         await this.getEassyDetail(data.id, (info) => {
           const el = mountArticleDom(
             {
@@ -5402,7 +6108,6 @@
           }
         });
         var descInputWrap;
-        console.log(data.seamlessFlag, "count<<<<<<");
         var descInput = editor.createElement("textarea", {
           class: "desc-input",
           maxlength: "50",
@@ -5491,7 +6196,7 @@
           }
         }
       },
-      // 初始化编辑器数据 displayData
+      // 初始化编辑器数据，数据是 html 格式（displayData）
       initData(data = "", essayPicRelVOList) {
         this.parseHtml(data, essayPicRelVOList).then((res) => {
           this.editorDom.innerHTML = "";
@@ -5499,6 +6204,12 @@
           this.updateData();
         });
       },
+      //  TODO jsonToHtml、htmlToJson 实现这 2 个方法里面的逻辑，数据结构参考方法里面的注释，出参入参都为字符串，注意：mdd-topic 里面的属性数据 和 json 中的topicPosition数据是一一对应的，startIndex、endIndex为mdd-topic的起止位置 从 content 里面进行分割处理
+      // json、html 数据格式互转，暂时只支持文字、短话题
+      jsonToHtml(json) {
+      },
+      htmlToJson(html) {
+      },
       // 设置富文本组件
       initSquire() {
         const me2 = this;
@@ -5587,7 +6298,8 @@
           event.preventDefault();
         });
         me2.editor.addEventListener("keydown", function(event) {
-          if (event.keyCode === 8 || event.keyCode === 46) {
+          var _a, _b, _c;
+          if (["Backspace", "Delete"].includes(event.key)) {
             try {
               const selection2 = getSelection();
               if (me2.selectDom && me2.moverClasses.includes(me2.selectDom.className)) {
@@ -5621,32 +6333,10 @@
             } catch (error) {
               console.log(error);
             }
-          }
-          const selection = window.getSelection();
-          if (selection.rangeCount > 0) {
-            const range = selection.getRangeAt(0);
-            const startContainer = range.startContainer;
-            let isInMddTopic = false;
-            if (startContainer.nodeType === Node.ELEMENT_NODE && startContainer.tagName === "MDD-TOPIC") {
-              isInMddTopic = true;
-            } else if (startContainer.nodeType === Node.TEXT_NODE) {
-              const parent = startContainer.parentNode;
-              if (parent.tagName === "MDD-TOPIC") {
-                isInMddTopic = true;
-              }
-            }
-            if (isInMddTopic) {
-              if (event.key === "Enter") {
-                event.preventDefault();
-                return;
-              }
-              const isPrintableKey = event.key.length === 1;
-              if (isPrintableKey) {
-                event.preventDefault();
-                return;
-              }
-            }
-            if ((event.key === "Backspace" || event.key === "Delete") && isInMddTopic) {
+            const selection = window.getSelection();
+            if (selection.rangeCount > 0) {
+              const range = selection.getRangeAt(0);
+              const startContainer = range.startContainer;
               if (startContainer.nodeType === Node.ELEMENT_NODE && startContainer.tagName === "MDD-TOPIC") {
                 startContainer.remove();
                 event.preventDefault();
@@ -5659,6 +6349,228 @@
                   return;
                 }
               }
+              let currentParagraph = startContainer;
+              while (currentParagraph && currentParagraph.nodeType !== Node.ELEMENT_NODE) {
+                currentParagraph = currentParagraph.parentNode;
+              }
+              while (currentParagraph && !((_a = currentParagraph.classList) == null ? void 0 : _a.contains("halo-paragraph"))) {
+                currentParagraph = currentParagraph.parentNode;
+              }
+              if (currentParagraph && event.key === "Backspace") {
+                const container = range.startContainer;
+                const offset = range.startOffset;
+                let isAtParagraphStart = false;
+                let cursorBeforeContent = null;
+                if (container === currentParagraph && offset === 0) {
+                  isAtParagraphStart = true;
+                  cursorBeforeContent = currentParagraph.firstChild;
+                } else if (container.nodeType === Node.TEXT_NODE && offset === 0) {
+                  let isFirstContent = true;
+                  let currentNode = currentParagraph.firstChild;
+                  while (currentNode && currentNode !== container) {
+                    if (currentNode.nodeType === Node.TEXT_NODE && currentNode.textContent.trim() !== "") {
+                      isFirstContent = false;
+                      break;
+                    } else if (currentNode.nodeType === Node.ELEMENT_NODE) {
+                      isFirstContent = false;
+                      break;
+                    }
+                    currentNode = currentNode.nextSibling;
+                  }
+                  if (isFirstContent) {
+                    isAtParagraphStart = true;
+                    cursorBeforeContent = container;
+                  }
+                } else if (container === currentParagraph && offset > 0) {
+                  let hasContentBefore = false;
+                  for (let i = 0; i < offset; i++) {
+                    const node = currentParagraph.childNodes[i];
+                    if (node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== "") {
+                      hasContentBefore = true;
+                      break;
+                    } else if (node.nodeType === Node.ELEMENT_NODE) {
+                      hasContentBefore = true;
+                      break;
+                    }
+                  }
+                  if (!hasContentBefore && offset < currentParagraph.childNodes.length) {
+                    isAtParagraphStart = true;
+                    cursorBeforeContent = currentParagraph.childNodes[offset];
+                  }
+                }
+                if (isAtParagraphStart) {
+                  const prevParagraph = currentParagraph.previousElementSibling;
+                  if (prevParagraph && prevParagraph.classList.contains("halo-paragraph")) {
+                    const prevContent = prevParagraph.innerHTML.trim();
+                    if (prevContent === "<br>" || prevContent === "") {
+                      prevParagraph.remove();
+                      event.preventDefault();
+                      me2.updateData(true);
+                      return;
+                    } else {
+                      const mergePoint = prevParagraph.childNodes.length;
+                      if (prevParagraph.lastChild && prevParagraph.lastChild.tagName === "BR") {
+                        prevParagraph.removeChild(prevParagraph.lastChild);
+                      }
+                      const nodesToMove = Array.from(currentParagraph.childNodes);
+                      nodesToMove.forEach((node) => {
+                        prevParagraph.appendChild(node);
+                      });
+                      currentParagraph.remove();
+                      const newRange = document.createRange();
+                      if (cursorBeforeContent && prevParagraph.contains(cursorBeforeContent)) {
+                        newRange.setStartBefore(cursorBeforeContent);
+                      } else {
+                        if (mergePoint < prevParagraph.childNodes.length) {
+                          newRange.setStartBefore(prevParagraph.childNodes[mergePoint]);
+                        } else {
+                          newRange.setStart(prevParagraph, prevParagraph.childNodes.length);
+                        }
+                      }
+                      newRange.collapse(true);
+                      const selection2 = window.getSelection();
+                      selection2.removeAllRanges();
+                      selection2.addRange(newRange);
+                      event.preventDefault();
+                      me2.updateData(true);
+                      return;
+                    }
+                  }
+                }
+              }
+            }
+          }
+          if (event.key === "Enter") {
+            const selection = window.getSelection();
+            if (selection.rangeCount > 0) {
+              const range = selection.getRangeAt(0);
+              const startContainer = range.startContainer;
+              let currentParagraph = startContainer;
+              while (currentParagraph && currentParagraph.nodeType !== Node.ELEMENT_NODE) {
+                currentParagraph = currentParagraph.parentNode;
+              }
+              while (currentParagraph && !((_b = currentParagraph.classList) == null ? void 0 : _b.contains("halo-paragraph"))) {
+                currentParagraph = currentParagraph.parentNode;
+              }
+              if (!(currentParagraph == null ? void 0 : currentParagraph.querySelector("mdd-topic"))) {
+                return;
+              }
+              if (me2.isBetweenTwoTopics(range)) {
+                event.preventDefault();
+                me2.handleEnterBetweenTopics(range);
+                return;
+              }
+              if (me2.wouldCreateNestedParagraph(range)) {
+                event.preventDefault();
+                me2.handleEnterKeyInParagraphWithTopic(range);
+                return;
+              }
+              if (currentParagraph && currentParagraph.querySelector("mdd-topic")) {
+                event.preventDefault();
+                me2.handleEnterKeyInParagraphWithTopic(range);
+                return;
+              }
+            }
+          }
+          if ((event.metaKey || event.ctrlKey) && event.key === "ArrowLeft") {
+            const selection = window.getSelection();
+            if (selection.rangeCount > 0) {
+              const range = selection.getRangeAt(0);
+              const container = range.startContainer;
+              let currentParagraph = container;
+              while (currentParagraph && currentParagraph.nodeType !== Node.ELEMENT_NODE) {
+                currentParagraph = currentParagraph.parentNode;
+              }
+              while (currentParagraph && !((_c = currentParagraph.classList) == null ? void 0 : _c.contains("halo-paragraph"))) {
+                currentParagraph = currentParagraph.parentNode;
+              }
+              if (currentParagraph) {
+                const firstTopic = currentParagraph.querySelector("mdd-topic");
+                if (firstTopic) {
+                  let hasTextBeforeTopic = false;
+                  let currentNode = currentParagraph.firstChild;
+                  while (currentNode && currentNode !== firstTopic) {
+                    if (currentNode.nodeType === Node.TEXT_NODE && currentNode.textContent.trim() !== "") {
+                      hasTextBeforeTopic = true;
+                      break;
+                    }
+                    currentNode = currentNode.nextSibling;
+                  }
+                  if (hasTextBeforeTopic) {
+                    if (container === currentParagraph && range.startOffset === 0) {
+                      return;
+                    }
+                    let shouldMoveToStart = false;
+                    const offset2 = range.startOffset;
+                    if (container.nodeType === Node.TEXT_NODE && container.parentNode === firstTopic) {
+                      shouldMoveToStart = true;
+                    } else if (container === firstTopic) {
+                      shouldMoveToStart = true;
+                    } else if (container.nodeType === Node.TEXT_NODE) {
+                      let prevSibling = container.previousSibling;
+                      while (prevSibling) {
+                        if (prevSibling === firstTopic) {
+                          shouldMoveToStart = true;
+                          break;
+                        }
+                        prevSibling = prevSibling.previousSibling;
+                      }
+                    } else if (container === currentParagraph) {
+                      const topicRange = document.createRange();
+                      topicRange.selectNode(firstTopic);
+                      const cursorRange = document.createRange();
+                      cursorRange.setStart(container, offset2);
+                      cursorRange.collapse(true);
+                      if (cursorRange.compareBoundaryPoints(Range.START_TO_END, topicRange) > 0) {
+                        shouldMoveToStart = true;
+                      }
+                    }
+                    if (shouldMoveToStart) {
+                      event.preventDefault();
+                      event.stopPropagation();
+                      const newRange = document.createRange();
+                      newRange.setStart(currentParagraph, 0);
+                      newRange.collapse(true);
+                      const selection2 = window.getSelection();
+                      selection2.removeAllRanges();
+                      selection2.addRange(newRange);
+                      return false;
+                    }
+                    return;
+                  }
+                  let shouldMoveToTopicStart = false;
+                  const offset = range.startOffset;
+                  if (container.nodeType === Node.TEXT_NODE && container.parentNode === firstTopic) {
+                    shouldMoveToTopicStart = true;
+                  } else if (container === firstTopic) {
+                    shouldMoveToTopicStart = true;
+                  } else if (container.nodeType === Node.TEXT_NODE) {
+                    let prevSibling = container.previousSibling;
+                    while (prevSibling) {
+                      if (prevSibling === firstTopic) {
+                        shouldMoveToTopicStart = true;
+                        break;
+                      }
+                      prevSibling = prevSibling.previousSibling;
+                    }
+                  } else if (container === currentParagraph) {
+                    const topicRange = document.createRange();
+                    topicRange.selectNode(firstTopic);
+                    const cursorRange = document.createRange();
+                    cursorRange.setStart(container, offset);
+                    cursorRange.collapse(true);
+                    if (cursorRange.compareBoundaryPoints(Range.START_TO_END, topicRange) > 0) {
+                      shouldMoveToTopicStart = true;
+                    }
+                  }
+                  if (shouldMoveToTopicStart) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    me2.setCursorBeforeElement(firstTopic);
+                    return false;
+                  }
+                }
+              }
             }
           }
         });
@@ -5721,7 +6633,6 @@
           this.insertElement(p);
         };
         window.Squire.prototype.makeHeader = function(content, config = { makeHeader: {} }) {
-          console.log(content);
           if (content) {
             const h2 = this.createElement("h2", {
               class: "halo-paragraph-title"
@@ -5755,7 +6666,6 @@
           });
           const selection = window.getSelection();
           const range = document.createRange();
-          console.log(container);
           range.setStart(container, 1);
           range.collapse(true);
           selection.removeAllRanges();
@@ -5870,7 +6780,6 @@
               e.stopPropagation();
             }
           });
-          console.log(delBtn);
           const posterBtn = me2.insertVideoBtns(this, video);
           var p = this.createElement(
             "DIV",
@@ -6418,6 +7327,408 @@
         }).then(() => {
         }).catch(() => {
         });
+      },
+      // 检查是否会创建嵌套的halo-paragraph
+      wouldCreateNestedParagraph(range) {
+        let container = range.startContainer;
+        while (container && container !== this.editorDom) {
+          if (container.nodeType === Node.ELEMENT_NODE && container.classList && container.classList.contains("halo-paragraph")) {
+            return true;
+          }
+          container = container.parentNode;
+        }
+        return false;
+      },
+      // 检查光标是否在两个连续的mdd-topic之间
+      isBetweenTwoTopics(range) {
+        const container = range.startContainer;
+        const offset = range.startOffset;
+        if (container.nodeType === Node.ELEMENT_NODE) {
+          const prevElement = container.childNodes[offset - 1];
+          const nextElement = container.childNodes[offset];
+          return prevElement && prevElement.tagName === "MDD-TOPIC" && (nextElement && nextElement.tagName === "MDD-TOPIC");
+        }
+        if (container.nodeType === Node.TEXT_NODE && container.textContent.trim() === "") {
+          const prevSibling = container.previousSibling;
+          const nextSibling = container.nextSibling;
+          return prevSibling && prevSibling.tagName === "MDD-TOPIC" && (nextSibling && nextSibling.tagName === "MDD-TOPIC");
+        }
+        return false;
+      },
+      // 处理两个话题之间的回车或话题前面的回车
+      handleEnterBetweenTopics(range) {
+        var _a;
+        const me2 = this;
+        let currentParagraph = range.startContainer;
+        while (currentParagraph && currentParagraph.nodeType !== Node.ELEMENT_NODE) {
+          currentParagraph = currentParagraph.parentNode;
+        }
+        while (currentParagraph && !((_a = currentParagraph.classList) == null ? void 0 : _a.contains("halo-paragraph"))) {
+          currentParagraph = currentParagraph.parentNode;
+        }
+        if (!currentParagraph)
+          return;
+        const newParagraph = document.createElement("p");
+        newParagraph.className = "halo-paragraph";
+        const afterContent = me2.extractContentAfterCursorPrecise(range, currentParagraph);
+        if (afterContent && afterContent.childNodes.length > 0) {
+          while (afterContent.firstChild) {
+            newParagraph.appendChild(afterContent.firstChild);
+          }
+        } else {
+          newParagraph.innerHTML = "<br>";
+        }
+        currentParagraph.parentNode.insertBefore(newParagraph, currentParagraph.nextSibling);
+        const newRange = document.createRange();
+        if (newParagraph.firstChild && newParagraph.firstChild.nodeType === Node.TEXT_NODE) {
+          newRange.setStart(newParagraph.firstChild, 0);
+        } else if (newParagraph.firstChild && newParagraph.firstChild.nodeType === Node.ELEMENT_NODE) {
+          newRange.setStart(newParagraph, 0);
+        } else {
+          newRange.setStart(newParagraph, 0);
+        }
+        newRange.collapse(true);
+        const selection = window.getSelection();
+        selection.removeAllRanges();
+        selection.addRange(newRange);
+        me2.updateData(true);
+      },
+      // 更精确地提取光标后的内容（专门用于话题分割）
+      extractContentAfterCursorPrecise(range, paragraph) {
+        const fragment = document.createDocumentFragment();
+        const container = range.startContainer;
+        const offset = range.startOffset;
+        if (container.nodeType === Node.ELEMENT_NODE) {
+          const childNodes = Array.from(container.childNodes);
+          for (let i = offset; i < childNodes.length; i++) {
+            fragment.appendChild(childNodes[i]);
+          }
+        } else if (container.nodeType === Node.TEXT_NODE) {
+          if (offset < container.textContent.length) {
+            const afterText = container.textContent.slice(offset);
+            container.textContent = container.textContent.slice(0, offset);
+            const textNode = document.createTextNode(afterText);
+            fragment.appendChild(textNode);
+          }
+          let nextSibling = container.nextSibling;
+          while (nextSibling) {
+            const nodeToMove = nextSibling;
+            nextSibling = nextSibling.nextSibling;
+            fragment.appendChild(nodeToMove);
+          }
+        }
+        return fragment;
+      },
+      // 处理包含话题的段落中的回车键
+      handleEnterKeyInParagraphWithTopic(range) {
+        var _a;
+        const me2 = this;
+        let currentParagraph = range.startContainer;
+        while (currentParagraph && currentParagraph.nodeType !== Node.ELEMENT_NODE) {
+          currentParagraph = currentParagraph.parentNode;
+        }
+        while (currentParagraph && !((_a = currentParagraph.classList) == null ? void 0 : _a.contains("halo-paragraph"))) {
+          currentParagraph = currentParagraph.parentNode;
+        }
+        if (!currentParagraph)
+          return;
+        const newParagraph = document.createElement("p");
+        newParagraph.className = "halo-paragraph";
+        const isAtTopicStart = me2.isCursorBeforeFirstTopic(range, currentParagraph);
+        const isAtEnd = me2.isCursorAtEndOfParagraph(range, currentParagraph);
+        if (isAtTopicStart) {
+          const afterContent = me2.extractContentAfterCursor(range, currentParagraph);
+          if (afterContent && afterContent.childNodes.length > 0) {
+            while (afterContent.firstChild) {
+              newParagraph.appendChild(afterContent.firstChild);
+            }
+          } else {
+            newParagraph.innerHTML = "<br>";
+          }
+          if (currentParagraph.innerHTML.trim() === "" || currentParagraph.childNodes.length === 0) {
+            currentParagraph.innerHTML = "<br>";
+          }
+          currentParagraph.parentNode.insertBefore(newParagraph, currentParagraph.nextSibling);
+        } else if (isAtEnd) {
+          newParagraph.innerHTML = "<br>";
+          currentParagraph.parentNode.insertBefore(newParagraph, currentParagraph.nextSibling);
+        } else {
+          const afterContent = me2.extractContentAfterCursor(range, currentParagraph);
+          if (afterContent && afterContent.childNodes.length > 0) {
+            let hasValidContent = false;
+            for (let i = 0; i < afterContent.childNodes.length; i++) {
+              const node = afterContent.childNodes[i];
+              if (node.nodeType === Node.TEXT_NODE) {
+                if (node.textContent.trim() !== "") {
+                  hasValidContent = true;
+                  break;
+                }
+              } else {
+                hasValidContent = true;
+                break;
+              }
+            }
+            if (hasValidContent) {
+              while (afterContent.firstChild) {
+                newParagraph.appendChild(afterContent.firstChild);
+              }
+            } else {
+              newParagraph.innerHTML = "<br>";
+            }
+          } else {
+            newParagraph.innerHTML = "<br>";
+          }
+          currentParagraph.parentNode.insertBefore(newParagraph, currentParagraph.nextSibling);
+        }
+        const newRange = document.createRange();
+        if (newParagraph.firstChild && newParagraph.firstChild.nodeType === Node.TEXT_NODE) {
+          newRange.setStart(newParagraph.firstChild, 0);
+        } else if (newParagraph.firstChild) {
+          newRange.setStart(newParagraph, 0);
+        } else {
+          newRange.setStart(newParagraph, 0);
+        }
+        newRange.collapse(true);
+        const selection = window.getSelection();
+        selection.removeAllRanges();
+        selection.addRange(newRange);
+        me2.updateData(true);
+      },
+      // 检查光标是否在第一个话题前面
+      isCursorBeforeFirstTopic(range, paragraph) {
+        const container = range.startContainer;
+        const offset = range.startOffset;
+        const firstTopic = paragraph.querySelector("mdd-topic");
+        if (!firstTopic) {
+          return false;
+        }
+        if (container === paragraph && offset === 0) {
+          return true;
+        }
+        if (container === paragraph && offset > 0 && offset <= paragraph.childNodes.length) {
+          if (offset < paragraph.childNodes.length) {
+            const nodeAtOffset = paragraph.childNodes[offset];
+            if (nodeAtOffset === firstTopic) {
+              return true;
+            }
+          }
+          let nextNonEmptyNode = null;
+          for (let i = offset; i < paragraph.childNodes.length; i++) {
+            const node = paragraph.childNodes[i];
+            if (node.nodeType === Node.ELEMENT_NODE && node.tagName === "MDD-TOPIC") {
+              nextNonEmptyNode = node;
+              break;
+            } else if (node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== "") {
+              break;
+            }
+          }
+          if (nextNonEmptyNode === firstTopic) {
+            return true;
+          }
+        }
+        try {
+          const topicRange = document.createRange();
+          topicRange.setStartBefore(firstTopic);
+          const comparison = topicRange.comparePoint(container, offset);
+          if (comparison < 0) {
+            return true;
+          }
+        } catch (e) {
+          if (container.nodeType === Node.TEXT_NODE) {
+            const tempRange = document.createRange();
+            tempRange.setStart(container, offset);
+            tempRange.collapse(true);
+            const topicRange = document.createRange();
+            topicRange.setStartBefore(firstTopic);
+            if (tempRange.compareBoundaryPoints(Range.START_TO_START, topicRange) < 0) {
+              return true;
+            }
+          }
+          if (container === paragraph) {
+            const testRange = document.createRange();
+            testRange.setStart(paragraph, 0);
+            testRange.setEnd(paragraph, offset);
+            const containsTopic = testRange.intersectsNode(firstTopic);
+            if (!containsTopic) {
+              return true;
+            }
+          }
+        }
+        return false;
+      },
+      // 获取不包含mdd-topic内部文本的段落文本
+      getParagraphTextExcludingTopics(paragraph, range) {
+        let textContent = "";
+        let cursorPosition = 0;
+        let foundCursor = false;
+        const walker = document.createTreeWalker(
+          paragraph,
+          NodeFilter.SHOW_ALL,
+          {
+            acceptNode: function(node2) {
+              if (node2.nodeType === Node.ELEMENT_NODE && node2.tagName === "MDD-TOPIC") {
+                return NodeFilter.FILTER_REJECT;
+              }
+              return NodeFilter.FILTER_ACCEPT;
+            }
+          },
+          false
+        );
+        let node;
+        while (node = walker.nextNode()) {
+          if (node.nodeType === Node.TEXT_NODE) {
+            const nodeText = node.textContent;
+            if (!foundCursor && node === range.startContainer) {
+              cursorPosition = textContent.length + range.startOffset;
+              foundCursor = true;
+            }
+            textContent += nodeText;
+          }
+        }
+        return { textContent, cursorPosition };
+      },
+      // 检查光标是否在段落开头
+      isCursorAtStartOfParagraph(range, paragraph) {
+        const { cursorPosition } = this.getParagraphTextExcludingTopics(paragraph, range);
+        return cursorPosition === 0;
+      },
+      // 检查光标是否在段落末尾
+      isCursorAtEndOfParagraph(range, paragraph) {
+        const walker = document.createTreeWalker(
+          paragraph,
+          NodeFilter.SHOW_TEXT,
+          {
+            acceptNode: function(node2) {
+              let parent = node2.parentNode;
+              while (parent && parent !== paragraph) {
+                if (parent.tagName === "MDD-TOPIC") {
+                  return NodeFilter.FILTER_REJECT;
+                }
+                parent = parent.parentNode;
+              }
+              return NodeFilter.FILTER_ACCEPT;
+            }
+          },
+          false
+        );
+        let totalLength = 0;
+        let node;
+        while (node = walker.nextNode()) {
+          totalLength += node.textContent.length;
+        }
+        const { cursorPosition } = this.getParagraphTextExcludingTopics(paragraph, range);
+        return cursorPosition >= totalLength;
+      },
+      // 获取当前段落
+      getCurrentParagraph(range) {
+        let container = range.startContainer;
+        while (container && container !== this.editorDom) {
+          if (container.nodeType === Node.ELEMENT_NODE && container.classList && container.classList.contains("halo-paragraph")) {
+            return container;
+          }
+          container = container.parentNode;
+        }
+        return null;
+      },
+      // 提取光标后的内容
+      extractContentAfterCursor(range, paragraph) {
+        const fragment = document.createDocumentFragment();
+        const container = range.startContainer;
+        const offset = range.startOffset;
+        let topicSpaceNode = null;
+        if (container.nodeType === Node.TEXT_NODE && container.textContent === " " && container.previousSibling && container.previousSibling.tagName === "MDD-TOPIC") {
+          topicSpaceNode = container;
+        }
+        const extractRange = document.createRange();
+        let startNode = null;
+        let hasContentToExtract = false;
+        if (topicSpaceNode) {
+          if (topicSpaceNode.nextSibling) {
+            startNode = topicSpaceNode.nextSibling;
+            hasContentToExtract = true;
+          }
+        } else if (container.nodeType === Node.TEXT_NODE) {
+          if (container.textContent === "" && offset === 0) {
+            if (container.nextSibling) {
+              startNode = container.nextSibling;
+              hasContentToExtract = true;
+            }
+          } else if (offset < container.textContent.length) {
+            const afterText = container.textContent.slice(offset);
+            container.textContent = container.textContent.slice(0, offset);
+            if (afterText.trim()) {
+              const newTextNode = document.createTextNode(afterText);
+              container.parentNode.insertBefore(newTextNode, container.nextSibling);
+              startNode = newTextNode;
+              hasContentToExtract = true;
+            } else if (container.nextSibling) {
+              startNode = container.nextSibling;
+              hasContentToExtract = true;
+            }
+          } else {
+            if (container.nextSibling) {
+              startNode = container.nextSibling;
+              hasContentToExtract = true;
+            }
+          }
+        } else if (container.nodeType === Node.ELEMENT_NODE) {
+          if (offset < container.childNodes.length) {
+            startNode = container.childNodes[offset];
+            hasContentToExtract = true;
+          } else if (offset === 0 && container === paragraph) {
+            if (paragraph.firstChild) {
+              startNode = paragraph.firstChild;
+              hasContentToExtract = true;
+            }
+          }
+        }
+        if (!hasContentToExtract || !startNode) {
+          return fragment;
+        }
+        if (!paragraph.contains(startNode)) {
+          return fragment;
+        }
+        try {
+          extractRange.setStartBefore(startNode);
+          let lastNode = paragraph.lastChild;
+          while (lastNode && lastNode.nodeType === Node.TEXT_NODE && lastNode.textContent === "" && // 只跳过完全空的文本节点
+          lastNode !== startNode) {
+            lastNode = lastNode.previousSibling;
+          }
+          if (lastNode) {
+            extractRange.setEndAfter(lastNode);
+          } else {
+            extractRange.setEnd(paragraph, paragraph.childNodes.length);
+          }
+          const extractedContent = extractRange.extractContents();
+          fragment.appendChild(extractedContent);
+        } catch (e) {
+          let currentNode = startNode;
+          while (currentNode && currentNode.parentNode === paragraph) {
+            const nextNode = currentNode.nextSibling;
+            fragment.appendChild(currentNode);
+            currentNode = nextNode;
+          }
+        }
+        return fragment;
+      },
+      // 统一的光标设置方法 - 设置光标到元素后面
+      setCursorAfterElement(element) {
+        const newRange = document.createRange();
+        newRange.setStartAfter(element);
+        newRange.collapse(true);
+        const selection = window.getSelection();
+        selection.removeAllRanges();
+        selection.addRange(newRange);
+      },
+      // 统一的光标设置方法 - 设置光标到元素前面
+      setCursorBeforeElement(element) {
+        const newRange = document.createRange();
+        newRange.setStartBefore(element);
+        newRange.collapse(true);
+        const selection = window.getSelection();
+        selection.removeAllRanges();
+        selection.addRange(newRange);
       }
     },
     beforeRouteLeave(to, from, next) {
@@ -6440,11 +7751,12 @@
     const _component_ImgUpload = vue.resolveComponent("ImgUpload");
     const _component_VideoUpload = vue.resolveComponent("VideoUpload");
     const _component_CollectArticle = vue.resolveComponent("CollectArticle");
+    const _component_TopicManager = vue.resolveComponent("TopicManager");
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
       vue.withDirectives(vue.createElementVNode("div", {
         style: vue.normalizeStyle({ textAlign: $options.align }),
         class: "placeholder"
-      }, " 请输入正文 ", 4), [
+      }, vue.toDisplayString($props.placeholder || "请输入正文"), 5), [
         [vue.vShow, !$options.isInputing && !$data.titleCount && !$data.hasArticleCard]
       ]),
       $data.overLine ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -6570,7 +7882,14 @@
         class: "replace-poster hide",
         accept: "image/*",
         onChange: _cache[13] || (_cache[13] = (...args) => $options.replacePoster && $options.replacePoster(...args))
-      }, null, 32)
+      }, null, 32),
+      vue.createVNode(_component_TopicManager, {
+        ref: "topicManager",
+        "editor-dom": $data.editorDom,
+        request: $props.request,
+        onTopicInserted: $options.onTopicInserted,
+        onUpdateTopicPosition: $options.updateTopicPosition
+      }, null, 8, ["editor-dom", "request", "onTopicInserted", "onUpdateTopicPosition"])
     ]);
   }
   const Editor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
@@ -6981,17 +8300,6 @@
         child = children[i];
         isBR = child.nodeName === "BR";
         if (!isBR && isInline(child)) {
-          if (child.classList && child.classList.contains("halo-picture-area")) {
-            return;
-          }
-          if (!wrapper) {
-            wrapper = createElement(
-              doc2,
-              config.blockTag,
-              config.blockAttributes
-            );
-          }
-          wrapper.appendChild(child);
           i -= 1;
           l -= 1;
         } else if (isBR || wrapper) {