@web-utils/component 4.0.16 → 5.0.0-beta01

package/vue-video-player/index.mjs

@@ -1,137 +1,136 @@
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createElementBlock as t, createElementVNode as n, openBlock as r, withModifiers as i } from "vue";
+import { defaults as a } from "lodash-es";
 import "video.js/dist/video-js.min.css";
-import p from "video.js";
-import u from "video.js/dist/lang/zh-CN.json";
-import { defaults as d } from "lodash-es";
-import { n as h } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-p.addLanguage("zh", u);
-const c = ["loadeddata", "canplay", "canplaythrough", "play", "pause", "waiting", "playing", "ended", "error"], y = {
-  name: "VueVideoPlayer",
-  props: {
-    crossOrigin: {
-      type: String,
-      default: ""
-    },
-    playsInline: {
-      type: Boolean,
-      default: !1
-    },
-    autoplay: {
-      type: Boolean,
-      default: !0
-    },
-    volume: {
-      type: Number,
-      default: 1
-    },
-    src: String,
-    options: Object,
-    events: {
-      type: Array,
-      default: () => []
-    },
-    globalOptions: {
-      type: Object,
-      default: () => ({
-        // autoplay: false,
-        controls: !0,
-        // preload: 'auto',
-        // fluid: false,
-        // muted: false,
-        playbackRates: [0.7, 1, 1.5, 2],
-        controlBar: {
-          remainingTimeDisplay: !1,
-          playToggle: {},
-          progressControl: {},
-          fullscreenToggle: {},
-          volumeMenuButton: {
-            inline: !1,
-            vertical: !0
-          }
-        },
-        techOrder: ["html5"],
-        plugins: {}
-      })
-    },
-    globalEvents: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      player: null
-    };
-  },
-  computed: {
-    videoOptions() {
-      return d(
-        {
-          language: "zh",
-          autoplay: this.autoplay,
-          sources: [{ src: this.src }]
-        },
-        { ...this.globalOptions, ...this.options }
-      );
-    }
-  },
-  watch: {
-    videoOptions: {
-      immediate: !0,
-      deep: !0,
-      handler: "initialize"
-    }
-  },
-  activated() {
-    var e;
-    (e = this.player) == null || e.play();
-  },
-  deactivated() {
-    var e;
-    (e = this.player) == null || e.pause();
-  },
-  beforeDestroy() {
-    this.dispose();
-  },
-  methods: {
-    async initialize() {
-      var r, n;
-      if (await this.$nextTick(), !((n = (r = this.videoOptions) == null ? void 0 : r.sources) != null && n.length))
-        return;
-      if (this.player) {
-        this.player.options(this.videoOptions);
-        return;
-      }
-      this.playsInline && (this.$refs.video.setAttribute("playsinline", this.playsInline), this.$refs.video.setAttribute("webkit-playsinline", this.playsInline), this.$refs.video.setAttribute("x5-playsinline", this.playsInline), this.$refs.video.setAttribute("x5-video-player-type", "h5"), this.$refs.video.setAttribute("x5-video-player-fullscreen", !1)), this.crossOrigin && (this.$refs.video.crossOrigin = this.crossOrigin, this.$refs.video.setAttribute("crossOrigin", this.crossOrigin));
-      const { events: e, globalEvents: a, volume: s } = this, t = (...i) => this.$emit(...i), o = c.concat(e).concat(a);
-      this.player = p(this.$refs.video, this.videoOptions, function() {
-        this.volume(s);
-        for (let i = 0; i < o.length; i++) {
-          const l = o[i];
-          this.on(l, () => t(l, this));
-        }
-        this.on("timeupdate", () => t("timeupdate", this.currentTime(), this)), t("ready", this);
-      });
-    },
-    dispose() {
-      var e;
-      (e = this.player) != null && e.dispose && (this.player.techName_ !== "Flash" && this.player.pause(), this.player.dispose(), this.player = null);
-    }
-  }
-};
-var f = function() {
-  var a = this, s = a._self._c;
-  return s("div", { staticClass: "video-player video-player-box" }, [s("video", { ref: "video", staticClass: "video-js", on: { contextmenu: function(t) {
-    t.preventDefault(), t.stopPropagation();
-  } } })]);
-}, v = [], m = /* @__PURE__ */ h(
-  y,
-  f,
-  v,
-  !1,
-  null,
-  null
-);
-const A = m.exports;
-export {
-  A as default
-};
+import o from "video.js";
+import s from "video.js/dist/lang/zh-CN.json";
+//#region src/components/vue-video-player/VueVideoPlayer.vue
+o.addLanguage("zh", s);
+var c = [
+	"loadeddata",
+	"canplay",
+	"canplaythrough",
+	"play",
+	"pause",
+	"waiting",
+	"playing",
+	"ended",
+	"error"
+], l = {
+	name: "VueVideoPlayer",
+	props: {
+		crossOrigin: {
+			type: String,
+			default: ""
+		},
+		playsInline: {
+			type: Boolean,
+			default: !1
+		},
+		autoplay: {
+			type: Boolean,
+			default: !0
+		},
+		volume: {
+			type: Number,
+			default: 1
+		},
+		src: String,
+		options: Object,
+		events: {
+			type: Array,
+			default: () => []
+		},
+		globalOptions: {
+			type: Object,
+			default: () => ({
+				controls: !0,
+				playbackRates: [
+					.7,
+					1,
+					1.5,
+					2
+				],
+				controlBar: {
+					remainingTimeDisplay: !1,
+					playToggle: {},
+					progressControl: {},
+					fullscreenToggle: {},
+					volumeMenuButton: {
+						inline: !1,
+						vertical: !0
+					}
+				},
+				techOrder: ["html5"],
+				plugins: {}
+			})
+		},
+		globalEvents: {
+			type: Array,
+			default: () => []
+		}
+	},
+	data() {
+		return { player: null };
+	},
+	computed: { videoOptions() {
+		return a({
+			language: "zh",
+			autoplay: this.autoplay,
+			sources: [{ src: this.src }]
+		}, {
+			...this.globalOptions,
+			...this.options
+		});
+	} },
+	watch: { videoOptions: {
+		immediate: !0,
+		deep: !0,
+		handler: "initialize"
+	} },
+	activated() {
+		var e;
+		(e = this.player) == null || e.play();
+	},
+	deactivated() {
+		var e;
+		(e = this.player) == null || e.pause();
+	},
+	beforeUnmount() {
+		this.dispose();
+	},
+	methods: {
+		async initialize() {
+			var e;
+			if (await this.$nextTick(), !(!((e = this.videoOptions) == null || (e = e.sources) == null) && e.length)) return;
+			if (this.player) {
+				this.player.options(this.videoOptions);
+				return;
+			}
+			this.playsInline && (this.$refs.video.setAttribute("playsinline", this.playsInline), this.$refs.video.setAttribute("webkit-playsinline", this.playsInline), this.$refs.video.setAttribute("x5-playsinline", this.playsInline), this.$refs.video.setAttribute("x5-video-player-type", "h5"), this.$refs.video.setAttribute("x5-video-player-fullscreen", !1)), this.crossOrigin && (this.$refs.video.crossOrigin = this.crossOrigin, this.$refs.video.setAttribute("crossOrigin", this.crossOrigin));
+			let { events: t, globalEvents: n, volume: r } = this, i = (...e) => this.$emit(...e), a = c.concat(t).concat(n);
+			this.player = o(this.$refs.video, this.videoOptions, function() {
+				this.volume(r);
+				for (let e = 0; e < a.length; e++) {
+					let t = a[e];
+					this.on(t, () => i(t, this));
+				}
+				this.on("timeupdate", () => i("timeupdate", this.currentTime(), this)), i("ready", this);
+			});
+		},
+		dispose() {
+			var e;
+			(e = this.player) != null && e.dispose && (this.player.techName_ !== "Flash" && this.player.pause(), this.player.dispose(), this.player = null);
+		}
+	}
+}, u = { class: "video-player video-player-box" };
+function d(e, a, o, s, c, l) {
+	return r(), t("div", u, [n("video", {
+		ref: "video",
+		class: "video-js",
+		onContextmenu: a[0] || (a[0] = i(() => {}, ["prevent", "stop"]))
+	}, null, 544)]);
+}
+var f = /* @__PURE__ */ e(l, [["render", d]]);
+//#endregion
+export { f as default };

package/watermark/index.mjs

@@ -1,75 +1,47 @@
-import { g as f } from "../chunks/index.9OxHjTIE.mjs";
-import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const p = {
-  name: "Watermark",
-  functional: !0,
-  props: {
-    /**
-     * 水印文案
-     */
-    text: {
-      type: String,
-      default: ""
-    },
-    /**
-     * 宽度
-     */
-    width: {
-      type: Number,
-      default: 200
-    },
-    /**
-     * 高度
-     */
-    height: {
-      type: Number,
-      default: 150
-    },
-    /**
-     * 旋转角度 0 到 360
-     */
-    rotate: {
-      type: Number,
-      default: -30
-    },
-    /**
-     * 文字颜色
-     */
-    color: {
-      type: String,
-      default: "rgba(0,0,0,0.15)"
-    },
-    /**
-     * 背景颜色
-     */
-    backgroundColor: {
-      type: String,
-      default: "rgba(0,0,0,0)"
-    }
-  },
-  render(n, { props: { width: l, height: r, text: o, backgroundColor: s, rotate: c, color: u }, data: e }) {
-    const a = document.createElement("canvas");
-    a.width = l, a.height = r;
-    const t = a.getContext("2d");
-    return t.font = "15px Verdana", t.fillStyle = s, t.fillRect(0, 0, l, r), t.translate(l / 2, r / 2), t.rotate(c * Math.PI / 180), t.fillStyle = u, t.textAlign = "center", t.textBaseline = "middle", t.fillText(o, 0, 0), n("div", {
-      class: f(e.class, `watermark ${e.staticClass || ""}`),
-      style: {
-        ...e.style || {},
-        ...e.staticStyle || {},
-        background: `url(${a.toDataURL("image/png")}) left top repeat`
-      }
-    });
-  }
-}, m = null, d = null;
-var g = /* @__PURE__ */ i(
-  p,
-  m,
-  d,
-  !1,
-  null,
-  null
-);
-const x = g.exports;
-export {
-  x as default
+import { t as e } from "../chunks/utils.DsGhtCIO.mjs";
+//#region src/components/Watermark.vue
+var t = {
+	name: "Watermark",
+	functional: !0,
+	props: {
+		text: {
+			type: String,
+			default: ""
+		},
+		width: {
+			type: Number,
+			default: 200
+		},
+		height: {
+			type: Number,
+			default: 150
+		},
+		rotate: {
+			type: Number,
+			default: -30
+		},
+		color: {
+			type: String,
+			default: "rgba(0,0,0,0.15)"
+		},
+		backgroundColor: {
+			type: String,
+			default: "rgba(0,0,0,0)"
+		}
+	},
+	render(t, { props: { width: n, height: r, text: i, backgroundColor: a, rotate: o, color: s }, data: c }) {
+		let l = document.createElement("canvas");
+		l.width = n, l.height = r;
+		let u = l.getContext("2d");
+		return u.font = "15px Verdana", u.fillStyle = a, u.fillRect(0, 0, n, r), u.translate(n / 2, r / 2), u.rotate(o * Math.PI / 180), u.fillStyle = s, u.textAlign = "center", u.textBaseline = "middle", u.fillText(i, 0, 0), t("div", {
+			class: e(c.class, `watermark ${c.staticClass || ""}`),
+			style: {
+				...c.style || {},
+				...c.staticStyle || {},
+				background: `url(${l.toDataURL("image/png")}) left top repeat`
+			}
+		});
+	}
 };
+//#endregion
+export { t as default };