@icc-grow/web-components 1.0.0

package/dist/es/components/i-overlay/src/overlay-panel-registry.mjs

@@ -0,0 +1,30 @@
+//#region src/components/i-overlay/src/overlay-panel-registry.ts
+var e = /* @__PURE__ */ new Map(), t = 0, n = !1;
+function r() {
+	return t += 1, t;
+}
+function i() {
+	return [...e.values()].filter((e) => e.getVisible()).sort((e, t) => t.getZIndex() - e.getZIndex())[0];
+}
+function a(e) {
+	if (e.key !== "Escape") return;
+	let t = i();
+	!t || !t.getCloseOnPressEscape() || (e.preventDefault(), t.requestClose());
+}
+function o() {
+	if (typeof document > "u") return;
+	let t = [...e.values()].some((e) => e.getVisible());
+	if (t && !n) {
+		document.addEventListener("keydown", a), n = !0;
+		return;
+	}
+	!t && n && (document.removeEventListener("keydown", a), n = !1);
+}
+function s(t, n) {
+	e.set(t, n), o();
+}
+function c(t) {
+	e.delete(t), o();
+}
+//#endregion
+export { r as getNextOverlayPanelId, s as registerOverlayPanel, o as syncOverlayPanelKeydownListener, c as unregisterOverlayPanel };

package/dist/es/components/i-overlay/src/overlay-panel.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./overlay-panel.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                               */
+//#region src/components/i-overlay/src/overlay-panel.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-3d42e44f"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-overlay/src/overlay-panel.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,95 @@
+import { nextZIndex as e } from "../../../utils/z-index.mjs";
+import t from "./overlay.mjs";
+import { getNextOverlayPanelId as n, registerOverlayPanel as r, syncOverlayPanelKeydownListener as i, unregisterOverlayPanel as a } from "./overlay-panel-registry.mjs";
+import { useScrollLock as o } from "./useScrollLock.mjs";
+import { Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createVNode as p, defineComponent as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, openBlock as v, renderSlot as y, unref as b, watch as x, withCtx as S } from "vue";
+//#region src/components/i-overlay/src/overlay-panel.vue?vue&type=script&setup=true&lang.ts
+var C = /* @__PURE__ */ m({
+	name: "i-overlay-panel",
+	__name: "overlay-panel",
+	props: {
+		visible: { type: Boolean },
+		placement: { default: "center" },
+		showOverlay: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnClickOverlay: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnPressEscape: {
+			type: Boolean,
+			default: !0
+		},
+		lockScroll: {
+			type: Boolean,
+			default: !0
+		},
+		contentTransition: {}
+	},
+	emits: [
+		"update:visible",
+		"open",
+		"opened",
+		"close",
+		"closed"
+	],
+	setup(m, { emit: C }) {
+		let w = m, T = C, E = o(), D = n(), O = {
+			center: "i-overlay-panel--center inset-0 m-auto",
+			top: "inset-x-0 top-0",
+			right: "inset-y-0 right-0",
+			bottom: "inset-x-0 bottom-0",
+			left: "inset-y-0 left-0"
+		}, k = l(() => O[w.placement]), A = {
+			center: "i-fade-down",
+			top: "i-slide-top",
+			right: "i-slide-right",
+			bottom: "i-slide-bottom",
+			left: "i-slide-left"
+		}, j = l(() => w.contentTransition || A[w.placement]), M = e();
+		function N() {
+			T("update:visible", !1), T("close");
+		}
+		r(D, {
+			getVisible: () => w.visible,
+			getZIndex: () => M,
+			getCloseOnPressEscape: () => w.closeOnPressEscape,
+			requestClose: () => {
+				T("update:visible", !1), T("close");
+			}
+		});
+		function P() {
+			T("closed");
+		}
+		return x(() => w.visible, (t) => {
+			t ? (M = e(), T("open"), w.lockScroll && E.lock()) : w.lockScroll && E.unlock(), i();
+		}, { immediate: !0 }), _(() => {
+			w.visible && w.lockScroll && E.unlock(), a(D);
+		}), (e, n) => (v(), u(s, { to: "body" }, [m.showOverlay ? (v(), u(t, {
+			key: 0,
+			visible: m.visible,
+			clickable: m.closeOnClickOverlay,
+			style: g({ zIndex: b(M) }),
+			onClick: N
+		}, null, 8, [
+			"visible",
+			"clickable",
+			"style"
+		])) : d("", !0), p(c, {
+			name: j.value,
+			onAfterEnter: n[0] ||= (e) => T("opened"),
+			onAfterLeave: P
+		}, {
+			default: S(() => [m.visible ? (v(), f("div", {
+				key: 0,
+				class: h(["i-overlay-panel fixed box-border", k.value]),
+				style: g({ zIndex: b(M) })
+			}, [y(e.$slots, "default", {}, void 0, !0)], 6)) : d("", !0)]),
+			_: 3
+		}, 8, ["name"])]));
+	}
+});
+//#endregion
+export { C as default };

package/dist/es/components/i-overlay/src/overlay.mjs

@@ -0,0 +1,5 @@
+import e from "./overlay.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/i-overlay/src/overlay.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/i-overlay/src/overlay.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,33 @@
+import { Transition as e, computed as t, createBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, vShow as s, withCtx as c, withDirectives as l } from "vue";
+//#region src/components/i-overlay/src/overlay.vue?vue&type=script&setup=true&lang.ts
+var u = /* @__PURE__ */ i({
+	name: "i-overlay",
+	__name: "overlay",
+	props: {
+		visible: { type: Boolean },
+		clickable: {
+			type: Boolean,
+			default: !0
+		},
+		absolute: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["click"],
+	setup(i, { emit: u }) {
+		let d = i, f = u, p = t(() => d.clickable ? "cursor-pointer" : "cursor-default");
+		function m(e) {
+			f("click", e);
+		}
+		return (t, u) => (o(), n(e, { name: "i-fade" }, {
+			default: c(() => [l(r("div", {
+				class: a(["i-overlay inset-0 box-border bg-black-30 pointer-events-auto", [p.value, d.absolute ? "absolute" : "fixed"]]),
+				onClick: m
+			}, null, 2), [[s, i.visible]])]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { u as default };

package/dist/es/components/i-overlay/src/useScrollLock.mjs

@@ -0,0 +1,16 @@
+//#region src/components/i-overlay/src/useScrollLock.ts
+var e = 0, t = "";
+function n() {
+	e === 0 && (t = document.body.style.overflow, document.body.style.overflow = "hidden"), e++;
+}
+function r() {
+	e--, e <= 0 && (e = 0, document.body.style.overflow = t);
+}
+function i() {
+	return {
+		lock: n,
+		unlock: r
+	};
+}
+//#endregion
+export { i as useScrollLock };

package/dist/es/components/i-page-layout/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import t from "./src/page-search.mjs";
+import n from "./src/page-layout.mjs";
+//#region src/components/i-page-layout/index.ts
+var r = e(n), i = e(t);
+//#endregion
+export { i as IPageSearch, r as default };

package/dist/es/components/i-page-layout/src/page-layout.mjs

@@ -0,0 +1,5 @@
+import e from "./page-layout.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/i-page-layout/src/page-layout.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/i-page-layout/src/page-layout.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,52 @@
+import e from "../../i-icon/index.mjs";
+import t from "../../i-empty/index.mjs";
+import n from "./page-search.mjs";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, useSlots as m, withCtx as h } from "vue";
+//#region src/components/i-page-layout/src/page-layout.vue?vue&type=script&setup=true&lang.ts
+var g = { class: "i-page-layout flex h-full flex-col overflow-hidden bg-gray" }, _ = {
+	key: 0,
+	class: "flex min-h-70 shrink-0 items-center justify-between pl-10 pr-20"
+}, v = { class: "flex flex-col" }, y = {
+	key: 0,
+	class: "text-16 font-medium text-black leading-18"
+}, b = {
+	key: 1,
+	class: "inline-flex items-center leading-14 mt-8"
+}, x = { class: "text-11 text-black-30" }, S = { class: "flex items-center start-0" }, C = { class: "flex min-w-0 flex-1 flex-col mr-10 mb-10" }, w = { class: "flex min-w-0 flex-1 flex-col rounded-10 bg-white p-25 pb-0" }, T = {
+	key: 1,
+	class: "min-w-0 flex-1"
+}, E = {
+	key: 2,
+	class: "flex flex-1 items-center justify-center"
+}, D = {
+	key: 3,
+	class: "flex h-66 shrink-0 items-center justify-end"
+}, O = /* @__PURE__ */ l({
+	name: "i-page-layout",
+	__name: "page-layout",
+	props: {
+		title: { default: void 0 },
+		subtitle: { default: void 0 },
+		isAuth: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(l) {
+		let O = l, k = m(), A = r(() => !!O.title || !!O.subtitle || !!k.header || !!k["header-action"]);
+		return (r, m) => (u(), o("div", g, [A.value ? (u(), o("div", _, [d(r.$slots, "header", {}, () => [s("div", v, [l.title ? (u(), o("span", y, f(l.title), 1)) : a("", !0), l.subtitle ? (u(), o("span", b, [c(p(e), {
+			name: "icon-warning",
+			size: "14",
+			class: "text-black-30 mr-5"
+		}), s("span", x, f(l.subtitle), 1)])) : a("", !0)])]), s("div", S, [d(r.$slots, "header-action")])])) : a("", !0), s("div", C, [s("div", w, [
+			r.$slots.search ? (u(), i(n, { key: 0 }, {
+				default: h(() => [d(r.$slots, "search")]),
+				_: 3
+			})) : a("", !0),
+			l.isAuth ? (u(), o("div", T, [d(r.$slots, "default")])) : (u(), o("div", E, [d(r.$slots, "unauth", {}, () => [c(p(t), { desc: "暂无权限，请联系管理员开通" })])])),
+			r.$slots.footer ? (u(), o("div", D, [d(r.$slots, "footer")])) : a("", !0)
+		])])]));
+	}
+});
+//#endregion
+export { O as default };

package/dist/es/components/i-page-layout/src/page-search.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./page-search.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                             */
+//#region src/components/i-page-layout/src/page-search.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-200deff1"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-page-layout/src/page-search.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,19 @@
+import e from "../../i-space/index.mjs";
+import { createElementBlock as t, createVNode as n, defineComponent as r, openBlock as i, renderSlot as a, unref as o, withCtx as s } from "vue";
+//#region src/components/i-page-layout/src/page-search.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "i-page-search p-5 bg-black-2 rounded-5 mb-10" }, l = /* @__PURE__ */ r({
+	name: "i-page-search",
+	__name: "page-search",
+	setup(r) {
+		return (r, l) => (i(), t("div", c, [n(o(e), {
+			size: 10,
+			class: "w-full",
+			wrap: ""
+		}, {
+			default: s(() => [a(r.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		})]));
+	}
+});
+//#endregion
+export { l as default };

package/dist/es/components/i-pagination/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import t from "./src/pagination.mjs";
+//#region src/components/i-pagination/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/i-pagination/src/pagination.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./pagination.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                            */
+//#region src/components/i-pagination/src/pagination.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-cd20bd62"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-pagination/src/pagination.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,101 @@
+import e from "../../i-icon/index.mjs";
+import t from "../../i-select/index.mjs";
+import { createPaginationItems as n } from "./usePagination.mjs";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, unref as g, watch as _ } from "vue";
+//#region src/components/i-pagination/src/pagination.vue?vue&type=script&setup=true&lang.ts
+var v = {
+	key: 0,
+	class: "i-pagination flex flex-wrap items-center py-8 text-12 text-text-regular"
+}, y = { class: "flex flex-wrap items-center gap-20 mr-20" }, b = { class: "text-black-50 text-12" }, x = { class: "text-black" }, S = { class: "i-pagination-select" }, C = { class: "flex items-center gap-10 select-none" }, w = ["disabled"], T = {
+	key: 0,
+	class: "flex items-center justify-center w-22 h-22 text-text-placeholder",
+	title: "更多"
+}, E = ["onClick"], D = ["disabled"], O = /* @__PURE__ */ u({
+	name: "i-pagination",
+	__name: "pagination",
+	props: {
+		total: { default: 0 },
+		currentPage: { default: 1 },
+		pageSize: { default: 10 },
+		pageSizes: { default: () => [
+			10,
+			20,
+			50,
+			100,
+			200,
+			500
+		] },
+		pagerCount: { default: 5 },
+		hideOnSinglePage: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:currentPage",
+		"update:pageSize",
+		"change"
+	],
+	setup(u, { emit: O }) {
+		let k = u, A = O;
+		function j(e) {
+			return Math.min(Math.max(e, 1), M.value);
+		}
+		let M = i(() => Math.max(1, Math.ceil(k.total / k.pageSize))), N = i(() => j(k.currentPage)), P = i(() => !!(k.total === 0 || k.hideOnSinglePage && M.value <= 1)), F = i(() => n({
+			currentPage: N.value,
+			totalPages: M.value,
+			pagerCount: k.pagerCount
+		}));
+		function I(e) {
+			let t = j(e);
+			t !== N.value && (A("update:currentPage", t), A("change", {
+				currentPage: t,
+				pageSize: k.pageSize
+			}));
+		}
+		function L() {
+			N.value > 1 && I(N.value - 1);
+		}
+		function R() {
+			N.value < M.value && I(N.value + 1);
+		}
+		let z = i(() => k.pageSizes.map((e) => ({
+			label: `${e}条/页`,
+			value: e
+		}))), B = p(k.pageSize);
+		return _(() => k.pageSize, (e) => {
+			B.value = e;
+		}), _(B, (e) => {
+			e !== k.pageSize && (A("update:pageSize", e), A("update:currentPage", 1), A("change", {
+				currentPage: 1,
+				pageSize: e
+			}));
+		}), (n, i) => P.value ? a("", !0) : (f(), o("div", v, [s("div", y, [s("span", b, [
+			i[1] ||= c("共 ", -1),
+			s("span", x, h(u.total), 1),
+			i[2] ||= c(" 条", -1)
+		]), s("div", S, [l(g(t), {
+			modelValue: B.value,
+			"onUpdate:modelValue": i[0] ||= (e) => B.value = e,
+			options: z.value
+		}, null, 8, ["modelValue", "options"])])]), s("div", C, [
+			s("button", {
+				class: "flex items-center justify-center box-border w-22 h-22 rounded-full border border-solid border-transparent bg-transparent text-text-regular hover:text-primary disabled:cursor-not-allowed disabled:text-text-placeholder transition-colors",
+				disabled: N.value <= 1,
+				onClick: L
+			}, [l(g(e), { name: "icon-arrow-left" })], 8, w),
+			(f(!0), o(r, null, m(F.value, (t) => (f(), o(r, { key: t.key }, [t.type === "ellipsis" ? (f(), o("div", T, [l(g(e), { name: "icon-more" })])) : t.type === "page" ? (f(), o("button", {
+				key: 1,
+				class: d(["flex items-center justify-center box-border min-w-22 h-22 px-4 rounded-full border border-solid transition-all text-12", t.active ? "bg-primary border-primary text-white shadow-[0px_5px_20px_5px_rgba(110,40,248,0.1),0px_-2px_10px_5px_rgba(110,40,248,0.05)] font-medium" : "bg-transparent border-transparent text-text-primary hover:text-primary"]),
+				onClick: (e) => I(t.page)
+			}, h(t.page), 11, E)) : a("", !0)], 64))), 128)),
+			s("button", {
+				class: "flex items-center justify-center box-border w-22 h-22 rounded-full border border-solid border-transparent bg-transparent text-text-regular hover:text-primary disabled:cursor-not-allowed disabled:text-text-placeholder transition-colors",
+				disabled: N.value >= M.value,
+				onClick: R
+			}, [l(g(e), { name: "icon-arrow-right" })], 8, D)
+		])]));
+	}
+});
+//#endregion
+export { O as default };

package/dist/es/components/i-pagination/src/usePagination.mjs

@@ -0,0 +1,54 @@
+//#region src/components/i-pagination/src/usePagination.ts
+function e(e) {
+	let t = Math.max(1, e.pagerCount), n = e.totalPages - 1, r = Math.floor(t / 2), i = t - r - 1, a = e.currentPage - r, o = e.currentPage + i;
+	return a < 2 && (a = 2, o = Math.min(n, a + t - 1)), o > n && (o = n, a = Math.max(2, o - t + 1)), {
+		start: a,
+		end: o
+	};
+}
+function t(t) {
+	if (t.totalPages <= 0) return [];
+	let n = [];
+	if (t.totalPages <= t.pagerCount + 2) {
+		for (let e = 1; e <= t.totalPages; e += 1) n.push({
+			key: `page-${e}`,
+			type: "page",
+			label: String(e),
+			page: e,
+			active: e === t.currentPage
+		});
+		return n;
+	}
+	let { start: r, end: i } = e(t);
+	n.push({
+		key: "page-1",
+		type: "page",
+		label: "1",
+		page: 1,
+		active: t.currentPage === 1
+	}), r > 2 && n.push({
+		key: "ellipsis-left",
+		type: "ellipsis",
+		label: "..."
+	});
+	for (let e = r; e <= i; e += 1) n.push({
+		key: `page-${e}`,
+		type: "page",
+		label: String(e),
+		page: e,
+		active: e === t.currentPage
+	});
+	return i < t.totalPages - 1 && n.push({
+		key: "ellipsis-right",
+		type: "ellipsis",
+		label: "..."
+	}), n.push({
+		key: `page-${t.totalPages}`,
+		type: "page",
+		label: String(t.totalPages),
+		page: t.totalPages,
+		active: t.currentPage === t.totalPages
+	}), n;
+}
+//#endregion
+export { t as createPaginationItems };

package/dist/es/components/i-popover/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import t from "./src/popover.mjs";
+//#region src/components/i-popover/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/i-popover/src/popover.mjs

@@ -0,0 +1,7 @@
+import e from "./popover.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                         */
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+//#region src/components/i-popover/src/popover.vue
+var n = /* @__PURE__ */ t(e, [["__scopeId", "data-v-74cd179e"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-popover/src/popover.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,143 @@
+import e from "../../i-transition/index.mjs";
+import { usePopper as t } from "./usePopper.mjs";
+import { nextZIndex as n } from "../../../utils/z-index.mjs";
+import { Fragment as r, Teleport as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, nextTick as p, normalizeStyle as m, onBeforeUnmount as h, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, watch as x, withCtx as S } from "vue";
+//#region src/components/i-popover/src/popover.vue?vue&type=script&setup=true&lang.ts
+var C = {
+	key: 0,
+	class: "i-popover__title px-5 text-13 font-semibold leading-16 text-black"
+}, w = { class: "i-popover__content px-5 text-13 leading-16 text-black-70" }, T = /* @__PURE__ */ f({
+	name: "i-popover",
+	__name: "popover",
+	props: {
+		placement: { default: "bottom" },
+		trigger: { default: "click" },
+		visible: {
+			type: Boolean,
+			default: void 0
+		},
+		content: { default: "" },
+		title: { default: "" },
+		offset: { default: 8 },
+		showArrow: {
+			type: Boolean,
+			default: !0
+		},
+		openDelay: { default: 0 },
+		closeDelay: { default: 200 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		teleportTo: { default: "body" },
+		sameWidth: {
+			type: Boolean,
+			default: !1
+		},
+		width: { default: void 0 }
+	},
+	emits: [
+		"update:visible",
+		"show",
+		"hide"
+	],
+	setup(f, { expose: T, emit: E }) {
+		let D = f, O = E, k = _(null), A = _(null), j = _(null), M = _(!1), N = null, P = null, F = n(), I = a(() => D.visible !== void 0), L = a(() => I.value ? !!D.visible : M.value), { floatingStyles: R, arrowStyles: z, isPositioned: B, actualPlacement: V } = t(k, A, j, {
+			placement: a(() => D.placement),
+			offset: a(() => D.offset),
+			showArrow: a(() => D.showArrow),
+			open: L
+		}), H = a(() => {
+			let e = {
+				...R.value,
+				zIndex: F
+			};
+			return B.value || (e.visibility = "hidden"), D.width === void 0 ? D.sameWidth ? (e.width = `${k.value?.offsetWidth ?? 0}px`, e) : (e.width = "280px", e) : (e.width = typeof D.width == "number" ? `${D.width}px` : D.width, e);
+		});
+		function U() {
+			N &&= (clearTimeout(N), null), P &&= (clearTimeout(P), null);
+		}
+		function W() {
+			if (D.disabled) return;
+			U();
+			let e = () => {
+				F = n(), I.value ? O("update:visible", !0) : M.value = !0;
+			}, t = D.trigger === "hover" ? D.openDelay : 0;
+			t > 0 ? N = setTimeout(e, t) : e();
+		}
+		function G() {
+			U();
+			let e = () => {
+				I.value ? O("update:visible", !1) : M.value = !1;
+			}, t = D.trigger === "hover" ? D.closeDelay : 0;
+			t > 0 ? P = setTimeout(e, t) : e();
+		}
+		function K() {
+			D.trigger === "click" && (L.value ? G() : W());
+		}
+		function q() {
+			D.trigger === "hover" && W();
+		}
+		function J() {
+			D.trigger === "hover" && G();
+		}
+		function Y(e) {
+			if (D.trigger !== "click" || !L.value) return;
+			let t = e.target, n = k.value?.contains(t), r = A.value?.contains(t);
+			!n && !r && G();
+		}
+		x(L, (e) => {
+			e ? p(() => {
+				document.addEventListener("mousedown", Y, !0);
+			}) : document.removeEventListener("mousedown", Y, !0);
+		}), x(() => D.disabled, (e) => {
+			e && L.value && G();
+		});
+		function X() {
+			O("show");
+		}
+		function Z() {
+			O("hide");
+		}
+		return h(() => {
+			U(), document.removeEventListener("mousedown", Y, !0);
+		}), T({
+			show: W,
+			hide: G
+		}), (t, n) => (g(), c(r, null, [l("div", {
+			ref_key: "triggerRef",
+			ref: k,
+			class: "i-popover__trigger inline-flex",
+			onClick: K,
+			onMouseenter: q,
+			onMouseleave: J
+		}, [v(t.$slots, "default", {}, void 0, !0)], 544), (g(), o(i, { to: f.teleportTo }, [d(b(e), {
+			name: "expand-down",
+			onAfterEnter: X,
+			onAfterLeave: Z
+		}, {
+			default: S(() => [L.value ? (g(), c("div", {
+				key: 0,
+				ref_key: "floatingRef",
+				ref: A,
+				class: "i-popover absolute flex w-280 flex-col gap-5 box-border rounded-10 bg-white px-5 py-10 text-13 leading-16 text-black-70",
+				style: m(H.value),
+				onMouseenter: q,
+				onMouseleave: J
+			}, [
+				f.title ? (g(), c("div", C, y(f.title), 1)) : s("", !0),
+				l("div", w, [v(t.$slots, "content", {}, () => [u(y(f.content), 1)], !0)]),
+				f.showArrow ? (g(), c("div", {
+					key: 1,
+					ref_key: "arrowRef",
+					ref: j,
+					class: "i-popover__arrow",
+					style: m(b(z))
+				}, null, 4)) : s("", !0)
+			], 36)) : s("", !0)]),
+			_: 3
+		})], 8, ["to"]))], 64));
+	}
+});
+//#endregion
+export { T as default };

package/dist/es/components/i-popover/src/usePopper.mjs

@@ -0,0 +1,53 @@
+import { computed as e, ref as t, unref as n, watchEffect as r } from "vue";
+import { arrow as i, autoUpdate as a, flip as o, offset as s, shift as c, useFloating as l } from "@floating-ui/vue";
+//#region src/components/i-popover/src/usePopper.ts
+var u = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+}, d = {
+	top: "rotate(180deg)",
+	bottom: "rotate(0deg)",
+	left: "rotate(90deg)",
+	right: "rotate(-90deg)"
+};
+function f(f, p, m, h = {}) {
+	let g = t({}), _ = e(() => {
+		let e = n(h.offset) ?? 8, t = n(h.showArrow) ?? !0, r = [
+			s(e),
+			o(),
+			c({ padding: 5 })
+		];
+		return t && m.value && r.push(i({ element: m })), r;
+	}), { floatingStyles: v, placement: y, middlewareData: b, isPositioned: x, update: S } = l(f, p, {
+		placement: e(() => n(h.placement) ?? "bottom"),
+		middleware: _,
+		open: h.open,
+		transform: !1,
+		whileElementsMounted: a
+	});
+	return r(() => {
+		let e = b.value.arrow;
+		if (!e) {
+			g.value = {};
+			return;
+		}
+		let t = y.value.split("-")[0], n = u[t] || "top";
+		g.value = {
+			position: "absolute",
+			left: e.x == null ? "" : `${e.x}px`,
+			top: e.y == null ? "" : `${e.y}px`,
+			[n]: "-4px",
+			transform: d[t] || ""
+		};
+	}), {
+		floatingStyles: v,
+		arrowStyles: g,
+		actualPlacement: y,
+		isPositioned: x,
+		update: S
+	};
+}
+//#endregion
+export { f as usePopper };