zartui 3.1.21 → 3.1.23-beta.1

package/lib/video/Video.js

@@ -0,0 +1,440 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_use_expose = require("../composables/use-expose");
+var import_use_global_z_index = require("../composables/use-global-z-index");
+var import_icon = __toESM(require("../icon"));
+var import_util = require("../lazyload/vue-lazyload/util");
+var import_utils = require("../utils");
+const [name, bem] = (0, import_utils.createNamespace)("video");
+const videoProps = {
+  src: (0, import_utils.makeStringProp)("star"),
+  // 控制控制器和标题的显示
+  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: (0, import_utils.makeStringProp)("\u64AD\u653E\u5668\u53D1\u751F\u9519\u8BEF"),
+  clickRetryTip: (0, import_utils.makeStringProp)("\u8BF7\u70B9\u51FB\u91CD\u8BD5")
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: videoProps,
+  emits: ["play", "pause", "play-end", "time"],
+  setup(props, {
+    emit
+  }) {
+    const progressBar = (0, import_vue2.ref)();
+    const root = (0, import_vue2.ref)();
+    const state = (0, import_vue2.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 = (0, import_vue2.computed)(() => {
+      return props.options.disabled;
+    });
+    (0, import_vue2.watch)(() => props.src, (newValue) => {
+      if (newValue) {
+        (0, import_vue2.nextTick)(() => {
+          var _a;
+          (_a = root.value) == null ? void 0 : _a.load();
+        });
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    (0, import_vue2.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", (0, import_util.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", (0, import_util.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 timeFormat = (t = 0) => {
+      let h = Math.floor(t / 3600);
+      if (+h < 10) {
+        h = "0" + h;
+      }
+      let m = Math.floor(t % 3600 / 60);
+      if (+m < 10) {
+        m = "0" + m;
+      }
+      let s = Math.round(t % 3600 % 60);
+      if (+s < 10) {
+        s = "0" + s;
+      }
+      let str = "";
+      if (h != 0) {
+        str = h + ":" + m + ":" + s;
+      } else {
+        str = m + ":" + s;
+      }
+      return str;
+    };
+    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 = timeFormat(durationTime);
+      state.videoSet.displayTime = timeFormat((_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;
+      }
+    };
+    (0, import_use_expose.useExpose)({
+      play,
+      pause,
+      stop,
+      muted,
+      unmuted
+    });
+    (0, import_vue2.onMounted)(() => {
+      init();
+    });
+    function renderToolBox() {
+      if (props.showToolBox && !isDisabled.value) {
+        return (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)("div", {
+          "class": bem("mask"),
+          "onClick": play
+        }, null), !state.state.playing ? (0, import_vue.createVNode)("div", {
+          "class": bem("play-btn"),
+          "onClick": play
+        }, [(0, import_vue.createVNode)(import_icon.default, {
+          "name": "play-r"
+        }, null)]) : null, (0, import_vue.createVNode)("div", {
+          "class": [bem("controller", {
+            show: !state.state.playing,
+            hide: state.state.playing
+          })],
+          "style": {
+            "z-index": (0, import_use_global_z_index.useGlobalZIndex)()
+          }
+        }, [(0, import_vue.createVNode)("div", {
+          "class": bem("controller-play-btn"),
+          "onClick": play
+        }, null), (0, import_vue.createVNode)("div", {
+          "class": bem("controller-now")
+        }, [state.videoSet.displayTime]), (0, import_vue.createVNode)("div", {
+          "class": bem("controller-progress")
+        }, [(0, import_vue.createVNode)("div", {
+          "ref": progressBar,
+          "class": bem("controller-progress-value")
+        }, [(0, import_vue.createVNode)("div", {
+          "class": "buffered",
+          "style": {
+            width: `${state.videoSet.loaded}%`
+          }
+        }, null), (0, import_vue.createVNode)("div", {
+          "class": bem("controller-progress-ball"),
+          "style": {
+            transform: `translate3d(${state.videoSet.progress.current}px, -50%, 0)`
+          },
+          "onTouchmove": touchSlidMove,
+          "onTouchend": touchSlidEnd
+        }, [(0, import_vue.createVNode)("div", {
+          "class": bem("move")
+        }, null)]), (0, import_vue.createVNode)("div", {
+          "class": bem("played")
+        }, null)])]), (0, import_vue.createVNode)("div", {
+          "class": bem("controller-total")
+        }, [state.videoSet.totalTime]), (0, import_vue.createVNode)("div", {
+          "class": bem("controller-volume"),
+          "onClick": handleMuted
+        }, [state.state.isMuted ? (0, import_vue.createVNode)(import_icon.default, {
+          "name": "volume-off"
+        }, null) : (0, import_vue.createVNode)(import_icon.default, {
+          "name": "volume-on"
+        }, null)]), (0, import_vue.createVNode)("div", {
+          "class": bem("controller-full"),
+          "onClick": fullScreen
+        }, [(0, import_vue.createVNode)(import_icon.default, {
+          "name": "expand"
+        }, null)])])]);
+      }
+    }
+    function renderErrorBox() {
+      if (state.state.isError) {
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("error"),
+          "style": {
+            "z-index": (0, import_use_global_z_index.useGlobalZIndex)()
+          }
+        }, [(0, import_vue.createVNode)("p", {
+          "class": bem("tip")
+        }, [props.errorTip]), (0, import_vue.createVNode)("p", {
+          "class": bem("retry"),
+          "onClick": retry
+        }, [props.clickRetryTip])]);
+      }
+    }
+    return () => {
+      const {
+        src,
+        options
+      } = props;
+      return (0, import_vue.createVNode)("div", {
+        "class": bem()
+      }, [(0, import_vue.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()]);
+    };
+  }
+});

package/lib/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/lib/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/lib/video/index.js

@@ -0,0 +1,37 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  Video: () => Video,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Video = __toESM(require("./Video"));
+const Video = (0, import_utils.withInstall)(import_Video.default);
+var stdin_default = Video;

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

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

package/lib/video/style/index.js

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

package/lib/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/lib/video/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/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/lib/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;
+  }
+}