@haluo/biz 2.0.38 → 2.0.39

package/dist/haluo-biz.js

@@ -317,7 +317,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$7 = {
+const _sfc_main$8 = {
   components: {
     ElTooltip,
     ElDivider,
@@ -519,7 +519,7 @@ const _sfc_main$7 = {
     }
   }
 };
-const _hoisted_1$7 = {
+const _hoisted_1$8 = {
   key: 0,
   class: "tools"
 };
@@ -585,13 +585,13 @@ const _hoisted_42 = {
 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 = resolveComponent("el-tooltip");
   const _component_el_divider = resolveComponent("el-divider");
   const _component_el_popover = resolveComponent("el-popover");
   const _component_colorPicker = resolveComponent("colorPicker");
   const _directive_click_outside = resolveDirective("click-outside");
-  return $props.editor.fontInfo ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
+  return $props.editor.fontInfo ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
     createElementVNode("div", _hoisted_2$5, [
       createVNode(_component_el_tooltip, {
         class: "item",
@@ -1105,15 +1105,15 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ])) : 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__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     visible: { type: Boolean, default: false },
@@ -1154,7 +1154,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["basic-dialog", { "hide-title": !_ctx.showTitle }])
       }, {
         header: withCtx(() => [
-          _ctx.showTitle ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
+          _ctx.showTitle ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
             createElementVNode("div", _hoisted_2$4, [
               _cache[1] || (_cache[1] = createElementVNode("span", { class: "basic-dialog_divider" }, null, -1)),
               renderSlot(_ctx.$slots, "title")
@@ -1195,7 +1195,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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;
@@ -3485,7 +3485,7 @@ var ToolsClass = (
 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 = {
@@ -3506,7 +3506,7 @@ const _hoisted_12$1 = {
   key: 1,
   style: { "display": "inline-flex", "flex-direction": "column" }
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     visible: { type: Boolean, default: false },
@@ -3582,6 +3582,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       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 : "",
@@ -3601,14 +3603,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       data.busy = false;
     }, 1e3);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6, {
+      return openBlock(), createBlock(_sfc_main$7, {
         visible: unref(visible),
         onSubmit: confirm
       }, {
         title: withCtx(() => [
           createElementVNode("span", null, [
             _cache[8] || (_cache[8] = createTextVNode("插入文章/视频")),
-            createElementVNode("strong", _hoisted_1$5, "平台仅支持插入" + toDisplayString(`${isVideo.value ? "2年" : "18个月"}`) + "内的推荐内容", 1)
+            createElementVNode("strong", _hoisted_1$6, "平台仅支持插入" + toDisplayString(`${isVideo.value ? "2年" : "18个月"}`) + "内的推荐内容", 1)
           ])
         ]),
         default: withCtx(() => [
@@ -3718,7 +3720,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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() {
@@ -3758,7 +3760,7 @@ function v4(options, buf, offset) {
   }
   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 = {
@@ -3820,7 +3822,7 @@ const _hoisted_28 = {
   class: "protocol-box"
 };
 const _hoisted_29 = ["href"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     visible: { type: Boolean, default: false },
@@ -4102,12 +4104,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       emits("update:imgList", list);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6, {
+      return openBlock(), createBlock(_sfc_main$7, {
         visible: props.visible,
         showTitle: false
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$4, [
+          createElementVNode("div", _hoisted_1$5, [
             createElementVNode("div", _hoisted_2$2, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(titleList.value, (item, index) => {
                 return openBlock(), createElementBlock("div", {
@@ -4347,9 +4349,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index_vue_vue_type_style_index_0_lang$2 = "";
-const _hoisted_1$3 = { class: "insert-video" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const index_vue_vue_type_style_index_0_lang$3 = "";
+const _hoisted_1$4 = { class: "insert-video" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     visible: { type: Boolean, default: false },
@@ -4371,7 +4373,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       ele[0].dispatchEvent(event);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6, {
+      return openBlock(), createBlock(_sfc_main$7, {
         "show-btn": false,
         visible: unref(visible),
         width: "600px",
@@ -4381,7 +4383,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           createElementVNode("span", null, "插入视频", -1)
         ])),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$3, [
+          createElementVNode("div", _hoisted_1$4, [
             createVNode(unref(ElButton), {
               style: { "width": "120px" },
               round: "",
@@ -4408,7 +4410,703 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+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 openBlock(), 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() {
@@ -4418,7 +5116,7 @@ const _sfc_main$2 = {
   },
   components: {
     ElInput,
-    BasicDialog: _sfc_main$6,
+    BasicDialog: _sfc_main$7,
     draggable
   },
   props: {
@@ -4589,14 +5287,15 @@ const _sfc_main = {
   name: "Edit",
   components: {
     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,
     ElForm,
     ElDialog,
-    ElButton
+    ElButton,
+    TopicManager
   },
   props: [
     "disabled",
@@ -4606,7 +5305,8 @@ const _sfc_main = {
     "importEssay",
     "uploadImageByOther",
     "chartGallery",
-    "request"
+    "request",
+    "placeholder"
   ],
   data() {
     return {
@@ -4743,7 +5443,7 @@ const _sfc_main = {
     me2.editorDom = document.getElementById("editor-content");
     me2.editorDom.addEventListener("blur", this.canSetAlign);
     if (!window.Squire) {
-      import("./squire-raw-97946106.js").then(function() {
+      import("./squire-raw-1aaeff0b.js").then(function() {
         me2.initSquire();
       });
     } else {
@@ -4766,7 +5466,6 @@ const _sfc_main = {
     },
     setCursor() {
       this.cursorStyle = this.cursorStyle === cursorImg ? "auto" : cursorImg;
-      console.log(this.styleStatus, 999);
       this.curStyle = { ...this.styleStatus };
       this.editorDom.addEventListener("mouseup", this.handleCopyFormatUp);
     },
@@ -4896,7 +5595,6 @@ const _sfc_main = {
       this.updateData(true);
       this.viewLinkDialog = false;
     },
-    // mark MDD-TOPIC
     updateTopicPosition() {
       const paragraphList = document.querySelectorAll("#editor-content .halo-paragraph") || [];
       Array.from(paragraphList).forEach((paragraph) => {
@@ -4917,6 +5615,10 @@ const _sfc_main = {
         });
       });
     },
+    // TopicManager事件处理
+    onTopicInserted(topic) {
+      this.updateData(true);
+    },
     getHtml(type) {
       this.updateTopicPosition();
       const html = this.editor.getHTML();
@@ -5018,6 +5720,8 @@ const _sfc_main = {
       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) {
@@ -5111,6 +5815,8 @@ const _sfc_main = {
     },
     async parseArticle(node) {
       const data = JSON.parse(node.dataset.article);
+      if (!this.getEassyDetail)
+        return;
       await this.getEassyDetail(data.id, (info) => {
         const el = mountArticleDom(
           {
@@ -5403,7 +6109,6 @@ const _sfc_main = {
         }
       });
       var descInputWrap;
-      console.log(data.seamlessFlag, "count<<<<<<");
       var descInput = editor.createElement("textarea", {
         class: "desc-input",
         maxlength: "50",
@@ -5492,7 +6197,7 @@ const _sfc_main = {
         }
       }
     },
-    // 初始化编辑器数据 displayData
+    // 初始化编辑器数据，数据是 html 格式（displayData）
     initData(data = "", essayPicRelVOList) {
       this.parseHtml(data, essayPicRelVOList).then((res) => {
         this.editorDom.innerHTML = "";
@@ -5500,6 +6205,12 @@ const _sfc_main = {
         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;
@@ -5588,7 +6299,8 @@ const _sfc_main = {
         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)) {
@@ -5622,32 +6334,10 @@ const _sfc_main = {
           } 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();
@@ -5660,6 +6350,228 @@ const _sfc_main = {
                 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;
+                }
+              }
+            }
           }
         }
       });
@@ -5722,7 +6634,6 @@ const _sfc_main = {
         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"
@@ -5756,7 +6667,6 @@ const _sfc_main = {
         });
         const selection = window.getSelection();
         const range = document.createRange();
-        console.log(container);
         range.setStart(container, 1);
         range.collapse(true);
         selection.removeAllRanges();
@@ -5871,7 +6781,6 @@ const _sfc_main = {
             e.stopPropagation();
           }
         });
-        console.log(delBtn);
         const posterBtn = me2.insertVideoBtns(this, video);
         var p = this.createElement(
           "DIV",
@@ -6419,6 +7328,408 @@ const _sfc_main = {
       }).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) {
@@ -6441,11 +7752,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ImgUpload = resolveComponent("ImgUpload");
   const _component_VideoUpload = resolveComponent("VideoUpload");
   const _component_CollectArticle = resolveComponent("CollectArticle");
+  const _component_TopicManager = resolveComponent("TopicManager");
   return openBlock(), createElementBlock("div", _hoisted_1, [
     withDirectives(createElementVNode("div", {
       style: normalizeStyle({ textAlign: $options.align }),
       class: "placeholder"
-    }, " 请输入正文 ", 4), [
+    }, toDisplayString($props.placeholder || "请输入正文"), 5), [
       [vShow, !$options.isInputing && !$data.titleCount && !$data.hasArticleCard]
     ]),
     $data.overLine ? (openBlock(), createElementBlock("div", {
@@ -6571,7 +7883,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "replace-poster hide",
       accept: "image/*",
       onChange: _cache[13] || (_cache[13] = (...args) => $options.replacePoster && $options.replacePoster(...args))
-    }, null, 32)
+    }, null, 32),
+    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]]);