element-like 0.0.0-stage → 0.1.0

package/dist/es/element-like.js

@@ -0,0 +1,696 @@
+import { library as e } from "@fortawesome/fontawesome-svg-core";
+import { faSpinner as t, fas as n } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as r } from "@fortawesome/vue-fontawesome";
+import { Fragment as i, Teleport as a, Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, guardReactiveProps as h, inject as g, nextTick as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as ee, openBlock as x, provide as S, ref as C, renderList as w, renderSlot as T, resolveComponent as E, toDisplayString as D, unref as O, useId as k, useTemplateRef as A, vShow as j, watch as M, withCtx as N, withDirectives as P, withModifiers as F } from "vue";
+//#region src/components/withInstall.ts
+function I(e, t = {}) {
+	let n = e;
+	return n.install = (n) => {
+		t.setup?.(n), e.name && (n.component(e.name, e), n.component(e.name.replace(/-/g, ""), e));
+	}, n;
+}
+//#endregion
+//#region src/components/Icon/Icon.vue?vue&type=script&setup=true&lang.ts
+var L = /*@__PURE__*/ m({
+	name: "ElLike-Icon",
+	__name: "Icon",
+	props: {
+		icon: {
+			type: String,
+			required: !0
+		},
+		type: {
+			type: String,
+			default: ""
+		},
+		size: { type: String },
+		rotation: { type: [Number, String] },
+		flip: { type: [String, Boolean] },
+		spin: Boolean,
+		spinReverse: Boolean,
+		spinPulse: Boolean,
+		pulse: Boolean,
+		bounce: Boolean,
+		shake: Boolean,
+		beat: Boolean,
+		fade: Boolean,
+		beatFade: Boolean,
+		flash: Boolean,
+		color: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(e) {
+		let t = e, n = s(() => `fa-solid fa-${t.icon}`), r = s(() => {
+			let e = { ...t };
+			return delete e.icon, delete e.type, delete e.color, {
+				...e,
+				icon: n.value
+			};
+		});
+		return (e, t) => {
+			let n = E("font-awesome-icon");
+			return x(), u("i", {
+				class: v(["el-like-icon", { [`el-like-icon--${e.type}`]: e.type }]),
+				style: b({ color: e.color })
+			}, [p(n, y(h(r.value)), null, 16)], 6);
+		};
+	}
+}), R = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, z = /*#__PURE__*/ R(L, [["__scopeId", "data-v-0b563ca1"]]), B = /* @__PURE__ */ I(z, { setup(t) {
+	e.add(n), t.component("font-awesome-icon") || t.component("font-awesome-icon", r);
+} }), te = {
+	type: {
+		type: String,
+		default: "default"
+	},
+	size: { type: String },
+	plain: Boolean,
+	round: Boolean,
+	circle: Boolean,
+	disabled: Boolean,
+	loading: Boolean,
+	icon: {
+		type: String,
+		default: ""
+	}
+}, ne = ["disabled", "aria-busy"], re = {
+	key: 2,
+	class: "el-like-button__content"
+}, V = /* @__PURE__ */ I(/* @__PURE__ */ R(/* @__PURE__ */ m({
+	name: "ElLike-Button",
+	__name: "Button",
+	props: te,
+	emits: ["click"],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = C(null), o = (e) => {
+			r.disabled || r.loading || i("click", e);
+		};
+		return t({ ref: a }), (e, t) => (x(), u("button", {
+			ref_key: "buttonRef",
+			ref: a,
+			class: v(["el-like-button", [
+				`el-like-button--${e.type}`,
+				e.size && e.size !== "default" ? `el-like-button--${e.size}` : "",
+				{
+					"is-plain": e.plain,
+					"is-round": e.round,
+					"is-circle": e.circle,
+					"is-disabled": e.disabled,
+					"is-loading": e.loading
+				}
+			]]),
+			type: "button",
+			disabled: e.disabled || e.loading,
+			"aria-busy": e.loading,
+			onClick: o
+		}, [e.loading ? (x(), c(z, {
+			key: 0,
+			class: "el-like-button__icon",
+			icon: "spinner",
+			spin: "",
+			"aria-hidden": "true"
+		})) : e.icon ? (x(), c(z, {
+			key: 1,
+			class: "el-like-button__icon",
+			icon: e.icon,
+			"aria-hidden": "true"
+		}, null, 8, ["icon"])) : l("", !0), e.$slots.default ? (x(), u("span", re, [T(e.$slots, "default", {}, void 0, !0)])) : l("", !0)], 10, ne));
+	}
+}), [["__scopeId", "data-v-ab0fd185"]]), { setup(n) {
+	e.add(t), n.component("font-awesome-icon") || n.component("font-awesome-icon", r);
+} }), H = {
+	width: { type: Number },
+	imgSrc: {
+		type: String,
+		required: !0
+	},
+	imgHeight: { type: Number },
+	summary: { type: String }
+}, ie = ["src"], ae = {
+	key: 0,
+	class: "el-like-card__summary"
+}, oe = {
+	key: 1,
+	class: "el-like-card__footer"
+}, U = /* @__PURE__ */ I(/* @__PURE__ */ R(/* @__PURE__ */ m({
+	name: "ElLike-Card",
+	__name: "Card",
+	props: H,
+	setup(e) {
+		let t = e, n = (e) => e === void 0 ? void 0 : `${e}px`, r = s(() => ({ width: n(t.width) })), a = s(() => ({ height: n(t.imgHeight) }));
+		return (e, t) => (x(), u("div", {
+			class: "el-like-card",
+			style: b(r.value)
+		}, [
+			d("img", {
+				class: "el-like-card__image",
+				src: e.imgSrc,
+				style: b(a.value),
+				alt: ""
+			}, null, 12, ie),
+			e.summary || e.$slots.default ? (x(), u("div", ae, [e.summary ? (x(), u(i, { key: 0 }, [f(D(e.summary), 1)], 64)) : T(e.$slots, "default", {}, void 0, !0, 1)])) : l("", !0),
+			e.$slots.footer ? (x(), u("div", oe, [T(e.$slots, "footer", {}, void 0, !0)])) : l("", !0)
+		], 4));
+	}
+}), [["__scopeId", "data-v-ff3577ba"]])), W = {
+	title: {
+		type: String,
+		default: "提示"
+	},
+	width: {
+		type: String,
+		default: "50%"
+	},
+	top: {
+		type: String,
+		default: "15vh"
+	},
+	visible: {
+		type: Boolean,
+		default: !1
+	},
+	closeOnClickModal: {
+		type: Boolean,
+		default: !0
+	}
+}, se = ["aria-labelledby"], G = { class: "el-like-dialog__header" }, ce = ["id"], K = {
+	key: 0,
+	class: "el-like-dialog__body"
+}, q = {
+	key: 1,
+	class: "el-like-dialog__footer"
+}, J = /* @__PURE__ */ I(/* @__PURE__ */ R(/* @__PURE__ */ m({
+	name: "ElLike-Dialog",
+	__name: "Dialog",
+	props: W,
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = k(), m = s(() => ({
+			width: n.width,
+			marginTop: n.top
+		})), h = () => {
+			r("close");
+		}, g = () => {
+			n.closeOnClickModal && h();
+		}, _ = (e) => {
+			e.key === "Escape" && !e.defaultPrevented && h();
+		}, v = () => {
+			typeof document < "u" && document.removeEventListener("keydown", _);
+		};
+		return M(() => n.visible, (e) => {
+			typeof document < "u" && (v(), e && document.addEventListener("keydown", _));
+		}, { immediate: !0 }), ee(v), (e, t) => (x(), c(a, { to: "body" }, [p(o, { name: "el-like-dialog-fade" }, {
+			default: N(() => [e.visible ? (x(), u("div", {
+				key: 0,
+				class: "el-like-dialog__overlay",
+				onClick: F(g, ["self"])
+			}, [d("div", {
+				class: "el-like-dialog",
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": O(i),
+				style: b(m.value)
+			}, [
+				d("div", G, [d("h2", {
+					id: O(i),
+					class: "el-like-dialog__title"
+				}, [T(e.$slots, "title", {}, () => [f(D(e.title), 1)], !0)], 8, ce), d("button", {
+					class: "el-like-dialog__close",
+					type: "button",
+					"aria-label": "关闭对话框",
+					onClick: h
+				}, [...t[0] ||= [d("span", { "aria-hidden": "true" }, "×", -1)]])]),
+				e.$slots.default ? (x(), u("div", K, [T(e.$slots, "default", {}, void 0, !0)])) : l("", !0),
+				e.$slots.footer ? (x(), u("div", q, [T(e.$slots, "footer", {}, void 0, !0)])) : l("", !0)
+			], 12, se)])) : l("", !0)]),
+			_: 3
+		})]));
+	}
+}), [["__scopeId", "data-v-5eb9bb77"]])), le = {
+	total: {
+		type: Number,
+		default: 0
+	},
+	currentPage: {
+		type: Number,
+		default: 1
+	},
+	pageCount: {
+		type: Number,
+		default: 10
+	},
+	type: { type: String },
+	size: { type: String }
+}, ue = { class: "el-like-pager__list" }, de = [
+	"aria-label",
+	"aria-current",
+	"onClick"
+], fe = ["aria-label", "onClick"], Y = /* @__PURE__ */ I(/* @__PURE__ */ R(/* @__PURE__ */ m({
+	name: "ElLike-Pager",
+	__name: "Pager",
+	props: le,
+	emits: ["current-change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = (e, t) => Number.isFinite(e) ? Math.trunc(e) : t, o = s(() => Math.max(0, a(n.total, 0))), c = s(() => Math.max(1, a(n.pageCount, 10))), l = s(() => o.value === 0 ? 1 : Math.min(Math.max(a(n.currentPage, 1), 1), o.value)), f = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n), p = s(() => {
+			let e = o.value;
+			if (e === 0) return [];
+			let t = Math.min(c.value, e);
+			if (t === e) return f(1, e);
+			if (t < 3) {
+				let n = Math.min(Math.max(l.value - Math.floor((t - 1) / 2), 1), e - t + 1);
+				return f(n, n + t - 1);
+			}
+			let n = t - 2, r = Math.min(Math.max(l.value, 2), e - 1), i = e - n, a = Math.min(Math.max(r - Math.floor((n - 1) / 2), 2), i);
+			return [
+				1,
+				...f(a, a + n - 1),
+				e
+			];
+		}), m = s(() => {
+			let e = [], t = p.value, n = t[0], r = t[t.length - 1], i = (e) => ({
+				kind: "ellipsis",
+				key: `ellipsis-${e}`,
+				direction: e,
+				target: e === "previous" ? Math.max(1, l.value - c.value) : Math.min(o.value, l.value + c.value)
+			});
+			n !== void 0 && n > 1 && e.push(i("previous"));
+			let a;
+			for (let n of t) a !== void 0 && n - a > 1 && e.push(i(n <= l.value ? "previous" : "next")), e.push({
+				kind: "page",
+				key: `page-${n}`,
+				page: n
+			}), a = n;
+			return r !== void 0 && r < o.value && e.push(i("next")), e;
+		}), h = (e) => {
+			if (o.value === 0) return;
+			let t = Math.min(Math.max(e, 1), o.value);
+			t !== l.value && r("current-change", t);
+		};
+		return (e, t) => (x(), u("nav", {
+			class: v(["el-like-pager", [e.type ? `el-like-pager--${e.type}` : "", e.size && e.size !== "default" ? `el-like-pager--${e.size}` : ""]]),
+			"aria-label": "分页导航"
+		}, [d("ul", ue, [(x(!0), u(i, null, w(m.value, (e) => (x(), u("li", {
+			key: e.key,
+			class: "el-like-pager__item"
+		}, [e.kind === "page" ? (x(), u("button", {
+			key: 0,
+			class: v(["el-like-pager__button el-like-pager__page", { "is-active": e.page === l.value }]),
+			type: "button",
+			"aria-label": `第 ${e.page} 页`,
+			"aria-current": e.page === l.value ? "page" : void 0,
+			onClick: (t) => h(e.page)
+		}, D(e.page), 11, de)) : (x(), u("button", {
+			key: 1,
+			class: v(["el-like-pager__button el-like-pager__ellipsis", `el-like-pager__ellipsis--${e.direction}`]),
+			type: "button",
+			"aria-label": `${e.direction === "previous" ? "向前" : "向后"}跳转到第 ${e.target} 页`,
+			onClick: (t) => h(e.target)
+		}, [...t[0] ||= [d("span", { "aria-hidden": "true" }, "…", -1)]], 10, fe))]))), 128))])], 2));
+	}
+}), [["__scopeId", "data-v-1a7620bc"]])), pe = {
+	modelValue: {
+		type: Array,
+		default: () => []
+	},
+	accordion: {
+		type: Boolean,
+		default: !1
+	}
+}, me = Symbol("collapseContextKey"), he = { class: "el-like-collapse" }, X = /* @__PURE__ */ I(/* @__PURE__ */ R(/* @__PURE__ */ m({
+	name: "ElLike-Collapse",
+	__name: "Collapse",
+	props: pe,
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = C([...n.modelValue]);
+		return M(() => n.modelValue, (e) => {
+			i.value = [...e];
+		}), S(me, {
+			activeNames: i,
+			handleItemClick: (e) => {
+				if (n.accordion) i.value = i.value[0] === e ? [] : [e];
+				else {
+					let t = i.value.indexOf(e);
+					t > -1 ? i.value.splice(t, 1) : i.value.push(e);
+				}
+				let t = [...i.value];
+				r("update:modelValue", t), r("change", t);
+			}
+		}), (e, t) => (x(), u("div", he, [T(e.$slots, "default", {}, void 0, !0)]));
+	}
+}), [["__scopeId", "data-v-c1ccd149"]])), ge = {
+	name: {
+		type: String,
+		required: !0
+	},
+	title: {
+		type: String,
+		default: ""
+	},
+	disabled: {
+		type: Boolean,
+		default: !1
+	}
+}, _e = [
+	"disabled",
+	"aria-expanded",
+	"aria-controls"
+], ve = { class: "el-like-collapse-item__title" }, ye = ["id"], be = { class: "el-like-collapse-item__content" }, Z = /* @__PURE__ */ I(/* @__PURE__ */ R(/* @__PURE__ */ m({
+	name: "ElLike-CollapseItem",
+	__name: "CollapseItem",
+	props: ge,
+	setup(e) {
+		let t = e, n = g(me), r = s(() => n?.activeNames.value.includes(t.name) ?? !1), i = k(), a = () => {
+			t.disabled || n?.handleItemClick(t.name);
+		}, c = (e) => {
+			typeof requestAnimationFrame == "function" ? requestAnimationFrame(e) : e();
+		}, l = (e) => {
+			let t = e;
+			t.style.height = "0";
+		}, f = (e) => {
+			let t = e;
+			t.offsetHeight, c(() => {
+				t.style.height = `${t.scrollHeight}px`;
+			});
+		}, m = (e) => {
+			let t = e;
+			t.style.height = "";
+		}, h = (e) => {
+			let t = e;
+			t.style.height = `${t.scrollHeight}px`, t.offsetHeight, c(() => {
+				t.style.height = "0";
+			});
+		};
+		return (e, t) => (x(), u("div", { class: v(["el-like-collapse-item", {
+			"is-active": r.value,
+			"is-disabled": e.disabled
+		}]) }, [d("button", {
+			class: v(["el-like-collapse-item__header", { "is-active": r.value }]),
+			type: "button",
+			disabled: e.disabled,
+			"aria-expanded": r.value,
+			"aria-controls": O(i),
+			onClick: a
+		}, [T(e.$slots, "title", {}, () => [d("span", ve, D(e.title || e.name), 1)], !0), d("span", {
+			class: v(["el-like-collapse-item__arrow", { "is-active": r.value }]),
+			"aria-hidden": "true"
+		}, null, 2)], 10, _e), p(o, {
+			onBeforeEnter: l,
+			onEnter: f,
+			onAfterEnter: m,
+			onLeave: h,
+			persisted: ""
+		}, {
+			default: N(() => [P(d("div", {
+				id: O(i),
+				class: "el-like-collapse-item__wrap"
+			}, [d("div", be, [T(e.$slots, "default", {}, void 0, !0)])], 8, ye), [[j, r.value]])]),
+			_: 3
+		})], 2));
+	}
+}), [["__scopeId", "data-v-aa284808"]])), xe = {
+	content: {
+		type: String,
+		default: ""
+	},
+	trigger: {
+		type: String,
+		default: "hover",
+		validator: (e) => [
+			"hover",
+			"click",
+			"focus"
+		].includes(e)
+	},
+	placement: {
+		type: String,
+		default: "left",
+		validator: (e) => [
+			"top",
+			"bottom",
+			"left",
+			"right"
+		].includes(e)
+	},
+	manual: {
+		type: Boolean,
+		default: !1
+	},
+	openDelay: {
+		type: Number,
+		default: 100
+	},
+	closeDelay: {
+		type: Number,
+		default: 100
+	},
+	visible: {
+		type: Boolean,
+		default: void 0
+	},
+	popperClass: {
+		type: String,
+		default: ""
+	}
+}, Se = ["id"], Q = 8, $ = 8, Ce = /*#__PURE__*/ R(/* @__PURE__ */ m({
+	name: "ElLike-Tooltip",
+	__name: "Tooltip",
+	props: xe,
+	emits: ["visible-change", "update:visible"],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, s = n, m = C(!1), h = C(r.placement), g = k(), y = A("triggerRef"), b = A("popperRef"), S, w, E, j = () => {
+			clearTimeout(S), clearTimeout(w), S = void 0, w = void 0;
+		}, P = async () => {
+			m.value || (m.value = !0, await _(), W(), q(!0), ce(), s("visible-change", !0), s("update:visible", !0));
+		}, F = () => {
+			m.value && (m.value = !1, q(!1), K(), s("visible-change", !1), s("update:visible", !1));
+		}, I = (e) => {
+			j(), e && r.openDelay > 0 ? S = setTimeout(() => {
+				P();
+			}, r.openDelay) : P();
+		}, L = (e) => {
+			j(), e && r.closeDelay > 0 ? w = setTimeout(() => {
+				F();
+			}, r.closeDelay) : F();
+		}, R = () => {
+			r.manual || r.trigger !== "hover" || I(!0);
+		}, z = () => {
+			r.manual || r.trigger !== "hover" || L(!0);
+		}, B = () => {
+			r.manual || r.trigger !== "click" || (m.value ? L(!1) : I(!1));
+		}, te = () => {
+			r.manual || r.trigger !== "focus" || I(!1);
+		}, ne = () => {
+			r.manual || r.trigger !== "focus" || L(!1);
+		}, re = () => {
+			r.manual || r.trigger !== "hover" || j();
+		}, V = () => {
+			r.manual || r.trigger !== "hover" || L(!0);
+		}, H = (e) => {
+			let t = e.target;
+			t && (y.value?.contains(t) || b.value?.contains(t) || L(!1));
+		}, ie = {
+			top: "bottom",
+			bottom: "top",
+			left: "right",
+			right: "left"
+		}, ae = (e, t, n) => {
+			let r = t.left + t.width / 2, i = t.top + t.height / 2;
+			switch (e) {
+				case "top": return {
+					left: r - n.width / 2,
+					top: t.top - Q - n.height
+				};
+				case "bottom": return {
+					left: r - n.width / 2,
+					top: t.bottom + Q
+				};
+				case "left": return {
+					left: t.left - Q - n.width,
+					top: i - n.height / 2
+				};
+				case "right": return {
+					left: t.right + Q,
+					top: i - n.height / 2
+				};
+			}
+		}, oe = (e, t, n, r) => e.left >= $ && e.top >= $ && e.left + t.width <= n - $ && e.top + t.height <= r - $, U = (e, t, n) => Math.min(Math.max(e, t), n), W = () => {
+			let e = y.value, t = b.value;
+			if (!e || !t) return;
+			let n = e.getBoundingClientRect(), i = t.getBoundingClientRect(), a = r.placement, o = ae(a, n, i);
+			oe(o, i, window.innerWidth, window.innerHeight) || (a = ie[a], o = ae(a, n, i)), o = {
+				left: U(o.left, $, window.innerWidth - i.width - $),
+				top: U(o.top, $, window.innerHeight - i.height - $)
+			}, h.value = a, t.style.left = `${o.left}px`, t.style.top = `${o.top}px`;
+		}, se = () => {
+			E === void 0 && (typeof requestAnimationFrame == "function" ? E = requestAnimationFrame(() => {
+				E = void 0, W();
+			}) : W());
+		}, G = () => se(), ce = () => {
+			typeof window < "u" && (window.addEventListener("scroll", G, !0), window.addEventListener("resize", G), r.trigger === "click" && !r.manual && document.addEventListener("click", H));
+		}, K = () => {
+			typeof window < "u" && (window.removeEventListener("scroll", G, !0), window.removeEventListener("resize", G), document.removeEventListener("click", H));
+		}, q = (e) => {
+			let t = y.value?.firstElementChild;
+			t instanceof HTMLElement && (e ? t.setAttribute("aria-describedby", g) : t.removeAttribute("aria-describedby"));
+		};
+		return M(() => r.visible, (e) => {
+			e !== void 0 && e !== m.value && (e ? I(!1) : L(!1));
+		}, { immediate: !0 }), M(() => r.placement, (e) => {
+			h.value = e, m.value && W();
+		}), ee(() => {
+			j(), K(), q(!1);
+		}), t({
+			open: () => I(!1),
+			close: () => L(!1),
+			toggle: () => {
+				m.value ? L(!1) : I(!1);
+			}
+		}), (e, t) => (x(), u(i, null, [d("span", {
+			ref_key: "triggerRef",
+			ref: y,
+			class: "el-like-tooltip__trigger",
+			onMouseenter: R,
+			onMouseleave: z,
+			onClick: B,
+			onFocusin: te,
+			onFocusout: ne
+		}, [T(e.$slots, "default", {}, void 0, !0)], 544), (x(), c(a, { to: "body" }, [p(o, { name: "el-like-tooltip-fade" }, {
+			default: N(() => [m.value ? (x(), u("div", {
+				key: 0,
+				id: O(g),
+				ref_key: "popperRef",
+				ref: b,
+				class: v(["el-like-tooltip", e.popperClass]),
+				role: "tooltip",
+				onMouseenter: re,
+				onMouseleave: V
+			}, [T(e.$slots, "content", {}, () => [f(D(e.content), 1)], !0), d("span", {
+				class: v(["el-like-tooltip__arrow", `is-${h.value}`]),
+				"aria-hidden": "true"
+			}, null, 2)], 42, Se)) : l("", !0)]),
+			_: 3
+		})]))], 64));
+	}
+}), [["__scopeId", "data-v-65f57a5a"]]), we = /* @__PURE__ */ I(Ce), Te = {
+	...xe,
+	trigger: {
+		type: String,
+		default: "click",
+		validator: (e) => [
+			"hover",
+			"click",
+			"focus"
+		].includes(e)
+	},
+	placement: {
+		type: String,
+		default: "bottom",
+		validator: (e) => [
+			"top",
+			"bottom",
+			"left",
+			"right"
+		].includes(e)
+	},
+	menuOptions: {
+		type: Array,
+		required: !0
+	},
+	hideAfterClick: {
+		type: Boolean,
+		default: !1
+	}
+}, Ee = {
+	class: "el-like-dropdown-menu",
+	role: "menu"
+}, De = ["disabled", "onClick"], Oe = { class: "el-like-dropdown-menu__label" }, ke = /* @__PURE__ */ I(/* @__PURE__ */ R(/* @__PURE__ */ m({
+	name: "ElLike-Dropdown",
+	__name: "Dropdown",
+	props: Te,
+	emits: [
+		"visible-change",
+		"update:visible",
+		"select"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = A("tooltipRef"), o = s(() => ["el-like-dropdown", n.popperClass].filter(Boolean).join(" ")), f = (e) => {
+			r("visible-change", e);
+		}, p = (e) => {
+			r("update:visible", e);
+		}, m = (e) => {
+			e.disabled || (r("select", e), n.hideAfterClick && a.value?.close());
+		};
+		return (e, t) => (x(), c(Ce, {
+			ref_key: "tooltipRef",
+			ref: a,
+			content: n.content,
+			trigger: n.trigger,
+			placement: n.placement,
+			manual: n.manual,
+			"open-delay": n.openDelay,
+			"close-delay": n.closeDelay,
+			visible: n.visible,
+			"popper-class": o.value,
+			onVisibleChange: f,
+			"onUpdate:visible": p
+		}, {
+			content: N(() => [d("ul", Ee, [(x(!0), u(i, null, w(n.menuOptions, (e, t) => (x(), u("li", {
+				key: t,
+				class: v(["el-like-dropdown-menu__item", { "is-divided": e.divided }])
+			}, [d("button", {
+				type: "button",
+				class: "el-like-dropdown-menu__action",
+				role: "menuitem",
+				disabled: e.disabled,
+				onClick: (t) => m(e)
+			}, [e.icon ? (x(), c(z, {
+				key: 0,
+				icon: e.icon,
+				class: "el-like-dropdown-menu__icon",
+				"aria-hidden": "true"
+			}, null, 8, ["icon"])) : l("", !0), d("span", Oe, D(e.label), 1)], 8, De)], 2))), 128))])]),
+			default: N(() => [T(e.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 8, [
+			"content",
+			"trigger",
+			"placement",
+			"manual",
+			"open-delay",
+			"close-delay",
+			"visible",
+			"popper-class"
+		]));
+	}
+}), [["__scopeId", "data-v-39514355"]])), Ae = [
+	B,
+	V,
+	U,
+	J,
+	Y,
+	X,
+	Z,
+	we,
+	ke
+], je = (e) => {
+	Ae.forEach((t) => t.install(e));
+}, Me = {
+	install: je,
+	ElLikeIcon: B,
+	ElLikeButton: V,
+	ElLikeCard: U,
+	ElLikeDialog: J,
+	ElLikePager: Y,
+	ElLikeCollapse: X,
+	ElLikeCollapseItem: Z,
+	ElLikeTooltip: we,
+	ElLikeDropdown: ke
+};
+//#endregion
+export { V as ElLikeButton, U as ElLikeCard, X as ElLikeCollapse, Z as ElLikeCollapseItem, J as ElLikeDialog, ke as ElLikeDropdown, B as ElLikeIcon, Y as ElLikePager, we as ElLikeTooltip, Me as default, je as install };