@nutui/nutui 3.1.21-beta.3 → 3.1.22-beta.3

package/dist/packages/_es/Audio.js

@@ -5,286 +5,74 @@ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
+var __spreadValues = (a2, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a2, prop, b2[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a2, prop, b2[prop]);
     }
-  return a;
+  return a2;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
 /*!
-* @nutui/nutui v3.1.21-beta.3 Wed May 18 2022 18:19:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, onMounted, watch, provide, toRefs, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, withCtx, createCommentVNode, normalizeClass, createBlock, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { ref as e, reactive as a, onMounted as t, watch as n, provide as o, toRefs as r, resolveComponent as u, openBlock as i, createElementBlock as l, createElementVNode as c, toDisplayString as d, createVNode as s, withCtx as p, createCommentVNode as m, normalizeClass as y, createBlock as g, renderSlot as h } from "vue";
+import { c as f } from "./component.js";
+import { _ as v } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("audio");
-const _sfc_main = create({
-  props: {
-    url: {
-      type: String,
-      default() {
-        return "";
-      }
-    },
-    muted: {
-      type: Boolean,
-      default() {
-        return false;
-      }
-    },
-    autoplay: {
-      type: Boolean,
-      default() {
-        return false;
-      }
-    },
-    loop: {
-      type: Boolean,
-      default() {
-        return false;
-      }
-    },
-    preload: {
-      type: String,
-      default() {
-        return "auto";
-      }
-    },
-    second: {
-      type: Number,
-      default() {
-        return 0;
-      }
-    },
-    type: {
-      type: String,
-      default() {
-        return "progress";
-      }
+const { componentName: T, create: k } = f("audio"), M = k({ props: { url: { type: String, default: "" }, muted: { type: Boolean, default: false }, autoplay: { type: Boolean, default: false }, loop: { type: Boolean, default: false }, preload: { type: String, default: "auto" }, second: { type: Number, default: 0 }, type: { type: String, default: "progress" } }, components: {}, emits: ["fastBack", "play", "forward", "ended", "changeProgress", "mute"], setup(u2, { emit: i2 }) {
+  const l2 = e(null), c2 = a({ currentTime: 0, currentDuration: "00:00:00", percent: 0, duration: "00:00:00", second: 0, hanMuted: u2.muted, playing: u2.autoplay, handPlaying: false });
+  t(() => {
+    var e2 = ["webkitVisibilityState", "visibilitychange"];
+    try {
+      for (let a2 = 0; a2 < e2.length; a2++)
+        document.addEventListener(e2[a2], () => {
+          document.hidden ? l2.value.pause() : c2.playing && setTimeout(() => {
+            l2.value.play();
+          }, 200);
+        });
+    } catch (e3) {
     }
-  },
-  components: {},
-  emits: ["fastBack", "play", "forward", "ended", "changeProgress", "mute"],
-  setup(props, { emit }) {
-    const audioRef = ref(null);
-    const audioData = reactive({
-      currentTime: 0,
-      currentDuration: "00:00:00",
-      percent: 0,
-      duration: "00:00:00",
-      second: 0,
-      hanMuted: props.muted,
-      playing: props.autoplay
-    });
-    onMounted(() => {
-      var arr = ["webkitVisibilityState", "visibilitychange"];
-      try {
-        for (let i = 0; i < arr.length; i++) {
-          document.addEventListener(arr[i], () => {
-            if (document.hidden) {
-              audioRef.value.pause();
-            } else {
-              if (audioData.playing) {
-                setTimeout(() => {
-                  audioRef.value.play();
-                }, 200);
-              }
-            }
-          });
-        }
-      } catch (e) {
-        console.log(e.message);
-      }
-      setTimeout(() => {
-        if (props.autoplay) {
-          if (audioRef.value && audioRef.value.paused) {
-            audioRef.value.play();
-          }
-        }
-        audioData.second = audioRef.value.duration;
-        audioData.duration = formatSeconds(audioRef.value.duration);
-      }, 500);
-    });
-    const onTimeupdate = (e) => {
-      audioData.currentTime = parseInt(e.target.currentTime);
-    };
-    const fastBack = () => {
-      audioData.currentTime--;
-      audioRef.value.currentTime = audioData.currentTime;
-      emit("fastBack", audioData.currentTime);
-    };
-    const changeStatus = () => {
-      if (audioData.playing) {
-        audioRef.value.pause();
-        audioData.handPlaying = false;
-      } else {
-        audioRef.value.play();
-        audioData.handPlaying = true;
-      }
-      audioData.playing = !audioData.playing;
-      emit("play", audioData.playing);
-    };
-    const forward = () => {
-      audioData.currentTime++;
-      audioRef.value.currentTime = audioData.currentTime;
-      emit("forward", audioData.currentTime);
-    };
-    const handle = (val) => {
-      audioData.currentDuration = formatSeconds(val);
-      audioData.percent = val / audioData.second * 100;
-    };
-    const audioEnd = () => {
-      audioData.playing = false;
-      emit("ended");
-    };
-    const progressChange = (val) => {
-      audioRef.value.currentTime = audioData.second * val / 100;
-      emit("changeProgress", audioRef.value.currentTime);
-    };
-    const handleMute = () => {
-      audioData.hanMuted = !audioData.hanMuted;
-      emit("mute", audioData.hanMuted);
-    };
-    const formatSeconds = (value) => {
-      let theTime = parseInt(value);
-      let theTime1 = 0;
-      let theTime2 = 0;
-      if (theTime > 60) {
-        theTime1 = parseInt(theTime / 60);
-        theTime = parseInt(theTime % 60);
-        if (theTime1 > 60) {
-          theTime2 = parseInt(theTime1 / 60);
-          theTime1 = parseInt(theTime1 % 60);
-        }
-      }
-      let result = "" + parseInt(theTime);
-      if (result < 10) {
-        result = "0" + result;
-      }
-      if (theTime1 > 0) {
-        result = "" + parseInt(theTime1) + ":" + result;
-        if (theTime1 < 10) {
-          result = "0" + result;
-        }
-      } else {
-        result = "00:" + result;
-      }
-      if (theTime2 > 0) {
-        result = "" + parseInt(theTime2) + ":" + result;
-        if (theTime2 < 10) {
-          result = "0" + result;
-        }
-      } else {
-        result = "00:" + result;
-      }
-      return result;
-    };
-    watch(() => audioData.currentTime, (value) => {
-      handle(value);
-    });
-    provide("audioParent", {
-      children: [],
-      props,
-      audioData,
-      handleMute,
-      forward,
-      fastBack,
-      changeStatus
-    });
-    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(audioData)), {
-      audioRef,
-      fastBack,
-      forward,
-      changeStatus,
-      progressChange,
-      audioEnd,
-      onTimeupdate,
-      handleMute
-    });
-  }
-});
-const _hoisted_1 = { class: "nut-audio" };
-const _hoisted_2 = {
-  key: 0,
-  class: "progress-wrapper"
-};
-const _hoisted_3 = { class: "time" };
-const _hoisted_4 = { class: "progress-bar-wrapper" };
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("div", { class: "custom-button" }, null, -1);
-const _hoisted_6 = { class: "time" };
-const _hoisted_7 = {
-  key: 1,
-  class: "nut-audio-icon"
-};
-const _hoisted_8 = ["controls", "src", "preload", "autoplay", "loop", "muted"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_range = resolveComponent("nut-range");
-  const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    _ctx.type == "progress" ? (openBlock(), createElementBlock("div", _hoisted_2, [
-      createElementVNode("div", _hoisted_3, toDisplayString(_ctx.currentDuration), 1),
-      createElementVNode("div", _hoisted_4, [
-        createVNode(_component_nut_range, {
-          modelValue: _ctx.percent,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.percent = $event),
-          "hidden-range": "",
-          onChange: _ctx.progressChange,
-          "inactive-color": "#cccccc",
-          "active-color": "#fa2c19"
-        }, {
-          button: withCtx(() => [
-            _hoisted_5
-          ]),
-          _: 1
-        }, 8, ["modelValue", "onChange"])
-      ]),
-      createElementVNode("div", _hoisted_6, toDisplayString(_ctx.duration), 1)
-    ])) : createCommentVNode("", true),
-    _ctx.type == "icon" ? (openBlock(), createElementBlock("div", _hoisted_7, [
-      createElementVNode("div", {
-        class: normalizeClass(["nut-audio-icon-box", _ctx.playing ? "nut-audio-icon-play" : "nut-audio-icon-stop"]),
-        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
-      }, [
-        _ctx.playing ? (openBlock(), createBlock(_component_nut_icon, {
-          key: 0,
-          name: "service",
-          class: "nut-icon-am-rotate nut-icon-am-infinite"
-        })) : createCommentVNode("", true),
-        !_ctx.playing ? (openBlock(), createBlock(_component_nut_icon, {
-          key: 1,
-          name: "service"
-        })) : createCommentVNode("", true)
-      ], 2)
-    ])) : createCommentVNode("", true),
-    _ctx.type == "none" ? (openBlock(), createElementBlock("div", {
-      key: 2,
-      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ])) : createCommentVNode("", true),
-    _ctx.type != "none" ? renderSlot(_ctx.$slots, "default", { key: 3 }) : createCommentVNode("", true),
-    createElementVNode("audio", {
-      class: "audioMain",
-      controls: _ctx.type == "controls",
-      ref: "audioRef",
-      src: _ctx.url,
-      preload: _ctx.preload,
-      autoplay: _ctx.autoplay,
-      loop: _ctx.loop,
-      onTimeupdate: _cache[3] || (_cache[3] = (...args) => _ctx.onTimeupdate && _ctx.onTimeupdate(...args)),
-      onEnded: _cache[4] || (_cache[4] = (...args) => _ctx.audioEnd && _ctx.audioEnd(...args)),
-      muted: _ctx.hanMuted
-    }, null, 40, _hoisted_8)
-  ]);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+    setTimeout(() => {
+      const e3 = l2.value;
+      u2.autoplay && e3 && e3.paused && e3.play(), c2.second = e3.duration, c2.duration = y2(e3.duration);
+    }, 500);
+  });
+  const d2 = () => {
+    c2.currentTime--, l2.value.currentTime = c2.currentTime, i2("fastBack", c2.currentTime);
+  }, s2 = () => {
+    const e2 = l2.value;
+    c2.playing ? (e2.pause(), c2.handPlaying = false) : (e2.play(), c2.handPlaying = true), c2.playing = !c2.playing, i2("play", c2.playing);
+  }, p2 = () => {
+    c2.currentTime++, l2.value.currentTime = c2.currentTime, i2("forward", c2.currentTime);
+  }, m2 = () => {
+    c2.hanMuted = !c2.hanMuted, i2("mute", c2.hanMuted);
+  }, y2 = (e2) => {
+    let a2 = parseInt(e2), t2 = 0, n2 = 0;
+    a2 > 60 && (t2 = Math.floor(a2 / 60), a2 = Math.floor(a2 % 60), t2 > 60 && (n2 = Math.floor(t2 / 60), t2 = Math.floor(t2 % 60)));
+    let o2 = "";
+    return a2 < 10 && (o2 = "0" + o2), t2 > 0 ? (o2 = t2 + ":" + o2, t2 < 10 && (o2 = "0" + o2)) : o2 = "00:" + o2, n2 > 0 ? (o2 = n2 + ":" + o2, n2 < 10 && (o2 = "0" + o2)) : o2 = "00:" + o2, o2;
+  };
+  return n(() => c2.currentTime, (e2) => {
+    var a2;
+    a2 = e2, c2.currentDuration = y2(a2), c2.percent = a2 / c2.second * 100;
+  }), o("audioParent", { children: [], props: u2, audioData: c2, handleMute: m2, forward: p2, fastBack: d2, changeStatus: s2 }), __spreadProps(__spreadValues(__spreadValues({}, r(u2)), r(c2)), { audioRef: l2, fastBack: d2, forward: p2, changeStatus: s2, progressChange: (e2) => {
+    const a2 = l2.value;
+    a2.currentTime = c2.second * e2 / 100, i2("changeProgress", a2.currentTime);
+  }, audioEnd: () => {
+    c2.playing = false, i2("ended");
+  }, onTimeupdate: (e2) => {
+    c2.currentTime = parseInt(e2.target.currentTime);
+  }, handleMute: m2 });
+} }), S = { class: "nut-audio" }, b = { key: 0, class: "progress-wrapper" }, w = { class: "time" }, B = { class: "progress-bar-wrapper" }, C = c("div", { class: "custom-button" }, null, -1), P = { class: "time" }, E = { key: 1, class: "nut-audio-icon" }, D = ["controls", "src", "preload", "autoplay", "loop", "muted"];
+var V = v(M, [["render", function(e2, a2, t2, n2, o2, r2) {
+  const f2 = u("nut-range"), v2 = u("nut-icon");
+  return i(), l("div", S, [e2.type == "progress" ? (i(), l("div", b, [c("div", w, d(e2.currentDuration), 1), c("div", B, [s(f2, { modelValue: e2.percent, "onUpdate:modelValue": a2[0] || (a2[0] = (a3) => e2.percent = a3), "hidden-range": "", onChange: e2.progressChange, "inactive-color": "#cccccc", "active-color": "#fa2c19" }, { button: p(() => [C]), _: 1 }, 8, ["modelValue", "onChange"])]), c("div", P, d(e2.duration), 1)])) : m("", true), e2.type == "icon" ? (i(), l("div", E, [c("div", { class: y(["nut-audio-icon-box", e2.playing ? "nut-audio-icon-play" : "nut-audio-icon-stop"]), onClick: a2[1] || (a2[1] = (...a3) => e2.changeStatus && e2.changeStatus(...a3)) }, [e2.playing ? (i(), g(v2, { key: 0, name: "service", class: "nut-icon-am-rotate nut-icon-am-infinite" })) : m("", true), e2.playing ? m("", true) : (i(), g(v2, { key: 1, name: "service" }))], 2)])) : m("", true), e2.type == "none" ? (i(), l("div", { key: 2, onClick: a2[2] || (a2[2] = (...a3) => e2.changeStatus && e2.changeStatus(...a3)) }, [h(e2.$slots, "default")])) : m("", true), e2.type != "none" ? h(e2.$slots, "default", { key: 3 }) : m("", true), c("audio", { class: "audioMain", controls: e2.type == "controls", ref: "audioRef", src: e2.url, preload: e2.preload, autoplay: e2.autoplay, loop: e2.loop, onTimeupdate: a2[3] || (a2[3] = (...a3) => e2.onTimeupdate && e2.onTimeupdate(...a3)), onEnded: a2[4] || (a2[4] = (...a3) => e2.audioEnd && e2.audioEnd(...a3)), muted: e2.hanMuted }, null, 40, D)]);
+}]]);
+export { V as default };

package/dist/packages/_es/AudioOperate.js

@@ -5,122 +5,33 @@ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+var __spreadValues = (a2, b) => {
   for (var prop in b || (b = {}))
     if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
+      __defNormalProp(a2, prop, b[prop]);
   if (__getOwnPropSymbols)
     for (var prop of __getOwnPropSymbols(b)) {
       if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+        __defNormalProp(a2, prop, b[prop]);
     }
-  return a;
+  return a2;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps = (a2, b) => __defProps(a2, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.21-beta.3 Wed May 18 2022 18:19:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { inject, reactive, ref, useSlots, toRefs, resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { inject as t, reactive as e, ref as a, useSlots as o, toRefs as l, resolveComponent as s, openBlock as r, createElementBlock as u, createBlock as i, withCtx as n, createTextVNode as p, toDisplayString as d, createCommentVNode as c, renderSlot as m } from "vue";
+import { c as y } from "./component.js";
+import { _ as f } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("audio-operate");
-const _sfc_main = create({
-  props: {
-    type: {
-      type: String,
-      default() {
-        return "play";
-      }
-    }
-  },
-  components: {},
-  emits: ["click"],
-  setup(props, { emit }) {
-    const audio = inject("audioParent");
-    const parent = reactive(audio);
-    const customSlot = ref(useSlots().default);
-    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(parent)), { customSlot });
-  }
-});
-const _hoisted_1 = { class: "nut-audio-operate" };
-const _hoisted_2 = /* @__PURE__ */ createTextVNode("\u5012\u9000");
-const _hoisted_3 = /* @__PURE__ */ createTextVNode("\u5FEB\u8FDB");
-const _hoisted_4 = /* @__PURE__ */ createTextVNode("\u9759\u97F3");
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_button = resolveComponent("nut-button");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    _ctx.type == "back" ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: "nut-audio-operate-item",
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.fastBack && _ctx.fastBack(...args))
-    }, [
-      !_ctx.customSlot ? (openBlock(), createBlock(_component_nut_button, {
-        key: 0,
-        type: "primary",
-        size: "small"
-      }, {
-        default: withCtx(() => [
-          _hoisted_2
-        ]),
-        _: 1
-      })) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "default")
-    ])) : createCommentVNode("", true),
-    _ctx.type == "play" ? (openBlock(), createElementBlock("div", {
-      key: 1,
-      class: "nut-audio-operate-item",
-      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
-    }, [
-      !_ctx.customSlot ? (openBlock(), createBlock(_component_nut_button, {
-        key: 0,
-        type: "primary",
-        size: "small"
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(!_ctx.audioData.playing ? "\u5F00\u59CB" : "\u6682\u505C"), 1)
-        ]),
-        _: 1
-      })) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "default")
-    ])) : createCommentVNode("", true),
-    _ctx.type == "forward" ? (openBlock(), createElementBlock("div", {
-      key: 2,
-      class: "nut-audio-operate-item",
-      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.forward && _ctx.forward(...args))
-    }, [
-      !_ctx.customSlot ? (openBlock(), createBlock(_component_nut_button, {
-        key: 0,
-        type: "primary",
-        size: "small"
-      }, {
-        default: withCtx(() => [
-          _hoisted_3
-        ]),
-        _: 1
-      })) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "default")
-    ])) : createCommentVNode("", true),
-    _ctx.type == "mute" ? (openBlock(), createElementBlock("div", {
-      key: 3,
-      class: "nut-audio-operate-item",
-      onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleMute && _ctx.handleMute(...args))
-    }, [
-      !_ctx.customSlot ? (openBlock(), createBlock(_component_nut_button, {
-        key: 0,
-        type: !_ctx.audioData.hanMuted ? "primary" : "default",
-        size: "small"
-      }, {
-        default: withCtx(() => [
-          _hoisted_4
-        ]),
-        _: 1
-      }, 8, ["type"])) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "default")
-    ])) : createCommentVNode("", true)
-  ]);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const { componentName: k, create: v, translate: S } = y("audio-operate"), g = v({ props: { type: { type: String, default: () => "play" } }, components: {}, emits: ["click"], setup(s2, { emit: r2 }) {
+  const u2 = t("audioParent"), i2 = e(u2), n2 = a(o().default);
+  return __spreadProps(__spreadValues(__spreadValues({}, l(s2)), l(i2)), { customSlot: n2, translate: S });
+} }), h = { class: "nut-audio-operate" }, $ = p("\u5FEB\u8FDB");
+var _ = f(g, [["render", function(t2, e2, a2, o2, l2, y2) {
+  const f2 = s("nut-button");
+  return r(), u("div", h, [t2.type == "back" ? (r(), u("div", { key: 0, class: "nut-audio-operate-item", onClick: e2[0] || (e2[0] = (...e3) => t2.fastBack && t2.fastBack(...e3)) }, [t2.customSlot ? c("", true) : (r(), i(f2, { key: 0, type: "primary", size: "small" }, { default: n(() => [p(d(t2.translate("back")), 1)]), _: 1 })), m(t2.$slots, "default")])) : c("", true), t2.type == "play" ? (r(), u("div", { key: 1, class: "nut-audio-operate-item", onClick: e2[1] || (e2[1] = (...e3) => t2.changeStatus && t2.changeStatus(...e3)) }, [t2.customSlot ? c("", true) : (r(), i(f2, { key: 0, type: "primary", size: "small" }, { default: n(() => [p(d(t2.audioData.playing ? `${t2.translate("pause")}` : `${t2.translate("start")}`), 1)]), _: 1 })), m(t2.$slots, "default")])) : c("", true), t2.type == "forward" ? (r(), u("div", { key: 2, class: "nut-audio-operate-item", onClick: e2[2] || (e2[2] = (...e3) => t2.forward && t2.forward(...e3)) }, [t2.customSlot ? c("", true) : (r(), i(f2, { key: 0, type: "primary", size: "small" }, { default: n(() => [$]), _: 1 })), m(t2.$slots, "default")])) : c("", true), t2.type == "mute" ? (r(), u("div", { key: 3, class: "nut-audio-operate-item", onClick: e2[3] || (e2[3] = (...e3) => t2.handleMute && t2.handleMute(...e3)) }, [t2.customSlot ? c("", true) : (r(), i(f2, { key: 0, type: t2.audioData.hanMuted ? "default" : "primary", size: "small" }, { default: n(() => [p(d(t2.translate("mute")), 1)]), _: 1 }, 8, ["type"])), m(t2.$slots, "default")])) : c("", true)]);
+}]]);
+export { _ as default };