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

package/fy-input-table/index.mjs

@@ -1,5 +1,5 @@
 import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { n as t, t as n } from "../chunks/event.eJ-c1Z3a.mjs";
+import { n as t, t as n } from "../chunks/event.Dv4XTu8B.mjs";
 import { createBlock as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, createVNode as s, openBlock as c, resolveComponent as l, withCtx as u } from "vue";
 import { isBlank as d } from "@web-utils/core";
 //#region src/components/fy-from/input-table/FyInputTable.vue

package/fy-input-tree/index.mjs

@@ -1,5 +1,5 @@
 import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { n as t, t as n } from "../chunks/event.eJ-c1Z3a.mjs";
+import { n as t, t as n } from "../chunks/event.Dv4XTu8B.mjs";
 import { createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, normalizeClass as c, openBlock as l, renderSlot as u, resolveComponent as d, toDisplayString as f, withCtx as p, withModifiers as m } from "vue";
 import { isBlank as h } from "@web-utils/core";
 //#region src/components/fy-from/input-tree/FyInputTree.vue
@@ -181,7 +181,7 @@ function b(e, t, n, h, g, b) {
 		default: p(() => [n.filter ? (l(), a("div", _, [s(x, {
 			modelValue: g.filterValue,
 			"onUpdate:modelValue": t[0] || (t[0] = (e) => g.filterValue = e),
-			size: "mini",
+			size: "default",
 			placeholder: n.filterText
 		}, null, 8, ["modelValue", "placeholder"])])) : i("v-if", !0), s(C, {
 			value: e.text,

package/fy-radio/index.mjs

@@ -1,5 +1,5 @@
 import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { n as t, t as n } from "../chunks/event.eJ-c1Z3a.mjs";
+import { n as t, t as n } from "../chunks/event.Dv4XTu8B.mjs";
 import { Fragment as r, createBlock as i, createElementBlock as a, createTextVNode as o, createVNode as s, openBlock as c, renderList as l, resolveComponent as u, resolveDynamicComponent as d, toDisplayString as f, withCtx as p } from "vue";
 //#region src/components/fy-from/radio/FyRadio.vue
 var m = {

package/fy-rate/index.mjs

@@ -1,5 +1,5 @@
 import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { n as t, t as n } from "../chunks/event.eJ-c1Z3a.mjs";
+import { n as t, t as n } from "../chunks/event.Dv4XTu8B.mjs";
 import { createBlock as r, openBlock as i, resolveComponent as a } from "vue";
 //#region src/components/fy-from/rate/FyRate.vue
 var o = {

package/fy-select/index.mjs

@@ -1,8 +1,8 @@
 import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
 import "../chunks/util.g-WQEec9.mjs";
-import { n as t, t as n } from "../chunks/event.eJ-c1Z3a.mjs";
-import { t as r } from "../chunks/packages.BGjydzjm.mjs";
-import { i } from "../chunks/dic.DgDfnovD.mjs";
+import { n as t, t as n } from "../chunks/event.Dv4XTu8B.mjs";
+import { t as r } from "../chunks/packages.BLDb9e6G.mjs";
+import { i } from "../chunks/dic.C0abEij9.mjs";
 import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, openBlock as d, renderList as f, renderSlot as p, resolveComponent as m, toDisplayString as h, withCtx as g } from "vue";
 import { isBlank as _ } from "@web-utils/core";
 //#region src/components/fy-from/select/FySelect.vue

package/fy-slider/index.mjs

@@ -1,6 +1,6 @@
 import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
 import { x as t } from "../chunks/util.g-WQEec9.mjs";
-import { n, t as r } from "../chunks/event.eJ-c1Z3a.mjs";
+import { n, t as r } from "../chunks/event.Dv4XTu8B.mjs";
 import { createBlock as i, openBlock as a, resolveComponent as o } from "vue";
 //#region src/components/fy-from/slider/FySlider.vue
 var s = {

package/fy-switch/index.mjs

@@ -1,5 +1,5 @@
 import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { n as t, t as n } from "../chunks/event.eJ-c1Z3a.mjs";
+import { n as t, t as n } from "../chunks/event.Dv4XTu8B.mjs";
 import { createBlock as r, openBlock as i, resolveComponent as a } from "vue";
 //#region src/components/fy-from/switch/FySwitch.vue
 var o = {

package/fy-time/index.mjs

@@ -1,5 +1,5 @@
 import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { n as t, t as n } from "../chunks/event.eJ-c1Z3a.mjs";
+import { n as t, t as n } from "../chunks/event.Dv4XTu8B.mjs";
 import { createBlock as r, createElementBlock as i, openBlock as a, resolveDynamicComponent as o } from "vue";
 import { isBlank as s } from "@web-utils/core";
 //#region src/components/fy-from/time/FyTime.vue

package/fy-title/index.mjs

@@ -1,5 +1,5 @@
 import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { n as t, t as n } from "../chunks/event.eJ-c1Z3a.mjs";
+import { n as t, t as n } from "../chunks/event.Dv4XTu8B.mjs";
 import { createElementBlock as r, createElementVNode as i, normalizeStyle as a, openBlock as o, toDisplayString as s } from "vue";
 //#region src/components/fy-from/title/FyTitle.vue
 var c = {

package/fy-tree/index.mjs

@@ -1,6 +1,6 @@
 import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
 import { O as t, v as n, x as r } from "../chunks/util.g-WQEec9.mjs";
-import { t as i } from "../chunks/permission.DgEVNWlh.mjs";
+import { t as i } from "../chunks/permission.C-IUDxQQ.mjs";
 import { createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, normalizeStyle as d, openBlock as f, renderSlot as p, resolveComponent as m, resolveDirective as h, toDisplayString as g, withCtx as _, withDirectives as v } from "vue";
 import { isBlank as y } from "@web-utils/core";
 //#region src/components/tree/FyTree.vue

package/fy-u-editor/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/FyUEditor.D_rEYfll.mjs";
+import { t as e } from "../chunks/FyUEditor.BymtA5SJ.mjs";
 export { e as default };

package/fy-upload/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/FyUpload.B2QKfTxF.mjs";
+import { t as e } from "../chunks/FyUpload.CA7Gfa6Q.mjs";
 export { e as default };

package/helper-function.d.ts

@@ -1,5 +1,6 @@
+import { App } from 'vue';
 import { photoswipe } from './photo-swipe';
 import { configComponents } from '../components/configComponents';
-declare const imagePreview: (datas?: never[], index?: number, ops?: {}) => any;
-declare const imageCropper: (ops?: {}) => any;
+declare const imagePreview: (datas?: never[], index?: number, ops?: {}) => App<Element>;
+declare const imageCropper: (ops?: {}) => App<ImageCropper>;
 export { photoswipe, configComponents, imagePreview, imageCropper };

package/helper-function.mjs

@@ -1,11 +1,11 @@
 import { configComponents as e } from "./configComponents.mjs";
-import t from "./image-preview/index.mjs";
+import { t } from "./chunks/ImagePreview.ByEWJYdu.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.BxnG4lip.mjs";
+import { createApp as i } from "vue";
 //#region src/components/helper-function.ts
 var a = (e = [], n = 0, r = {}) => {
-	let a = new (i.extend(t))({ data: {
+	let a = i(t, {
 		datas: e,
 		index: n,
 		ops: {
@@ -13,12 +13,15 @@ var a = (e = [], n = 0, r = {}) => {
 			beforeClose: null,
 			click: null,
 			modal: !0,
+			visible: !0,
 			...r
 		}
-	} }).$mount();
-	return document.body.appendChild(a.$el), a.isShow = !0, a;
+	}), o = document.createElement("div");
+	return document.body.appendChild(o), a.mount(o), a.onUnmount(() => {
+		document.body.removeChild(o);
+	}), a;
 }, o = (e = {}) => {
-	let t = new (i.extend(n))({ data: { option: {
+	let t = {
 		outputSize: 1,
 		outputType: "jpeg",
 		info: !0,
@@ -35,8 +38,12 @@ 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 a = i(n, t);
+	return a.mount(r), a.onUnmount(() => {
+		document.body.removeChild(r);
+	}), a.show(), a;
 };
 //#endregion
 export { e as configComponents, o as imageCropper, a as imagePreview, r as photoswipe };

package/image-cropper/index.mjs

@@ -57,14 +57,14 @@ function y(e, t, d, f, y, b) {
 		width: "1000px"
 	}, {
 		footer: u(() => [o(S, {
-			size: "small",
+			size: "default",
 			type: "primary",
 			onClick: b.submit
 		}, {
 			default: u(() => [...t[4] || (t[4] = [a(" 确 定 ", -1)])]),
 			_: 1
 		}, 8, ["onClick"]), o(S, {
-			size: "small",
+			size: "default",
 			onClick: t[2] || (t[2] = (e) => b.cancel())
 		}, {
 			default: u(() => [...t[5] || (t[5] = [a(" 取 消 ", -1)])]),
@@ -123,25 +123,25 @@ function y(e, t, d, f, y, b) {
 				r("底部操作工具按钮"),
 				i("div", g, [
 					o(S, {
-						size: "mini",
+						size: "default",
 						type: "primary",
 						icon: "el-icon-zoom-in",
 						onClick: t[0] || (t[0] = (e) => b.changeScale(1))
 					}),
 					o(S, {
-						size: "mini",
+						size: "default",
 						type: "primary",
 						icon: "el-icon-zoom-out",
 						onClick: t[1] || (t[1] = (e) => b.changeScale(-1))
 					}),
 					o(S, {
-						size: "mini",
+						size: "default",
 						type: "primary",
 						icon: "el-icon-refresh-left",
 						onClick: b.rotateLeft
 					}, null, 8, ["onClick"]),
 					o(S, {
-						size: "mini",
+						size: "default",
 						type: "primary",
 						icon: "el-icon-refresh-right",
 						onClick: b.rotateRight

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.ByEWJYdu.mjs";
+export { e as default };