@icc-grow/web-components 1.0.0

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

@@ -0,0 +1,287 @@
+import e from "../../i-popover/index.mjs";
+import { useFormItemA11y as t } from "../../i-form-item/src/useFormItemA11y.mjs";
+import n from "../../i-icon/index.mjs";
+import r from "../../i-space/index.mjs";
+import ee from "../../i-empty/index.mjs";
+import te from "../../i-field-shell/index.mjs";
+import i from "../../i-tag-group/index.mjs";
+import a from "../../i-virtual-list/index.mjs";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, mergeModels as p, nextTick as m, normalizeClass as h, openBlock as g, ref as _, renderSlot as v, toDisplayString as ne, unref as y, useModel as re, withCtx as b, withModifiers as x } from "vue";
+//#region src/components/i-select/src/select.vue?vue&type=script&setup=true&lang.ts
+var S = { class: "i-select__body flex h-full min-w-0 flex-1 items-center pl-12 pr-6" }, C = {
+	key: 0,
+	class: "i-select__prefix flex items-center shrink-0 text-black-50 mr-8"
+}, w = { class: "i-select__content flex items-center flex-wrap gap-4 flex-1 min-w-0 box-border overflow-hidden" }, T = [
+	"id",
+	"name",
+	"value",
+	"placeholder",
+	"readonly",
+	"disabled",
+	"aria-invalid",
+	"aria-required",
+	"aria-describedby"
+], E = {
+	key: 1,
+	class: "i-select__suffix flex items-center shrink-0 text-black-50 ml-8"
+}, D = { class: "i-select__dropdown" }, O = { class: "i-select__option-wrapper pb-5" }, k = ["onClick"], A = { class: "truncate flex-1" }, ie = {
+	key: 0,
+	class: "i-select__empty min-h-150 flex items-center justify-center"
+}, ae = { class: "i-select__footer w-full" }, oe = 200, se = 32, j = /* @__PURE__ */ f({
+	name: "i-select",
+	__name: "select",
+	props: /* @__PURE__ */ p({
+		options: { default: () => [] },
+		props: { default: () => ({}) },
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: { default: "请选择" },
+		filterable: {
+			type: Boolean,
+			default: !1
+		},
+		remote: {
+			type: Boolean,
+			default: !1
+		},
+		tagLimit: { default: void 0 },
+		validateEvent: {
+			type: Boolean,
+			default: !0
+		}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ p([
+		"update:modelValue",
+		"change",
+		"search",
+		"clear",
+		"visible-change"
+	], ["update:modelValue"]),
+	setup(f, { expose: p, emit: j }) {
+		let M = f, N = j, P = re(f, "modelValue"), F = _(null), I = _(!1), L = _(""), R = _(!1), { formItemContext: z, inputId: B, isRequired: V, isError: H, ariaDescribedby: U } = t(), W = o(() => B.value);
+		function G(e) {
+			let t = M.props?.label ?? "label";
+			return String(e[t] ?? "");
+		}
+		function K(e) {
+			return e[M.props?.value ?? "value"];
+		}
+		function q(e) {
+			return !!e[M.props?.disabled ?? "disabled"];
+		}
+		function J(e) {
+			let t = K(e);
+			return M.multiple && Array.isArray(P.value) ? P.value.includes(t) : P.value === t;
+		}
+		let Y = o(() => {
+			if (P.value === void 0 || P.value === null || !M.options) return [];
+			if (M.multiple && Array.isArray(P.value)) return M.options.filter((e) => P.value.includes(K(e)));
+			let e = M.options.find((e) => K(e) === P.value);
+			return e ? [e] : [];
+		}), X = o(() => Y.value.length > 0 ? G(Y.value[0]) : ""), Z = o(() => M.multiple ? Array.isArray(P.value) && P.value.length > 0 : P.value !== void 0 && P.value !== null && P.value !== ""), ce = o(() => I.value ? L.value : M.multiple ? "" : X.value), le = o(() => M.filterable ? I.value && !M.multiple && Z.value ? X.value : Z.value && M.multiple ? "" : M.placeholder : Z.value ? M.multiple ? "" : X.value : M.placeholder), ue = o(() => !M.filterable || !M.multiple && !I.value), de = o(() => M.props?.value ?? "value"), fe = o(() => M.props?.label ?? "label"), Q = o(() => {
+			if (!M.filterable || M.remote || !L.value || R.value) return M.options ?? [];
+			let e = L.value.toLowerCase();
+			return (M.options ?? []).filter((t) => G(t).toLowerCase().includes(e));
+		});
+		function pe(e) {
+			let t = [];
+			return J(e) && t.push("is-selected text-black bg-primary-3"), q(e) ? t.push("is-disabled text-black-30 cursor-not-allowed") : t.push("hover:bg-primary-3"), t;
+		}
+		let $ = o(() => M.clearable && !M.disabled && Z.value);
+		function me(e) {
+			if (q(e)) return;
+			let t = K(e);
+			if (M.multiple) {
+				let e = Array.isArray(P.value) ? [...P.value] : [], n = e.indexOf(t);
+				n > -1 ? e.splice(n, 1) : e.push(t), P.value = e, N("change", e, (M.options ?? []).filter((t) => e.includes(K(t)))), L.value = "", m(() => {
+					F.value?.focus();
+				});
+			} else P.value = t, N("change", t, e), I.value = !1;
+			M.validateEvent && z?.validate("change");
+		}
+		function he() {
+			M.multiple ? (P.value = [], N("change", [], [])) : (P.value = void 0, N("change", void 0, void 0)), L.value = "", N("clear"), M.validateEvent && z?.validate("change");
+		}
+		function ge(e) {
+			if (M.disabled) return;
+			let t = K(e), n = Array.isArray(P.value) ? [...P.value] : [], r = n.indexOf(t);
+			r > -1 && n.splice(r, 1), P.value = n, N("change", n, (M.options ?? []).filter((e) => n.includes(K(e)))), M.validateEvent && z?.validate("change");
+		}
+		function _e(e) {
+			if (!M.filterable) return;
+			let t = e.target.value;
+			L.value = t, M.remote && N("search", t);
+		}
+		function ve() {
+			I.value ||= !0;
+		}
+		function ye() {
+			!M.disabled && !I.value && (I.value = !0);
+		}
+		function be() {
+			R.value = !0;
+		}
+		function xe(e) {
+			R.value = !1, L.value = e.target.value, M.remote && N("search", L.value);
+		}
+		function Se() {
+			N("visible-change", !0), M.filterable && (L.value = "", m(() => {
+				F.value?.focus();
+			}));
+		}
+		function Ce() {
+			N("visible-change", !1), L.value = "";
+		}
+		return p({
+			show: () => {
+				I.value = !0;
+			},
+			hide: () => {
+				I.value = !1;
+			},
+			focus: () => {
+				F.value?.focus();
+			},
+			blur: () => {
+				F.value?.blur();
+			}
+		}), (t, o) => (g(), s(y(e), {
+			visible: I.value,
+			"onUpdate:visible": o[0] ||= (e) => I.value = e,
+			trigger: "click",
+			placement: "bottom-start",
+			"show-arrow": !1,
+			offset: 4,
+			disabled: f.disabled,
+			"same-width": "",
+			onShow: Se,
+			onHide: Ce
+		}, {
+			content: b(() => [
+				u("div", D, [v(t.$slots, "dropdown", {}, () => [d(y(a), {
+					class: "i-select__options",
+					data: Q.value,
+					"row-key": K,
+					"item-size": se,
+					"max-height": oe,
+					dynamic: ""
+				}, {
+					default: b(({ item: e, index: r }) => [u("div", O, [u("div", {
+						class: h(["i-select__option flex min-h-34 items-center rounded-5 px-10 cursor-pointer transition-colors text-13 text-black-70", pe(e)]),
+						onClick: x((t) => me(e), ["stop"])
+					}, [v(t.$slots, "option", {
+						item: e,
+						index: r,
+						isSelected: J(e)
+					}, () => [u("span", A, ne(G(e)), 1), J(e) ? (g(), s(y(n), {
+						key: 0,
+						name: "icon-check",
+						size: 14,
+						class: "shrink-0 ml-8 text-primary"
+					})) : c("", !0)], !0)], 10, k)])]),
+					_: 3
+				}, 8, ["data"])], !0)]),
+				Q.value.length <= 0 ? (g(), l("div", ie, [d(y(ee))])) : c("", !0),
+				u("div", ae, [v(t.$slots, "footer", {}, void 0, !0)])
+			]),
+			default: b(() => [d(y(te), {
+				ref: "triggerRef",
+				class: "i-select",
+				disabled: f.disabled,
+				focused: I.value,
+				error: y(H),
+				block: "",
+				"aria-invalid": y(H) ? "true" : void 0,
+				"aria-required": y(V) ? "true" : void 0,
+				"aria-describedby": y(U)
+			}, {
+				default: b(() => [u("div", S, [
+					t.$slots.prefix ? (g(), l("span", C, [v(t.$slots, "prefix", {}, void 0, !0)])) : c("", !0),
+					u("div", w, [f.multiple ? (g(), s(y(i), {
+						key: 0,
+						options: Y.value,
+						"row-key": de.value,
+						"label-key": fe.value,
+						"tag-limit": f.tagLimit,
+						closable: !f.disabled,
+						disabled: f.disabled,
+						round: !1,
+						"collapse-class": "i-select__tag--collapse",
+						onRemove: ge
+					}, null, 8, [
+						"options",
+						"row-key",
+						"label-key",
+						"tag-limit",
+						"closable",
+						"disabled"
+					])) : c("", !0), u("input", {
+						id: y(B),
+						ref_key: "inputRef",
+						ref: F,
+						name: W.value,
+						class: h(["i-select__input flex-1 outline-none bg-transparent text-13 text-black border-none relative left-0", [f.multiple ? "min-w-20" : "", f.filterable ? !I.value && !f.multiple ? "cursor-pointer" : "" : "cursor-pointer"]]),
+						value: ce.value,
+						placeholder: le.value,
+						readonly: ue.value,
+						disabled: f.disabled,
+						"aria-invalid": y(H) ? "true" : void 0,
+						"aria-required": y(V) ? "true" : void 0,
+						"aria-describedby": y(U),
+						onInput: _e,
+						onClick: x(ve, ["stop"]),
+						onFocus: ye,
+						onCompositionstart: be,
+						onCompositionend: xe
+					}, null, 42, T)]),
+					t.$slots.suffix ? (g(), l("span", E, [v(t.$slots, "suffix", {}, void 0, !0)])) : c("", !0),
+					d(y(r), {
+						class: "i-select__actions shrink-0 ml-8",
+						size: 8,
+						align: "center"
+					}, {
+						default: b(() => [$.value ? (g(), s(y(n), {
+							key: 0,
+							class: "i-select__clear shrink-0 cursor-pointer text-black-30 hover:text-black-50",
+							name: "icon-clear-fill",
+							width: 20,
+							height: 20,
+							onClick: x(he, ["stop"])
+						})) : (g(), s(y(n), {
+							key: 1,
+							class: h(["i-select__arrow shrink-0 text-black-30 transition-transform duration-200", { "rotate-180": I.value }]),
+							name: "icon-arrow-bottom",
+							width: 20,
+							height: 20
+						}, null, 8, ["class"]))]),
+						_: 1
+					})
+				])]),
+				_: 3
+			}, 8, [
+				"disabled",
+				"focused",
+				"error",
+				"aria-invalid",
+				"aria-required",
+				"aria-describedby"
+			])]),
+			_: 3
+		}, 8, ["visible", "disabled"]));
+	}
+});
+//#endregion
+export { j as default };

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

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

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

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

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

@@ -0,0 +1,257 @@
+import { useDragCore as e } from "../../i-draggable/src/useDragCore.mjs";
+import { useAutoScroll as t } from "../../i-draggable/src/useAutoScroll.mjs";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, nextTick as c, normalizeClass as l, normalizeStyle as u, onUnmounted as d, openBlock as f, ref as p, renderList as m, renderSlot as h, resolveDynamicComponent as ee, toRef as g, withCtx as te } from "vue";
+//#region src/components/i-sortable/src/sortable.vue?vue&type=script&setup=true&lang.ts
+var _ = ["onPointerdown"], v = /* @__PURE__ */ s({
+	name: "i-sortable",
+	__name: "sortable",
+	props: {
+		modelValue: {},
+		itemKey: {},
+		handle: {},
+		direction: { default: "vertical" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		tag: { default: "div" },
+		ghostClass: {},
+		placeholderClass: {},
+		animationDuration: { default: 200 },
+		threshold: { default: 3 }
+	},
+	emits: [
+		"update:modelValue",
+		"sort-start",
+		"sort-end"
+	],
+	setup(s, { emit: v }) {
+		let y = s, b = v, x = p(null), S = p(null), C = p(-1), w = p(-1), T = p(null), E = p({
+			x: 0,
+			y: 0
+		}), D = p({
+			x: 0,
+			y: 0
+		}), O = /* @__PURE__ */ new Map(), k = [], A = [], j = 0, M = 0, N = null, P = /* @__PURE__ */ new Map(), F = -1, I = g(y, "disabled"), L = r(() => C.value < 0 || C.value >= y.modelValue.length ? null : y.modelValue[C.value]), ne = r(() => ({ [y.placeholderClass ?? ""]: !!y.placeholderClass })), re = r(() => ({ [y.ghostClass ?? ""]: !!y.ghostClass })), R = r(() => T.value ? y.direction === "vertical" ? { height: `${T.value.height}px` } : {
+			width: `${T.value.width}px`,
+			minHeight: `${T.value.height}px`,
+			flexShrink: "0"
+		} : {}), z = r(() => C.value === -1 || !T.value ? null : {
+			position: "fixed",
+			top: "0",
+			left: "0",
+			width: `${T.value.width}px`,
+			height: `${T.value.height}px`,
+			zIndex: "9999",
+			pointerEvents: "none",
+			willChange: "transform"
+		}), B = r(() => {
+			let e = [];
+			if (C.value === -1) return y.modelValue.forEach((t, n) => {
+				e.push({
+					kind: "item",
+					key: K(t),
+					index: n,
+					item: t
+				});
+			}), e;
+			let t = Math.max(0, Math.min(w.value, y.modelValue.length - 1)), n = 0;
+			return y.modelValue.forEach((r, i) => {
+				i !== C.value && (n === t && e.push({
+					kind: "placeholder",
+					key: "__placeholder__"
+				}), e.push({
+					kind: "item",
+					key: K(r),
+					index: i,
+					item: r
+				}), n += 1);
+			}), n === t && e.push({
+				kind: "placeholder",
+				key: "__placeholder__"
+			}), e;
+		}), { handlePointerDown: V, getScrollDelta: H } = e({
+			threshold: y.threshold,
+			disabled: I,
+			onDragStart(e) {
+				J(F, e);
+			},
+			onDrag(e, t) {
+				Y(t);
+			},
+			onDragEnd() {
+				ie();
+			}
+		}), { updatePointer: U, start: W, stop: G } = t(x);
+		function K(e) {
+			let t = y.itemKey;
+			return typeof t == "function" ? t(e) : typeof e == "object" && e && t in e ? e[t] : String(e);
+		}
+		function q(e, t) {
+			if (e instanceof HTMLElement) {
+				O.set(t, e);
+				return;
+			}
+			O.delete(t);
+		}
+		function J(e, t) {
+			if (e < 0 || e >= y.modelValue.length) return;
+			k = y.modelValue.map((e, t) => O.get(t)?.getBoundingClientRect() ?? null);
+			let n = k[e];
+			n && (C.value = e, w.value = e, A = k.map((t, n) => n === e || !t ? null : y.direction === "vertical" ? t.top + t.height / 2 : t.left + t.width / 2).filter((e) => e !== null), T.value = n, E.value = {
+				x: D.value.x - n.left,
+				y: D.value.y - n.top
+			}, j = t.clientX, M = t.clientY, c(() => {
+				Z();
+			}), b("sort-start", {
+				item: y.modelValue[e],
+				index: e
+			}));
+		}
+		function Y(e) {
+			C.value === -1 || !T.value || (j = e.clientX, M = e.clientY, U(e.clientX, e.clientY), ue());
+		}
+		function ie() {
+			if (C.value === -1) return;
+			$();
+			let e = C.value, t = w.value, n = y.modelValue[e];
+			if (e === t) {
+				X();
+				return;
+			}
+			let r = [...y.modelValue], [i] = r.splice(e, 1);
+			r.splice(t, 0, i), X(), b("update:modelValue", r), b("sort-end", {
+				item: n,
+				oldIndex: e,
+				newIndex: t
+			});
+		}
+		function X() {
+			ce(), de(), C.value = -1, w.value = -1, T.value = null, E.value = {
+				x: 0,
+				y: 0
+			}, D.value = {
+				x: 0,
+				y: 0
+			}, k = [], A = [], F = -1, j = 0, M = 0, G();
+		}
+		function ae(e, t) {
+			if (y.disabled || y.handle && !e.target.closest(y.handle)) return;
+			F = t, D.value = {
+				x: e.clientX,
+				y: e.clientY
+			}, j = e.clientX, M = e.clientY, U(e.clientX, e.clientY), W(), V(e);
+			let n = (e) => {
+				j = e.clientX, M = e.clientY, U(e.clientX, e.clientY);
+			}, r = () => {
+				G(), document.removeEventListener("pointermove", n), document.removeEventListener("pointerup", r);
+			};
+			document.addEventListener("pointermove", n), document.addEventListener("pointerup", r);
+		}
+		d(() => {
+			X();
+		});
+		function oe(e) {
+			let t = H(), n = y.direction === "vertical" ? t.y : t.x, r = 0, i = A.length;
+			for (; r < i;) {
+				let t = Math.floor((r + i) / 2);
+				e < A[t] - n ? i = t : r = t + 1;
+			}
+			return r;
+		}
+		function Z() {
+			if (!S.value || !T.value) return;
+			let e = j - E.value.x, t = M - E.value.y;
+			S.value.style.transform = `translate3d(${e}px, ${t}px, 0)`;
+		}
+		function se() {
+			let e = /* @__PURE__ */ new Map();
+			return y.modelValue.forEach((t, n) => {
+				if (n === C.value) return;
+				let r = O.get(n);
+				r && e.set(n, r.getBoundingClientRect());
+			}), e;
+		}
+		function Q(e) {
+			let t = P.get(e);
+			t && (clearTimeout(t), P.delete(e));
+			let n = O.get(e);
+			n && (n.style.transition = "", n.style.transform = "", n.style.willChange = "");
+		}
+		function ce() {
+			[...P.keys()].forEach((e) => {
+				Q(e);
+			});
+		}
+		function le(e) {
+			c(() => {
+				e.forEach((e, t) => {
+					let n = O.get(t);
+					if (!n) return;
+					let r = n.getBoundingClientRect(), i = e.left - r.left, a = e.top - r.top;
+					if (i === 0 && a === 0) {
+						Q(t);
+						return;
+					}
+					Q(t), n.style.transition = "none", n.style.willChange = "transform", n.style.transform = `translate3d(${i}px, ${a}px, 0)`, n.offsetWidth, requestAnimationFrame(() => {
+						n.style.transition = `transform ${y.animationDuration}ms ease`, n.style.transform = "translate3d(0, 0, 0)";
+						let e = setTimeout(() => {
+							Q(t);
+						}, y.animationDuration);
+						P.set(t, e);
+					});
+				});
+			});
+		}
+		function $() {
+			if (C.value === -1 || !T.value) return;
+			Z();
+			let e = oe((y.direction === "vertical" ? M - E.value.y : j - E.value.x) + (y.direction === "vertical" ? T.value.height : T.value.width) / 2);
+			if (e === w.value) return;
+			let t = se();
+			w.value = e, le(t);
+		}
+		function ue() {
+			N === null && (N = requestAnimationFrame(() => {
+				N = null, $();
+			}));
+		}
+		function de() {
+			N !== null && (cancelAnimationFrame(N), N = null);
+		}
+		return (e, t) => (f(), i(ee(s.tag), {
+			ref_key: "containerRef",
+			ref: x,
+			class: l(["i-sortable", { "is-disabled": s.disabled }])
+		}, {
+			default: te(() => [(f(!0), o(n, null, m(B.value, (t) => (f(), o(n, { key: t.key }, [t.kind === "placeholder" ? (f(), o("div", {
+				key: 0,
+				class: l(["i-sortable__placeholder", ne.value]),
+				style: u(R.value)
+			}, null, 6)) : (f(), o("div", {
+				key: 1,
+				ref_for: !0,
+				ref: (e) => q(e, t.index),
+				class: "i-sortable__item",
+				onPointerdown: (e) => ae(e, t.index)
+			}, [h(e.$slots, "default", {
+				item: t.item,
+				index: t.index,
+				isDragging: C.value === t.index
+			}, void 0, !0)], 40, _))], 64))), 128)), z.value && L.value !== null ? (f(), o("div", {
+				key: 0,
+				ref_key: "dragPreviewRef",
+				ref: S,
+				class: l(["i-sortable__drag-preview i-sortable__item--ghost", re.value]),
+				style: u(z.value)
+			}, [h(e.$slots, "default", {
+				item: L.value,
+				index: C.value,
+				isDragging: !1
+			}, void 0, !0)], 6)) : a("", !0)]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { v as default };

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

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

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

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

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

@@ -0,0 +1,38 @@
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, openBlock as a, renderSlot as o } from "vue";
+//#region src/components/i-space/src/space.vue?vue&type=script&setup=true&lang.ts
+var s = /* @__PURE__ */ n({
+	name: "i-space",
+	__name: "space",
+	props: {
+		direction: { default: "horizontal" },
+		size: { default: 15 },
+		align: { default: void 0 },
+		wrap: {
+			type: Boolean,
+			default: !1
+		},
+		fill: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(n) {
+		let s = n, c = {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			baseline: "items-baseline"
+		}, l = e(() => [
+			s.direction === "vertical" ? "flex-col" : "flex-row",
+			s.wrap ? "flex-wrap" : "",
+			s.fill ? "i-space--fill" : "",
+			s.align ? c[s.align] : ""
+		]), u = e(() => ({ gap: `${s.size}px` }));
+		return (e, n) => (a(), t("div", {
+			class: r(["i-space flex", l.value]),
+			style: i(u.value)
+		}, [o(e.$slots, "default", {}, void 0, !0)], 6));
+	}
+});
+//#endregion
+export { s as default };

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

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

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

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

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

@@ -0,0 +1,39 @@
+import e from "../../i-icon/index.mjs";
+import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderList as l, toDisplayString as u, unref as d } from "vue";
+//#region src/components/i-steps/src/steps.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "i-steps flex w-full" }, p = { class: "i-step__head flex items-center gap-10 transition-opacity" }, m = { key: 1 }, h = /* @__PURE__ */ o({
+	name: "i-steps",
+	__name: "steps",
+	props: {
+		active: { default: 0 },
+		items: { default: () => [] }
+	},
+	setup(o) {
+		let h = o;
+		function g(e) {
+			return e < h.active ? "is-finish" : e === h.active ? "is-process" : "is-wait";
+		}
+		function _(e) {
+			return e < h.active ? "bg-success text-white" : e === h.active ? "bg-primary text-white" : "bg-primary-10 text-primary-50";
+		}
+		function v(e) {
+			return e < h.active ? "text-success" : e === h.active ? "text-primary" : "text-black-30";
+		}
+		function y(e) {
+			return e < h.active ? "bg-success" : "bg-black-10";
+		}
+		return (h, b) => (c(), i("div", f, [(c(!0), i(t, null, l(o.items, (t, l) => (c(), i("div", {
+			key: l,
+			class: s(["i-step flex items-center", [l < o.items.length - 1 ? "flex-1" : "flex-shrink-0", g(l)]])
+		}, [a("div", p, [a("div", { class: s(["i-step__icon flex items-center justify-center rounded-full w-20 h-20 text-12 transition-colors font-medium", _(l)]) }, [l < o.active ? (c(), n(d(e), {
+			key: 0,
+			name: "icon-selected",
+			size: 10
+		})) : (c(), i("span", m, u(l + 1), 1))], 2), a("div", { class: s(["i-step__title text-13 transition-colors", v(l)]) }, u(t.title), 3)]), l < o.items.length - 1 ? (c(), i("div", {
+			key: 0,
+			class: s(["i-step__line flex-1 h-1 mx-10 transition-colors", y(l)])
+		}, null, 2)) : r("", !0)], 2))), 128))]));
+	}
+});
+//#endregion
+export { h as default };

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

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

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

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