@icc-grow/web-components 1.0.0

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

@@ -0,0 +1,108 @@
+import e from "../../i-icon/index.mjs";
+import t from "../../i-scrollbar/index.mjs";
+import { IOverlayPanel as n } from "../../i-overlay/index.mjs";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeStyle as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
+//#region src/components/i-dialog/src/dialog.vue?vue&type=script&setup=true&lang.ts
+var g = ["aria-label"], _ = {
+	key: 1,
+	class: "i-dialog__header min-h-60 pt-7 mx-30 pr-10 flex shrink-0 items-center justify-between border-b border-solid border-primary-10"
+}, v = { class: "i-dialog__title text-16 font-semibold leading-19 text-black" }, y = { class: "i-dialog__body flex-1 overflow-hidden" }, b = {
+	key: 2,
+	class: "i-dialog__footer shrink-0 min-h-88 border-t border-solid border-primary-10 mx-30 pt-20 flex justify-end"
+}, x = /* @__PURE__ */ l({
+	name: "i-dialog",
+	__name: "dialog",
+	props: {
+		visible: { type: Boolean },
+		title: {},
+		width: { default: "500px" },
+		showHeader: {
+			type: Boolean,
+			default: !0
+		},
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		showOverlay: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnClickOverlay: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnPressEscape: {
+			type: Boolean,
+			default: !0
+		},
+		lockScroll: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:visible",
+		"open",
+		"opened",
+		"close",
+		"closed"
+	],
+	setup(l, { emit: x }) {
+		let S = l, C = x, w = S.showOverlay, T = S.closeOnClickOverlay, E = S.closeOnPressEscape, D = S.lockScroll, O = r(() => ({ width: typeof S.width == "number" ? `${S.width}px` : S.width }));
+		function k() {
+			C("update:visible", !1), C("close");
+		}
+		function A(e) {
+			C("update:visible", e);
+		}
+		return (r, x) => (d(), i(m(n), {
+			visible: l.visible,
+			placement: "center",
+			"show-overlay": m(w),
+			"close-on-click-overlay": m(T),
+			"close-on-press-escape": m(E),
+			"lock-scroll": m(D),
+			"content-transition": "i-fade-down",
+			"onUpdate:visible": A,
+			onOpen: x[0] ||= (e) => C("open"),
+			onOpened: x[1] ||= (e) => C("opened"),
+			onClose: x[2] ||= (e) => C("close"),
+			onClosed: x[3] ||= (e) => C("closed")
+		}, {
+			default: h(() => [s("div", {
+				class: "i-dialog relative box-border flex max-h-[70%] flex-col rounded-10 bg-white",
+				style: u(O.value),
+				"aria-label": l.title,
+				role: "dialog",
+				"aria-modal": "true"
+			}, [
+				l.closable ? (d(), o("button", {
+					key: 0,
+					type: "button",
+					class: "i-dialog__close size-30 absolute right-15 top-15 z-10 flex items-center justify-center border-none cursor-pointer hover:text-black",
+					onClick: k
+				}, [c(m(e), {
+					name: "icon-close",
+					size: 16,
+					class: "pointer-events-none"
+				})])) : a("", !0),
+				l.showHeader ? (d(), o("div", _, [f(r.$slots, "header", {}, () => [s("span", v, p(l.title), 1)], !0)])) : a("", !0),
+				s("div", y, [c(m(t), { "content-class": "p-30" }, {
+					default: h(() => [f(r.$slots, "default", {}, void 0, !0)]),
+					_: 3
+				})]),
+				r.$slots.footer ? (d(), o("div", b, [f(r.$slots, "footer", {}, void 0, !0)])) : a("", !0)
+			], 12, g)]),
+			_: 3
+		}, 8, [
+			"visible",
+			"show-overlay",
+			"close-on-click-overlay",
+			"close-on-press-escape",
+			"lock-scroll"
+		]));
+	}
+});
+//#endregion
+export { x as default };

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

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

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

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

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

@@ -0,0 +1,164 @@
+import { useDragCore as e } from "./useDragCore.mjs";
+import { useAutoScroll as t } from "./useAutoScroll.mjs";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, renderList as p, renderSlot as m, resolveDynamicComponent as h, toRef as g, withCtx as _, withModifiers as v } from "vue";
+//#region src/components/i-draggable/src/draggable.vue?vue&type=script&setup=true&lang.ts
+var y = ["onPointerdown"], b = /* @__PURE__ */ c({
+	name: "i-draggable",
+	__name: "draggable",
+	props: {
+		draggable: {
+			type: Boolean,
+			default: !0
+		},
+		handle: {},
+		axis: { default: "both" },
+		boundary: { default: "parent" },
+		resizable: {
+			type: Boolean,
+			default: !1
+		},
+		handles: {},
+		minWidth: {},
+		maxWidth: {},
+		minHeight: {},
+		maxHeight: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		grid: {},
+		strategy: { default: "transform" },
+		tag: { default: "div" }
+	},
+	emits: [
+		"dragstart",
+		"drag",
+		"dragend",
+		"resizestart",
+		"resize",
+		"resizeend"
+	],
+	setup(c, { emit: b }) {
+		let x = c, S = b, C = f(null), w = f(0), T = f(0), E = f(!1), D = 0, O = 0, k = null, A = g(x, "disabled"), { handlePointerDown: j } = e({
+			threshold: 3,
+			disabled: A,
+			onDragStart(e) {
+				C.value && (k = C.value.getBoundingClientRect()), E.value = !0, S("dragstart", e);
+			},
+			onDrag(e) {
+				let t = J(D + e.deltaX, O + e.deltaY);
+				w.value = t.x, T.value = t.y, S("drag", t);
+			},
+			onDragEnd(e) {
+				let t = J(D + e.deltaX, O + e.deltaY);
+				w.value = t.x, T.value = t.y, D = t.x, O = t.y, E.value = !1, k = null, S("dragend", t);
+			}
+		}), { updatePointer: M, start: N, stop: P } = t(C), F = f(0), I = f(0), L = f(!1), R = 0, z = 0, B = null, { handlePointerDown: V } = e({
+			threshold: 0,
+			disabled: A,
+			onDragStart(e) {
+				if (!C.value) return;
+				let t = C.value.getBoundingClientRect();
+				R = t.width, z = t.height, L.value = !0, S("resizestart", e);
+			},
+			onDrag(e) {
+				let t = X(e.deltaX, e.deltaY);
+				F.value = t.width, I.value = t.height, S("resize", t);
+			},
+			onDragEnd(e) {
+				let t = X(e.deltaX, e.deltaY);
+				F.value = t.width, I.value = t.height, L.value = !1, B = null, S("resizeend", t);
+			}
+		}), { updatePointer: H, start: U, stop: W } = t(C), G = r(() => x.handles ?? [
+			"right",
+			"bottom",
+			"bottom-right"
+		]), K = r(() => ({
+			"is-dragging": E.value,
+			"is-resizing": L.value,
+			"is-disabled": x.disabled
+		})), q = r(() => {
+			let e = {};
+			return (w.value !== 0 || T.value !== 0) && (x.strategy === "transform" ? e.transform = `translate(${w.value}px, ${T.value}px)` : (e.position = "relative", e.left = `${w.value}px`, e.top = `${T.value}px`)), F.value > 0 && (e.width = `${F.value}px`), I.value > 0 && (e.height = `${I.value}px`), e;
+		});
+		function J(e, t) {
+			let n = e, r = t;
+			if (x.axis === "x" && (r = 0), x.axis === "y" && (n = 0), x.boundary && C.value) {
+				let e = Y();
+				if (e) {
+					let t = k ?? C.value.getBoundingClientRect(), i = t.left - D, a = t.top - O, o = t.width, s = t.height, c = e.left - i, l = e.right - i - o, u = e.top - a, d = e.bottom - a - s;
+					n = Z(n, c, l), r = Z(r, u, d);
+				}
+			}
+			if (x.grid) {
+				let [e, t] = x.grid;
+				n = Math.round(n / e) * e, r = Math.round(r / t) * t;
+			}
+			return {
+				x: n,
+				y: r
+			};
+		}
+		function Y() {
+			if (!x.boundary || x.boundary === "none") return null;
+			if (x.boundary === "parent") {
+				let e = C.value?.parentElement;
+				return e ? e.getBoundingClientRect() : null;
+			}
+			return x.boundary.getBoundingClientRect();
+		}
+		function X(e, t) {
+			let n = R, r = z;
+			if (!B) return {
+				width: n,
+				height: r
+			};
+			let i = B;
+			return i.includes("right") ? n = R + e : i.includes("left") && (n = R - e), i.includes("bottom") ? r = z + t : i.includes("top") && (r = z - t), x.minWidth !== void 0 && (n = Math.max(n, x.minWidth)), x.maxWidth !== void 0 && (n = Math.min(n, x.maxWidth)), x.minHeight !== void 0 && (r = Math.max(r, x.minHeight)), x.maxHeight !== void 0 && (r = Math.min(r, x.maxHeight)), {
+				width: n,
+				height: r
+			};
+		}
+		function Z(e, t, n) {
+			return Math.max(t, Math.min(n, e));
+		}
+		function Q(e) {
+			if (!x.draggable || x.disabled || x.handle && !e.target.closest(x.handle)) return;
+			j(e), M(e.clientX, e.clientY), N();
+			let t = (e) => {
+				M(e.clientX, e.clientY);
+			}, n = () => {
+				P(), document.removeEventListener("pointermove", t), document.removeEventListener("pointerup", n);
+			};
+			document.addEventListener("pointermove", t), document.addEventListener("pointerup", n);
+		}
+		function $(e, t) {
+			if (x.disabled) return;
+			B = t, V(e), H(e.clientX, e.clientY), U();
+			let n = (e) => {
+				H(e.clientX, e.clientY);
+			}, r = () => {
+				W(), document.removeEventListener("pointermove", n), document.removeEventListener("pointerup", r);
+			};
+			document.addEventListener("pointermove", n), document.addEventListener("pointerup", r);
+		}
+		return (e, t) => (d(), i(h(c.tag), {
+			ref_key: "rootRef",
+			ref: C,
+			class: l(["i-draggable", K.value]),
+			style: u(q.value),
+			onPointerdown: Q
+		}, {
+			default: _(() => [m(e.$slots, "default", {}, void 0, !0), c.resizable && !c.disabled ? (d(!0), o(n, { key: 0 }, p(G.value, (t) => m(e.$slots, `resize-${t}`, {
+				key: t,
+				handle: t
+			}, () => [s("div", {
+				class: l(["i-draggable__resize-handle", `i-draggable__resize-handle--${t}`]),
+				onPointerdown: v((e) => $(e, t), ["stop"])
+			}, null, 42, y)], !0)), 128)) : a("", !0)]),
+			_: 3
+		}, 40, ["class", "style"]));
+	}
+});
+//#endregion
+export { b as default };

package/dist/es/components/i-draggable/src/useAutoScroll.mjs

@@ -0,0 +1,56 @@
+import { onUnmounted as e } from "vue";
+//#region src/components/i-draggable/src/useAutoScroll.ts
+function t(e) {
+	let t = e;
+	for (; t;) {
+		let e = getComputedStyle(t), n = e.overflowY, r = e.overflowX;
+		if (n === "scroll" || n === "auto" || r === "scroll" || r === "auto") {
+			let e = t.scrollHeight > t.clientHeight, n = t.scrollWidth > t.clientWidth;
+			if (e || n) return t;
+		}
+		t = t.parentElement;
+	}
+	return null;
+}
+function n(n, r = {}) {
+	let { edgeSize: i = 40, maxSpeed: a = 15 } = r, o = null, s = 0, c = 0, l = !1;
+	function u(e, t, n) {
+		let r = e - t, o = n - e;
+		if (r < i && r >= 0) {
+			let e = 1 - r / i;
+			return -a * e;
+		}
+		return o < i && o >= 0 ? a * (1 - o / i) : 0;
+	}
+	function d() {
+		if (!l) return;
+		let e = t(n.value);
+		if (!e) {
+			o = requestAnimationFrame(d);
+			return;
+		}
+		let r = e.getBoundingClientRect(), i = u(s, r.left, r.right), a = u(c, r.top, r.bottom);
+		(i !== 0 || a !== 0) && e.scrollBy({
+			left: i,
+			top: a
+		}), o = requestAnimationFrame(d);
+	}
+	function f(e, t) {
+		s = e, c = t;
+	}
+	function p() {
+		l || (l = !0, o = requestAnimationFrame(d));
+	}
+	function m() {
+		l = !1, o !== null && (cancelAnimationFrame(o), o = null);
+	}
+	return e(() => {
+		m();
+	}), {
+		updatePointer: f,
+		start: p,
+		stop: m
+	};
+}
+//#endregion
+export { n as useAutoScroll };

package/dist/es/components/i-draggable/src/useDragCore.mjs

@@ -0,0 +1,92 @@
+import { onUnmounted as e, ref as t, watch as n } from "vue";
+//#region src/components/i-draggable/src/useDragCore.ts
+function r(e) {
+	let t = [], n = e.parentElement;
+	for (; n;) {
+		let e = getComputedStyle(n), r = e.overflowY, i = e.overflowX;
+		(r === "scroll" || r === "auto" || i === "scroll" || i === "auto") && t.push(n), n = n.parentElement;
+	}
+	return t;
+}
+function i(i = {}) {
+	let { threshold: a = 3 } = i, o = t("idle"), s = t(0), c = t(0), l = 0, u = 0, d = 0, f = 0, p = -1, m = [], h = null, g = null;
+	function _() {
+		let e = i.disabled;
+		return e == null ? !1 : typeof e == "boolean" ? e : e.value;
+	}
+	function v() {
+		let e = 0, t = 0;
+		for (let n of m) e += n.element.scrollLeft - n.scrollLeft, t += n.element.scrollTop - n.scrollTop;
+		return {
+			x: e,
+			y: t
+		};
+	}
+	function y(e, t) {
+		let n = v();
+		return {
+			deltaX: e - l + n.x,
+			deltaY: t - u + n.y
+		};
+	}
+	function b(e, t) {
+		if (o.value !== "dragging") return;
+		let n = y(e, t);
+		s.value = n.deltaX, c.value = n.deltaY, g && i.onDrag?.(n, g);
+	}
+	function x() {
+		b(d, f);
+	}
+	function S() {
+		for (let e of m) e.element.addEventListener("scroll", x, { passive: !0 });
+	}
+	function C() {
+		for (let e of m) e.element.removeEventListener("scroll", x);
+	}
+	function w(e) {
+		e.button === 0 && (_() || o.value === "idle" && (l = e.clientX, u = e.clientY, d = e.clientX, f = e.clientY, p = e.pointerId, g = e, e.currentTarget instanceof HTMLElement && (h = e.currentTarget, m = r(h).map((e) => ({
+			element: e,
+			scrollTop: e.scrollTop,
+			scrollLeft: e.scrollLeft
+		}))), o.value = "pending", document.addEventListener("pointermove", T), document.addEventListener("pointerup", E)));
+	}
+	function T(e) {
+		if (e.pointerId !== p) return;
+		d = e.clientX, f = e.clientY, g = e;
+		let t = y(e.clientX, e.clientY);
+		if (o.value === "pending") {
+			if (Math.sqrt(t.deltaX ** 2 + t.deltaY ** 2) < a) return;
+			o.value = "dragging", S(), i.onDragStart?.(e);
+		}
+		o.value === "dragging" && (s.value = t.deltaX, c.value = t.deltaY, i.onDrag?.(t, e));
+	}
+	function E(e) {
+		if (e.pointerId === p) {
+			if (o.value === "dragging") {
+				let t = y(e.clientX, e.clientY);
+				i.onDragEnd?.(t, e);
+			}
+			D();
+		}
+	}
+	function D() {
+		document.removeEventListener("pointermove", T), document.removeEventListener("pointerup", E), C(), o.value = "idle", m = [], p = -1, g = null;
+	}
+	function O() {
+		s.value = 0, c.value = 0;
+	}
+	return i.disabled && typeof i.disabled != "boolean" && n(i.disabled, (e) => {
+		e && o.value !== "idle" && D();
+	}), e(() => {
+		D(), h = null;
+	}), {
+		dragState: o,
+		deltaX: s,
+		deltaY: c,
+		handlePointerDown: w,
+		resetPosition: O,
+		getScrollDelta: v
+	};
+}
+//#endregion
+export { i as useDragCore };

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

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

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

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

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

@@ -0,0 +1,130 @@
+import e from "../../i-icon/index.mjs";
+import t from "../../i-scrollbar/index.mjs";
+import { IOverlayPanel as n } from "../../i-overlay/index.mjs";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+//#region src/components/i-drawer/src/drawer.vue?vue&type=script&setup=true&lang.ts
+var _ = ["aria-label"], v = {
+	key: 1,
+	class: "i-drawer__header min-h-60 pt-7 mx-30 pr-10 flex shrink-0 items-center justify-between border-b border-solid border-primary-10"
+}, y = { class: "i-drawer__title text-16 font-semibold leading-19 text-black" }, b = { class: "i-drawer__body flex-1 overflow-hidden" }, x = {
+	key: 2,
+	class: "i-drawer__footer shrink-0 min-h-88 border-t border-solid border-primary-10 mx-30 pt-20 flex justify-end"
+}, S = /* @__PURE__ */ l({
+	name: "i-drawer",
+	__name: "drawer",
+	props: {
+		visible: { type: Boolean },
+		title: {},
+		placement: { default: "right" },
+		size: { default: "400px" },
+		showHeader: {
+			type: Boolean,
+			default: !0
+		},
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		showOverlay: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnClickOverlay: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnPressEscape: {
+			type: Boolean,
+			default: !0
+		},
+		lockScroll: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:visible",
+		"open",
+		"opened",
+		"close",
+		"closed"
+	],
+	setup(l, { emit: S }) {
+		let C = l, w = S, T = r(() => C.placement === "left" || C.placement === "right"), E = r(() => {
+			let e = typeof C.size == "number" ? `${C.size}px` : C.size;
+			return T.value ? {
+				width: e,
+				height: "100%"
+			} : {
+				height: e,
+				width: "100%"
+			};
+		}), D = {
+			left: "i-drawer--left",
+			right: "i-drawer--right",
+			top: "i-drawer--top",
+			bottom: "i-drawer--bottom"
+		}, O = r(() => D[C.placement]), k = r(() => ({
+			top: "i-slide-top",
+			right: "i-slide-right",
+			bottom: "i-slide-bottom",
+			left: "i-slide-left"
+		})[C.placement]);
+		function A() {
+			w("update:visible", !1), w("close");
+		}
+		function j(e) {
+			w("update:visible", e);
+		}
+		return (r, S) => (f(), i(h(n), {
+			visible: l.visible,
+			placement: l.placement,
+			"show-overlay": l.showOverlay,
+			"close-on-click-overlay": l.closeOnClickOverlay,
+			"close-on-press-escape": l.closeOnPressEscape,
+			"lock-scroll": l.lockScroll,
+			"content-transition": k.value,
+			"onUpdate:visible": j,
+			onOpen: S[0] ||= (e) => w("open"),
+			onOpened: S[1] ||= (e) => w("opened"),
+			onClose: S[2] ||= (e) => w("close"),
+			onClosed: S[3] ||= (e) => w("closed")
+		}, {
+			default: g(() => [s("div", {
+				class: u(["i-drawer relative box-border flex flex-col bg-white", O.value]),
+				style: d(E.value),
+				"aria-label": l.title,
+				role: "dialog",
+				"aria-modal": "true"
+			}, [
+				l.closable ? (f(), o("button", {
+					key: 0,
+					type: "button",
+					class: "i-drawer__close absolute right-15 top-15 z-10 flex size-30 items-center justify-center border-none cursor-pointer hover:text-black",
+					onClick: A
+				}, [c(h(e), {
+					name: "icon-close",
+					size: 16,
+					class: "pointer-events-none"
+				})])) : a("", !0),
+				l.showHeader ? (f(), o("div", v, [p(r.$slots, "header", {}, () => [s("span", y, m(l.title), 1)], !0)])) : a("", !0),
+				s("div", b, [c(h(t), { "content-class": "p-30" }, {
+					default: g(() => [p(r.$slots, "default", {}, void 0, !0)]),
+					_: 3
+				})]),
+				r.$slots.footer ? (f(), o("div", x, [p(r.$slots, "footer", {}, void 0, !0)])) : a("", !0)
+			], 14, _)]),
+			_: 3
+		}, 8, [
+			"visible",
+			"placement",
+			"show-overlay",
+			"close-on-click-overlay",
+			"close-on-press-escape",
+			"lock-scroll",
+			"content-transition"
+		]));
+	}
+});
+//#endregion
+export { S as default };

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

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

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

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

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

@@ -0,0 +1,77 @@
+import e from "../../i-popover/index.mjs";
+import { Fragment as t, computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, renderList as u, renderSlot as d, toDisplayString as f, unref as p, watch as m, withCtx as h, withModifiers as g } from "vue";
+//#region src/components/i-dropdown/src/dropdown.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "i-dropdown__menu flex min-w-80 max-w-300 flex-col gap-5 box-border" }, v = ["onClick"], y = { class: "truncate" }, b = {
+	key: 1,
+	class: "i-dropdown__empty flex min-h-32 items-center justify-center px-8 text-13 text-black-30"
+}, x = /* @__PURE__ */ o({
+	name: "i-dropdown",
+	__name: "dropdown",
+	props: {
+		items: { default: () => [] },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		placement: { default: "bottom-start" },
+		offset: { default: 4 },
+		teleportTo: { default: "body" },
+		width: { default: void 0 }
+	},
+	emits: ["command", "visible-change"],
+	setup(o, { expose: x, emit: S }) {
+		let C = o, w = S, T = l(!1), E = n(() => C.items ?? []), D = n(() => C.width ?? "fit-content");
+		function O(e) {
+			return !!e.disabled;
+		}
+		function k(e) {
+			let t = e.type ?? "default", n = [`i-dropdown__item--${t}`];
+			return O(e) ? (n.push("is-disabled", "cursor-not-allowed", "text-black-30"), n) : t === "danger" ? (n.push("text-danger", "hover:bg-danger-10"), n) : (n.push("text-black-70", "hover:bg-primary-5", "hover:text-black"), n);
+		}
+		function A(e) {
+			O(e) || (w("command", e), T.value = !1);
+		}
+		return m(T, (e) => {
+			w("visible-change", e);
+		}), x({
+			show: () => {
+				C.disabled || (T.value = !0);
+			},
+			hide: () => {
+				T.value = !1;
+			}
+		}), (n, l) => (c(), r(p(e), {
+			visible: T.value,
+			"onUpdate:visible": l[0] ||= (e) => T.value = e,
+			trigger: "click",
+			placement: o.placement,
+			"show-arrow": !1,
+			offset: o.offset,
+			disabled: o.disabled,
+			"teleport-to": o.teleportTo,
+			width: D.value
+		}, {
+			content: h(() => [a("div", _, [E.value.length > 0 ? (c(!0), i(t, { key: 0 }, u(E.value, (e, t) => (c(), i("button", {
+				key: e.value,
+				class: s(["i-dropdown__item relative inline-flex min-h-32 w-full items-center gap-8 rounded-5 bg-transparent border-0 border-solid box-border px-8 text-left text-13 leading-16 transition-colors", k(e)]),
+				type: "button",
+				onClick: g((t) => A(e), ["stop"])
+			}, [d(n.$slots, "item", {
+				item: e,
+				index: t,
+				disabled: O(e)
+			}, () => [a("span", y, f(e.label), 1)], !0)], 10, v))), 128)) : (c(), i("div", b, "暂无数据"))])]),
+			default: h(() => [a("div", { class: s(["i-dropdown inline-flex", { "is-disabled": o.disabled }]) }, [d(n.$slots, "default", {}, void 0, !0)], 2)]),
+			_: 3
+		}, 8, [
+			"visible",
+			"placement",
+			"offset",
+			"disabled",
+			"teleport-to",
+			"width"
+		]));
+	}
+});
+//#endregion
+export { x as default };

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

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