cnhis-design-vue 3.3.2-release.0 → 3.3.2-release.2

package/es/components/audio-sdk/src/components/recording.vue2.js

@@ -1,18 +1,68 @@
-import { defineComponent, openBlock, createElementBlock, createBlock, unref, Fragment, createElementVNode, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode } from 'vue';
-import { isString, isObject } from 'lodash-es';
-import { NSpin, NIcon, NButton } from 'naive-ui';
-import { Mic } from '@vicons/ionicons5';
-import axios from 'axios';
+import { createElementVNode, defineComponent, toRefs, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createBlock, createCommentVNode, toDisplayString, withDirectives, vShow, isRef, createTextVNode } from 'vue';
+import { NSpin, NIcon, NTooltip, NSpace, NButton } from 'naive-ui';
+import { StopCircle, MicOff, PlayCircleOutline } from '@vicons/ionicons5';
+import { useDebounceFn, promiseTimeout } from '@vueuse/core';
+import { useChartAudioContext } from '../hooks/useChartAudioContext.js';
+import ReadyCountdown from './readyCountdown.vue.js';
+import CloseSvg from '../svgs/Close.vue.js';
+import ZoomSvg from '../svgs/Zoom.vue.js';
+import PauseSvg from '../svgs/Pause.vue.js';
+import ContinueSvg from '../svgs/Continue.vue.js';
+import EnlargeSvg from '../svgs/Enlarge.vue.js';
+import WaveView from '../svgs/WaveView.vue.js';
 
 const _hoisted_1 = {
-  class: "c-recording-wrapper"
+  key: 0,
+  class: "c-recording-small"
 };
 const _hoisted_2 = {
-  class: "content"
+  class: "c-recording-chart-box-small-wrap"
 };
 const _hoisted_3 = {
-  key: 0,
-  class: "btns"
+  class: "c-recording-formatted-time"
+};
+const _hoisted_4 = {
+  class: "tip-small"
+};
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("span", null, "\u6682\u505C", -1);
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", null, "\u7EE7\u7EED", -1);
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("span", null, function() {
+  var _a, _b, _c;
+  try {
+    return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.77")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.77")) || "\u7ED3\u675F";
+  } catch (e) {
+    return "\u7ED3\u675F";
+  }
+}(), -1);
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", {
+  class: "split-line"
+}, null, -1);
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", null, "\u653E\u5927", -1);
+const _hoisted_10 = {
+  key: 1,
+  class: "c-recording-top-wrap"
+};
+const _hoisted_11 = {
+  class: "c-recording-header"
+};
+const _hoisted_12 = /* @__PURE__ */ createElementVNode("span", null, "\u7F29\u5C0F", -1);
+const _hoisted_13 = {
+  class: "c-recording-container"
+};
+const _hoisted_14 = {
+  class: "c-recording-status-section"
+};
+const _hoisted_15 = {
+  class: "c-recording-chart-box-wrap"
+};
+const _hoisted_16 = {
+  class: "tip"
+};
+const _hoisted_17 = {
+  class: "c-recording-formatted-time"
+};
+const _hoisted_18 = {
+  class: "content"
 };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "recording",
@@ -35,85 +85,279 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     },
     loading: {
       type: Boolean,
-      default: true
+      default: false
+    },
+    wsConnected: {
+      type: Boolean,
+      default: false
     },
     fromSdk: {
       type: Boolean
+    },
+    show: {
+      type: Boolean,
+      default: false
+    },
+    startWaveViewMethod: {
+      type: Function
+    },
+    recorderStatus: {
+      type: String,
+      default: ""
     }
   },
-  emits: ["close", "success", "end", "fail", "update:loading"],
+  emits: ["close", "success", "fail", "pause", "resume", "toAnalyzing", "heightChange"],
   setup(__props, {
-    expose,
     emit
   }) {
     const props = __props;
-    const consultationRecordUrl = "/flow/openApi/consultationRecord";
-    function close() {
-      emit("close");
-    }
-    async function toAnalyzing() {
-      if (props.fromSdk)
-        return close();
-      emit("end");
-      emit("update:loading", true);
-      try {
-        const audioText = isString(props.content) ? props.content : isObject(props.content) ? props.content.data : "";
-        const {
-          data
-        } = await axios.post(consultationRecordUrl, {
-          taskId: 1,
-          audioText,
-          intentionCode: props.intentionCode,
-          configs: props.configs || {}
-        }, {
-          headers: {
-            Authorization: `bearer ${props.token}`
-          }
-        });
-        if (!(data == null ? void 0 : data.success)) {
-          emit("fail", {
-            result: "fail",
-            msg: data.msg
-          });
-          return;
-        }
-        const json = (data == null ? void 0 : data.data) || {};
-        emit("success", json);
-      } catch (error) {
-        emit("fail", error);
-      } finally {
-        emit("update:loading", false);
+    const {
+      loading,
+      content,
+      wsConnected,
+      recorderStatus
+    } = toRefs(props);
+    const audioChartRef = ref();
+    const audioChartSamllRef = ref();
+    const contentScrollRef = ref();
+    const {
+      isActive,
+      isWarning,
+      formattedTime,
+      isCountFinished,
+      isCountActive,
+      isZoomSmall,
+      pause,
+      btnDisabled,
+      handleEnd,
+      handlePause,
+      handlePlay,
+      handleZoom,
+      setWarningState,
+      startWarningTimer,
+      initStartWaveView,
+      cleanupState,
+      handleHeightChange
+    } = useChartAudioContext(props, emit, {
+      waveSelector: () => audioChartRef.value,
+      waveSelectorSmall: () => audioChartSamllRef.value
+    });
+    const onEnd = useDebounceFn(handleEnd, 500);
+    const onPause = useDebounceFn(handlePause, 500);
+    const onPlay = useDebounceFn(handlePlay, 500);
+    const onZoom = useDebounceFn(handleZoom, 500);
+    const isSpining = computed(() => !wsConnected.value || loading.value);
+    const isFailStatus = computed(() => recorderStatus.value === "fail");
+    const isActiveStatus = computed(() => !loading.value && isActive.value && !isWarning.value);
+    const isWarningStatus = computed(() => isFailStatus.value || !loading.value && isActive.value && isWarning.value);
+    const isPauseStatus = computed(() => !isFailStatus.value && (loading.value || !isActive.value));
+    const showContent = computed(() => isCountFinished.value && !!content.value);
+    const tip = computed(() => {
+      if (isFailStatus.value)
+        return "\u5F55\u97F3\u5F02\u5E38\uFF01";
+      if (loading.value)
+        return "\u5F55\u97F3\u8BC6\u522B\u4E2D...";
+      if (isActiveStatus.value)
+        return "\u6B63\u5728\u5F55\u97F3\u4E2D...";
+      if (isWarningStatus.value)
+        return "\u65E0\u8BED\u97F3\u5F55\u5165\uFF0C\u8BF7\u68C0\u6D4B\u662F\u5426\u5F55\u97F3\uFF01";
+      return "\u5DF2\u6682\u505C\u5F55\u97F3";
+    });
+    const tipSmall = computed(() => {
+      if (isFailStatus.value)
+        return "\u5F55\u5165\u5F02\u5E38";
+      if (loading.value)
+        return "\u8BC6\u522B\u4E2D...";
+      if (isActiveStatus.value)
+        return "\u5F55\u97F3\u4E2D...";
+      if (isWarningStatus.value)
+        return "\u5F55\u5165\u5F02\u5E38";
+      return "\u5DF2\u6682\u505C";
+    });
+    const showDom = computed(() => props.show && wsConnected.value && isCountFinished.value);
+    watch(() => props.show, async (val) => {
+      if (val || isFailStatus.value) {
+        cleanupState();
+        startWarningTimer(8e3);
+      } else {
+        pause == null ? void 0 : pause();
       }
-    }
-    expose({
-      toAnalyzing
+    }, {
+      immediate: true
+    });
+    watch(() => showDom.value, (newVal) => {
+      if (!newVal || isFailStatus.value)
+        return;
+      initStartWaveView();
+    });
+    watch(() => isFailStatus.value, (newVal) => {
+      if (!newVal)
+        return;
+      isCountFinished.value = true;
+      cleanupState();
+    });
+    watch(() => content.value, async (value) => {
+      setWarningState(false);
+      startWarningTimer();
+      await promiseTimeout(10);
+      const scrollRef = contentScrollRef.value;
+      if (!scrollRef)
+        return;
+      await promiseTimeout(50);
+      requestAnimationFrame(() => {
+        scrollRef.scrollTop = scrollRef.scrollHeight;
+      });
+    });
+    watch(() => showContent.value, (newVal) => {
+      handleHeightChange(newVal);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [__props.loading ? (openBlock(), createBlock(unref(NSpin), {
-        key: 0,
-        description: "\u52A0\u8F7D\u4E2D..."
-      })) : (openBlock(), createElementBlock(Fragment, {
-        key: 1
-      }, [createElementVNode("p", _hoisted_2, toDisplayString(__props.content || "\u6B63\u5728\u8046\u542C..."), 1), createElementVNode("div", {
-        class: "icon-box",
-        onClick: toAnalyzing
-      }, [createVNode(unref(NIcon), {
-        size: "60",
-        color: "#fff",
-        component: unref(Mic)
-      }, null, 8, ["component"])]), __props.showBtn ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(NButton), {
-        type: "primary",
-        onClick: toAnalyzing,
-        disabled: !__props.content
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["c-recording-wrapper", {
+          "c-recording-wrapper-warning": unref(isWarningStatus),
+          "c-recording-wrapper-pause": unref(isPauseStatus),
+          "c-recording-wrapper-disabled": unref(loading),
+          "c-recording-wrapper-show_content": unref(showContent)
+        }])
+      }, [createVNode(unref(NSpin), {
+        show: unref(isSpining)
       }, {
-        default: withCtx(() => [createTextVNode("\u7ED3\u675F\u5F55\u97F3")]),
-        _: 1
-      }, 8, ["disabled"]), createVNode(unref(NButton), {
-        onClick: close
-      }, {
-        default: withCtx(() => [createTextVNode("\u53D6\u6D88\u5F55\u97F3")]),
+        default: withCtx(() => [unref(isZoomSmall) ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", {
+          ref_key: "audioChartSamllRef",
+          ref: audioChartSamllRef,
+          class: "c-recording-chart-box-small"
+        }, null, 512), unref(isPauseStatus) || unref(isWarningStatus) ? (openBlock(), createBlock(unref(NIcon), {
+          key: 0,
+          color: "#FF1818",
+          component: WaveView
+        })) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_3, toDisplayString(unref(formattedTime)), 1), createElementVNode("span", _hoisted_4, toDisplayString(unref(tipSmall)), 1), createVNode(unref(NTooltip), null, {
+          trigger: withCtx(() => [withDirectives(createVNode(unref(NIcon), {
+            component: PauseSvg,
+            onClick: unref(onPause)
+          }, null, 8, ["onClick"]), [[vShow, unref(isActive)]])]),
+          default: withCtx(() => [_hoisted_5]),
+          _: 1
+        }), createVNode(unref(NTooltip), null, {
+          trigger: withCtx(() => [withDirectives(createVNode(unref(NIcon), {
+            component: ContinueSvg,
+            onClick: unref(onPlay)
+          }, null, 8, ["onClick"]), [[vShow, !unref(isActive)]])]),
+          default: withCtx(() => [_hoisted_6]),
+          _: 1
+        }), createVNode(unref(NTooltip), null, {
+          trigger: withCtx(() => [createVNode(unref(NIcon), {
+            component: unref(StopCircle),
+            color: "#FF1818",
+            onClick: _cache[0] || (_cache[0] = () => unref(onEnd)("end"))
+          }, null, 8, ["component"])]),
+          default: withCtx(() => [_hoisted_7]),
+          _: 1
+        }), _hoisted_8, createVNode(unref(NTooltip), null, {
+          trigger: withCtx(() => [createVNode(unref(NIcon), {
+            component: EnlargeSvg,
+            onClick: unref(onZoom),
+            class: "c-recording-zoom-svg"
+          }, null, 8, ["onClick"])]),
+          default: withCtx(() => [_hoisted_9]),
+          _: 1
+        })])) : (openBlock(), createElementBlock("div", _hoisted_10, [createElementVNode("div", _hoisted_11, [createVNode(unref(NSpace), {
+          "wrap-item": false,
+          size: 16,
+          justify: "end"
+        }, {
+          default: withCtx(() => [!unref(btnDisabled) ? (openBlock(), createBlock(unref(NTooltip), {
+            key: 0
+          }, {
+            trigger: withCtx(() => [createVNode(unref(NIcon), {
+              size: 16,
+              onClick: unref(onZoom),
+              component: ZoomSvg
+            }, null, 8, ["onClick"])]),
+            default: withCtx(() => [_hoisted_12]),
+            _: 1
+          })) : createCommentVNode("v-if", true), createVNode(unref(NIcon), {
+            class: "audio-icon",
+            size: 16,
+            onClick: _cache[1] || (_cache[1] = () => unref(onEnd)("close")),
+            component: CloseSvg
+          })]),
+          _: 1
+        })]), createElementVNode("div", _hoisted_13, [createElementVNode("div", _hoisted_14, [!unref(isCountFinished) ? (openBlock(), createBlock(ReadyCountdown, {
+          key: 0,
+          isCountFinished: unref(isCountFinished),
+          "onUpdate:isCountFinished": _cache[2] || (_cache[2] = ($event) => isRef(isCountFinished) ? isCountFinished.value = $event : null),
+          isCountActive: unref(isCountActive)
+        }, null, 8, ["isCountFinished", "isCountActive"])) : (openBlock(), createBlock(unref(NSpace), {
+          key: 1,
+          vertical: "",
+          size: 4,
+          "wrap-item": false,
+          justify: "space-between",
+          align: "center"
+        }, {
+          default: withCtx(() => [createElementVNode("div", _hoisted_15, [createElementVNode("div", {
+            ref_key: "audioChartRef",
+            ref: audioChartRef,
+            class: "c-recording-chart-box"
+          }, null, 512)]), unref(isWarningStatus) ? (openBlock(), createBlock(unref(NIcon), {
+            key: 0,
+            size: "54",
+            color: "#FF1818",
+            component: unref(MicOff)
+          }, null, 8, ["component"])) : createCommentVNode("v-if", true), unref(isPauseStatus) ? (openBlock(), createBlock(unref(NIcon), {
+            key: 1,
+            size: "54",
+            color: "#FF1818",
+            component: unref(PlayCircleOutline)
+          }, null, 8, ["component"])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_16, toDisplayString(unref(tip)), 1), createElementVNode("h3", _hoisted_17, toDisplayString(unref(formattedTime)), 1)]),
+          _: 1
+        }))]), createVNode(unref(NSpace), {
+          "wrap-item": false,
+          size: 15,
+          class: "c-recording-btn-section"
+        }, {
+          default: withCtx(() => [withDirectives(createVNode(unref(NButton), {
+            size: "large",
+            round: "",
+            disabled: unref(btnDisabled),
+            onClick: unref(onPause)
+          }, {
+            default: withCtx(() => [createTextVNode("\u6682\u505C")]),
+            _: 1
+          }, 8, ["disabled", "onClick"]), [[vShow, unref(isActive)]]), withDirectives(createVNode(unref(NButton), {
+            size: "large",
+            round: "",
+            disabled: unref(btnDisabled),
+            onClick: unref(onPlay)
+          }, {
+            default: withCtx(() => [createTextVNode("\u7EE7\u7EED")]),
+            _: 1
+          }, 8, ["disabled", "onClick"]), [[vShow, !unref(isActive)]]), createVNode(unref(NButton), {
+            round: "",
+            color: "#FF1818",
+            size: "large",
+            disabled: unref(btnDisabled),
+            onClick: _cache[3] || (_cache[3] = () => unref(onEnd)("end"))
+          }, {
+            default: withCtx(() => [createTextVNode(function() {
+              var _a, _b, _c;
+              try {
+                return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.77")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.77")) || "\u7ED3\u675F";
+              } catch (e) {
+                return "\u7ED3\u675F";
+              }
+            }())]),
+            _: 1
+          }, 8, ["disabled"])]),
+          _: 1
+        })])])), unref(showContent) ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: "c-recording-content-wrap",
+          ref_key: "contentScrollRef",
+          ref: contentScrollRef
+        }, [createElementVNode("p", _hoisted_18, toDisplayString(unref(content)), 1)], 512)) : createCommentVNode("v-if", true)]),
         _: 1
-      })])) : createCommentVNode("v-if", true)], 64))]);
+      }, 8, ["show"])], 2);
     };
   }
 });

package/es/components/audio-sdk/src/hooks/useChartAudioContext.d.ts

@@ -0,0 +1,24 @@
+import { AnyObject, AnyFn } from '../../../../shared/types';
+export declare function useChartAudioContext(props: AnyObject, emit: AnyFn, options: {
+    waveSelector: () => string | HTMLElement;
+    waveSelectorSmall: () => string | HTMLElement;
+    waveProps?: AnyObject;
+}): {
+    isActive: import("vue").Ref<boolean>;
+    isWarning: import("vue").Ref<boolean>;
+    formattedTime: import("vue").ComputedRef<string>;
+    isCountFinished: import("vue").Ref<boolean>;
+    isCountActive: import("vue").Ref<boolean>;
+    isZoomSmall: import("vue").Ref<boolean>;
+    pause: any;
+    btnDisabled: import("vue").ComputedRef<any>;
+    handleEnd: (closeType?: string) => Promise<any>;
+    handlePause: () => Promise<void>;
+    handlePlay: () => Promise<void>;
+    handleZoom: () => Promise<void>;
+    setWarningState: (state: boolean) => void;
+    startWarningTimer: (initTime?: number) => void;
+    initStartWaveView: () => Promise<void>;
+    cleanupState: () => void;
+    handleHeightChange: (showContent: boolean) => void;
+};

package/es/components/audio-sdk/src/hooks/useChartAudioContext.js

@@ -0,0 +1,176 @@
+import { ref, computed, watch } from 'vue';
+import { promiseTimeout, useIntervalFn } from '@vueuse/core';
+
+function useChartAudioContext(props, emit, options) {
+  const isCountFinished = ref(false);
+  const isCountActive = ref(true);
+  const time = ref(0);
+  let warnTimer = null;
+  let warnCancelTimer = null;
+  const NO_CONTENT_DURATION = 5e3;
+  const warnTime = ref(5);
+  const isWarning = ref(false);
+  let pause = null;
+  let resume = null;
+  const isActive = ref(false);
+  const isZoomSmall = ref(false);
+  const initAudioTiming = () => {
+    pause = null;
+    resume = null;
+    const {
+      pause: pauseFn,
+      resume: resumeFn,
+      isActive: iIsActive
+    } = useIntervalFn(() => {
+      time.value++;
+    }, 1e3);
+    pause = pauseFn;
+    resume = resumeFn;
+    watch(iIsActive, (val) => {
+      isActive.value = val;
+    }, {
+      immediate: true
+    });
+  };
+  const btnDisabled = computed(() => props.loading || !isCountFinished.value || props.recorderStatus === "fail");
+  const formattedTime = computed(() => {
+    if (!time.value)
+      return "00:00";
+    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}`;
+    }
+  });
+  function startWarningTimer(initTime = NO_CONTENT_DURATION) {
+    warnTimer && clearInterval(warnTimer);
+    setWarningState(false);
+    warnTimer = setTimeout(() => {
+      setWarningState(true);
+    }, initTime);
+  }
+  function setWarningState(state) {
+    isWarning.value = state;
+    if (state) {
+      clearInterval(warnCancelTimer);
+      warnTime.value = 5;
+      warnCancelTimer = setInterval(() => {
+        if (warnTime.value > 0) {
+          warnTime.value--;
+        } else {
+          warnTime.value = 5;
+          clearInterval(warnCancelTimer);
+          startWarningTimer();
+        }
+      }, 1e3);
+    } else {
+      clearInterval(warnCancelTimer);
+    }
+  }
+  const cleanupState = () => {
+    isCountFinished.value = false;
+    isCountActive.value = true;
+    warnTimer && clearTimeout(warnTimer);
+    warnCancelTimer && clearInterval(warnCancelTimer);
+    time.value = 0;
+    warnTimer = null;
+    warnCancelTimer = null;
+    isWarning.value = false;
+    pause = null;
+    resume = null;
+    isActive.value = false;
+  };
+  const handleEnd = async (closeType = "close") => {
+    if (btnDisabled.value && closeType == "end")
+      return;
+    isCountActive.value = false;
+    const isEndSet = closeType == "end";
+    const isCloseSet = closeType == "close";
+    pause == null ? void 0 : pause();
+    if (props.fromSdk || closeType === "close") {
+      return emit("close", {
+        isEndSet,
+        isCloseSet
+      });
+    }
+    emit("toAnalyzing", {
+      isEndSet,
+      isCloseSet
+    });
+  };
+  const handlePause = async () => {
+    if (btnDisabled.value)
+      return;
+    pause == null ? void 0 : pause();
+    setWarningState(false);
+    warnTimer && clearTimeout(warnTimer);
+    emit("pause");
+  };
+  const handlePlay = async () => {
+    if (btnDisabled.value)
+      return;
+    resume();
+    startWarningTimer();
+    emit("resume");
+  };
+  const handleHeightChange = (showContent) => {
+    let cH = isZoomSmall.value ? 58 : 284;
+    if (showContent) {
+      cH = isZoomSmall.value ? 210 : 436;
+    }
+    emit("heightChange", cH);
+  };
+  const handleZoom = async () => {
+    var _a;
+    if (btnDisabled.value)
+      return;
+    isZoomSmall.value = !isZoomSmall.value;
+    await promiseTimeout(50);
+    handleHeightChange(isCountFinished.value && props.content);
+    if (!props.startWaveViewMethod || typeof props.startWaveViewMethod !== "function")
+      return;
+    (_a = props.startWaveViewMethod) == null ? void 0 : _a.call(props, {
+      waveSelector: isZoomSmall.value ? options.waveSelectorSmall : options.waveSelector,
+      waveProps: {
+        widthRatio: isZoomSmall.value ? 0.4 : 0.5,
+        lineCount: isZoomSmall.value ? 3 : 30,
+        minHeight: isZoomSmall.value ? 4 : 2
+      }
+    });
+  };
+  const initStartWaveView = async () => {
+    var _a;
+    initAudioTiming();
+    await promiseTimeout(50);
+    (_a = props.startWaveViewMethod) == null ? void 0 : _a.call(props, {
+      waveSelector: options.waveSelector
+    });
+  };
+  return {
+    isActive,
+    isWarning,
+    formattedTime,
+    isCountFinished,
+    isCountActive,
+    isZoomSmall,
+    pause,
+    btnDisabled,
+    handleEnd,
+    handlePause,
+    handlePlay,
+    handleZoom,
+    setWarningState,
+    startWarningTimer,
+    initStartWaveView,
+    cleanupState,
+    handleHeightChange
+  };
+}
+
+export { useChartAudioContext };

package/es/components/audio-sdk/src/svgs/Close.vue.js

@@ -0,0 +1,26 @@
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+const _sfc_main = {};
+const _hoisted_1 = {
+  t: "1709016977682",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "33595",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  width: "32",
+  height: "32"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M512 432.448l353.92-353.92a56.128 56.128 0 0 1 96 39.68 56.192 56.192 0 0 1-16.448 39.808L591.552 512l353.92 353.92a56.192 56.192 0 1 1-79.552 79.552L512 591.552l-353.92 353.92a56.128 56.128 0 0 1-96-39.68c0-14.976 5.888-29.312 16.448-39.808L432.448 512l-353.92-353.92a56.128 56.128 0 0 1 39.68-96c14.976 0 29.312 5.888 39.808 16.448L512 432.448z",
+  "p-id": "33596"
+}, null, -1);
+const _hoisted_3 = [_hoisted_2];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+var CloseSvg = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "Close.vue"]]);
+
+export { CloseSvg as default };

package/es/components/audio-sdk/src/svgs/Continue.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 = {
+  width: "32px",
+  height: "32.3232323px",
+  viewBox: "0 0 32 32.3232323",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink"
+};
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<g id="\u7535\u5B50\u75C5\u5386" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="\u753B\u677F" transform="translate(-1430, -727)"><g id="\u7F16\u7EC4-10" transform="translate(111, 186)"><g id="\u7F16\u7EC4-9" transform="translate(1136, 532)"><g id="\u7EE7\u7EED\u5F55\u97F3" transform="translate(183, 9)"><ellipse id="\u692D\u5706\u5F62" fill-opacity="0.08" fill="#5F58E0" cx="16" cy="16.1616162" rx="16" ry="16.1616162"></ellipse><g id="\u7F16\u7EC4" transform="translate(10.4, 8.0808)" fill="#464646"><path d="M12.1419265,9.33720245 L2.22486107,15.9250123 C1.56119513,16.3700919 0.663665944,16.16807 0.233863237,15.4799327 C0.0774276935,15.236875 0,14.9543599 0,14.6718448 L0,1.49622514 C0,0.686559003 0.663665944,0 1.44426351,0 C1.71763067,0 1.99099783,0.0804931245 2.22486107,0.24305767 L12.1419265,6.83086751 C12.8055924,7.27594714 13.0015319,8.20556381 12.5717292,8.89212282 C12.4532174,9.05468736 12.3362858,9.21567361 12.1419265,9.33720245 L12.1419265,9.33720245 Z" id="\u8DEF\u5F84"></path></g></g></g></g></g></g>', 1);
+const _hoisted_3 = [_hoisted_2];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+var ContinueSvg = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "Continue.vue"]]);
+
+export { ContinueSvg as default };