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

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

@@ -1,670 +0,0 @@
-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_TEXT, INSERT_SUB_CONTENT_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