@web-utils/component 5.0.0-beta03 → 5.0.0-beta04

package/vue-video-player/index.mjs

@@ -1,136 +0,0 @@
-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 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/vue-video-player/style.css

@@ -1 +0,0 @@
-.video-player-box{width:100%;height:100%}.video-player-box .video-js{background-color:#404040;width:100%;height:100%}

package/watermark/index.mjs

@@ -1,47 +0,0 @@
-import { t as e } from "../chunks/utils.C8RvIGLM.mjs";
-import { h as t } from "vue";
-//#region src/components/Watermark.vue
-var n = {
-	name: "Watermark",
-	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() {
-		let n = document.createElement("canvas");
-		n.width = this.width, n.height = this.height;
-		let r = n.getContext("2d");
-		return r.font = "15px Verdana", r.fillStyle = this.backgroundColor, r.fillRect(0, 0, this.width, this.height), r.translate(this.width / 2, this.height / 2), r.rotate(this.rotate * Math.PI / 180), r.fillStyle = this.color, r.textAlign = "center", r.textBaseline = "middle", r.fillText(this.text, 0, 0), t("div", {
-			class: e(this.$attrs.class, `watermark ${this.$attrs.staticClass || ""}`),
-			style: {
-				...this.$attrs.style || {},
-				...this.$attrs.staticStyle || {},
-				background: `url(${n.toDataURL("image/png")}) left top repeat`
-			}
-		});
-	}
-};
-//#endregion
-export { n as default };

package/watermark/style.css

@@ -1 +0,0 @@
-.watermark{z-index:100;pointer-events:none;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}

package/x-input-tag/index.mjs

@@ -1,142 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, openBlock as o, renderList as s, resolveComponent as c, toDisplayString as l, vShow as u, withCtx as d, withDirectives as f, withKeys as p } from "vue";
-//#region src/components/XInputTag.vue
-var m = {
-	name: "XInputTag",
-	inject: {
-		elForm: { default: "" },
-		elFormItem: { default: "" }
-	},
-	props: {
-		modelValue: {
-			type: [Array, String],
-			default: () => []
-		},
-		disabled: Boolean,
-		separator: {
-			type: String,
-			default: ","
-		},
-		count: {
-			type: Boolean,
-			default: !0
-		},
-		arrayMode: {
-			type: Boolean,
-			default: !0
-		},
-		objectMode: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	emits: ["update:modelValue"],
-	data() {
-		return {
-			inputVisible: !1,
-			inputValue: "",
-			maxTag: 20
-		};
-	},
-	computed: {
-		inputDisabled() {
-			return this.disabled || (this.elForm || {}).disabled;
-		},
-		tags: { get() {
-			if (this.arrayMode) {
-				var e;
-				return (e = this.modelValue) != null && e.length ? this.objectMode ? this.modelValue.map((e) => e.id > 0 ? e : {
-					...e,
-					id: Math.random()
-				}) : this.modelValue : [];
-			} else {
-				var t;
-				let e = ((t = this.modelValue) == null ? void 0 : t.split(this.separator)) || [];
-				return e.length && e[0] ? e.map((e) => this.objectMode ? {
-					name: e,
-					id: Math.random()
-				} : e) : [];
-			}
-		} }
-	},
-	methods: {
-		async showInput() {
-			this.inputVisible = !0, await this.$nextTick(), this.$refs.saveTagInput.$refs.input.focus();
-		},
-		handleClose(e) {
-			let t = this.tags.filter((t) => t !== e);
-			this.$emit("update:modelValue", this.arrayMode ? t : t.map((e) => e.name || e).join(this.separator));
-		},
-		async handleInputConfirm() {
-			if (this.tags.length >= this.maxTag) {
-				this.$message.warning({
-					message: "标签已达上限,请删除一些标签再添加！",
-					showClose: !0
-				}), this.inputVisible = !1, this.inputValue = "";
-				return;
-			}
-			let e = this.inputValue;
-			if (e) {
-				var t;
-				if (this.tags.some((t) => (t.name || t) === e)) {
-					this.inputVisible = !1, this.inputValue = "", this.$message.warning({
-						message: "标签已存在！",
-						showClose: !0
-					});
-					return;
-				}
-				let n = [...this.tags];
-				n.push(this.objectMode ? {
-					id: Date.now(),
-					name: this.inputValue
-				} : this.inputValue), this.$emit("update:modelValue", this.arrayMode ? n : n.map((e) => e.name || e).join(this.separator)), await this.$nextTick(), (t = this.elFormItem) == null || t.clearValidate();
-			}
-			this.inputVisible = !1, this.inputValue = "";
-		}
-	}
-}, h = { class: "x-input-tag" }, g = {
-	key: 1,
-	style: { color: "#b5b5b5" }
-}, _ = {
-	key: 4,
-	class: "tags-count"
-};
-function v(e, m, v, y, b, x) {
-	let S = c("ElTag"), C = c("ElInput"), w = c("ElButton");
-	return o(), i("div", h, [
-		x.tags && x.tags.length && x.tags[0] ? (o(!0), i(t, { key: 0 }, s(x.tags, (e, t) => (o(), n(S, {
-			key: e.id || e,
-			"disable-transitions": "",
-			closable: !x.inputDisabled,
-			onClose: (n) => x.handleClose(e, t)
-		}, {
-			default: d(() => [a(l(e.name || e), 1)]),
-			_: 2
-		}, 1032, ["closable", "onClose"]))), 128)) : x.inputDisabled ? (o(), i("span", g, "无")) : r("v-if", !0),
-		x.inputDisabled ? r("v-if", !0) : f((o(), n(C, {
-			key: 2,
-			ref: "saveTagInput",
-			modelValue: b.inputValue,
-			"onUpdate:modelValue": m[0] || (m[0] = (e) => b.inputValue = e),
-			class: "input-new-tag",
-			onKeyup: p(x.handleInputConfirm, ["enter"]),
-			onBlur: x.handleInputConfirm
-		}, null, 8, [
-			"modelValue",
-			"onKeyup",
-			"onBlur"
-		])), [[u, b.inputVisible]]),
-		!x.inputDisabled && !b.inputVisible ? f((o(), n(w, {
-			key: 3,
-			class: "button-new-tag",
-			onClick: x.showInput
-		}, {
-			default: d(() => [...m[1] || (m[1] = [a(" + 添加 ", -1)])]),
-			_: 1
-		}, 8, ["onClick"])), [[u, x.tags.length < b.maxTag]]) : r("v-if", !0),
-		v.count ? (o(), i("span", _, l(x.tags.length && x.tags[0] ? x.tags.length : ""), 1)) : r("v-if", !0)
-	]);
-}
-var y = /* @__PURE__ */ e(m, [["render", v]]);
-//#endregion
-export { y as default };

package/x-input-tag/style.css

@@ -1 +0,0 @@
-.el-form-item.is-error .x-input-tag{border-color:#f56c6c}.x-input-tag{border:1px solid var(--border-color);border-radius:4px;height:120px;padding-top:4px;padding-right:4px;line-height:0;overflow:auto}.x-input-tag .el-tag .el-tag__close:hover{background-color:#ee8677}.x-input-tag .el-tag,.x-input-tag .button-new-tag{margin-bottom:4px;margin-left:4px}.x-input-tag .el-input.input-new-tag{width:120px;margin-bottom:4px;margin-left:4px}.x-input-tag .tags-count{color:#b7b7b7;font-size:.9em;position:absolute;bottom:10px;right:6px}