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

package/picker-table-view/index.mjs

@@ -1,225 +0,0 @@
-import "../chunks/install.yLcn5MLL.mjs";
-import { t as e } from "../chunks/message.C4NdvfbE.mjs";
-import { l as t } from "../chunks/util.Ce4MHRmD.mjs";
-import { createBlock as n, createElementVNode as r, createSlots as i, createTextVNode as a, createVNode as o, onMounted as s, openBlock as c, ref as l, renderSlot as u, resolveComponent as d, toDisplayString as f, withCtx as p, withModifiers as m } from "vue";
-import { isFunction as h, isPlainObject as g } from "@web-utils/core";
-import { cloneDeep as _ } from "@web-utils/integrations/lodash";
-//#region src/components/form/PickerTableView.vue
-var v = { style: {
-	padding: "10px 0",
-	"font-size": "16px",
-	"border-bottom": "1px solid #eee"
-} }, y = /* @__PURE__ */ Object.assign({ name: "PickerTableView" }, {
-	props: {
-		title: String,
-		treeTitle: String,
-		useTree: Boolean,
-		expandFirstNode: Boolean,
-		nodeKey: {
-			type: String,
-			default: "id"
-		},
-		width: {
-			type: String,
-			default: "80%"
-		},
-		height: {
-			type: String,
-			default: "90vh"
-		},
-		visible: {
-			type: Boolean,
-			default: !1
-		},
-		multiple: {
-			type: Boolean,
-			default: !1
-		},
-		descs: {
-			type: Array,
-			default: () => []
-		},
-		model: Object,
-		tableApi: Function,
-		treeApi: Function,
-		onNodeClick: Function,
-		treeProps: Object,
-		rowKey: {
-			type: String,
-			default: "id"
-		},
-		customRootNode: [Object, Function],
-		expandOnClickNode: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	emits: [
-		"cancel",
-		"confirm",
-		"update:visible"
-	],
-	setup(y, { expose: b, emit: x }) {
-		let S = y, C = x, w = l([]), T = l(null), E = l([]), D = l([]), O = l(null), k = l(null), A = l(null), j = l(null), M = (e) => {
-			w.value = e;
-		}, N = (e) => {
-			T.value = e;
-		}, P = () => {
-			O.value.reload();
-		}, F = () => {
-			k.value.resetFields(), P();
-		}, I = () => {
-			A.value.hide();
-		}, L = () => {
-			C("cancel"), I();
-		}, R = () => {
-			let n;
-			if (S.multiple) {
-				var r;
-				(r = w.value) != null && r.length && (n = w.value);
-			} else T.value && (n = [T.value]);
-			if (!n.length) {
-				t(e).warning("请选择！");
-				return;
-			}
-			C("confirm", n), I();
-		}, z = (e) => {
-			C("update:visible", e);
-		};
-		return s(async () => {
-			if (S.useTree) {
-				let t = (await S.treeApi()).data.data;
-				if (g(S.customRootNode)) {
-					let e = _(S.customRootNode);
-					e[S.treeProps.children || "children"] = t, E.value = [e];
-				} else if (h(S.customRootNode)) {
-					let e = S.customRootNode(t);
-					e[S.treeProps.children || "children"] = t, E.value = g(e) ? [e] : e;
-				} else E.value = t;
-				if (S.expandFirstNode) {
-					var e;
-					D.value = [(e = E.value[0]) == null ? void 0 : e.id];
-				}
-			}
-		}), b({ search: P }), (e, t) => {
-			let s = d("ElTree"), l = d("ElButton"), h = d("FormItem"), g = d("ElRow"), _ = d("FormItemConfigProvider"), b = d("FormHolder"), x = d("PageableTable"), S = d("SkeletonPanel"), C = d("ElementDialog");
-			return c(), n(C, {
-				ref_key: "dialog",
-				ref: A,
-				visible: y.visible,
-				height: y.height,
-				width: y.width,
-				"body-padding": !1,
-				"show-full-screen": "",
-				title: y.title,
-				"onUpdate:visible": z
-			}, {
-				footer: p(() => [o(l, {
-					size: "default",
-					type: "primary",
-					onClick: R
-				}, {
-					default: p(() => [...t[2] || (t[2] = [a("确定", -1)])]),
-					_: 1
-				}), o(l, {
-					size: "default",
-					onClick: L
-				}, {
-					default: p(() => [...t[3] || (t[3] = [a("取消", -1)])]),
-					_: 1
-				})]),
-				default: p(() => [o(S, {
-					"flex-column": "",
-					"use-tab": !1,
-					"hide-left": !y.useTree
-				}, i({
-					default: p(() => [o(b, {
-						ref_key: "form",
-						ref: k,
-						model: y.model,
-						style: { padding: "10px" },
-						"not-table-form": "",
-						onSubmit: m(P, ["prevent"])
-					}, {
-						default: p(() => [o(_, { reactive: "" }, {
-							default: p(() => [o(g, { gutter: 0 }, {
-								default: p(() => [u(e.$slots, "search-form"), o(h, {
-									"hide-label": "",
-									span: 24,
-									style: { "text-align": "right" }
-								}, {
-									default: p(() => [o(l, {
-										type: "primary",
-										"native-type": "submit"
-									}, {
-										default: p(() => [...t[0] || (t[0] = [a("搜索", -1)])]),
-										_: 1
-									}), o(l, { onClick: F }, {
-										default: p(() => [...t[1] || (t[1] = [a("清空", -1)])]),
-										_: 1
-									})]),
-									_: 1
-								})]),
-								_: 3
-							})]),
-							_: 3
-						})]),
-						_: 3
-					}, 8, ["model"]), o(x, {
-						ref_key: "table",
-						ref: O,
-						"highlight-current-row": "",
-						"hide-on-single-page": "",
-						"click-row-select": "",
-						"row-key": y.rowKey,
-						descs: y.descs,
-						"payload-style": "body",
-						api: y.tableApi,
-						model: y.model,
-						multiple: y.multiple,
-						onCurrentChange: N,
-						onSelectionChange: M
-					}, {
-						default: p(() => [u(e.$slots, "columns")]),
-						_: 3
-					}, 8, [
-						"row-key",
-						"descs",
-						"api",
-						"model",
-						"multiple"
-					])]),
-					_: 2
-				}, [y.useTree ? {
-					name: "left",
-					fn: p(() => [r("div", v, f(y.treeTitle), 1), o(s, {
-						ref_key: "tree",
-						ref: j,
-						"node-key": y.nodeKey,
-						data: E.value,
-						"default-expanded-keys": D.value,
-						props: y.treeProps,
-						"expand-on-click-node": y.expandOnClickNode,
-						onNodeClick: y.onNodeClick
-					}, null, 8, [
-						"node-key",
-						"data",
-						"default-expanded-keys",
-						"props",
-						"expand-on-click-node",
-						"onNodeClick"
-					])]),
-					key: "0"
-				} : void 0]), 1032, ["hide-left"])]),
-				_: 3
-			}, 8, [
-				"visible",
-				"height",
-				"width",
-				"title"
-			]);
-		};
-	}
-});
-//#endregion
-export { y as default };

package/present-view/index.mjs

@@ -1,271 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import t from "../resize-observer/index.mjs";
-import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createVNode as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, renderSlot as m, resolveComponent as h, toDisplayString as g, toHandlers as _, vShow as v, withCtx as y, withDirectives as b } from "vue";
-import { delay as x, hasOwn as S, isInContainer as C, toStringArray as w } from "@web-utils/core";
-import { merge as T } from "@web-utils/integrations/lodash";
-//#region src/components/form/PresentView.vue
-var E = [
-	"back",
-	"create",
-	"save",
-	"withdraw",
-	"edit",
-	"submit",
-	"publish",
-	"agree",
-	"disagree",
-	"reject",
-	"finish",
-	"cancel",
-	"enable",
-	"exp",
-	"imp",
-	"del",
-	"disabled",
-	"reload",
-	"slot"
-], D = E.map((e) => `${e}-down`), O = [
-	"back",
-	"withdraw",
-	"edit"
-], k = [
-	"save",
-	"submit",
-	"",
-	"publish",
-	"agree",
-	"disagree",
-	"reject",
-	"finish",
-	"cancel"
-], A = (e, t) => {
-	if (e.classList.contains(t)) return e;
-	let n = e.parentNode;
-	for (; n && !n.classList.contains(t);) n = n.parentNode;
-	return n.classList.contains(t) ? n : null;
-}, j = {
-	name: "PresentView",
-	components: { ResizeObserver: t },
-	provide() {
-		return { presentView: this };
-	},
-	inject: { flowContext: { default: {} } },
-	props: {
-		notForm: Boolean,
-		loading: Boolean,
-		unLimit: Boolean,
-		formWidth: {
-			type: String,
-			default: "75%"
-		},
-		toolbarAttrs: {
-			type: Object,
-			default: () => {}
-		},
-		toolbarListeners: Object,
-		contentClass: String,
-		className: String,
-		title: String,
-		showToolbar: {
-			type: Boolean,
-			default: !0
-		},
-		formNav: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	data() {
-		return {
-			tabs: [],
-			activeIndex: -1,
-			tryByClick: !1,
-			showNav: !1
-		};
-	},
-	computed: {
-		isFormLoading() {
-			return this.loading || S(this.$parent, "isFormLoaded") ? !this.$parent.isFormLoaded : !1;
-		},
-		toolbarProps() {
-			var e;
-			let t = {}, n = ((e = this.toolbarAttrs) == null ? void 0 : e.buttons) || this.$parent.buttons, r = T({}, this.toolbarAttrs, t);
-			return r.buttons = n || ["back"], r.buttons = w(r.buttons), r;
-		}
-	},
-	created() {
-		this.onFormResize({ width: window.document.body.clientWidth });
-	},
-	async activated() {
-		this.$refs.formScroller && (await this.$nextTick(), this.scrollTo(this.formScrollTop, this.formScrollLeft));
-	},
-	methods: {
-		addTab() {
-			tab && (this.activeIndex === -1 && (this.activeIndex = 0), this.tabs.push(tab), this.tabs = this.tabs.sort((e, t) => {
-				let n = A(e.$el, "form-card"), r = A(t.$el, "form-card");
-				if (n === r) return [].indexOf.call(e.$el.parentNode.children, e.$el) - [].indexOf.call(t.$el.parentNode.children, t.$el);
-				{
-					let e = A(n, "form-scroller");
-					return [].indexOf.call(e.children, n) - [].indexOf.call(e.children, r);
-				}
-			}), tab.active && (this.activeIndex = this.tabs.indexOf(tab), this.tabClick(tab, this.activeIndex)));
-		},
-		removeTab() {
-			if (tab) {
-				let e = this.tabs.indexOf(tab);
-				this.tabs.splice(e, 1), this.activeIndex > this.tabs.length - 1 && (this.activeIndex = 0);
-			}
-		},
-		getToolbarSlotKeys() {
-			return Object.keys(this.$slots).filter((e) => E.includes(e));
-		},
-		getFooterSlotKeys() {
-			return Object.keys(this.$slots).filter((e) => D.includes(e));
-		},
-		getFooterSlotKey(e) {
-			return e.replace("-down", "");
-		},
-		onFormResize({ width: e }) {
-			this.showNav = e > 1500;
-		},
-		onEdit() {
-			!this.toolbarListeners.edit && S(this.$parent, "disabled") && (this.$parent.disabled = !1);
-		},
-		async tabClick(e, t) {
-			this.showNav && (await this.$nextTick(), e.expand || (e.open(), await x(200), await this.$nextTick()), this.tryByClick = !0, this.activeIndex = t, this.$refs.formScroller.scrollTop = e.$el.offsetTop - 10);
-		},
-		tryActive() {
-			if (this.showNav) {
-				for (let e = 0; e < this.tabs.length; e++) if (C(this.tabs[e].$el, this.$refs.formScroller, { bottomOffset: 10 })) {
-					this.activeIndex = e;
-					break;
-				}
-			}
-		},
-		onFormScroll() {
-			this.formScrollTop = this.$refs.formScroller.scrollTop, this.formScrollLeft = this.$refs.formScroller.scrollLeft, !this.tryByClick && this.tabs.length && window.requestAnimationFrame(this.tryActive), this.tryByClick = !1;
-		},
-		scrollTo(e, t) {
-			e && (this.$refs.formScroller.scrollTop = e), t && (this.$refs.formScroller.scrollLeft = t);
-		},
-		getToolbarButtons(e) {
-			return e.filter((e) => !k.includes(e) && e.indexOf(":down") < 0).map((e) => e.replace(":up", ""));
-		},
-		getFooterBarButtons(e) {
-			let t = e.filter((e) => !O.includes(e) && (k.includes(e) || e.indexOf(":down") > -1)).map((e) => e.replace(":down", ""));
-			return t = t || [], this.$parent.isEnabled && !t.includes("cancel") && t.push("cancel"), t;
-		}
-	}
-}, M = { class: "form-view-toolbar" }, N = { class: "form-scroller-wrapper" }, P = {
-	key: 0,
-	class: "form-view-title"
-}, F = { class: "form-content" }, I = {
-	key: 0,
-	class: "form-view-title"
-}, L = { class: "form-content" }, R = {
-	key: 0,
-	class: "form-nav"
-}, z = { class: "form-nav-list" }, B = ["onClick"];
-function V(e, t, x, S, C, w) {
-	let T = h("Toolbar"), E = h("EmptyView"), D = h("FlowLog"), O = h("FormItemGroup"), k = h("ResizeObserver"), A = h("LoadingView");
-	return f(), a("div", { class: u(["form-view", x.className]) }, [
-		i(" 顶部工具栏 "),
-		b(o("div", M, [m(e.$slots, "form-view-toolbar", {}, () => [b(c(T, l({
-			...w.toolbarProps,
-			buttons: w.getToolbarButtons(w.toolbarProps.buttons)
-		}, { onEdit: w.onEdit }, _(x.toolbarListeners)), s({
-			default: y(({ buttons: t }) => [m(e.$slots, "toolbar-button", { buttons: t })]),
-			"toolbar-right": y(() => [m(e.$slots, "toolbar-right")]),
-			_: 2
-		}, [p(w.getToolbarSlotKeys(), (t) => ({
-			name: t,
-			fn: y(() => [m(e.$slots, t)])
-		}))]), 1040, ["onEdit"]), [[v, x.showToolbar]])])], 512), [[v, !w.isFormLoading]]),
-		i(" 表单 "),
-		b(o("div", N, [o("div", {
-			ref: "formScroller",
-			class: u([
-				"form-scroller",
-				"absolute-box",
-				x.contentClass
-			]),
-			onScroll: t[0] || (t[0] = (...e) => w.onFormScroll && w.onFormScroll(...e))
-		}, [x.notForm ? (f(), a("div", {
-			key: 0,
-			style: d({ width: x.formWidth }),
-			class: "not-form"
-		}, [
-			x.title ? (f(), a("div", P, g(x.title), 1)) : i("v-if", !0),
-			i(" 表单内容 "),
-			m(e.$slots, "default", {}, () => [c(E, { "empty-tips": "请添加表单内容" })]),
-			i(" 底部工具栏 "),
-			c(T, l({
-				...w.toolbarProps,
-				buttons: w.getFooterBarButtons(w.toolbarProps.buttons)
-			}, { footer: "" }, _(x.toolbarListeners)), s({
-				default: y(({ buttons: t, footer: n }) => [m(e.$slots, "footer-button", {
-					buttons: t,
-					footer: n
-				})]),
-				_: 2
-			}, [p(w.getFooterSlotKeys(), (t) => ({
-				name: w.getFooterSlotKey(t),
-				fn: y(() => [m(e.$slots, t)])
-			}))]), 1040),
-			i(" 表单底部 "),
-			e.$slots["form-bottom"] ? m(e.$slots, "form-bottom", { key: 1 }) : i("v-if", !0)
-		], 4)) : (f(), a("div", {
-			key: 1,
-			class: u(["form-card", { "un-limit": x.unLimit }]),
-			style: d({ width: `calc(${x.formWidth} + 40px)` })
-		}, [o("div", F, [
-			i(" 表单内容 "),
-			x.title ? (f(), a("div", I, g(x.title), 1)) : i("v-if", !0),
-			m(e.$slots, "default", {}, () => [c(E, { "empty-tips": "请添加表单内容" })]),
-			i(" 底部工具栏 "),
-			w.getFooterBarButtons(w.toolbarProps.buttons).length ? (f(), r(T, l({ key: 1 }, {
-				...w.toolbarProps,
-				buttons: w.getFooterBarButtons(w.toolbarProps.buttons)
-			}, { footer: "" }, _(x.toolbarListeners)), s({
-				default: y(({ buttons: t, footer: n }) => [m(e.$slots, "footer-button", {
-					buttons: t,
-					footer: n
-				})]),
-				_: 2
-			}, [p(w.getFooterSlotKeys(), (t) => ({
-				name: w.getFooterSlotKey(t),
-				fn: y(() => [m(e.$slots, t)])
-			}))]), 1040)) : i("v-if", !0)
-		])], 6)), e.$slots["form-bottom"] || e.$parent.$options.flowForm && w.flowContext.logs.length ? (f(), a("div", {
-			key: 2,
-			class: u(["form-card", { "un-limit": x.unLimit }]),
-			style: d([{ width: `calc(${x.formWidth} + 40px)` }, { "min-height": "0" }])
-		}, [o("div", L, [
-			c(O, { "block-title": "流程日志" }, {
-				default: y(() => [c(D, {
-					fetch: !1,
-					"show-title": !1,
-					"business-key": e.$parent.bizKey
-				}, null, 8, ["business-key"])]),
-				_: 1
-			}),
-			i(" 表单底部 "),
-			m(e.$slots, "form-bottom")
-		])], 6)) : i("v-if", !0)], 34), c(k, { onNotify: w.onFormResize }, null, 8, ["onNotify"])], 512), [[v, !w.isFormLoading]]),
-		i(" 表单导航 "),
-		x.formNav && !w.isFormLoading && C.showNav && C.tabs.length ? (f(), a("div", R, [t[1] || (t[1] = o("div", { class: "form-nav-header" }, "表单导航", -1)), o("ul", z, [(f(!0), a(n, null, p(C.tabs, (e, t) => (f(), a("li", {
-			key: e.blockTitle,
-			class: u(["form-nav-item", { active: C.activeIndex === t }]),
-			onClick: (n) => w.tabClick(e, t)
-		}, g(e.blockTitle), 11, B))), 128))])])) : i("v-if", !0),
-		i(" 加载提示 "),
-		w.isFormLoading ? (f(), r(A, {
-			key: 1,
-			"icon-size": "34px",
-			"font-size": "16px"
-		})) : i("v-if", !0)
-	], 2);
-}
-var H = /* @__PURE__ */ e(j, [["render", V]]);
-//#endregion
-export { H as default };

package/present-view/style.css

@@ -1 +0,0 @@
-.form-view{flex-direction:column;height:100%;display:flex}.form-view .form-scroller-wrapper{flex:1;position:relative}.form-view .not-form{margin:0 auto}.form-view .form-view-toolbar{overflow:hidden}.form-view .form-scroller{flex:1;overflow:auto}.form-view .form-scroller .el-row{position:static}.form-view .form-content .el-form .el-row{padding-right:2rem}.form-view .form-content .el-form .el-row .el-row{padding-right:0}.form-view .form-card{color:#303133;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;max-width:1000px;margin:14px auto;padding:20px;transition:all .3s;box-shadow:0 2px 12px #0000001a}.form-view .form-card.un-limit{max-width:100%}.form-view .form-nav{background-color:#fff;position:absolute;top:55px;left:20px;box-shadow:0 2px 12px #0000001a}.form-view .form-nav-list{min-width:180px;padding:10px 20px}.form-view .form-nav-header{color:#e34e55;background-color:#f3f5fb;padding:5px 20px;font-size:15px;font-weight:700;position:relative}.form-view .form-nav-item{cursor:pointer;padding:5px 0;position:relative;font-family:element-icons!important}.form-view .form-nav-item.active,.form-view .form-nav-item:hover{color:#e34e55;font-weight:700}.form-view .form-nav-item.active:before{content:"";position:absolute;left:-14px}.form-view .form-view-title{color:#333;text-align:center;background-color:#fff;width:100%;height:36px;margin-top:-10px;margin-bottom:10px;font-size:22px;line-height:36px}.form-view .tip{background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px;margin:20px 0;padding:8px 16px}.form-view .tip p{color:#5e6d82;font-size:14px;line-height:1.5em}.form-view .tip.danger{background-color:#fde2e2;border-left-color:#f56c6c}.form-view .tip.danger p{color:#564646}.form-view .tip.warning{background-color:#f7efe2;border-left-color:#e6a23c}.form-view .tip.warning p{color:#5d564b}.form-view .select-num{color:#898989;font-size:12px}.form-view .select-num .num{font-family:impact,Constantia,Georgia;font-size:19px}.form-view .el-table .el-table__header th{color:#595959;background:#fff;font-weight:400}.form-view .el-table td{padding:4px 0}

package/queue/index.mjs

@@ -1,46 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { createElementBlock as t, createElementVNode as n, normalizeClass as r, openBlock as i, renderSlot as a } from "vue";
-//#region src/components/queue/Queue.vue
-var o = {
-	name: "Queue",
-	props: {
-		enter: {
-			type: String,
-			default: "fadeInLeft"
-		},
-		block: {
-			type: Boolean,
-			default: !1
-		},
-		delay: {
-			type: Number,
-			default: 0
-		}
-	},
-	data() {
-		return { animate: [] };
-	},
-	mounted() {
-		this.$nextTick(() => {
-			addEventListener("scroll", this.handleAnimate), this.handleAnimate();
-		});
-	},
-	unmounted() {
-		removeEventListener("scroll", this.handleAnimate);
-	},
-	methods: { handleAnimate() {
-		let e = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop, t = document.documentElement.clientHeight, n = this.$refs.queue;
-		e + t > n.offsetTop ? setTimeout(() => {
-			this.animate = [this.enter, "avue-opacity--active"];
-		}, this.delay) : this.animate = ["avue-opacity"];
-	} }
-};
-function s(e, o, s, c, l, u) {
-	return i(), t("div", { class: r(["avue-queue", { "avue-queue--block": s.block }]) }, [n("div", {
-		ref: "queue",
-		class: r(["animate__animated", l.animate])
-	}, [a(e.$slots, "default")], 2)], 2);
-}
-var c = /* @__PURE__ */ e(o, [["render", s]]);
-//#endregion
-export { c as default };

package/queue/style.css

@@ -1 +0,0 @@
-.avue-queue--block{display:inline-block}

package/record-video/index.mjs

@@ -1,2 +0,0 @@
-import { t as e } from "../chunks/RecordVideo.VRFTaHSp.mjs";
-export { e as default };

package/record-video/style.css

@@ -1 +0,0 @@
-.avue-video{width:500px;position:relative;overflow:hidden}.avue-video__border span{color:#0073eb;border-style:solid;border-width:4px;width:30px;height:30px;position:absolute}.avue-video__border span:first-child{border-bottom:0;border-right:0;top:15px;left:15px}.avue-video__border span:nth-child(2){border-bottom:0;border-left:0;top:15px;right:15px}.avue-video__border span:nth-child(3){border-top:0;border-right:0;bottom:15px;left:15px}.avue-video__border span:nth-child(4){border-top:0;border-left:0;bottom:15px;right:15px}.avue-video__img{width:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.avue-video__main{width:100%}

package/resize-observer/index.mjs

@@ -1,45 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { n as t } from "../chunks/utils.CSPl1l4f.mjs";
-import { createElementBlock as n, openBlock as r } from "vue";
-//#region src/components/ResizeObserver.vue
-var i;
-function a() {
-	a.init || (a.init = !0, i = t() !== -1);
-}
-var o = {
-	name: "ResizeObserver",
-	emits: ["notify"],
-	mounted() {
-		a(), this.$nextTick(() => {
-			this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight;
-		});
-		let e = document.createElement("object");
-		this._resizeObject = e, e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", -1), e.onload = this.addResizeHandlers, e.type = "text/html", i && this.$el.appendChild(e), e.data = "about:blank", i || this.$el.appendChild(e);
-	},
-	beforeUnmount() {
-		this.removeResizeHandlers();
-	},
-	methods: {
-		compareAndNotify() {
-			(this._w !== this.$el.offsetWidth || this._h !== this.$el.offsetHeight) && (this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.$emit("notify", {
-				width: this._w,
-				height: this._h
-			}));
-		},
-		addResizeHandlers() {
-			this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
-		},
-		removeResizeHandlers() {
-			this._resizeObject && this._resizeObject.onload && (!i && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
-		}
-	}
-}, s = {
-	class: "resize-observer",
-	tabindex: "-1"
-};
-function c(e, t, i, a, o, c) {
-	return r(), n("div", s);
-}
-var l = /* @__PURE__ */ e(o, [["render", c]]);
-//#endregion
-export { l as default };

package/resize-observer/style.css

@@ -1 +0,0 @@
-.resize-observer{z-index:-1;opacity:0;pointer-events:none;background-color:#0000;border:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.resize-observer>object{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}