inl-ui 0.1.29 → 0.1.31

package/dist/components/index.cjs

@@ -15,6 +15,7 @@ require('vite-plugin-qiankun');
 var renderWithQiankun = require('vite-plugin-qiankun/dist/helper');
 var EZUIKit = require('ezuikit-js');
 var mobile = require('@sszj-temp/mobile');
+var marked = require('marked');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -266,7 +267,7 @@ function useActiveMenu(menuList, extraPages, isNav = false, watchOnce = false, i
   return menu;
 }
 
-function _isSlot$b(s) {
+function _isSlot$c(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
 const Header$1 = vue.defineComponent({
@@ -361,7 +362,7 @@ const Header$1 = vue.defineComponent({
         "selectedKeys": acitveMenuKey.value,
         "onUpdate:selectedKeys": $event => acitveMenuKey.value = $event,
         "onSelect": handleMenuSelected
-      }, _isSlot$b(_slot = props.menu.map(item => vue.createVNode(antDesignVue.MenuItem, {
+      }, _isSlot$c(_slot = props.menu.map(item => vue.createVNode(antDesignVue.MenuItem, {
         "key": item.id,
         "title": item.name
       }, {
@@ -429,7 +430,7 @@ const Header$1 = vue.defineComponent({
   }
 });
 
-function _isSlot$a(s) {
+function _isSlot$b(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
 const renderMenuItem = item => {
@@ -511,7 +512,7 @@ const SideMenu$1 = vue.defineComponent({
         "onUpdate:openKeys": $event => expandKeys.value = $event,
         "selectedKeys": activeMenu.value,
         "onSelect": handleMenuSelect
-      }, _isSlot$a(_slot = props.menu.map(item => renderMenuItem(item))) ? _slot : {
+      }, _isSlot$b(_slot = props.menu.map(item => renderMenuItem(item))) ? _slot : {
         default: () => [_slot]
       });
     };
@@ -7991,7 +7992,7 @@ const Header = vue.defineComponent({
 });
 var table = installComponent(Header, "layout-table");
 
-function _isSlot$9(s) {
+function _isSlot$a(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
 const SideMenu = vue.defineComponent({
@@ -8064,7 +8065,7 @@ const SideMenu = vue.defineComponent({
           "icon": menu.icon && vue.createVNode(IconFont$1, {
             "type": menu.icon
           }, null)
-        }, _isSlot$9(_slot = menu.subList.map(item => renderMenu(item))) ? _slot : {
+        }, _isSlot$a(_slot = menu.subList.map(item => renderMenu(item))) ? _slot : {
           default: () => [_slot]
         });
       }
@@ -8086,7 +8087,7 @@ const SideMenu = vue.defineComponent({
         "mode": "inline",
         "selectedKeys": activeMenu.value,
         "onSelect": handleMenuSelect
-      }, _isSlot$9(_slot2 = props.menuList.map(item => renderMenu(item))) ? _slot2 : {
+      }, _isSlot$a(_slot2 = props.menuList.map(item => renderMenu(item))) ? _slot2 : {
         default: () => [_slot2]
       });
     };
@@ -10414,7 +10415,7 @@ var getIconFonts = (() => {
   return iconfonts;
 });
 
-function _isSlot$8(s) {
+function _isSlot$9(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
 const IconSelect = vue.defineComponent({
@@ -10491,7 +10492,7 @@ const IconSelect = vue.defineComponent({
           "onUpdate:value": $event => keyword.value = $event
         }, null), vue.createVNode(vue.resolveComponent("a-row"), {
           "gutter": [16, 30]
-        }, _isSlot$8(_slot = filterIcons.value.map(icon => vue.createVNode(vue.resolveComponent("a-col"), {
+        }, _isSlot$9(_slot = filterIcons.value.map(icon => vue.createVNode(vue.resolveComponent("a-col"), {
           "span": 3
         }, {
           default: () => [vue.createVNode("div", {
@@ -10514,7 +10515,7 @@ const IconSelect = vue.defineComponent({
 });
 var icons = installComponent(IconSelect, "icon-select");
 
-function _isSlot$7(s) {
+function _isSlot$8(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
 const QueryFormContainer = vue.defineComponent({
@@ -10548,7 +10549,7 @@ const QueryFormContainer = vue.defineComponent({
     }, [vue.createVNode(antDesignVue.Row, null, {
       default: () => [typeof slots.default === "function" && slots.default().map((formItem, index) => vue.createVNode(antDesignVue.Col, {
         "span": responsiveLayout.value[index]
-      }, _isSlot$7(formItem) ? formItem : {
+      }, _isSlot$8(formItem) ? formItem : {
         default: () => [formItem]
       }))]
     })]);
@@ -10688,7 +10689,7 @@ const SearchPeopleInput = vue.defineComponent({
   }
 });
 
-function _isSlot$6(s) {
+function _isSlot$7(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
 const DepBreadcrumb = vue.defineComponent({
@@ -10723,7 +10724,7 @@ const DepBreadcrumb = vue.defineComponent({
       let _slot;
       return vue.createVNode("div", {
         "class": "dep-breadcrumb"
-      }, [vue.createVNode(vue.resolveComponent("a-breadcrumb"), null, _isSlot$6(_slot = breadList.value.map(item => vue.createVNode(vue.resolveComponent("a-breadcrumb-item"), {
+      }, [vue.createVNode(vue.resolveComponent("a-breadcrumb"), null, _isSlot$7(_slot = breadList.value.map(item => vue.createVNode(vue.resolveComponent("a-breadcrumb-item"), {
         "key": item.id,
         "onClick": () => handleClick(item)
       }, {
@@ -10735,7 +10736,7 @@ const DepBreadcrumb = vue.defineComponent({
   }
 });
 
-function _isSlot$5(s) {
+function _isSlot$6(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
 const defaultPropNames = {
@@ -10939,7 +10940,7 @@ const PeopleSelect = vue.defineComponent({
           "key": people.userId,
           "closable": true,
           "onClose": () => handleDelete(people)
-        }, _isSlot$5(_slot = props.renderNameTag(people)) ? _slot : {
+        }, _isSlot$6(_slot = props.renderNameTag(people)) ? _slot : {
           default: () => [_slot]
         });
       }) : vue.createVNode(vue.resolveComponent("a-empty"), {
@@ -11108,7 +11109,7 @@ const ProFormItem = vue.defineComponent({
   }
 });
 
-function _isSlot$4(s) {
+function _isSlot$5(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
 const DynamicForm = vue.defineComponent({
@@ -11206,7 +11207,7 @@ const DynamicForm = vue.defineComponent({
       }, {
         default: () => [vue.createVNode(vue.resolveComponent("a-row"), {
           "gutter": 16
-        }, _isSlot$4(_slot = formDescList.value.map((item, index) => vue.createVNode(vue.resolveComponent("a-col"), {
+        }, _isSlot$5(_slot = formDescList.value.map((item, index) => vue.createVNode(vue.resolveComponent("a-col"), {
           "key": index,
           "xl": 8,
           "lg": 12,
@@ -11398,7 +11399,7 @@ const TabItem = vue.defineComponent({
   }
 });
 
-function _isSlot$3(s) {
+function _isSlot$4(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
 const ParamManager = vue.defineComponent({
@@ -11478,7 +11479,7 @@ const ParamManager = vue.defineComponent({
       let _slot, _slot2;
       return vue.createVNode("div", {
         "class": [`${config.prefix}-param-manager`, "flex"]
-      }, [!props.menu && vue.createVNode(vue.resolveComponent("a-space"), null, _isSlot$3(_slot = menus.value.map((item, index) => vue.createVNode(vue.resolveComponent("a-button"), {
+      }, [!props.menu && vue.createVNode(vue.resolveComponent("a-space"), null, _isSlot$4(_slot = menus.value.map((item, index) => vue.createVNode(vue.resolveComponent("a-button"), {
         "type": currentMenu.value.id === item.id ? "primary" : "default",
         "onClick": () => changeMenu(item)
       }, {
@@ -11488,7 +11489,7 @@ const ParamManager = vue.defineComponent({
       }), vue.createVNode(vue.resolveComponent("a-tabs"), {
         "activeKey": activeTab.value,
         "onUpdate:activeKey": $event => activeTab.value = $event
-      }, _isSlot$3(_slot2 = tabs.value.map(item => vue.createVNode(vue.resolveComponent("a-tab-pane"), {
+      }, _isSlot$4(_slot2 = tabs.value.map(item => vue.createVNode(vue.resolveComponent("a-tab-pane"), {
         "key": item.id,
         "tab": item.name
       }, {
@@ -11559,7 +11560,7 @@ const CollapseTitle = vue.defineComponent({
   }
 });
 
-function _isSlot$2(s) {
+function _isSlot$3(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
 function buildRules(define) {
@@ -11666,7 +11667,7 @@ function getInput(param = {}, inputProp) {
             "style": {
               marginBottom: "0"
             }
-          }, _isSlot$2(_slot = getInput(compareDefine.paramDefine, {
+          }, _isSlot$3(_slot = getInput(compareDefine.paramDefine, {
             ...inputPropComp,
             value: compareDefine.paramDefineValue?.value
           })) ? _slot : {
@@ -11755,7 +11756,7 @@ const ParamItem = vue.defineComponent({
           "label": props.param.name,
           "name": props.name,
           "rules": rules
-        }, _isSlot$2(input) ? input : {
+        }, _isSlot$3(input) ? input : {
           default: () => [input]
         })]
       });
@@ -11790,7 +11791,7 @@ const batchSaveParamsValue = async form => {
   return res.json();
 };
 
-function _isSlot$1(s) {
+function _isSlot$2(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
 async function getParamsDefine({
@@ -11963,7 +11964,7 @@ const TabLevel = vue.defineComponent({
               "title": group.name,
               "forceRender": true
             }, {
-              default: () => [vue.createVNode(vue.resolveComponent("a-row"), null, _isSlot$1(_slot = group.paramList.map((item, pIndex) => vue.createVNode(ParamItem, {
+              default: () => [vue.createVNode(vue.resolveComponent("a-row"), null, _isSlot$2(_slot = group.paramList.map((item, pIndex) => vue.createVNode(ParamItem, {
                 "name": [gIndex, "paramList", pIndex, "paramDefineValue", "value"],
                 "param": item.paramDefine,
                 "valueDefine": item.paramDefineValue
@@ -11977,7 +11978,7 @@ const TabLevel = vue.defineComponent({
                   "class": "cell-title"
                 }, [cell.name]), vue.createVNode(vue.resolveComponent("a-row"), {
                   "gutter": 16
-                }, _isSlot$1(_slot2 = cell.paramList.map((item, pIndex) => vue.createVNode(ParamItem, {
+                }, _isSlot$2(_slot2 = cell.paramList.map((item, pIndex) => vue.createVNode(ParamItem, {
                   "name": [gIndex, "cells", cIndex, "paramList", pIndex, "paramDefineValue", "value"],
                   "param": item.paramDefine,
                   "valueDefine": item.paramDefineValue
@@ -11993,7 +11994,7 @@ const TabLevel = vue.defineComponent({
   }
 });
 
-function _isSlot(s) {
+function _isSlot$1(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
 const ParamManagerV2 = vue.defineComponent({
@@ -12076,7 +12077,7 @@ const ParamManagerV2 = vue.defineComponent({
       }, [vue.createVNode(vue.resolveComponent("a-menu"), {
         "mode": "inline",
         "selectedKeys": activeMenu.value && [activeMenu.value.id]
-      }, _isSlot(_slot = menuList.value.map(item => vue.createVNode(vue.resolveComponent("a-menu-item"), {
+      }, _isSlot$1(_slot = menuList.value.map(item => vue.createVNode(vue.resolveComponent("a-menu-item"), {
         "key": item.id,
         "onClick": () => handleMenuChange(item)
       }, {
@@ -12087,7 +12088,7 @@ const ParamManagerV2 = vue.defineComponent({
         "class": "right"
       }, [tabList.value.length > 0 ? vue.createVNode(vue.resolveComponent("a-tabs"), {
         "onChange": handleTabChange
-      }, _isSlot(_slot2 = tabList.value.map(tab => vue.createVNode(vue.resolveComponent("a-tab-pane"), {
+      }, _isSlot$1(_slot2 = tabList.value.map(tab => vue.createVNode(vue.resolveComponent("a-tab-pane"), {
         "key": tab.id,
         "tab": tab.name
       }, {
@@ -12534,6 +12535,713 @@ const SszComment = vue.defineComponent({
 });
 var index = installComponent(SszComment, "ssz-comment");
 
+function formatDataString(str) {
+  const lines = str.split("\n");
+  const result = lines.filter(line => !!line.trim()).map(line => {
+    const data = JSON.parse(line.replace(/^data: /, ""));
+    return data.text;
+  }).filter(line => line !== void 0).join("");
+  return result;
+}
+function request(question, streamCallback, doneCallback) {
+  const controller = new AbortController();
+  const signal = controller.signal;
+  fetch("/api/chat/v1/chat/chat", {
+    signal,
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({
+      query: question,
+      conversation_id: ""
+    })
+  }).then(res => {
+    const stream = res.body;
+    const decoder = new TextDecoder();
+    const reader = stream.getReader();
+    let result = "";
+    function processText() {
+      return reader.read().then(({
+        done,
+        value
+      }) => {
+        if (done) {
+          doneCallback();
+          return;
+        }
+        try {
+          const dataString = decoder.decode(value, {
+            stream: true
+          });
+          const str = formatDataString(dataString);
+          result += str;
+          streamCallback(result);
+        } catch (e) {}
+        return processText();
+      }).catch(() => {
+        doneCallback();
+      });
+    }
+    return processText();
+  }).catch(() => {
+    doneCallback();
+  });
+  return function stop() {
+    controller.abort();
+  };
+}
+function useQA() {
+  const context = vue.ref([]);
+  const answerLoading = vue.ref(false);
+  const answer = vue.ref("");
+  let abort = null;
+  setTimeout(() => {
+    const questionItem = {
+      type: "answer",
+      content: "",
+      id: /* @__PURE__ */new Date().getTime(),
+      timestamp: /* @__PURE__ */new Date().getTime(),
+      answers: [{
+        content: "\u4F60\u597D\uFF0C\u6211\u662F\u4F60\u7684\u5DE5\u4F5C\u4F19\u4F34 \u7F8E\u5C0F\u817E! \u6211\u53EF\u4EE5\u8F85\u52A9\u4F60\u5FEB\u901F\u83B7\u53D6\u4FE1\u606F\uFF0C\u76D1\u63A7\u3001\u67E5\u770B\u751F\u4EA7\u6307\u6807\uFF0C\u56DE\u7B54\u60A8\u7684\u9009\u7164\u4E13\u4E1A\u95EE\u9898\uFF0C\u5FEB\u8BD5\u8BD5\u4E0B\u9762\u5BF9\u8BDD\u5427\u3002",
+        timestamp: /* @__PURE__ */new Date().getTime(),
+        hideOperates: true,
+        id: /* @__PURE__ */new Date().getTime()
+      }]
+    };
+    context.value.push(questionItem);
+  }, 1e3);
+  function sendQuestion(question, questionId) {
+    if (answerLoading.value) return;
+    answerLoading.value = true;
+    let questionItem = context.value.find(item => item.id === questionId);
+    question = questionItem?.content || question;
+    if (!questionId) {
+      questionItem = {
+        id: /* @__PURE__ */new Date().getTime(),
+        timestamp: /* @__PURE__ */new Date().getTime(),
+        content: question,
+        answers: []
+      };
+      context.value.push(questionItem);
+    }
+    const answerItem = vue.ref({
+      content: "\u6B63\u5728\u601D\u8003\u4E2D...",
+      timestamp: /* @__PURE__ */new Date().getTime(),
+      parentId: questionItem.id,
+      id: /* @__PURE__ */new Date().getTime()
+    });
+    questionItem.answers.push(answerItem.value);
+    abort = request(question, data => {
+      answer.value = data;
+      answerItem.value.content = data;
+    }, () => {
+      answerLoading.value = false;
+      answerItem.value.loadEnd = true;
+      abort = null;
+    });
+  }
+  function abortRequest() {
+    if (abort) {
+      abort();
+      abort = null;
+    }
+  }
+  return {
+    context,
+    answerLoading,
+    answer,
+    sendQuestion,
+    abortRequest
+  };
+}
+
+async function audioToText(file) {
+  const headers = {
+    "Content-Type": "application/json"
+  };
+  const formData = new FormData();
+  formData.append("file", file);
+  formData.append("upload_id", "1");
+  const [path] = await fetch("/api/chat/v1/upload", {
+    // headers,
+    method: "POST",
+    body: formData
+  }).then(res => res.json());
+  if (!path) {
+    antDesignVue.message.error("\u4E0A\u4F20\u5F55\u97F3\u5931\u8D25");
+    return;
+  }
+  const {
+    result
+  } = await fetch(`/api/chat/v1/translate/?path=${path}&session_hash=1`, {
+    headers,
+    method: "POST"
+  }).then(res => res.json());
+  if (result.length) {
+    return result[0];
+  }
+}
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
+}
+const SpeechRecognition = vue.defineComponent({
+  emits: ["change", "close"],
+  setup(props, {
+    emit
+  }) {
+    let mediaRecorder;
+    const recording = vue.ref(false);
+    const text = vue.ref("");
+    const boxRef = vue.inject("boxRef");
+    const startRecord = () => {
+      if (!navigator.mediaDevices) {
+        antDesignVue.message.error("\u4E0D\u652F\u6301mediaDevices");
+        return;
+      }
+      navigator.mediaDevices.getUserMedia({
+        audio: true
+      }).then(stream => {
+        if (!MediaRecorder) {
+          antDesignVue.message.error("\u4E0D\u652F\u6301MediaRecorder");
+        }
+        text.value = "";
+        mediaRecorder = new MediaRecorder(stream);
+        mediaRecorder.start();
+        recording.value = true;
+        mediaRecorder.ondataavailable = e => {
+          const blob = new Blob([e.data], {
+            type: "audio/mp4"
+          });
+          const file = new File([blob], "recordedAudio.m4a", {
+            type: blob.type
+          });
+          audioToText(file).then(str => {
+            text.value = str;
+          }).catch(() => {
+            antDesignVue.message.error("\u8BED\u97F3\u8F6C\u6587\u5B57\u5931\u8D25");
+          });
+        };
+        mediaRecorder.onstop = () => {
+          recording.value = false;
+          stream.getTracks().forEach(track => track.stop());
+        };
+      }).catch(e => {
+        antDesignVue.message.warn("\u8BF7\u5F00\u542F\u5F55\u97F3\u6743\u9650");
+      });
+    };
+    vue.onMounted(startRecord);
+    const handleStop = () => {
+      if (mediaRecorder) {
+        mediaRecorder.stop();
+        recording.value = false;
+      }
+    };
+    const onOk = () => {
+      emit("change", text.value);
+    };
+    vue.onBeforeUnmount(() => {
+      if (mediaRecorder) {
+        mediaRecorder.stop();
+      }
+    });
+    return () => {
+      const textRender = vue.createVNode("div", {
+        "class": "current-text"
+      }, [text.value || "\u6211\u6B63\u5728\u542C\uFF0C\u8BF7\u8BF4\u8BDD"]);
+      const btns = [recording.value && vue.createVNode("div", {
+        "class": "btn btn-stop",
+        "onClick": handleStop
+      }, ["\u505C\u6B62\u8BC6\u522B"]), !recording.value && vue.createVNode("div", {
+        "class": "btn",
+        "onClick": startRecord
+      }, ["\u91CD\u65B0\u751F\u6210"]), !recording.value && vue.createVNode("div", {
+        "class": "btn btn-ok",
+        "onClick": onOk
+      }, ["\u786E\u5B9A"])];
+      return vue.createVNode(vue.Teleport, {
+        "to": boxRef.value
+      }, {
+        default: () => [vue.createVNode("div", {
+          "class": "speech-recognition"
+        }, [vue.createVNode("div", {
+          "class": "speech-recognition-inner"
+        }, [textRender, vue.createVNode(vue.resolveComponent("a-space"), {
+          "class": "btn-container",
+          "size": 24
+        }, _isSlot(btns) ? btns : {
+          default: () => [btns]
+        }), vue.createVNode("div", {
+          "class": "tips"
+        }, ["\u5185\u5BB9\u7531\u7F8E\u817E\u5927\u6A21\u578B\u751F\u6210\uFF0C\u4EC5\u4F5C\u4E3A\u53C2\u8003"]), vue.createVNode("img", {
+          "class": "img-bot",
+          "src": "/micro-assets/largeLanguageModel/llm-avatar-thinking.gif",
+          "alt": ""
+        }, null), vue.createVNode("span", {
+          "class": "btn-close",
+          "onClick": () => emit("close")
+        }, [vue.createTextVNode("+")])])])]
+      });
+    };
+  }
+});
+
+const Input = vue.defineComponent({
+  emits: ["send"],
+  setup(props, {
+    emit,
+    expose
+  }) {
+    const abortRequest = vue.inject("abortRequest");
+    const loading = vue.inject("answerLoading");
+    const value = vue.ref("");
+    const isFocus = vue.ref(false);
+    const send = () => {
+      if (loading.value) return;
+      if (value.value.length === 0) {
+        antDesignVue.message.warn("\u8BF7\u8F93\u5165\u95EE\u9898");
+        return;
+      }
+      emit("send", value.value);
+      value.value = "";
+    };
+    const handleAbord = () => {
+      abortRequest();
+    };
+    const audioEnable = vue.ref(false);
+    const handleAudioClick = () => {
+      audioEnable.value = true;
+    };
+    const handleAudioText = text => {
+      value.value = text;
+      audioEnable.value = false;
+      setTimeout(() => {
+        send();
+      }, 500);
+    };
+    const clear = () => value.value = "";
+    expose({
+      clear
+    });
+    return () => vue.createVNode("div", {
+      "class": ["chat-box-input", {
+        focus: isFocus.value
+      }]
+    }, [vue.createVNode("img", {
+      "class": "img img-mic",
+      "src": "/micro-assets/largeLanguageModel/mic.png",
+      "alt": "",
+      "onClick": handleAudioClick
+    }, null), vue.createVNode(vue.resolveComponent("a-input"), {
+      "value": value.value,
+      "onUpdate:value": $event => value.value = $event,
+      "bordered": false,
+      "placeholder": "\u5982: \u67E5\u770BXXX\u76AE\u5E26\u673A\u5934\u7535\u6D41\u7B49",
+      "onFocus": () => isFocus.value = true,
+      "onBlur": () => isFocus.value = false,
+      "onPressEnter": send
+    }, null), loading.value ? vue.createVNode("img", {
+      "class": "btn-abort",
+      "title": "\u4E2D\u6B62\u56DE\u7B54",
+      "src": "/micro-assets/largeLanguageModel/btn-abort.png",
+      "onClick": handleAbord
+    }, null) : vue.createVNode("img", {
+      "class": "img img-send",
+      "src": "/micro-assets/largeLanguageModel/send.png",
+      "onClick": send
+    }, null), audioEnable.value && vue.createVNode(SpeechRecognition, {
+      "onChange": handleAudioText,
+      "onClose": () => audioEnable.value = false
+    }, null)]);
+  }
+});
+
+const tips = ["\u8BBE\u5907\u5DE5\u4F5C\u539F\u7406", "\u8BBE\u5907\u7EF4\u4FDD\u624B\u518C"];
+const Bottom = vue.defineComponent({
+  emits: ["send"],
+  setup(props, {
+    emit
+  }) {
+    const inputRef = vue.ref();
+    const handleSend = msg => {
+      inputRef.value.clear();
+      emit("send", msg);
+    };
+    return () => {
+      tips.map(tip => vue.createVNode("div", {
+        "class": "tip",
+        "onClick": () => handleSend(tip)
+      }, [tip]));
+      return vue.createVNode("div", {
+        "class": "bottom"
+      }, [vue.createVNode(Input, {
+        "ref": inputRef,
+        "onSend": handleSend
+      }, null), vue.createVNode("div", {
+        "class": "exemption"
+      }, ["\u5185\u5BB9\u7531\u7F8E\u817E\u5927\u6A21\u578B\u751F\u6210\uFF0C\u4EC5\u4F5C\u4E3A\u53C2\u8003"])]);
+    };
+  }
+});
+
+const Avatar = vue.defineComponent({
+  props: {
+    avatar: {
+      type: String,
+      required: true
+    },
+    name: {
+      type: String,
+      required: true
+    },
+    reverse: Boolean
+  },
+  setup(props, {
+    emit
+  }) {
+    return () => vue.createVNode("div", {
+      "class": ["chat-avatar", {
+        "chat-avatar-reverse": props.reverse
+      }]
+    }, [vue.createVNode(vue.resolveComponent("a-avatar"), {
+      "class": "avatar",
+      "alt": "\u5934\u50CF",
+      "src": props.avatar
+    }, null), vue.createVNode("div", {
+      "class": "chat-avatar-name"
+    }, [props.name])]);
+  }
+});
+
+const QuestionBubble = vue.defineComponent({
+  props: {
+    content: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props) {
+    const userinfo = JSON.parse(sessionStorage.getItem("userinfo") || "{}");
+    const avatar = userinfo.photo || "/micro-assets/platform_app/avatar.png";
+    const name = userinfo.employeeName || userinfo.userName || "\u7528\u6237";
+    return () => vue.createVNode("div", {
+      "class": "question-bubble chat-bubble"
+    }, [vue.createVNode(Avatar, {
+      "reverse": true,
+      "avatar": avatar,
+      "name": name
+    }, null), vue.createVNode("div", {
+      "class": "bubble question"
+    }, [props.content]), vue.createVNode("div", {
+      "class": "operates"
+    }, null)]);
+  }
+});
+
+const commonStyle = `
+  :host > p {
+    margin: 0;
+  }
+  :host {
+    font-size: 14px;
+  }
+`;
+const styleDark = `
+  <style>
+    ${commonStyle}
+  
+    * {
+      color: #fff;
+    }
+    strong {
+      color: #f3c142;
+    }
+  </style>
+`;
+const styleLight = `
+  <style>
+    ${commonStyle}
+
+    * {
+      color: #20242B;
+    }
+    strong {
+      color: #4b7ff7;
+    }
+  </style>
+`;
+
+const suggestionList = ["\u7F8E\u5C0F\u817E\u80FD\u5E2E\u6211\u505A\u4EC0\u4E48\uFF1F", "\u8FD1\u4E00\u4E2A\u6708\u7684\u4ECB\u8017\u60C5\u51B5\u5982\u4F55\uFF1F", "\u5C3E\u77FF\u8DD1\u7C97\u7684\u6392\u67E5\u5904\u7406\u65B9\u6CD5\u6709\u54EA\u4E9B\uFF1F\u5C3E\u77FF\u8DD1\u7C97\u7684\u6392\u67E5\u5904\u7406\u65B9\u6CD5\u6709\u54EA\u4E9B\u5C3E\u77FF\u8DD1\u7C97\u7684\u6392\u67E5\u5904\u7406\u65B9\u6CD5\u6709\u54EA\u4E9B\u5C3E\u77FF\u8DD1\u7C97\u7684\u6392\u67E5\u5904\u7406\u65B9\u6CD5\u6709\u54EA\u4E9B"];
+const AnswerBubble = vue.defineComponent({
+  emits: ["send", "render", "delete", "regenerate"],
+  props: {
+    content: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(props, {
+    emit
+  }) {
+    const chatTheme = vue.inject("chat-theme");
+    const {
+      copy
+    } = core.useClipboard({
+      legacy: true
+    });
+    const bubbleRef = vue.ref();
+    const activeAnswerIndex = vue.ref(0);
+    const activeAnswer = vue.computed(() => props.content[activeAnswerIndex.value]);
+    let shadowRoot;
+    const trasformMd = mdString => {
+      return marked.marked(mdString);
+    };
+    vue.onMounted(() => {
+      shadowRoot = bubbleRef.value.attachShadow({
+        mode: "open"
+      });
+      renderText();
+    });
+    const renderText = () => {
+      if (!shadowRoot) return;
+      vue.nextTick(() => {
+        emit("render", activeAnswer.value.content);
+      });
+      const themeStyle = chatTheme === "dark" ? styleDark : styleLight;
+      const html = `
+          ${trasformMd(activeAnswer.value.content)}
+
+          ${themeStyle}
+      `;
+      shadowRoot.innerHTML = html;
+    };
+    vue.watch([activeAnswer, activeAnswerIndex], renderText, {
+      deep: true
+    });
+    const switchAnswer = step => {
+      activeAnswerIndex.value += step;
+    };
+    const operateList = vue.reactive([{
+      title: "\u590D\u5236",
+      key: "copy",
+      isActive: false
+    }, {
+      title: "\u6709\u7528",
+      key: "like",
+      isActive: vue.computed(() => activeAnswer.value.isLike)
+    }, {
+      title: "\u65E0\u7528",
+      key: "dislike",
+      isActive: vue.computed(() => activeAnswer.value.isDislike)
+    }, {
+      title: "\u8BC4\u8BBA",
+      key: "comment",
+      isActive: false
+    }, {
+      title: "\u91CD\u65B0\u751F\u6210",
+      key: "regenerate",
+      isActive: false
+    }, {
+      ttile: "\u5220\u9664",
+      key: "delete",
+      isActive: false
+    }]);
+    const handleOperate = key => {
+      switch (key) {
+        case "like":
+          if (!activeAnswer.value.isLike && !activeAnswer.value.isDislike) {
+            activeAnswer.value.isLike = !activeAnswer.value.isLike;
+          }
+          break;
+        case "dislike":
+          if (!activeAnswer.value.isLike && !activeAnswer.value.isDislike) {
+            activeAnswer.value.isDislike = !activeAnswer.value.isDislike;
+          }
+          break;
+        case "copy":
+          copy(activeAnswer.value.content);
+          antDesignVue.message.success("\u590D\u5236\u6210\u529F");
+          break;
+        case "delete":
+          antDesignVue.Modal.confirm({
+            title: "\u786E\u5B9A\u5220\u9664\u8FD9\u4E2A\u56DE\u7B54\u5417\uFF1F",
+            onOk: () => {
+              emit("delete", activeAnswer.value.id);
+              if (activeAnswerIndex.value > 0 && activeAnswerIndex.value === props.content.length - 1) {
+                activeAnswerIndex.value--;
+              }
+            }
+          });
+          break;
+        case "comment":
+          antDesignVue.message.info("\u6682\u672A\u5F00\u653E");
+          break;
+        case "regenerate":
+          if (props.content.length >= 5) {
+            antDesignVue.message.info("\u6700\u591A\u652F\u6301\u751F\u62105\u6761\u56DE\u7B54");
+            return;
+          }
+          emit("regenerate", activeAnswer.value.id);
+          vue.nextTick(() => {
+            activeAnswerIndex.value = props.content.length - 1;
+          });
+          break;
+      }
+    };
+    return () => {
+      suggestionList.map(item => vue.createVNode("div", {
+        "class": "suggestion-item",
+        "onClick": () => emit("send", item)
+      }, [item]));
+      const showOperates = !activeAnswer.value.hideOperates && activeAnswer.value.loadEnd;
+      const operateDom = operateList.map(item => vue.createVNode(vue.resolveComponent("a-tooltip"), {
+        "title": item.title
+      }, {
+        default: () => [vue.createVNode("div", {
+          "class": ["operate-item", item.key, {
+            active: item.isActive
+          }],
+          "onClick": () => handleOperate(item.key)
+        }, null)]
+      }));
+      const prevDisabled = activeAnswerIndex.value === 0;
+      const nextDisabled = activeAnswerIndex.value === props.content.length - 1;
+      const answerNav = vue.createVNode("div", {
+        "class": "operate-item operate-nav"
+      }, [vue.createVNode("span", {
+        "class": ["nav", {
+          disabled: prevDisabled
+        }],
+        "onClick": () => switchAnswer(-1)
+      }, ["<"]), vue.createVNode("span", null, [activeAnswerIndex.value + 1]), " ", vue.createVNode("span", null, [vue.createTextVNode("/")]), vue.createVNode("span", null, [props.content.length]), vue.createVNode("span", {
+        "class": ["nav", {
+          disabled: nextDisabled
+        }],
+        "onClick": () => switchAnswer(1)
+      }, [">"])]);
+      return vue.createVNode("div", {
+        "class": "answer-bubble chat-bubble"
+      }, [vue.createVNode(Avatar, {
+        "avatar": "/micro-assets/largeLanguageModel/robot-avatar.png",
+        "name": "\u7F8E\u5C0F\u817E"
+      }, null), vue.createVNode("div", {
+        "ref": bubbleRef,
+        "class": "bubble answer"
+      }, null), vue.createVNode("div", {
+        "class": "operates"
+      }, [props.content.length > 1 && answerNav, showOperates && operateDom])]);
+    };
+  }
+});
+
+const QaContext = vue.defineComponent({
+  emits: ["regenerate"],
+  props: {
+    list: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(props, {
+    emit
+  }) {
+    const containerRef = vue.ref();
+    const onAnswerRender = text => {
+      containerRef.value.scrollTo({
+        top: containerRef.value.scrollHeight,
+        behavior: "smooth"
+      });
+    };
+    const handleDeleteAnswer = (questionId, answerId) => {
+      const question = props.list.find(item => item.id === questionId);
+      if (question) {
+        question.answers = question.answers.filter(item => item.id !== answerId);
+      }
+    };
+    return () => {
+      const contextList = [];
+      for (let i = 0; i < props.list.length; i++) {
+        const questionItem = props.list[i];
+        const prevItem = props.list[i - 1];
+        const currentTime = questionItem.timestamp;
+        let timeDiff = 0;
+        if (prevItem) {
+          const prevTime = prevItem.timestamp;
+          timeDiff = currentTime - prevTime;
+        }
+        if (!prevItem || timeDiff > 1e3 * 60 * 5) {
+          contextList.push(vue.createVNode("div", {
+            "class": "time-line"
+          }, [dayjs__default["default"](currentTime).format("MM/DD HH:mm")]));
+        }
+        if (questionItem.content) {
+          contextList.push(vue.createVNode(QuestionBubble, {
+            "content": questionItem.content
+          }, null));
+        }
+        if (questionItem.answers.length > 0) {
+          contextList.push(vue.createVNode(AnswerBubble, {
+            "onRender": onAnswerRender,
+            "content": questionItem.answers,
+            "onDelete": answerId => handleDeleteAnswer(questionItem.id, answerId),
+            "onRegenerate": () => emit("regenerate", questionItem.id)
+          }, null));
+        }
+      }
+      return vue.createVNode("div", {
+        "class": "qa-context",
+        "ref": containerRef
+      }, [contextList]);
+    };
+  }
+});
+
+const ChatBox = vue.defineComponent({
+  props: {
+    theme: {
+      type: String,
+      default: "light"
+    },
+    // 语音输入 TODO
+    withSpeech: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, {
+    emit
+  }) {
+    const containerRef = vue.ref();
+    vue.provide("boxRef", containerRef);
+    vue.provide("chat-theme", props.theme);
+    const {
+      context,
+      answerLoading,
+      sendQuestion,
+      abortRequest
+    } = useQA();
+    vue.provide("answerLoading", answerLoading);
+    vue.provide("abortRequest", abortRequest);
+    const handleSend = (msg, questionId) => {
+      sendQuestion(msg, questionId);
+    };
+    return () => {
+      return vue.createVNode("div", {
+        "ref": containerRef,
+        "class": ["inl-chat-box-origin", `inl-chat-box-origin-${props.theme}`]
+      }, [vue.createVNode(QaContext, {
+        "list": context.value,
+        "onRegenerate": qId => handleSend("", qId)
+      }, null), vue.createVNode(Bottom, {
+        "onSend": handleSend
+      }, null)]);
+    };
+  }
+});
+
+const LlmChatBox = installComponent(ChatBox, "llm-chat-box");
+
 exports.AlarmVideo = alarmVideo;
 exports.ChangeThemeSelect = index$6;
 exports.ChildLayout = childLayout;
@@ -12546,6 +13254,7 @@ exports.IconSelect = icons;
 exports.ImportModal = ImportModal;
 exports.Layout = index$8;
 exports.LayoutTable = table;
+exports.LlmChatBox = LlmChatBox;
 exports.Login = index$7;
 exports.ParamManager = index$2;
 exports.ParamManagerV2 = ParamManagerV2;