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

package/helper-function.mjs

@@ -1,24 +1,27 @@
 import { configComponents as e } from "./configComponents.mjs";
-import t from "./image-preview/index.mjs";
+import { t } from "./chunks/ImagePreview.DDFrZgo5.mjs";
 import n from "./image-cropper/index.mjs";
-import { t as r } from "./chunks/photo-swipe.BB0SJZg9.mjs";
-import i from "vue";
+import { t as r } from "./chunks/photo-swipe.BvBJGc5x.mjs";
+import { createApp as i, h as a, ref as o } from "vue";
 //#region src/components/helper-function.ts
-var a = (e = [], n = 0, r = {}) => {
-	let a = new (i.extend(t))({ data: {
-		datas: e,
-		index: n,
-		ops: {
-			closeOnClickModal: !1,
-			beforeClose: null,
-			click: null,
+var s = (e = [], n = 0, r = {}) => {
+	let o = i({ setup() {
+		return () => a(t, {
 			modal: !0,
-			...r
-		}
-	} }).$mount();
-	return document.body.appendChild(a.$el), a.isShow = !0, a;
-}, o = (e = {}) => {
-	let t = new (i.extend(n))({ data: { option: {
+			...r,
+			datas: e,
+			beginIndex: n,
+			visible: !0,
+			onClose() {
+				o.unmount();
+			}
+		});
+	} }), s = document.createElement("div");
+	return document.body.appendChild(s), o.mount(s), o.onUnmount(() => {
+		document.body.removeChild(s);
+	}), o.unmount;
+}, c = (e = {}) => {
+	let t = {
 		outputSize: 1,
 		outputType: "jpeg",
 		info: !0,
@@ -35,8 +38,21 @@ var a = (e = [], n = 0, r = {}) => {
 		infoTrue: !1,
 		enlarge: 1,
 		...e
-	} } }).$mount();
-	return document.body.appendChild(t.$el), t.show(), t;
+	}, r = document.createElement("div");
+	document.body.appendChild(r);
+	let s = i({ setup() {
+		let e = o(!0);
+		return () => a(n, {
+			option: t,
+			modelValue: e,
+			"onUpdate:modelValue"(t) {
+				e.value = t, s.unmount();
+			}
+		});
+	} });
+	return s.mount(r), s.onUnmount(() => {
+		document.body.removeChild(r);
+	}), s.unmount;
 };
 //#endregion
-export { e as configComponents, o as imageCropper, a as imagePreview, r as photoswipe };
+export { e as configComponents, c as imageCropper, s as imagePreview, r as photoswipe };

package/iframe-window/index.mjs

@@ -1,9 +1,9 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { createBlock as t, createElementVNode as n, mergeProps as r, openBlock as i, resolveComponent as a, toHandlers as o, withCtx as s } from "vue";
+import { t as e } from "../chunks/ElementDialog.DWhAJsUn.mjs";
+import { createBlock as t, createElementVNode as n, mergeModels as r, mergeProps as i, openBlock as a, useModel as o, withCtx as s } from "vue";
 //#region src/components/IframeWindow.vue
-var c = {
-	name: "IframeWindow",
-	props: {
+var c = ["src"], l = /* @__PURE__ */ Object.assign({ name: "IframeWindow" }, {
+	__name: "IframeWindow",
+	props: /* @__PURE__ */ r({
 		title: {
 			type: String,
 			default: "iframe窗口"
@@ -11,29 +11,30 @@ var c = {
 		url: {
 			type: String,
 			default: "http://192.168.0.107:31221/wallboard"
-		},
-		visible: Boolean
+		}
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(r) {
+		let l = o(r, "modelValue");
+		return (o, u) => (a(), t(e, i(o.$attrs, {
+			modelValue: l.value,
+			"onUpdate:modelValue": u[0] || (u[0] = (e) => l.value = e),
+			"custom-class": "iframe-window",
+			height: "60vh",
+			title: r.title,
+			"show-full-screen": ""
+		}), {
+			default: s(() => [n("iframe", {
+				src: r.url,
+				frameborder: "0",
+				class: "iframe-window-iframe"
+			}, null, 8, c)]),
+			_: 1
+		}, 16, ["modelValue", "title"]));
 	}
-}, l = ["src"];
-function u(e, c, u, d, f, p) {
-	let m = a("ElementDialog");
-	return i(), t(m, r({
-		"custom-class": "iframe-window",
-		embed: "",
-		height: "60vh"
-	}, e.$attrs, {
-		title: u.title,
-		"show-full-screen": "",
-		visible: u.visible
-	}, o(e.$listeners)), {
-		default: s(() => [n("iframe", {
-			src: u.url,
-			frameborder: "0",
-			class: "iframe-window-iframe"
-		}, null, 8, l)]),
-		_: 1
-	}, 16, ["title", "visible"]);
-}
-var d = /* @__PURE__ */ e(c, [["render", u]]);
+});
 //#endregion
-export { d as default };
+export { l as default };

package/image-cropper/index.mjs

@@ -1,171 +1,152 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { i as t } from "../chunks/util.g-WQEec9.mjs";
-import { createBlock as n, createCommentVNode as r, createElementVNode as i, createTextVNode as a, createVNode as o, normalizeStyle as s, openBlock as c, resolveComponent as l, withCtx as u } from "vue";
-import { VueCropper as d } from "vue-cropper";
+import "../chunks/chunk.A6TnG60p.mjs";
+import { i as e } from "../chunks/util.g-WQEec9.mjs";
+import { t } from "../chunks/button.gVyl7Y__.mjs";
+import { t as n } from "../chunks/ElementDialog.DWhAJsUn.mjs";
+import { createBlock as r, createCommentVNode as i, createElementVNode as a, createTextVNode as o, createVNode as s, mergeModels as c, normalizeStyle as l, openBlock as u, ref as d, unref as f, useModel as p, useTemplateRef as m, withCtx as h } from "vue";
+import { VueCropper as g } from "vue-cropper";
 //#region src/components/image-cropper/ImageCropper.vue
-var f = {
-	name: "ImageCropper",
-	components: { VueCropper: d },
-	data() {
-		return {
-			visible: !1,
-			previews: {},
-			option: {}
-		};
-	},
-	methods: {
-		show() {
-			this.visible = !0;
-		},
-		changeScale(e) {
-			e = e || 1, this.$refs.cropper.changeScale(e);
-		},
-		rotateLeft() {
-			this.$refs.cropper.rotateLeft();
-		},
-		rotateRight() {
-			this.$refs.cropper.rotateRight();
-		},
-		realTime(e) {
-			this.previews = e;
+var _ = { class: "cropper-content" }, v = { class: "cropper-box" }, y = { class: "cropper" }, b = { class: "footer-btn" }, x = { class: "show-preview" }, S = ["src"], C = /* @__PURE__ */ Object.assign({ name: "ImageCropper" }, {
+	__name: "ImageCropper",
+	props: /* @__PURE__ */ c({
+		appendToBody: Boolean,
+		option: Object
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
 		},
-		submit() {
-			this.visible = !1, this.$refs.cropper.getCropData((e) => {
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(c) {
+		let C = p(c, "modelValue"), w = c, T = m("cropper"), E = m("dialog"), D = d({}), O = (e) => {
+			e = e || 1, T.value.changeScale(e);
+		}, k = () => {
+			T.value.rotateLeft();
+		}, A = () => {
+			T.value.rotateRight();
+		}, j = (e) => {
+			D.value = e;
+		}, M = () => {
+			E.value.close(), T.value.getCropData((t) => {
 				var n, r;
-				let i = e;
-				this.option.type === "file" && (i = t(e, `${(/* @__PURE__ */ new Date()).getTime()}.${this.option.outputType}`)), (n = (r = this.option).callback) == null || n.call(r, i);
+				let i = t;
+				w.option.type === "file" && (i = e(t, `${(/* @__PURE__ */ new Date()).getTime()}.${w.option.outputType}`)), (n = (r = w.option).callback) == null || n.call(r, i);
 			});
-		},
-		cancel(e) {
+		}, N = (e) => {
 			var t, n;
-			e == null || e(), this.visible = !1, (t = (n = this.option).cancel) == null || t.call(n), typeof this.option.beforeClose == "function" && this.option.beforeClose(), this.$destroy(), this.$el.remove();
-		}
-	}
-}, p = { class: "cropper-content" }, m = { class: "cropper-box" }, h = { class: "cropper" }, g = { class: "footer-btn" }, _ = { class: "show-preview" }, v = ["src"];
-function y(e, t, d, f, y, b) {
-	let x = l("VueCropper"), S = l("ElButton"), C = l("ElementDialog");
-	return c(), n(C, {
-		visible: y.visible,
-		"onUpdate:visible": t[3] || (t[3] = (e) => y.visible = e),
-		class: "avue-cropper",
-		"before-close": b.cancel,
-		title: "图片剪裁",
-		"close-on-press-escape": !1,
-		"close-on-click-modal": !1,
-		"modal-append-to-body": e.$AVUE.modalAppendToBody,
-		"append-to-body": e.$AVUE.appendToBody,
-		width: "1000px"
-	}, {
-		footer: u(() => [o(S, {
-			size: "small",
-			type: "primary",
-			onClick: b.submit
-		}, {
-			default: u(() => [...t[4] || (t[4] = [a(" 确 定 ", -1)])]),
-			_: 1
-		}, 8, ["onClick"]), o(S, {
-			size: "small",
-			onClick: t[2] || (t[2] = (e) => b.cancel())
+			e == null || e(), (t = (n = w.option).cancel) == null || t.call(n), typeof w.option.beforeClose == "function" && w.option.beforeClose();
+		};
+		return (e, d) => (u(), r(n, {
+			ref_key: "dialog",
+			ref: E,
+			modelValue: C.value,
+			"onUpdate:modelValue": d[3] || (d[3] = (e) => C.value = e),
+			class: "avue-cropper",
+			"before-close": N,
+			title: "图片剪裁",
+			"close-on-press-escape": !1,
+			"close-on-click-modal": !1,
+			"append-to-body": c.appendToBody,
+			width: "1000px"
 		}, {
-			default: u(() => [...t[5] || (t[5] = [a(" 取 消 ", -1)])]),
+			footer: h(() => [s(f(t), {
+				type: "primary",
+				onClick: M
+			}, {
+				default: h(() => [...d[4] || (d[4] = [o(" 确 定 ", -1)])]),
+				_: 1
+			}), s(f(t), { onClick: d[2] || (d[2] = (e) => N()) }, {
+				default: h(() => [...d[5] || (d[5] = [o(" 取 消 ", -1)])]),
+				_: 1
+			})]),
+			default: h(() => [a("div", _, [
+				a("div", v, [
+					a("div", y, [s(f(g), {
+						ref_key: "cropper",
+						ref: T,
+						img: c.option.img,
+						"output-size": c.option.outputSize,
+						"output-type": c.option.outputType,
+						info: c.option.info,
+						"can-scale": c.option.canScale,
+						"auto-crop": c.option.autoCrop,
+						"auto-crop-width": c.option.autoCropWidth,
+						"auto-crop-height": c.option.autoCropHeight,
+						fixed: c.option.fixed,
+						"fixed-number": c.option.fixedNumber,
+						full: c.option.full,
+						"fixed-box": c.option.fixedBox,
+						"can-move": c.option.canMove,
+						"can-move-box": c.option.canMoveBox,
+						original: c.option.original,
+						"center-box": c.option.centerBox,
+						height: c.option.height,
+						"info-true": c.option.infoTrue,
+						"max-img-size": c.option.maxImgSize,
+						enlarge: c.option.enlarge,
+						mode: c.option.mode,
+						onRealTime: j
+					}, null, 8, [
+						"img",
+						"output-size",
+						"output-type",
+						"info",
+						"can-scale",
+						"auto-crop",
+						"auto-crop-width",
+						"auto-crop-height",
+						"fixed",
+						"fixed-number",
+						"full",
+						"fixed-box",
+						"can-move",
+						"can-move-box",
+						"original",
+						"center-box",
+						"height",
+						"info-true",
+						"max-img-size",
+						"enlarge",
+						"mode"
+					])]),
+					i("底部操作工具按钮"),
+					a("div", b, [
+						s(f(t), {
+							type: "primary",
+							icon: "el-icon-zoom-in",
+							onClick: d[0] || (d[0] = (e) => O(1))
+						}),
+						s(f(t), {
+							type: "primary",
+							icon: "el-icon-zoom-out",
+							onClick: d[1] || (d[1] = (e) => O(-1))
+						}),
+						s(f(t), {
+							type: "primary",
+							icon: "el-icon-refresh-left",
+							onClick: k
+						}),
+						s(f(t), {
+							type: "primary",
+							icon: "el-icon-refresh-right",
+							onClick: A
+						})
+					])
+				]),
+				i("预览效果图"),
+				a("div", x, [a("div", {
+					style: l(D.value.div),
+					class: "preview"
+				}, [a("img", {
+					src: D.value.url,
+					style: l(D.value.img),
+					alt: ""
+				}, null, 12, S)], 4)])
+			])]),
 			_: 1
-		})]),
-		default: u(() => [i("div", p, [
-			i("div", m, [
-				i("div", h, [o(x, {
-					ref: "cropper",
-					img: y.option.img,
-					"output-size": y.option.outputSize,
-					"output-type": y.option.outputType,
-					info: y.option.info,
-					"can-scale": y.option.canScale,
-					"auto-crop": y.option.autoCrop,
-					"auto-crop-width": y.option.autoCropWidth,
-					"auto-crop-height": y.option.autoCropHeight,
-					fixed: y.option.fixed,
-					"fixed-number": y.option.fixedNumber,
-					full: y.option.full,
-					"fixed-box": y.option.fixedBox,
-					"can-move": y.option.canMove,
-					"can-move-box": y.option.canMoveBox,
-					original: y.option.original,
-					"center-box": y.option.centerBox,
-					height: y.option.height,
-					"info-true": y.option.infoTrue,
-					"max-img-size": y.option.maxImgSize,
-					enlarge: y.option.enlarge,
-					mode: y.option.mode,
-					onRealTime: b.realTime
-				}, null, 8, [
-					"img",
-					"output-size",
-					"output-type",
-					"info",
-					"can-scale",
-					"auto-crop",
-					"auto-crop-width",
-					"auto-crop-height",
-					"fixed",
-					"fixed-number",
-					"full",
-					"fixed-box",
-					"can-move",
-					"can-move-box",
-					"original",
-					"center-box",
-					"height",
-					"info-true",
-					"max-img-size",
-					"enlarge",
-					"mode",
-					"onRealTime"
-				])]),
-				r("底部操作工具按钮"),
-				i("div", g, [
-					o(S, {
-						size: "mini",
-						type: "primary",
-						icon: "el-icon-zoom-in",
-						onClick: t[0] || (t[0] = (e) => b.changeScale(1))
-					}),
-					o(S, {
-						size: "mini",
-						type: "primary",
-						icon: "el-icon-zoom-out",
-						onClick: t[1] || (t[1] = (e) => b.changeScale(-1))
-					}),
-					o(S, {
-						size: "mini",
-						type: "primary",
-						icon: "el-icon-refresh-left",
-						onClick: b.rotateLeft
-					}, null, 8, ["onClick"]),
-					o(S, {
-						size: "mini",
-						type: "primary",
-						icon: "el-icon-refresh-right",
-						onClick: b.rotateRight
-					}, null, 8, ["onClick"])
-				])
-			]),
-			r("预览效果图"),
-			i("div", _, [i("div", {
-				style: s(y.previews.div),
-				class: "preview"
-			}, [i("img", {
-				src: y.previews.url,
-				style: s(y.previews.img),
-				alt: ""
-			}, null, 12, v)], 4)])
-		])]),
-		_: 1
-	}, 8, [
-		"visible",
-		"before-close",
-		"modal-append-to-body",
-		"append-to-body"
-	]);
-}
-var b = /* @__PURE__ */ e(f, [["render", y]]);
+		}, 8, ["modelValue", "append-to-body"]));
+	}
+});
 //#endregion
-export { b as default };
+export { C as default };

package/image-cropper/style.css

@@ -1 +1 @@
-.avue-cropper .cropper-content{justify-content:flex-end;display:flex}.avue-cropper .cropper-content .cropper-box{flex:1;width:100%}.avue-cropper .cropper-content .cropper-box .cropper{width:auto;height:300px}.avue-cropper .cropper-content .show-preview{flex:1;justify-content:center;display:flex}.avue-cropper .cropper-content .show-preview .preview{background:#ccc;border:1px solid #67c23a;overflow:hidden}.avue-cropper .cropper-content .footer-btn{justify-content:center;margin-top:30px;padding-right:10px;display:flex}
+.vue-cropper[data-v-a742df44]{box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:none;text-align:left;direction:ltr;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);width:100%;height:100%;position:relative}.cropper-box[data-v-a742df44],.cropper-box-canvas[data-v-a742df44],.cropper-drag-box[data-v-a742df44],.cropper-crop-box[data-v-a742df44],.cropper-face[data-v-a742df44]{-webkit-user-select:none;user-select:none;position:absolute;top:0;bottom:0;left:0;right:0}.cropper-box-canvas img[data-v-a742df44]{text-align:left;-webkit-user-select:none;user-select:none;max-width:none;max-height:none;position:relative;transform:none}.cropper-box[data-v-a742df44]{overflow:hidden}.cropper-move[data-v-a742df44]{cursor:move}.cropper-crop[data-v-a742df44]{cursor:crosshair}.cropper-modal[data-v-a742df44]{background:#00000080}.cropper-view-box[data-v-a742df44]{-webkit-user-select:none;user-select:none;outline:1px solid #3399ffbf;width:100%;height:100%;display:block;overflow:hidden}.cropper-view-box img[data-v-a742df44]{-webkit-user-select:none;user-select:none;text-align:left;max-width:none;max-height:none}.cropper-face[data-v-a742df44]{opacity:.1;background-color:#fff;top:0;left:0}.crop-info[data-v-a742df44]{text-align:center;color:#fff;background-color:#000c;min-width:65px;font-size:12px;line-height:20px;position:absolute;left:0}.crop-line[data-v-a742df44]{opacity:.1;width:100%;height:100%;display:block;position:absolute}.line-w[data-v-a742df44]{cursor:n-resize;height:5px;top:-3px;left:0}.line-a[data-v-a742df44]{cursor:w-resize;width:5px;top:0;left:-3px}.line-s[data-v-a742df44]{cursor:s-resize;height:5px;bottom:-3px;left:0}.line-d[data-v-a742df44]{cursor:e-resize;width:5px;top:0;right:-3px}.crop-point[data-v-a742df44]{opacity:.75;background-color:#39f;border-radius:100%;width:8px;height:8px;position:absolute}.point1[data-v-a742df44]{cursor:nw-resize;top:-4px;left:-4px}.point2[data-v-a742df44]{cursor:n-resize;margin-left:-3px;top:-5px;left:50%}.point3[data-v-a742df44]{cursor:ne-resize;top:-4px;right:-4px}.point4[data-v-a742df44]{cursor:w-resize;margin-top:-3px;top:50%;left:-4px}.point5[data-v-a742df44]{cursor:e-resize;margin-top:-3px;top:50%;right:-4px}.point6[data-v-a742df44]{cursor:sw-resize;bottom:-5px;left:-4px}.point7[data-v-a742df44]{cursor:s-resize;margin-left:-3px;bottom:-5px;left:50%}.point8[data-v-a742df44]{cursor:se-resize;bottom:-5px;right:-4px}@media screen and (max-width:500px){.crop-point[data-v-a742df44]{opacity:.45;background-color:#39f;border-radius:100%;width:20px;height:20px;position:absolute}.point1[data-v-a742df44]{top:-10px;left:-10px}.point2[data-v-a742df44],.point4[data-v-a742df44],.point5[data-v-a742df44],.point7[data-v-a742df44]{display:none}.point3[data-v-a742df44]{top:-10px;right:-10px}.point4[data-v-a742df44]{top:0;left:0}.point6[data-v-a742df44]{bottom:-10px;left:-10px}.point8[data-v-a742df44]{bottom:-10px;right:-10px}}.avue-cropper .cropper-content{justify-content:flex-end;display:flex}.avue-cropper .cropper-content .cropper-box{flex:1;width:100%}.avue-cropper .cropper-content .cropper-box .cropper{width:auto;height:300px}.avue-cropper .cropper-content .show-preview{flex:1;justify-content:center;display:flex}.avue-cropper .cropper-content .show-preview .preview{background:#ccc;border:1px solid #67c23a;overflow:hidden}.avue-cropper .cropper-content .footer-btn{justify-content:center;margin-top:30px;padding-right:10px;display:flex}

package/image-preview/index.mjs

@@ -1,187 +1,2 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { g as t } from "../chunks/util.g-WQEec9.mjs";
-import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, normalizeStyle as c, openBlock as l, renderList as u, resolveComponent as d, resolveDynamicComponent as f, toDisplayString as p, withCtx as m, withModifiers as h } from "vue";
-import { setPx as g } from "@web-utils/core";
-//#region src/components/image-preview/ImagePreview.vue
-var _ = {
-	name: "ImagePreview",
-	data() {
-		return {
-			left: 0,
-			top: 0,
-			scale: 1,
-			datas: [],
-			rotate: 0,
-			isShow: !1,
-			index: 0,
-			ops: {}
-		};
-	},
-	computed: {
-		styleBoxName() {
-			return {
-				marginLeft: g(this.left),
-				marginTop: g(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.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();
-		}
-	}
-}, v = {
-	key: 0,
-	class: "avue-image-preview"
-}, y = {
-	ref: "box",
-	class: "avue-image-preview__box"
-}, b = ["id", "onClick"], x = { class: "el-image-viewer__btn el-image-viewer__actions" }, S = { class: "el-image-viewer__actions__inner" };
-function C(e, t, g, _, C, w) {
-	let T = d("ElCarouselItem"), E = d("ElCarousel");
-	return C.isShow ? (l(), a("div", v, [
-		C.ops.modal ? (l(), a("div", {
-			key: 0,
-			class: "avue-image-preview__mask",
-			onClick: t[0] || (t[0] = (...e) => w.close && w.close(...e))
-		})) : i("v-if", !0),
-		o("span", {
-			class: "el-image-viewer__btn el-image-viewer__close",
-			onClick: t[1] || (t[1] = (...e) => w.close && w.close(...e))
-		}, [...t[10] || (t[10] = [o("i", { class: "el-icon-circle-close" }, null, -1)])]),
-		w.isRrrow ? (l(), a("span", {
-			key: 1,
-			class: "el-image-viewer__btn el-image-viewer__prev",
-			onClick: t[2] || (t[2] = (e) => w.handlePrev())
-		}, [...t[11] || (t[11] = [o("i", { class: "el-icon-arrow-left" }, null, -1)])])) : i("v-if", !0),
-		w.isRrrow ? (l(), a("span", {
-			key: 2,
-			class: "el-image-viewer__btn el-image-viewer__next",
-			onClick: t[3] || (t[3] = (e) => w.handleNext())
-		}, [...t[12] || (t[12] = [o("i", { class: "el-icon-arrow-right" }, null, -1)])])) : i("v-if", !0),
-		o("div", y, [s(E, {
-			ref: "carousel",
-			"show-indicators": !1,
-			"initial-index": C.index,
-			"initial-swipe": C.index,
-			interval: 0,
-			arrow: "never",
-			"indicator-position": "none",
-			onChange: w.handleChange
-		}, {
-			default: m(() => [(l(!0), a(n, null, u(C.datas, (e, n) => (l(), r(T, {
-				key: n,
-				onClick: t[4] || (t[4] = h((e) => C.ops.closeOnClickModal ? w.close() : "", ["self"]))
-			}, {
-				default: m(() => [w.isMediaType(e) ? (l(), r(f(w.isMediaType(e)), {
-					key: 0,
-					id: `avue-image-preview__${n}`,
-					ref_for: !0,
-					ref: "item",
-					src: e.url,
-					style: c([w.styleName, w.styleBoxName]),
-					controls: "controls",
-					ondragstart: "return false",
-					onClick: (t) => w.handleClick(e, n),
-					onMousedown: w.move
-				}, null, 40, [
-					"id",
-					"src",
-					"style",
-					"onClick",
-					"onMousedown"
-				])) : (l(), a("div", {
-					key: 1,
-					id: `avue-image-preview__${n}`,
-					class: "avue-image-preview__file",
-					onClick: (t) => w.handleClick(e, n, !0)
-				}, [o("span", null, [t[13] || (t[13] = o("i", { class: "el-icon-document" }, null, -1)), o("p", null, p(e.name || w.getName(e.url)), 1)])], 8, b))]),
-				_: 2
-			}, 1024))), 128))]),
-			_: 1
-		}, 8, [
-			"initial-index",
-			"initial-swipe",
-			"onChange"
-		])], 512),
-		o("div", x, [o("div", S, [
-			o("i", {
-				class: "el-icon-zoom-out",
-				onClick: t[5] || (t[5] = (...e) => w.subScale && w.subScale(...e))
-			}),
-			o("i", {
-				class: "el-icon-zoom-in",
-				onClick: t[6] || (t[6] = (...e) => w.addScale && w.addScale(...e))
-			}),
-			t[14] || (t[14] = o("i", { class: "el-image-viewer__actions__divider" }, null, -1)),
-			o("i", {
-				class: "el-icon-printer",
-				onClick: t[7] || (t[7] = (...e) => w.handlePrint && w.handlePrint(...e))
-			}),
-			t[15] || (t[15] = o("i", { class: "el-image-viewer__actions__divider" }, null, -1)),
-			o("i", {
-				class: "el-icon-refresh-left",
-				onClick: t[8] || (t[8] = (e) => C.rotate -= 90)
-			}),
-			o("i", {
-				class: "el-icon-refresh-right",
-				onClick: t[9] || (t[9] = (e) => C.rotate += 90)
-			})
-		])])
-	])) : i("v-if", !0);
-}
-var w = /* @__PURE__ */ e(_, [["render", C]]);
-//#endregion
-export { w as default };
+import { t as e } from "../chunks/ImagePreview.DDFrZgo5.mjs";
+export { e as default };

package/index.d.ts

@@ -119,7 +119,6 @@ import { default as JSXComponent } from '../../../../../src/components/jsx-compo
 import { default as Keyboard } from '../../../../../src/components/keyboard/Keyboard.vue';
 import { default as License } from '../../../../../src/components/license/License.vue';
 import { default as LoadingView } from '../../../../../src/components/LoadingView.vue';
-import { default as Login } from '../../../../../src/components/login/Login.vue';
 import { default as MonacoEditor } from '../../../../../src/components/monaco-editor/MonacoEditor.vue';
 import { default as NameAvatar } from '../../../../../src/components/NameAvatar.vue';
 import { default as NavBar } from '../../../../../src/components/NavBar.vue';
@@ -168,7 +167,7 @@ import { default as VueTreeSelect } from '../../../../../src/components/tree-sel
 import { default as VueVideoPlayer } from '../../../../../src/components/vue-video-player/VueVideoPlayer.vue';
 import { default as Watermark } from '../../../../../src/components/Watermark.vue';
 import { default as XInputTag } from '../../../../../src/components/XInputTag.vue';
-export { AddressInput, Affix, AsideMenu, Avatar, AwesomeButton, CapsuleTab, Card, Carousel, Chat, ChunkFileUploader, CodeMirrorEditor, Comment, Confirmable, ConfirmButton, ContextMenu, CountUp, CustomScrollbar, DataBox, DataCard, DataCardText, DataDisplay, DataIcons, DataImgtext, DataOperatext, DataPanel, DataPay, DataPrice, DataProgress, DataRotate, DataTablePicker, DataTabs, DialogForm, DynamicTable, EasyPopup, ECharts, EditableProgress, EditableTree, ElementDialog, Ellipsis, EmptyView, ErrorView, FlexColumn, FlexItem, FlexRow, FlexScroller, Flow, FlowDesigner, FlowNode, FlowViewer, FormBlock, FormButton, FormCard, FormCascader, FormCheckbox, FormCheckboxGroup, FormDatePicker, FormHolder, FormInput, FormInputCronExpression, FormInputEmail, FormInputIdCard, FormInputPhoneNumber, FormInputTag, FormInputTime, FormItem, FormItemConfigProvider, FormItemGroup, FormRadioGroup, FormSelect, FormSwitch, FormTable, FormTablePlus, FormTextarea, FormTreeSelect, FormTreeSelectMultiple, FormView, FyArray, FyArticle, FyCascader, FyCheckbox, FyCode, FyCurd, FyDate, FyDraggable, FyDynamic, FyEmpty, FyForm, FyFormDesign, FyInput, FyInputColor, FyInputIcon, FyInputMap, FyInputNumber, FyInputTable, FyInputTree, FyProgress, FyRadio, FyRate, FySelect, FySlider, FySwitch, FyTabs, FyTime, FyTitle, FyTree, FyUEditor, FyUpload, GuideSteps, HighlightJS, IconCard, IconTemp, IframeWindow, ImageCropper, ImagePreview, ImageViewer, InputNumberRange, JSXComponent, Keyboard, License, LoadingView, Login, MonacoEditor, NameAvatar, NavBar, Notice, NotImplement, Page, PageableTable, PageableView, PageHeader, PageIndex, PageIndexTop, PageSkeleton, PageSkeletonNew, PhotoSwipe, PickerTableView, PresentView, Queue, RecordVideo, ResizeObserver, Search, Sign, SignPanel, Skeleton, SkeletonPanel, SplitPane, Stateful, StaticPageableTable, SubTable, SubTablePlus, Swiper, Tab, TabItem, TableColumn, TableView, TabsView, TagRender, TextEllipsis, Toolbar, ToolbarButton, Verify, VueCron, VueQrCode, VueQuillEditor, VueTagsInput, VueTreeSelect, VueVideoPlayer, Watermark, XInputTag };
+export { AddressInput, Affix, AsideMenu, Avatar, AwesomeButton, CapsuleTab, Card, Carousel, Chat, ChunkFileUploader, CodeMirrorEditor, Comment, Confirmable, ConfirmButton, ContextMenu, CountUp, CustomScrollbar, DataBox, DataCard, DataCardText, DataDisplay, DataIcons, DataImgtext, DataOperatext, DataPanel, DataPay, DataPrice, DataProgress, DataRotate, DataTablePicker, DataTabs, DialogForm, DynamicTable, EasyPopup, ECharts, EditableProgress, EditableTree, ElementDialog, Ellipsis, EmptyView, ErrorView, FlexColumn, FlexItem, FlexRow, FlexScroller, Flow, FlowDesigner, FlowNode, FlowViewer, FormBlock, FormButton, FormCard, FormCascader, FormCheckbox, FormCheckboxGroup, FormDatePicker, FormHolder, FormInput, FormInputCronExpression, FormInputEmail, FormInputIdCard, FormInputPhoneNumber, FormInputTag, FormInputTime, FormItem, FormItemConfigProvider, FormItemGroup, FormRadioGroup, FormSelect, FormSwitch, FormTable, FormTablePlus, FormTextarea, FormTreeSelect, FormTreeSelectMultiple, FormView, FyArray, FyArticle, FyCascader, FyCheckbox, FyCode, FyCurd, FyDate, FyDraggable, FyDynamic, FyEmpty, FyForm, FyFormDesign, FyInput, FyInputColor, FyInputIcon, FyInputMap, FyInputNumber, FyInputTable, FyInputTree, FyProgress, FyRadio, FyRate, FySelect, FySlider, FySwitch, FyTabs, FyTime, FyTitle, FyTree, FyUEditor, FyUpload, GuideSteps, HighlightJS, IconCard, IconTemp, IframeWindow, ImageCropper, ImagePreview, ImageViewer, InputNumberRange, JSXComponent, Keyboard, License, LoadingView, MonacoEditor, NameAvatar, NavBar, Notice, NotImplement, Page, PageableTable, PageableView, PageHeader, PageIndex, PageIndexTop, PageSkeleton, PageSkeletonNew, PhotoSwipe, PickerTableView, PresentView, Queue, RecordVideo, ResizeObserver, Search, Sign, SignPanel, Skeleton, SkeletonPanel, SplitPane, Stateful, StaticPageableTable, SubTable, SubTablePlus, Swiper, Tab, TabItem, TableColumn, TableView, TabsView, TagRender, TextEllipsis, Toolbar, ToolbarButton, Verify, VueCron, VueQrCode, VueQuillEditor, VueTagsInput, VueTreeSelect, VueVideoPlayer, Watermark, XInputTag };
 export declare const componentNames: string[];
 export * from './helper-function';
 export default function (app: App): void;