savor-ui 0.0.1

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

@@ -0,0 +1,412 @@
+import { getSize as e, randomId as t } from "../../../utils/src/tool.mjs";
+import "../../../utils/index.mjs";
+import { useElementSize as n } from "../../../hooks/src/use-element-size.mjs";
+import { useNamespace as r } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import i from "../../../icons/src/right.vue.mjs";
+import "../../../icons/index.mjs";
+import { STooltip as a } from "../tooltip/index.mjs";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeModels as h, nextTick as g, normalizeClass as _, normalizeStyle as v, onMounted as ee, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveComponent as C, toDisplayString as w, unref as T, useModel as te, useTemplateRef as ne, watch as E, withCtx as D } from "vue";
+//#region ../components/src/table/table.vue?vue&type=script&setup=true&lang.ts
+var re = ["colspan", "rowspan"], ie = ["colspan", "rowspan"], ae = ["onClick"], oe = ["onClick"], se = ["onClick"], ce = ["onClick"], le = ["onClick"], O = /* @__PURE__ */ m({
+	name: "STable",
+	__name: "table",
+	props: /* @__PURE__ */ h({
+		data: { default: () => [] },
+		columns: { default: () => [] },
+		height: { default: "auto" },
+		width: { default: "100%" },
+		border: { default: () => [] },
+		stripe: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "medium" },
+		multiple: {
+			type: Boolean,
+			default: !0
+		},
+		selected: {},
+		rowKey: { default: "_id" },
+		treeField: { default: "children" },
+		rowSelection: { type: Boolean },
+		rowSelected: {}
+	}, {
+		selected: { default: () => [] },
+		selectedModifiers: {},
+		rowSelected: { default: () => {} },
+		rowSelectedModifiers: {}
+	}),
+	emits: /* @__PURE__ */ h(["select", "rowClick"], ["update:selected", "update:rowSelected"]),
+	setup(m, { expose: h, emit: O }) {
+		let k = {
+			props: [
+				"renderFn",
+				"row",
+				"index"
+			],
+			setup(e) {
+				return () => e.renderFn(e.row, e.index);
+			}
+		}, A = m, j = O, M = r("table"), N = b(), P = b(0), F = b([]), I = b({}), L = b([]), ue = s(() => {
+			let e = [];
+			if (!A.border || A.border.length === 0) return e;
+			for (let t of A.border) e.push(M.m(`border-${t}`));
+			return e;
+		}), R = (e) => {
+			let n = [];
+			return e.forEach((e) => {
+				let r = JSON.parse(JSON.stringify(e));
+				r._id || (A.rowKey && r[A.rowKey] !== void 0 ? r._id = String(r[A.rowKey]) : r.id === void 0 ? r._id = t(8) : r._id = String(r.id));
+				let i = r[A.treeField] || [];
+				i.length > 0 && (r[A.treeField] = R(i)), n.push(r);
+			}), n;
+		}, z = (e, t = 0, n = !0) => {
+			let r = [];
+			return e.forEach((e) => {
+				let i = e._id, a = e[A.treeField] || [], o = a.length > 0, s = !!I.value[i], c = {
+					...e,
+					_id: i,
+					_level: t,
+					_hasChildren: o,
+					_expanded: s
+				};
+				n && r.push(c), o && r.push(...z(a, t + 1, n && s));
+			}), r;
+		}, B = s(() => z(L.value)), V = (e) => {
+			console.log("toggleExpand called with row:", e), e._expanded ? I.value[e._id] = !1 : I.value[e._id] = !0, I.value = { ...I.value };
+		};
+		E(() => A.data, (e) => {
+			L.value = R(e);
+		}, {
+			immediate: !0,
+			deep: !0
+		});
+		let de = (e) => {
+			let t = (e) => {
+				let n = [];
+				return e.forEach((e) => {
+					let r = { ...e };
+					e.children && e.children.length > 0 && (r.children = t(e.children)), n.push(r);
+				}), n;
+			};
+			return t(e);
+		}, H = s(() => de(A.columns)), fe = s(() => {
+			let e = (t, n = 1) => {
+				let r = n;
+				return t.forEach((t) => {
+					t.children && (r = Math.max(r, e(t.children, n + 1)));
+				}), r;
+			};
+			return e(H.value);
+		}), pe = s(() => {
+			let e = [], t = fe.value, n = 0, r = (e) => e.reduce((e, t) => e + (t.children ? r(t.children) : 1), 0), i = (e) => {
+				let t;
+				for (let n of e) if (n.fixed) t = n.fixed;
+				else if (n.children) {
+					let e = i(n.children);
+					e && (t = e);
+				}
+				return t;
+			}, a = (i, o = 0, s) => {
+				e[o] || (e[o] = []), i.forEach((i) => {
+					let c = {
+						...i,
+						_isHeader: !0
+					}, l = i.fixed || s, u = n;
+					i.children && i.children.length > 0 ? (c.colspan = r(i.children), c.rowspan = 1, c._fixed = l, c.fixed = c._fixed, c._firstLeafIndex = u, e[o].push(c), a(i.children, o + 1, c._fixed), c._lastLeafIndex = n - 1) : (c.colspan = 1, c.rowspan = t - o, c._fixed = l, c._firstLeafIndex = n, c._lastLeafIndex = n, n++, e[o].push(c));
+				});
+			};
+			return a(H.value), e;
+		}), U = s(() => {
+			let e = [], t = (n, r) => {
+				n.forEach((n) => {
+					let i = n.fixed || r;
+					n.children && n.children.length > 0 ? t(n.children, i) : e.push({
+						...n,
+						fixed: i
+					});
+				});
+			};
+			return t(H.value), e;
+		}), W = s(() => U.value.filter((e) => e.fixed === "right").reverse()), G = (e) => {
+			let t = 0;
+			for (let n = 0; n < e; n++) {
+				let e = U.value[n];
+				e && (e.width ? t += typeof e.width == "number" ? e.width : parseInt(e.width) || 0 : F.value[n] !== void 0 && (t += F.value[n]));
+			}
+			return t;
+		}, K = (e) => {
+			let t = 0;
+			for (let n = 0; n < e; n++) {
+				let e = W.value[n];
+				if (e) if (e.width) t += typeof e.width == "number" ? e.width : parseInt(e.width) || 0;
+				else {
+					let n = U.value.findIndex((t) => t.field === e.field);
+					n !== -1 && F.value[n] !== void 0 && (t += F.value[n]);
+				}
+			}
+			return t;
+		}, me = (e) => {
+			P.value = e.target.scrollLeft;
+		}, q = (t, n, r) => {
+			let i = {
+				width: e(t.width) || void 0,
+				minWidth: e(t.minWidth) || e(t.width),
+				boxSizing: "border-box"
+			}, a = t._fixed || t.fixed, o = t;
+			if (a === "left") {
+				let e = -1;
+				e = o._isHeader && o._firstLeafIndex !== void 0 ? o._firstLeafIndex : U.value.findIndex((e) => e.field === t.field), e !== -1 && (i.position = "sticky", i.left = `${G(e)}px`, i.zIndex = o._isHeader ? 11 : 3, i.insetLeft = `${G(e)}px`);
+			} else if (a === "right") {
+				let e = -1;
+				if (o._isHeader ? o._lastLeafIndex !== void 0 && (e = o._lastLeafIndex) : e = U.value.findIndex((e) => e.field === t.field), e !== -1) {
+					let t = U.value[e], n = W.value.findIndex((e) => e.field === t.field);
+					n !== -1 && (i.position = "sticky", i.right = `${K(n)}px`, i.zIndex = o._isHeader ? 11 : 3, i.insetRight = `${K(n)}px`);
+				}
+				if (o._isHeader && o._firstLeafIndex !== void 0 && o._lastLeafIndex !== void 0) {
+					let e = 0;
+					for (let t = o._firstLeafIndex; t <= o._lastLeafIndex; t++) {
+						let n = U.value[t];
+						n && (n.width ? e += typeof n.width == "number" ? n.width : parseInt(n.width) || 0 : F.value[t] !== void 0 && (e += F.value[t]));
+					}
+					i.width = `${e}px`, i.minWidth = `${e}px`, i.maxWidth = `${e}px`;
+				}
+			}
+			return i;
+		}, J = (e, t, n) => {
+			let r = [];
+			e.align && r.push(M.m(`align-${e.align}`)), (e.ellipsis || e.ellipsisTooltip) && r.push(M.m("ellipsis"));
+			let i = e._fixed || e.fixed, a = e;
+			if (i) {
+				r.push(M.m(`fixed-${i}`));
+				let e = !1, t = !1, o = U.value.some((e) => e.fixed === "left"), s = U.value.some((e) => e.fixed === "right"), c = N.value ? N.value.scrollWidth - N.value.clientWidth : 0;
+				if (a._isHeader) {
+					if (i === "left" && o) {
+						let t = !1;
+						if (a._lastLeafIndex !== void 0) {
+							let e = -1;
+							for (let t = U.value.length - 1; t >= 0; t--) if (U.value[t].fixed === "left") {
+								e = t;
+								break;
+							}
+							t = a._lastLeafIndex === e;
+						}
+						e = t;
+					}
+					if (i === "right" && s) {
+						let e = !1;
+						if (a._firstLeafIndex !== void 0) {
+							let t = U.value.findIndex((e) => e.fixed === "right");
+							e = a._firstLeafIndex === t;
+						}
+						t = e;
+					}
+				} else e = i === "left" && (n === U.value.length - 1 || U.value[n + 1] && U.value[n + 1].fixed !== "left"), t = i === "right" && (n === 0 || U.value[n - 1] && U.value[n - 1].fixed !== "right");
+				let l = N.value ? N.value.scrollLeft > 0 : !1, u = N.value ? N.value.scrollLeft < c - 1 : !1;
+				(i === "left" && e && l || i === "right" && t && u) && r.push(M.m("has-shadow"));
+			}
+			return r;
+		}, Y = () => {
+			g(() => {
+				N.value && N.value.scrollWidth > N.value.clientWidth && (N.value.scrollLeft = 0);
+			});
+		}, X = () => {
+			g(() => {
+				if (!N.value) return;
+				let e = N.value.querySelector("table");
+				if (!e) return;
+				let t = e.querySelector("tbody tr");
+				if (!t) return;
+				let n = t.querySelectorAll("td"), r = [];
+				n.forEach((e, t) => {
+					r[t] = e.offsetWidth;
+				}), F.value = r;
+			});
+		}, Z = te(m, "selected"), he = (e) => Z.value.find((t) => t._id === e._id) !== void 0, Q = te(m, "rowSelected"), ge = (e) => Q.value && Q.value._id === e._id, _e = (e) => {
+			A.rowSelection && (Q.value && Q.value._id === e._id ? Q.value = {} : Q.value = e, j("rowClick", e, B.value.indexOf(e)));
+		}, ve = () => {
+			Z.value === void 0 ? Z.value = [] : (Z.value = [], j("select", null, -1, []));
+		}, ye = () => {
+			A.multiple && (Z.value = B.value, j("select", null, -1, Z.value));
+		}, be = (e, t, n) => {
+			if (A.multiple) {
+				let n = Z.value.findIndex((e) => e._id === t._id);
+				if (e) {
+					if (n === -1) {
+						let e = B.value.find((e) => e._id === t._id);
+						Z.value.push(e);
+					}
+				} else n !== -1 && Z.value.splice(n, 1);
+			} else e ? Z.value = [B.value.find((e) => e._id === t._id)] : Z.value = [];
+			j("select", t, n, Z.value);
+		}, xe = (e) => {
+			A.multiple && (e ? Z.value = B.value : Z.value = [], j("select", null, -1, Z.value));
+		}, Se = s(() => B.value.length ? Z.value.length === B.value.length : !1), Ce = s(() => Z.value.length > 0 && Z.value.length < B.value.length);
+		ee(() => {
+			X(), Y();
+		}), E(() => A.data, () => {
+			X(), Y();
+		}), E(H, () => {
+			g(() => {
+				X(), Y();
+			});
+		}, { deep: !0 });
+		let $ = ne("emptyRef"), { height: we } = n($);
+		return h({
+			clearSelection: ve,
+			selectAll: ye
+		}), (e, t) => {
+			let n = C("s-checkbox"), r = C("s-empty");
+			return y(), u("div", {
+				ref_key: "containerRef",
+				ref: N,
+				class: _([
+					T(M).b(),
+					T(M).m(m.size),
+					{ [T(M).m("stripe")]: m.stripe },
+					...ue.value
+				]),
+				style: v({
+					height: typeof m.height == "number" ? `${m.height}px` : m.height,
+					width: typeof m.width == "number" ? `${m.width}px` : m.width
+				}),
+				onScroll: me
+			}, [d("table", { class: _(T(M).e("inner")) }, [d("thead", { class: _(T(M).e("header")) }, [(y(!0), u(o, null, x(pe.value, (e, t) => (y(), u("tr", {
+				key: t,
+				class: _(T(M).e("header-row"))
+			}, [(y(!0), u(o, null, x(e, (e, r) => (y(), u(o, { key: `${t}-${r}-${P.value}` }, [e.type === "select" ? (y(), u("th", {
+				key: 0,
+				class: _([T(M).e("header-cell"), J(e, t, r)]),
+				colspan: e.colspan || 1,
+				rowspan: e.rowspan || 1,
+				style: v(q(e, t, r))
+			}, [m.multiple ? (y(), c(n, {
+				key: 0,
+				indeterminate: Ce.value,
+				"model-value": Se.value,
+				onChange: xe
+			}, null, 8, ["indeterminate", "model-value"])) : l("", !0)], 14, re)) : (y(), u("th", {
+				key: 1,
+				class: _([T(M).e("header-cell"), J(e, t, r)]),
+				colspan: e.colspan || 1,
+				rowspan: e.rowspan || 1,
+				style: v(q(e, t, r))
+			}, w(e.label), 15, ie))], 64))), 128))], 2))), 128))], 2), d("tbody", { class: _(T(M).e("body")) }, [(y(!0), u(o, null, x(B.value, (t, r) => (y(), u("tr", {
+				key: t._id,
+				class: _([
+					T(M).e("body-row"),
+					T(M).is("row-selected", m.rowSelection),
+					T(M).is("selected", ge(t))
+				]),
+				onClick: (e) => _e(t)
+			}, [(y(!0), u(o, null, x(U.value, (s, m) => (y(), u(o, { key: `${r}-${m}-${P.value}` }, [s.type === "select" ? (y(), u("td", {
+				key: 0,
+				class: _([T(M).e("body-cell"), J(s, 0, m)]),
+				style: v(q(s, 0, m))
+			}, [p(n, {
+				"model-value": he(t),
+				onChange: (e) => be(e, t, r)
+			}, null, 8, ["model-value", "onChange"])], 6)) : (y(), u("td", {
+				key: 1,
+				class: _([T(M).e("body-cell"), J(s, 0, m)]),
+				style: v(q(s, 0, m))
+			}, [s.slot ? S(e.$slots, s.slot, {
+				key: 0,
+				column: s,
+				index: r,
+				row: t
+			}, () => [s.render ? (y(), c(k, {
+				key: 0,
+				index: r,
+				"render-fn": s.render,
+				row: t
+			}, null, 8, [
+				"index",
+				"render-fn",
+				"row"
+			])) : (y(), u(o, { key: 1 }, [s.ellipsisTooltip ? (y(), c(T(a), {
+				key: 0,
+				content: String(t[s.field] ?? "")
+			}, {
+				default: D(() => [d("span", {
+					class: _({ [T(M).m("ellipsis")]: s.ellipsis || s.ellipsisTooltip }),
+					style: v({
+						display: "inline-flex",
+						alignItems: "center",
+						paddingLeft: s.treeNode ? (t._level || 0) * 24 + "px" : "0px"
+					})
+				}, [t._hasChildren && s.treeNode ? (y(), u("span", {
+					key: 0,
+					class: _([T(M).e("tree-node-toggle"), { [T(M).is("expanded")]: t._expanded }]),
+					onClick: (e) => V(t)
+				}, [d("span", { class: _(T(M).e("tree-node-arrow")) }, [p(T(i))], 2)], 10, oe)) : l("", !0), f(" " + w(t[s.field]), 1)], 6)]),
+				_: 2
+			}, 1032, ["content"])) : (y(), u("span", {
+				key: 1,
+				class: _({ [T(M).m("ellipsis")]: s.ellipsis }),
+				style: v({
+					display: "inline-flex",
+					alignItems: "center",
+					paddingLeft: s.treeNode ? (t._level || 0) * 24 + "px" : "0px"
+				})
+			}, [t._hasChildren && s.treeNode ? (y(), u("span", {
+				key: 0,
+				class: _([T(M).e("tree-node-toggle"), { [T(M).is("expanded")]: t._expanded }]),
+				onClick: (e) => V(t)
+			}, [d("span", { class: _(T(M).e("tree-node-arrow")) }, [p(T(i))], 2)], 10, se)) : l("", !0), f(" " + w(t[s.field]), 1)], 6))], 64))]) : (y(), u(o, { key: 1 }, [s.render ? (y(), c(k, {
+				key: 0,
+				index: r,
+				"render-fn": s.render,
+				row: t
+			}, null, 8, [
+				"index",
+				"render-fn",
+				"row"
+			])) : S(e.$slots, s.field, {
+				key: 1,
+				column: s,
+				index: r,
+				row: t
+			}, () => [s.ellipsisTooltip ? (y(), c(T(a), {
+				key: 0,
+				content: String(t[s.field] ?? "")
+			}, {
+				default: D(() => [d("span", {
+					class: _({ [T(M).m("ellipsis")]: s.ellipsis || s.ellipsisTooltip }),
+					style: v({
+						display: "inline-flex",
+						alignItems: "center",
+						paddingLeft: s.treeNode ? (t._level || 0) * 24 + "px" : "0px"
+					})
+				}, [t._hasChildren && s.treeNode ? (y(), u("span", {
+					key: 0,
+					class: _([T(M).e("tree-node-toggle"), { [T(M).is("expanded")]: t._expanded }]),
+					onClick: (e) => V(t)
+				}, [d("span", { class: _(T(M).e("tree-node-arrow")) }, [p(T(i))], 2)], 10, ce)) : l("", !0), f(" " + w(t[s.field]), 1)], 6)]),
+				_: 2
+			}, 1032, ["content"])) : (y(), u("span", {
+				key: 1,
+				class: _({ [T(M).m("ellipsis")]: s.ellipsis }),
+				style: v({
+					display: "inline-flex",
+					alignItems: "center",
+					paddingLeft: s.treeNode ? (t._level || 0) * 24 + "px" : "0px"
+				})
+			}, [t._hasChildren && s.treeNode ? (y(), u("span", {
+				key: 0,
+				class: _([T(M).e("tree-node-toggle"), { [T(M).is("expanded")]: t._expanded }]),
+				onClick: (e) => V(t)
+			}, [d("span", { class: _(T(M).e("tree-node-arrow")) }, [p(T(i))], 2)], 10, le)) : l("", !0), f(" " + w(t[s.field]), 1)], 6))])], 64))], 6))], 64))), 128))], 10, ae))), 128))], 2)], 2), d("div", {
+				ref_key: "emptyRef",
+				ref: $,
+				class: _([T(M).e("empty")])
+			}, [d("div", { class: _([{ [T(M).e("empty-border")]: B.value.length !== 0 && T(we) !== 0 }]) }, null, 2), B.value.length === 0 ? (y(), u("div", {
+				key: 0,
+				class: _([T(M).e("empty-cell")])
+			}, [p(r)], 2)) : l("", !0)], 2)], 38);
+		};
+	}
+});
+//#endregion
+export { O as default };

package/dist/es/components/src/table/types.d.ts

@@ -0,0 +1,92 @@
+export interface TableProps {
+    /** 表格数据 */
+    data: any[];
+    /** 表格列配置 */
+    columns: TableColumnProps[];
+    /** 表格高度 */
+    height?: string | number;
+    /** 表格宽度
+     * @default '100%'
+     */
+    width?: string | number;
+    /** 是否显示边框
+     * @default outer
+     */
+    border?: Array<"full" | "outer" | "right" | "bottom">;
+    /** 是否显示斑马纹
+     * @default false
+     */
+    stripe?: boolean;
+    /** 表格尺寸 */
+    size?: "small" | "medium" | "large";
+    /** 是否支持多选
+     * @default true
+     */
+    multiple?: boolean;
+    /** 选中的行数据（v-model:selected） */
+    selected?: any[];
+    /** 行数据唯一标识字段 */
+    rowKey?: string;
+    /** 树状表格数据字段 */
+    treeField?: string;
+    /** 行选择 */
+    rowSelection?: boolean;
+    /** 选中的行数据 */
+    rowSelected?: any;
+}
+export interface TableEmits {
+    /** 单选/多选行发生变化 */
+    select: [row: any, index: number, selected: any[]];
+    /** 行点击事件 */
+    rowClick: [row: any, index: number];
+}
+export interface TableSlots {
+    /** 空状态 */
+    empty?: () => any;
+}
+export interface TableExpose {
+    /** 清空所有选中的行 */
+    clearSelection: () => void;
+    /** 全选 */
+    selectAll: () => void;
+}
+export interface TableColumnProps {
+    /** 列标题 */
+    label?: string;
+    /** 列数据字段 */
+    field?: string;
+    /** 列宽度 */
+    width?: string | number;
+    /** 列最大宽度 */
+    maxWidth?: string | number;
+    /** 列最小宽度 */
+    minWidth?: string | number;
+    /** 选择列 */
+    type?: "select";
+    /** 列对齐方式
+     * @default 'left'
+     */
+    align?: "left" | "center" | "right";
+    /** 列标题对齐方式（默认使用 align 值） */
+    headerAlign?: "left" | "center" | "right";
+    /** 列是否固定在左侧或右侧 */
+    fixed?: "left" | "right";
+    /** 列是否显示省略号
+     * @default false
+     */
+    ellipsis?: boolean;
+    /** 列是否显示省略号提示
+     * @default false
+     */
+    ellipsisTooltip?: boolean;
+    /** 列自定义插槽 */
+    slot?: string;
+    /** 列自定义渲染函数 */
+    render?: (row: any, index: number) => any;
+    /** 子列配置 */
+    children?: TableColumnProps[];
+    /** 展开图标显示
+     * @default false
+     */
+    treeNode?: boolean;
+}

package/dist/es/components/src/tabs/index.d.ts

@@ -0,0 +1,93 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { TabsProps, TabsSlots, TabProps, TabPaneProps, TabPaneSlots } from './types';
+export declare const STabs: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< TabsProps & {
+        modelValue?: string | number;
+    }> & Readonly<{
+        onChange?: ((value: string | number) => any) | undefined;
+        onRemove?: ((value: string | number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+        onItemClick?: ((value: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        change: (value: string | number) => any;
+        remove: (value: string | number) => any;
+        "update:modelValue": (value: string | number) => any;
+        itemClick: (value: string | number) => any;
+    }, PublicProps, {
+        size: "small" | "medium" | "large";
+        type: "card" | "line";
+        showHeader: boolean;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< TabsProps & {
+        modelValue?: string | number;
+    }> & Readonly<{
+        onChange?: ((value: string | number) => any) | undefined;
+        onRemove?: ((value: string | number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+        onItemClick?: ((value: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        size: "small" | "medium" | "large";
+        type: "card" | "line";
+        showHeader: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< TabsProps & {
+    modelValue?: string | number;
+}> & Readonly<{
+    onChange?: ((value: string | number) => any) | undefined;
+    onRemove?: ((value: string | number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    onItemClick?: ((value: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (value: string | number) => any;
+    remove: (value: string | number) => any;
+    "update:modelValue": (value: string | number) => any;
+    itemClick: (value: string | number) => any;
+}, string, {
+    size: "small" | "medium" | "large";
+    type: "card" | "line";
+    showHeader: boolean;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: TabsSlots;
+}) & Plugin;
+export declare const STab: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< TabProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< TabProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< TabProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+}) & Plugin;
+export declare const STabPane: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< TabPaneProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< TabPaneProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< TabPaneProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: TabPaneSlots;
+}) & Plugin;
+export * from './types';

package/dist/es/components/src/tabs/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall as e } from "../../../utils/src/install.mjs";
+import "../../../utils/index.mjs";
+import "./types.mjs";
+import t from "./tab-pane.vue.mjs";
+import n from "./tab.vue.mjs";
+import r from "./tabs.vue.mjs";
+//#region ../components/src/tabs/index.ts
+var i = e(r), a = e(n), o = e(t);
+//#endregion
+export { a as STab, o as STabPane, i as STabs };

package/dist/es/components/src/tabs/tab-pane.d.ts

@@ -0,0 +1,12 @@
+import { TabPaneProps, TabPaneSlots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Slots = TabPaneSlots;
+declare const __VLS_base: DefineComponent<TabPaneProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabPaneProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/src/tabs/tab-pane.vue.mjs

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

package/dist/es/components/src/tabs/tab-pane.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,24 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { tabsContextKey as t } from "./types.mjs";
+import { Transition as n, computed as r, createBlock as i, createElementVNode as a, defineComponent as o, inject as s, normalizeClass as c, openBlock as l, renderSlot as u, unref as d, vShow as f, withCtx as p, withDirectives as m } from "vue";
+//#region ../components/src/tabs/tab-pane.vue?vue&type=script&setup=true&lang.ts
+var h = /* @__PURE__ */ o({
+	name: "STabPane",
+	__name: "tab-pane",
+	props: {
+		name: {},
+		label: {},
+		disabled: { type: Boolean },
+		closeable: { type: Boolean }
+	},
+	setup(o) {
+		let h = o, g = e("tab-pane"), _ = s(t), v = r(() => _?.activeKey?.value === h.name), y = r(() => _?.transitionName?.value || "");
+		return (e, t) => (l(), i(n, { name: y.value }, {
+			default: p(() => [m(a("div", { class: c(d(g).b()) }, [u(e.$slots, "default")], 2), [[f, v.value]])]),
+			_: 3
+		}, 8, ["name"]));
+	}
+});
+//#endregion
+export { h as default };

package/dist/es/components/src/tabs/tab.d.ts

@@ -0,0 +1,15 @@
+import { TabProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: DefineComponent<TabProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/src/tabs/tab.vue.mjs

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