@web-utils/component 4.0.16 → 5.0.0-beta02

package/chunks/ImagePreview.ByEWJYdu.mjs

@@ -0,0 +1,639 @@
+import { _ as e, o as t, r as n, t as r } from "./install.yLcn5MLL.mjs";
+import { t as i } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
+import { g as a } from "./util.g-WQEec9.mjs";
+import { t as o } from "./event.B4iwtUNO.mjs";
+import { B as s, O as c, R as l, b as u, j as d } from "./style.BmlGmjpO.mjs";
+import { n as f } from "./use-locale.Be9HCpTQ.mjs";
+import { n as p } from "./vnode.C3PXzhmg.mjs";
+import { i as m, r as h, t as g } from "./icon.ym7735_x.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_b7ae825491da06c0282fd613061a7e37/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 = (t, n, r) => {
+	let { children: i, addChild: a, 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(() => t.arrow !== "never" && !H(C)), x = y(() => i.value.some((e) => e.props.label.toString().length > 0)), S = y(() => t.type === "card"), C = y(() => t.direction === "vertical"), w = y(() => t.height === "auto" ? {
+		height: `${_.value}px`,
+		overflow: "hidden"
+	} : { height: t.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() {
+		t.interval <= 0 || !t.autoplay || m.value || (m.value = setInterval(() => P(), t.interval));
+	}
+	let P = () => {
+		f.value < i.value.length - 1 ? f.value += 1 : t.loop && (f.value = 0);
+	};
+	function F(n) {
+		if (e(n)) {
+			let e = i.value.filter((e) => e.props.name === n);
+			e.length > 0 && (n = i.value.indexOf(e[0]));
+		}
+		if (n = Number(n), Number.isNaN(n) || n !== Math.floor(n)) {
+			c(r, "index must be integer.");
+			return;
+		}
+		let a = i.value.length, o = f.value;
+		n < 0 ? f.value = t.loop ? a - 1 : 0 : n >= a ? f.value = t.loop ? 0 : a - 1 : f.value = n, o === f.value && L(o), J();
+	}
+	function L(e) {
+		i.value.forEach((t, n) => {
+			t.translateItem(n, f.value, e);
+		});
+	}
+	function R(e, t) {
+		var n, r;
+		let a = H(i), o = a.length;
+		if (o === 0 || !e.states.inStage) return !1;
+		let s = t + 1, c = t - 1, l = o - 1, u = a[l].states.active, d = a[0].states.active, f = (n = a[s]) == null || (n = n.states) == null ? void 0 : n.active, p = (r = a[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, t.pauseOnHover && A();
+	}
+	function te() {
+		h.value = !1, j();
+	}
+	function ne(e) {
+		H(C) || i.value.forEach((t, n) => {
+			e === R(t, n) && (t.states.hover = !0);
+		});
+	}
+	function V() {
+		H(C) || i.value.forEach((e) => {
+			e.states.hover = !1;
+		});
+	}
+	function U(e) {
+		f.value = e;
+	}
+	function G(e) {
+		t.trigger === "hover" && e !== f.value && (f.value = e);
+	}
+	function K() {
+		F(f.value - 1);
+	}
+	function q() {
+		F(f.value + 1);
+	}
+	function J() {
+		A(), (!t.pauseOnHover || !h.value) && j();
+	}
+	function X(e) {
+		t.height === "auto" && (_.value = e);
+	}
+	function Z() {
+		var e;
+		let n = (e = d.default) == null ? void 0 : e.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 && t.loop && !S.value ? (v.value = !0, r) : (v.value = !1, null);
+	}
+	W(() => f.value, (e, t) => {
+		L(t), v.value && (e %= 2, t %= 2), t > -1 && n(o, e, t);
+	});
+	let ae = y({
+		get: () => v.value ? f.value % 2 : f.value,
+		set: (e) => f.value = e
+	});
+	W(() => t.autoplay, (e) => {
+		e ? j() : A();
+	}), W(() => t.loop, () => {
+		F(f.value);
+	}), W(() => t.interval, () => {
+		J();
+	});
+	let $ = B();
+	return N(() => {
+		W(() => i.value, () => {
+			i.value.length > 0 && F(t.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: i,
+		loop: t.loop,
+		cardScale: t.cardScale,
+		addItem: a,
+		removeItem: s,
+		setActiveItem: F,
+		setContainerHeight: X
+	}), {
+		root: g,
+		activeIndex: f,
+		exposeActiveIndex: ae,
+		arrowDisplay: b,
+		hasLabel: x,
+		hover: h,
+		isCardType: S,
+		items: i,
+		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: n, emit: r }) {
+		let i = 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(i, r, he), W = t("carousel"), { t: J } = f(), Y = y(() => {
+			let e = [W.b(), W.m(i.direction)];
+			return H(d) && e.push(W.m("card")), e.push(W.is("vertical-outside", H(T) && i.indicatorPosition === "outside")), e;
+		}), X = y(() => {
+			let e = [W.e("indicators"), W.em("indicators", i.direction)];
+			return H(l) && e.push(W.em("indicators", "labels")), i.indicatorPosition === "outside" && e.push(W.em("indicators", "outside")), H(T) && e.push(W.em("indicators", "right")), e;
+		});
+		function ie(e) {
+			if (!i.motionBlur) return;
+			let t = H(T) ? `${W.namespace.value}-transitioning-vertical` : `${W.namespace.value}-transitioning`;
+			e.currentTarget.classList.add(t);
+		}
+		function Z(e) {
+			if (!i.motionBlur) return;
+			let t = H(T) ? `${W.namespace.value}-transitioning-vertical` : `${W.namespace.value}-transitioning`;
+			e.currentTarget.classList.remove(t);
+		}
+		return n({
+			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 n = e, r = t("carousel"), { carouselItemRef: i, active: a, animating: o, hover: s, inStage: c, isVertical: l, translate: u, isCardType: d, scale: f, ready: p, handleItemClick: m } = _e(n), h = y(() => [
+			r.e("item"),
+			r.is("active", a.value),
+			r.is("in-stage", c.value),
+			r.is("hover", s.value),
+			r.is("animating", o.value),
+			{
+				[r.em("item", "card")]: d.value,
+				[r.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: i,
+			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(r).e("mask"))
+		}, null, 2)), [[U, !H(a)]]) : x("v-if", !0), R(e.$slots, "default")], 6)), [[U, H(p)]]);
+	}
+}), ye = {
+	name: "ImagePreview",
+	components: {
+		ElCarousel: r(ge, { CarouselItem: ve }),
+		ElCarouselItem: n(ve)
+	},
+	props: { visible: Boolean },
+	data() {
+		return {
+			left: 0,
+			top: 0,
+			scale: 1,
+			datas: [],
+			rotate: 0,
+			isShow: this.visible,
+			index: 0,
+			ops: {}
+		};
+	},
+	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 a(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.ops.click == "function" ? this.ops.click(e, t) : n && window.open(e.url);
+		},
+		close() {
+			this.isShow = !1, typeof this.ops.beforeClose == "function" && this.ops.beforeClose(this.datas, this.index), this.$destroy(), this.$el.remove();
+		}
+	}
+}, 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 i.isShow ? (P(), S("div", be, [
+		i.ops.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(i.datas, (e, n) => (P(), b(o, {
+				key: n,
+				onClick: t[4] || (t[4] = q((e) => i.ops.closeOnClickModal ? a.close() : "", ["self"]))
+			}, {
+				default: G(() => [a.isMediaType(e) ? (P(), b(te(a.isMediaType(e)), {
+					key: 0,
+					id: `avue-image-preview__${n}`,
+					ref_for: !0,
+					ref: "item",
+					src: e.url,
+					style: j([a.styleName, a.styleBoxName]),
+					controls: "controls",
+					ondragstart: "return false",
+					onClick: (t) => a.handleClick(e, n),
+					onMousedown: a.move
+				}, null, 40, [
+					"id",
+					"src",
+					"style",
+					"onClick",
+					"onMousedown"
+				])) : (P(), S("div", {
+					key: 1,
+					id: `avue-image-preview__${n}`,
+					class: "avue-image-preview__file",
+					onClick: (t) => a.handleClick(e, n, !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__ */ i(ye, [["render", Te]]);
+//#endregion
+export { Ee as t };