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

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

@@ -1,15 +1,14 @@
-import { uuidGenerator } from '../../../shared/utils/index.js';
-import axios from 'axios';
-import { isString, isObject } from 'lodash-es';
-import { EMPTY_MP3 } from './constants/index.js';
-import { loadRecorderPlugins } from './utils/recorder/index.js';
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
 import { $message } from './utils/index.js';
 import { RecordingModal } from './utils/recordingModal.js';
-import { AudioTypes } from './types/index.js';
-import { promiseTimeout } from '@vueuse/core';
-import Recorder from './utils/recorder/recorder.js';
+import { setAudioSDKEnv, AudioSDK as AudioSDK$1 } from '@cnhis-frontend/audio-sdk';
 
+setAudioSDKEnv({
+  reactiveDecorator: ref,
+  toast: {
+    warn: (message) => $message.warning(message)
+  }
+});
 const DEFAULT_OPTIONS = {
   showModal: true,
   allowPunctuationMark: true,
@@ -23,132 +22,41 @@ const DEFAULT_OPTIONS = {
   lastChunkTimeout: 2e3,
   wsTimeout: 5e3
 };
-const _AudioSDK = class {
+const _AudioSDK2 = class {
   constructor() {
-    this.plugins = loadRecorderPlugins();
-    this.recorder = null;
-    this.webSocket = null;
-    this.messageQueue = [];
-    this.options = {
-      ...DEFAULT_OPTIONS
-    };
-    this.reqId = "";
-    this.connectionState = AudioTypes.ConnectionState.DISCONNECTED;
-    this.sendBuffer = [];
-    this.startTimestamp = 0;
-    this.bufferIndex = 0;
-    this.timer = null;
-    this.recordingModal = new RecordingModal();
-    this.contentRef = ref("");
-    this.wsConnected = ref(false);
-    this.loading = ref(false);
-    this.pauseContent = "";
-    this.recorderStatus = ref("");
-    this.recorderClosing = ref(false);
-    this.waveView = null;
-    this.messageResolver = null;
-    this.lastChunkTimer = null;
-    if (_AudioSDK.instance)
-      return _AudioSDK.instance;
-    _AudioSDK.instance = this;
-  }
-  static create() {
-    return new _AudioSDK();
-  }
-  initRecorder() {
-    this.recorder = Recorder({
-      type: "mp3",
-      sampleRate: 16e3,
-      bitRate: 16,
-      onProcess: this.handleProcess.bind(this),
-      takeoffEncodeChunk: this.handleChunk.bind(this)
+    this._audioSDK = null;
+    this.contentRef = computed({
+      get() {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = _AudioSDK2.instance) == null ? void 0 : _a._audioSDK) == null ? void 0 : _b.contentRef.value) != null ? _c : "";
+      },
+      set(value) {
+        var _a;
+        if (!((_a = _AudioSDK2.instance) == null ? void 0 : _a._audioSDK))
+          return;
+        return _AudioSDK2.instance._audioSDK.contentRef.value = value;
+      }
     });
-  }
-  async start(options) {
-    this.resetState();
-    this.wsConnected.value = false;
-    Object.assign(this.options, DEFAULT_OPTIONS, options);
-    if (!this.checkEnvironment()) {
-      this.recorderStatus.value = "fail";
-      return Promise.reject({
-        result: "fail",
-        msg: "\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301\u5F55\u97F3"
-      });
-    }
-    if (!this.recorder)
-      this.initRecorder();
-    this.reqId = uuidGenerator();
-    this.pauseContent = "";
-    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 === AudioTypes.ConnectionState.CONNECTED)
-      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}`;
-      this.webSocket = new WebSocket(url);
-      this.connectionState = AudioTypes.ConnectionState.CONNECTING;
-      const timeout = setTimeout(() => {
-        this.cleanupWebSocket();
-        reject({
-          result: "fail",
-          wsTimeout: true,
-          msg: "\u8FDE\u63A5\u8D85\u65F6"
-        });
-      }, this.options.wsTimeout);
-      this.webSocket.onopen = () => {
-        clearTimeout(timeout);
-        this.connectionState = AudioTypes.ConnectionState.CONNECTED;
-        this.setWsConnected(true);
-        resolve();
-      };
-      this.webSocket.onmessage = this.handleMessage.bind(this);
-      this.webSocket.onerror = () => this.handleError("WebSocket\u8FDE\u63A5\u9519\u8BEF");
-      this.webSocket.onclose = () => {
-        this.cleanupWebSocket();
-        clearTimeout(timeout);
-        this.recorderStatus.value = "ws_close";
-      };
+    this.wsConnected = computed(() => {
+      var _a, _b;
+      return (_b = (_a = _AudioSDK2.instance) == null ? void 0 : _a._audioSDK) == null ? void 0 : _b.connectMap.websocket.wsConnected.value;
     });
-  }
-  startRecording() {
-    return new Promise((resolve, reject) => {
-      this.messageQueue.push({
-        resolve,
-        reject
-      });
-      this.recorder.open(() => {
-        this.startTimestamp = Date.now();
-        this.recorder.start();
-        if (this.options.timed) {
-          this.timer = setTimeout(() => this.stop({
-            timeout: true,
-            isEndSet: true
-          }), this.options.timed * 1e3);
-        }
-        this.recorderStatus.value = "recording";
-        if (this.options.showModal) {
-          this.showRecordingModal();
-        }
-      }, (msg, isUserNotAllow) => {
-        this.handleError(msg, isUserNotAllow);
-      });
+    this.recorderStatus = computed(() => {
+      var _a, _b;
+      return ((_b = (_a = _AudioSDK2.instance) == null ? void 0 : _a._audioSDK) == null ? void 0 : _b.audioFailed.value) ? "fail" : "";
     });
+    this.recordingModal = new RecordingModal();
+    if (_AudioSDK2.instance)
+      return _AudioSDK2.instance;
+    _AudioSDK2.instance = this;
+    this._audioSDK = new AudioSDK$1();
+  }
+  static create() {
+    return new _AudioSDK2();
   }
   showRecordingModal() {
     this.recordingModal.show({
-      instance: this.options.instance,
+      instance: this._audioSDK.options.instance,
       onClose: async (obj) => await this.stop(obj),
       startWaveViewMethod: (options) => this.startWaveView(options),
       pause: () => this.pause(),
@@ -160,323 +68,57 @@ const _AudioSDK = class {
       }
     });
   }
-  handleProcess(buffers, powerLevel, duration, sampleRate, newBufferIdx) {
-    this.cleanProcessedBuffers(buffers, newBufferIdx);
-    this.updateAudioVisualization(buffers, powerLevel, sampleRate);
-  }
-  cleanProcessedBuffers(buffers, newBufferIdx) {
-    if (this.startTimestamp === 0) {
-      this.startTimestamp = Date.now();
-      this.sendBuffer = [];
-    }
-    if (this.options.wsType === "whole")
-      return;
-    for (let i = this.bufferIndex; i < newBufferIdx; i++) {
-      buffers[i] = null;
-    }
-    this.bufferIndex = newBufferIdx;
-  }
-  updateAudioVisualization(buffers, powerLevel, sampleRate) {
-    if (!this.waveView)
-      return;
-    this.waveView.input(buffers[buffers.length - 1], powerLevel, sampleRate);
-  }
-  handleChunk(chunk) {
-    if (this.messageResolver)
-      return;
-    if (chunk)
-      this.sendBuffer.push(chunk);
-    if (this.options.type === "http")
-      return;
-    const currentTime = Date.now();
-    if (currentTime - this.startTimestamp < this.options.wsSendInterval)
-      return;
-    this.sendBufferedData();
-    this.startTimestamp = currentTime;
-  }
-  sendBufferedData(isLast = false) {
-    const merged = this.mergeBuffers();
-    if (this.options.wsType === "chunk") {
-      this.sendBuffer = [];
-    }
-    if (merged.length === 0 && !isLast) {
-      return;
-    }
-    const blob = new Blob([merged], {
-      type: "audio/mp3"
-    });
-    this.sendBlob(blob, isLast);
-  }
-  mergeBuffers() {
-    const total = this.sendBuffer.reduce((sum, {
-      length
-    }) => sum + length, 0);
-    const result = new Uint8Array(total);
-    this.sendBuffer.reduce((offset, buf) => {
-      result.set(buf, offset);
-      return offset + buf.length;
-    }, 0);
-    return result;
-  }
-  sendBlob(blob, isLast = false) {
-    const reader = new FileReader();
-    reader.onloadend = () => {
-      var _a, _b;
-      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,
-        auth: this.options.token,
-        reqId: this.reqId
-      }));
-    };
-    reader.readAsDataURL(blob);
+  async start(options) {
+    return this._audioSDK.start(Object.assign(DEFAULT_OPTIONS, options, {
+      afterRecordStart: () => {
+        if (this._audioSDK.options.showModal) {
+          this.showRecordingModal();
+        }
+      },
+      beforeStop: () => {
+        var _a, _b;
+        (_b = (_a = this.recordingModal) == null ? void 0 : _a.setLoading) == null ? void 0 : _b.call(_a);
+      },
+      afterStop: () => {
+        this.recordingModal.hide();
+      }
+    }));
   }
   async stop(params = {}) {
-    var _a, _b;
-    if (this.recorderClosing.value)
-      return;
-    this.recorderClosing.value = true;
-    (_b = (_a = this.recordingModal) == null ? void 0 : _a.setLoading) == null ? void 0 : _b.call(_a);
-    clearTimeout(this.timer);
-    !params.isErrorSet && (this.recorderStatus.value = "stop");
-    try {
-      if (this.options.type === "http") {
-        await this.processHttpRecording();
-      } else {
-        this.sendBufferedData(true);
-        await new Promise((resolve) => {
-          this.messageResolver = resolve;
-          this.lastChunkTimer = setTimeout(resolve, this.options.lastChunkTimeout);
-        });
-        this.messageResolver = null;
-      }
-      await this.cleanupResources();
-      this.cleanupWebSocket();
-      if (params.isEndSet && !this.contentRef.value) {
+    var _a;
+    params.beforeResolve = () => {
+      if (params.isEndSet && !this.contentRef.value)
         this.handleError("\u5F55\u97F3\u5185\u5BB9\u4E3A\u7A7A", false, "warning", "stop");
-        this.recorderClosing.value = false;
-        return;
-      }
-      this.resolvePendingRequest(params);
-      this.recordingModal.hide();
-      this.recorderClosing.value = false;
-    } catch (err) {
-      console.log(err);
-      this.recorderClosing.value = false;
-    }
-  }
-  resolvePendingRequest(params) {
-    const handler = this.messageQueue.shift();
-    if (!handler)
-      return;
-    const result = {
-      result: "success",
-      data: params.isCloseSet ? "" : this.contentRef.value,
-      timeout: params.timeout
+      if (params.isCloseSet)
+        this.contentRef.value = "";
     };
-    handler.resolve(result);
-  }
-  async processHttpRecording() {
-    var _a, _b, _c;
-    try {
-      this.loading.value = true;
-      const Authorization = `bearer ${this.options.token}`;
-      const blob = new Blob([this.mergeBuffers()], {
-        type: "audio/mp3"
-      });
-      const file = new File([blob], `${uuidGenerator()}.mp3`);
-      const formData = new FormData();
-      formData.append("file", file);
-      const {
-        data
-      } = await axios.post(this.options.uploadOrigin, formData, {
-        headers: {
-          Authorization,
-          "Content-Type": "multipart/form-data"
-        }
-      });
-      if (!(data == null ? void 0 : data.success)) {
-        this.handleError((_a = data == null ? void 0 : data.msg) != null ? _a : "\u4E0A\u4F20\u6587\u4EF6\u5931\u8D25");
-        return;
-      }
-      const {
-        data: result
-      } = await axios.post(this.options.recognizeOrigin, {}, {
-        headers: {
-          Authorization
-        },
-        params: {
-          audioUrl: data.data,
-          channel: "DOUBAO_SP"
-        }
-      });
-      if (!(result == null ? void 0 : result.success)) {
-        this.handleError((_b = result == null ? void 0 : result.msg) != null ? _b : "\u8BED\u97F3\u8BC6\u522B\u5931\u8D25");
-        return;
-      }
-      this.contentRef.value = ((_c = result == null ? void 0 : result.data) == null ? void 0 : _c.text) || "";
-    } catch (error) {
-      this.handleError(this.getErrorMessage(error));
-    } finally {
-      this.loading.value = false;
-    }
-  }
-  getErrorMessage(error) {
-    if (isString(error))
-      return error;
-    if (isObject(error) && "message" in error)
-      return error.message;
-    return "\u672A\u77E5\u9519\u8BEF";
-  }
-  handleMessage(event) {
-    const {
-      data: {
-        data,
-        isLast
-      } = {
-        data: "",
-        isLast: false
-      },
-      success,
-      msg
-    } = this.parseMessageData(event.data) || {};
-    if (!success) {
-      this.handleError(msg || "\u670D\u52A1\u5F02\u5E38");
-      return;
-    }
-    if (data) {
-      const _data = this.pauseContent + data;
-      this.contentRef.value = this.options.allowPunctuationMark ? _data : _data.replace(/[?？，。,.\s]/g, "");
-    }
-    isLast && this.handleLastChunk();
-  }
-  handleLastChunk() {
-    if (this.lastChunkTimer) {
-      clearTimeout(this.lastChunkTimer);
-      this.lastChunkTimer = null;
-    }
-    if (this.messageResolver) {
-      this.messageResolver();
-      this.messageResolver = null;
-    }
-  }
-  parseMessageData(data) {
-    if (!isString(data))
-      return {
-        success: true
-      };
-    try {
-      const res = JSON.parse(data);
-      if (!isObject(res))
-        return {
-          success: true
-        };
-      return res;
-    } catch (e) {
-      return {
-        success: true
-      };
-    }
+    return (_a = this._audioSDK) == null ? void 0 : _a.stop(params);
   }
   async handleError(msg, isUserNotAllow = false, messageType = "error", errorType) {
-    const handler = this.messageQueue.shift();
-    if (!handler)
-      return;
-    const error = {
-      result: "fail",
-      msg,
-      isUserNotAllow
-    };
-    this.recorderStatus.value = "fail";
-    errorType != "stop" && await this.stop({
-      isErrorSet: true
-    });
-    if (isUserNotAllow) {
-      $message.warning("\u8BF7\u5F00\u542F\u9EA6\u514B\u98CE\u6743\u9650");
-    } else if (msg) {
-      $message[messageType](msg);
-    }
-    handler.reject(error);
-  }
-  cleanupWebSocket() {
-    var _a, _b;
-    (_b = (_a = this.webSocket) == null ? void 0 : _a.close) == null ? void 0 : _b.call(_a);
-    this.webSocket = null;
-    this.connectionState = AudioTypes.ConnectionState.DISCONNECTED;
-  }
-  async cleanupResources() {
-    var _a, _b;
-    await ((_b = (_a = this.recorder) == null ? void 0 : _a.close) == null ? void 0 : _b.call(_a));
-    this.sendBuffer = [];
-    this.startTimestamp = 0;
-  }
-  resetState() {
-    this.recorderStatus.value = "";
-    this.cleanupResources();
-    clearTimeout(this.timer);
-  }
-  checkEnvironment() {
-    if (!window.isSecureContext && navigator.userAgent.includes("Chrome")) {
-      $message.warning("\u5F53\u524D\u73AF\u5883\u9700\u8981\u5B89\u5168\u4E0A\u4E0B\u6587\u624D\u80FD\u4F7F\u7528\u5F55\u97F3\u529F\u80FD");
-      return false;
-    }
-    return true;
-  }
-  cleanupWaveView() {
-    if (!this.waveView)
-      return;
-    this.waveView.elem = null;
-    this.waveView.canvas = null;
-    this.waveView = null;
+    var _a;
+    return (_a = this._audioSDK) == null ? void 0 : _a.handleError(msg, isUserNotAllow);
   }
   async startWaveView(options) {
-    var _a, _b, _c, _d;
-    this.cleanupWaveView();
-    await promiseTimeout(50);
-    this.waveView = (_d = (_c = (_b = Recorder).FrequencyHistogramView) == null ? void 0 : _c.call(_b, {
-      elem: (_a = options == null ? void 0 : options.waveSelector) == null ? void 0 : _a.call(options),
-      scale: 1,
-      fps: 15,
-      widthRatio: 0.5,
-      lineCount: 30,
-      minHeight: 2,
-      stripeEnable: false,
-      mirrorEnable: false,
-      linear: [0, "rgba(94, 92, 255, 0.9)", 1, "rgba(95, 88, 224)"],
-      position: 0,
-      ...options == null ? void 0 : options.waveProps
-    })) != null ? _d : null;
+    this._audioSDK.clearWaveView();
+    this._audioSDK.createWaveView(options.waveSelector, options.waveProps);
   }
   async pause() {
-    var _a, _b;
-    this.cleanupWebSocket();
-    this.pauseContent = this.contentRef.value;
-    (_b = (_a = this.recorder) == null ? void 0 : _a.pause) == null ? void 0 : _b.call(_a);
-    this.recorderStatus.value = "pause";
+    return this._audioSDK.pause();
   }
   async resume() {
-    var _a;
-    await this.setupWebSocket();
-    (_a = this.recorder) == null ? void 0 : _a.resume();
-    this.recorderStatus.value = "recording";
+    return this._audioSDK.resume();
   }
   destroy() {
-    this.resetState();
-    this.recordingModal.hide();
-    _AudioSDK.instance = null;
+    var _a;
+    (_a = this._audioSDK) == null ? void 0 : _a.destroy();
+    _AudioSDK2.instance = null;
   }
   static destroy() {
     var _a;
     (_a = this.instance) == null ? void 0 : _a.destroy();
   }
 };
-let AudioSDK = _AudioSDK;
+let AudioSDK = _AudioSDK2;
 AudioSDK.instance = null;
 
 export { AudioSDK as default };

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<"" | "fail" | "recording" | "pause" | "ws_close" | "stop">;
+            type: import("vue").PropType<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
             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<"" | "fail" | "recording" | "pause" | "ws_close" | "stop">;
+                type: import("vue").PropType<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
                 default: string;
             };
         }>> & {
@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<{
             data: string;
         }>;
         wsConnected: import("vue").Ref<boolean>;
-        recorderStatus: import("vue").Ref<"" | "fail" | "recording" | "pause" | "ws_close" | "stop">;
+        recorderStatus: import("vue").Ref<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
         audioChartRef: import("vue").Ref<HTMLDivElement | undefined>;
         audioChartSamllRef: import("vue").Ref<HTMLDivElement | undefined>;
         contentScrollRef: import("vue").Ref<HTMLDivElement | undefined>;
@@ -226,7 +226,7 @@ declare const _default: import("vue").DefineComponent<{
             type: import("vue").PropType<import("../../../../shared/types").AnyFn>;
         };
         recorderStatus: {
-            type: import("vue").PropType<"" | "fail" | "recording" | "pause" | "ws_close" | "stop">;
+            type: import("vue").PropType<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
             default: string;
         };
     }>> & {
@@ -246,7 +246,7 @@ declare const _default: import("vue").DefineComponent<{
         showBtn: boolean;
         wsConnected: boolean;
         fromSdk: boolean;
-        recorderStatus: "" | "fail" | "recording" | "pause" | "ws_close" | "stop";
+        recorderStatus: "" | "stop" | "fail" | "recording" | "pause" | "ws_close";
     }>;
 }, 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

@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AnyFn>;
     };
     recorderStatus: {
-        type: PropType<"" | "fail" | "recording" | "pause" | "ws_close" | "stop">;
+        type: PropType<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
         default: string;
     };
 }, {
@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<AnyFn>;
         };
         recorderStatus: {
-            type: PropType<"" | "fail" | "recording" | "pause" | "ws_close" | "stop">;
+            type: PropType<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
             default: string;
         };
     }>> & {
@@ -98,7 +98,7 @@ declare const _default: import("vue").DefineComponent<{
         data: string;
     }>;
     wsConnected: import("vue").Ref<boolean>;
-    recorderStatus: import("vue").Ref<"" | "fail" | "recording" | "pause" | "ws_close" | "stop">;
+    recorderStatus: import("vue").Ref<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
     audioChartRef: import("vue").Ref<HTMLDivElement | undefined>;
     audioChartSamllRef: import("vue").Ref<HTMLDivElement | undefined>;
     contentScrollRef: import("vue").Ref<HTMLDivElement | undefined>;
@@ -214,7 +214,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AnyFn>;
     };
     recorderStatus: {
-        type: PropType<"" | "fail" | "recording" | "pause" | "ws_close" | "stop">;
+        type: PropType<"" | "stop" | "fail" | "recording" | "pause" | "ws_close">;
         default: string;
     };
 }>> & {
@@ -234,6 +234,6 @@ declare const _default: import("vue").DefineComponent<{
     showBtn: boolean;
     wsConnected: boolean;
     fromSdk: boolean;
-    recorderStatus: "" | "fail" | "recording" | "pause" | "ws_close" | "stop";
+    recorderStatus: "" | "stop" | "fail" | "recording" | "pause" | "ws_close";
 }>;
 export default _default;

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

@@ -4,7 +4,7 @@ export declare namespace AudioTypes {
         reject: (reason?: SpeechError) => void;
     };
     interface SpeechResult {
-        result: 'success';
+        success: boolean;
         data?: string;
         timeout?: boolean;
     }

package/es/components/button-print/index.d.ts

@@ -547,6 +547,7 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
         isPrintDisabled: (outer: any, j: number) => any;
         directPrint: () => Promise<void>;
         directDefaultFormatPrint: (defaultFormatId: string) => Promise<void>;
+        handleShortcutStartAndStop: (status: "start" | "stop") => void;
         NDropdown: any;
         NButton: any;
         NIcon: any;
@@ -1590,6 +1591,7 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
     }>;
     emits: (event: "success" | "error" | "cancel" | "clickoutside" | "saveOuterPrint", ...args: any[]) => void;
     directPrint: () => Promise<void>;
+    handleShortcutStartAndStop: (status: "start" | "stop") => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("success" | "error" | "cancel" | "clickoutside" | "saveOuterPrint")[], "success" | "error" | "cancel" | "clickoutside" | "saveOuterPrint", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     printParams: {
         type: import("vue").PropType<import("../../shared/types").AnyObject[]>;

package/es/components/button-print/src/ButtonPrint.vue.d.ts

@@ -553,6 +553,7 @@ declare const _default: import("vue").DefineComponent<{
         isPrintDisabled: (outer: any, j: number) => any;
         directPrint: () => Promise<void>;
         directDefaultFormatPrint: (defaultFormatId: string) => Promise<void>;
+        handleShortcutStartAndStop: (status: "start" | "stop") => void;
         NDropdown: any;
         NButton: any;
         NIcon: any;
@@ -1599,6 +1600,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     emits: (event: "success" | "error" | "cancel" | "clickoutside" | "saveOuterPrint", ...args: any[]) => void;
     directPrint: () => Promise<void>;
+    handleShortcutStartAndStop: (status: 'start' | 'stop') => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("success" | "error" | "cancel" | "clickoutside" | "saveOuterPrint")[], "success" | "error" | "cancel" | "clickoutside" | "saveOuterPrint", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     printParams: {
         type: PropType<AnyObject[]>;