@icc-grow/web-components 1.0.0

package/dist/es/components/i-input-number/src/input-number.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,303 @@
+import { useFormItemA11y as e } from "../../i-form-item/src/useFormItemA11y.mjs";
+import t from "../../i-icon/index.mjs";
+import n from "../../i-space/index.mjs";
+import r from "../../i-field-shell/index.mjs";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, mergeModels as u, normalizeClass as d, openBlock as f, ref as p, renderSlot as m, unref as h, useModel as g, watch as _, withCtx as v, withModifiers as y } from "vue";
+//#region src/components/i-input-number/src/input-number.vue?vue&type=script&setup=true&lang.ts
+var ee = { class: "i-input-number__body flex h-full min-w-0 flex-1 items-center px-12" }, te = {
+	key: 0,
+	class: "i-input-number__prefix flex items-center shrink-0 text-black-50 mr-8"
+}, ne = [
+	"id",
+	"name",
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"aria-invalid",
+	"aria-required",
+	"aria-describedby"
+], b = {
+	key: 1,
+	class: "i-input-number__suffix flex items-center shrink-0 text-black-50 ml-8"
+}, x = ["disabled"], S = ["disabled"], C = /* @__PURE__ */ l({
+	name: "i-input-number",
+	__name: "input-number",
+	props: /* @__PURE__ */ u({
+		min: { default: void 0 },
+		max: { default: void 0 },
+		step: { default: 1 },
+		precision: { default: void 0 },
+		placeholder: { default: void 0 },
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		controls: {
+			type: Boolean,
+			default: !0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		validateEvent: {
+			type: Boolean,
+			default: !0
+		},
+		disabledScientific: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ u([
+		"focus",
+		"blur",
+		"input",
+		"change",
+		"clear"
+	], ["update:modelValue"]),
+	setup(l, { expose: u, emit: C }) {
+		let w = l, T = C, E = g(l, "modelValue"), D = p(), O = p(""), k = p(!1), A = p(!1), { formItemContext: j, inputId: M, isRequired: N, isError: P, ariaDescribedby: F } = e(), I = i(() => M.value), L = i(() => w.min == null || w.min < 0), R = i(() => w.clearable && !w.disabled && !w.readonly && O.value.length > 0), z = i(() => {
+			let e = Y(O.value);
+			return e.kind === "valid" ? e.value : E.value;
+		}), B = i(() => w.disabled || w.readonly || w.max != null && z.value != null && z.value >= w.max), V = i(() => w.disabled || w.readonly || w.min != null && z.value != null && z.value <= w.min);
+		_(() => E.value, (e) => {
+			A.value || (O.value = q(e));
+		}, { immediate: !0 });
+		function H(e) {
+			return [e ? "is-disabled text-black-20 cursor-not-allowed" : "text-black-50 hover:bg-black-3 hover:text-black-70"];
+		}
+		function U(e) {
+			w.validateEvent && j?.validate(e);
+		}
+		function W(e) {
+			if (e == null) return 0;
+			let t = e.toString().toLowerCase();
+			if (t.includes("e")) {
+				let [e, n] = t.split("e"), r = (e.split(".")[1] ?? "").length;
+				return Math.max(0, r - Number(n));
+			}
+			return (t.split(".")[1] ?? "").length;
+		}
+		function G(e) {
+			let t = w.precision ?? Math.max(W(w.step), W(e));
+			return t <= 0 ? Math.round(e) : Number(e.toFixed(t));
+		}
+		function K(e) {
+			let t = G(e);
+			return w.min != null && (t = Math.max(t, w.min)), w.max != null && (t = Math.min(t, w.max)), t;
+		}
+		function q(e) {
+			return e == null ? "" : w.precision == null ? String(e) : e.toFixed(w.precision);
+		}
+		function J(e, t = {}) {
+			let { emitInput: n = !1, emitChange: r = !1, syncDisplay: i = !1, validate: a = !1 } = t;
+			A.value = !0, E.value = e, A.value = !1, i && (O.value = q(e)), n && T("input", e), r && T("change", e), a && U("change");
+		}
+		function Y(e) {
+			if (e === "") return { kind: "empty" };
+			let t = L.value ? /^-?(?:\d+\.?\d*|\.\d+)$/ : /^(?:\d+\.?\d*|\.\d+)$/, n = L.value ? /^-?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?$/ : /^(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?$/, r = L.value ? /^-?$|^-?\.$|^-?\d+\.$/ : /^$|^\.$|^\d+\.$/, i = L.value ? /^-?(?:\d+\.?\d*|\.\d+)[eE]$|^-?(?:\d+\.?\d*|\.\d+)[eE][+-]$/ : /^(?:\d+\.?\d*|\.\d+)[eE]$|^(?:\d+\.?\d*|\.\d+)[eE][+-]$/;
+			if (w.disabledScientific) {
+				if (r.test(e)) return { kind: "intermediate" };
+				if (t.test(e)) {
+					let t = Number(e);
+					return Number.isFinite(t) ? {
+						kind: "valid",
+						value: t
+					} : { kind: "invalid" };
+				}
+				return { kind: "invalid" };
+			}
+			if (r.test(e) || i.test(e)) return { kind: "intermediate" };
+			if (n.test(e)) {
+				let t = Number(e);
+				return Number.isFinite(t) ? {
+					kind: "valid",
+					value: t
+				} : { kind: "invalid" };
+			}
+			return { kind: "invalid" };
+		}
+		function X() {
+			O.value = q(E.value);
+		}
+		function Z() {
+			let e = Y(O.value);
+			if (e.kind === "empty") {
+				J(void 0, {
+					emitChange: !0,
+					syncDisplay: !0,
+					validate: !0
+				});
+				return;
+			}
+			if (e.kind === "valid" && e.value != null) {
+				J(K(e.value), {
+					emitChange: !0,
+					syncDisplay: !0,
+					validate: !0
+				});
+				return;
+			}
+			X();
+		}
+		function re(e) {
+			let t = e.target, n = t.value, r = Y(n);
+			if (r.kind === "invalid") {
+				t.value = O.value;
+				return;
+			}
+			if (O.value = n, r.kind === "empty") {
+				J(void 0, {
+					emitInput: !0,
+					validate: !0
+				});
+				return;
+			}
+			r.kind === "valid" && r.value != null && J(r.value, {
+				emitInput: !0,
+				validate: !0
+			});
+		}
+		function Q(e) {
+			k.value = !0, T("focus", e);
+		}
+		function ie(e) {
+			k.value = !1, T("blur", e), Z(), U("blur");
+		}
+		function ae() {
+			let e = Y(O.value);
+			return e.kind === "valid" && e.value != null ? e.value : E.value == null ? w.min != null && w.min > 0 ? w.min : 0 : E.value;
+		}
+		function $(e) {
+			e === 1 && B.value || e === -1 && V.value || (J(K(ae() + e * w.step), {
+				emitInput: !0,
+				emitChange: !0,
+				syncDisplay: !0,
+				validate: !0
+			}), D.value?.focus());
+		}
+		function oe() {
+			O.value = "", J(void 0, {
+				emitInput: !0,
+				emitChange: !0,
+				validate: !0
+			}), T("clear"), D.value?.focus();
+		}
+		function se(e) {
+			if (!(w.disabled || w.readonly)) {
+				if (e.key === "ArrowUp") {
+					e.preventDefault(), $(1);
+					return;
+				}
+				if (e.key === "ArrowDown") {
+					e.preventDefault(), $(-1);
+					return;
+				}
+				if (e.key === "Enter") {
+					e.preventDefault(), Z();
+					return;
+				}
+				if (w.disabledScientific) {
+					if (e.key === "e" || e.key === "E" || e.key === "+") {
+						e.preventDefault();
+						return;
+					}
+					e.key === "-" && !L.value && e.preventDefault();
+				}
+			}
+		}
+		function ce(e) {
+			let t = e.clipboardData?.getData("text") ?? "", n = e.target, r = n.selectionStart ?? O.value.length, i = n.selectionEnd ?? O.value.length;
+			Y(`${O.value.slice(0, r)}${t}${O.value.slice(i)}`).kind === "invalid" && e.preventDefault();
+		}
+		return u({
+			focus: () => D.value?.focus(),
+			blur: () => D.value?.blur(),
+			select: () => D.value?.select()
+		}), (e, i) => (f(), a(h(r), {
+			class: "i-input-number",
+			disabled: l.disabled,
+			readonly: l.readonly,
+			focused: k.value,
+			error: h(P),
+			block: ""
+		}, {
+			default: v(() => [c("div", ee, [
+				e.$slots.prefix ? (f(), s("span", te, [m(e.$slots, "prefix", {}, void 0, !0)])) : o("", !0),
+				c("input", {
+					id: h(M),
+					ref_key: "inputRef",
+					ref: D,
+					name: I.value,
+					class: "i-input-number__inner h-full w-full min-w-0 border-none outline-none bg-transparent text-black text-13 leading-16 box-border",
+					type: "text",
+					inputmode: "decimal",
+					value: O.value,
+					placeholder: l.placeholder,
+					disabled: l.disabled,
+					readonly: l.readonly,
+					"aria-invalid": h(P) ? "true" : void 0,
+					"aria-required": h(N) ? "true" : void 0,
+					"aria-describedby": h(F),
+					onInput: re,
+					onFocus: Q,
+					onBlur: ie,
+					onKeydown: se,
+					onPaste: ce
+				}, null, 40, ne),
+				e.$slots.suffix ? (f(), s("span", b, [m(e.$slots, "suffix", {}, void 0, !0)])) : o("", !0),
+				R.value || l.controls ? (f(), a(h(n), {
+					key: 2,
+					class: "i-input-number__actions shrink-0 ml-8",
+					size: 8,
+					align: "center"
+				}, {
+					default: v(() => [R.value ? (f(), a(h(t), {
+						key: 0,
+						class: "i-input-number__clear shrink-0 cursor-pointer text-black-30 hover:text-black-50",
+						name: "icon-clear-fill",
+						width: 20,
+						height: 20,
+						onMousedown: i[0] ||= y(() => {}, ["prevent"]),
+						onClick: oe
+					})) : o("", !0), l.controls ? (f(), s("span", {
+						key: 1,
+						class: d(["i-input-number__controls flex h-full flex-col shrink-0 w-24 border-l border-solid", l.disabled ? "border-black-10" : "border-primary-10"])
+					}, [c("button", {
+						type: "button",
+						class: d(["i-input-number__control i-input-number__control--up flex-1 border-none bg-transparent text-10 leading-none transition-colors", H(B.value)]),
+						disabled: B.value,
+						"aria-label": "增加",
+						onMousedown: i[1] ||= y(() => {}, ["prevent"]),
+						onClick: i[2] ||= (e) => $(1)
+					}, " + ", 42, x), c("button", {
+						type: "button",
+						class: d(["i-input-number__control i-input-number__control--down flex-1 border-none bg-transparent text-10 leading-none transition-colors", H(V.value)]),
+						disabled: V.value,
+						"aria-label": "减少",
+						onMousedown: i[3] ||= y(() => {}, ["prevent"]),
+						onClick: i[4] ||= (e) => $(-1)
+					}, " - ", 42, S)], 2)) : o("", !0)]),
+					_: 1
+				})) : o("", !0)
+			])]),
+			_: 3
+		}, 8, [
+			"disabled",
+			"readonly",
+			"focused",
+			"error"
+		]));
+	}
+});
+//#endregion
+export { C as default };

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

@@ -0,0 +1,10 @@
+import { vLoading as e } from "./src/directive.mjs";
+import { iLoading as t } from "./src/service.mjs";
+//#region src/components/i-loading/index.ts
+var n = e;
+n.install = (e) => {
+	e.directive("loading", n);
+};
+var r = t;
+//#endregion
+export { r as ILoadingService, n as default };

package/dist/es/components/i-loading/src/directive.mjs

@@ -0,0 +1,39 @@
+import e from "./loading.mjs";
+import { createVNode as t, render as n } from "vue";
+//#region src/components/i-loading/src/directive.ts
+var r = Symbol("i_loading_context"), i = {
+	mounted(i, a) {
+		let o = i.getAttribute("i-loading-text") || "", s = i.getAttribute("i-loading-delay"), c = s ? parseInt(s, 10) : 500, l = i.getAttribute("i-loading-min-duration"), u = l ? parseInt(l, 10) : 300, d = t(e, {
+			loading: a.value,
+			text: o,
+			delay: c,
+			minDuration: u,
+			absolute: !0
+		}), f = document.createElement("div");
+		n(d, f);
+		let p = window.getComputedStyle(i), m = "";
+		p.position === "static" && (m = i.style.position || "", i.style.position = "relative");
+		let h = i.style.overflow || "";
+		i.style.overflow = "hidden", f.className = "i-loading-wrapper pointer-events-none", i.appendChild(f), i[r] = {
+			instance: d.component?.exposed,
+			vnode: d,
+			container: f,
+			originalPosition: m,
+			originalOverflow: h,
+			lastText: o
+		};
+	},
+	updated(e, t) {
+		let n = e[r];
+		if (!n) return;
+		t.value !== t.oldValue && n.instance?.setVisible(t.value);
+		let i = e.getAttribute("i-loading-text") || "";
+		i !== n.lastText && (n.lastText = i, n.instance?.setText(i));
+	},
+	unmounted(e) {
+		let t = e[r];
+		t && (n(null, t.container), t.originalPosition !== void 0 && t.originalPosition !== "" ? e.style.position = t.originalPosition : e.style.removeProperty("position"), t.originalOverflow !== void 0 && t.originalOverflow !== "" ? e.style.overflow = t.originalOverflow : e.style.removeProperty("overflow"), e[r] = void 0);
+	}
+};
+//#endregion
+export { i as vLoading };

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

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

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

@@ -0,0 +1,107 @@
+import { nextZIndex as e } from "../../../utils/z-index.mjs";
+import t from "../../i-overlay/src/overlay.mjs";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, onUnmounted as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, watch as g } from "vue";
+//#region src/components/i-loading/src/loading.vue?vue&type=script&setup=true&lang.ts
+var _ = {
+	key: 0,
+	class: "pointer-events-auto m-0 flex select-none text-14 leading-18 text-white"
+}, v = /* @__PURE__ */ c({
+	name: "i-loading",
+	__name: "loading",
+	props: {
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		text: { default: "" },
+		delay: { default: 500 },
+		minDuration: { default: 300 },
+		absolute: {
+			type: Boolean,
+			default: !1
+		},
+		zIndex: {}
+	},
+	emits: ["update:visible", "after-leave"],
+	setup(c, { expose: v, emit: y }) {
+		let b = c, x = y, S = p(!1), C = p(b.zIndex), w = p(null), T = r(() => w.value ?? b.text), E = null, D = null, O = null, k = 0, A = !1;
+		function j() {
+			E &&= (clearTimeout(E), null), D &&= (clearTimeout(D), null), O &&= (clearTimeout(O), null);
+		}
+		function M() {
+			j(), A = !1, b.delay > 0 ? E = setTimeout(() => {
+				N();
+			}, b.delay) : N();
+		}
+		function N() {
+			k = performance.now(), C.value === void 0 && (C.value = e()), S.value = !0, x("update:visible", !0);
+		}
+		function P() {
+			if (j(), !S.value) {
+				I();
+				return;
+			}
+			let e = performance.now() - k;
+			if (e < b.minDuration) {
+				let t = Math.max(0, b.minDuration - e);
+				D = setTimeout(() => {
+					F();
+				}, t);
+			} else F();
+		}
+		function F() {
+			S.value = !1, x("update:visible", !1), O = setTimeout(() => {
+				I();
+			}, 300);
+		}
+		function I() {
+			A || (A = !0, O &&= (clearTimeout(O), null), x("after-leave"));
+		}
+		function L(e) {
+			e.propertyName === "opacity" && !S.value && I();
+		}
+		g(() => b.loading, (e) => {
+			e ? M() : P();
+		}, { immediate: !0 }), d(() => {
+			j();
+		});
+		function R(e) {
+			w.value = e;
+		}
+		function z(e) {
+			e ? M() : P();
+		}
+		return v({
+			setText: R,
+			setVisible: z
+		}), (e, r) => (f(), a(n, null, [s(t, {
+			visible: S.value,
+			absolute: c.absolute,
+			style: u({ zIndex: C.value }),
+			class: "i-loading-mask pointer-events-auto"
+		}, null, 8, [
+			"visible",
+			"absolute",
+			"style"
+		]), o("div", {
+			class: l(["i-loading-content pointer-events-none box-border flex flex-col items-center justify-center p-4 gap-15", [c.absolute ? "absolute inset-0" : "fixed inset-0", S.value ? "i-loading-content--visible" : "i-loading-content--hidden"]]),
+			style: u({ zIndex: C.value }),
+			onTransitionend: L
+		}, [r[0] ||= o("svg", {
+			class: "circular pointer-events-auto size-40",
+			viewBox: "0 0 50 50"
+		}, [o("circle", {
+			class: "path",
+			cx: "25",
+			cy: "25",
+			r: "20",
+			fill: "none"
+		})], -1), T.value ? (f(), a("div", _, [(f(!0), a(n, null, m(T.value, (e, t) => (f(), a("span", {
+			key: `${e}-${t}`,
+			class: "wave-char",
+			style: u(`--i: ${t}`)
+		}, h(e), 5))), 128))])) : i("", !0)], 38)], 64));
+	}
+});
+//#endregion
+export { v as default };

package/dist/es/components/i-loading/src/service.mjs

@@ -0,0 +1,51 @@
+import e from "./loading.mjs";
+import { createVNode as t, render as n } from "vue";
+//#region src/components/i-loading/src/service.ts
+var r = /* @__PURE__ */ new Map();
+function i(e) {
+	let t = r.get(e);
+	t && (t.count--, t.count <= 0 && (t.instance.close(), r.delete(e)));
+}
+function a(a = {}) {
+	let { target: o = document.body, text: s = "", delay: c = 500, minDuration: l = 300, absolute: u } = a, d;
+	typeof o == "string" ? (d = document.querySelector(o), d ||= (console.warn(`[i-loading] Target element "${o}" not found, using document.body instead.`), document.body)) : d = o;
+	let f = d.tagName === "BODY", p = u === void 0 ? !f : u;
+	if (r.has(d)) {
+		let e = r.get(d);
+		if (e) return e.count++, s && e.instance.setText(s), {
+			close: () => i(d),
+			setText: e.instance.setText
+		};
+	}
+	let m = document.createElement("div"), h = "", g = "";
+	f ? (g = document.body.style.overflow, document.body.style.overflow = "hidden") : p && (window.getComputedStyle(d).position === "static" && (h = d.style.position, d.style.position = "relative"), g = d.style.overflow, d.style.overflow = "hidden");
+	let _ = t(e, {
+		loading: !0,
+		text: s,
+		delay: c,
+		minDuration: l,
+		absolute: p,
+		onAfterLeave: () => {
+			n(null, m), m.remove(), f ? g === "" ? document.body.style.removeProperty("overflow") : document.body.style.overflow = g : p && (h === "" ? d.style.removeProperty("position") : d.style.position = h, g === "" ? d.style.removeProperty("overflow") : d.style.overflow = g);
+		}
+	});
+	n(_, m), m.className = "i-loading-wrapper pointer-events-none", d.appendChild(m);
+	let v = s, y = {
+		close: () => {
+			(_.component?.exposed)?.setVisible(!1);
+		},
+		setText: (e) => {
+			v = e, (_.component?.exposed)?.setText(v);
+		}
+	};
+	return r.set(d, {
+		instance: y,
+		count: 1
+	}), {
+		close: () => i(d),
+		setText: y.setText
+	};
+}
+a.service = a;
+//#endregion
+export { a as iLoading };

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

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

package/dist/es/components/i-menu/src/menu-node.mjs

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

package/dist/es/components/i-menu/src/menu-node.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,116 @@
+import { ICollapseTransition as e } from "../../i-transition/index.mjs";
+import t from "../../i-popover/index.mjs";
+import n from "../../i-icon/index.mjs";
+import r from "../../i-tooltip/index.mjs";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, defineComponent as d, inject as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, openBlock as g, renderList as _, renderSlot as v, resolveComponent as y, toDisplayString as b, unref as x, vShow as S, withCtx as C, withDirectives as w } from "vue";
+//#region src/components/i-menu/src/menu-node.vue?vue&type=script&setup=true&lang.ts
+var T = { class: "i-menu-node__label flex-1 truncate text-13 leading-18" }, E = { class: "i-menu-node__children overflow-hidden" }, D = { class: "flex flex-col" }, O = ["onClick"], k = "flex items-center rounded-5 px-10 h-34  cursor-pointer transition-colors", A = /* @__PURE__ */ d({
+	name: "menu-node",
+	__name: "menu-node",
+	props: { nodeKey: {} },
+	setup(d) {
+		let A = d;
+		function j() {
+			let e = f("MENU_CONTEXT");
+			if (!e) throw Error("[i-menu] MenuNode 必须作为 IMenu 的子组件使用");
+			return e;
+		}
+		let M = j(), N = a(() => {
+			let e = M.flatMap.get(A.nodeKey);
+			if (!e) throw Error(`[i-menu] 未找到节点: ${String(A.nodeKey)}`);
+			return e;
+		}), P = a(() => M.getLabel(N.value.raw)), F = a(() => M.getIcon(N.value.raw)), I = a(() => M.isDisabled(N.value.raw)), L = a(() => M.expandedKeys.has(N.value.key)), R = a(() => !N.value.hasChildren && M.activeKey.value === N.value.key), z = a(() => {
+			let e = M.activeKey.value;
+			if (e === void 0) return !1;
+			let t = M.flatMap.get(e);
+			return t ? t.ancestorKeys.includes(N.value.key) : !1;
+		}), B = a(() => R.value || z.value), V = a(() => ({ paddingLeft: `${N.value.depth * M.indent.value}px` })), H = a(() => I.value ? ["is-disabled"] : []), U = a(() => I.value ? "is-disabled cursor-not-allowed text-black-30" : R.value || z.value ? "bg-black-3 text-black" : "text-black-70 hover:bg-black-3 hover:text-black"), W = a(() => I.value ? "is-disabled cursor-not-allowed text-black-30" : B.value ? "bg-black-3 text-black" : "text-black-70 hover:bg-black-3 hover:text-black");
+		function G() {
+			I.value || (N.value.hasChildren ? M.handleToggle(N.value.key) : M.handleSelect(N.value.key));
+		}
+		function K(e) {
+			let t = M.flatMap.get(e);
+			t && (M.isDisabled(t.raw) || t.hasChildren || M.handleSelect(e));
+		}
+		function q(e) {
+			let t = M.flatMap.get(e);
+			return t ? M.getLabel(t.raw) : "";
+		}
+		function J(e) {
+			let t = M.flatMap.get(e);
+			return t ? M.isDisabled(t.raw) ? "is-disabled cursor-not-allowed text-black-30" : M.activeKey.value === e ? "bg-black-3 text-black" : "text-black-70 hover:bg-black-3 hover:text-black" : "";
+		}
+		return (a, d) => {
+			let f = y("menu-node", !0);
+			return x(M).isCollapsed.value ? (g(), c(i, { key: 1 }, [N.value.hasChildren ? (g(), o(x(t), {
+				key: 0,
+				trigger: "hover",
+				placement: "right-start",
+				"show-arrow": !1,
+				offset: 4,
+				width: 180
+			}, {
+				content: C(() => [l("div", D, [(g(!0), c(i, null, _(N.value.childrenKeys, (e) => (g(), c("div", {
+					key: e,
+					class: m(["text-13 leading-18", [k, J(e)]]),
+					onClick: (t) => K(e)
+				}, b(q(e)), 11, O))), 128))])]),
+				default: C(() => [l("div", { class: m(["i-menu-node__collapsed mb-15", [k, W.value]]) }, [F.value ? (g(), o(x(n), {
+					key: 0,
+					name: F.value,
+					size: "16",
+					class: "shrink-0"
+				}, null, 8, ["name"])) : s("", !0)], 2)]),
+				_: 1
+			})) : (g(), o(x(r), {
+				key: 1,
+				content: P.value,
+				placement: "right"
+			}, {
+				default: C(() => [l("div", {
+					class: m(["i-menu-node__collapsed justify-center mb-15", [k, W.value]]),
+					onClick: G
+				}, [F.value ? (g(), o(x(n), {
+					key: 0,
+					name: F.value,
+					class: "text-18"
+				}, null, 8, ["name"])) : s("", !0)], 2)]),
+				_: 1
+			}, 8, ["content"]))], 64)) : (g(), c("div", {
+				key: 0,
+				class: m(["i-menu-node box-border mb-15", H.value])
+			}, [l("div", {
+				class: "i-menu-node__wrap",
+				style: h(V.value),
+				onClick: G
+			}, [l("div", { class: m(["i-menu-node__content gap-15 relative w-full", [k, U.value]]) }, [v(a.$slots, "item", {
+				raw: N.value.raw,
+				depth: N.value.depth,
+				active: B.value,
+				isParent: N.value.hasChildren
+			}, () => [F.value ? (g(), o(x(n), {
+				key: 0,
+				name: F.value,
+				size: "16",
+				class: "shrink-0"
+			}, null, 8, ["name"])) : s("", !0), l("span", T, b(P.value), 1)], !0), N.value.hasChildren ? (g(), o(x(n), {
+				key: 0,
+				name: "icon-arrow-bottom",
+				class: m(["i-menu-node__arrow shrink-0 text-12 transition-transform", { "rotate-180": L.value }])
+			}, null, 8, ["class"])) : s("", !0)], 2)], 4), N.value.hasChildren ? (g(), o(x(e), { key: 0 }, {
+				default: C(() => [w(l("div", E, [(g(!0), c(i, null, _(N.value.childrenKeys, (e) => (g(), o(f, {
+					key: e,
+					"node-key": e,
+					class: "mt-15"
+				}, u({ _: 2 }, [a.$slots.item ? {
+					name: "item",
+					fn: C((e) => [v(a.$slots, "item", p({ ref_for: !0 }, e), void 0, !0)]),
+					key: "0"
+				} : void 0]), 1032, ["node-key"]))), 128))], 512), [[S, L.value]])]),
+				_: 3
+			})) : s("", !0)], 2));
+		};
+	}
+});
+//#endregion
+export { A as default };

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

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