@nutui/nutui 3.1.22-beta.5 → 3.1.23-beta.1

package/dist/packages/_es/Animate.js

@@ -1,22 +1,64 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs as e, reactive as t, computed as l, openBlock as a, createElementBlock as i, createElementVNode as o, normalizeClass as c, renderSlot as n } from "vue";
-import { c as s } from "./component.js";
-import { _ as r } from "./plugin-vue_export-helper.js";
+import { toRefs, reactive, computed, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName: p, create: u } = s("animate"), m = u({ props: { type: { type: String, default: "" }, action: { type: String, default: "initial" }, loop: { type: Boolean, default: false } }, emits: ["click"], setup(a2, { emit: i2 }) {
-  const { type: o2, loop: c2, action: n2 } = e(a2), s2 = t({ clicked: false });
-  let r2 = l(() => ({ "nut-ani-container": true, [`${p}-${o2.value}`]: !(n2.value !== "initial" && !s2.clicked) && o2.value, loop: c2.value }));
-  return { ...e(s2), classes: r2, handleClick: (e2) => {
-    s2.clicked = true, c2.value || setTimeout(() => {
-      s2.clicked = false;
-    }, 1e3), i2("click", e2);
-  } };
-} }), d = { class: "nut-animate" };
-var k = r(m, [["render", function(e2, t2, l2, s2, r2, p2) {
-  return a(), i("view", d, [o("view", { class: c(e2.classes), onClick: t2[0] || (t2[0] = (...t3) => e2.handleClick && e2.handleClick(...t3)) }, [n(e2.$slots, "default")], 2)]);
-}]]);
-export { k as default };
+const { componentName, create } = createComponent("animate");
+const _sfc_main = create({
+  props: {
+    type: {
+      type: String,
+      default: ""
+    },
+    action: {
+      type: String,
+      default: "initial"
+    },
+    loop: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["click"],
+  setup(props, { emit }) {
+    const { type, loop, action } = toRefs(props);
+    const state = reactive({
+      clicked: false
+    });
+    let classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        "nut-ani-container": true,
+        [`${prefixCls}-${type.value}`]: action.value === "initial" || state.clicked ? type.value : false,
+        loop: loop.value
+      };
+    });
+    const handleClick = (event) => {
+      state.clicked = true;
+      if (!loop.value) {
+        setTimeout(() => {
+          state.clicked = false;
+        }, 1e3);
+      }
+      emit("click", event);
+    };
+    return { ...toRefs(state), classes, handleClick };
+  }
+});
+const _hoisted_1 = { class: "nut-animate" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1, [
+    createElementVNode("view", {
+      class: normalizeClass(_ctx.classes),
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 2)
+  ]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Audio.js

@@ -1,59 +1,263 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 "../locale/lang";
-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) {
+const { componentName, create } = createComponent("audio");
+const _sfc_main = create({
+  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"
     }
-    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 }), { ...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 };
+  },
+  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,
+      handPlaying: false
+    });
+    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(() => {
+        const audioR = audioRef.value;
+        if (props.autoplay) {
+          if (audioR && audioR.paused) {
+            audioR.play();
+          }
+        }
+        audioData.second = audioR.duration;
+        audioData.duration = formatSeconds(audioR.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 = () => {
+      const audioR = audioRef.value;
+      if (audioData.playing) {
+        audioR.pause();
+        audioData.handPlaying = false;
+      } else {
+        audioR.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) => {
+      const ar = audioRef.value;
+      ar.currentTime = audioData.second * val / 100;
+      emit("changeProgress", ar.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 = Math.floor(theTime / 60);
+        theTime = Math.floor(theTime % 60);
+        if (theTime1 > 60) {
+          theTime2 = Math.floor(theTime1 / 60);
+          theTime1 = Math.floor(theTime1 % 60);
+        }
+      }
+      let result = "";
+      if (theTime < 10) {
+        result = "0" + result;
+      }
+      if (theTime1 > 0) {
+        result = "" + theTime1 + ":" + result;
+        if (theTime1 < 10) {
+          result = "0" + result;
+        }
+      } else {
+        result = "00:" + result;
+      }
+      if (theTime2 > 0) {
+        result = "" + 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 {
+      ...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 };

package/dist/packages/_es/AudioOperate.js

@@ -1,18 +1,105 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { inject, reactive, ref, useSlots, toRefs, resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-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 { ...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 };
+const { componentName, create, translate } = 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 { ...toRefs(props), ...toRefs(parent), customSlot, translate };
+  }
+});
+const _hoisted_1 = { class: "nut-audio-operate" };
+const _hoisted_2 = /* @__PURE__ */ createTextVNode("\u5FEB\u8FDB");
+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(() => [
+          createTextVNode(toDisplayString(_ctx.translate("back")), 1)
+        ]),
+        _: 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 ? `${_ctx.translate("start")}` : `${_ctx.translate("pause")}`), 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_2
+        ]),
+        _: 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(() => [
+          createTextVNode(toDisplayString(_ctx.translate("mute")), 1)
+        ]),
+        _: 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 };