cnhis-design-vue 3.3.3-release.0 → 3.3.3-release.13

package/README.md

@@ -1,87 +1,87 @@
-# 安装
-
-```shell
-npm i cnhis-design-vue@[版本号]
-# or
-yarn add cnhis-design-vue@[版本号] #推荐
-```
-
-## 1.全局引入
-
-```typescript
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-import 'cnhis-design-vue/es/packages/index.css';
-import cui from 'cnhis-design-vue';
-
-const app = createApp(App);
-app.use(cui).mount('#app');
-```
-
-## 2. 按需引入
-
-组件现在支持了自动按需引入, 但是样式文件需要额外的处理
-
-### 2.1 样式处理方式1 (按需引入样式)
-
-```shell
-# 安装自动导入样式的插件
-npm i -d vite-plugin-style-import
-```
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-import { createStyleImportPlugin } from 'vite-plugin-style-import';
-
-export default defineConfig({
-  plugins: [
-    // ...otherPlugins
-    createStyleImportPlugin({
-      libs: [
-        {
-          libraryName: 'cnhis-design-vue',
-          esModule: true,
-          ensureStyleFile: true,
-          resolveStyle: name => {
-            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
-          }
-        }
-      ]
-    })
-  ]
-});
-```
-
-### 2.2 样式处理方式2 (全局引入样式)
-
-```typescript
-// main.ts
-import 'cnhis-design-vue/es/components/index.css';
-```
-
-## 3.FAQ
-
-### 3.1 项目打包后样式丢失
-
-处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  build: {
-    rollupOptions: {
-      // ..otherOptions
-      output: {
-        dir: './dist',
-        manualChunks: {
-          'cnhis-vendor': ['cnhis-design-vue']
-        }
-      }
-    }
-  }
-});
-```
+# 安装
+
+```shell
+npm i cnhis-design-vue@[版本号]
+# or
+yarn add cnhis-design-vue@[版本号] #推荐
+```
+
+## 1.全局引入
+
+```typescript
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+import 'cnhis-design-vue/es/packages/index.css';
+import cui from 'cnhis-design-vue';
+
+const app = createApp(App);
+app.use(cui).mount('#app');
+```
+
+## 2. 按需引入
+
+组件现在支持了自动按需引入, 但是样式文件需要额外的处理
+
+### 2.1 样式处理方式1 (按需引入样式)
+
+```shell
+# 安装自动导入样式的插件
+npm i -d vite-plugin-style-import
+```
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+import { createStyleImportPlugin } from 'vite-plugin-style-import';
+
+export default defineConfig({
+  plugins: [
+    // ...otherPlugins
+    createStyleImportPlugin({
+      libs: [
+        {
+          libraryName: 'cnhis-design-vue',
+          esModule: true,
+          ensureStyleFile: true,
+          resolveStyle: name => {
+            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
+          }
+        }
+      ]
+    })
+  ]
+});
+```
+
+### 2.2 样式处理方式2 (全局引入样式)
+
+```typescript
+// main.ts
+import 'cnhis-design-vue/es/components/index.css';
+```
+
+## 3.FAQ
+
+### 3.1 项目打包后样式丢失
+
+处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  build: {
+    rollupOptions: {
+      // ..otherOptions
+      output: {
+        dir: './dist',
+        manualChunks: {
+          'cnhis-vendor': ['cnhis-design-vue']
+        }
+      }
+    }
+  }
+});
+```

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

@@ -8,9 +8,6 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    realTimeRecognition: {
-        type: BooleanConstructor;
-    };
     allowPunctuationMark: {
         type: BooleanConstructor;
         default: boolean;
@@ -32,8 +29,12 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    appCode: {
+        type: StringConstructor;
+    };
 }, {
     consultationRecordUrl: string;
+    chatBoxinit: string;
     cssVars: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
     audioSdk: AudioSDK;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -41,9 +42,6 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
             type: NumberConstructor;
             default: number;
         };
-        realTimeRecognition: {
-            type: BooleanConstructor;
-        };
         allowPunctuationMark: {
             type: BooleanConstructor;
             default: boolean;
@@ -65,6 +63,9 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        appCode: {
+            type: StringConstructor;
+        };
     }>> & {
         onSuccess?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
@@ -79,6 +80,7 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
     recordingRef: import("vue").Ref<any>;
     isRecording: import("vue").Ref<boolean>;
     loading: import("vue").Ref<boolean>;
+    audioType: import("vue").Ref<"websocket" | "http" | undefined>;
     content: any;
     wsConnected: import("vue").ComputedRef<boolean | undefined>;
     recorderStatus: import("vue").ComputedRef<"" | "fail">;
@@ -101,6 +103,7 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
     onPause: () => void;
     onResume: () => void;
     handleToAnalyzing: (obj?: import("../../shared/types").AnyObject) => Promise<void>;
+    getAudioType: () => Promise<void>;
     createMedicalRecord: () => Promise<void>;
     CRecording: import("vue").DefineComponent<{
         content: {
@@ -140,7 +143,7 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<import("../../shared/types").AnyFn>;
         };
         recorderStatus: {
-            type: import("vue").PropType<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
+            type: StringConstructor;
             default: string;
         };
     }, {
@@ -182,7 +185,7 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
                 type: import("vue").PropType<import("../../shared/types").AnyFn>;
             };
             recorderStatus: {
-                type: import("vue").PropType<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
+                type: StringConstructor;
                 default: string;
             };
         }>> & {
@@ -200,12 +203,12 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
             data: string;
         }>;
         wsConnected: import("vue").Ref<boolean>;
-        recorderStatus: import("vue").Ref<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
+        recorderStatus: import("vue").Ref<string>;
         audioChartRef: import("vue").Ref<HTMLDivElement | undefined>;
         audioChartSamllRef: import("vue").Ref<HTMLDivElement | undefined>;
         contentScrollRef: import("vue").Ref<HTMLDivElement | undefined>;
-        isActive: import("vue").Ref<boolean>;
         isWarning: import("vue").Ref<boolean>;
+        isActive: import("vue").Ref<boolean>;
         formattedTime: import("vue").ComputedRef<string>;
         isCountFinished: import("vue").Ref<boolean>;
         isCountActive: import("vue").Ref<boolean>;
@@ -316,7 +319,7 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<import("../../shared/types").AnyFn>;
         };
         recorderStatus: {
-            type: import("vue").PropType<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
+            type: StringConstructor;
             default: string;
         };
     }>> & {
@@ -336,16 +339,13 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
         showBtn: boolean;
         wsConnected: boolean;
         fromSdk: boolean;
-        recorderStatus: "" | "stop" | "fail" | "recording" | "pause" | "ws_close";
+        recorderStatus: string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "success" | "fail" | "recordingHeightChange")[], "close" | "success" | "fail" | "recordingHeightChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     timed: {
         type: NumberConstructor;
         default: number;
     };
-    realTimeRecognition: {
-        type: BooleanConstructor;
-    };
     allowPunctuationMark: {
         type: BooleanConstructor;
         default: boolean;
@@ -367,6 +367,9 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    appCode: {
+        type: StringConstructor;
+    };
 }>> & {
     onSuccess?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
@@ -374,7 +377,6 @@ declare const AudioSdk: SFCWithInstall<import("vue").DefineComponent<{
     onRecordingHeightChange?: ((...args: any[]) => any) | undefined;
 }, {
     timed: number;
-    realTimeRecognition: boolean;
     allowPunctuationMark: boolean;
     useSource: string;
     textPrefix: string;

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

@@ -6,9 +6,6 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    realTimeRecognition: {
-        type: BooleanConstructor;
-    };
     allowPunctuationMark: {
         type: BooleanConstructor;
         default: boolean;
@@ -30,8 +27,12 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    appCode: {
+        type: StringConstructor;
+    };
 }, {
     consultationRecordUrl: string;
+    chatBoxinit: string;
     cssVars: import("vue").ComputedRef<AnyObject>;
     audioSdk: AudioSDK;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -39,9 +40,6 @@ declare const _default: import("vue").DefineComponent<{
             type: NumberConstructor;
             default: number;
         };
-        realTimeRecognition: {
-            type: BooleanConstructor;
-        };
         allowPunctuationMark: {
             type: BooleanConstructor;
             default: boolean;
@@ -63,6 +61,9 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        appCode: {
+            type: StringConstructor;
+        };
     }>> & {
         onSuccess?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
@@ -77,6 +78,7 @@ declare const _default: import("vue").DefineComponent<{
     recordingRef: import("vue").Ref<any>;
     isRecording: import("vue").Ref<boolean>;
     loading: import("vue").Ref<boolean>;
+    audioType: import("vue").Ref<"websocket" | "http" | undefined>;
     content: any;
     wsConnected: import("vue").ComputedRef<boolean | undefined>;
     recorderStatus: import("vue").ComputedRef<"" | "fail">;
@@ -99,6 +101,7 @@ declare const _default: import("vue").DefineComponent<{
     onPause: () => void;
     onResume: () => void;
     handleToAnalyzing: (obj?: AnyObject) => Promise<void>;
+    getAudioType: () => Promise<void>;
     createMedicalRecord: () => Promise<void>;
     CRecording: import("vue").DefineComponent<{
         content: {
@@ -138,7 +141,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<import("../../../shared/types").AnyFn>;
         };
         recorderStatus: {
-            type: PropType<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
+            type: StringConstructor;
             default: string;
         };
     }, {
@@ -180,7 +183,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<import("../../../shared/types").AnyFn>;
             };
             recorderStatus: {
-                type: PropType<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
+                type: StringConstructor;
                 default: string;
             };
         }>> & {
@@ -198,12 +201,12 @@ declare const _default: import("vue").DefineComponent<{
             data: string;
         }>;
         wsConnected: import("vue").Ref<boolean>;
-        recorderStatus: import("vue").Ref<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
+        recorderStatus: import("vue").Ref<string>;
         audioChartRef: import("vue").Ref<HTMLDivElement | undefined>;
         audioChartSamllRef: import("vue").Ref<HTMLDivElement | undefined>;
         contentScrollRef: import("vue").Ref<HTMLDivElement | undefined>;
-        isActive: import("vue").Ref<boolean>;
         isWarning: import("vue").Ref<boolean>;
+        isActive: import("vue").Ref<boolean>;
         formattedTime: import("vue").ComputedRef<string>;
         isCountFinished: import("vue").Ref<boolean>;
         isCountActive: import("vue").Ref<boolean>;
@@ -314,7 +317,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<import("../../../shared/types").AnyFn>;
         };
         recorderStatus: {
-            type: PropType<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
+            type: StringConstructor;
             default: string;
         };
     }>> & {
@@ -334,16 +337,13 @@ declare const _default: import("vue").DefineComponent<{
         showBtn: boolean;
         wsConnected: boolean;
         fromSdk: boolean;
-        recorderStatus: "" | "stop" | "fail" | "recording" | "pause" | "ws_close";
+        recorderStatus: string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "success" | "fail" | "recordingHeightChange")[], "close" | "success" | "fail" | "recordingHeightChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     timed: {
         type: NumberConstructor;
         default: number;
     };
-    realTimeRecognition: {
-        type: BooleanConstructor;
-    };
     allowPunctuationMark: {
         type: BooleanConstructor;
         default: boolean;
@@ -365,6 +365,9 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    appCode: {
+        type: StringConstructor;
+    };
 }>> & {
     onSuccess?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
@@ -372,7 +375,6 @@ declare const _default: import("vue").DefineComponent<{
     onRecordingHeightChange?: ((...args: any[]) => any) | undefined;
 }, {
     timed: number;
-    realTimeRecognition: boolean;
     allowPunctuationMark: boolean;
     useSource: string;
     textPrefix: string;

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

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, ref, computed, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, Fragment, createBlock, mergeProps, createCommentVNode } from 'vue';
+import { defineComponent, useAttrs, ref, computed, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createBlock, mergeProps, createCommentVNode } from 'vue';
 import axios from 'axios';
 import { isString, isObject } from 'lodash-es';
 import CRecording from './components/recording.vue.js';
@@ -21,9 +21,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       type: Number,
       default: 5
     },
-    realTimeRecognition: {
-      type: Boolean
-    },
     allowPunctuationMark: {
       type: Boolean,
       default: true
@@ -44,6 +41,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     textPrefix: {
       type: String,
       default: ""
+    },
+    appCode: {
+      type: String
     }
   },
   emits: ["close", "success", "fail", "recordingHeightChange"],
@@ -53,6 +53,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   }) {
     const props = __props;
     const consultationRecordUrl = "/flow/openApi/consultationRecord";
+    const chatBoxinit = "/flow/ai/api/chatBoxInit";
     const cssVars = useTheme();
     const audioSdk = AudioSDK.create();
     const attrs = useAttrs();
@@ -60,10 +61,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const recordingRef = ref();
     const isRecording = ref(false);
     const loading = ref(false);
+    const audioType = ref();
     const content = computed(() => {
       return audioSdk.contentRef.value;
     });
-    const wsConnected = computed(() => audioSdk.wsConnected.value);
+    const wsConnected = computed(() => {
+      if (audioType.value === "http")
+        return true;
+      return audioSdk.wsConnected.value;
+    });
     const recorderStatus = computed(() => audioSdk.recorderStatus.value);
     const recordingProps = computed(() => {
       return {
@@ -127,13 +133,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         const audioText = isString(content.value) ? content.value : isObject(content.value) ? (_b = content.value) == null ? void 0 : _b.data : "";
         if (!audioText)
           return;
+        if (!isGenerateMedicalRecord.value)
+          return;
         const {
           data
         } = await axios.post(consultationRecordUrl, {
           taskId: 1,
           audioText: props.textPrefix + audioText,
           intentionCode: props.intentionCode,
-          configs: props.configs || {}
+          configs: props.configs || {},
+          ...props.appCode ? {
+            appCode: props.appCode
+          } : {}
         }, {
           headers: {
             Authorization: `bearer ${props.token}`
@@ -155,18 +166,44 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         isRecording.value = false;
       }
     };
+    const getAudioType = async () => {
+      if (!props.appCode || !props.token)
+        return;
+      try {
+        const {
+          data
+        } = await axios.post(chatBoxinit, {
+          appCode: props.appCode,
+          configs: props.configs || {}
+        }, {
+          headers: {
+            authorization: props.token
+          }
+        });
+        if (!(data == null ? void 0 : data.success))
+          return;
+        if (Reflect.has((data == null ? void 0 : data.data) || {}, "voiceStreamFlag")) {
+          audioType.value = data.data.voiceStreamFlag ? "websocket" : "http";
+        }
+      } catch (error) {
+      }
+    };
     const createMedicalRecord = async () => {
+      var _a;
       isRecording.value = true;
       try {
+        if (!audioType.value)
+          await getAudioType();
         const res = await audioSdk.start({
+          type: (_a = audioType.value) != null ? _a : "websocket",
           ...props,
           ...attrs
         });
         const {
-          result,
-          data
+          data,
+          success
         } = res || {};
-        if (result !== "success") {
+        if (!success) {
           onFail(res);
           return;
         }
@@ -198,8 +235,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         style: normalizeStyle(unref(cssVars)),
         class: normalizeClass(["c-recording-sdk-wrapper", ["c-recording-sdk-wrapper-" + props.useSource]])
-      }, [unref(isGenerateMedicalRecord) ? (openBlock(), createElementBlock(Fragment, {
-        key: 0
       }, [isRecording.value ? (openBlock(), createBlock(CRecording, mergeProps({
         key: 0,
         ref_key: "recordingRef",
@@ -215,7 +250,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         onResume,
         onToAnalyzing: handleToAnalyzing,
         onHeightChange: handleHeightChange
-      }), null, 16, ["loading"])) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true)], 6);
+      }), null, 16, ["loading"])) : createCommentVNode("v-if", true)], 6);
     };
   }
 });

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

@@ -100,7 +100,7 @@ const _AudioSDK2 = class {
   }
   async startWaveView(options) {
     this._audioSDK.clearWaveView();
-    this._audioSDK.createWaveView(options.waveSelector, options.waveProps);
+    this._audioSDK.createWaveView(options.waveSelector(), options.waveProps);
   }
   async pause() {
     return this._audioSDK.pause();

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

@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
             type: import("vue").PropType<import("../../../../shared/types").AnyFn>;
         };
         recorderStatus: {
-            type: import("vue").PropType<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
+            type: StringConstructor;
             default: string;
         };
     }, {
@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<import("../../../../shared/types").AnyFn>;
             };
             recorderStatus: {
-                type: import("vue").PropType<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
+                type: StringConstructor;
                 default: string;
             };
         }>> & {
@@ -110,12 +110,12 @@ declare const _default: import("vue").DefineComponent<{
             data: string;
         }>;
         wsConnected: import("vue").Ref<boolean>;
-        recorderStatus: import("vue").Ref<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
+        recorderStatus: import("vue").Ref<string>;
         audioChartRef: import("vue").Ref<HTMLDivElement | undefined>;
         audioChartSamllRef: import("vue").Ref<HTMLDivElement | undefined>;
         contentScrollRef: import("vue").Ref<HTMLDivElement | undefined>;
-        isActive: import("vue").Ref<boolean>;
         isWarning: import("vue").Ref<boolean>;
+        isActive: import("vue").Ref<boolean>;
         formattedTime: import("vue").ComputedRef<string>;
         isCountFinished: import("vue").Ref<boolean>;
         isCountActive: import("vue").Ref<boolean>;
@@ -226,7 +226,7 @@ declare const _default: import("vue").DefineComponent<{
             type: import("vue").PropType<import("../../../../shared/types").AnyFn>;
         };
         recorderStatus: {
-            type: import("vue").PropType<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
+            type: StringConstructor;
             default: string;
         };
     }>> & {
@@ -246,7 +246,7 @@ declare const _default: import("vue").DefineComponent<{
         showBtn: boolean;
         wsConnected: boolean;
         fromSdk: boolean;
-        recorderStatus: "" | "stop" | "fail" | "recording" | "pause" | "ws_close";
+        recorderStatus: string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     content: {