cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.5

package/es/components/ai-chat/src/components/mobile/MobileChatFooter.vue2.js

@@ -0,0 +1,260 @@
+import { defineComponent, ref, reactive, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createVNode, createElementVNode, withDirectives, vShow, withModifiers, isRef } from 'vue';
+import { ChevronBack, ChevronForward } from '@vicons/ionicons5';
+import { useThrottleFn } from '@vueuse/core';
+import { last, cloneDeep } from 'lodash-es';
+import { NButton, NPopover, NIcon, NInput, NBreadcrumb, NBreadcrumbItem } from 'naive-ui';
+import MobileChatAudio from './MobileChatAudio.vue.js';
+import AddIcon from '../svgs/AddIcon.vue.js';
+import MicroPhone from '../svgs/MicroPhone.vue.js';
+import { useChartAudioContext } from '../../hooks/useChartAudioContext.js';
+import { useFooterContext } from '../../hooks/useFooterContext.js';
+import AudioIcon from '../svgs/AudioIcon.vue.js';
+import KeyboardIcon from '../svgs/KeyboardIcon.vue.js';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "menu-box fillet-8"
+};
+const _hoisted_2 = {
+  class: "mobile-ai-chat-footer__operation"
+};
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", {
+  id: "chat-audio-wave-view"
+}, null, -1);
+const _hoisted_4 = [_hoisted_3];
+const _hoisted_5 = {
+  class: "command-box"
+};
+const _hoisted_6 = {
+  class: "command-box__header"
+};
+const _hoisted_7 = {
+  key: 0,
+  class: "title"
+};
+const _hoisted_8 = {
+  class: "command-box__menu"
+};
+const _hoisted_9 = ["onMouseover", "onClick"];
+const _hoisted_10 = {
+  class: "label"
+};
+const _hoisted_11 = {
+  class: "remark"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MobileChatFooter",
+  setup(__props) {
+    const {
+      state,
+      shortcutList,
+      getShortcutName,
+      isAllDisabled,
+      isStreamingOutput,
+      handleShortcut,
+      showPopover,
+      handleKeyDown,
+      handleInput,
+      btnDisabled,
+      showAudio,
+      breadcrumb,
+      currentShortcutId,
+      currentCommand,
+      commandList,
+      clickMenu
+    } = useFooterContext();
+    function handleBack() {
+      var _a;
+      breadcrumb.value.pop();
+      currentCommand.value = last(breadcrumb.value) ? (_a = last(breadcrumb.value)) == null ? void 0 : _a.children : cloneDeep(commandList.value || []);
+      currentShortcutId.value = currentCommand.value[0].shortcutId;
+    }
+    const AudioStateMap = {
+      INPUT: "input",
+      AUDIO: "audio",
+      "AUDIO_DOING": "audio_doing",
+      "AUDIO_CANCEL": "audio_cancel"
+    };
+    const audioState = ref(AudioStateMap.INPUT);
+    const showState = reactive({
+      show: false
+    });
+    const footerRef = ref();
+    let footerRect = null;
+    function onBarTouchStart() {
+      audioState.value = AudioStateMap.AUDIO_DOING;
+      window.addEventListener("touchend", onFooterTouchEnd);
+      footerRect = footerRef.value.getBoundingClientRect();
+      showState.show = true;
+    }
+    const onFooterTouchMove = useThrottleFn((event) => {
+      if (![AudioStateMap.AUDIO_DOING, AudioStateMap.AUDIO_CANCEL].includes(audioState.value))
+        return;
+      if (!footerRect)
+        return;
+      const touch = event.touches[0];
+      const isInside = touch.clientX >= footerRect.left && touch.clientX <= footerRect.right && touch.clientY >= footerRect.top && touch.clientY <= footerRect.bottom;
+      if (!isInside) {
+        audioState.value = AudioStateMap.AUDIO_CANCEL;
+        handlePause();
+      } else {
+        audioState.value = AudioStateMap.AUDIO_DOING;
+        handlePlay();
+      }
+    }, 100);
+    function onFooterTouchEnd() {
+      if (audioState.value === AudioStateMap.AUDIO_DOING) {
+        audioState.value = AudioStateMap.AUDIO;
+        handleEnd("click");
+      }
+      if (audioState.value === AudioStateMap.AUDIO_CANCEL) {
+        audioState.value = AudioStateMap.AUDIO;
+        handleCancel();
+      }
+      window.removeEventListener("touchend", onFooterTouchEnd);
+    }
+    function onFooterTouchCancel() {
+      audioState.value = AudioStateMap.AUDIO;
+      handleCancel();
+    }
+    const audioChartRef = ref();
+    const {
+      isWarning,
+      isActive,
+      handlePlay,
+      handlePause,
+      handleEnd,
+      handleCancel,
+      formattedTime,
+      warnTime,
+      audioSdk
+    } = useChartAudioContext(showState, (en, state2) => {
+      showState.show = state2;
+    }, {
+      waveSelector: () => audioChartRef.value
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["mobile-ai-chat-footer", unref(state).loading ? "disabled" : ""]),
+        style: normalizeStyle({
+          position: unref(showAudio) ? "" : "relative"
+        }),
+        ref_key: "footerRef",
+        ref: footerRef,
+        onTouchmove: _cache[6] || (_cache[6] = (...args) => unref(onFooterTouchMove) && unref(onFooterTouchMove)(...args)),
+        onTouchend: onFooterTouchEnd,
+        onTouchcancel: onFooterTouchCancel
+      }, [((_a = unref(shortcutList)) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(shortcutList), (item) => {
+        return openBlock(), createBlock(unref(NButton), {
+          secondary: "",
+          size: "small",
+          key: unref(getShortcutName)(item),
+          disabled: unref(isAllDisabled) || unref(isStreamingOutput) && unref(state).loading,
+          onClick: () => unref(handleShortcut)(item)
+        }, {
+          default: withCtx(() => [createTextVNode(toDisplayString(unref(getShortcutName)(item)), 1)]),
+          _: 2
+        }, 1032, ["disabled", "onClick"]);
+      }), 128))])) : createCommentVNode("v-if", true), createVNode(unref(NPopover), {
+        "content-style": "height: 400px",
+        placement: "top-start",
+        trigger: "manual",
+        width: "trigger",
+        "show-arrow": false,
+        to: false,
+        show: unref(showPopover),
+        onClickoutside: _cache[4] || (_cache[4] = ($event) => showPopover.value = false)
+      }, {
+        trigger: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(unref(NButton), {
+          text: "",
+          disabled: unref(isAllDisabled) || unref(showAudio) || unref(state).loading,
+          onClick: _cache[0] || (_cache[0] = ($event) => showAudio.value = true)
+        }, {
+          icon: withCtx(() => [createVNode(unref(NIcon), {
+            size: "32"
+          }, {
+            default: withCtx(() => [createVNode(MicroPhone)]),
+            _: 1
+          })]),
+          _: 1
+        }, 8, ["disabled"]), withDirectives(createVNode(unref(NInput), {
+          ref: "inputRef",
+          placeholder: "\u53D1\u6D88\u606F...",
+          disabled: unref(isAllDisabled) || unref(state).loading || unref(showAudio),
+          value: unref(state).sendContent,
+          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => unref(state).sendContent = $event),
+          onKeydownCapture: unref(handleKeyDown),
+          onInput: unref(handleInput)
+        }, null, 8, ["disabled", "value", "onKeydownCapture", "onInput"]), [[vShow, audioState.value === AudioStateMap.INPUT]]), withDirectives(createElementVNode("div", {
+          class: "mobile-ai-chat-footer__audioPushBar",
+          onTouchstart: onBarTouchStart
+        }, " \u6309\u4F4F\u8BF4\u8BDD ", 544), [[vShow, audioState.value === AudioStateMap.AUDIO]]), withDirectives(createVNode(unref(NIcon), {
+          onClick: _cache[2] || (_cache[2] = ($event) => audioState.value = AudioStateMap.AUDIO)
+        }, {
+          default: withCtx(() => [createVNode(AudioIcon)]),
+          _: 1
+        }, 512), [[vShow, audioState.value === AudioStateMap.INPUT]]), withDirectives(createVNode(unref(NIcon), {
+          onClick: _cache[3] || (_cache[3] = ($event) => audioState.value = AudioStateMap.INPUT)
+        }, {
+          default: withCtx(() => [createVNode(KeyboardIcon)]),
+          _: 1
+        }, 512), [[vShow, audioState.value === AudioStateMap.AUDIO]]), withDirectives(createElementVNode("section", {
+          ref_key: "audioChartRef",
+          ref: audioChartRef,
+          class: normalizeClass({
+            "mobile-ai-chat-footer__audioDoing": audioState.value === AudioStateMap.AUDIO_DOING,
+            "mobile-ai-chat-footer__audioCancel": audioState.value === AudioStateMap.AUDIO_CANCEL
+          })
+        }, _hoisted_4, 2), [[vShow, audioState.value === AudioStateMap.AUDIO_CANCEL || audioState.value === AudioStateMap.AUDIO_DOING]]), createVNode(unref(NIcon), null, {
+          default: withCtx(() => [createVNode(AddIcon)]),
+          _: 1
+        })])]),
+        default: withCtx(() => {
+          var _a2;
+          return [createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [!unref(breadcrumb).length ? (openBlock(), createElementBlock("span", _hoisted_7, ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.189")) || "\u63A8\u8350\u6307\u4EE4")) : (openBlock(), createElementBlock(Fragment, {
+            key: 1
+          }, [createVNode(unref(NButton), {
+            text: "",
+            onClick: handleBack
+          }, {
+            default: withCtx(() => [createVNode(unref(NIcon), {
+              color: "#999",
+              size: "20",
+              component: unref(ChevronBack)
+            }, null, 8, ["component"])]),
+            _: 1
+          }), createVNode(unref(NBreadcrumb), null, {
+            default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(breadcrumb), (item) => {
+              return openBlock(), createBlock(unref(NBreadcrumbItem), {
+                key: item.shortcutId
+              }, {
+                default: withCtx(() => [createTextVNode(toDisplayString(item.shortcutTitle), 1)]),
+                _: 2
+              }, 1024);
+            }), 128))]),
+            _: 1
+          })], 64))]), createElementVNode("div", _hoisted_8, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(currentCommand), (item) => {
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass(["menu-item", !item.children || !item.children.length ? "selectable" : "", unref(currentShortcutId) === item.shortcutId ? "selected" : ""]),
+              key: item.shortcutId,
+              onMouseover: withModifiers(() => currentShortcutId.value = item.shortcutId, ["stop"]),
+              onClick: () => unref(clickMenu)(item)
+            }, [createElementVNode("span", _hoisted_10, toDisplayString(item.shortcutTitle), 1), createElementVNode("span", _hoisted_11, toDisplayString(item.shortcutDescription), 1), item.children && item.children.length ? (openBlock(), createBlock(unref(NIcon), {
+              key: 0,
+              color: "#999",
+              size: "20",
+              component: unref(ChevronForward)
+            }, null, 8, ["component"])) : createCommentVNode("v-if", true)], 42, _hoisted_9);
+          }), 128))])])];
+        }),
+        _: 1
+      }, 8, ["show"]), createVNode(MobileChatAudio, {
+        show: unref(showAudio),
+        "onUpdate:show": _cache[5] || (_cache[5] = ($event) => isRef(showAudio) ? showAudio.value = $event : null)
+      }, null, 8, ["show"])], 38);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/ai-chat/src/components/svgs/AddIcon.vue.js

@@ -0,0 +1,18 @@
+import { openBlock, createElementBlock, createStaticVNode } from 'vue';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.js';
+
+const _sfc_main = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  viewBox: "0 0 24 24",
+  version: "1.1"
+};
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<g id="AI\u5DE5\u4F5C\u7AD9" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" fill-opacity="0.8"><g id="\u5E95\u90E8\u804A\u5929\u529F\u80FD\u4EA4\u4E92" transform="translate(-323, -75)" fill="#000000" fill-rule="nonzero"><g id="\u66F4\u591A" transform="translate(323, 75)"><rect id="\u77E9\u5F62" opacity="0" x="0" y="0" width="24" height="24"></rect><path d="M12,0 C5.371875,0 0,5.371875 0,12 C0,18.628125 5.371875,24 12,24 C18.628125,24 24,18.628125 24,12 C24,5.371875 18.628125,0 12,0 Z M12,22 C6.48660714,22 2,17.5133929 2,12 C2,6.48660714 6.48660714,2 12,2 C17.5133929,2 22,6.48660714 22,12 C22,17.5133929 17.5133929,22 12,22 Z M16.0909756,12.9171951 L12.9760976,12.9171951 L12.9760976,16.0807317 C12.9760976,16.5907195 12.5626707,17.0041464 12.0526829,17.0041464 C11.5426951,17.0041464 11.1292683,16.5907195 11.1292683,16.0807317 L11.1292683,12.9171951 L7.98841463,12.9171951 C7.48004325,12.9171951 7.06792682,12.5050787 7.06792682,11.9967073 C7.06792682,11.4883359 7.48004325,11.0762195 7.98841463,11.0762195 L11.1292683,11.0762195 L11.1292683,7.58963414 C11.1292683,7.07964632 11.5426951,6.6662195 12.0526829,6.6662195 C12.5626707,6.6662195 12.9760976,7.07964632 12.9760976,7.58963414 L12.9760976,11.0762195 L16.0909756,11.0762195 C16.599347,11.0762195 17.0114634,11.4883359 17.0114634,11.9967073 C17.0114634,12.5050787 16.599347,12.9171951 16.0909756,12.9171951 Z" id="\u5F62\u72B6"></path></g></g></g>', 1);
+const _hoisted_3 = [_hoisted_2];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+var AddIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "AddIcon.vue"]]);
+
+export { AddIcon as default };

package/es/components/ai-chat/src/components/svgs/AudioIcon.vue.js

@@ -0,0 +1,37 @@
+import { createElementVNode, openBlock, createElementBlock } from 'vue';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.js';
+
+var _a;
+const _sfc_main = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  viewBox: "0 0 24 24",
+  version: "1.1"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("g", {
+  id: "AI\u5DE5\u4F5C\u7AD9",
+  stroke: "none",
+  "stroke-width": "1",
+  fill: "none",
+  "fill-rule": "evenodd",
+  "fill-opacity": "0.8"
+}, [/* @__PURE__ */ createElementVNode("g", {
+  id: "\u5E95\u90E8\u804A\u5929\u529F\u80FD\u4EA4\u4E92",
+  transform: "translate(-283, -75)",
+  fill: "#000000",
+  "fill-rule": "nonzero"
+}, [/* @__PURE__ */ createElementVNode("g", {
+  id: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.130")) || "\u8BED\u97F3",
+  transform: "translate(283, 75)"
+}, [/* @__PURE__ */ createElementVNode("path", {
+  d: "M12.000014,24.0000279 C5.3956469,23.9454825 0.054539126,18.604381 0,12.000014 C0.0545454541,5.3956469 5.3956469,0.054539126 12.000014,0 C18.604381,0.0545454541 23.9454888,5.3956469 24.0000279,12.000014 C23.9454825,18.604381 18.604381,23.9454888 12.000014,24.0000279 Z M12,2 L12,2 C6.47714635,2 2,6.47714635 2,12 C2,17.5228536 6.47714635,22 12,22 C17.5228536,22 22,17.5228536 22,12 C22,11.9996503 22,11.9993006 22,11.9989509 L22,11.9982034 C22.0019059,6.47882084 17.5291198,2.00293668 12.0097372,2.00104339 C12.0062394,2.00104218 12.0027415,2.00104281 11.9992437,2.00104527 L12,2 Z M13.5883799,19.6363822 L12.4789247,18.3960167 C14.2352908,16.772743 15.4374672,14.4818325 15.4374672,11.9051107 C15.4374672,9.4222094 14.4207379,7.13128486 12.7560031,5.60400183 L13.8654583,4.36363633 L13.8654585,4.36363633 C15.8846156,6.35216775 17.0178528,9.0700795 17.0094622,11.9040047 C17.0094622,14.9585473 15.7145505,17.7272927 13.5883566,19.6363822 L13.5883799,19.6363822 Z M9.24326857,15.1494786 C10.3527285,14.4818419 11.0923653,13.3363866 11.0923653,11.9040139 C11.0923653,10.6636483 10.4454543,9.51819076 9.52145327,8.84947124 L10.7225445,7.60910573 C11.9247279,8.56365293 12.7560008,10.186929 12.7560008,11.9051107 C12.7560008,13.7182027 11.8319997,15.3414741 10.445452,16.3909363 L9.24326857,15.1494809 L9.24326857,15.1494786 Z M7.30145303,13.3363866 C6.65454212,13.3363866 6.10036179,12.7636578 6.10036179,12.0960211 C6.10036179,11.4272922 6.65454446,10.8545658 7.30145303,10.8545658 C7.94945378,10.8545658 8.50363646,11.4272945 8.50363646,12.0960211 C8.50363646,12.7636578 7.94945378,13.3363866 7.30145303,13.3363866 Z",
+  id: "\u5F62\u72B6"
+})])])], -1);
+const _hoisted_3 = [_hoisted_2];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+var AudioIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "AudioIcon.vue"]]);
+
+export { AudioIcon as default };

package/es/components/ai-chat/src/components/svgs/KeyboardIcon.vue.js

@@ -0,0 +1,20 @@
+import { openBlock, createElementBlock, createStaticVNode } from 'vue';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.js';
+
+const _sfc_main = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  width: "25px",
+  height: "25px",
+  viewBox: "0 0 25 25",
+  version: "1.1"
+};
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<g id="AI\u5DE5\u4F5C\u7AD9" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" fill-opacity="0.8"><g id="\u5E95\u90E8\u804A\u5929\u529F\u80FD\u4EA4\u4E92" transform="translate(-283, -180)" fill="#000000" fill-rule="nonzero"><g id="\u952E\u76D8" transform="translate(283.4361, 180.4245)"><path d="M11.9999578,24 C5.37265887,24 0,18.6273411 0,12.0000422 C0,5.37265887 5.37265887,0 11.9999578,0 C18.6273411,0 24,5.37265887 24,12.0000422 C24,18.6273411 18.6273411,24 11.9999578,24 Z M11.9998665,2 C6.47696399,2 2,6.47704409 2,12 C2,17.5229826 6.47704409,22 11.9998665,22 C17.5229826,22 22,17.5229559 22,11.9998665 C22,6.47701739 17.5229559,2 11.9998665,2 Z" id="\u5F62\u72B6"></path><path d="M17.9706826,14.4002952 L17.0516044,14.4002952 L17.0516044,14.4002952 C16.7978126,14.40022 16.5921033,14.19448 16.5920653,13.9406882 L16.5920653,12.1026702 L16.5920653,12.1027382 C16.5920653,11.8489685 16.7977665,11.6432371 17.0515365,11.6431991 L17.9706147,11.6431991 L17.9706147,11.6431991 C18.2243313,11.6432743 18.4299801,11.8489533 18.4300181,12.1026704 L18.4300181,13.9406884 L18.4300181,13.9406204 C18.4300181,14.1943589 18.2244219,14.4001079 17.9706826,14.4002952 L17.9706826,14.4002952 Z M17.9706826,10.2646533 L17.0516044,10.2646533 L17.0516044,10.2646533 C16.7978658,10.2645771 16.5921793,10.0589201 16.5920653,9.80518097 L16.5920653,7.96716296 L16.5920653,7.96729902 C16.5920653,7.71353388 16.797703,7.50777349 17.0514687,7.50762423 L17.9705469,7.50762423 L17.9705469,7.50762423 C18.2242588,7.50777453 18.4298743,7.71345111 18.4299503,7.96716333 L18.4299503,9.80518134 L18.4299503,9.80513589 C18.4298627,10.0588212 18.2242784,10.2644769 17.970593,10.2646533 L17.9706826,10.2646533 Z M14.2944349,14.4002952 L13.3754245,14.4002952 L13.3754245,14.4002952 C13.1216439,14.40022 12.9159532,14.1944691 12.9159532,13.9406882 L12.9159532,12.1026702 L12.9159532,12.1027382 C12.9159532,11.8489951 13.121613,11.6432751 13.3753567,11.6431991 L14.294367,11.6431991 L14.294367,11.6431991 C14.5481368,11.6431991 14.7538681,11.8489001 14.7539061,12.1026704 L14.7539061,13.9406884 L14.7539061,13.9406203 C14.7539061,14.1944121 14.5482271,14.4001839 14.2944349,14.4002952 L14.2944349,14.4002952 Z M14.2944349,10.264653 L13.3754245,10.264653 L13.3754245,10.264653 C13.1216814,10.2646146 12.9159913,10.0589247 12.9159533,9.80518097 L12.9159533,7.96716296 L12.9159533,7.96723096 C12.9159533,7.71347668 13.1216019,7.50773799 13.3753567,7.50762401 L14.294367,7.50762401 L14.2943671,7.50762401 C14.5481322,7.50769917 14.7538302,7.7133977 14.7539062,7.96716311 L14.7539062,9.80518112 L14.7539062,9.80513561 C14.7538186,10.0588742 14.5481515,10.2645526 14.2944132,10.264653 L14.2944349,10.264653 Z M17.5112059,16.6977872 L17.5112059,17.1573263 L17.5112059,17.1571901 C17.5112059,17.4109818 17.3055269,17.6167536 17.0517346,17.6168649 L6.94235199,17.6168649 L6.942352,17.6168649 C6.6885714,17.6168273 6.48281288,17.4111067 6.48281288,17.1573258 L6.48281288,16.6977867 L6.48281288,16.6978321 C6.48281288,16.4440936 6.68856785,16.2384151 6.94230585,16.2383147 L17.0516071,16.2383147 L17.0516071,16.2383147 C17.3053614,16.2383523 17.5110702,16.4440314 17.5112059,16.697786 L17.5112059,16.6977872 Z M10.6184043,14.4002988 L9.69939391,14.4002988 L9.69939389,14.4002988 C9.44561328,14.4002227 9.23992263,14.1944718 9.23992263,13.940691 L9.23992263,12.102673 L9.23992263,12.1027409 C9.23992263,11.8489978 9.44558234,11.6432778 9.69932604,11.6432018 L10.6183364,11.6432018 L10.6183364,11.6432018 C10.872117,11.6432018 11.0778673,11.8488919 11.0779433,12.1026731 L11.0779433,13.9406911 L11.0779433,13.9406457 C11.0778557,14.1944328 10.8721691,14.4001603 10.6183825,14.4002988 L10.6184043,14.4002988 Z M10.6184043,10.264655 L9.69939391,10.264655 L9.69939391,10.264655 C9.44565075,10.2646174 9.23996064,10.0589274 9.23992264,9.80518368 L9.23992264,7.96716567 L9.23992264,7.96723367 C9.23992264,7.71347939 9.44557123,7.5077407 9.69932606,7.50762672 L10.6183364,7.50762672 L10.6183364,7.50762672 C10.8721127,7.50770186 11.0778294,7.71338929 11.0779434,7.96716583 L11.0779434,9.80518384 L11.0779434,9.80518646 C11.0777916,10.0589361 10.8720834,10.2645817 10.6183337,10.264655 L10.6184043,10.264655 Z M6.94237368,14.4002979 L6.02336332,14.4002979 L6.0233633,14.4002979 C5.76959816,14.4001852 5.56393004,14.1944561 5.56389204,13.940691 L5.56389204,12.102673 L5.56389204,12.1027409 C5.56389204,11.8489978 5.76955175,11.6432778 6.02329545,11.6432018 L6.94230581,11.6432018 L6.9423058,11.6432018 C7.19604435,11.643277 7.40173093,11.848934 7.40184493,12.1026731 L7.40184493,13.9406911 L7.40184493,13.940555 C7.40184493,14.1943312 7.19621832,14.4001104 6.94244151,14.4002979 L6.94237368,14.4002979 Z M6.94237368,10.2646552 L6.02336332,10.2646552 L6.0233633,10.2646552 C5.76963561,10.2645798 5.56396803,10.0589116 5.56389202,9.80518368 L5.56389202,7.96716567 L5.56389202,7.96730171 C5.56389202,7.71356317 5.76948823,7.50781417 6.02322759,7.50762692 L6.94223795,7.50762692 L6.94223794,7.50762692 C7.19598761,7.50773961 7.40166307,7.71341608 7.40177705,7.96716602 L7.40177705,9.80518403 L7.40177705,9.80518668 C7.40162531,10.0589098 7.19595857,10.264544 6.94223523,10.2646552 L6.94237368,10.2646552 Z" id="\u5F62\u72B6\u7ED3\u5408"></path></g></g></g>', 1);
+const _hoisted_3 = [_hoisted_2];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+var KeyboardIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "KeyboardIcon.vue"]]);
+
+export { KeyboardIcon as default };

package/es/components/ai-chat/src/components/svgs/MicroPhone.vue.js

@@ -0,0 +1,48 @@
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.js';
+
+const _sfc_main = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  viewBox: "0 0 512 512"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "none",
+  stroke: "black",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "32",
+  d: "M192 448h128"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32",
+  fill: "none",
+  stroke: "black",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "32"
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "none",
+  stroke: "black",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "32",
+  d: "M256 368v80"
+}, null, -1);
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M256 64a63.68 63.68 0 0 0-64 64v111c0 35.2 29 65 64 65s64-29 64-65V128c0-36-28-64-64-64z",
+  fill: "none",
+  stroke: "#4972EF",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "32"
+}, null, -1);
+const _hoisted_6 = [_hoisted_2, _hoisted_3, _hoisted_4, _hoisted_5];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_6);
+}
+var MicroPhone = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "MicroPhone.vue"]]);
+
+export { MicroPhone as default };

package/es/components/ai-chat/src/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useData';
+export * from './useWebsocket';

package/es/components/ai-chat/src/hooks/index.js

@@ -0,0 +1,2 @@
+export { InjectionAIChatData, initData, useData } from './useData.js';
+export { useWebsocket } from './useWebsocket.js';

package/es/components/ai-chat/src/hooks/useChartAudioContext.d.ts

@@ -0,0 +1,18 @@
+import { AnyFn, AnyObject } from '../../../../shared/types';
+import { CAudioSDK } from '../../../../components/audio-sdk';
+export declare function useChartAudioContext(props: {
+    show: Boolean;
+}, emit: AnyFn, options: {
+    waveSelector: () => string | HTMLElement;
+    waveProps?: AnyObject;
+}): {
+    audioSdk: CAudioSDK;
+    isWarning: import("vue").Ref<boolean>;
+    warnTime: import("vue").Ref<number>;
+    isActive: import("vue").Ref<boolean>;
+    formattedTime: import("vue").ComputedRef<string>;
+    handlePause: () => void;
+    handlePlay: () => void;
+    handleEnd: (trigger?: string) => Promise<void>;
+    handleCancel: () => void;
+};

package/es/components/ai-chat/src/hooks/useChartAudioContext.js

@@ -0,0 +1,202 @@
+import { useIntervalFn, promiseTimeout } from '@vueuse/core';
+import { ref, computed, watch, nextTick, onBeforeUnmount } from 'vue';
+import { useData } from './useData.js';
+import { $message } from '../utils/index.js';
+import '../../../audio-sdk/index.js';
+import AudioSDK from '../../../audio-sdk/src/audioSDK.js';
+import Recorder from '../../../audio-sdk/src/utils/recorder/recorder.js';
+
+function useChartAudioContext(props, emit, options) {
+  const audioSdk = AudioSDK.create();
+  const {
+    state,
+    sessionId,
+    immediatelyRecording,
+    sendMessage,
+    $dialog,
+    isStreamingOutput
+  } = useData();
+  const time = ref(0);
+  let warnTimer = null;
+  let warnCancelTimer = null;
+  const NO_CONTENT_DURATION = 5e3;
+  const warnTime = ref(5);
+  const isWarning = ref(false);
+  function startWarningTimer() {
+    clearInterval(warnTimer);
+    setWarningState(false);
+    warnTimer = setTimeout(() => {
+      setWarningState(true);
+    }, NO_CONTENT_DURATION);
+  }
+  function setWarningState(state2) {
+    isWarning.value = state2;
+    if (state2) {
+      clearInterval(warnCancelTimer);
+      warnTime.value = 5;
+      warnCancelTimer = setInterval(() => {
+        if (warnTime.value > 0) {
+          warnTime.value--;
+        } else {
+          warnTime.value = 5;
+          clearInterval(warnCancelTimer);
+          startWarningTimer();
+        }
+      }, 1e3);
+    } else {
+      clearInterval(warnCancelTimer);
+    }
+  }
+  let endType = "";
+  const {
+    pause,
+    resume,
+    isActive
+  } = useIntervalFn(() => {
+    time.value++;
+  }, 1e3, {
+    immediate: false
+  });
+  const formattedTime = computed(() => {
+    const hours = Math.floor(time.value / 3600);
+    const minutes = Math.floor(time.value % 3600 / 60);
+    const seconds = time.value % 60;
+    const formattedMinutes = minutes.toString().padStart(2, "0");
+    const formattedSeconds = seconds.toString().padStart(2, "0");
+    if (hours > 0) {
+      const formattedHours = hours.toString().padStart(2, "0");
+      return `${formattedHours}:${formattedMinutes}:${formattedSeconds}`;
+    } else {
+      return `${formattedMinutes}:${formattedSeconds}`;
+    }
+  });
+  async function start() {
+    var _a;
+    try {
+      startWarningTimer();
+      const res = await audioSdk.start({
+        timed: 30 * 60,
+        type: "http",
+        showModal: false
+      });
+      emit("update:show", false);
+      if (endType !== "click")
+        return;
+      const {
+        result,
+        data
+      } = res || {};
+      if (result !== "success")
+        return;
+      if (data) {
+        state.sendContent = data;
+        if (!isStreamingOutput.value) {
+          state.loadingText = "\u7CFB\u7EDF\u6B63\u5728\u5BF9\u60A8\u7684\u5BF9\u8BDD\u5185\u5BB9\u8FDB\u884C\u68B3\u7406\u6574\u5408\uFF0C\u8F6C\u5316\u4E3A\u89C4\u8303\u7684\u7ED3\u6784\u5316\u95EE\u8BCA\u8BB0\u5F55";
+        }
+        sendMessage({
+          opType: "create_inquiry"
+        });
+      } else {
+        $message.warning("\u5F55\u97F3\u5185\u5BB9\u4E3A\u7A7A");
+      }
+    } catch (error) {
+      emit("update:show", false);
+      if ((error == null ? void 0 : error.result) === "fail" && error.msg) {
+        if (error.wsTimeout) {
+          $dialog.error({
+            title: "\u9519\u8BEF\u63D0\u793A",
+            maskClosable: false,
+            content: error.msg,
+            positiveText: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.27")) || "\u786E\u5B9A"
+          });
+          return;
+        }
+        $message.warning(error.msg);
+      }
+      throw error;
+    }
+  }
+  function handlePause() {
+    pause();
+    audioSdk.pause();
+    setWarningState(false);
+    clearInterval(warnTimer);
+  }
+  function handlePlay() {
+    resume();
+    audioSdk.resume();
+    startWarningTimer();
+  }
+  function handleCancel() {
+    audioSdk.handleError("\u7528\u6237\u53D6\u6D88\u5F55\u97F3");
+    emit("update:show", false);
+  }
+  async function handleEnd(trigger) {
+    endType = trigger || "";
+    audioSdk == null ? void 0 : audioSdk.stop();
+    emit("update:show", false);
+  }
+  watch(() => props.show, async (val) => {
+    var _a, _b, _c, _d;
+    if (val) {
+      endType = "";
+      time.value = 0;
+      resume();
+      start();
+      if (!audioSdk.waveView) {
+        await nextTick();
+        audioSdk.waveView = (_d = (_c = (_b = Recorder).FrequencyHistogramView) == null ? void 0 : _c.call(_b, {
+          elem: (_a = options == null ? void 0 : options.waveSelector) == null ? void 0 : _a.call(options),
+          scale: 1,
+          fps: 15,
+          widthRatio: 0.4,
+          lineCount: 30,
+          minHeight: 2,
+          stripeEnable: false,
+          linear: [0, "rgba(105, 153, 244)", 1, "rgba(47, 118, 252)"],
+          position: 0,
+          ...options == null ? void 0 : options.waveProps
+        })) != null ? _d : null;
+      }
+    } else {
+      pause();
+    }
+  }, {
+    immediate: true
+  });
+  watch(() => sessionId.value, async (value) => {
+    const show = props.show;
+    if (props.show) {
+      handleEnd();
+    }
+    if (immediatelyRecording.value) {
+      if (show) {
+        await promiseTimeout(10);
+      }
+      emit("update:show", true);
+    }
+  }, {
+    immediate: true
+  });
+  watch(() => audioSdk.contentRef.value, (value) => {
+    state.sendContent = value || "";
+    setWarningState(false);
+    startWarningTimer();
+  });
+  onBeforeUnmount(() => {
+    AudioSDK.destroy();
+  });
+  return {
+    audioSdk,
+    isWarning,
+    warnTime,
+    isActive,
+    formattedTime,
+    handlePause,
+    handlePlay,
+    handleEnd,
+    handleCancel
+  };
+}
+
+export { useChartAudioContext };