cnhis-design-vue 3.3.1-release.4 → 3.3.1-release.5

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

@@ -1,10 +1,10 @@
 import { useIntervalFn, promiseTimeout } from '@vueuse/core';
-import Recorder from 'recorder-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();

package/es/components/audio-sdk/index.d.ts

@@ -1,5 +1,7 @@
 import { SFCWithInstall } from '../../shared/types';
 import AudioSDK from './src/audioSDK';
+import Recorder from './src/utils/recorder';
+export { Recorder as CRecorder };
 export { AudioSDK as CAudioSDK };
 declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
     timed: {
@@ -57,6 +59,7 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
     emit: (event: "close" | "success" | "fail", ...args: any[]) => void;
     recordingRef: import("vue").Ref<any>;
     isRecording: import("vue").Ref<boolean>;
+    loading: import("vue").Ref<boolean>;
     content: import("vue").ComputedRef<string>;
     recordingProps: import("vue").ComputedRef<{
         token: string | undefined;
@@ -87,6 +90,10 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
         configs: {
             type: import("vue").PropType<import("../../shared/types").AnyObject>;
         };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {
         consultationRecordUrl: string;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -108,21 +115,25 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
             configs: {
                 type: import("vue").PropType<import("../../shared/types").AnyObject>;
             };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onSuccess?: ((...args: any[]) => any) | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
             onFail?: ((...args: any[]) => any) | undefined;
             onEnd?: ((...args: any[]) => any) | undefined;
+            "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
         }>>;
-        emit: (event: "close" | "success" | "end" | "fail", ...args: any[]) => void;
-        loading: import("vue").Ref<boolean>;
+        emit: (event: "close" | "success" | "end" | "fail" | "update:loading", ...args: any[]) => void;
         close: () => void;
         toAnalyzing: () => Promise<void>;
         NIcon: any;
         NButton: any;
         NSpin: any;
         Mic: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "success" | "end" | "fail")[], "close" | "success" | "end" | "fail", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "success" | "end" | "fail" | "update:loading")[], "close" | "success" | "end" | "fail" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         content: {
             type: import("vue").PropType<string | {
                 data: string;
@@ -141,15 +152,21 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
         configs: {
             type: import("vue").PropType<import("../../shared/types").AnyObject>;
         };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onSuccess?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
         onFail?: ((...args: any[]) => any) | undefined;
         onEnd?: ((...args: any[]) => any) | undefined;
+        "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
     }, {
         content: string | {
             data: string;
         };
+        loading: boolean;
         showBtn: boolean;
     }>;
     RecordingModal: import("vue").DefineComponent<{
@@ -185,6 +202,10 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
             configs: {
                 type: import("vue").PropType<import("../../shared/types").AnyObject>;
             };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }, {
             consultationRecordUrl: string;
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -206,21 +227,25 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
                 configs: {
                     type: import("vue").PropType<import("../../shared/types").AnyObject>;
                 };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & {
                 onSuccess?: ((...args: any[]) => any) | undefined;
                 onClose?: ((...args: any[]) => any) | undefined;
                 onFail?: ((...args: any[]) => any) | undefined;
                 onEnd?: ((...args: any[]) => any) | undefined;
+                "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
             }>>;
-            emit: (event: "close" | "success" | "end" | "fail", ...args: any[]) => void;
-            loading: import("vue").Ref<boolean>;
+            emit: (event: "close" | "success" | "end" | "fail" | "update:loading", ...args: any[]) => void;
             close: () => void;
             toAnalyzing: () => Promise<void>;
             NIcon: any;
             NButton: any;
             NSpin: any;
             Mic: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "success" | "end" | "fail")[], "close" | "success" | "end" | "fail", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "success" | "end" | "fail" | "update:loading")[], "close" | "success" | "end" | "fail" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             content: {
                 type: import("vue").PropType<string | {
                     data: string;
@@ -239,15 +264,21 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
             configs: {
                 type: import("vue").PropType<import("../../shared/types").AnyObject>;
             };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onSuccess?: ((...args: any[]) => any) | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
             onFail?: ((...args: any[]) => any) | undefined;
             onEnd?: ((...args: any[]) => any) | undefined;
+            "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
         }, {
             content: string | {
                 data: string;
             };
+            loading: boolean;
             showBtn: boolean;
         }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/components/audio-sdk/index.js

@@ -2,6 +2,7 @@ import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
 import { safeComponentRegister } from '../../shared/utils/index.js';
 import script from './src/Index.vue.js';
 export { default as CAudioSDK } from './src/audioSDK.js';
+export { default as CRecorder } from './src/utils/recorder/recorder.js';
 
 const AudioSdk = script;
 AudioSdk.install = function(app) {

package/es/components/audio-sdk/src/Index.vue.d.ts

@@ -57,6 +57,7 @@ declare const _default: import("vue").DefineComponent<{
     emit: (event: "close" | "success" | "fail", ...args: any[]) => void;
     recordingRef: import("vue").Ref<any>;
     isRecording: import("vue").Ref<boolean>;
+    loading: import("vue").Ref<boolean>;
     content: import("vue").ComputedRef<string>;
     recordingProps: import("vue").ComputedRef<{
         token: string | undefined;
@@ -87,6 +88,10 @@ declare const _default: import("vue").DefineComponent<{
         configs: {
             type: PropType<AnyObject>;
         };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {
         consultationRecordUrl: string;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -108,21 +113,25 @@ declare const _default: import("vue").DefineComponent<{
             configs: {
                 type: PropType<AnyObject>;
             };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onSuccess?: ((...args: any[]) => any) | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
             onFail?: ((...args: any[]) => any) | undefined;
             onEnd?: ((...args: any[]) => any) | undefined;
+            "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
         }>>;
-        emit: (event: "close" | "success" | "end" | "fail", ...args: any[]) => void;
-        loading: import("vue").Ref<boolean>;
+        emit: (event: "close" | "success" | "end" | "fail" | "update:loading", ...args: any[]) => void;
         close: () => void;
         toAnalyzing: () => Promise<void>;
         NIcon: any;
         NButton: any;
         NSpin: any;
         Mic: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "success" | "end" | "fail")[], "close" | "success" | "end" | "fail", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "success" | "end" | "fail" | "update:loading")[], "close" | "success" | "end" | "fail" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         content: {
             type: PropType<string | {
                 data: string;
@@ -141,15 +150,21 @@ declare const _default: import("vue").DefineComponent<{
         configs: {
             type: PropType<AnyObject>;
         };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onSuccess?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
         onFail?: ((...args: any[]) => any) | undefined;
         onEnd?: ((...args: any[]) => any) | undefined;
+        "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
     }, {
         content: string | {
             data: string;
         };
+        loading: boolean;
         showBtn: boolean;
     }>;
     RecordingModal: import("vue").DefineComponent<{
@@ -185,6 +200,10 @@ declare const _default: import("vue").DefineComponent<{
             configs: {
                 type: PropType<AnyObject>;
             };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }, {
             consultationRecordUrl: string;
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -206,21 +225,25 @@ declare const _default: import("vue").DefineComponent<{
                 configs: {
                     type: PropType<AnyObject>;
                 };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & {
                 onSuccess?: ((...args: any[]) => any) | undefined;
                 onClose?: ((...args: any[]) => any) | undefined;
                 onFail?: ((...args: any[]) => any) | undefined;
                 onEnd?: ((...args: any[]) => any) | undefined;
+                "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
             }>>;
-            emit: (event: "close" | "success" | "end" | "fail", ...args: any[]) => void;
-            loading: import("vue").Ref<boolean>;
+            emit: (event: "close" | "success" | "end" | "fail" | "update:loading", ...args: any[]) => void;
             close: () => void;
             toAnalyzing: () => Promise<void>;
             NIcon: any;
             NButton: any;
             NSpin: any;
             Mic: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "success" | "end" | "fail")[], "close" | "success" | "end" | "fail", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "success" | "end" | "fail" | "update:loading")[], "close" | "success" | "end" | "fail" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             content: {
                 type: PropType<string | {
                     data: string;
@@ -239,15 +262,21 @@ declare const _default: import("vue").DefineComponent<{
             configs: {
                 type: PropType<AnyObject>;
             };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onSuccess?: ((...args: any[]) => any) | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
             onFail?: ((...args: any[]) => any) | undefined;
             onEnd?: ((...args: any[]) => any) | undefined;
+            "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
         }, {
             content: string | {
                 data: string;
             };
+            loading: boolean;
             showBtn: boolean;
         }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, ref, computed, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, unref, Fragment, createBlock, mergeProps, createCommentVNode } from 'vue';
+import { defineComponent, useAttrs, ref, computed, watch, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, unref, Fragment, createBlock, mergeProps, createCommentVNode } from 'vue';
 import CRecording from './components/recording.vue.js';
 import RecordingModal$1 from './components/recording-modal.vue.js';
 import { useTheme } from '../../../shared/hooks/useTheme.js';
@@ -49,6 +49,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const recordingRef = ref();
     const isRecording = ref(false);
+    const loading = ref(true);
     const content = computed(() => {
       return audioSdk.contentRef.value;
     });
@@ -73,6 +74,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       isRecording.value = false;
       emit("success", data);
     }
+    watch(() => audioSdk.wsConnected.value, (newVal) => {
+      if (newVal) {
+        loading.value = false;
+      }
+    });
     onBeforeUnmount(() => {
       AudioSDK.destroy();
     });
@@ -116,13 +122,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         key: 0,
         ref_key: "recordingRef",
         ref: recordingRef,
-        "show-btn": ""
+        "show-btn": "",
+        loading: loading.value,
+        "onUpdate:loading": _cache[0] || (_cache[0] = ($event) => loading.value = $event)
       }, unref(recordingProps), {
         onClose,
         onEnd,
-        onFail: _cache[0] || (_cache[0] = (error) => emit("fail", error)),
+        onFail: _cache[1] || (_cache[1] = (error) => emit("fail", error)),
         onSuccess
-      }), null, 16)) : createCommentVNode("v-if", true), createCommentVNode(' <c-form\r\n				v-if="isForm"\r\n				:configs="configsAndBasicData.configs"\r\n				:data="jsonData"\r\n				@close="onFormClose"\r\n				@finish="onFinish"\r\n			/> ')], 64)) : (openBlock(), createBlock(RecordingModal$1, {
+      }), null, 16, ["loading"])) : createCommentVNode("v-if", true), createCommentVNode(' <c-form\r\n				v-if="isForm"\r\n				:configs="configsAndBasicData.configs"\r\n				:data="jsonData"\r\n				@close="onFormClose"\r\n				@finish="onFinish"\r\n			/> ')], 64)) : (openBlock(), createBlock(RecordingModal$1, {
         key: 1,
         content: unref(content)
       }, null, 8, ["content"]))], 4);

package/es/components/audio-sdk/src/audioSDK.d.ts

@@ -1,7 +1,3 @@
-import 'recorder-core/src/engine/mp3-engine';
-import 'recorder-core/src/engine/mp3';
-import 'recorder-core/src/extensions/frequency.histogram.view';
-import 'recorder-core/src/extensions/lib.fft';
 interface SpeechResult {
     result: 'success';
     data?: string;
@@ -24,6 +20,7 @@ type AudioOptions = Partial<{
     wsTimeout: number;
 }>;
 export default class AudioSDK {
+    private plugins;
     private static instance;
     private recorder;
     private webSocket;
@@ -36,12 +33,14 @@ export default class AudioSDK {
     private timer;
     private recordingModal;
     contentRef: import("vue").Ref<string>;
+    wsConnected: import("vue").Ref<boolean>;
     private loading;
     waveView: any;
     constructor();
     static create(): AudioSDK;
     private initRecorder;
     start(options: AudioOptions): Promise<SpeechResult>;
+    private setWsConnected;
     private setupWebSocket;
     private startRecording;
     private showRecordingModal;

package/es/components/audio-sdk/src/audioSDK.js

@@ -1,14 +1,11 @@
 import { uuidGenerator } from '../../../shared/utils/index.js';
 import axios from 'axios';
 import { isString, isObject } from 'lodash-es';
-import Recorder from 'recorder-core';
-import 'recorder-core/src/engine/mp3-engine';
-import 'recorder-core/src/engine/mp3';
-import 'recorder-core/src/extensions/frequency.histogram.view';
-import 'recorder-core/src/extensions/lib.fft';
+import { loadRecorderPlugins } from './utils/recorder/index.js';
 import { ref } from 'vue';
 import { $message } from './utils/index.js';
 import { RecordingModal } from './utils/recordingModal.js';
+import Recorder from './utils/recorder/recorder.js';
 
 const DEFAULT_OPTIONS = {
   showModal: true,
@@ -25,6 +22,7 @@ const DEFAULT_OPTIONS = {
 };
 const _AudioSDK = class {
   constructor() {
+    this.plugins = loadRecorderPlugins();
     this.recorder = null;
     this.webSocket = null;
     this.messageQueue = [];
@@ -38,6 +36,7 @@ const _AudioSDK = class {
     this.timer = null;
     this.recordingModal = new RecordingModal();
     this.contentRef = ref("");
+    this.wsConnected = ref(false);
     this.loading = ref(false);
     this.waveView = null;
     this.messageResolver = null;
@@ -71,13 +70,19 @@ const _AudioSDK = class {
       this.initRecorder();
     this.contentRef.value = "";
     if (this.options.type === "websocket") {
+      this.setWsConnected(false);
       await this.setupWebSocket();
+    } else {
+      this.setWsConnected(true);
     }
     return this.startRecording();
   }
+  setWsConnected(wsConnected) {
+    this.wsConnected.value = wsConnected;
+  }
   async setupWebSocket() {
     if (this.connectionState === 2 /* CONNECTED */)
-      return;
+      return this.setWsConnected(true);
     return new Promise((resolve, reject) => {
       const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
       const url = this.options.origin || `${protocol}//${window.location.host}${this.options.wsOrigin}`;
@@ -94,6 +99,7 @@ const _AudioSDK = class {
       this.webSocket.onopen = () => {
         clearTimeout(timeout);
         this.connectionState = 2 /* CONNECTED */;
+        this.setWsConnected(true);
         resolve();
       };
       this.webSocket.onmessage = this.handleMessage.bind(this);

package/es/components/audio-sdk/src/components/recording-modal.vue.d.ts

@@ -31,6 +31,10 @@ declare const _default: import("vue").DefineComponent<{
         configs: {
             type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
         };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {
         consultationRecordUrl: string;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -52,21 +56,25 @@ declare const _default: import("vue").DefineComponent<{
             configs: {
                 type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
             };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onSuccess?: ((...args: any[]) => any) | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
             onFail?: ((...args: any[]) => any) | undefined;
             onEnd?: ((...args: any[]) => any) | undefined;
+            "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
         }>>;
-        emit: (event: "close" | "success" | "end" | "fail", ...args: any[]) => void;
-        loading: import("vue").Ref<boolean>;
+        emit: (event: "close" | "success" | "end" | "fail" | "update:loading", ...args: any[]) => void;
         close: () => void;
         toAnalyzing: () => Promise<void>;
         NIcon: any;
         NButton: any;
         NSpin: any;
         Mic: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "success" | "end" | "fail")[], "close" | "success" | "end" | "fail", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "success" | "end" | "fail" | "update:loading")[], "close" | "success" | "end" | "fail" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         content: {
             type: import("vue").PropType<string | {
                 data: string;
@@ -85,15 +93,21 @@ declare const _default: import("vue").DefineComponent<{
         configs: {
             type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
         };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onSuccess?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
         onFail?: ((...args: any[]) => any) | undefined;
         onEnd?: ((...args: any[]) => any) | undefined;
+        "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
     }, {
         content: string | {
             data: string;
         };
+        loading: boolean;
         showBtn: boolean;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/components/audio-sdk/src/components/recording.vue.d.ts

@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
     configs: {
         type: PropType<AnyObject>;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     consultationRecordUrl: string;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -40,21 +44,25 @@ declare const _default: import("vue").DefineComponent<{
         configs: {
             type: PropType<AnyObject>;
         };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onSuccess?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
         onFail?: ((...args: any[]) => any) | undefined;
         onEnd?: ((...args: any[]) => any) | undefined;
+        "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
     }>>;
-    emit: (event: "close" | "success" | "end" | "fail", ...args: any[]) => void;
-    loading: import("vue").Ref<boolean>;
+    emit: (event: "close" | "success" | "end" | "fail" | "update:loading", ...args: any[]) => void;
     close: () => void;
     toAnalyzing: () => Promise<void>;
     NIcon: any;
     NButton: any;
     NSpin: any;
     Mic: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "success" | "end" | "fail")[], "close" | "success" | "end" | "fail", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "success" | "end" | "fail" | "update:loading")[], "close" | "success" | "end" | "fail" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     content: {
         type: PropType<string | {
             data: string;
@@ -73,15 +81,21 @@ declare const _default: import("vue").DefineComponent<{
     configs: {
         type: PropType<AnyObject>;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onSuccess?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onFail?: ((...args: any[]) => any) | undefined;
     onEnd?: ((...args: any[]) => any) | undefined;
+    "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
 }, {
     content: string | {
         data: string;
     };
+    loading: boolean;
     showBtn: boolean;
 }>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, openBlock, createElementBlock, createBlock, unref, Fragment, createElementVNode, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode } from 'vue';
+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';
@@ -32,22 +32,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     },
     configs: {
       type: Object
+    },
+    loading: {
+      type: Boolean,
+      default: true
     }
   },
-  emits: ["close", "success", "end", "fail"],
+  emits: ["close", "success", "end", "fail", "update:loading"],
   setup(__props, {
     expose,
     emit
   }) {
     const props = __props;
     const consultationRecordUrl = "/flow/openApi/consultationRecord";
-    const loading = ref(false);
     function close() {
       emit("close");
     }
     async function toAnalyzing() {
       emit("end");
-      loading.value = true;
+      emit("update:loading", true);
       try {
         const audioText = isString(props.content) ? props.content : isObject(props.content) ? props.content.data : "";
         const {
@@ -74,14 +77,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       } catch (error) {
         emit("fail", error);
       } finally {
-        loading.value = false;
+        emit("update:loading", false);
       }
     }
     expose({
       toAnalyzing
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [loading.value ? (openBlock(), createBlock(unref(NSpin), {
+      return openBlock(), createElementBlock("div", _hoisted_1, [__props.loading ? (openBlock(), createBlock(unref(NSpin), {
         key: 0,
         description: "\u52A0\u8F7D\u4E2D..."
       })) : (openBlock(), createElementBlock(Fragment, {