wx-screen-ui 1.0.2 → 1.0.4

package/dist/wx-screen-ui.es.js

@@ -1,4 +1,4 @@
-import { Fragment, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useModel, watch, withCtx } from "vue";
+import { Fragment, TransitionGroup, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useModel, watch, withCtx } from "vue";
 var __create = Object.create, __defProp = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __getOwnPropNames = Object.getOwnPropertyNames, __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty, __commonJSMin = (t, n) => () => (n || t((n = { exports: {} }).exports, n), n.exports), __export = (t) => {
 	let n = {};
 	for (var r in t) __defProp(n, r, {
@@ -8291,7 +8291,7 @@ originalDts: ${M} ms, curRefDts: ${I} ms, dtsCorrection: ${Math.round(l)} ms, ge
 		let n = t;
 		watch(() => n.url, (t) => {
 			nextTick(() => {
-				t ? o() : c();
+				t ? o() : s();
 			});
 		}, { immediate: !0 });
 		let r = null, a = ref(), o = () => {
@@ -8299,11 +8299,11 @@ originalDts: ${M} ms, curRefDts: ${I} ms, dtsCorrection: ${Math.round(l)} ms, ge
 				type: "flv",
 				url: n.url
 			}, { cors: !0 }), r.attachMediaElement(a.value), r.load(), r.play());
-		}, c = () => {
+		}, s = () => {
 			r &&= (r.pause(), r.unload(), r.detachMediaElement(), r.destroy(), null);
 		};
 		return onUnmounted(() => {
-			c();
+			s();
 		}), (t, n) => (openBlock(), createElementBlock("video", {
 			class: "com-full",
 			autoplay: "",
@@ -26779,7 +26779,7 @@ var _hoisted_1$6 = ["controls"], VideoFromHls_default = /* @__PURE__ */ __plugin
 		}
 	},
 	setup(t) {
-		let n = t, r = ref(null), a = ref(null), o = null, l = () => {
+		let n = t, r = ref(null), a = ref(null), o = null, s = () => {
 			n.autoplay && r.value?.play().catch((t) => {
 				console.warn("自动播放被阻止:", t);
 			});
@@ -26787,8 +26787,8 @@ var _hoisted_1$6 = ["controls"], VideoFromHls_default = /* @__PURE__ */ __plugin
 			Hls.isSupported() ? (o = new Hls(), o.attachMedia(r.value)) : r.value?.canPlayType("application/vnd.apple.mpegurl") ? (r.value.autoplay = n.autoplay, r.value.muted = n.muted) : console.error("当前浏览器不支持 HLS 播放");
 		}, d = (t) => {
 			console.log("hls播放流", t), t && (o && (o.destroy(), o = new Hls(), o.attachMedia(r.value)), Hls.isSupported() && o ? (o.loadSource(t), o.on(Hls.Events.MANIFEST_PARSED, () => {
-				l();
-			})) : r.value?.canPlayType("application/vnd.apple.mpegurl") && (r.value.src = t, r.value.addEventListener("loadedmetadata", l)));
+				s();
+			})) : r.value?.canPlayType("application/vnd.apple.mpegurl") && (r.value.src = t, r.value.addEventListener("loadedmetadata", s)));
 		}, f = new ResizeObserver(() => {
 			a.value && r.value && (r.value.style.width = "100%", r.value.style.height = "100%", r.value.style.objectFit = n.objectFit);
 		});
@@ -26797,11 +26797,11 @@ var _hoisted_1$6 = ["controls"], VideoFromHls_default = /* @__PURE__ */ __plugin
 		}), watch(() => n.url, (t) => {
 			d(t);
 		}), watch(() => n.autoplay, (t) => {
-			r.value.autoplay = t, t && l();
+			r.value.autoplay = t, t && s();
 		}), watch(() => n.muted, (t) => {
 			r.value.muted = t;
 		}), onUnmounted(() => {
-			o &&= (o.destroy(), null), a.value && f.unobserve(a.value), r.value?.removeEventListener("loadedmetadata", l);
+			o &&= (o.destroy(), null), a.value && f.unobserve(a.value), r.value?.removeEventListener("loadedmetadata", s);
 		}), (n, o) => (openBlock(), createElementBlock("div", {
 			ref_key: "videoContainer",
 			ref: a,
@@ -70633,10 +70633,10 @@ var echarts_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 	},
 	emits: ["chartfinished"],
 	setup(t, { expose: n, emit: a }) {
-		let o = t, c = ref(null), l = ref(null), u = null, d = computed(() => ({
+		let o = t, s = ref(null), l = ref(null), u = null, d = computed(() => ({
 			width: typeof o.width == "number" ? `${o.width}px` : o.width,
 			height: typeof o.height == "number" ? `${o.height}px` : o.height
-		})), p = (t) => {
+		})), f = (t) => {
 			try {
 				return l.value && l.value.dispose(), l.value = markRaw(init$1(t, o.theme, {
 					devicePixelRatio: window.devicePixelRatio,
@@ -70651,18 +70651,18 @@ var echarts_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			}, 300);
 		};
 		return onMounted(() => {
-			c.value && (l.value = p(c.value), setTimeout(() => {
-				o.autoResize && l.value && (u = new ResizeObserver(g), u.observe(c.value));
+			s.value && (l.value = f(s.value), setTimeout(() => {
+				o.autoResize && l.value && (u = new ResizeObserver(g), u.observe(s.value));
 			}, 1200));
 		}), onUnmounted(() => {
 			l.value &&= (l.value.dispose(), null), u &&= (u.disconnect(), null);
 		}), watch(() => o.options, (t) => {
 			l.value && l.value.setOption(t);
 		}, { deep: !0 }), watch(() => o.theme, () => {
-			console.log("theme"), c.value && (l.value = p(c.value));
+			console.log("theme"), s.value && (l.value = f(s.value));
 		}), n({ chartInstance: l }), (t, n) => (openBlock(), createElementBlock("div", {
 			ref_key: "chartRef",
-			ref: c,
+			ref: s,
 			style: normalizeStyle(d.value),
 			class: "echarts-container"
 		}, null, 4));
@@ -70705,86 +70705,11 @@ var echarts_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			style: normalizeStyle(t.textStyle)
 		}, [renderSlot(n.$slots, "text", {}, () => [createTextVNode(toDisplayString(t.text), 1)], !0)], 4)) : createCommentVNode("", !0)]));
 	}
-}, [["__scopeId", "data-v-e0f8c317"]]), messageId = 0, _sfc_main$3 = {
-	name: "MyMessage",
-	setup() {
-		let t = ref([]), n = (n, a, o = 3e3) => {
-			let s = messageId++, c = {
-				id: s,
-				type: n,
-				content: a,
-				duration: o
-			};
-			return t.value.push(c), n !== "loading" && o > 0 && setTimeout(() => {
-				r(s);
-			}, o), () => {
-				r(s);
-			};
-		}, r = (n) => {
-			let r = t.value.findIndex((t) => t.id === n);
-			r !== -1 && t.value.splice(r, 1);
-		};
-		return {
-			messages: t,
-			addMessage: n,
-			removeMessage: r,
-			clearAll: () => {
-				t.value = [];
-			}
-		};
-	}
-}, _hoisted_1$4 = { class: "message-container" }, _hoisted_2$3 = {
-	key: 0,
-	viewBox: "0 0 16 16",
-	fill: "currentColor"
-}, _hoisted_3$2 = {
-	key: 1,
-	viewBox: "0 0 16 16",
-	fill: "currentColor"
-}, _hoisted_4$2 = {
-	key: 2,
-	viewBox: "0 0 16 16",
-	fill: "currentColor"
-}, _hoisted_5$1 = {
-	key: 3,
-	viewBox: "0 0 16 16",
-	fill: "currentColor"
-}, _hoisted_6$1 = {
-	key: 4,
-	viewBox: "0 0 16 16",
-	fill: "currentColor"
-}, _hoisted_7 = { class: "message-content" }, _hoisted_8 = ["onClick"];
-function _sfc_render(r, a, l, d, f, p) {
-	return openBlock(), createElementBlock("div", _hoisted_1$4, [createVNode(TransitionGroup, {
-		name: "message-fade",
-		tag: "div"
-	}, {
-		default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(d.messages, (t) => (openBlock(), createElementBlock("div", {
-			key: t.id,
-			class: normalizeClass(["message-item", `message-${t.type}`])
-		}, [
-			createElementVNode("span", { class: normalizeClass(["message-icon", `icon-${t.type}`]) }, [t.type === "success" ? (openBlock(), createElementBlock("svg", _hoisted_2$3, [...a[0] ||= [createElementVNode("path", { d: "M6.5 10L3 6.5l1-1 2.5 2.5 5-5 1 1-6 6z" }, null, -1)]])) : t.type === "error" ? (openBlock(), createElementBlock("svg", _hoisted_3$2, [...a[1] ||= [createElementVNode("path", { d: "M8 1a7 7 0 100 14A7 7 0 008 1zm0 13a6 6 0 110-12 6 6 0 010 12zM5 5h6v6H5V5z" }, null, -1)]])) : t.type === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_4$2, [...a[2] ||= [createElementVNode("path", { d: "M8 1a7 7 0 100 14A7 7 0 008 1zm0 13a6 6 0 110-12 6 6 0 010 12zm0-8a1 1 0 100 2 1 1 0 000-2zm0 6a1 1 0 001-1V7a1 1 0 00-2 0v4a1 1 0 001 1z" }, null, -1)]])) : t.type === "loading" ? (openBlock(), createElementBlock("svg", _hoisted_5$1, [...a[3] ||= [createElementVNode("path", {
-				d: "M8 1a7 7 0 100 14A7 7 0 008 1zm0 13a6 6 0 110-12 6 6 0 010 12z",
-				opacity: "0.3"
-			}, null, -1), createElementVNode("path", { d: "M8 1a7 7 0 017 7h-1a6 6 0 00-6-6V1z" }, null, -1)]])) : (openBlock(), createElementBlock("svg", _hoisted_6$1, [...a[4] ||= [createElementVNode("path", { d: "M8 1a7 7 0 100 14A7 7 0 008 1zm0 13a6 6 0 110-12 6 6 0 010 12zm1-9H7v5h2V5z" }, null, -1)]]))], 2),
-			createElementVNode("div", _hoisted_7, toDisplayString(t.content), 1),
-			t.type === "loading" ? createCommentVNode("", !0) : (openBlock(), createElementBlock("span", {
-				key: 0,
-				class: "message-close",
-				onClick: (n) => d.removeMessage(t.id)
-			}, [...a[5] ||= [createElementVNode("svg", {
-				viewBox: "0 0 16 16",
-				fill: "currentColor"
-			}, [createElementVNode("path", { d: "M9.414 8l3.293-3.293a1 1 0 10-1.414-1.414L8 6.586 4.707 3.293a1 1 0 00-1.414 1.414L6.586 8l-3.293 3.293a1 1 0 001.414 1.414L8 9.414l3.293 3.293a1 1 0 001.414-1.414L9.414 8z" })], -1)]], 8, _hoisted_8))
-		], 2))), 128))]),
-		_: 1
-	})]);
-}
-var message_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main$3, [["render", _sfc_render], ["__scopeId", "data-v-b307ec24"]]), _hoisted_1$3 = ["disabled"], _hoisted_2$2 = {
+}, [["__scopeId", "data-v-e0f8c317"]]), _hoisted_1$4 = ["disabled"], _hoisted_2$3 = {
 	key: 0,
 	class: "pagination-item pagination-ellipsis",
 	disabled: ""
-}, _hoisted_3$1 = ["disabled", "onClick"], _hoisted_4$1 = ["disabled"], pagination_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
+}, _hoisted_3$2 = ["disabled", "onClick"], _hoisted_4$2 = ["disabled"], pagination_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 	__name: "index",
 	props: {
 		current: {
@@ -70811,9 +70736,9 @@ var message_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_ma
 	},
 	emits: ["update:current", "change"],
 	setup(n, { emit: a }) {
-		let o = n, l = a, u = computed(() => Math.ceil(o.total / o.pageSize)), d = computed({
+		let o = n, s = a, u = computed(() => Math.ceil(o.total / o.pageSize)), d = computed({
 			get: () => o.current,
-			set: (t) => l("update:current", t)
+			set: (t) => s("update:current", t)
 		}), f = computed(() => {
 			let t = [], n = o.showSize, r = Math.floor(n / 2);
 			if (console.log(u.value), u.value <= n) {
@@ -70825,28 +70750,28 @@ var message_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_ma
 			for (let n = a; n <= s; n++) t.push(n);
 			return s < u.value && (s < u.value - 1 && t.push("..."), t.push(u.value)), t;
 		}), p = (t) => {
-			t < 1 || t > u.value || t === d.value || (d.value = t, l("change", t));
+			t < 1 || t > u.value || t === d.value || (d.value = t, s("change", t));
 		};
 		return (r, a) => (openBlock(), createElementBlock("div", { class: normalizeClass(["pagination-container", { "pagination-disabled": n.disabled }]) }, [
 			createElementVNode("button", {
 				class: "pagination-item pagination-prev",
 				disabled: d.value === 1 || n.disabled,
 				onClick: a[0] ||= (t) => p(d.value - 1)
-			}, " < ", 8, _hoisted_1$3),
-			(openBlock(!0), createElementBlock(Fragment, null, renderList(f.value, (r) => (openBlock(), createElementBlock(Fragment, { key: r }, [r === "..." ? (openBlock(), createElementBlock("button", _hoisted_2$2, toDisplayString(r), 1)) : (openBlock(), createElementBlock("button", {
+			}, " < ", 8, _hoisted_1$4),
+			(openBlock(!0), createElementBlock(Fragment, null, renderList(f.value, (r) => (openBlock(), createElementBlock(Fragment, { key: r }, [r === "..." ? (openBlock(), createElementBlock("button", _hoisted_2$3, toDisplayString(r), 1)) : (openBlock(), createElementBlock("button", {
 				key: 1,
 				class: normalizeClass(["pagination-item", { active: r === d.value }]),
 				disabled: n.disabled,
 				onClick: (t) => p(r)
-			}, toDisplayString(r), 11, _hoisted_3$1))], 64))), 128)),
+			}, toDisplayString(r), 11, _hoisted_3$2))], 64))), 128)),
 			createElementVNode("button", {
 				class: "pagination-item pagination-next",
 				disabled: d.value === u.value || n.disabled,
 				onClick: a[1] ||= (t) => p(d.value + 1)
-			}, " > ", 8, _hoisted_4$1)
+			}, " > ", 8, _hoisted_4$2)
 		], 2));
 	}
-}, [["__scopeId", "data-v-71f2626c"]]), _hoisted_1$2 = { class: "my-radio-box" }, _hoisted_2$1 = ["onClick"], radio_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
+}, [["__scopeId", "data-v-71f2626c"]]), _hoisted_1$3 = { class: "my-radio-box" }, _hoisted_2$2 = ["onClick"], radio_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 	__name: "index",
 	props: /* @__PURE__ */ mergeModels({ options: {
 		type: Object,
@@ -70857,14 +70782,14 @@ var message_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_ma
 	}),
 	emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
 	setup(n, { emit: r }) {
-		let a = useModel(n, "modelValue"), o = n, c = r, l = (t) => {
-			a.value = t, c("change", t);
+		let a = useModel(n, "modelValue"), o = n, s = r, l = (t) => {
+			a.value = t, s("change", t);
 		};
-		return (n, r) => (openBlock(), createElementBlock("div", _hoisted_1$2, [(openBlock(!0), createElementBlock(Fragment, null, renderList(o.options, (t, n) => (openBlock(), createElementBlock("div", {
+		return (n, r) => (openBlock(), createElementBlock("div", _hoisted_1$3, [(openBlock(!0), createElementBlock(Fragment, null, renderList(o.options, (t, n) => (openBlock(), createElementBlock("div", {
 			class: normalizeClass(["item", { active: t.value === a.value }]),
 			key: n,
 			onClick: (n) => l(t.value)
-		}, toDisplayString(t.label), 11, _hoisted_2$1))), 128))]));
+		}, toDisplayString(t.label), 11, _hoisted_2$2))), 128))]));
 	}
 }, [["__scopeId", "data-v-56421a98"]]);
 function throttle(t, n) {
@@ -70944,7 +70869,7 @@ var script$2 = defineComponent({
 		}
 	},
 	setup(t, { expose: n, emit: a }) {
-		let o = ref(null), s = ref(null), c = ref([]), l = ref(0), u = ref(!1), d = ref(t.direction), f = computed(() => t.hover ? !u.value && t.modelValue : t.modelValue), p = ref([]), h = listMap(t.list), _ = ref(t.visibleCount === void 0 ? 0 : t.visibleCount), v = 0, x = 0, C = 0, w = [], T = 0, E = 0, D = -1, A = 0, j = null, M = !1, N = 0, P = 0, F = !1, I = () => {
+		let o = ref(null), s = ref(null), c = ref([]), l = ref(0), u = ref(!1), d = ref(t.direction), f = computed(() => t.hover ? !u.value && t.modelValue : t.modelValue), p = ref([]), h = listMap(t.list), g = ref(t.visibleCount === void 0 ? 0 : t.visibleCount), v = 0, y = 0, S = 0, w = [], T = 0, E = 0, D = -1, O = 0, j = null, M = !1, N = 0, P = 0, F = !1, I = () => {
 			cancelAnimationFrame(j), j = null;
 		}, L = () => {
 			let t = D + E;
@@ -70968,13 +70893,13 @@ var script$2 = defineComponent({
 			if (I(), !F) return;
 			let o = () => {
 				let r = w[0], o = !1;
-				N >= r && (o = !0), o && (w.shift(), N = 0, x += 1), x === v && (C += 1, a("count", C), x = 0), t.singleLine && o ? (M = !0, setTimeout(() => {
+				N >= r && (o = !0), o && (w.shift(), N = 0, y += 1), y === v && (S += 1, a("count", S), y = 0), t.singleLine && o ? (M = !0, setTimeout(() => {
 					M = !1, n || z(!1, t.step);
 				}, t.singleWaitTime)) : n || z(!1, t.step);
 			};
 			(f.value && !M || n) && (j = requestAnimationFrame(() => {
 				P += r, N += r, d.value === "up" ? l.value += r : l.value -= r, P > T ? (a("offset", E, h), L(), nextTick(() => {
-					l.value = d.value === "up" ? 0 : K() - A, P = 0, R(), o();
+					l.value = d.value === "up" ? 0 : K() - O, P = 0, R(), o();
 				})) : o();
 			}));
 		}, B = () => {
@@ -70987,13 +70912,13 @@ var script$2 = defineComponent({
 			t.hover && t.wheel && (H(n), n.preventDefault(), n.stopPropagation());
 		}, W = computed(() => {
 			let t = [];
-			return c.value.length === 0 ? t = h.slice(0, _.value) : c.value[0] === "splice" ? (t = d.value === "up" ? W.value : W.value.reverse(), t.splice(...c.value[1]), c.value.slice(2).forEach((n) => {
+			return c.value.length === 0 ? t = h.slice(0, g.value) : c.value[0] === "splice" ? (t = d.value === "up" ? W.value : W.value.reverse(), t.splice(...c.value[1]), c.value.slice(2).forEach((n) => {
 				t.push(...h.slice(...n));
 			})) : c.value.slice(1).forEach((n) => {
 				t.push(...h.slice(...n));
 			}), d.value !== "up" && t.reverse(), duplicateId(t);
 		}), G = () => {
-			if (D = _.value + E, D >= h.length) {
+			if (D = g.value + E, D >= h.length) {
 				let t = D - h.length, n = [
 					"slice",
 					[0, D],
@@ -71003,28 +70928,28 @@ var script$2 = defineComponent({
 			} else return ["slice", [0, D]];
 		}, K = () => Array.from(o.value.children).map((t) => t.offsetHeight).reduce((t, n) => t + n, 0), q = (n) => {
 			t.visibleCount === void 0 ? (p.value = listMap([t.list[0]]), nextTick(() => {
-				_.value = Math.ceil(A / s.value.offsetHeight) + 2, p.value = h.slice(0, _.value), nextTick(() => {
+				g.value = Math.ceil(O / s.value.offsetHeight) + 2, p.value = h.slice(0, g.value), nextTick(() => {
 					n();
 				});
-			})) : (p.value = h.slice(0, _.value), nextTick(() => {
+			})) : (p.value = h.slice(0, g.value), nextTick(() => {
 				n();
 			}));
 		};
 		onMounted(() => {
-			o.value && (o.value.parentElement.addEventListener("mouseenter", B), o.value.parentElement.addEventListener("mouseleave", V), o.value.parentElement.addEventListener("wheel", U), A = o.value.parentElement.offsetHeight, t.list.length > 0 && q(() => {
-				s.value.offsetHeight > A ? (E = Y(), c.value = G(), nextTick(() => {
-					l.value = d.value === "up" ? 0 : K() - A, R(), F = !0, setTimeout(() => {
+			o.value && (o.value.parentElement.addEventListener("mouseenter", B), o.value.parentElement.addEventListener("mouseleave", V), o.value.parentElement.addEventListener("wheel", U), O = o.value.parentElement.offsetHeight, t.list.length > 0 && q(() => {
+				s.value.offsetHeight > O ? (E = Y(), c.value = G(), nextTick(() => {
+					l.value = d.value === "up" ? 0 : K() - O, R(), F = !0, setTimeout(() => {
 						z(!1, t.step);
 					}, t.delay);
 				})) : J(), p.value = [];
 			})), v = h.length;
 		});
 		let J = () => {
-			x = 0, C = 0, F = !1, E = 0, c.value = [], nextTick(() => {
-				l.value = d.value === "up" ? 0 : K() - A, P = 0, N = 0;
+			y = 0, S = 0, F = !1, E = 0, c.value = [], nextTick(() => {
+				l.value = d.value === "up" ? 0 : K() - O, P = 0, N = 0;
 			});
 		}, Y = () => {
-			let t = h.length - _.value;
+			let t = h.length - g.value;
 			return t = Math.max(1, t), t = Math.min(5, t), t;
 		};
 		return n({
@@ -71050,13 +70975,13 @@ var script$2 = defineComponent({
 					}), u !== E && (E = u);
 					else {
 						let n = () => {
-							s.value.offsetHeight > A ? (E = u, c.value = G(), nextTick(() => {
-								l.value = d.value === "up" ? 0 : K() - A, P = 0, N = 0, R(), F = !0, z(!1, t.step);
-							})) : (t.visibleCount === void 0 && (_.value = 0), J()), p.value = [];
+							s.value.offsetHeight > O ? (E = u, c.value = G(), nextTick(() => {
+								l.value = d.value === "up" ? 0 : K() - O, P = 0, N = 0, R(), F = !0, z(!1, t.step);
+							})) : (t.visibleCount === void 0 && (g.value = 0), J()), p.value = [];
 						};
-						_.value === 0 && t.visibleCount === void 0 ? q(() => {
+						g.value === 0 && t.visibleCount === void 0 ? q(() => {
 							n();
-						}) : (p.value = h.slice(0, _.value), nextTick(() => {
+						}) : (p.value = h.slice(0, g.value), nextTick(() => {
 							n();
 						}));
 					}
@@ -71064,8 +70989,8 @@ var script$2 = defineComponent({
 				a && typeof a == "function" && a(h), v = h.length;
 			},
 			remove: (t, n = 1, r) => {
-				t >= 0 && t < h.length && (h.splice(t, n), F ? (p.value = h.slice(0, _.value), nextTick(() => {
-					if (s.value.offsetHeight > A) {
+				t >= 0 && t < h.length && (h.splice(t, n), F ? (p.value = h.slice(0, g.value), nextTick(() => {
+					if (s.value.offsetHeight > O) {
 						let t = Y();
 						t !== E && (E = t), c.value = G();
 					} else J();
@@ -71091,8 +71016,8 @@ var script$2 = defineComponent({
 			},
 			reset: () => {
 				nextTick(() => {
-					p.value = h.slice(0, _.value), nextTick(() => {
-						s.value.offsetHeight > A ? c.value[0] === "splice" ? (L(), nextTick(() => {
+					p.value = h.slice(0, g.value), nextTick(() => {
+						s.value.offsetHeight > O ? c.value[0] === "splice" ? (L(), nextTick(() => {
 							R();
 						})) : (c.value = G(), nextTick(() => {
 							R();
@@ -71112,14 +71037,14 @@ var script$2 = defineComponent({
 			realWrapperHiddenRef: s
 		};
 	}
-}), _hoisted_1$1 = {
+}), _hoisted_1$2 = {
 	style: {
 		position: "absolute !important",
 		top: "-999999px !important"
 	},
 	ref: "realWrapperHiddenRef"
 };
-function render$2(n, r, a, o, l, u) {
+function render$2(n, r, a, o, s, u) {
 	return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", {
 		class: "vue3-seamless-vertical-wrapper",
 		ref: "realWrapperRef",
@@ -71131,7 +71056,7 @@ function render$2(n, r, a, o, l, u) {
 		key: t.id,
 		data: t.data,
 		index: t.index
-	})), 128))], 4), createElementVNode("div", _hoisted_1$1, [(openBlock(!0), createElementBlock(Fragment, null, renderList(n.testList, (t) => renderSlot(n.$slots, "default", {
+	})), 128))], 4), createElementVNode("div", _hoisted_1$2, [(openBlock(!0), createElementBlock(Fragment, null, renderList(n.testList, (t) => renderSlot(n.$slots, "default", {
 		key: t.id,
 		data: t.data,
 		index: t.index
@@ -71194,18 +71119,18 @@ var script$1 = defineComponent({
 		}
 	},
 	setup(t, { emit: n, expose: a }) {
-		let o = ref(null), s = ref(null), c = ref([]), l = ref(0), u = ref(!1), d = ref(t.direction), f = computed(() => t.hover ? !u.value && t.modelValue : t.modelValue), p = ref([]), h = ref(t.visibleCount === void 0 ? 0 : t.visibleCount), _ = listMap(t.list), v = 0, x = 0, C = 0, w = [], T = 0, E = 0, D = -1, A = 0, j = null, M = !1, N = 0, P = 0, F = !1, I = () => {
+		let o = ref(null), s = ref(null), c = ref([]), l = ref(0), u = ref(!1), d = ref(t.direction), f = computed(() => t.hover ? !u.value && t.modelValue : t.modelValue), p = ref([]), h = ref(t.visibleCount === void 0 ? 0 : t.visibleCount), g = listMap(t.list), v = 0, y = 0, S = 0, w = [], T = 0, E = 0, D = -1, O = 0, j = null, M = !1, N = 0, P = 0, F = !1, I = () => {
 			cancelAnimationFrame(j), j = null;
 		}, L = () => {
 			let t = D + E;
-			if (t >= _.length) {
-				let n = t - _.length;
+			if (t >= g.length) {
+				let n = t - g.length;
 				c.value = [
 					"splice",
 					[0, E],
 					[D],
 					[0, n]
-				], D = n > _.length ? _.length : n;
+				], D = n > g.length ? g.length : n;
 			} else c.value = [
 				"splice",
 				[0, E],
@@ -71218,13 +71143,13 @@ var script$1 = defineComponent({
 			if (I(), !F) return;
 			let o = () => {
 				let a = w[0], o = !1;
-				N >= a && (o = !0), o && (w.shift(), N = 0, x += 1), x === v && (C += 1, n("count", C), x = 0), t.singleLine && o ? (M = !0, setTimeout(() => {
+				N >= a && (o = !0), o && (w.shift(), N = 0, y += 1), y === v && (S += 1, n("count", S), y = 0), t.singleLine && o ? (M = !0, setTimeout(() => {
 					M = !1, r || z(!1, t.step);
 				}, t.singleWaitTime)) : r || z(!1, t.step);
 			};
 			(f.value && !M || r) && (j = requestAnimationFrame(() => {
-				P += a, N += a, t ? l.value += a : l.value -= a, P > T ? (n("offset", E, _), L(), nextTick(() => {
-					l.value = d.value === "left" ? 0 : K() - A, P = 0, R(), o();
+				P += a, N += a, t ? l.value += a : l.value -= a, P > T ? (n("offset", E, g), L(), nextTick(() => {
+					l.value = d.value === "left" ? 0 : K() - O, P = 0, R(), o();
 				})) : o();
 			}));
 		}, B = () => {
@@ -71237,50 +71162,50 @@ var script$1 = defineComponent({
 			t.hover && t.wheel && (H(n), n.preventDefault(), n.stopPropagation());
 		}, W = computed(() => {
 			let t = [];
-			return c.value.length === 0 ? t = _.slice(0, h.value) : c.value[0] === "splice" ? (t = d.value === "left" ? W.value : W.value.reverse(), t.splice(...c.value[1]), c.value.slice(2).forEach((n) => {
-				t.push(..._.slice(...n));
+			return c.value.length === 0 ? t = g.slice(0, h.value) : c.value[0] === "splice" ? (t = d.value === "left" ? W.value : W.value.reverse(), t.splice(...c.value[1]), c.value.slice(2).forEach((n) => {
+				t.push(...g.slice(...n));
 			})) : c.value.slice(1).forEach((n) => {
-				t.push(..._.slice(...n));
+				t.push(...g.slice(...n));
 			}), d.value !== "left" && t.reverse(), duplicateId(t);
 		}), G = () => {
-			if (D = h.value + E, D >= _.length) {
-				let t = D - _.length, n = [
+			if (D = h.value + E, D >= g.length) {
+				let t = D - g.length, n = [
 					"slice",
 					[0, D],
 					[0, t]
 				];
-				return D = t > _.length ? _.length : t, n;
+				return D = t > g.length ? g.length : t, n;
 			} else return ["slice", [0, D]];
 		}, K = () => Array.from(o.value.children).map((t) => t.offsetWidth).reduce((t, n) => t + n, 0), q = (n) => {
 			t.visibleCount === void 0 ? (p.value = listMap([t.list[0]]), nextTick(() => {
-				h.value = Math.ceil(A / s.value.offsetWidth) + 2, p.value = _.slice(0, h.value), nextTick(() => {
+				h.value = Math.ceil(O / s.value.offsetWidth) + 2, p.value = g.slice(0, h.value), nextTick(() => {
 					n();
 				});
-			})) : (p.value = _.slice(0, h.value), nextTick(() => {
+			})) : (p.value = g.slice(0, h.value), nextTick(() => {
 				n();
 			}));
 		};
 		onMounted(() => {
-			o.value && (o.value.parentElement.addEventListener("mouseenter", B), o.value.parentElement.addEventListener("mouseleave", V), o.value.parentElement.addEventListener("wheel", U), A = o.value.parentElement.offsetWidth, t.list.length > 0 && q(() => {
-				s.value.offsetWidth > A ? (E = Y(), c.value = G(), nextTick(() => {
-					l.value = d.value === "left" ? 0 : K() - A, R(), F = !0, setTimeout(() => {
+			o.value && (o.value.parentElement.addEventListener("mouseenter", B), o.value.parentElement.addEventListener("mouseleave", V), o.value.parentElement.addEventListener("wheel", U), O = o.value.parentElement.offsetWidth, t.list.length > 0 && q(() => {
+				s.value.offsetWidth > O ? (E = Y(), c.value = G(), nextTick(() => {
+					l.value = d.value === "left" ? 0 : K() - O, R(), F = !0, setTimeout(() => {
 						z(!1, t.step);
 					}, t.delay);
 				})) : J(), p.value = [];
-			})), v = _.length;
+			})), v = g.length;
 		});
 		let J = () => {
-			x = 0, C = 0, F = !1, E = 0, c.value = [], nextTick(() => {
-				l.value = d.value === "left" ? 0 : K() - A, P = 0, N = 0;
+			y = 0, S = 0, F = !1, E = 0, c.value = [], nextTick(() => {
+				l.value = d.value === "left" ? 0 : K() - O, P = 0, N = 0;
 			});
 		}, Y = () => {
-			let t = _.length - h.value;
+			let t = g.length - h.value;
 			return t = Math.max(1, t), t = Math.min(5, t), t;
 		};
 		return a({
 			add: (n, r, a) => {
 				if (r && r.length > 0) {
-					n > _.length && (n = _.length), n < 0 && (n = 0);
+					n > g.length && (n = g.length), n < 0 && (n = 0);
 					let a = [];
 					r.length === 1 && W.value.forEach((t, r) => {
 						t.index === n && a.push(r);
@@ -71291,39 +71216,39 @@ var script$1 = defineComponent({
 							id: uuid(),
 							data: t
 						});
-					}), _.splice(n, 0, ...o), _.forEach((t, n) => {
+					}), g.splice(n, 0, ...o), g.forEach((t, n) => {
 						t.index = n;
 					});
 					let u = Y();
-					if (F) n < D && (D += 1, D > _.length && (D = 0)), r.length === 1 && a.forEach((t) => {
+					if (F) n < D && (D += 1, D > g.length && (D = 0)), r.length === 1 && a.forEach((t) => {
 						W.value[t] = o[0];
 					}), u !== E && (E = u);
 					else {
 						let n = () => {
-							s.value.offsetWidth > A ? (E = u, c.value = G(), nextTick(() => {
-								l.value = d.value === "left" ? 0 : K() - A, P = 0, N = 0, R(), F = !0, z(!1, t.step);
+							s.value.offsetWidth > O ? (E = u, c.value = G(), nextTick(() => {
+								l.value = d.value === "left" ? 0 : K() - O, P = 0, N = 0, R(), F = !0, z(!1, t.step);
 							})) : (t.visibleCount === void 0 && (h.value = 0), J()), p.value = [];
 						};
 						h.value === 0 && t.visibleCount === void 0 ? q(() => {
 							n();
-						}) : (p.value = _.slice(0, h.value), nextTick(() => {
+						}) : (p.value = g.slice(0, h.value), nextTick(() => {
 							n();
 						}));
 					}
 				}
-				a && typeof a == "function" && a(_), v = _.length;
+				a && typeof a == "function" && a(g), v = g.length;
 			},
 			remove: (t, n = 1, r) => {
-				t >= 0 && t < _.length && (_.splice(t, n), F ? (p.value = _.slice(0, h.value), nextTick(() => {
-					if (s.value.offsetWidth > A) {
+				t >= 0 && t < g.length && (g.splice(t, n), F ? (p.value = g.slice(0, h.value), nextTick(() => {
+					if (s.value.offsetWidth > O) {
 						let t = Y();
 						t !== E && (E = t), c.value = G();
 					} else J();
 					p.value = [];
-				})) : J()), r && typeof r == "function" && r(_), v = _.length;
+				})) : J()), r && typeof r == "function" && r(g), v = g.length;
 			},
 			update: (t, n, r) => {
-				if (t >= 0 && t < _.length) {
+				if (t >= 0 && t < g.length) {
 					let r = [];
 					W.value.forEach((n, a) => {
 						n.index === t && r.push(a);
@@ -71333,16 +71258,16 @@ var script$1 = defineComponent({
 						index: t,
 						data: n
 					};
-					_[t] = a, r.length > 0 && r.forEach((t) => {
+					g[t] = a, r.length > 0 && r.forEach((t) => {
 						W[t] = a;
 					});
 				}
-				r && typeof r == "function" && r(_);
+				r && typeof r == "function" && r(g);
 			},
 			reset: () => {
 				nextTick(() => {
-					p.value = _.slice(0, h.value), nextTick(() => {
-						s.value.offsetWidth > A ? c.value[0] === "splice" ? (L(), nextTick(() => {
+					p.value = g.slice(0, h.value), nextTick(() => {
+						s.value.offsetWidth > O ? c.value[0] === "splice" ? (L(), nextTick(() => {
 							R();
 						})) : (c.value = G(), nextTick(() => {
 							R();
@@ -71363,7 +71288,7 @@ var script$1 = defineComponent({
 		};
 	}
 });
-function render$1(n, r, a, o, l, u) {
+function render$1(n, r, a, o, s, u) {
 	return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", mergeProps({
 		class: "vue3-seamless-horizontal-wrapper",
 		ref: "realWrapperRef",
@@ -71437,23 +71362,23 @@ var script = defineComponent({
 		}
 	},
 	setup(t, { expose: n, emit: a }) {
-		let o = ref(null), s = ref(null), c = ref(null), l = ref([]), u = ref(0), d = ref(!1), f = ref(t.direction), p = computed(() => t.hover ? !d.value && t.modelValue : t.modelValue), h = ref([]), _ = ref(t.visibleCount === void 0 ? 0 : t.visibleCount), v = listMap(t.list), x = 0, C = 0, w = 0, T = [], E = 0, D = 0, A = -1, j = 0, M = null, N = !1, P = 0, F = 0, I = !1, L = computed(() => f.value === "up" || f.value === "down" ? `translateY(-${u.value}px)` : `translateX(-${u.value}px)`), R = () => {
+		let o = ref(null), s = ref(null), c = ref(null), l = ref([]), u = ref(0), d = ref(!1), f = ref(t.direction), p = computed(() => t.hover ? !d.value && t.modelValue : t.modelValue), h = ref([]), g = ref(t.visibleCount === void 0 ? 0 : t.visibleCount), v = listMap(t.list), y = 0, S = 0, w = 0, T = [], E = 0, D = 0, O = -1, j = 0, M = null, N = !1, P = 0, F = 0, I = !1, L = computed(() => f.value === "up" || f.value === "down" ? `translateY(-${u.value}px)` : `translateX(-${u.value}px)`), R = () => {
 			cancelAnimationFrame(M), M = null;
 		}, z = () => {
-			let t = A + D;
+			let t = O + D;
 			if (t >= v.length) {
 				let n = t - v.length;
 				l.value = [
 					"splice",
 					[0, D],
-					[A],
+					[O],
 					[0, n]
-				], A = n > v.length ? v.length : n;
+				], O = n > v.length ? v.length : n;
 			} else l.value = [
 				"splice",
 				[0, D],
-				[A, t]
-			], A = t;
+				[O, t]
+			], O = t;
 		}, B = () => {
 			let t = Array.from(s.value.children);
 			T = (f.value === "up" || f.value === "left" ? t.slice(0, D) : t.slice(q.value.length - D, q.value.length)).map((t) => f.value === "left" || f.value === "right" ? t.offsetWidth : t.offsetHeight), E = T.reduce((t, n) => t + n, 0);
@@ -71463,7 +71388,7 @@ var script = defineComponent({
 			if (R(), !I) return;
 			let o = () => {
 				let r = T[0], o = !1;
-				P >= r && (o = !0), o && (T.shift(), P = 0, C += 1), C === x && (w += 1, a("count", w), C = 0), t.singleLine && o ? (N = !0, setTimeout(() => {
+				P >= r && (o = !0), o && (T.shift(), P = 0, S += 1), S === y && (w += 1, a("count", w), S = 0), t.singleLine && o ? (N = !0, setTimeout(() => {
 					N = !1, n || H(!1, t.step);
 				}, t.singleWaitTime)) : n || H(!1, t.step);
 			};
@@ -71482,26 +71407,26 @@ var script = defineComponent({
 			t.hover && t.wheel && (G(n), n.preventDefault(), n.stopPropagation());
 		}, q = computed(() => {
 			let t = [];
-			return l.value.length === 0 ? t = v.slice(0, _.value) : l.value[0] === "splice" ? (t = f.value === "up" || f.value === "left" ? q.value : q.value.reverse(), t.splice(...l.value[1]), l.value.slice(2).forEach((n) => {
+			return l.value.length === 0 ? t = v.slice(0, g.value) : l.value[0] === "splice" ? (t = f.value === "up" || f.value === "left" ? q.value : q.value.reverse(), t.splice(...l.value[1]), l.value.slice(2).forEach((n) => {
 				t.push(...v.slice(...n));
 			})) : l.value.slice(1).forEach((n) => {
 				t.push(...v.slice(...n));
 			}), f.value === "up" || f.value === "left" || t.reverse(), duplicateId(t);
 		}), J = () => {
-			if (A = _.value + D, A >= v.length) {
-				let t = A - v.length, n = [
+			if (O = g.value + D, O >= v.length) {
+				let t = O - v.length, n = [
 					"slice",
-					[0, A],
+					[0, O],
 					[0, t]
 				];
-				return A = t > v.length ? v.length : t, n;
-			} else return ["slice", [0, A]];
+				return O = t > v.length ? v.length : t, n;
+			} else return ["slice", [0, O]];
 		}, Y = () => Array.from(s.value.children).map((t) => f.value === "left" || f.value === "right" ? t.offsetWidth : t.offsetHeight).reduce((t, n) => t + n, 0), X = (n) => {
 			t.visibleCount === void 0 ? (h.value = listMap([t.list[0]]), nextTick(() => {
-				f.value === "left" || f.value === "right" ? _.value = Math.ceil(j / c.value.offsetWidth) + 2 : _.value = Math.ceil(j / c.value.offsetHeight) + 2, h.value = v.slice(0, _.value), nextTick(() => {
+				f.value === "left" || f.value === "right" ? g.value = Math.ceil(j / c.value.offsetWidth) + 2 : g.value = Math.ceil(j / c.value.offsetHeight) + 2, h.value = v.slice(0, g.value), nextTick(() => {
 					n();
 				});
-			})) : (h.value = v.slice(0, _.value), nextTick(() => {
+			})) : (h.value = v.slice(0, g.value), nextTick(() => {
 				n();
 			}));
 		};
@@ -71513,14 +71438,14 @@ var script = defineComponent({
 						H(!1, t.step);
 					}, t.delay);
 				})) : Z(), h.value = [];
-			})), x = v.length;
+			})), y = v.length;
 		});
 		let Z = () => {
-			C = 0, w = 0, I = !1, D = 0, l.value = [], nextTick(() => {
+			S = 0, w = 0, I = !1, D = 0, l.value = [], nextTick(() => {
 				V(), F = 0, P = 0;
 			});
 		}, m9 = () => {
-			let t = v.length - _.value;
+			let t = v.length - g.value;
 			return t = Math.max(1, t), t = Math.min(5, t), t;
 		};
 		return n({
@@ -71541,7 +71466,7 @@ var script = defineComponent({
 						t.index = n;
 					});
 					let s = m9();
-					if (I) n < A && (A += 1, A > v.length && (A = 0)), r.length === 1 && a.length > 0 && a.forEach((t) => {
+					if (I) n < O && (O += 1, O > v.length && (O = 0)), r.length === 1 && a.length > 0 && a.forEach((t) => {
 						q[t] = o[0];
 					}), s !== D && (D = s);
 					else {
@@ -71549,26 +71474,26 @@ var script = defineComponent({
 							let n = c.value.offsetHeight > j;
 							(f.value === "left" || f.value === "right") && (n = c.value.offsetWidth > j), n ? (D = s, l.value = J(), nextTick(() => {
 								V(), F = 0, P = 0, B(), I = !0, H(!1, t.step);
-							})) : (t.visibleCount === void 0 && (_.value = 0), Z()), h.value = [];
+							})) : (t.visibleCount === void 0 && (g.value = 0), Z()), h.value = [];
 						};
-						_.value === 0 && t.visibleCount === void 0 ? X(() => {
+						g.value === 0 && t.visibleCount === void 0 ? X(() => {
 							n();
-						}) : (h.value = v.slice(0, _.value), nextTick(() => {
+						}) : (h.value = v.slice(0, g.value), nextTick(() => {
 							n();
 						}));
 					}
 				}
-				a && typeof a == "function" && a(v), x = v.length;
+				a && typeof a == "function" && a(v), y = v.length;
 			},
 			remove: (t, n = 1, r) => {
-				t >= 0 && t < v.length && (v.splice(t, n), I ? (h.value = v.slice(0, _.value), nextTick(() => {
+				t >= 0 && t < v.length && (v.splice(t, n), I ? (h.value = v.slice(0, g.value), nextTick(() => {
 					let t = c.value.offsetHeight > j;
 					if ((f.value === "left" || f.value === "right") && (t = c.value.offsetWidth > j), t) {
 						let t = m9();
 						t !== D && (D = t), l.value = J();
 					} else Z();
 					h.value = [];
-				})) : Z()), r && typeof r == "function" && r(v), x = v.length;
+				})) : Z()), r && typeof r == "function" && r(v), y = v.length;
 			},
 			update: (t, n, r) => {
 				if (t >= 0 && t < v.length) {
@@ -71589,7 +71514,7 @@ var script = defineComponent({
 			},
 			reset: () => {
 				nextTick(() => {
-					h.value = v.slice(0, _.value), nextTick(() => {
+					h.value = v.slice(0, g.value), nextTick(() => {
 						let t = c.value.offsetHeight > j;
 						(f.value === "left" || f.value === "right") && (t = c.value.offsetWidth > j), t ? l.value[0] === "splice" ? (z(), nextTick(() => {
 							B();
@@ -71614,7 +71539,7 @@ var script = defineComponent({
 		};
 	}
 });
-function render(n, r, a, o, l, u) {
+function render(n, r, a, o, s, u) {
 	return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", mergeProps({
 		class: "vue3-seamless-wrapper",
 		ref: "realWrapperRef",
@@ -71639,7 +71564,7 @@ function render(n, r, a, o, l, u) {
 	})), 128))], 16)], 64);
 }
 styleInject("\n.vue3-seamless-wrapper[data-v-b156a416] {\r\n  width: 100%;\r\n  height: 100%;\n}\r\n"), script.render = render, script.__scopeId = "data-v-b156a416", script.__file = "packages/Vue3SeamlessScroll.vue";
-var _hoisted_1 = { class: "my-table-box" }, _hoisted_2 = { class: "head-box" }, _hoisted_3 = { class: "data-box" }, _hoisted_4 = ["onClick"], _hoisted_5 = ["title"], _hoisted_6 = {
+var _hoisted_1$1 = { class: "my-table-box" }, _hoisted_2$1 = { class: "head-box" }, _hoisted_3$1 = { class: "data-box" }, _hoisted_4$1 = ["onClick"], _hoisted_5$1 = ["title"], _hoisted_6$1 = {
 	key: 1,
 	class: "no-data"
 }, table_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
@@ -71660,10 +71585,10 @@ var _hoisted_1 = { class: "my-table-box" }, _hoisted_2 = { class: "head-box" },
 	},
 	emits: ["row-click"],
 	setup(n, { emit: r }) {
-		let o = n, u = r, d = (t, n) => {
-			u("row-click", t, n);
+		let a = n, s = r, d = (t, n) => {
+			s("row-click", t, n);
 		};
-		return (r, u) => (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [(openBlock(!0), createElementBlock(Fragment, null, renderList(o.columns, (t, n) => (openBlock(), createElementBlock("div", {
+		return (r, s) => (openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [(openBlock(!0), createElementBlock(Fragment, null, renderList(a.columns, (t, n) => (openBlock(), createElementBlock("div", {
 			class: "head-item",
 			key: "head_" + n,
 			style: normalizeStyle({
@@ -71675,21 +71600,21 @@ var _hoisted_1 = { class: "my-table-box" }, _hoisted_2 = { class: "head-box" },
 				overflow: t.ellipsis ? "hidden" : "visible",
 				textOverflow: t.ellipsis ? "ellipsis" : "clip"
 			})
-		}, toDisplayString(t.label), 5))), 128))]), createElementVNode("div", _hoisted_3, [n.tableData.length ? (openBlock(), createBlock(unref(script), {
+		}, toDisplayString(t.label), 5))), 128))]), createElementVNode("div", _hoisted_3$1, [n.tableData.length ? (openBlock(), createBlock(unref(script), {
 			key: 0,
 			list: n.tableData,
 			hover: "",
 			step: n.tableData.length > 4 ? n.step : 0
 		}, {
-			default: withCtx(({ data: n, index: a }) => [createElementVNode("div", {
-				class: normalizeClass(["data-row", `data-row_${a}`]),
-				onClick: (t) => d(n, a)
-			}, [(openBlock(!0), createElementBlock(Fragment, null, renderList(o.columns, (t, o) => (openBlock(), createElementBlock("div", {
-				key: "data_row_" + o,
+			default: withCtx(({ data: n, index: o }) => [createElementVNode("div", {
+				class: normalizeClass(["data-row", `data-row_${o}`]),
+				onClick: (t) => d(n, o)
+			}, [(openBlock(!0), createElementBlock(Fragment, null, renderList(a.columns, (t, a) => (openBlock(), createElementBlock("div", {
+				key: "data_row_" + a,
 				class: normalizeClass([
 					"head-item",
 					"data-item",
-					`data_column_${o}`
+					`data_column_${a}`
 				]),
 				title: n[t.prop],
 				style: normalizeStyle({
@@ -71703,27 +71628,110 @@ var _hoisted_1 = { class: "my-table-box" }, _hoisted_2 = { class: "head-box" },
 				})
 			}, [renderSlot(r.$slots, `column-${t.prop}`, {
 				row: n,
-				index: a
-			}, () => [createTextVNode(toDisplayString(n[t.prop]), 1)], !0)], 14, _hoisted_5))), 128))], 10, _hoisted_4)]),
+				index: o
+			}, () => [createTextVNode(toDisplayString(n[t.prop]), 1)], !0)], 14, _hoisted_5$1))), 128))], 10, _hoisted_4$1)]),
 			_: 3
-		}, 8, ["list", "step"])) : (openBlock(), createElementBlock("div", _hoisted_6, [...u[0] ||= [createElementVNode("img", {
+		}, 8, ["list", "step"])) : (openBlock(), createElementBlock("div", _hoisted_6$1, [...s[0] ||= [createElementVNode("img", {
 			src: "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1766108977437'%20class='icon'%20viewBox='0%200%201669%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='12904'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='325.9765625'%20height='200'%3e%3cpath%20d='M1391.243682%20643.887244L1211.740867%20350.186395c-3.450203-6.918857-10.350609-10.36906-17.251016-10.36906H448.784714c-6.909631%200-13.810038%203.459428-17.260241%2010.36906l-179.521266%20293.710074v362.82484c0%2010.36906%206.909631%2017.278691%2017.260241%2017.278691h1108.170197c10.359835%200%2017.260241-6.918857%2017.260241-17.278691v-355.905983c-3.450203%200-3.450203-3.459428-3.450204-6.918857zM459.153773%20377.815695h724.976244l162.251799%20255.711715h-400.463419c-10.350609%200-17.251016%206.909631-17.251016%2017.269466%200%2058.745705-48.339745%20107.12235-107.030098%20107.12235-58.681129%200-107.011649-48.376645-107.011649-107.12235%200-10.359835-6.909631-17.269466-17.260241-17.269466h-400.463419l162.251799-255.711715z%20m897.587878%20615.077126H286.532914V671.534995h393.553788c10.359835%2069.10554%2069.050189%20127.851245%20141.541355%20127.851245%2072.509617%200%20134.640949-55.286277%20141.541356-127.86047h393.563013v321.367051zM165.711228%20823.574562v-20.738119c0-3.450203-3.459428-10.359835-10.359835-10.359835-3.450203%200-10.359835%203.450203-10.359834%2010.359835v20.738119h-17.251016c-3.459428%200-10.36906%203.450203-10.36906%2010.36906%200%206.909631%203.459428%2010.359835%2010.359835%2010.359835h20.710444v20.738119c0%203.450203%203.459428%2010.359835%2010.359834%2010.359835%203.450203%200%2010.359835-3.450203%2010.359835-10.359835v-20.738119h20.710444c3.450203%200%2010.359835-3.450203%2010.359835-10.359835%200-6.918857-3.450203-10.36906-10.359835-10.36906h-24.169872z%20m1294.582643-393.922793h31.070279c6.909631%200%2013.810038%206.909631%2013.810038%2013.819263%200%206.918857-6.900406%2013.819263-13.810038%2013.819263h-31.070279v31.107179c0%206.909631-6.900406%2013.819263-13.810038%2013.819263-6.900406%200-13.810038-6.918857-13.810037-13.819263V457.290295h-31.070279c-6.900406%200-13.800813-6.909631-13.800813-13.819263s6.900406-13.819263%2013.800813-13.819263h31.070279v-31.097954c0-6.918857%206.909631-13.828488%2013.810037-13.828488%206.909631%200%2013.810038%206.918857%2013.810038%2013.828488v31.088729z%20m107.020874%20127.851244h17.260241c3.450203%200%2010.359835%203.459428%2010.359834%2010.36906%200%206.909631-3.450203%2010.359835-10.359834%2010.359835h-17.251016v17.278691c0%203.459428-3.459428%2010.36906-10.36906%2010.36906-3.450203%200-10.350609-3.459428-10.350609-6.918857v-17.269466h-17.260241c-3.459428%200-10.359835-3.459428-10.359835-10.36906%200-6.909631%203.450203-10.359835%2010.359835-10.359834h17.251016V540.224322c0-3.450203%203.459428-10.36906%2010.359834-10.369059%203.459428%200%2010.359835%203.459428%2010.359835%2010.369059v17.278691zM189.871875%20405.463446V374.356267c0-6.918857-6.900406-13.828488-13.810038-13.828488-6.900406%200-13.810038%206.918857-13.810037%2013.828488v27.638526H131.181521c-6.900406%200-13.810038%206.918857-13.810038%2013.828488%200%206.909631%206.909631%2013.819263%2013.810038%2013.819263h27.620075v34.557382c0%206.909631%206.909631%2013.819263%2013.810038%2013.819263%206.900406%200%2013.810038-6.918857%2013.810038-13.819263v-27.647751h27.620075c6.900406%200%2013.810038-6.918857%2013.810038-13.819263%200-6.918857-6.909631-13.828488-13.810038-13.828488%206.900406-3.450203-24.169872-3.450203-24.169872-3.450203zM58.690354%20699.173521C27.620075%20699.173521%200%20671.534995%200%20640.437041s27.620075-58.745705%2058.690354-58.745705%2058.681129%2027.647751%2058.681129%2058.745705c0%2034.548157-27.61085%2058.73648-58.681129%2058.73648z%20m0-27.638526c17.251016%200%2027.620075-13.819263%2027.620076-27.647751%200-17.278691-13.810038-27.638526-27.620076-27.638526-17.260241%200-27.620075%2013.819263-27.620075%2027.638526-3.450203%2013.828488%2010.359835%2027.647751%2027.620075%2027.647751z%20m1574.215151-165.868055c-13.810038%200-27.620075-10.359835-27.620075-27.638526%200-13.819263%2010.359835-27.647751%2027.620075-27.647751%2013.810038%200%2027.620075%2010.36906%2027.620076%2027.647751%200%2017.278691-10.359835%2027.638526-27.620076%2027.638526z%20m0-10.359835c6.909631%200%2013.810038-6.918857%2013.810038-13.828488%200-6.909631-6.900406-13.819263-13.810038-13.819263-6.900406%200-13.810038%206.918857-13.810037%2013.819263%200%206.918857%206.909631%2013.828488%2013.810037%2013.828488zM455.694345%2077.195989c10.359835-10.36906%2024.169872-10.36906%2034.520482%200l86.31043%2086.384231c10.350609%2010.36906%2010.350609%2024.188323%200%2034.557382-10.359835%2010.359835-24.169872%2010.359835-34.520482%200l-86.31043-86.393456c-10.359835-10.359835-10.359835-24.188323%200-34.548157zM821.628057%2018.450284c13.810038%200%2024.169872%2010.36906%2024.169873%2024.188323v120.941613c0%2013.819263-10.359835%2024.188323-24.169873%2024.188323-13.800813%200-24.169872-10.36906-24.169872-24.188323V42.638607c0-10.36906%2010.36906-24.188323%2024.169872-24.188323z%20m362.492735%2055.286277c10.350609%2010.36906%2010.350609%2024.188323%200%2034.557382l-82.860227%2079.4746c-10.350609%2010.36906-24.169872%2010.36906-34.520482%200-10.359835-10.36906-10.359835-24.188323%200-34.557383l82.851002-82.934027c10.359835-6.909631%2027.620075-6.909631%2034.529707%203.459428z'%20fill='%23D0D0D0'%20p-id='12905'%3e%3c/path%3e%3c/svg%3e",
 			alt: "",
 			class: "no-data-img"
 		}, null, -1)]]))])]));
 	}
-}, [["__scopeId", "data-v-c2bdd967"]]), WxVideoFromFlv = VideoFromFlv_default, WxVideoFromHls = VideoFromHls_default, WxEcharts = echarts_default, WxEmpty = empty_default, WxMessage = message_default, WxPagination = pagination_default, WxRadio = radio_default, WxTable = table_default, components = [
+}, [["__scopeId", "data-v-c2bdd967"]]), messageId = 0, _sfc_main = {
+	name: "MyMessage",
+	setup() {
+		let t = ref([]), n = (n, a, o = 3e3) => {
+			let s = messageId++, c = {
+				id: s,
+				type: n,
+				content: a,
+				duration: o
+			};
+			return t.value.push(c), n !== "loading" && o > 0 && setTimeout(() => {
+				r(s);
+			}, o), () => {
+				r(s);
+			};
+		}, r = (n) => {
+			let r = t.value.findIndex((t) => t.id === n);
+			r !== -1 && t.value.splice(r, 1);
+		};
+		return {
+			messages: t,
+			addMessage: n,
+			removeMessage: r,
+			clearAll: () => {
+				t.value = [];
+			}
+		};
+	}
+}, _hoisted_1 = { class: "message-container" }, _hoisted_2 = {
+	key: 0,
+	viewBox: "0 0 16 16",
+	fill: "currentColor"
+}, _hoisted_3 = {
+	key: 1,
+	viewBox: "0 0 16 16",
+	fill: "currentColor"
+}, _hoisted_4 = {
+	key: 2,
+	viewBox: "0 0 16 16",
+	fill: "currentColor"
+}, _hoisted_5 = {
+	key: 3,
+	viewBox: "0 0 16 16",
+	fill: "currentColor"
+}, _hoisted_6 = {
+	key: 4,
+	viewBox: "0 0 16 16",
+	fill: "currentColor"
+}, _hoisted_7 = { class: "message-content" }, _hoisted_8 = ["onClick"];
+function _sfc_render(r, a, o, u, f, p) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(TransitionGroup, {
+		name: "message-fade",
+		tag: "div"
+	}, {
+		default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(u.messages, (t) => (openBlock(), createElementBlock("div", {
+			key: t.id,
+			class: normalizeClass(["message-item", `message-${t.type}`])
+		}, [
+			createElementVNode("span", { class: normalizeClass(["message-icon", `icon-${t.type}`]) }, [t.type === "success" ? (openBlock(), createElementBlock("svg", _hoisted_2, [...a[0] ||= [createElementVNode("path", { d: "M6.5 10L3 6.5l1-1 2.5 2.5 5-5 1 1-6 6z" }, null, -1)]])) : t.type === "error" ? (openBlock(), createElementBlock("svg", _hoisted_3, [...a[1] ||= [createElementVNode("path", { d: "M8 1a7 7 0 100 14A7 7 0 008 1zm0 13a6 6 0 110-12 6 6 0 010 12zM5 5h6v6H5V5z" }, null, -1)]])) : t.type === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_4, [...a[2] ||= [createElementVNode("path", { d: "M8 1a7 7 0 100 14A7 7 0 008 1zm0 13a6 6 0 110-12 6 6 0 010 12zm0-8a1 1 0 100 2 1 1 0 000-2zm0 6a1 1 0 001-1V7a1 1 0 00-2 0v4a1 1 0 001 1z" }, null, -1)]])) : t.type === "loading" ? (openBlock(), createElementBlock("svg", _hoisted_5, [...a[3] ||= [createElementVNode("path", {
+				d: "M8 1a7 7 0 100 14A7 7 0 008 1zm0 13a6 6 0 110-12 6 6 0 010 12z",
+				opacity: "0.3"
+			}, null, -1), createElementVNode("path", { d: "M8 1a7 7 0 017 7h-1a6 6 0 00-6-6V1z" }, null, -1)]])) : (openBlock(), createElementBlock("svg", _hoisted_6, [...a[4] ||= [createElementVNode("path", { d: "M8 1a7 7 0 100 14A7 7 0 008 1zm0 13a6 6 0 110-12 6 6 0 010 12zm1-9H7v5h2V5z" }, null, -1)]]))], 2),
+			createElementVNode("div", _hoisted_7, toDisplayString(t.content), 1),
+			t.type === "loading" ? createCommentVNode("", !0) : (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: "message-close",
+				onClick: (n) => u.removeMessage(t.id)
+			}, [...a[5] ||= [createElementVNode("svg", {
+				viewBox: "0 0 16 16",
+				fill: "currentColor"
+			}, [createElementVNode("path", { d: "M9.414 8l3.293-3.293a1 1 0 10-1.414-1.414L8 6.586 4.707 3.293a1 1 0 00-1.414 1.414L6.586 8l-3.293 3.293a1 1 0 001.414 1.414L8 9.414l3.293 3.293a1 1 0 001.414-1.414L9.414 8z" })], -1)]], 8, _hoisted_8))
+		], 2))), 128))]),
+		_: 1
+	})]);
+}
+var message_default$1 = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b307ec24"]]), messageInstance = null, mountNode = null, createMessage = () => messageInstance || (mountNode = document.createElement("div"), document.body.appendChild(mountNode), messageInstance = createApp(message_default$1).mount(mountNode), messageInstance), getMessageInstance = () => messageInstance || createMessage(), message_default = {
+	success: (t, n) => getMessageInstance().addMessage("success", t, n),
+	error: (t, n) => getMessageInstance().addMessage("error", t, n),
+	warning: (t, n) => getMessageInstance().addMessage("warning", t, n),
+	info: (t, n) => getMessageInstance().addMessage("info", t, n),
+	loading: (t = "加载中...") => getMessageInstance().addMessage("loading", t, 0),
+	clear: () => {
+		messageInstance && messageInstance.clearAll();
+	}
+}, WxVideoFromFlv = VideoFromFlv_default, WxVideoFromHls = VideoFromHls_default, WxEcharts = echarts_default, WxEmpty = empty_default, WxPagination = pagination_default, WxRadio = radio_default, WxTable = table_default, WxMessage = message_default, components = [
 	WxVideoFromFlv,
 	WxVideoFromHls,
 	WxEcharts,
 	WxEmpty,
-	WxMessage,
 	WxPagination,
 	WxRadio,
 	WxTable
 ], src_default = { install: (t) => {
 	components.forEach((n) => {
 		t.component(n.name || n.__name, n);
-	});
+	}), t.config.globalProperties.$message = WxMessage;
 } };
 export { WxEcharts, WxEmpty, WxMessage, WxPagination, WxRadio, WxTable, WxVideoFromFlv, WxVideoFromHls, src_default as default };