@vuux/video/dist/es/src/component/volume.vue.mjs

Vue Nuxt 视频播放器

import { defineComponent as n, useTemplateRef as c, createElementBlock as i, openBlock as d, createElementVNode as t, normalizeStyle as o, unref as m } from "vue";
import { useVolumeDrag as f } from "../hook/useVolumeDrag.mjs";
const y = /* @__PURE__ */ n({
  __name: "volume",
  props: {
    modelValue: {}
  },
  emits: ["update:modelValue", "change"],
  setup(r, { emit: s }) {
    const u = r, a = s, e = c("volumeBarEl"), { volumeStyle: l } = f(e, u, a);
    return (p, v) => (d(), i("div", {
      ref_key: "volumeBarEl",
      ref: e,
      class: "volume-scrollbar"
    }, [
      t("div", {
        class: "volume-filled",
        style: o({ width: m(l).width })
      }, null, 4),
      t("div", {
        class: "volume-thumb",
        style: o({ left: m(l).left })
      }, null, 4)
    ], 512));
  }
});
export {
  y as default
};