@opentiny/fluent-editor 4.0.0-alpha.8 → 4.0.0-beta.0

package/es/modules/ai/index.es.js

@@ -0,0 +1,670 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { REPLACE_SELECT, INSERT_SUB_CONTENT_TEXT, INSERT_TEXT, REGENERATE, CLOSE, RESULT_HEADER_TEXT, MENU_ID_MAP, MENU_TITLE_DATA, SELECT_PLACEHOLDER, INPUT_PLACEHOLDER, THINK_TEXT, STOP_ANSWER } from "./constants.es.js";
+import { REPLACE_SELECT_ICON, INSERT_ICON, REBUILD_ICON, MENU_CLOSE_ICON, EDITOR_ICON, CALL_ICON, ADJUST_ICON, REFRESH_ICON, COPY_ICON, RIGHT_ARROW_ICON, SEND_BTN_ICON, CLOSE_ICON, AI_ICON, THINK_ICON, STOP_ICON } from "./icons.es.js";
+class AI {
+  constructor(quill, options) {
+    __publicField(this, "toolbar");
+    __publicField(this, "host");
+    __publicField(this, "apiKey");
+    __publicField(this, "model");
+    __publicField(this, "message");
+    __publicField(this, "isBreak", false);
+    // 打断标记
+    __publicField(this, "textNumber");
+    // 文本字数限制
+    __publicField(this, "_isSelectRangeMode", false);
+    // 选择/点击模式
+    __publicField(this, "_charCount", 0);
+    // 文本字数
+    __publicField(this, "_debounceTimer", null);
+    __publicField(this, "_inputPlaceholder", "");
+    __publicField(this, "_showOperationMenu", false);
+    __publicField(this, "_isThinking", false);
+    // 思考中
+    __publicField(this, "_showResultPopupEl", false);
+    // 结果弹窗
+    __publicField(this, "selectedText", "");
+    // 选择的文本
+    __publicField(this, "inputValue", "");
+    // 存储输入框的值
+    __publicField(this, "resultMenuList", []);
+    __publicField(this, "operationMenuList", []);
+    __publicField(this, "_operationMenuItemList", []);
+    __publicField(this, "alertEl", null);
+    __publicField(this, "alertTimer", null);
+    __publicField(this, "selectionBubbleEl", null);
+    __publicField(this, "selectionRange", null);
+    __publicField(this, "dialogContainerEl", null);
+    __publicField(this, "wrapContainerEl", null);
+    __publicField(this, "aiIconEl", null);
+    __publicField(this, "inputContainerEl", null);
+    __publicField(this, "inputEl", null);
+    __publicField(this, "menuContainerEl", null);
+    __publicField(this, "subMenuEl", null);
+    __publicField(this, "subMenuEditorEl", null);
+    __publicField(this, "subMenuToneEl", null);
+    __publicField(this, "subMenuAdjustEl", null);
+    __publicField(this, "inputRightEl", null);
+    __publicField(this, "inputSendBtnEl", null);
+    __publicField(this, "inputCloseBtnEl", null);
+    __publicField(this, "thinkContainerEl", null);
+    // 思考元素
+    __publicField(this, "thinkBtnEl", null);
+    __publicField(this, "resultPopupEl", null);
+    __publicField(this, "resultPopupHeaderEl", null);
+    __publicField(this, "resultPopupContentEl", null);
+    __publicField(this, "resultPopupFooterEl", null);
+    __publicField(this, "resultPopupFooterTextEl", null);
+    __publicField(this, "resultRefreshBtnEl", null);
+    __publicField(this, "resultCopyBtnEl", null);
+    // 分享和朗读功能待放开
+    // private resultShareBtnEl: HTMLSpanElement | null = null
+    // private resultVoiceBtnEl: HTMLSpanElement | null = null
+    __publicField(this, "actionMenuEl", null);
+    this.quill = quill;
+    this.options = options;
+    this.quill = quill;
+    this.toolbar = quill.getModule("toolbar");
+    if (typeof this.toolbar !== "undefined") {
+      this.toolbar.addHandler("ai", this.showAIInput.bind(this));
+    }
+    this.quill.on("selection-change", this.handleSelectionChange.bind(this));
+    this.host = options.host || "https://api.deepseek.com/v1";
+    this.apiKey = options.apiKey;
+    this.model = options.model || "deepseek-chat";
+    this.textNumber = options.contentMaxLength || 5e3;
+    this.resultMenuList = [
+      { text: REPLACE_SELECT, icon: REPLACE_SELECT_ICON },
+      { text: INSERT_TEXT, icon: INSERT_ICON, selectText: INSERT_SUB_CONTENT_TEXT },
+      { text: REGENERATE, icon: REBUILD_ICON },
+      { text: CLOSE, icon: MENU_CLOSE_ICON }
+    ];
+    this.operationMenuList = [
+      { id: "editor", text: "编辑调整内容", icon: EDITOR_ICON },
+      { id: "tone", text: "改写口吻", icon: CALL_ICON },
+      { id: "adjust", text: "整理选区内容", icon: ADJUST_ICON }
+    ];
+  }
+  // 工具栏启动
+  showAIInput() {
+    this.create();
+    this.selectionRange = this.quill.getSelection();
+    if (this.selectionRange.length) {
+      this.isSelectRangeMode = true;
+    } else {
+      this.isSelectRangeMode = false;
+    }
+    this.positionElements();
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        this.closeAIPanel();
+        this.quill.container.removeEventListener("keydown", handleKeyDown);
+      }
+    };
+    this.quill.container.addEventListener("keydown", handleKeyDown);
+  }
+  // 气泡启动
+  selectTextEvent() {
+    if (!this.selectionRange) return;
+    this.create();
+    this.positionElements();
+    this.isSelectRangeMode = true;
+  }
+  create() {
+    this.createResultElement();
+    this.createOperationMenuElements();
+    this.createInputBoxElements();
+    this.addInputEvent();
+    this.addResultEvent();
+    this.handleActionMenuDisplay();
+    this.quill.container.appendChild(this.dialogContainerEl);
+  }
+  // 创建结果弹窗
+  createResultElement() {
+    if (!this.resultPopupEl) {
+      this.resultPopupEl = document.createElement("div");
+      this.resultPopupEl.className = "ql-ai-result";
+      this.resultPopupHeaderEl = document.createElement("div");
+      this.resultPopupHeaderEl.className = "ql-ai-result-header";
+      this.resultPopupHeaderEl.textContent = RESULT_HEADER_TEXT;
+      this.resultPopupContentEl = document.createElement("div");
+      this.resultPopupContentEl.className = "ql-ai-result-content";
+      this.resultPopupFooterEl = document.createElement("div");
+      this.resultPopupFooterEl.className = "ql-ai-result-footer";
+      this.resultPopupFooterTextEl = document.createElement("span");
+      this.resultPopupFooterTextEl.className = "ql-ai-result-footer-text";
+      this.resultPopupFooterTextEl.textContent = `0`;
+      this.resultRefreshBtnEl = document.createElement("span");
+      this.resultRefreshBtnEl.className = "ql-ai-result-footer-refresh";
+      this.resultRefreshBtnEl.innerHTML = REFRESH_ICON;
+      this.resultCopyBtnEl = document.createElement("span");
+      this.resultCopyBtnEl.className = "ql-ai-result-footer-copy";
+      this.resultCopyBtnEl.innerHTML = COPY_ICON;
+      const resultFooterRightEl = document.createElement("div");
+      resultFooterRightEl.className = "ql-ai-result-footer-right";
+      resultFooterRightEl.appendChild(this.resultRefreshBtnEl);
+      resultFooterRightEl.appendChild(this.resultCopyBtnEl);
+      this.resultPopupFooterEl.appendChild(this.resultPopupFooterTextEl);
+      this.resultPopupFooterEl.appendChild(resultFooterRightEl);
+      this.resultPopupEl.appendChild(this.resultPopupHeaderEl);
+      this.resultPopupEl.appendChild(this.resultPopupContentEl);
+      this.resultPopupEl.appendChild(this.resultPopupFooterEl);
+    }
+    this.showResultPopupEl = false;
+  }
+  createOperationMenuElements() {
+    if (!this.menuContainerEl) {
+      this.menuContainerEl = document.createElement("div");
+      this.menuContainerEl.className = "ql-ai-menu-container";
+      const mainMenu = document.createElement("div");
+      mainMenu.className = "ql-ai-main-menu";
+      this.operationMenuList.forEach(({ text, icon, id }) => {
+        const menuItem = document.createElement("div");
+        menuItem.className = "ql-ai-menu-item";
+        menuItem.innerHTML = `${icon}<span>${text}</span>${RIGHT_ARROW_ICON}`;
+        menuItem.addEventListener("mouseenter", (e) => {
+          e.stopPropagation();
+          this.subMenuEl.style.display = "block";
+          this.subMenuEl.className = `ql-ai-sub-menu ${id}`;
+          this.createOperationMenuItem(id);
+        });
+        mainMenu.appendChild(menuItem);
+      });
+      if (!this.subMenuEl) {
+        this.subMenuEl = document.createElement("div");
+        this.subMenuEl.className = "ql-ai-sub-menu";
+        this.subMenuEl.style.display = "none";
+      }
+      this.menuContainerEl.appendChild(mainMenu);
+      this.menuContainerEl.appendChild(this.subMenuEl);
+    }
+    this.showOperationMenu = false;
+  }
+  createOperationMenuItem(id) {
+    let menuItemBox = this[MENU_ID_MAP[id]];
+    if (!menuItemBox) {
+      menuItemBox = document.createElement("div");
+    }
+    while (this.subMenuEl.firstChild) {
+      this.subMenuEl.removeChild(this.subMenuEl.firstChild);
+    }
+    MENU_TITLE_DATA[id].forEach(({ text, icon, id: id2 }) => {
+      const menuItem = document.createElement("div");
+      menuItem.className = "ql-ai-menu-item";
+      menuItem.innerHTML = `${icon || ""}<span>${text}</span>`;
+      menuItem.addEventListener("click", (e) => {
+        e.stopPropagation();
+        this.handleOperationMenuItemClick(text, id2);
+      });
+      menuItemBox.appendChild(menuItem);
+    });
+    this.subMenuEl.appendChild(menuItemBox);
+  }
+  createInputBoxElements() {
+    if (!this.dialogContainerEl) {
+      this.dialogContainerEl = document.createElement("div");
+      this.dialogContainerEl.className = "ql-ai-dialog";
+      this.wrapContainerEl = document.createElement("div");
+      this.wrapContainerEl.className = "ql-ai-wrapper";
+      this.wrapContainerEl.style.width = `${this.quill.container.clientWidth - 30}px`;
+      this.createAIInputIcon();
+      this.inputEl = document.createElement("input");
+      this.inputEl.type = "text";
+      this.inputPlaceholder = this._isSelectRangeMode ? SELECT_PLACEHOLDER : INPUT_PLACEHOLDER;
+      this.inputSendBtnEl = document.createElement("span");
+      this.inputSendBtnEl.className = "ql-ai-input-right-send";
+      this.inputSendBtnEl.innerHTML = SEND_BTN_ICON;
+      this.inputCloseBtnEl = document.createElement("span");
+      this.inputCloseBtnEl.className = "ql-ai-input-right-close";
+      this.inputCloseBtnEl.innerHTML = CLOSE_ICON;
+      this.inputRightEl = document.createElement("div");
+      this.inputRightEl.className = "ql-ai-input-right";
+      this.inputContainerEl = document.createElement("div");
+      this.inputContainerEl.className = "ql-ai-input";
+      this.inputContainerEl.appendChild(this.aiIconEl);
+      this.inputContainerEl.appendChild(this.inputEl);
+      this.inputRightEl.appendChild(this.inputSendBtnEl);
+      this.inputRightEl.appendChild(this.inputCloseBtnEl);
+      this.inputContainerEl.appendChild(this.inputRightEl);
+      this.wrapContainerEl.appendChild(this.resultPopupEl);
+      this.wrapContainerEl.appendChild(this.inputContainerEl);
+      this.wrapContainerEl.appendChild(this.menuContainerEl);
+      this.dialogContainerEl.appendChild(this.wrapContainerEl);
+    } else {
+      this.dialogContainerEl.style.display = "block";
+    }
+    this.hiddenInputSendBtnEl();
+  }
+  hiddenInputSendBtnEl(display = "none") {
+    if (this.inputEl && this.inputSendBtnEl) {
+      this.inputSendBtnEl.style.display = display;
+    }
+  }
+  copyResult() {
+    if (!this.resultPopupContentEl) return;
+    try {
+      const textToCopy = this.resultPopupContentEl.textContent || "";
+      navigator.clipboard.writeText(textToCopy).then(() => {
+        this.showAlert("内容已复制到剪贴板");
+      }).catch((err) => {
+        this.showAlert(`复制失败:${err}`);
+      });
+    } catch (err) {
+      this.showAlert(`复制失败:${err}`);
+      const textarea = document.createElement("textarea");
+      textarea.value = this.resultPopupContentEl.textContent || "";
+      document.body.appendChild(textarea);
+      textarea.select();
+      document.execCommand("copy");
+      document.body.removeChild(textarea);
+    }
+  }
+  // 分享和朗读功能待放开
+  // private shareResult() {
+  //   if (!this.resultPopupContentEl) return
+  //   const textToShare = this.resultPopupContentEl.textContent || ''
+  //   const title = 'AI生成内容分享'
+  //   if (navigator.share) {
+  //     navigator.share({
+  //       title,
+  //       text: textToShare,
+  //     })
+  //       .catch((err) => {
+  //         this.showAlert(`分享失败:${err}`)
+  //       })
+  //   }
+  //   else {
+  //     // 兼容不支持Web Share API的浏览器
+  //     const shareUrl = `mailto:?subject=${encodeURIComponent(title)}&body=${encodeURIComponent(textToShare)}`
+  //     window.open(shareUrl, '_blank')
+  //   }
+  // }
+  // private voiceResult() {
+  //   if (!this.resultPopupContentEl) return
+  //   const textToSpeak = this.resultPopupContentEl.textContent || ''
+  //   if ('speechSynthesis' in window) {
+  //     const utterance = new SpeechSynthesisUtterance(textToSpeak)
+  //     utterance.lang = 'zh-CN' // 设置中文语音
+  //     speechSynthesis.speak(utterance)
+  //   }
+  //   else {
+  //     this.showAlert('当前浏览器不支持语音合成API')
+  //     // 可以在这里添加不支持语音的提示
+  //   }
+  // }
+  addResultEvent() {
+    if (this.resultRefreshBtnEl) {
+      this.resultRefreshBtnEl.addEventListener("click", () => {
+        this.regenerateResponse();
+      });
+    }
+    if (this.resultCopyBtnEl) {
+      this.resultCopyBtnEl.addEventListener("click", () => {
+        this.copyResult();
+      });
+    }
+  }
+  // 显示选中文本的气泡
+  showSelectionBubble() {
+    if (!this.selectionBubbleEl) {
+      this.selectionBubbleEl = document.createElement("div");
+      this.selectionBubbleEl.className = "ql-ai-selection-bubble";
+      const icon = AI_ICON.replaceAll("paint_linear_2", "paint_linear_bubble");
+      this.selectionBubbleEl.innerHTML = `${icon}<span>AI 智能</span>`;
+      this.selectionBubbleEl.addEventListener("click", () => this.selectTextEvent());
+      document.body.appendChild(this.selectionBubbleEl);
+    }
+    const { left, top } = this.quill.getBounds(this.selectionRange.index);
+    const { left: endLeft } = this.quill.getBounds(this.selectionRange.index + this.selectionRange.length);
+    const width = (endLeft - left) / 2;
+    const editorRect = this.quill.container.getBoundingClientRect();
+    this.selectionBubbleEl.style.display = "flex";
+    this.selectionBubbleEl.style.left = `${left + editorRect.left + width - 45}px`;
+    this.selectionBubbleEl.style.top = `${top + editorRect.top - 40}px`;
+  }
+  // 隐藏选中文本的气泡
+  hideSelectionBubble() {
+    if (this.selectionBubbleEl) {
+      this.selectionBubbleEl.style.display = "none";
+    }
+  }
+  // 处理文本选中变化
+  handleSelectionChange(range) {
+    if (range && range.length > 0) {
+      this.selectionRange = range;
+      this.showSelectionBubble();
+      this.selectedText = this.quill.getText(range.index, range.length);
+    } else {
+      if (range && range.index !== null) {
+        this.selectedText = "";
+        this.closeAIPanel();
+      } else {
+        this.hideSelectionBubble();
+      }
+    }
+  }
+  addInputEvent() {
+    if (this.inputContainerEl) {
+      this.inputContainerEl.addEventListener("click", () => {
+      });
+    }
+    if (this.inputEl) {
+      this.inputEl.addEventListener("input", () => {
+        this.hiddenInputSendBtnEl(this.inputEl.value.trim() ? "flex" : "none");
+        if (this.menuContainerEl && this._isSelectRangeMode) {
+          this.showOperationMenu = !this.inputEl.value.trim() && !this._showResultPopupEl;
+        }
+      });
+    }
+    if (this.inputSendBtnEl) {
+      this.inputSendBtnEl.addEventListener("click", async () => {
+        await this.queryAI();
+      });
+    }
+    this.inputEl.addEventListener("keydown", async (e) => {
+      if (e.key === "Enter") {
+        await this.queryAI();
+      }
+    });
+    if (this.inputCloseBtnEl) {
+      this.inputCloseBtnEl.addEventListener("click", () => {
+        this.closeAIPanel();
+      });
+    }
+  }
+  positionElements() {
+    if (!this.dialogContainerEl) return;
+    const range = this.selectionRange;
+    if (range) {
+      const bounds = this.quill.getBounds(range.index);
+      this.dialogContainerEl.style.position = "absolute";
+      this.dialogContainerEl.style.top = `${bounds.top + bounds.height + 20}px`;
+    }
+  }
+  // 添加创建alert元素的方法
+  createAlertElement() {
+    if (!this.alertEl) {
+      this.alertEl = document.createElement("div");
+      this.alertEl.className = "ql-ai-alert";
+      this.alertEl.style.display = "none";
+      document.body.appendChild(this.alertEl);
+    }
+  }
+  // 添加显示alert的方法
+  showAlert(message, duration = 3e3) {
+    this.createAlertElement();
+    if (!this.alertEl) return;
+    if (this.alertTimer) {
+      clearTimeout(this.alertTimer);
+      this.alertTimer = null;
+    }
+    this.alertEl.textContent = message;
+    this.alertEl.style.display = "block";
+    this.alertTimer = setTimeout(() => {
+      if (this.alertEl) {
+        this.alertEl.style.display = "none";
+      }
+      this.alertTimer = null;
+    }, duration);
+  }
+  createAIInputIcon() {
+    if (!this.aiIconEl) {
+      this.aiIconEl = document.createElement("span");
+      this.aiIconEl.className = "ql-ai-input-pre-icon";
+      const icon = AI_ICON.replaceAll("paint_linear_2", "paint_linear_ai_input");
+      this.aiIconEl.innerHTML = icon;
+    }
+  }
+  // 添加处理子菜单点击的方法
+  handleOperationMenuItemClick(text, id = "") {
+    let quetion = "";
+    if (id.startsWith("1-") || id.startsWith("3-")) {
+      quetion = `将目标文字${text}，目标文字为：${this.selectedText}`;
+    } else if (id.startsWith("2-")) {
+      quetion = `改写目标文字的口吻，让其变得${text}，目标文字为：${this.selectedText}`;
+    }
+    this.showOperationMenu = false;
+    this.queryAI(quetion);
+  }
+  createActionMenu() {
+    if (!this.actionMenuEl) {
+      this.actionMenuEl = document.createElement("div");
+      this.actionMenuEl.className = "ql-ai-actions";
+      this.resultMenuList.forEach(({ text, icon }) => {
+        const menuItem = document.createElement("div");
+        menuItem.className = "ql-ai-action-item";
+        menuItem.innerHTML = `${icon}<span class="ql-ai-result-menu-text">${text}</span>`;
+        menuItem.addEventListener("click", () => this.handleAction(text));
+        this.actionMenuEl.appendChild(menuItem);
+      });
+      this.wrapContainerEl.appendChild(this.actionMenuEl);
+    }
+    const secondMenuItemText = this.actionMenuEl.children[1].querySelector(".ql-ai-result-menu-text");
+    const firstChild = this.actionMenuEl.firstChild;
+    if (!this._isSelectRangeMode) {
+      if (firstChild instanceof Element) {
+        firstChild.classList.add("hidden");
+      }
+      secondMenuItemText.textContent = INSERT_TEXT;
+    } else {
+      if (firstChild instanceof Element) {
+        firstChild.classList.remove("hidden");
+      }
+      secondMenuItemText.textContent = INSERT_SUB_CONTENT_TEXT;
+    }
+    this.isThinking = false;
+  }
+  handleActionMenuDisplay(value = "none") {
+    if (this.actionMenuEl) {
+      this.actionMenuEl.style.display = value;
+    }
+  }
+  switchInputEl(showInput = true) {
+    if (this.inputContainerEl) {
+      this.inputContainerEl.style.display = showInput ? "flex" : "none";
+    }
+    this.handleActionMenuDisplay(showInput ? "block" : "none");
+    if (this.thinkContainerEl) {
+      this.thinkContainerEl.style.display = showInput ? "none" : "flex";
+    }
+  }
+  // 创建思考元素
+  createThinkElements() {
+    if (!this.thinkContainerEl) {
+      this.thinkContainerEl = document.createElement("div");
+      this.thinkContainerEl.className = "ql-ai-input";
+      this.thinkContainerEl.innerHTML = `<span class="ql-ai-input-pre-icon ql-ai-think-icon">${THINK_ICON}</span><span class="ql-ai-think-text">${THINK_TEXT}</span>`;
+      this.thinkBtnEl = document.createElement("div");
+      this.thinkBtnEl.className = "ql-ai-think-btn";
+      this.thinkBtnEl.innerHTML = `${STOP_ICON}<span>${STOP_ANSWER}</span>`;
+      this.thinkContainerEl.appendChild(this.thinkBtnEl);
+      this.wrapContainerEl.appendChild(this.thinkContainerEl);
+      this.thinkBtnEl.addEventListener("click", () => {
+        this.isBreak = true;
+        this.isThinking = false;
+      });
+    }
+    this.isThinking = true;
+  }
+  // AI查询
+  async queryAI(question) {
+    this.createThinkElements();
+    this.inputValue = question || this.inputEl.value;
+    if (this.inputValue.trim() === "") {
+      return;
+    }
+    this.isBreak = false;
+    try {
+      const response = await fetch(`${this.host}`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "Authorization": `Bearer ${this.apiKey}`
+        },
+        body: JSON.stringify({
+          model: this.model,
+          prompt: this.inputValue,
+          stream: true
+        })
+      });
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const reader = response.body.getReader();
+      const decoder = new TextDecoder();
+      let content = "";
+      while (true) {
+        if (this.isBreak) {
+          this.isBreak = false;
+          break;
+        }
+        const { done, value } = await reader.read();
+        if (done) break;
+        const chunk = decoder.decode(value);
+        const lines = chunk.split("\n").filter((line) => line.trim() !== "");
+        for (const line of lines) {
+          try {
+            const data = JSON.parse(line);
+            content += data.response || "";
+            this.showAIResponse(content);
+          } catch (e) {
+            console.error("解析错误:", e);
+          }
+        }
+      }
+      this.createActionMenu();
+      this.inputEl.value = "";
+      this.hiddenInputSendBtnEl();
+      return content;
+    } catch (error) {
+      console.error("AI查询失败:", error);
+      return "AI查询失败，请重试";
+    }
+  }
+  showAIResponse(response) {
+    if (!this.resultPopupEl) return;
+    if (this._charCount <= this.textNumber) {
+      this.resultPopupContentEl.innerHTML = response;
+      this.charCount = this.resultPopupContentEl.textContent.replace(/\s+/g, "").length;
+    } else {
+      this.isBreak = true;
+      this.charCount = 0;
+    }
+    this.showResultPopupEl = true;
+  }
+  handleAction(action) {
+    switch (action) {
+      case REPLACE_SELECT:
+        this.replaceSelectText();
+        break;
+      case INSERT_TEXT:
+        this.insertAIResponse();
+        break;
+      case REGENERATE:
+        this.regenerateResponse();
+        break;
+      case CLOSE:
+        this.closeAIPanel();
+        break;
+    }
+  }
+  replaceSelectText() {
+    if (!this.resultPopupContentEl) return;
+    const range = this.quill.getSelection(true);
+    if (range && range.length > 0) {
+      this.quill.deleteText(range.index, range.length);
+      this.quill.clipboard.dangerouslyPasteHTML(range.index, this.resultPopupContentEl.innerHTML);
+    }
+    this.closeAIPanel();
+  }
+  insertAIResponse() {
+    if (!this.resultPopupContentEl) return;
+    const range = this.quill.getSelection(true);
+    if (range) {
+      this.quill.clipboard.dangerouslyPasteHTML(range.index + range.length, this.resultPopupContentEl.innerHTML);
+    }
+    this.closeAIPanel();
+  }
+  async regenerateResponse() {
+    await this.queryAI(this.inputValue);
+  }
+  closeAIPanel() {
+    this.isBreak = true;
+    if (this.dialogContainerEl) {
+      this.dialogContainerEl.style.display = "none";
+    }
+    if (this.actionMenuEl) {
+      this.actionMenuEl.style.display = "none";
+    }
+    this.showResultPopupEl = false;
+    if (this.inputEl && this.inputEl.value.trim() !== "") {
+      this.inputEl.value = "";
+    }
+    this.hideSelectionBubble();
+  }
+  set charCount(value) {
+    if (this._debounceTimer) {
+      clearTimeout(this._debounceTimer);
+    }
+    this._debounceTimer = setTimeout(() => {
+      this._charCount = value;
+      if (this.resultPopupFooterTextEl) {
+        this.resultPopupFooterTextEl.textContent = `${this._charCount}/${this.textNumber}`;
+      }
+      clearTimeout(this._debounceTimer);
+      this._debounceTimer = null;
+    }, 210);
+  }
+  get charCount() {
+    return this._charCount;
+  }
+  set inputPlaceholder(value) {
+    this._inputPlaceholder = value;
+    if (this.inputEl) {
+      this.inputEl.placeholder = value;
+    }
+  }
+  get inputPlaceholder() {
+    return this._inputPlaceholder;
+  }
+  set showOperationMenu(value) {
+    this._showOperationMenu = value;
+    if (this.menuContainerEl) {
+      this.menuContainerEl.style.display = value ? "flex" : "none";
+    }
+  }
+  get showOperationMenu() {
+    return this._showOperationMenu;
+  }
+  set isSelectRangeMode(value) {
+    this._isSelectRangeMode = value;
+    this.showOperationMenu = value;
+    this.inputPlaceholder = value ? SELECT_PLACEHOLDER : INPUT_PLACEHOLDER;
+    this.hideSelectionBubble();
+  }
+  get isSelectRangeMode() {
+    return this._isSelectRangeMode;
+  }
+  set isThinking(value) {
+    this._isThinking = value;
+    this.switchInputEl(!value);
+  }
+  get isThinking() {
+    return this._isThinking;
+  }
+  set showResultPopupEl(value) {
+    this._showResultPopupEl = value;
+    if (this.resultPopupEl) {
+      this.resultPopupEl.style.display = value ? "block" : "none";
+    }
+  }
+  get showResultPopupEl() {
+    return this._showResultPopupEl;
+  }
+}
+export {
+  AI
+};
+//# sourceMappingURL=index.es.js.map