cnhis-design-vue 3.3.1-release.4 → 3.3.2-beta.1

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

@@ -1,14 +1,12 @@
 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 { EMPTY_MP3 } from './constants/index.js';
+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,12 +23,14 @@ const DEFAULT_OPTIONS = {
 };
 const _AudioSDK = class {
   constructor() {
+    this.plugins = loadRecorderPlugins();
     this.recorder = null;
     this.webSocket = null;
     this.messageQueue = [];
     this.options = {
       ...DEFAULT_OPTIONS
     };
+    this.reqId = "";
     this.connectionState = 0 /* DISCONNECTED */;
     this.sendBuffer = [];
     this.startTimestamp = 0;
@@ -38,6 +38,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;
@@ -69,15 +70,22 @@ const _AudioSDK = class {
     }
     if (!this.recorder)
       this.initRecorder();
+    this.reqId = uuidGenerator();
     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 +102,7 @@ const _AudioSDK = class {
       this.webSocket.onopen = () => {
         clearTimeout(timeout);
         this.connectionState = 2 /* CONNECTED */;
+        this.setWsConnected(true);
         resolve();
       };
       this.webSocket.onmessage = this.handleMessage.bind(this);
@@ -131,7 +140,8 @@ const _AudioSDK = class {
       instance: this.options.instance,
       onClose: () => this.stop(),
       props: {
-        contentRef: this.contentRef
+        contentRef: this.contentRef,
+        wsConnected: this.wsConnected
       }
     });
   }
@@ -197,13 +207,17 @@ const _AudioSDK = class {
     const reader = new FileReader();
     reader.onloadend = () => {
       var _a, _b;
-      const base64 = (_a = reader.result) == null ? void 0 : _a.toString().split(",")[1];
+      let base64 = (_a = reader.result) == null ? void 0 : _a.toString().split(",")[1];
+      if (isLast && !base64)
+        base64 = EMPTY_MP3;
       if (!base64)
         return;
       (_b = this.webSocket) == null ? void 0 : _b.send(JSON.stringify({
         type: 1,
         isLast,
-        data: base64
+        data: base64,
+        auth: this.options.token,
+        reqId: this.reqId
       }));
     };
     reader.readAsDataURL(blob);

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

@@ -31,6 +31,13 @@ declare const _default: import("vue").DefineComponent<{
         configs: {
             type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
         };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fromSdk: {
+            type: BooleanConstructor;
+        };
     }, {
         consultationRecordUrl: string;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -52,21 +59,28 @@ declare const _default: import("vue").DefineComponent<{
             configs: {
                 type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
             };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fromSdk: {
+                type: BooleanConstructor;
+            };
         }>> & {
             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,16 +99,26 @@ declare const _default: import("vue").DefineComponent<{
         configs: {
             type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
         };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fromSdk: {
+            type: BooleanConstructor;
+        };
     }>> & {
         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;
+        fromSdk: boolean;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     content: {

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

@@ -19,6 +19,13 @@ declare const _default: import("vue").DefineComponent<{
     configs: {
         type: PropType<AnyObject>;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fromSdk: {
+        type: BooleanConstructor;
+    };
 }, {
     consultationRecordUrl: string;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -40,21 +47,28 @@ declare const _default: import("vue").DefineComponent<{
         configs: {
             type: PropType<AnyObject>;
         };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fromSdk: {
+            type: BooleanConstructor;
+        };
     }>> & {
         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 +87,25 @@ declare const _default: import("vue").DefineComponent<{
     configs: {
         type: PropType<AnyObject>;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fromSdk: {
+        type: BooleanConstructor;
+    };
 }>> & {
     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;
+    fromSdk: 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,30 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     },
     configs: {
       type: Object
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    },
+    fromSdk: {
+      type: Boolean
     }
   },
-  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() {
+      if (props.fromSdk)
+        return close();
       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 +82,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, {

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

@@ -0,0 +1 @@
+export declare const EMPTY_MP3 = "//MoxAAN+e5wEADKsCB/nYbAhQgzmVElvIc/hRg8xvdXPVrf1L1Yt/CyncYLG9/Xr91Nuw1hU1AmW/UoWef/4JsE+ucYmIKa//MoxAAN+e5oVABEvMFJVHOzQUxhClhBZPMMRHEx8k2Jm9VJ78IZS6saGfZGU3b/7bMoUYFRE/I/6/+9YBOhUxU1LiUmmIKa//MoxAANufpwWgBKwB9UiULTlHuVqlCjk/kI5GzzGQosjGX2R0WTRdb+yWntQda1C9v2/Io9A/9z34E/WB84/UAzD9aYgpqK";

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

@@ -0,0 +1,3 @@
+const EMPTY_MP3 = "//MoxAAN+e5wEADKsCB/nYbAhQgzmVElvIc/hRg8xvdXPVrf1L1Yt/CyncYLG9/Xr91Nuw1hU1AmW/UoWef/4JsE+ucYmIKa//MoxAAN+e5oVABEvMFJVHOzQUxhClhBZPMMRHEx8k2Jm9VJ78IZS6saGfZGU3b/7bMoUYFRE/I/6/+9YBOhUxU1LiUmmIKa//MoxAANufpwWgBKwB9UiULTlHuVqlCjk/kI5GzzGQosjGX2R0WTRdb+yWntQda1C9v2/Io9A/9z34E/WB84/UAzD9aYgpqK";
+
+export { EMPTY_MP3 };

package/es/components/audio-sdk/src/utils/recorder/fft.d.ts

@@ -0,0 +1,4 @@
+import { AnyFn } from '../../../../../cnhis-design-vue/es/shared/types';
+
+declare const useFFT: AnyFn;
+export { useFFT };

package/es/components/audio-sdk/src/utils/recorder/fft.js

@@ -0,0 +1,75 @@
+function useFFT(Recorder) {
+  Recorder.LibFFT = function(bufferSize) {
+    var FFT_N_LOG, FFT_N, MINY;
+    var real, imag, sintable, costable;
+    var bitReverse;
+    var FFT_Fn = function(bufferSize2) {
+      FFT_N_LOG = Math.round(Math.log(bufferSize2) / Math.log(2));
+      FFT_N = 1 << FFT_N_LOG;
+      MINY = (FFT_N << 2) * Math.sqrt(2);
+      real = [];
+      imag = [];
+      sintable = [0];
+      costable = [0];
+      bitReverse = [];
+      var i, j, k, reve;
+      for (i = 0; i < FFT_N; i++) {
+        k = i;
+        for (j = 0, reve = 0; j != FFT_N_LOG; j++) {
+          reve <<= 1;
+          reve |= k & 1;
+          k >>>= 1;
+        }
+        bitReverse[i] = reve;
+      }
+      var theta, dt = 2 * Math.PI / FFT_N;
+      for (i = (FFT_N >> 1) - 1; i > 0; i--) {
+        theta = i * dt;
+        costable[i] = Math.cos(theta);
+        sintable[i] = Math.sin(theta);
+      }
+    };
+    var getModulus = function(inBuffer) {
+      var i, j, k, ir, j0 = 1, idx = FFT_N_LOG - 1;
+      var cosv, sinv, tmpr, tmpi;
+      for (i = 0; i != FFT_N; i++) {
+        real[i] = inBuffer[bitReverse[i]];
+        imag[i] = 0;
+      }
+      for (i = FFT_N_LOG; i != 0; i--) {
+        for (j = 0; j != j0; j++) {
+          cosv = costable[j << idx];
+          sinv = sintable[j << idx];
+          for (k = j; k < FFT_N; k += j0 << 1) {
+            ir = k + j0;
+            tmpr = cosv * real[ir] - sinv * imag[ir];
+            tmpi = cosv * imag[ir] + sinv * real[ir];
+            real[ir] = real[k] - tmpr;
+            imag[ir] = imag[k] - tmpi;
+            real[k] += tmpr;
+            imag[k] += tmpi;
+          }
+        }
+        j0 <<= 1;
+        idx--;
+      }
+      j = FFT_N >> 1;
+      var outBuffer = new Float64Array(j);
+      sinv = MINY;
+      cosv = -MINY;
+      for (i = j; i != 0; i--) {
+        tmpr = real[i];
+        tmpi = imag[i];
+        if (tmpr > cosv && tmpr < sinv && tmpi > cosv && tmpi < sinv)
+          outBuffer[i - 1] = 0;
+        else
+          outBuffer[i - 1] = Math.round(tmpr * tmpr + tmpi * tmpi);
+      }
+      return outBuffer;
+    };
+    FFT_Fn(bufferSize);
+    return { transform: getModulus, bufferSize: FFT_N };
+  };
+}
+
+export { useFFT };

package/es/components/audio-sdk/src/utils/recorder/index.d.ts

@@ -0,0 +1,3 @@
+import Recorder from './recorder';
+export declare function loadRecorderPlugins(): any[];
+export default Recorder;

package/es/components/audio-sdk/src/utils/recorder/index.js

@@ -0,0 +1,12 @@
+import { useFFT } from './fft.js';
+import { useMP3 } from './mp3.js';
+import { useMP3Engine } from './mp3-engine.js';
+import { useWave } from './wave.js';
+import Recorder from './recorder.js';
+export { default } from './recorder.js';
+
+function loadRecorderPlugins() {
+  return [useMP3(Recorder), useMP3Engine(Recorder), useFFT(Recorder), useWave(Recorder)];
+}
+
+export { loadRecorderPlugins };

package/es/components/audio-sdk/src/utils/recorder/mp3-engine.d.ts

@@ -0,0 +1,4 @@
+import { AnyFn } from '../../../../../cnhis-design-vue/es/shared/types';
+
+declare const useMP3Engine: AnyFn;
+export { useMP3Engine };