zartui 3.1.22 → 3.1.23-beta.2

package/es/video/Video.mjs

@@ -0,0 +1,390 @@
+import { createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { computed, defineComponent, nextTick, onMounted, reactive, ref, watch } from "vue";
+import { useExpose } from "../composables/use-expose.mjs";
+import { useGlobalZIndex } from "../composables/use-global-z-index.mjs";
+import Icon from "../icon/index.mjs";
+import { throttle } from "../lazyload/vue-lazyload/util.mjs";
+import { createNamespace, makeStringProp, formatSeconds } from "../utils/index.mjs";
+const [name, bem] = createNamespace("video");
+const videoProps = {
+  src: makeStringProp(""),
+  // 控制控制器和标题的显示
+  showToolBox: Boolean,
+  options: {
+    type: Object,
+    default: {
+      autoplay: false,
+      // 是否自动播放
+      volume: 0.5,
+      poster: "",
+      loop: false,
+      controls: true,
+      muted: false,
+      // 是否静音
+      disabled: false,
+      // 禁止操作
+      playsinline: false,
+      // 行内展示
+      touchPlay: false,
+      preload: ""
+    }
+  },
+  errorTip: makeStringProp("\u64AD\u653E\u5668\u53D1\u751F\u9519\u8BEF"),
+  clickRetryTip: makeStringProp("\u8BF7\u70B9\u51FB\u91CD\u8BD5")
+};
+var stdin_default = defineComponent({
+  name,
+  props: videoProps,
+  emits: ["play", "pause", "play-end", "time"],
+  setup(props, {
+    emit
+  }) {
+    const progressBar = ref();
+    const root = ref();
+    const state = reactive({
+      initial: true,
+      // 控制封面的显示
+      // 视频容器元素
+      player: {
+        $player: null,
+        pos: null
+      },
+      // progress进度条元素
+      progressBar: {
+        progressElm: null,
+        // 进度条DOM对象
+        pos: null
+      },
+      // video控制显示设置
+      videoSet: {
+        loaded: 0,
+        // 缓存长度
+        displayTime: "00:00",
+        // 进度时间
+        totalTime: "00:00",
+        // 总时间
+        progress: {
+          width: 0,
+          // 进度条长度
+          current: 0
+          // 进度条当前位置
+        }
+      },
+      state: {
+        controlShow: true,
+        vol: 0.5,
+        // 音量
+        currentTime: 0,
+        // 当前时间
+        fullScreen: false,
+        playing: false,
+        // 是否正在播放
+        isLoading: false,
+        isEnd: false,
+        isError: false,
+        isMuted: false
+      },
+      showTouchMask: false
+    });
+    const isDisabled = computed(() => {
+      return props.options.disabled;
+    });
+    watch(() => props.src, (newValue) => {
+      if (newValue) {
+        nextTick(() => {
+          var _a;
+          (_a = root.value) == null ? void 0 : _a.load();
+        });
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => props.options, (newValue) => {
+      state.state.isMuted = (newValue == null ? void 0 : newValue.muted) || false;
+    }, {
+      immediate: true
+    });
+    const init = () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      if (props.options.autoplay) {
+        setTimeout(() => {
+          var _a2;
+          (_a2 = root.value) == null ? void 0 : _a2.play();
+        }, 200);
+      }
+      if (props.options.touchPlay) {
+        state.showTouchMask = true;
+      }
+      if (props.options.playsinline) {
+        (_a = root.value) == null ? void 0 : _a.setAttribute("playsinline", "true");
+        (_b = root.value) == null ? void 0 : _b.setAttribute("webkit-playsinline", "true");
+        (_c = root.value) == null ? void 0 : _c.setAttribute("x5-video-player-type", "h5-page");
+        (_d = root.value) == null ? void 0 : _d.setAttribute("x5-video-player-fullscreen", "false");
+      }
+      volumeHandle();
+      if (props.showToolBox) {
+        customerInit();
+      } else {
+        (_e = root.value) == null ? void 0 : _e.addEventListener("play", () => {
+          state.state.playing = true;
+          emit("play", root.value);
+        });
+        (_f = root.value) == null ? void 0 : _f.addEventListener("pause", () => {
+          state.state.playing = false;
+          emit("pause", root.value);
+        });
+        (_g = root.value) == null ? void 0 : _g.addEventListener("ended", playEnded);
+        (_h = root.value) == null ? void 0 : _h.addEventListener("timeupdate", throttle(getPlayTime, 1e3));
+      }
+    };
+    const customerInit = () => {
+      var _a, _b;
+      state.player.$player = root.value;
+      state.progressBar.progressElm = progressBar.value;
+      state.progressBar.pos = (_a = progressBar.value) == null ? void 0 : _a.getBoundingClientRect();
+      state.videoSet.progress.width = Math.round(((_b = progressBar.value) == null ? void 0 : _b.getBoundingClientRect().width) || 0);
+    };
+    const play = () => {
+      var _a, _b, _c, _d;
+      if (props.options.autoplay && props.options.disabled) {
+        state.state.playing = true;
+        return false;
+      }
+      state.state.playing = !state.state.playing;
+      if (root.value) {
+        if (state.state.playing) {
+          try {
+            setTimeout(() => {
+              var _a2;
+              (_a2 = root.value) == null ? void 0 : _a2.play();
+            }, 200);
+            (_a = root.value) == null ? void 0 : _a.addEventListener("progress", () => {
+              getLoadTime();
+            });
+            (_b = root.value) == null ? void 0 : _b.addEventListener("timeupdate", throttle(getPlayTime, 1e3));
+            (_c = root.value) == null ? void 0 : _c.addEventListener("ended", playEnded);
+            emit("play", root.value);
+          } catch (e) {
+            handleError();
+          }
+        } else {
+          (_d = root.value) == null ? void 0 : _d.pause();
+          emit("pause", root.value);
+        }
+      }
+    };
+    const getLoadTime = () => {
+      var _a, _b;
+      state.videoSet.loaded = (((_a = root.value) == null ? void 0 : _a.buffered.end(0)) || 0) / (((_b = root.value) == null ? void 0 : _b.duration) || 1) * 100;
+    };
+    const getPlayTime = () => {
+      var _a, _b, _c, _d, _e;
+      const durationTime = Number.isNaN((_a = root.value) == null ? void 0 : _a.duration) ? 0 : (_b = root.value) == null ? void 0 : _b.duration;
+      const currentTime = Number.isNaN((_c = root.value) == null ? void 0 : _c.currentTime) ? 0 : (_d = root.value) == null ? void 0 : _d.currentTime;
+      const percent = (currentTime || 0) / (durationTime || 1);
+      state.videoSet.progress.current = Math.round(state.videoSet.progress.width * percent);
+      state.videoSet.totalTime = formatSeconds(durationTime);
+      state.videoSet.displayTime = formatSeconds((_e = root.value) == null ? void 0 : _e.currentTime);
+      emit("time", currentTime, durationTime, state.videoSet.displayTime, state.videoSet.totalTime);
+    };
+    const playEnded = () => {
+      state.state.playing = false;
+      state.state.isEnd = true;
+      state.videoSet.displayTime = "00:00";
+      state.videoSet.progress.current = 0;
+      if (root.value) {
+        root.value.currentTime = 0;
+      }
+      emit("play-end", root.value);
+    };
+    const handleError = () => {
+      state.state.isError = true;
+    };
+    const volumeHandle = () => {
+      state.state.vol = props.options.volume || 0;
+    };
+    const handleMuted = () => {
+      state.state.isMuted = !state.state.isMuted;
+      if (root.value) {
+        root.value.muted = state.state.isMuted;
+      }
+    };
+    const touchSlidMove = (e) => {
+      var _a, _b;
+      e.stopPropagation();
+      e.preventDefault();
+      const currentX = e.targetTouches[0].pageX;
+      let offsetX = currentX - state.progressBar.pos.left;
+      if (offsetX <= 0) {
+        offsetX = 0;
+      }
+      if (offsetX >= state.videoSet.progress.width) {
+        offsetX = state.videoSet.progress.width;
+      }
+      state.videoSet.progress.current = offsetX;
+      const percent = state.videoSet.progress.current / state.videoSet.progress.width;
+      ((_a = root.value) == null ? void 0 : _a.duration) && setPlayTime(percent, (_b = root.value) == null ? void 0 : _b.duration);
+    };
+    const touchSlidEnd = (e) => {
+      var _a, _b;
+      e.stopPropagation();
+      const currentX = e.changedTouches[0].pageX;
+      const offsetX = currentX - state.progressBar.pos.left;
+      state.videoSet.progress.current = offsetX;
+      const percent = offsetX / state.videoSet.progress.width;
+      ((_a = root.value) == null ? void 0 : _a.duration) && setPlayTime(percent, (_b = root.value) == null ? void 0 : _b.duration);
+    };
+    const setPlayTime = (percent, totalTime) => {
+      if (root.value) {
+        root.value.currentTime = Math.floor(percent * totalTime);
+      }
+    };
+    const retry = () => {
+      state.state.isError = false;
+      init();
+    };
+    const fullScreen = () => {
+      var _a;
+      if (!state.state.fullScreen) {
+        state.state.fullScreen = true;
+        (_a = root.value) == null ? void 0 : _a.webkitRequestFullScreen();
+      } else {
+        state.state.fullScreen = false;
+        document.webkitCancelFullScreen();
+      }
+    };
+    const pause = () => {
+      var _a;
+      state.state.playing = false;
+      (_a = root.value) == null ? void 0 : _a.pause();
+      emit("pause", root.value);
+    };
+    const stop = () => {
+      var _a;
+      playEnded();
+      (_a = root.value) == null ? void 0 : _a.pause();
+    };
+    const muted = () => {
+      state.state.isMuted = true;
+      if (root.value) {
+        root.value.muted = true;
+      }
+    };
+    const unmuted = () => {
+      state.state.isMuted = false;
+      if (root.value) {
+        root.value.muted = false;
+      }
+    };
+    useExpose({
+      play,
+      pause,
+      stop,
+      muted,
+      unmuted
+    });
+    onMounted(() => {
+      init();
+    });
+    function renderToolBox() {
+      if (props.showToolBox && !isDisabled.value) {
+        return _createVNode(_Fragment, null, [_createVNode("div", {
+          "class": bem("mask"),
+          "onClick": play
+        }, null), !state.state.playing ? _createVNode("div", {
+          "class": bem("play-btn"),
+          "onClick": play
+        }, [_createVNode(Icon, {
+          "name": "play-r"
+        }, null)]) : null, _createVNode("div", {
+          "class": [bem("controller", {
+            show: !state.state.playing,
+            hide: state.state.playing
+          })],
+          "style": {
+            "z-index": useGlobalZIndex()
+          }
+        }, [_createVNode("div", {
+          "class": bem("controller-play-btn"),
+          "onClick": play
+        }, null), _createVNode("div", {
+          "class": bem("controller-now")
+        }, [state.videoSet.displayTime]), _createVNode("div", {
+          "class": bem("controller-progress")
+        }, [_createVNode("div", {
+          "ref": progressBar,
+          "class": bem("controller-progress-value")
+        }, [_createVNode("div", {
+          "class": "buffered",
+          "style": {
+            width: `${state.videoSet.loaded}%`
+          }
+        }, null), _createVNode("div", {
+          "class": bem("controller-progress-ball"),
+          "style": {
+            transform: `translate3d(${state.videoSet.progress.current}px, -50%, 0)`
+          },
+          "onTouchmove": touchSlidMove,
+          "onTouchend": touchSlidEnd
+        }, [_createVNode("div", {
+          "class": bem("move")
+        }, null)]), _createVNode("div", {
+          "class": bem("played")
+        }, null)])]), _createVNode("div", {
+          "class": bem("controller-total")
+        }, [state.videoSet.totalTime]), _createVNode("div", {
+          "class": bem("controller-volume"),
+          "onClick": handleMuted
+        }, [state.state.isMuted ? _createVNode(Icon, {
+          "name": "volume-off"
+        }, null) : _createVNode(Icon, {
+          "name": "volume-on"
+        }, null)]), _createVNode("div", {
+          "class": bem("controller-full"),
+          "onClick": fullScreen
+        }, [_createVNode(Icon, {
+          "name": "expand"
+        }, null)])])]);
+      }
+    }
+    function renderErrorBox() {
+      if (state.state.isError) {
+        return _createVNode("div", {
+          "class": bem("error"),
+          "style": {
+            "z-index": useGlobalZIndex()
+          }
+        }, [_createVNode("p", {
+          "class": bem("tip")
+        }, [props.errorTip]), _createVNode("p", {
+          "class": bem("retry"),
+          "onClick": retry
+        }, [props.clickRetryTip])]);
+      }
+    }
+    return () => {
+      const {
+        src,
+        options
+      } = props;
+      return _createVNode("div", {
+        "class": bem()
+      }, [_createVNode("video", {
+        "ref": root,
+        "class": bem("player"),
+        "muted": options.muted,
+        "autoplay": options.autoplay,
+        "loop": options.loop,
+        "poster": options.poster,
+        "controls": options.controls,
+        "preload": options.preload,
+        "src": src,
+        "onError": handleError
+      }, null), renderToolBox(), renderErrorBox()]);
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/video/index.css

@@ -0,0 +1 @@
+:root{--zt-video-player-background: var(--zt-black);--zt-video-player-btn-color: var(--zt-white);--zt-video-player-btn-background: rgba(0, 0, 0, .5);--zt-video-player-controller-background: rgba(0, 0, 0, .5);--zt-video-player-controller-font-size: var(--zt-font-size-sm);--zt-video-player-error-color: var(--zt-white);--zt-video-player-time-color: var(--zt-white);--zt-video-player-progress-height: 4px;--zt-video-player-progress-background: rgba(255, 255, 255, .5);--zt-video-player-progress-buffered-color: rgba(255, 255, 255, .8);--zt-video-player-progress-ball-color: var(--zt-primary-color);--zt-video-player-progress-ball-border: 2px solid var(--zt-white)}.zt-video{width:100%;height:100%;position:relative;display:flex}.zt-video>video{width:100%;height:100%;object-fit:fill}.zt-video__player{width:100%;background:var(--zt-video-player-background)}.zt-video__player:focus{outline:none}.zt-video__mask{width:100%;position:absolute;left:0;top:0;right:0;bottom:60px}.zt-video__mask.custom-touch{bottom:0}.zt-video__play-btn{width:80px;height:50px;margin-top:-25px;display:flex;align-items:center;justify-content:center;border:0;color:var(--zt-video-player-btn-color);transition:border-color .4s,outline .4s,background-color .4s;position:absolute;top:50%;left:50%;margin-left:-40px;padding:0;font-size:80px;border-radius:20%}.zt-video__controller{position:absolute;display:flex;left:0;bottom:0;background-color:var(--zt-video-player-controller-background);height:35px;width:100%;align-items:center;opacity:0;transition:all 1s;font-size:var(--zt-video-player-controller-font-size)}.zt-video__controller.zt-video__controller--show{opacity:1}.zt-video__controller.zt-video__controller--hide{opacity:0}.zt-video__controller--play-btn{width:18px;height:18px;margin:0 10px}.zt-video__controller-total,.zt-video__controller-now{color:var(--zt-video-player-time-color);padding:0 5px}.zt-video__controller-progress{position:relative;display:inline-block;height:100%;width:100%;margin:0 6px;transition:all .2s ease-in;flex:1}.zt-video__controller-progress-value{position:absolute;top:50%;width:100%;height:var(--zt-video-player-progress-height);margin-top:-.05rem;background:var(--zt-video-player-progress-background);border-radius:2px}.zt-video__controller-progress .buffered{background:var(--zt-video-player-progress-buffered-color);height:var(--zt-video-player-progress-height);border-radius:2px}.zt-video__controller-progress-ball{width:14px;height:14px;position:absolute;top:50%;left:0;border-radius:50%;box-sizing:content-box}.zt-video__controller-progress-ball div{width:10px;height:10px;background:var(--zt-video-player-progress-ball-color);box-shadow:0 2px 4px rgba(32,0,0,.2);margin:0 -5px;border-radius:50%;border:var(--zt-video-player-progress-ball-border)}.zt-video__controller-volume,.zt-video__controller-full{width:26px;height:30px;display:flex;align-items:center;justify-content:center}.zt-video__controller-volume>i,.zt-video__controller-full>i{color:var(--zt-video-player-btn-color);font-size:22px}.zt-video__controller-full{width:40px}.zt-video__error{position:absolute;width:100%;height:100%;background:var(--zt-video-player-background);color:var(--zt-video-player-error-color);display:flex;flex-direction:column;align-items:center;justify-content:center}

package/es/video/index.d.ts

@@ -0,0 +1,78 @@
+export declare const Video: import("../utils").WithInstall<import("vue").DefineComponent<{
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showToolBox: BooleanConstructor;
+    options: {
+        type: import("vue").PropType<Partial<import("./types").VideoOptions>>;
+        default: {
+            autoplay: boolean;
+            volume: number;
+            poster: string;
+            loop: boolean;
+            controls: boolean;
+            muted: boolean;
+            disabled: boolean;
+            playsinline: boolean;
+            touchPlay: boolean;
+            preload: string;
+        };
+    };
+    errorTip: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    clickRetryTip: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("time" | "pause" | "play" | "play-end")[], "time" | "pause" | "play" | "play-end", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showToolBox: BooleanConstructor;
+    options: {
+        type: import("vue").PropType<Partial<import("./types").VideoOptions>>;
+        default: {
+            autoplay: boolean;
+            volume: number;
+            poster: string;
+            loop: boolean;
+            controls: boolean;
+            muted: boolean;
+            disabled: boolean;
+            playsinline: boolean;
+            touchPlay: boolean;
+            preload: string;
+        };
+    };
+    errorTip: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    clickRetryTip: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onPause?: ((...args: any[]) => any) | undefined;
+    onPlay?: ((...args: any[]) => any) | undefined;
+    onTime?: ((...args: any[]) => any) | undefined;
+    "onPlay-end"?: ((...args: any[]) => any) | undefined;
+}, {
+    src: string;
+    options: Partial<import("./types").VideoOptions>;
+    showToolBox: boolean;
+    errorTip: string;
+    clickRetryTip: string;
+}, {}>>;
+export default Video;
+export type { VideoProps } from './Video';
+export type { VideoOptions } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtVideo: typeof Video;
+    }
+}

package/es/video/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _Video from "./Video.mjs";
+const Video = withInstall(_Video);
+var stdin_default = Video;
+export {
+  Video,
+  stdin_default as default
+};

package/es/video/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/video/style/index.mjs

@@ -0,0 +1,4 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../index.css";

package/es/video/types.d.ts

@@ -0,0 +1,12 @@
+export interface VideoOptions {
+    autoplay: boolean;
+    volume: number;
+    poster: string;
+    loop: boolean;
+    controls: boolean;
+    muted: boolean;
+    disabled: boolean;
+    playsinline: boolean;
+    touchPlay: boolean;
+    preload: string;
+}

package/es/vue-sfc-shim.d.ts

@@ -1,6 +1,6 @@
-declare module '*.vue' {
-  // eslint-disable-next-line
-  import { DefineComponent } from 'vue';
-  const Component: DefineComponent;
-  export default Component;
-}
+declare module '*.vue' {
+  // eslint-disable-next-line
+  import { DefineComponent } from 'vue';
+  const Component: DefineComponent;
+  export default Component;
+}

package/es/vue-tsx-shim.d.ts

@@ -1,23 +1,23 @@
-import 'vue';
-
-type EventHandler = (...args: any[]) => void;
-
-declare module 'vue' {
-  interface ComponentCustomProps {
-    id?: string;
-    role?: string;
-    tabindex?: number;
-    onClick?: EventHandler;
-    onTouchend?: EventHandler;
-    onTouchmove?: EventHandler;
-    onTouchstart?: EventHandler;
-    onTouchcancel?: EventHandler;
-    onTouchmovePassive?: EventHandler;
-    onTouchstartPassive?: EventHandler;
-  }
-
-  interface HTMLAttributes {
-    onTouchmovePassive?: EventHandler;
-    onTouchstartPassive?: EventHandler;
-  }
-}
+import 'vue';
+
+type EventHandler = (...args: any[]) => void;
+
+declare module 'vue' {
+  interface ComponentCustomProps {
+    id?: string;
+    role?: string;
+    tabindex?: number;
+    onClick?: EventHandler;
+    onTouchend?: EventHandler;
+    onTouchmove?: EventHandler;
+    onTouchstart?: EventHandler;
+    onTouchcancel?: EventHandler;
+    onTouchmovePassive?: EventHandler;
+    onTouchstartPassive?: EventHandler;
+  }
+
+  interface HTMLAttributes {
+    onTouchmovePassive?: EventHandler;
+    onTouchstartPassive?: EventHandler;
+  }
+}

package/lib/action-sheet/ActionSheet.d.ts

@@ -118,7 +118,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {

package/lib/action-sheet/index.d.ts

@@ -52,7 +52,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {

package/lib/audio/Audio.d.ts

@@ -0,0 +1,82 @@
+import type { ExtractPropTypes } from 'vue';
+import { AudioType } from './types';
+declare const audioProps: {
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    muted: BooleanConstructor;
+    autoplay: BooleanConstructor;
+    loop: BooleanConstructor;
+    preload: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    second: {
+        type: NumberConstructor;
+        default: number;
+    };
+    type: {
+        type: import("vue").PropType<AudioType>;
+        default: AudioType;
+    };
+};
+export type AudioProps = ExtractPropTypes<typeof audioProps>;
+declare const _default: import("vue").DefineComponent<{
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    muted: BooleanConstructor;
+    autoplay: BooleanConstructor;
+    loop: BooleanConstructor;
+    preload: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    second: {
+        type: NumberConstructor;
+        default: number;
+    };
+    type: {
+        type: import("vue").PropType<AudioType>;
+        default: AudioType;
+    };
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("ended" | "play" | "forward" | "mute" | "fastBack" | "changeProgress" | "canPlay")[], "ended" | "play" | "forward" | "mute" | "fastBack" | "changeProgress" | "canPlay", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    muted: BooleanConstructor;
+    autoplay: BooleanConstructor;
+    loop: BooleanConstructor;
+    preload: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    second: {
+        type: NumberConstructor;
+        default: number;
+    };
+    type: {
+        type: import("vue").PropType<AudioType>;
+        default: AudioType;
+    };
+}>> & {
+    onEnded?: ((...args: any[]) => any) | undefined;
+    onPlay?: ((...args: any[]) => any) | undefined;
+    onForward?: ((...args: any[]) => any) | undefined;
+    onMute?: ((...args: any[]) => any) | undefined;
+    onFastBack?: ((...args: any[]) => any) | undefined;
+    onChangeProgress?: ((...args: any[]) => any) | undefined;
+    onCanPlay?: ((...args: any[]) => any) | undefined;
+}, {
+    type: AudioType;
+    autoplay: boolean;
+    loop: boolean;
+    muted: boolean;
+    preload: string;
+    src: string;
+    second: number;
+}, {}>;
+export default _default;