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

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

@@ -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,13 @@ declare const AudioSdk: SFCWithInstall<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<{
@@ -108,21 +118,28 @@ declare const AudioSdk: SFCWithInstall<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;
@@ -141,16 +158,26 @@ declare const AudioSdk: SFCWithInstall<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;
     }>;
     RecordingModal: import("vue").DefineComponent<{
         content: {
@@ -185,6 +212,13 @@ declare const AudioSdk: SFCWithInstall<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<{
@@ -206,21 +240,28 @@ declare const AudioSdk: SFCWithInstall<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;
@@ -239,16 +280,26 @@ declare const AudioSdk: SFCWithInstall<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/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,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<{
@@ -108,21 +116,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;
@@ -141,16 +156,26 @@ 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;
     }>;
     RecordingModal: import("vue").DefineComponent<{
         content: {
@@ -185,6 +210,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<{
@@ -206,21 +238,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;
@@ -239,16 +278,26 @@ 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;
         }>;
     }, 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/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\n				v-if="isForm"\n				:configs="configsAndBasicData.configs"\n				:data="jsonData"\n				@close="onFormClose"\n				@finish="onFinish"\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,11 +20,13 @@ type AudioOptions = Partial<{
     wsTimeout: number;
 }>;
 export default class AudioSDK {
+    private plugins;
     private static instance;
     private recorder;
     private webSocket;
     private messageQueue;
     private options;
+    private reqId;
     private connectionState;
     private sendBuffer;
     private startTimestamp;
@@ -36,12 +34,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;