@94ai/nf-audio 3.3.70 → 3.3.72

package/lib/nf-audio.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const nfMessage = require("@94ai/nf-message");
+const NfMessage = require("@94ai/nf-message");
 const vue2RuntimeHelpers = require("@94ai/vue2-runtime-helpers");
 function timeFormat(value) {
   const minute = parseInt(String(value / 60));
@@ -10,6 +10,10 @@ function timeFormat(value) {
 const _sfc_main = {
   name: "nf-audio",
   props: {
+    copySuccessDesc: {
+      type: String,
+      default: "复制成功"
+    },
     debuglog: {
       type: Boolean,
       default: false
@@ -25,6 +29,14 @@ const _sfc_main = {
       type: String,
       default: "下载"
     },
+    copyAddressDesc: {
+      type: String,
+      default: "复制音频地址"
+    },
+    openWindowDesc: {
+      type: String,
+      default: "新标签页打开"
+    },
     speedPreDesc: {
       type: String,
       default: "x "
@@ -259,7 +271,7 @@ const _sfc_main = {
           this.$emit("pauseOrPlay", this.paused);
         } else {
           console.log("Audio is not ready yet.");
-          nfMessage.Message.warning(this.unloadTip);
+          NfMessage.Message.warning(this.unloadTip);
           this.paused = true;
           this.betweenPlaying = false;
         }
@@ -374,7 +386,7 @@ const _sfc_main = {
     betweenPlay() {
       if (!this.disabled) {
         if (this.checkAudioEffectNull()) {
-          nfMessage.Message.warning(this.unloadTip);
+          NfMessage.Message.warning(this.unloadTip);
           this.paused = true;
           this.betweenPlaying = false;
           return false;
@@ -402,7 +414,7 @@ const _sfc_main = {
       if (!this.disabled) {
         if (this.checkAudioEffectNull()) {
           if (!this.paused) {
-            nfMessage.Message.warning(this.unloadTip);
+            NfMessage.Message.warning(this.unloadTip);
           }
           this.paused = true;
           this.betweenPlaying = false;
@@ -423,7 +435,7 @@ const _sfc_main = {
     handleMouseup() {
       if (!this.disabled) {
         if (this.checkAudioEffectNull()) {
-          nfMessage.Message.warning(this.unloadTip);
+          NfMessage.Message.warning(this.unloadTip);
           this.paused = true;
           this.betweenPlaying = false;
           return false;
@@ -477,6 +489,27 @@ const _sfc_main = {
         this.$emit("download", e);
       }
     },
+    copyText(text) {
+      var _a;
+      const textareaC = document.createElement("textarea");
+      textareaC.setAttribute("readonly", "readonly");
+      textareaC.value = text;
+      document.body.appendChild(textareaC);
+      textareaC.select();
+      const res = document.execCommand("copy");
+      document.body.removeChild(textareaC);
+      (_a = this.$openMessage) == null ? void 0 : _a.info({
+        message: this.copySuccessDesc,
+        duration: 2e3
+      });
+      return res;
+    },
+    copyAddress() {
+      this.copyText(this.src);
+    },
+    openWindow() {
+      window.open(this.src);
+    },
     calcMoveX() {
       if (!this.audio.paused) {
         let MoveX = this.$refs.progressContainer.clientWidth * (this.audio.currentTime / this.audio.duration);
@@ -491,7 +524,7 @@ const _sfc_main = {
       if (!this.disabled) {
         this.pauseAudio();
         if (this.checkAudioEffectNull()) {
-          nfMessage.Message.warning(this.unloadTip);
+          NfMessage.Message.warning(this.unloadTip);
           this.paused = true;
           this.betweenPlaying = false;
           return false;
@@ -804,7 +837,17 @@ var _sfc_render = function render() {
         on: {
           "click": _vm.downRecord
         }
-      }, [_vm._v(_vm._s(_vm.downloadDesc))])], 1)];
+      }, [_vm._v(_vm._s(_vm.downloadDesc))]), _c("div", {
+        staticClass: "nf-audio-btn-item",
+        on: {
+          "click": _vm.openWindow
+        }
+      }, [_vm._v(_vm._s(_vm.openWindowDesc))]), _c("div", {
+        staticClass: "nf-audio-btn-item",
+        on: {
+          "click": _vm.copyAddress
+        }
+      }, [_vm._v(_vm._s(_vm.copyAddressDesc))])], 1)];
     }), _c("div", {
       staticClass: "nf-audio-more-icon-container",
       attrs: {
@@ -822,6 +865,9 @@ var _sfc_staticRenderFns = [];
 var __component__ = /* @__PURE__ */ vue2RuntimeHelpers.normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
 const NfAudio = __component__.exports;
 NfAudio.install = (app) => {
+  if (!app.$openMessage) {
+    app.use(NfMessage);
+  }
   app.component("nf-audio", NfAudio);
 };
 exports.default = NfAudio;

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

@@ -1,4 +1,4 @@
-import { Message } from "@94ai/nf-message";
+import NfMessage, { Message } from "@94ai/nf-message";
 import { normalizeComponent } from "@94ai/vue2-runtime-helpers";
 function timeFormat(value) {
   const minute = parseInt(String(value / 60));
@@ -8,6 +8,10 @@ function timeFormat(value) {
 const _sfc_main = {
   name: "nf-audio",
   props: {
+    copySuccessDesc: {
+      type: String,
+      default: "复制成功"
+    },
     debuglog: {
       type: Boolean,
       default: false
@@ -23,6 +27,14 @@ const _sfc_main = {
       type: String,
       default: "下载"
     },
+    copyAddressDesc: {
+      type: String,
+      default: "复制音频地址"
+    },
+    openWindowDesc: {
+      type: String,
+      default: "新标签页打开"
+    },
     speedPreDesc: {
       type: String,
       default: "x "
@@ -475,6 +487,27 @@ const _sfc_main = {
         this.$emit("download", e);
       }
     },
+    copyText(text) {
+      var _a;
+      const textareaC = document.createElement("textarea");
+      textareaC.setAttribute("readonly", "readonly");
+      textareaC.value = text;
+      document.body.appendChild(textareaC);
+      textareaC.select();
+      const res = document.execCommand("copy");
+      document.body.removeChild(textareaC);
+      (_a = this.$openMessage) == null ? void 0 : _a.info({
+        message: this.copySuccessDesc,
+        duration: 2e3
+      });
+      return res;
+    },
+    copyAddress() {
+      this.copyText(this.src);
+    },
+    openWindow() {
+      window.open(this.src);
+    },
     calcMoveX() {
       if (!this.audio.paused) {
         let MoveX = this.$refs.progressContainer.clientWidth * (this.audio.currentTime / this.audio.duration);
@@ -802,7 +835,17 @@ var _sfc_render = function render() {
         on: {
           "click": _vm.downRecord
         }
-      }, [_vm._v(_vm._s(_vm.downloadDesc))])], 1)];
+      }, [_vm._v(_vm._s(_vm.downloadDesc))]), _c("div", {
+        staticClass: "nf-audio-btn-item",
+        on: {
+          "click": _vm.openWindow
+        }
+      }, [_vm._v(_vm._s(_vm.openWindowDesc))]), _c("div", {
+        staticClass: "nf-audio-btn-item",
+        on: {
+          "click": _vm.copyAddress
+        }
+      }, [_vm._v(_vm._s(_vm.copyAddressDesc))])], 1)];
     }), _c("div", {
       staticClass: "nf-audio-more-icon-container",
       attrs: {
@@ -820,6 +863,9 @@ var _sfc_staticRenderFns = [];
 var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
 const NfAudio = __component__.exports;
 NfAudio.install = (app) => {
+  if (!app.$openMessage) {
+    app.use(NfMessage);
+  }
   app.component("nf-audio", NfAudio);
 };
 export {

package/package/index.ts

@@ -1,8 +1,15 @@
 import NfAudio from './nf-audio.vue'
 import { Vue2, PluginObject } from 'vue-demi'
+import NfMessage from '@94ai/nf-message'
 
 NfAudio.install = (app: typeof Vue2) => {
+  // @ts-ignore
+  if (!app.$openMessage) {
+    // @ts-ignore
+    app.use(NfMessage)
+  }
+  // @ts-ignore
   app!.component('nf-audio', NfAudio)
 }
 
-export default NfAudio as typeof NfAudio & PluginObject<undefined>
+export default NfAudio as typeof NfAudio & PluginObject<undefined>

package/package/nf-audio.vue

@@ -149,6 +149,8 @@
                 </el-popover>
 
                 <div class="nf-audio-btn-item" @click="downRecord">{{ downloadDesc }}</div>
+                <div class="nf-audio-btn-item" @click="openWindow">{{ openWindowDesc }}</div>
+                <div class="nf-audio-btn-item" @click="copyAddress">{{ copyAddressDesc }}</div>
               </div>
             </slot>
             <div slot="reference" class="nf-audio-more-icon-container">
@@ -168,6 +170,10 @@ import { timeFormat } from './util'
 export default {
   name: 'nf-audio',
   props: {
+    copySuccessDesc: {
+      type: String,
+      default: '复制成功'
+    },
     debuglog: {
       type: Boolean,
       default: false
@@ -183,6 +189,14 @@ export default {
       type: String,
       default: '下载'
     },
+    copyAddressDesc: {
+      type: String,
+      default: '复制音频地址'
+    },
+    openWindowDesc: {
+      type: String,
+      default: '新标签页打开'
+    },
     speedPreDesc: {
       type: String,
       default: 'x '
@@ -649,6 +663,27 @@ export default {
         this.$emit('download', e)
       }
     },
+    copyText(text){
+      const textareaC = document.createElement('textarea');
+      textareaC.setAttribute('readonly', 'readonly'); //设置只读属性防止手机上弹出软键盘
+      textareaC.value = text;
+      document.body.appendChild(textareaC); //将textarea添加为body子元素
+      textareaC.select();
+      const res = document.execCommand('copy');
+      document.body.removeChild(textareaC);//移除DOM元素
+      // @ts-ignore
+      this.$openMessage?.info({
+        message: this.copySuccessDesc,
+        duration: 2000,
+      })
+      return res;
+    },
+    copyAddress() {
+      this.copyText(this.src)
+    },
+    openWindow() {
+      window.open(this.src)
+    },
     calcMoveX() {
       if (!this.audio.paused) {
         // 设置当前时间

package/package.json

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