@94ai/nf-audio 3.3.51 → 3.3.53

package/lib/index.d.ts

@@ -10,6 +10,10 @@ declare const _default: import("vue/types/v3-component-public-instance").Compone
     volumeValue: number;
     speed: number;
 }, Readonly<import("vue-demi").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     showMoreBtn: {
         type: BooleanConstructor;
         default: boolean;
@@ -35,6 +39,10 @@ declare const _default: import("vue/types/v3-component-public-instance").Compone
         default: number;
     };
 }>>, Readonly<import("vue-demi").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     showMoreBtn: {
         type: BooleanConstructor;
         default: boolean;
@@ -60,6 +68,7 @@ declare const _default: import("vue/types/v3-component-public-instance").Compone
         default: number;
     };
 }>>, {}, {
+    disabled: boolean;
     showMoreBtn: boolean;
     showJumpToTime: boolean;
     audioSrc: string;
@@ -67,6 +76,10 @@ declare const _default: import("vue/types/v3-component-public-instance").Compone
     forwardSecond: number;
     startTime: number;
 }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue-demi").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     showMoreBtn: {
         type: BooleanConstructor;
         default: boolean;
@@ -102,6 +115,10 @@ declare const _default: import("vue/types/v3-component-public-instance").Compone
     volumeValue: number;
     speed: number;
 } & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue-demi").ComponentCustomProperties & Readonly<import("vue-demi").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     showMoreBtn: {
         type: BooleanConstructor;
         default: boolean;
@@ -127,6 +144,10 @@ declare const _default: import("vue/types/v3-component-public-instance").Compone
         default: number;
     };
 }>>, any, any, any, import("vue-demi").ComponentComputedOptions, import("vue-demi").ComponentMethodOptions> & import("vue/types/v3-component-options").ComponentOptionsBase<Readonly<import("vue-demi").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     showMoreBtn: {
         type: BooleanConstructor;
         default: boolean;
@@ -162,6 +183,7 @@ declare const _default: import("vue/types/v3-component-public-instance").Compone
     volumeValue: number;
     speed: number;
 }, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, {
+    disabled: boolean;
     showMoreBtn: boolean;
     showJumpToTime: boolean;
     audioSrc: string;
@@ -170,6 +192,10 @@ declare const _default: import("vue/types/v3-component-public-instance").Compone
     startTime: number;
 }> & {
     props: {
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         showMoreBtn: {
             type: BooleanConstructor;
             default: boolean;

package/lib/more-btn.vue.d.ts

@@ -1,5 +1,17 @@
-declare const _default: import("vue").DefineComponent<{}, any, {
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, {
     multipleArray: string[];
     speed: string;
-}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+}>;
 export default _default;

package/lib/nf-audio.cjs.js

@@ -2,10 +2,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vueDemi = require("vue-demi");
 const vue2RuntimeHelpers = require("@94ai/vue2-runtime-helpers");
-const elementUi = require("element-ui");
+const nfMessage = require("@94ai/nf-message");
 const __sfc_main = {};
 __sfc_main.props = {
-  visible: [Boolean, String]
+  visible: [Boolean, String],
+  disabled: [Boolean]
 };
 __sfc_main.setup = (__props, __ctx) => {
   const emits = __ctx.emit;
@@ -26,7 +27,9 @@ __sfc_main.setup = (__props, __ctx) => {
     emits("update:visible", false);
   }
   function showPopper() {
-    emits("update:visible", true);
+    if (!props.disabled) {
+      emits("update:visible", true);
+    }
   }
   vueDemi.onUnmounted(() => {
     emits("update:visible", false);
@@ -72,6 +75,12 @@ const volumeTool = __component__$2.exports;
 const _sfc_main$1 = {
   name: "more-btn",
   components: {},
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
   data() {
     return {
       multipleArray: ["1.0", "1.25", "1.5", "1.75", "2.0"],
@@ -97,7 +106,8 @@ var _sfc_render$1 = function render2() {
   }, [_c("el-popover", {
     attrs: {
       "placement": "right",
-      "popper-class": "audio-popover"
+      "popper-class": "audio-popover",
+      "disabled": _vm.disabled
     }
   }, [_c("div", {
     staticClass: "audio-btn-list"
@@ -150,6 +160,10 @@ const _sfc_main = {
     moreBtn
   },
   props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
     showMoreBtn: {
       type: Boolean,
       default: true
@@ -206,13 +220,15 @@ const _sfc_main = {
     },
     //暂停或播放
     handlePauseOrPlay() {
-      if (this.audio.readyState >= 2) {
-        this.audio.paused ? this.audio.play() : this.audio.pause();
-        this.audio.playbackRate = this.speed;
-        this.paused = !this.paused;
-      } else {
-        console.log("Audio is not ready yet.");
-        elementUi.Message.warning("音频还未加载完成");
+      if (!this.disabled) {
+        if (this.audio.readyState >= 2) {
+          this.audio.paused ? this.audio.play() : this.audio.pause();
+          this.audio.playbackRate = this.speed;
+          this.paused = !this.paused;
+        } else {
+          console.log("Audio is not ready yet.");
+          nfMessage.Message.warning("音频还未加载完成");
+        }
       }
     },
     //视频在可以播放时触发
@@ -246,12 +262,14 @@ const _sfc_main = {
     },
     //点击进度条更新进度
     clickProgress(e) {
-      if (this.duration === "00:00") {
-        elementUi.Message.warning("音频还未加载完成");
-        return false;
-      }
-      if (!this.audio.paused) {
-        this.updateProgress(e.offsetX);
+      if (!this.disabled) {
+        if (this.duration === "00:00") {
+          nfMessage.Message.warning("音频还未加载完成");
+          return false;
+        }
+        if (!this.audio.paused) {
+          this.updateProgress(e.offsetX);
+        }
       }
     },
     //更新进度
@@ -263,54 +281,62 @@ const _sfc_main = {
     },
     //鼠标弹起
     handleMouseup() {
-      if (this.duration === "00:00") {
-        elementUi.Message.warning("音频还未加载完成");
-        return false;
+      if (!this.disabled) {
+        if (this.duration === "00:00") {
+          nfMessage.Message.warning("音频还未加载完成");
+          return false;
+        }
+        const timer = setTimeout(() => {
+          this.audio.play();
+          this.paused = false;
+          clearTimeout(timer);
+        }, 200);
+        this.$once("hook:beforeDestroy", () => {
+          clearTimeout(timer);
+        });
       }
-      const timer = setTimeout(() => {
-        this.audio.play();
-        this.paused = false;
-        clearTimeout(timer);
-      }, 200);
-      this.$once("hook:beforeDestroy", () => {
-        clearTimeout(timer);
-      });
     },
     //调整进度
     handleMousedown() {
-      this.audio.pause();
-      this.paused = true;
-      let progress = this.$refs.progress;
-      let moveMin = progress.offsetParent.offsetLeft + progress.offsetLeft;
-      let moveMax = progress.offsetParent.offsetLeft + progress.offsetLeft + progress.clientWidth;
-      let circleWidth = this.$refs.circle.clientWidth / 2;
-      let moveX = (e) => {
-        if (e.pageX >= moveMax) {
-          return;
-        } else if (e.pageX <= moveMin) {
-          return;
-        }
-        this.$refs.circle.style.left = e.pageX - moveMin - circleWidth + "px";
-        this.updateProgress(e.pageX - moveMin);
-      };
-      document.addEventListener("mousemove", moveX);
-      document.addEventListener("mouseup", () => {
-        document.removeEventListener("mousemove", moveX);
-      });
+      if (!this.disabled) {
+        this.audio.pause();
+        this.paused = true;
+        let progress = this.$refs.progress;
+        let moveMin = progress.offsetParent.offsetLeft + progress.offsetLeft;
+        let moveMax = progress.offsetParent.offsetLeft + progress.offsetLeft + progress.clientWidth;
+        let circleWidth = this.$refs.circle.clientWidth / 2;
+        let moveX = (e) => {
+          if (e.pageX >= moveMax) {
+            return;
+          } else if (e.pageX <= moveMin) {
+            return;
+          }
+          this.$refs.circle.style.left = e.pageX - moveMin - circleWidth + "px";
+          this.updateProgress(e.pageX - moveMin);
+        };
+        document.addEventListener("mousemove", moveX);
+        document.addEventListener("mouseup", () => {
+          document.removeEventListener("mousemove", moveX);
+        });
+      }
     },
     rangeVolume(val) {
       console.log(val);
     },
     /** 设置倍速播放 */
     changeSpeed(command) {
-      const audioPlayer = this.$refs.audio;
-      if (audioPlayer) {
-        audioPlayer.playbackRate = command;
+      if (!this.disabled) {
+        const audioPlayer = this.$refs.audio;
+        if (audioPlayer) {
+          audioPlayer.playbackRate = command;
+        }
+        this.speed = command;
       }
-      this.speed = command;
     },
     downRecord() {
-      this.$emit("downloadCallback");
+      if (!this.disabled) {
+        this.$emit("downloadCallback");
+      }
     },
     calcMoveX() {
       if (!this.audio.paused) {
@@ -320,29 +346,31 @@ const _sfc_main = {
       }
     },
     jumpToTime() {
-      this.audio.pause();
-      const formatStartT = this.timeFormat(this.startTime);
-      if (this.duration === "00:00") {
-        elementUi.Message.warning("音频还未加载完成");
-        return false;
-      }
-      if (formatStartT >= this.duration) {
-        this.audio.currentTime = this.duration;
-        this.currentDuration = this.timeFormat(this.audio.currentTime);
-        this.calcMoveX();
-        this.audio.play();
-        console.error("开始时间不能大于总时长");
-        return false;
-      } else if (formatStartT >= "00:00" && formatStartT < this.duration) {
-        this.audio.currentTime = this.startTime;
-        this.currentDuration = this.timeFormat(this.audio.currentTime);
-        this.calcMoveX();
-        this.audio.play();
-      } else {
-        this.audio.currentTime = 0;
-        this.currentDuration = this.timeFormat(this.audio.currentTime);
-        this.calcMoveX();
-        this.audio.play();
+      if (!this.disabled) {
+        this.audio.pause();
+        const formatStartT = this.timeFormat(this.startTime);
+        if (this.duration === "00:00") {
+          nfMessage.Message.warning("音频还未加载完成");
+          return false;
+        }
+        if (formatStartT >= this.duration) {
+          this.audio.currentTime = this.duration;
+          this.currentDuration = this.timeFormat(this.audio.currentTime);
+          this.calcMoveX();
+          this.audio.play();
+          console.error("开始时间不能大于总时长");
+          return false;
+        } else if (formatStartT >= "00:00" && formatStartT < this.duration) {
+          this.audio.currentTime = this.startTime;
+          this.currentDuration = this.timeFormat(this.audio.currentTime);
+          this.calcMoveX();
+          this.audio.play();
+        } else {
+          this.audio.currentTime = 0;
+          this.currentDuration = this.timeFormat(this.audio.currentTime);
+          this.calcMoveX();
+          this.audio.play();
+        }
       }
     }
   },
@@ -356,7 +384,10 @@ const _sfc_main = {
 var _sfc_render = function render3() {
   var _vm = this, _c = _vm._self._c;
   return _c("div", {
-    staticClass: "nf-audio-strip"
+    staticClass: "nf-audio-strip",
+    class: {
+      disabled: _vm.disabled
+    }
   }, [_c("audio", {
     directives: [{
       name: "show",
@@ -431,7 +462,8 @@ var _sfc_render = function render3() {
     staticClass: "nf-volume-panel"
   }, [_c("volumeTool", {
     attrs: {
-      "visible": _vm.volumeVisible
+      "visible": _vm.volumeVisible,
+      "disabled": _vm.disabled
     },
     on: {
       "update:visible": function($event) {
@@ -471,6 +503,9 @@ var _sfc_render = function render3() {
   })], 1)], 1), _vm.showMoreBtn ? _c("div", {
     staticClass: "option"
   }, [_c("moreBtn", {
+    attrs: {
+      "disabled": _vm.disabled
+    },
     on: {
       "down": function($event) {
         return _vm.downRecord();

package/lib/nf-audio.esm-bundler.js

@@ -1,9 +1,10 @@
 import { ref, watch, onUnmounted } from "vue-demi";
 import { normalizeComponent } from "@94ai/vue2-runtime-helpers";
-import { Message } from "element-ui";
+import { Message } from "@94ai/nf-message";
 const __sfc_main = {};
 __sfc_main.props = {
-  visible: [Boolean, String]
+  visible: [Boolean, String],
+  disabled: [Boolean]
 };
 __sfc_main.setup = (__props, __ctx) => {
   const emits = __ctx.emit;
@@ -24,7 +25,9 @@ __sfc_main.setup = (__props, __ctx) => {
     emits("update:visible", false);
   }
   function showPopper() {
-    emits("update:visible", true);
+    if (!props.disabled) {
+      emits("update:visible", true);
+    }
   }
   onUnmounted(() => {
     emits("update:visible", false);
@@ -70,6 +73,12 @@ const volumeTool = __component__$2.exports;
 const _sfc_main$1 = {
   name: "more-btn",
   components: {},
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
   data() {
     return {
       multipleArray: ["1.0", "1.25", "1.5", "1.75", "2.0"],
@@ -95,7 +104,8 @@ var _sfc_render$1 = function render2() {
   }, [_c("el-popover", {
     attrs: {
       "placement": "right",
-      "popper-class": "audio-popover"
+      "popper-class": "audio-popover",
+      "disabled": _vm.disabled
     }
   }, [_c("div", {
     staticClass: "audio-btn-list"
@@ -148,6 +158,10 @@ const _sfc_main = {
     moreBtn
   },
   props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
     showMoreBtn: {
       type: Boolean,
       default: true
@@ -204,13 +218,15 @@ const _sfc_main = {
     },
     //暂停或播放
     handlePauseOrPlay() {
-      if (this.audio.readyState >= 2) {
-        this.audio.paused ? this.audio.play() : this.audio.pause();
-        this.audio.playbackRate = this.speed;
-        this.paused = !this.paused;
-      } else {
-        console.log("Audio is not ready yet.");
-        Message.warning("音频还未加载完成");
+      if (!this.disabled) {
+        if (this.audio.readyState >= 2) {
+          this.audio.paused ? this.audio.play() : this.audio.pause();
+          this.audio.playbackRate = this.speed;
+          this.paused = !this.paused;
+        } else {
+          console.log("Audio is not ready yet.");
+          Message.warning("音频还未加载完成");
+        }
       }
     },
     //视频在可以播放时触发
@@ -244,12 +260,14 @@ const _sfc_main = {
     },
     //点击进度条更新进度
     clickProgress(e) {
-      if (this.duration === "00:00") {
-        Message.warning("音频还未加载完成");
-        return false;
-      }
-      if (!this.audio.paused) {
-        this.updateProgress(e.offsetX);
+      if (!this.disabled) {
+        if (this.duration === "00:00") {
+          Message.warning("音频还未加载完成");
+          return false;
+        }
+        if (!this.audio.paused) {
+          this.updateProgress(e.offsetX);
+        }
       }
     },
     //更新进度
@@ -261,54 +279,62 @@ const _sfc_main = {
     },
     //鼠标弹起
     handleMouseup() {
-      if (this.duration === "00:00") {
-        Message.warning("音频还未加载完成");
-        return false;
+      if (!this.disabled) {
+        if (this.duration === "00:00") {
+          Message.warning("音频还未加载完成");
+          return false;
+        }
+        const timer = setTimeout(() => {
+          this.audio.play();
+          this.paused = false;
+          clearTimeout(timer);
+        }, 200);
+        this.$once("hook:beforeDestroy", () => {
+          clearTimeout(timer);
+        });
       }
-      const timer = setTimeout(() => {
-        this.audio.play();
-        this.paused = false;
-        clearTimeout(timer);
-      }, 200);
-      this.$once("hook:beforeDestroy", () => {
-        clearTimeout(timer);
-      });
     },
     //调整进度
     handleMousedown() {
-      this.audio.pause();
-      this.paused = true;
-      let progress = this.$refs.progress;
-      let moveMin = progress.offsetParent.offsetLeft + progress.offsetLeft;
-      let moveMax = progress.offsetParent.offsetLeft + progress.offsetLeft + progress.clientWidth;
-      let circleWidth = this.$refs.circle.clientWidth / 2;
-      let moveX = (e) => {
-        if (e.pageX >= moveMax) {
-          return;
-        } else if (e.pageX <= moveMin) {
-          return;
-        }
-        this.$refs.circle.style.left = e.pageX - moveMin - circleWidth + "px";
-        this.updateProgress(e.pageX - moveMin);
-      };
-      document.addEventListener("mousemove", moveX);
-      document.addEventListener("mouseup", () => {
-        document.removeEventListener("mousemove", moveX);
-      });
+      if (!this.disabled) {
+        this.audio.pause();
+        this.paused = true;
+        let progress = this.$refs.progress;
+        let moveMin = progress.offsetParent.offsetLeft + progress.offsetLeft;
+        let moveMax = progress.offsetParent.offsetLeft + progress.offsetLeft + progress.clientWidth;
+        let circleWidth = this.$refs.circle.clientWidth / 2;
+        let moveX = (e) => {
+          if (e.pageX >= moveMax) {
+            return;
+          } else if (e.pageX <= moveMin) {
+            return;
+          }
+          this.$refs.circle.style.left = e.pageX - moveMin - circleWidth + "px";
+          this.updateProgress(e.pageX - moveMin);
+        };
+        document.addEventListener("mousemove", moveX);
+        document.addEventListener("mouseup", () => {
+          document.removeEventListener("mousemove", moveX);
+        });
+      }
     },
     rangeVolume(val) {
       console.log(val);
     },
     /** 设置倍速播放 */
     changeSpeed(command) {
-      const audioPlayer = this.$refs.audio;
-      if (audioPlayer) {
-        audioPlayer.playbackRate = command;
+      if (!this.disabled) {
+        const audioPlayer = this.$refs.audio;
+        if (audioPlayer) {
+          audioPlayer.playbackRate = command;
+        }
+        this.speed = command;
       }
-      this.speed = command;
     },
     downRecord() {
-      this.$emit("downloadCallback");
+      if (!this.disabled) {
+        this.$emit("downloadCallback");
+      }
     },
     calcMoveX() {
       if (!this.audio.paused) {
@@ -318,29 +344,31 @@ const _sfc_main = {
       }
     },
     jumpToTime() {
-      this.audio.pause();
-      const formatStartT = this.timeFormat(this.startTime);
-      if (this.duration === "00:00") {
-        Message.warning("音频还未加载完成");
-        return false;
-      }
-      if (formatStartT >= this.duration) {
-        this.audio.currentTime = this.duration;
-        this.currentDuration = this.timeFormat(this.audio.currentTime);
-        this.calcMoveX();
-        this.audio.play();
-        console.error("开始时间不能大于总时长");
-        return false;
-      } else if (formatStartT >= "00:00" && formatStartT < this.duration) {
-        this.audio.currentTime = this.startTime;
-        this.currentDuration = this.timeFormat(this.audio.currentTime);
-        this.calcMoveX();
-        this.audio.play();
-      } else {
-        this.audio.currentTime = 0;
-        this.currentDuration = this.timeFormat(this.audio.currentTime);
-        this.calcMoveX();
-        this.audio.play();
+      if (!this.disabled) {
+        this.audio.pause();
+        const formatStartT = this.timeFormat(this.startTime);
+        if (this.duration === "00:00") {
+          Message.warning("音频还未加载完成");
+          return false;
+        }
+        if (formatStartT >= this.duration) {
+          this.audio.currentTime = this.duration;
+          this.currentDuration = this.timeFormat(this.audio.currentTime);
+          this.calcMoveX();
+          this.audio.play();
+          console.error("开始时间不能大于总时长");
+          return false;
+        } else if (formatStartT >= "00:00" && formatStartT < this.duration) {
+          this.audio.currentTime = this.startTime;
+          this.currentDuration = this.timeFormat(this.audio.currentTime);
+          this.calcMoveX();
+          this.audio.play();
+        } else {
+          this.audio.currentTime = 0;
+          this.currentDuration = this.timeFormat(this.audio.currentTime);
+          this.calcMoveX();
+          this.audio.play();
+        }
       }
     }
   },
@@ -354,7 +382,10 @@ const _sfc_main = {
 var _sfc_render = function render3() {
   var _vm = this, _c = _vm._self._c;
   return _c("div", {
-    staticClass: "nf-audio-strip"
+    staticClass: "nf-audio-strip",
+    class: {
+      disabled: _vm.disabled
+    }
   }, [_c("audio", {
     directives: [{
       name: "show",
@@ -429,7 +460,8 @@ var _sfc_render = function render3() {
     staticClass: "nf-volume-panel"
   }, [_c("volumeTool", {
     attrs: {
-      "visible": _vm.volumeVisible
+      "visible": _vm.volumeVisible,
+      "disabled": _vm.disabled
     },
     on: {
       "update:visible": function($event) {
@@ -469,6 +501,9 @@ var _sfc_render = function render3() {
   })], 1)], 1), _vm.showMoreBtn ? _c("div", {
     staticClass: "option"
   }, [_c("moreBtn", {
+    attrs: {
+      "disabled": _vm.disabled
+    },
     on: {
       "down": function($event) {
         return _vm.downRecord();

package/lib/nf-audio.vue.d.ts

@@ -1,4 +1,8 @@
 declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     showMoreBtn: {
         type: BooleanConstructor;
         default: boolean;
@@ -34,6 +38,10 @@ declare const _default: import("vue").DefineComponent<{
     volumeValue: number;
     speed: number;
 }, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     showMoreBtn: {
         type: BooleanConstructor;
         default: boolean;
@@ -59,6 +67,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }>>, {
+    disabled: boolean;
     showMoreBtn: boolean;
     showJumpToTime: boolean;
     audioSrc: string;

package/lib/volume-tool.vue.d.ts

@@ -1,8 +1,10 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue-demi").DefineComponent<{}, {
     showPopper: typeof showPopper;
     $emit: (event: "update:visible", ...args: any[]) => void;
+    disabled?: boolean | undefined;
     visible?: string | boolean | undefined;
     $props: {
+        readonly disabled?: boolean | undefined;
         readonly visible?: string | boolean | undefined;
     };
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue-demi").ExtractPropTypes<{}>>, {}>, {

package/package/more-btn.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="more-btn-box">
-    <el-popover placement="right" popper-class="audio-popover">
+    <el-popover placement="right" popper-class="audio-popover" :disabled="disabled">
       <div class="audio-btn-list">
         <el-popover placement="right" popper-class="audio-popover">
           <div class="audio-btn-list">
@@ -21,6 +21,12 @@
 export default {
   name: 'more-btn',
   components: {},
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+  },
   data() {
     return {
       multipleArray: ['1.0', '1.25', '1.5', '1.75', '2.0'],

package/package/nf-audio.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="nf-audio-strip">
+  <div class="nf-audio-strip" :class="{ disabled }">
     <audio @canplay="getDuration" controls crossOrigin="anonymous" @timeupdate="updateTime" @ended="handleAudioEnded" v-show="false" ref="audio"
            :src="audioSrc"/>
     <div class="nf-fast" v-if="showJumpToTime">
@@ -34,7 +34,7 @@
         </div>
       </div>
       <div class="nf-volume-panel">
-        <volumeTool :visible.sync="volumeVisible">
+        <volumeTool :visible.sync="volumeVisible" :disabled="disabled">
           <template v-slot:reference>
             <i class="iconfont icon-yinliang_guanbi volume-mute" v-if="volume == 0" />
             <i class="iconfont icon-yinliang_kaiqi volume" v-else/>
@@ -52,7 +52,7 @@
         </volumeTool>
       </div>
       <div class="option" v-if="showMoreBtn">
-        <moreBtn @down="downRecord()" @speed="changeSpeed" />
+        <moreBtn @down="downRecord()" @speed="changeSpeed" :disabled="disabled"/>
       </div>
     </div>
   </div>
@@ -61,12 +61,16 @@
 <script>
 import volumeTool from './volume-tool.vue'
 import moreBtn from './more-btn.vue'
-import { Message } from 'element-ui'
+import { Message } from '@94ai/nf-message'
 
 export default {
   name: "nf-audio",
   components: { volumeTool, moreBtn },
   props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
     showMoreBtn: {
       type: Boolean,
       default: true
@@ -123,14 +127,16 @@ export default {
     },
     //暂停或播放
     handlePauseOrPlay() {
-      if (this.audio.readyState >= 2) {
-        // 如果音频资源已加载元数据或更多，可以播放
-        this.audio.paused ? this.audio.play() : this.audio.pause()
-        this.audio.playbackRate = this.speed
-        this.paused = !this.paused
-      } else {
-        console.log("Audio is not ready yet.");
-        Message.warning("音频还未加载完成")
+      if (!this.disabled) {
+        if (this.audio.readyState >= 2) {
+          // 如果音频资源已加载元数据或更多，可以播放
+          this.audio.paused ? this.audio.play() : this.audio.pause()
+          this.audio.playbackRate = this.speed
+          this.paused = !this.paused
+        } else {
+          console.log("Audio is not ready yet.");
+          Message.warning("音频还未加载完成")
+        }
       }
     },
     //视频在可以播放时触发
@@ -171,13 +177,15 @@ export default {
     },
     //点击进度条更新进度
     clickProgress( e ) {
-      if(this.duration === '00:00'){
-        Message.warning("音频还未加载完成")
-        return false
-      }
-      //如果不是正在移动 和 没有暂停播放就执行
-      if (!this.audio.paused) {
-        this.updateProgress(e.offsetX)
+      if (!this.disabled) {
+        if(this.duration === '00:00'){
+          Message.warning("音频还未加载完成")
+          return false
+        }
+        //如果不是正在移动 和 没有暂停播放就执行
+        if (!this.audio.paused) {
+          this.updateProgress(e.offsetX)
+        }
       }
     },
     //更新进度
@@ -192,61 +200,69 @@ export default {
     },
     //鼠标弹起
     handleMouseup() {
-      if(this.duration === '00:00'){
-        Message.warning("音频还未加载完成")
-        return false
-      }
-      // 销毁的时候清除定时器
-      const timer = setTimeout(() => {
-        this.audio.play()
-        this.paused = false
-        clearTimeout(timer)
-      }, 200)
+      if (!this.disabled) {
+        if(this.duration === '00:00'){
+          Message.warning("音频还未加载完成")
+          return false
+        }
+        // 销毁的时候清除定时器
+        const timer = setTimeout(() => {
+          this.audio.play()
+          this.paused = false
+          clearTimeout(timer)
+        }, 200)
 
-      this.$once('hook:beforeDestroy', () => {
-        clearTimeout(timer)
-      })
+        this.$once('hook:beforeDestroy', () => {
+          clearTimeout(timer)
+        })
+      }
     },
     //调整进度
     handleMousedown() {
-      this.audio.pause()
-      this.paused = true
-      let progress = this.$refs.progress
-      //进度条 左 边距离页面左边的距离 移动最小值
-      let moveMin = progress.offsetParent.offsetLeft + progress.offsetLeft
-      //进度条 右 边距离页面左边的距离 移动最大值
-      let moveMax = progress.offsetParent.offsetLeft + progress.offsetLeft + progress.clientWidth
-      //小圆圈的宽度
-      let circleWidth = ( this.$refs.circle.clientWidth / 2 )
-      let moveX = ( e ) => {
-        if (e.pageX >= moveMax) {
-          return
-        } else if (e.pageX <= moveMin) {
-          return
+      if (!this.disabled) {
+        this.audio.pause()
+        this.paused = true
+        let progress = this.$refs.progress
+        //进度条 左 边距离页面左边的距离 移动最小值
+        let moveMin = progress.offsetParent.offsetLeft + progress.offsetLeft
+        //进度条 右 边距离页面左边的距离 移动最大值
+        let moveMax = progress.offsetParent.offsetLeft + progress.offsetLeft + progress.clientWidth
+        //小圆圈的宽度
+        let circleWidth = ( this.$refs.circle.clientWidth / 2 )
+        let moveX = ( e ) => {
+          if (e.pageX >= moveMax) {
+            return
+          } else if (e.pageX <= moveMin) {
+            return
+          }
+          this.$refs.circle.style.left = e.pageX - moveMin - circleWidth + 'px'
+          this.updateProgress(e.pageX - moveMin)
         }
-        this.$refs.circle.style.left = e.pageX - moveMin - circleWidth + 'px'
-        this.updateProgress(e.pageX - moveMin)
+        //获取当前鼠标的位置 X
+        document.addEventListener('mousemove', moveX)
+        //鼠标弹起来
+        document.addEventListener('mouseup', () => {
+          document.removeEventListener('mousemove', moveX)
+        })
       }
-      //获取当前鼠标的位置 X
-      document.addEventListener('mousemove', moveX)
-      //鼠标弹起来
-      document.addEventListener('mouseup', () => {
-        document.removeEventListener('mousemove', moveX)
-      })
     },
     rangeVolume(val){
       console.log(val);
     },
     /** 设置倍速播放 */
     changeSpeed(command) {
-      const audioPlayer = this.$refs.audio
-      if (audioPlayer) {
-        audioPlayer.playbackRate = command
+      if (!this.disabled) {
+        const audioPlayer = this.$refs.audio
+        if (audioPlayer) {
+          audioPlayer.playbackRate = command
+        }
+        this.speed = command
       }
-      this.speed = command
     },
     downRecord() {
-      this.$emit('downloadCallback')
+      if (!this.disabled) {
+        this.$emit('downloadCallback')
+      }
     },
     calcMoveX() {
       if (!this.audio.paused) {
@@ -258,29 +274,31 @@ export default {
       }
     },
     jumpToTime(){
-      this.audio.pause()
-      const formatStartT = this.timeFormat(this.startTime)
-      if(this.duration === '00:00'){
-        Message.warning("音频还未加载完成")
-        return false
-      }
-      if(formatStartT >= this.duration){
-        this.audio.currentTime = this.duration
-        this.currentDuration = this.timeFormat(this.audio.currentTime)
-        this.calcMoveX()
-        this.audio.play()
-        console.error("开始时间不能大于总时长");
-        return false
-      }else if(formatStartT >= '00:00' && formatStartT < this.duration){
-        this.audio.currentTime = this.startTime
-        this.currentDuration = this.timeFormat(this.audio.currentTime)
-        this.calcMoveX()
-        this.audio.play()
-      }else{
-        this.audio.currentTime = 0
-        this.currentDuration = this.timeFormat(this.audio.currentTime)
-        this.calcMoveX()
-        this.audio.play()
+      if (!this.disabled) {
+        this.audio.pause()
+        const formatStartT = this.timeFormat(this.startTime)
+        if(this.duration === '00:00'){
+          Message.warning("音频还未加载完成")
+          return false
+        }
+        if(formatStartT >= this.duration){
+          this.audio.currentTime = this.duration
+          this.currentDuration = this.timeFormat(this.audio.currentTime)
+          this.calcMoveX()
+          this.audio.play()
+          console.error("开始时间不能大于总时长");
+          return false
+        }else if(formatStartT >= '00:00' && formatStartT < this.duration){
+          this.audio.currentTime = this.startTime
+          this.currentDuration = this.timeFormat(this.audio.currentTime)
+          this.calcMoveX()
+          this.audio.play()
+        }else{
+          this.audio.currentTime = 0
+          this.currentDuration = this.timeFormat(this.audio.currentTime)
+          this.calcMoveX()
+          this.audio.play()
+        }
       }
     }
   },

package/package/volume-tool.vue

@@ -16,7 +16,8 @@ import { watch, ref ,onUnmounted} from 'vue-demi'
 
 const emits = defineEmits(['update:visible'])
 const props = defineProps({
-  visible: [Boolean, String]
+  visible: [Boolean, String],
+  disabled: [Boolean],
 })
 const reference = ref()
 const popperRef = ref()
@@ -38,7 +39,9 @@ function docClick(e){
 }
 
 function showPopper() {
-  emits('update:visible', true)
+  if (!props.disabled) {
+    emits('update:visible', true)
+  }
 }
 
 onUnmounted(()=>{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@94ai/nf-audio",
-  "version": "3.3.51",
+  "version": "3.3.53",
   "description": "> TODO: description",
   "keywords": [],
   "author": "liuxiangxiang <liuxiangxiang@94ai.com>",
@@ -14,7 +14,7 @@
     "url": "http://94ai.gitlab.com/zoujiahe/common-ui.git"
   },
   "dependencies": {
-    "@94ai/nf-theme-chalk": "^3.3.51",
+    "@94ai/nf-theme-chalk": "^3.3.53",
     "vue-demi": "^0.14.5"
   },
   "peerDependenciesMeta": {
@@ -30,5 +30,5 @@
   "types": "lib/index.d.ts",
   "main": "lib/nf-audio.cjs.js",
   "module": "lib/nf-audio.esm-bundler.js",
-  "gitHead": "d5b493e6b5681b244f3f182b4ffb99f5dd24d63c"
+  "gitHead": "8e20e21ea67d158ed0a8246e18320f2432268704"
 }