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

package/chunks/ImagePreview.DDFrZgo5.mjs

@@ -1,649 +0,0 @@
-import "./chunk.A6TnG60p.mjs";
-import { t as e } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
-import { g as t } from "./util.g-WQEec9.mjs";
-import { t as n } from "./event.ZRs4J5TN.mjs";
-import { _ as r, o as i, r as a, t as o } from "./install.BJl2MN77.mjs";
-import { B as s, O as c, R as l, b as u, j as d } from "./style.CraPDfJA.mjs";
-import { n as f } from "./use-locale.CBoQRFjH.mjs";
-import { n as p } from "./vnode.raM3wMJz.mjs";
-import { i as m, r as h, t as g } from "./icon.niAg1zTC.mjs";
-import { Fragment as _, Transition as v, computed as y, createBlock as b, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createVNode as w, defineComponent as T, getCurrentInstance as E, h as D, inject as O, isVNode as k, normalizeClass as A, normalizeStyle as j, onBeforeUnmount as M, onMounted as N, openBlock as P, provide as ee, reactive as F, ref as I, renderList as L, renderSlot as R, resolveComponent as z, resolveDynamicComponent as te, shallowRef as B, toDisplayString as ne, triggerRef as V, unref as H, useSlots as re, vShow as U, watch as W, withCtx as G, withDirectives as K, withModifiers as q } from "vue";
-import { setPx as J } from "@web-utils/core";
-import { throttle as Y } from "lodash-unified";
-//#region node_modules/.pnpm/element-plus@2.13.6_typescr_b86181ecd25892dfea09546870d44c51/node_modules/element-plus/es/hooks/use-ordered-children/index.mjs
-var X = (e, t, n) => p(e.subTree).filter((e) => {
-	var n;
-	return k(e) && ((n = e.type) == null ? void 0 : n.name) === t && !!e.component;
-}).map((e) => e.component.uid).map((e) => n[e]).filter((e) => !!e), ie = (e, t) => {
-	let n = B({}), r = B([]), i = /* @__PURE__ */ new WeakMap(), a = (e) => {
-		n.value[e.uid] = e, V(n), N(() => {
-			let t = e.getVnode().el, r = t.parentNode;
-			if (!i.has(r)) {
-				i.set(r, []);
-				let e = r.insertBefore.bind(r);
-				r.insertBefore = (t, a) => (i.get(r).some((e) => t === e || a === e) && V(n), e(t, a));
-			}
-			i.get(r).push(t);
-		});
-	}, o = (e) => {
-		delete n.value[e.uid], V(n);
-		let t = e.getVnode().el, r = t.parentNode, a = i.get(r), o = a.indexOf(t);
-		a.splice(o, 1);
-	}, s = () => {
-		r.value = X(e, t, n.value);
-	}, c = (e) => e.render();
-	return {
-		children: r,
-		addChild: a,
-		removeChild: o,
-		ChildrenSorter: T({ setup(e, { slots: t }) {
-			return () => (s(), t.default ? D(c, { render: t.default }) : null);
-		} })
-	};
-}, Z = d({
-	initialIndex: {
-		type: Number,
-		default: 0
-	},
-	height: {
-		type: String,
-		default: ""
-	},
-	trigger: {
-		type: String,
-		values: ["hover", "click"],
-		default: "hover"
-	},
-	autoplay: {
-		type: Boolean,
-		default: !0
-	},
-	interval: {
-		type: Number,
-		default: 3e3
-	},
-	indicatorPosition: {
-		type: String,
-		values: [
-			"",
-			"none",
-			"outside"
-		],
-		default: ""
-	},
-	arrow: {
-		type: String,
-		values: [
-			"always",
-			"hover",
-			"never"
-		],
-		default: "hover"
-	},
-	type: {
-		type: String,
-		values: ["", "card"],
-		default: ""
-	},
-	cardScale: {
-		type: Number,
-		default: .83
-	},
-	loop: {
-		type: Boolean,
-		default: !0
-	},
-	direction: {
-		type: String,
-		values: ["horizontal", "vertical"],
-		default: "horizontal"
-	},
-	pauseOnHover: {
-		type: Boolean,
-		default: !0
-	},
-	motionBlur: Boolean
-}), ae = { change: (e, t) => [e, t].every(l) }, oe = Symbol("carouselContextKey"), Q = "ElCarouselItem", $ = d({
-	name: {
-		type: String,
-		default: ""
-	},
-	label: {
-		type: [String, Number],
-		default: ""
-	}
-}), se = 300, ce = (e, t, i) => {
-	let { children: a, addChild: o, removeChild: s, ChildrenSorter: l } = ie(E(), Q), d = re(), f = I(-1), m = I(null), h = I(!1), g = I(), _ = I(0), v = I(!0), b = y(() => e.arrow !== "never" && !H(C)), x = y(() => a.value.some((e) => e.props.label.toString().length > 0)), S = y(() => e.type === "card"), C = y(() => e.direction === "vertical"), w = y(() => e.height === "auto" ? {
-		height: `${_.value}px`,
-		overflow: "hidden"
-	} : { height: e.height }), T = Y((e) => {
-		F(e);
-	}, se, { trailing: !0 }), D = Y((e) => {
-		G(e);
-	}, se), O = (e) => v.value ? f.value <= 1 ? e <= 1 : e > 1 : !0;
-	function A() {
-		m.value && (clearInterval(m.value), m.value = null);
-	}
-	function j() {
-		e.interval <= 0 || !e.autoplay || m.value || (m.value = setInterval(() => P(), e.interval));
-	}
-	let P = () => {
-		f.value < a.value.length - 1 ? f.value += 1 : e.loop && (f.value = 0);
-	};
-	function F(t) {
-		if (r(t)) {
-			let e = a.value.filter((e) => e.props.name === t);
-			e.length > 0 && (t = a.value.indexOf(e[0]));
-		}
-		if (t = Number(t), Number.isNaN(t) || t !== Math.floor(t)) {
-			c(i, "index must be integer.");
-			return;
-		}
-		let n = a.value.length, o = f.value;
-		t < 0 ? f.value = e.loop ? n - 1 : 0 : t >= n ? f.value = e.loop ? 0 : n - 1 : f.value = t, o === f.value && L(o), J();
-	}
-	function L(e) {
-		a.value.forEach((t, n) => {
-			t.translateItem(n, f.value, e);
-		});
-	}
-	function R(e, t) {
-		var n, r;
-		let i = H(a), o = i.length;
-		if (o === 0 || !e.states.inStage) return !1;
-		let s = t + 1, c = t - 1, l = o - 1, u = i[l].states.active, d = i[0].states.active, f = (n = i[s]) == null || (n = n.states) == null ? void 0 : n.active, p = (r = i[c]) == null || (r = r.states) == null ? void 0 : r.active;
-		return t === l && d || f ? "left" : t === 0 && u || p ? "right" : !1;
-	}
-	function z() {
-		h.value = !0, e.pauseOnHover && A();
-	}
-	function te() {
-		h.value = !1, j();
-	}
-	function ne(e) {
-		H(C) || a.value.forEach((t, n) => {
-			e === R(t, n) && (t.states.hover = !0);
-		});
-	}
-	function V() {
-		H(C) || a.value.forEach((e) => {
-			e.states.hover = !1;
-		});
-	}
-	function U(e) {
-		f.value = e;
-	}
-	function G(t) {
-		e.trigger === "hover" && t !== f.value && (f.value = t);
-	}
-	function K() {
-		F(f.value - 1);
-	}
-	function q() {
-		F(f.value + 1);
-	}
-	function J() {
-		A(), (!e.pauseOnHover || !h.value) && j();
-	}
-	function X(t) {
-		e.height === "auto" && (_.value = t);
-	}
-	function Z() {
-		var t;
-		let n = (t = d.default) == null ? void 0 : t.call(d);
-		if (!n) return null;
-		let r = p(n).filter((e) => k(e) && e.type.name === "ElCarouselItem");
-		return (r == null ? void 0 : r.length) === 2 && e.loop && !S.value ? (v.value = !0, r) : (v.value = !1, null);
-	}
-	W(() => f.value, (e, r) => {
-		L(r), v.value && (e %= 2, r %= 2), r > -1 && t(n, e, r);
-	});
-	let ae = y({
-		get: () => v.value ? f.value % 2 : f.value,
-		set: (e) => f.value = e
-	});
-	W(() => e.autoplay, (e) => {
-		e ? j() : A();
-	}), W(() => e.loop, () => {
-		F(f.value);
-	}), W(() => e.interval, () => {
-		J();
-	});
-	let $ = B();
-	return N(() => {
-		W(() => a.value, () => {
-			a.value.length > 0 && F(e.initialIndex);
-		}, { immediate: !0 }), $.value = u(g.value, () => {
-			L();
-		}), j();
-	}), M(() => {
-		A(), g.value && $.value && $.value.stop();
-	}), ee(oe, {
-		root: g,
-		isCardType: S,
-		isVertical: C,
-		items: a,
-		loop: e.loop,
-		cardScale: e.cardScale,
-		addItem: o,
-		removeItem: s,
-		setActiveItem: F,
-		setContainerHeight: X
-	}), {
-		root: g,
-		activeIndex: f,
-		exposeActiveIndex: ae,
-		arrowDisplay: b,
-		hasLabel: x,
-		hover: h,
-		isCardType: S,
-		items: a,
-		isVertical: C,
-		containerStyle: w,
-		isItemsTwoLength: v,
-		handleButtonEnter: ne,
-		handleButtonLeave: V,
-		handleIndicatorClick: U,
-		handleMouseEnter: z,
-		handleMouseLeave: te,
-		setActiveItem: F,
-		prev: K,
-		next: q,
-		PlaceholderItem: Z,
-		isTwoLengthShow: O,
-		ItemsSorter: l,
-		throttledArrowClick: T,
-		throttledIndicatorHover: D
-	};
-}, le = ["aria-label"], ue = ["aria-label"], de = ["onMouseenter", "onClick"], fe = ["aria-label"], pe = { key: 0 }, me = {
-	key: 2,
-	xmlns: "http://www.w3.org/2000/svg",
-	version: "1.1",
-	style: { display: "none" }
-}, he = "ElCarousel", ge = /* @__PURE__ */ T({
-	name: he,
-	__name: "carousel",
-	props: Z,
-	emits: ae,
-	setup(e, { expose: t, emit: n }) {
-		let r = e, { root: a, activeIndex: o, exposeActiveIndex: s, arrowDisplay: c, hasLabel: l, hover: u, isCardType: d, items: p, isVertical: T, containerStyle: E, handleButtonEnter: D, handleButtonLeave: O, handleIndicatorClick: k, handleMouseEnter: M, handleMouseLeave: N, setActiveItem: ee, prev: F, next: I, PlaceholderItem: z, isTwoLengthShow: te, ItemsSorter: B, throttledArrowClick: V, throttledIndicatorHover: re } = ce(r, n, he), W = i("carousel"), { t: J } = f(), Y = y(() => {
-			let e = [W.b(), W.m(r.direction)];
-			return H(d) && e.push(W.m("card")), e.push(W.is("vertical-outside", H(T) && r.indicatorPosition === "outside")), e;
-		}), X = y(() => {
-			let e = [W.e("indicators"), W.em("indicators", r.direction)];
-			return H(l) && e.push(W.em("indicators", "labels")), r.indicatorPosition === "outside" && e.push(W.em("indicators", "outside")), H(T) && e.push(W.em("indicators", "right")), e;
-		});
-		function ie(e) {
-			if (!r.motionBlur) return;
-			let t = H(T) ? `${W.namespace.value}-transitioning-vertical` : `${W.namespace.value}-transitioning`;
-			e.currentTarget.classList.add(t);
-		}
-		function Z(e) {
-			if (!r.motionBlur) return;
-			let t = H(T) ? `${W.namespace.value}-transitioning-vertical` : `${W.namespace.value}-transitioning`;
-			e.currentTarget.classList.remove(t);
-		}
-		return t({
-			activeIndex: s,
-			setActiveItem: ee,
-			prev: F,
-			next: I
-		}), (t, n) => (P(), S("div", {
-			ref_key: "root",
-			ref: a,
-			class: A(Y.value),
-			onMouseenter: n[6] || (n[6] = q((...e) => H(M) && H(M)(...e), ["stop"])),
-			onMouseleave: n[7] || (n[7] = q((...e) => H(N) && H(N)(...e), ["stop"]))
-		}, [
-			H(c) ? (P(), b(v, {
-				key: 0,
-				name: "carousel-arrow-left",
-				persisted: ""
-			}, {
-				default: G(() => [K(C("button", {
-					type: "button",
-					class: A([H(W).e("arrow"), H(W).em("arrow", "left")]),
-					"aria-label": H(J)("el.carousel.leftArrow"),
-					onMouseenter: n[0] || (n[0] = (e) => H(D)("left")),
-					onMouseleave: n[1] || (n[1] = (...e) => H(O) && H(O)(...e)),
-					onClick: n[2] || (n[2] = q((e) => H(V)(H(o) - 1), ["stop"]))
-				}, [w(H(g), null, {
-					default: G(() => [w(H(h))]),
-					_: 1
-				})], 42, le), [[U, (e.arrow === "always" || H(u)) && (e.loop || H(o) > 0)]])]),
-				_: 1
-			})) : x("v-if", !0),
-			H(c) ? (P(), b(v, {
-				key: 1,
-				name: "carousel-arrow-right",
-				persisted: ""
-			}, {
-				default: G(() => [K(C("button", {
-					type: "button",
-					class: A([H(W).e("arrow"), H(W).em("arrow", "right")]),
-					"aria-label": H(J)("el.carousel.rightArrow"),
-					onMouseenter: n[3] || (n[3] = (e) => H(D)("right")),
-					onMouseleave: n[4] || (n[4] = (...e) => H(O) && H(O)(...e)),
-					onClick: n[5] || (n[5] = q((e) => H(V)(H(o) + 1), ["stop"]))
-				}, [w(H(g), null, {
-					default: G(() => [w(H(m))]),
-					_: 1
-				})], 42, ue), [[U, (e.arrow === "always" || H(u)) && (e.loop || H(o) < H(p).length - 1)]])]),
-				_: 1
-			})) : x("v-if", !0),
-			C("div", {
-				class: A(H(W).e("container")),
-				style: j(H(E)),
-				onTransitionstart: ie,
-				onTransitionend: Z
-			}, [w(H(z)), R(t.$slots, "default")], 38),
-			w(H(B), null, {
-				default: G(() => [e.indicatorPosition === "none" ? x("v-if", !0) : (P(), S("ul", {
-					key: 0,
-					class: A(X.value)
-				}, [(P(!0), S(_, null, L(H(p), (t, n) => K((P(), S("li", {
-					key: n,
-					class: A([
-						H(W).e("indicator"),
-						H(W).em("indicator", e.direction),
-						H(W).is("active", n === H(o))
-					]),
-					onMouseenter: (e) => H(re)(n),
-					onClick: q((e) => H(k)(n), ["stop"])
-				}, [C("button", {
-					class: A(H(W).e("button")),
-					"aria-label": H(J)("el.carousel.indicator", { index: n + 1 })
-				}, [H(l) ? (P(), S("span", pe, ne(t.props.label), 1)) : x("v-if", !0)], 10, fe)], 42, de)), [[U, H(te)(n)]])), 128))], 2))]),
-				_: 1
-			}),
-			e.motionBlur ? (P(), S("svg", me, [...n[8] || (n[8] = [C("defs", null, [C("filter", { id: "elCarouselHorizontal" }, [C("feGaussianBlur", {
-				in: "SourceGraphic",
-				stdDeviation: "12,0"
-			})]), C("filter", { id: "elCarouselVertical" }, [C("feGaussianBlur", {
-				in: "SourceGraphic",
-				stdDeviation: "0,10"
-			})])], -1)])])) : x("v-if", !0)
-		], 34));
-	}
-}), _e = (e) => {
-	let t = O(oe), n = E();
-	t || c(Q, "usage: <el-carousel></el-carousel-item></el-carousel>"), n || c(Q, "compositional hook can only be invoked inside setups");
-	let r = I(), i = I(!1), a = I(0), o = I(1), l = I(!1), u = I(!1), d = I(!1), f = I(!1), { isCardType: p, isVertical: m, cardScale: h } = t;
-	function g(e, t, n) {
-		let r = n - 1, i = t - 1, a = t + 1, o = n / 2;
-		return t === 0 && e === r ? -1 : t === r && e === 0 ? n : e < i && t - e >= o ? n + 1 : e > a && e - t >= o ? -2 : e;
-	}
-	function _(e, n) {
-		var r, i;
-		let a = H(m) ? ((r = t.root.value) == null ? void 0 : r.offsetHeight) || 0 : ((i = t.root.value) == null ? void 0 : i.offsetWidth) || 0;
-		return d.value ? a * ((2 - h) * (e - n) + 1) / 4 : e < n ? -(1 + h) * a / 4 : (3 + h) * a / 4;
-	}
-	function v(e, n, r) {
-		let i = t.root.value;
-		return i ? ((r ? i.offsetHeight : i.offsetWidth) || 0) * (e - n) : 0;
-	}
-	let y = (e, n, i) => {
-		let c = H(p), y = t.items.value.length ?? NaN, b = e === n;
-		!c && !s(i) && (f.value = b || e === i), !b && y > 2 && t.loop && (e = g(e, n, y));
-		let x = H(m);
-		l.value = b, c ? (d.value = Math.round(Math.abs(e - n)) <= 1, a.value = _(e, n), o.value = H(l) ? 1 : h) : a.value = v(e, n, x), u.value = !0, b && r.value && t.setContainerHeight(r.value.offsetHeight);
-	};
-	function b() {
-		if (t && H(p)) {
-			let e = t.items.value.findIndex(({ uid: e }) => e === n.uid);
-			t.setActiveItem(e);
-		}
-	}
-	let x = {
-		props: e,
-		states: F({
-			hover: i,
-			translate: a,
-			scale: o,
-			active: l,
-			ready: u,
-			inStage: d,
-			animating: f
-		}),
-		uid: n.uid,
-		getVnode: () => n.vnode,
-		translateItem: y
-	};
-	return t.addItem(x), M(() => {
-		t.removeItem(x);
-	}), {
-		carouselItemRef: r,
-		active: l,
-		animating: f,
-		hover: i,
-		inStage: d,
-		isVertical: m,
-		translate: a,
-		isCardType: p,
-		scale: o,
-		ready: u,
-		handleItemClick: b
-	};
-}, ve = /* @__PURE__ */ T({
-	name: Q,
-	__name: "carousel-item",
-	props: $,
-	setup(e) {
-		let t = e, n = i("carousel"), { carouselItemRef: r, active: a, animating: o, hover: s, inStage: c, isVertical: l, translate: u, isCardType: d, scale: f, ready: p, handleItemClick: m } = _e(t), h = y(() => [
-			n.e("item"),
-			n.is("active", a.value),
-			n.is("in-stage", c.value),
-			n.is("hover", s.value),
-			n.is("animating", o.value),
-			{
-				[n.em("item", "card")]: d.value,
-				[n.em("item", "card-vertical")]: d.value && l.value
-			}
-		]), g = y(() => ({ transform: [`${`translate${H(l) ? "Y" : "X"}`}(${H(u)}px)`, `scale(${H(f)})`].join(" ") }));
-		return (e, t) => K((P(), S("div", {
-			ref_key: "carouselItemRef",
-			ref: r,
-			class: A(h.value),
-			style: j(g.value),
-			onClick: t[0] || (t[0] = (...e) => H(m) && H(m)(...e))
-		}, [H(d) ? K((P(), S("div", {
-			key: 0,
-			class: A(H(n).e("mask"))
-		}, null, 2)), [[U, !H(a)]]) : x("v-if", !0), R(e.$slots, "default")], 6)), [[U, H(p)]]);
-	}
-}), ye = {
-	name: "ImagePreview",
-	components: {
-		ElCarousel: o(ge, { CarouselItem: ve }),
-		ElCarouselItem: a(ve)
-	},
-	props: {
-		visible: Boolean,
-		beforeClose: Function,
-		closeOnClickModal: Boolean,
-		click: Function,
-		modal: Boolean,
-		datas: {
-			type: Array,
-			default: () => []
-		},
-		beginIndex: Number
-	},
-	emits: ["close"],
-	data() {
-		return {
-			left: 0,
-			top: 0,
-			scale: 1,
-			rotate: 0,
-			index: this.beginIndex
-		};
-	},
-	computed: {
-		styleBoxName() {
-			return {
-				marginLeft: J(this.left),
-				marginTop: J(this.top)
-			};
-		},
-		styleName() {
-			return {
-				transform: `scale(${this.scale}) rotate(${this.rotate}deg)`,
-				maxWidth: "100%",
-				maxHeight: "100%"
-			};
-		},
-		isRrrow() {
-			return this.datas.length > 1;
-		}
-	},
-	methods: {
-		getName(e) {
-			return e.substring(e.lastIndexOf("/") + 1);
-		},
-		handlePrint() {
-			this.$Print(`#avue-image-preview__${this.index}`);
-		},
-		handlePrev() {
-			this.$refs.carousel.prev(), this.index = this.$refs.carousel.activeIndex, this.stopItem();
-		},
-		handleNext() {
-			this.$refs.carousel.next(), this.index = this.$refs.carousel.activeIndex, this.stopItem();
-		},
-		stopItem() {
-			this.left = 0, this.top = 0, this.$refs.item.forEach((e) => {
-				var t;
-				(t = e.pause) == null || t.call(e);
-			});
-		},
-		isMediaType(e) {
-			return t(e.url, e.type);
-		},
-		subScale() {
-			this.scale !== .2 && (this.scale = parseFloat((this.scale - .2).toFixed(2)));
-		},
-		addScale() {
-			this.scale = parseFloat((this.scale + .2).toFixed(2));
-		},
-		handleChange() {
-			this.scale = 1, this.rotate = 0;
-		},
-		move(e) {
-			let t = e.clientX, n = e.clientY;
-			document.onmousemove = (e) => {
-				let r = e.clientX - t, i = e.clientY - n;
-				t = e.clientX, n = e.clientY, this.left += r * 2, this.top += i * 2;
-			}, document.onmouseup = () => {
-				document.onmousemove = null, document.onmouseup = null;
-			};
-		},
-		handleClick(e, t, n = !1) {
-			typeof this.click == "function" ? this.click(e, t) : n && window.open(e.url);
-		},
-		close() {
-			typeof this.beforeClose == "function" && this.beforeClose(this.datas, this.index), this.$emit("close", this.datas, this.index);
-		}
-	}
-}, be = {
-	key: 0,
-	class: "avue-image-preview"
-}, xe = {
-	ref: "box",
-	class: "avue-image-preview__box"
-}, Se = ["id", "onClick"], Ce = { class: "el-image-viewer__btn el-image-viewer__actions" }, we = { class: "el-image-viewer__actions__inner" };
-function Te(e, t, n, r, i, a) {
-	let o = z("ElCarouselItem"), s = z("ElCarousel");
-	return n.visible ? (P(), S("div", be, [
-		n.modal ? (P(), S("div", {
-			key: 0,
-			class: "avue-image-preview__mask",
-			onClick: t[0] || (t[0] = (...e) => a.close && a.close(...e))
-		})) : x("v-if", !0),
-		C("span", {
-			class: "el-image-viewer__btn el-image-viewer__close",
-			onClick: t[1] || (t[1] = (...e) => a.close && a.close(...e))
-		}, [...t[10] || (t[10] = [C("i", { class: "el-icon-circle-close" }, null, -1)])]),
-		a.isRrrow ? (P(), S("span", {
-			key: 1,
-			class: "el-image-viewer__btn el-image-viewer__prev",
-			onClick: t[2] || (t[2] = (e) => a.handlePrev())
-		}, [...t[11] || (t[11] = [C("i", { class: "el-icon-arrow-left" }, null, -1)])])) : x("v-if", !0),
-		a.isRrrow ? (P(), S("span", {
-			key: 2,
-			class: "el-image-viewer__btn el-image-viewer__next",
-			onClick: t[3] || (t[3] = (e) => a.handleNext())
-		}, [...t[12] || (t[12] = [C("i", { class: "el-icon-arrow-right" }, null, -1)])])) : x("v-if", !0),
-		C("div", xe, [w(s, {
-			ref: "carousel",
-			"show-indicators": !1,
-			"initial-index": i.index,
-			"initial-swipe": i.index,
-			interval: 0,
-			arrow: "never",
-			"indicator-position": "none",
-			onChange: a.handleChange
-		}, {
-			default: G(() => [(P(!0), S(_, null, L(n.datas, (e, r) => (P(), b(o, {
-				key: r,
-				onClick: t[4] || (t[4] = q((e) => n.closeOnClickModal ? a.close() : "", ["self"]))
-			}, {
-				default: G(() => [a.isMediaType(e) ? (P(), b(te(a.isMediaType(e)), {
-					key: 0,
-					id: `avue-image-preview__${r}`,
-					ref_for: !0,
-					ref: "item",
-					src: e.url,
-					style: j([a.styleName, a.styleBoxName]),
-					controls: "controls",
-					ondragstart: "return false",
-					onClick: (t) => a.handleClick(e, r),
-					onMousedown: a.move
-				}, null, 40, [
-					"id",
-					"src",
-					"style",
-					"onClick",
-					"onMousedown"
-				])) : (P(), S("div", {
-					key: 1,
-					id: `avue-image-preview__${r}`,
-					class: "avue-image-preview__file",
-					onClick: (t) => a.handleClick(e, r, !0)
-				}, [C("span", null, [t[13] || (t[13] = C("i", { class: "el-icon-document" }, null, -1)), C("p", null, ne(e.name || a.getName(e.url)), 1)])], 8, Se))]),
-				_: 2
-			}, 1024))), 128))]),
-			_: 1
-		}, 8, [
-			"initial-index",
-			"initial-swipe",
-			"onChange"
-		])], 512),
-		C("div", Ce, [C("div", we, [
-			C("i", {
-				class: "el-icon-zoom-out",
-				onClick: t[5] || (t[5] = (...e) => a.subScale && a.subScale(...e))
-			}),
-			C("i", {
-				class: "el-icon-zoom-in",
-				onClick: t[6] || (t[6] = (...e) => a.addScale && a.addScale(...e))
-			}),
-			t[14] || (t[14] = C("i", { class: "el-image-viewer__actions__divider" }, null, -1)),
-			C("i", {
-				class: "el-icon-printer",
-				onClick: t[7] || (t[7] = (...e) => a.handlePrint && a.handlePrint(...e))
-			}),
-			t[15] || (t[15] = C("i", { class: "el-image-viewer__actions__divider" }, null, -1)),
-			C("i", {
-				class: "el-icon-refresh-left",
-				onClick: t[8] || (t[8] = (e) => i.rotate -= 90)
-			}),
-			C("i", {
-				class: "el-icon-refresh-right",
-				onClick: t[9] || (t[9] = (e) => i.rotate += 90)
-			})
-		])])
-	])) : x("v-if", !0);
-}
-var Ee = /* @__PURE__ */ e(ye, [["render", Te]]);
-//#endregion
-export { Ee as t };