@icc-grow/web-components 1.0.0

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

@@ -0,0 +1,137 @@
+import e from "../../i-scrollbar/index.mjs";
+import t from "../../i-empty/index.mjs";
+import n from "./components/table-body.mjs";
+import r from "./components/table-footer.mjs";
+import i from "./components/table-header.mjs";
+import { tableProps as a } from "./types.mjs";
+import { useTableSort as o } from "./composables/useTableSort.mjs";
+import { useTableStyle as s } from "./composables/useTableStyle.mjs";
+import { useTableSelection as c } from "./composables/useTableSelection.mjs";
+/* empty css       */
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as h, createVNode as g, defineComponent as _, guardReactiveProps as v, normalizeClass as y, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as S, onMounted as C, openBlock as w, ref as T, renderList as E, renderSlot as D, toRef as O, unref as k, withCtx as A } from "vue";
+//#region src/components/i-table/src/table.vue?vue&type=script&setup=true&lang.ts
+var j = { class: "i-table__table w-full border-separate border-spacing-0 table-fixed !m-0" }, M = ["width"], N = {
+	key: 0,
+	class: "i-table__empty flex items-center justify-center min-h-300"
+}, P = /* @__PURE__ */ _({
+	name: "i-table",
+	__name: "table",
+	props: a,
+	emits: [
+		"selection-change",
+		"select",
+		"select-all",
+		"sort-change",
+		"row-click",
+		"radio-change"
+	],
+	setup(a, { expose: _, emit: P }) {
+		let F = a, I = P, L = O(F, "columns"), R = O(F, "data"), z = T(), { resolvedColumns: B, scrollState: V, updateScrollState: H } = s(L), U = c(F, I, R, L), { currentSort: W, handleSortClick: G, clearSort: K, sortedData: q } = o(R, I), J = u(() => B.value.filter((e) => !!e.prop)), Y = u(() => {
+			let e = [`i-table--scroll-${V.value}`];
+			return (F.height || F.maxHeight) && e.push("i-table--fixed-header"), e;
+		}), X = T(40), Z = u(() => ({ "--table-header-height": `${X.value}px` }));
+		function Q() {
+			let e = z.value?.wrapRef;
+			e && H(e);
+		}
+		let $ = null;
+		C(() => {
+			let e = z.value?.wrapRef;
+			if (e) {
+				H(e);
+				let t = e.querySelector("thead");
+				t && (X.value = t.getBoundingClientRect().height || 40, typeof ResizeObserver < "u" && ($ = new ResizeObserver((e) => {
+					X.value = e[0].borderBoxSize?.[0]?.blockSize || e[0].contentRect.height || 40;
+				}), $.observe(t)));
+			}
+		}), S(() => {
+			$ &&= ($.disconnect(), null);
+		});
+		function ee(e, t, n) {
+			I("row-click", e, t, n);
+		}
+		return _({
+			clearSelection: U.clearSelection,
+			getSelection: U.getSelection,
+			setSelection: U.setSelection,
+			toggleRowSelection: U.toggleRowSelection,
+			clearSort: K,
+			clearSelected: U.clearSelected,
+			getSelected: U.getSelected,
+			setSelected: U.setSelected
+		}), (a, o) => (w(), p("div", {
+			class: y(["i-table relative w-full overflow-hidden bg-white text-13 text-black box-border border border-solid border-white", Y.value]),
+			style: x(Z.value)
+		}, [g(k(e), {
+			ref_key: "scrollbarRef",
+			ref: z,
+			class: "i-table__inner",
+			height: F.height,
+			"max-height": F.maxHeight,
+			onScroll: Q
+		}, {
+			default: A(() => [m("table", j, [
+				m("colgroup", null, [(w(!0), p(l, null, E(k(B), (e, t) => (w(), p("col", {
+					key: t,
+					width: e.width,
+					style: x({ minWidth: typeof e.minWidth == "number" ? `${e.minWidth}px` : e.minWidth })
+				}, null, 12, M))), 128))]),
+				g(i, {
+					columns: k(B),
+					"is-all-selected": k(U).isAllSelected.value,
+					"is-indeterminate": k(U).isIndeterminate.value,
+					"current-sort": k(W),
+					onToggleAll: k(U).toggleAllSelection,
+					onSortClick: k(G)
+				}, h({ _: 2 }, [E(J.value, (e) => ({
+					name: `header-${e.prop}`,
+					fn: A((t) => [D(a.$slots, `header-${e.prop}`, b(v(t)), void 0, !0)])
+				}))]), 1032, [
+					"columns",
+					"is-all-selected",
+					"is-indeterminate",
+					"current-sort",
+					"onToggleAll",
+					"onSortClick"
+				]),
+				k(q).length > 0 ? (w(), d(n, {
+					key: 0,
+					columns: k(B),
+					data: k(q),
+					"is-checked": k(U).isRowChecked,
+					"is-radio-checked": k(U).isRadioChecked,
+					"is-disabled": k(U).isRowDisabled,
+					"get-row-key": k(U).getRowKey,
+					onRowClick: ee,
+					onToggleRow: k(U).toggleRowSelection,
+					onToggleRadio: k(U).toggleRadioSelection
+				}, h({ _: 2 }, [E(J.value, (e) => ({
+					name: e.prop,
+					fn: A((t) => [D(a.$slots, e.prop, b(v(t)), void 0, !0)])
+				}))]), 1032, [
+					"columns",
+					"data",
+					"is-checked",
+					"is-radio-checked",
+					"is-disabled",
+					"get-row-key",
+					"onToggleRow",
+					"onToggleRadio"
+				])) : f("", !0),
+				F.showSummary && k(q).length > 0 ? (w(), d(r, {
+					key: 1,
+					columns: k(B),
+					data: k(q),
+					"summary-method": F.summaryMethod
+				}, null, 8, [
+					"columns",
+					"data",
+					"summary-method"
+				])) : f("", !0)
+			]), F.data.length === 0 ? (w(), p("div", N, [g(k(t), { height: 240 })])) : f("", !0)]),
+			_: 3
+		}, 8, ["height", "max-height"])], 6));
+	}
+});
+//#endregion
+export { P as default };

package/dist/es/components/i-table/src/table2.mjs

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

package/dist/es/components/i-table/src/types.mjs

@@ -0,0 +1,21 @@
+//#region src/components/i-table/src/types.ts
+var e = {
+	data: {
+		type: Array,
+		default: () => []
+	},
+	columns: {
+		type: Array,
+		default: () => []
+	},
+	height: { type: [String, Number] },
+	maxHeight: { type: [String, Number] },
+	showSummary: {
+		type: Boolean,
+		default: !1
+	},
+	summaryMethod: { type: Function },
+	rowKey: { type: [String, Function] }
+};
+//#endregion
+export { e as tableProps };

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

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

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

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

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

@@ -0,0 +1,91 @@
+import e from "../../i-scrollbar/index.mjs";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, onMounted as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, watch as g, withCtx as _ } from "vue";
+//#region src/components/i-tabs/src/tabs.vue?vue&type=script&setup=true&lang.ts
+var v = ["data-tab-index", "onClick"], y = { class: "flex items-center gap-x-6" }, b = { class: "i-tabs__item-label" }, x = {
+	key: 0,
+	class: "flex items-center justify-center px-4 pt-1 h-16 bg-black-5 text-black-50 text-11 font-medium rounded-5"
+}, S = /* @__PURE__ */ s({
+	name: "i-tabs",
+	__name: "tabs",
+	props: {
+		modelValue: { default: void 0 },
+		options: {},
+		authList: {},
+		authMethod: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(s, { emit: S }) {
+		let C = s, w = S, T = f(null), E = f(null), D = n(() => {
+			let e = [], t = [], n = -1;
+			return C.options.forEach((r) => {
+				let i = !0;
+				r.authCode && (C.authMethod ? i = C.authMethod(r.authCode, r) : C.authList && (i = C.authList.includes(r.authCode))), i && (e.push(r), t.push(`${r.value}:${r.label}:${r.count ?? ""}:${r.disabled ? "1" : "0"}`), r.value === C.modelValue && (n = e.length - 1));
+			}), {
+				activeIndex: n,
+				displayTabs: e,
+				fallbackValue: e[0]?.value,
+				layoutSignature: t.join("|")
+			};
+		}), O = f({ transform: "translateX(0px)" });
+		function k() {
+			if (D.value.activeIndex !== -1 || C.modelValue === void 0) return !1;
+			let { fallbackValue: e } = D.value;
+			return e === void 0 ? (w("update:modelValue", void 0), !0) : (w("update:modelValue", e), !0);
+		}
+		function A() {
+			let { activeIndex: e } = D.value;
+			if (e === -1) {
+				O.value = { transform: "scale(0)" };
+				return;
+			}
+			if (!E.value) return;
+			let t = E.value.querySelector(`[data-tab-index="${e}"]`);
+			if (!t || (O.value = { transform: `translateX(${t.offsetLeft + (t.clientWidth - 20) / 2}px)` }, !T.value?.wrapRef)) return;
+			let n = T.value.wrapRef.clientWidth, r = t.offsetLeft - n / 2 + t.clientWidth / 2;
+			T.value.scrollTo({
+				left: Math.max(0, r),
+				behavior: "smooth"
+			});
+		}
+		function j(e) {
+			return C.disabled || e.disabled ? "is-disabled text-black-30 cursor-not-allowed opacity-50" : ["cursor-pointer hover:text-black", e.value === C.modelValue ? "is-active text-black font-medium" : "text-black-50"];
+		}
+		function M(e) {
+			C.disabled || e.disabled || e.value !== C.modelValue && (w("update:modelValue", e.value), w("change", e.value));
+		}
+		return g([() => C.modelValue, () => D.value.layoutSignature], () => {
+			k();
+		}, { immediate: !0 }), g(() => D.value.activeIndex, () => {
+			A();
+		}, { flush: "post" }), g(() => D.value.layoutSignature, () => {
+			A();
+		}, { flush: "post" }), u(A), (n, s) => (d(), i("div", { class: c(["i-tabs relative w-full", { "is-disabled": C.disabled }]) }, [o(h(e), {
+			ref_key: "scrollbarRef",
+			ref: T,
+			layout: "horizontal",
+			always: !1,
+			class: "i-tabs__nav-scroll w-full"
+		}, {
+			default: _(() => [a("div", {
+				ref_key: "navRef",
+				ref: E,
+				class: "i-tabs__nav relative flex items-center gap-x-30"
+			}, [(d(!0), i(t, null, p(D.value.displayTabs, (e, t) => (d(), i("div", {
+				key: e.value,
+				"data-tab-index": t,
+				class: c(["i-tabs__item relative flex flex-col items-center justify-center h-40 text-12 whitespace-nowrap transition-colors", j(e)]),
+				onClick: (t) => M(e)
+			}, [a("div", y, [a("span", b, m(e.label), 1), e.count === void 0 ? r("", !0) : (d(), i("span", x, m(e.count > 99 ? "99+" : e.count), 1))])], 10, v))), 128)), a("div", {
+				class: "i-tabs__slider absolute bottom-0 w-20 h-2 bg-primary rounded-full transition-all duration-300 ease-in-out z-1",
+				style: l(O.value)
+			}, null, 4)], 512)]),
+			_: 1
+		}, 512)], 2));
+	}
+});
+//#endregion
+export { S as default };

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

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

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

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

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

@@ -0,0 +1,72 @@
+import e from "../../i-icon/index.mjs";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, unref as u, useSlots as d, withModifiers as f } from "vue";
+//#region src/components/i-tag/src/tag.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "truncate" }, m = /* @__PURE__ */ o({
+	name: "i-tag",
+	__name: "tag",
+	props: {
+		type: { default: "default" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		closable: {
+			type: Boolean,
+			default: !1
+		},
+		round: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["click", "close"],
+	setup(o, { emit: m }) {
+		let h = o, g = m, _ = d(), v = {
+			default: "bg-primary-2 border-primary-10",
+			primary: "bg-primary-10 border-transparent",
+			success: "bg-success-7 border-success-10",
+			warning: "bg-warning-7 border-warning-10",
+			danger: "bg-danger-7 border-danger-10"
+		}, y = {
+			default: "bg-primary-10 border-primary-3",
+			primary: "bg-primary-10 border-primary-3",
+			success: "bg-success-10 border-success-3",
+			warning: "bg-warning-10 border-warning-3",
+			danger: "bg-danger-10 border-danger-3"
+		}, b = t(() => !!_.prefix), x = t(() => [
+			v[h.type],
+			h.round ? "rounded-12 h-26" : "rounded-5 h-26",
+			b.value ? "pl-0 pr-8 gap-10" : h.closable ? "pl-10 pr-8 gap-8" : "px-10",
+			h.disabled ? "is-disabled cursor-not-allowed text-black-30" : ""
+		]), S = t(() => [
+			"inline-flex items-center justify-center w-26 h-26",
+			h.round ? "rounded-50" : "rounded-5",
+			y[h.type]
+		]), C = t(() => h.type === "primary" ? "text-primary hover:text-primary-70" : "text-black-30 hover:text-black");
+		function w(e) {
+			h.disabled || g("click", e);
+		}
+		function T(e) {
+			h.disabled || g("close", e);
+		}
+		return (t, d) => (c(), i("span", {
+			class: s(["i-tag inline-flex items-center max-w-full text-12 text-black box-border border", x.value]),
+			onClick: w
+		}, [
+			b.value ? (c(), i("span", {
+				key: 0,
+				class: s(["i-tag__prefix shrink-0 -ml-1", S.value])
+			}, [l(t.$slots, "prefix")], 2)) : r("", !0),
+			a("span", p, [l(t.$slots, "default")]),
+			o.closable ? (c(), n(u(e), {
+				key: 1,
+				name: "icon-close",
+				size: 10,
+				class: s(["i-tag__close shrink-0 cursor-pointer", C.value]),
+				onClick: f(T, ["stop"])
+			}, null, 8, ["class"])) : r("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { m as default };

package/dist/es/components/i-tag-group/index.mjs

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

package/dist/es/components/i-tag-group/src/tag-group.mjs

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

package/dist/es/components/i-tag-group/src/tag-group.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,70 @@
+import e from "../../i-tag/index.mjs";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, renderSlot as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+//#region src/components/i-tag-group/src/tag-group.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "i-tag-group flex min-w-0 flex-wrap items-center gap-10" }, g = /* @__PURE__ */ s({
+	name: "i-tag-group",
+	__name: "tag-group",
+	props: {
+		options: { default: () => [] },
+		rowKey: { default: "" },
+		labelKey: { default: "" },
+		tagLimit: { default: void 0 },
+		closable: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		round: {
+			type: Boolean,
+			default: !0
+		},
+		type: { default: "default" },
+		collapseClass: { default: "" }
+	},
+	emits: ["remove"],
+	setup(s, { emit: g }) {
+		let _ = s, v = g, y = n(() => _.tagLimit !== void 0 && _.tagLimit > 0 ? _.options.slice(0, _.tagLimit) : _.options), b = n(() => _.tagLimit !== void 0 && _.tagLimit > 0 && _.options.length > _.tagLimit ? _.options.length - _.tagLimit : 0);
+		function x(e) {
+			return _.labelKey && typeof e == "object" && e && !Array.isArray(e) ? String(e[_.labelKey] ?? "") : String(e);
+		}
+		function S(e, t) {
+			if (_.rowKey && typeof e == "object" && e && !Array.isArray(e)) {
+				let t = e[_.rowKey];
+				if (typeof t == "string" || typeof t == "number") return t;
+			}
+			return t;
+		}
+		function C(e, t) {
+			v("remove", e, t);
+		}
+		return (n, g) => (l(), i("div", h, [(l(!0), i(t, null, u(y.value, (t, r) => d(n.$slots, "tag", {
+			key: S(t, r),
+			option: t,
+			index: r,
+			close: () => C(t, r)
+		}, () => [o(p(e), {
+			type: s.type,
+			closable: s.closable && !s.disabled,
+			disabled: s.disabled,
+			round: s.round,
+			onClose: (e) => C(t, r)
+		}, {
+			default: m(() => [a(f(x(t)), 1)]),
+			_: 2
+		}, 1032, [
+			"type",
+			"closable",
+			"disabled",
+			"round",
+			"onClose"
+		])])), 128)), b.value > 0 ? (l(), i("span", {
+			key: 0,
+			class: c(["i-tag-group__collapse inline-flex items-center text-11 text-black-30 leading-[14px] shrink-0", s.collapseClass])
+		}, " + " + f(b.value), 3)) : r("", !0)]));
+	}
+});
+//#endregion
+export { g as default };

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

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

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

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

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

@@ -0,0 +1,148 @@
+import e from "../../i-icon/index.mjs";
+import t from "../../i-space/index.mjs";
+import n from "../../i-field-shell/index.mjs";
+import { useInputBase as r } from "../../i-input/src/useInputBase.mjs";
+import { useAutosize as i } from "./useAutosize.mjs";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, normalizeClass as m, normalizeStyle as h, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, useModel as x, withCtx as S, withModifiers as C } from "vue";
+//#region src/components/i-textarea/src/textarea.vue?vue&type=script&setup=true&lang.ts
+var w = {
+	key: 0,
+	class: "i-textarea__prefix flex items-start shrink-0 text-black-50 mr-8"
+}, T = [
+	"id",
+	"name",
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"maxlength",
+	"aria-invalid",
+	"aria-required",
+	"aria-describedby"
+], E = {
+	key: 1,
+	class: "i-textarea__suffix flex items-start shrink-0 text-black-50 ml-8"
+}, D = {
+	key: 0,
+	class: "i-textarea__footer mt-10 flex items-center justify-end px-13 pb-12"
+}, O = {
+	key: 0,
+	class: "i-textarea__count text-12 leading-15 text-black-30"
+}, k = { class: "i-textarea__count-current text-black" }, A = /* @__PURE__ */ f({
+	name: "i-textarea",
+	__name: "textarea",
+	props: /* @__PURE__ */ p({
+		placeholder: { default: void 0 },
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		maxlength: { default: void 0 },
+		showWordLimit: {
+			type: Boolean,
+			default: !1
+		},
+		validateEvent: {
+			type: Boolean,
+			default: !0
+		},
+		autosize: {
+			type: [Boolean, Object],
+			default: !1
+		}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ p([
+		"focus",
+		"blur",
+		"clear",
+		"input",
+		"change"
+	], ["update:modelValue"]),
+	setup(f, { expose: p, emit: A }) {
+		let j = f, M = A, N = x(f, "modelValue"), P = _(), F = _({}), { isFocused: I, isError: L, currentLength: R, isShowWordLimit: z, handleInput: B, handleFocus: V, handleBlur: H, handleChange: U, triggerValidate: W, inputId: G, inputName: K, isRequired: q, ariaDescribedby: J } = r({
+			props: j,
+			modelValue: N,
+			emit: M
+		}), Y = a(() => j.clearable && !j.disabled && !j.readonly && String(N.value ?? "").length > 0), X = a(() => z.value || Y.value);
+		function Z() {
+			N.value = "", M("clear"), P.value?.focus(), W("change");
+		}
+		return i({
+			textareaRef: P,
+			modelValue: N,
+			autosize: () => j.autosize,
+			textareaStyle: F
+		}), p({
+			focus: () => P.value?.focus(),
+			blur: () => P.value?.blur(),
+			select: () => P.value?.select()
+		}), (r, i) => (g(), o(b(n), {
+			class: "i-textarea",
+			disabled: f.disabled,
+			readonly: f.readonly,
+			focused: b(I),
+			error: b(L),
+			multiline: "",
+			block: ""
+		}, {
+			default: S(() => [l("div", { class: m(["i-textarea__body flex min-h-0 flex-1 px-13 pt-12", X.value ? "" : "pb-12"]) }, [
+				r.$slots.prefix ? (g(), c("span", w, [v(r.$slots, "prefix", {}, void 0, !0)])) : s("", !0),
+				l("textarea", {
+					id: b(G),
+					ref_key: "textareaRef",
+					ref: P,
+					name: b(K),
+					class: "i-textarea__inner w-full flex-1 border-none outline-none bg-transparent text-black text-13 leading-16 resize-none p-0",
+					value: N.value,
+					placeholder: f.placeholder,
+					disabled: f.disabled,
+					readonly: f.readonly,
+					maxlength: f.maxlength,
+					style: h(F.value),
+					"aria-invalid": b(L) ? "true" : void 0,
+					"aria-required": b(q) ? "true" : void 0,
+					"aria-describedby": b(J),
+					onInput: i[0] ||= (...e) => b(B) && b(B)(...e),
+					onFocus: i[1] ||= (...e) => b(V) && b(V)(...e),
+					onBlur: i[2] ||= (...e) => b(H) && b(H)(...e),
+					onChange: i[3] ||= (...e) => b(U) && b(U)(...e)
+				}, null, 44, T),
+				r.$slots.suffix ? (g(), c("span", E, [v(r.$slots, "suffix", {}, void 0, !0)])) : s("", !0)
+			], 2), X.value ? (g(), c("div", D, [d(b(t), {
+				class: "i-textarea__footer-actions",
+				size: 8,
+				align: "center"
+			}, {
+				default: S(() => [b(z) ? (g(), c("span", O, [l("span", k, y(b(R)), 1), u("/" + y(f.maxlength), 1)])) : s("", !0), Y.value ? (g(), o(b(e), {
+					key: 1,
+					class: "i-textarea__clear shrink-0 cursor-pointer text-black-30 hover:text-black-50",
+					name: "icon-clear-fill",
+					width: 20,
+					height: 20,
+					onMousedown: i[4] ||= C(() => {}, ["prevent"]),
+					onClick: Z
+				})) : s("", !0)]),
+				_: 1
+			})])) : s("", !0)]),
+			_: 3
+		}, 8, [
+			"disabled",
+			"readonly",
+			"focused",
+			"error"
+		]));
+	}
+});
+//#endregion
+export { A as default };

package/dist/es/components/i-textarea/src/useAutosize.mjs

@@ -0,0 +1,22 @@
+import { getLineHeight as e, getVerticalPadding as t } from "../../../utils/dom.mjs";
+import { nextTick as n, onMounted as r, watch as i } from "vue";
+//#region src/components/i-textarea/src/useAutosize.ts
+function a(n, r) {
+	if (!r || typeof r != "object") return {};
+	let i = e(n), a = t(n), o = {}, { minRows: s, maxRows: c } = r;
+	return s && (o.minHeight = `${s * i + a}px`), c && (o.maxHeight = `${c * i + a}px`, o.overflowY = "auto"), o;
+}
+function o(e) {
+	let { textareaRef: t, modelValue: o, autosize: s, textareaStyle: c } = e;
+	function l() {
+		let e = t.value, n = s();
+		!e || !n || (e.style.height = "auto", c.value = a(e, n), e.style.height = `${e.scrollHeight}px`);
+	}
+	i(() => o.value, () => {
+		s() && n(l);
+	}), r(() => {
+		s() && n(l);
+	});
+}
+//#endregion
+export { o as useAutosize };

package/dist/es/components/i-time-picker/index.mjs

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

package/dist/es/components/i-time-picker/src/components/time-picker-column.mjs

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