savor-ui 0.0.1

package/dist/es/components/src/tabs/tab.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.vue?vue&type=script&setup=true&lang.ts
+var h = /* @__PURE__ */ o({
+	name: "STab",
+	__name: "tab",
+	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/tabs.d.ts

@@ -0,0 +1,31 @@
+import { TabsProps, TabsSlots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Slots = TabsSlots;
+type __VLS_Props = TabsProps;
+type __VLS_ModelProps = {
+    modelValue?: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (value: string | number) => any;
+    remove: (value: string | number) => any;
+    "update:modelValue": (value: string | number) => any;
+    itemClick: (value: string | number) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & 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;
+}, {}, {}, {}, 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/tabs.vue.mjs

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

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

@@ -0,0 +1,188 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import t from "../../../icons/src/close.vue.mjs";
+import n from "../../../icons/src/left.vue.mjs";
+import r from "../../../icons/src/right.vue.mjs";
+import "../../../icons/index.mjs";
+import { tabsContextKey as i } from "./types.mjs";
+import a from "./tab-pane.vue.mjs";
+import o from "./tab.vue.mjs";
+import { Fragment as ee, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeModels as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onMounted as v, onUnmounted as te, openBlock as y, provide as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as w, unref as T, useModel as ne, useSlots as re, useTemplateRef as E, watch as D, withModifiers as ie } from "vue";
+//#region ../components/src/tabs/tabs.vue?vue&type=script&setup=true&lang.ts
+var ae = ["disabled"], oe = ["onClick"], O = ["onClick"], k = ["disabled"], A = 200, j = 40, M = /* @__PURE__ */ p({
+	name: "STabs",
+	__name: "tabs",
+	props: /* @__PURE__ */ m({
+		modelValue: {},
+		defaultActiveKey: {},
+		type: { default: "line" },
+		animated: { type: Boolean },
+		size: { default: "medium" },
+		closeable: { type: Boolean },
+		bordered: { type: Boolean },
+		showArrow: { type: Boolean },
+		showHeader: {
+			type: Boolean,
+			default: !0
+		}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ m([
+		"change",
+		"itemClick",
+		"remove"
+	], ["update:modelValue"]),
+	setup(p, { emit: m }) {
+		let M = p, N = m, P = e("tabs"), F = re(), I = ne(p, "modelValue"), L = x(""), R = x({}), z = x(0), B = x(0), V = E("scrollContainerRef"), H = E("headerRef"), U = x(!1), W = x(!1), G = x(!1), K = (e) => e.type === o || e.type === a, se = (e) => e.type === a, q = s(() => {
+			let e = F.default?.() || [], t = [], n = /* @__PURE__ */ new Set(), r = (e) => {
+				e.forEach((e) => {
+					if (K(e)) {
+						let r = e.props || {}, i = r.name;
+						if (i == null || n.has(i)) return;
+						n.add(i);
+						let a = se(e) ? "tab-pane" : "tab", o = e.children?.label || (() => r.label || "");
+						t.push({
+							name: i,
+							label: r.label,
+							disabled: !!r.disabled,
+							closeable: r.closeable,
+							labelVNode: o,
+							type: a
+						});
+					}
+					e.children && Array.isArray(e.children) && r(e.children), e.type === Symbol.for("v-fgt") && e.children && r(e.children);
+				});
+			};
+			return r(e), t;
+		}), ce = s(() => q.value.some((e) => e.type === "tab-pane")), le = s(() => ({
+			left: `${z.value}px`,
+			width: `${B.value}px`
+		})), J = () => {
+			if (!I.value || !R.value[I.value] || !V.value) return;
+			let e = R.value[I.value];
+			z.value = e.offsetLeft, B.value = e.offsetWidth;
+		}, Y = () => {
+			if (!V.value) return;
+			let { scrollLeft: e, scrollWidth: t, clientWidth: n } = V.value;
+			U.value = t > n, W.value = e > 0, G.value = e + n + 5 < t, J();
+		}, X = (e) => {
+			V.value && (V.value.scrollTo({
+				left: V.value.scrollLeft + e,
+				behavior: "smooth"
+			}), h(Y));
+		}, ue = () => {
+			X(-A);
+		}, Z = () => {
+			X(A);
+		}, Q = !1, de = (e) => {
+			V.value && U.value && !Q && (Q = !0, e.preventDefault(), V.value.scrollLeft += e.deltaY > 0 ? j : -j, h(() => {
+				Y(), Q = !1;
+			}));
+		}, fe = () => {
+			let e = R.value[I.value], t = V.value;
+			if (!I.value || !e || !t) return;
+			let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = n.left + n.width / 2 - (r.left + r.width / 2);
+			t.scrollBy({
+				left: i,
+				behavior: "smooth"
+			});
+		};
+		D(q, (e) => {
+			R.value = {}, e.length && !I.value && (I.value = M.defaultActiveKey ?? e[0].name), h(() => {
+				J(), Y();
+			});
+		}, { immediate: !0 }), D(I, (e, t) => {
+			if (L.value = "", M.animated && t !== void 0 && t !== "") {
+				let n = q.value.findIndex((e) => e.name === t), r = q.value.findIndex((t) => t.name === e);
+				n !== -1 && r !== -1 && (L.value = r > n ? "tabs-slide-left" : "tabs-slide-right");
+			}
+			h(() => {
+				J(), fe(), Y();
+			});
+		});
+		let pe = (e) => {
+			I.value = e, N("change", e);
+		}, me = (e, t) => {
+			N("itemClick", e), !t && I.value !== e && pe(e);
+		}, he = (e, t) => {
+			t.stopPropagation(), N("remove", e);
+		};
+		b(i, {
+			activeKey: s(() => I.value),
+			transitionName: s(() => L.value)
+		});
+		let $ = x(null);
+		return v(() => {
+			h(() => {
+				J(), Y(), M.defaultActiveKey && !I.value && (I.value = M.defaultActiveKey);
+			}), V.value && H.value && !$.value && ($.value = new ResizeObserver(() => {
+				J(), Y();
+			}), $.value.observe(V.value), $.value.observe(H.value));
+		}), te(() => {
+			$.value && $.value.disconnect();
+		}), (e, i) => (y(), u("div", { class: g([
+			T(P).b(),
+			T(P).m(p.type),
+			T(P).m(p.size),
+			{ [T(P).m("bordered")]: p.bordered }
+		]) }, [p.showHeader ? (y(), u("div", {
+			key: 0,
+			class: g(T(P).e("header-wrapper"))
+		}, [
+			U.value && p.showArrow ? (y(), u("button", {
+				key: 0,
+				class: g([T(P).e("nav-prev"), T(P).is("disabled", !W.value)]),
+				disabled: !W.value,
+				onClick: ue
+			}, [f(T(n))], 10, ae)) : l("", !0),
+			d("div", {
+				ref_key: "scrollContainerRef",
+				ref: V,
+				class: g(T(P).e("scroll-container")),
+				onScroll: Y,
+				onWheel: de
+			}, [d("div", {
+				ref_key: "headerRef",
+				ref: H,
+				class: g(T(P).e("header"))
+			}, [(y(!0), u(ee, null, S(q.value, (e) => (y(), u("div", {
+				key: e.name,
+				ref_for: !0,
+				ref: (t) => {
+					t && (R.value[e.name] = t);
+				},
+				class: g([
+					T(P).e("item"),
+					T(P).is("active", I.value === e.name),
+					T(P).is("disabled", e.disabled)
+				]),
+				onClick: (t) => me(e.name, e.disabled)
+			}, [(y(), c(w(e.labelVNode))), e.closeable ?? M.closeable ? (y(), u("span", {
+				key: 0,
+				class: g(T(P).e("close-btn")),
+				onClick: ie((t) => he(e.name, t), ["stop"])
+			}, [f(T(t))], 10, O)) : l("", !0)], 10, oe))), 128)), p.type === "line" ? (y(), u("div", {
+				key: 0,
+				class: g(T(P).e("active-bar")),
+				style: _(le.value)
+			}, null, 6)) : l("", !0)], 2)], 34),
+			U.value && p.showArrow ? (y(), u("button", {
+				key: 1,
+				class: g([T(P).e("nav-next"), T(P).is("disabled", !G.value)]),
+				disabled: !G.value,
+				onClick: Z
+			}, [f(T(r))], 10, k)) : l("", !0),
+			e.$slots.extra ? (y(), u("div", {
+				key: 2,
+				class: g(T(P).e("extra"))
+			}, [C(e.$slots, "extra")], 2)) : l("", !0)
+		], 2)) : l("", !0), ce.value ? (y(), u("div", {
+			key: 1,
+			class: g(T(P).e("content"))
+		}, [C(e.$slots, "default")], 2)) : l("", !0)], 2));
+	}
+});
+//#endregion
+export { M as default };

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

@@ -0,0 +1,72 @@
+import { ComputedRef, InjectionKey } from 'vue';
+export interface TabsProps {
+    /** 选中的选项卡名称（v-model） */
+    modelValue?: string | number;
+    /** 默认选中的选项卡名称 */
+    defaultActiveKey?: string | number;
+    /** 选项卡类型 */
+    type?: "card" | "line";
+    /** 是否动画切换 */
+    animated?: boolean;
+    /** 选项卡大小 */
+    size?: "small" | "medium" | "large";
+    /** 是否显示关闭按钮 */
+    closeable?: boolean;
+    /** 是否显示边框 */
+    bordered?: boolean;
+    /** 是否显示箭头 */
+    showArrow?: boolean;
+    /** 是否隐藏标题栏 */
+    showHeader?: boolean;
+}
+export interface TabsEmits {
+    /** 选中选项卡变化时触发 */
+    change: [value: string | number];
+    /** 点击选项卡时触发 */
+    itemClick: [value: string | number];
+    /** 关闭选项卡时触发 */
+    remove: [value: string | number];
+}
+export interface TabsSlots {
+    /** 默认 */
+    default?: () => any;
+    /** 额外内容 */
+    extra?: () => any;
+}
+export interface TabPaneProps {
+    /** 选项卡名称 */
+    name: string | number;
+    /** 选项卡标题 */
+    label?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否显示关闭按钮 */
+    closeable?: boolean;
+}
+export interface TabProps {
+    /** 选项卡名称 */
+    name: string | number;
+    /** 选项卡标题 */
+    label?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否显示关闭按钮 */
+    closeable?: boolean;
+}
+export interface TabPaneSlots {
+    /** 默认 */
+    default?: () => any;
+}
+export interface PaneItem {
+    name: string | number;
+    label?: string;
+    disabled?: boolean;
+    closeable?: boolean;
+    labelVNode: any;
+    type: "tab" | "tab-pane";
+}
+export interface TabsContext {
+    activeKey: ComputedRef<string | number>;
+    transitionName: ComputedRef<string>;
+}
+export declare const tabsContextKey: InjectionKey<TabsContext>;

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

@@ -0,0 +1,4 @@
+//#region ../components/src/tabs/types.ts
+var e = Symbol("tabsContextKey");
+//#endregion
+export { e as tabsContextKey };

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

@@ -0,0 +1,39 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { TagProps } from './types';
+export declare const STag: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< TagProps> & Readonly<{
+        onClose?: ((ev: Event) => any) | undefined;
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        close: (ev: Event) => any;
+    }, PublicProps, {
+        size: "small" | "medium" | "large";
+        type: "default" | "primary" | "success" | "warning" | "danger" | "info";
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< TagProps> & Readonly<{
+        onClose?: ((ev: Event) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        size: "small" | "medium" | "large";
+        type: "default" | "primary" | "success" | "warning" | "danger" | "info";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< TagProps> & Readonly<{
+    onClose?: ((ev: Event) => any) | undefined;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: (ev: Event) => any;
+}, string, {
+    size: "small" | "medium" | "large";
+    type: "default" | "primary" | "success" | "warning" | "danger" | "info";
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+}) & Plugin;
+export * from './types';

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

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

package/dist/es/components/src/tag/tag.d.ts

@@ -0,0 +1,22 @@
+import { TagProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: DefineComponent<TagProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: (ev: Event) => any;
+}, string, PublicProps, Readonly<TagProps> & Readonly<{
+    onClose?: ((ev: Event) => any) | undefined;
+}>, {
+    size: "small" | "medium" | "large";
+    type: "default" | "primary" | "success" | "warning" | "danger" | "info";
+}, {}, {}, {}, 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/tag/tag.vue.mjs

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

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

@@ -0,0 +1,39 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import t from "../../../icons/src/close.vue.mjs";
+import "../../../icons/index.mjs";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderSlot as u, unref as d } from "vue";
+//#region ../components/src/tag/tag.vue?vue&type=script&setup=true&lang.ts
+var f = /* @__PURE__ */ o({
+	name: "STag",
+	__name: "tag",
+	props: {
+		type: { default: "default" },
+		size: { default: "medium" },
+		closeable: { type: Boolean },
+		color: {}
+	},
+	emits: ["close"],
+	setup(o, { emit: f }) {
+		let p = o, m = f, h = (e) => {
+			m("close", e);
+		}, g = e("tag"), _ = n(() => ({
+			backgroundColor: p.color,
+			color: p.color ? "#fff" : ""
+		}));
+		return (e, n) => (l(), i("div", {
+			class: s([
+				d(g).b(),
+				d(g).m(o.type),
+				d(g).m(o.size)
+			]),
+			style: c(_.value)
+		}, [u(e.$slots, "default"), o.closeable ? (l(), i("i", {
+			key: 0,
+			class: s([d(g).e("icon")]),
+			onClick: h
+		}, [a(d(t))], 2)) : r("", !0)], 6));
+	}
+});
+//#endregion
+export { f as default };

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

@@ -0,0 +1,18 @@
+export interface TagProps {
+    /** 标签类型
+     * @default default
+     */
+    type?: "default" | "primary" | "success" | "warning" | "danger" | "info";
+    /** 标签大小
+     * @default medium
+     */
+    size?: "small" | "medium" | "large";
+    /** 是否显示关闭按钮 */
+    closeable?: boolean;
+    /** 标签颜色 */
+    color?: string;
+}
+export interface TagEmits {
+    /** 关闭按钮点击 */
+    close: [ev: Event];
+}

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

@@ -0,0 +1,26 @@
+import { TextSlots } from './types';
+import { PublicProps, VNode, Plugin } from 'vue';
+export declare const SText: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    attrs: any;
+    slots: TextSlots;
+    emit: {};
+}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: PublicProps & {
+        type?: "default" | "primary" | "success" | "warning" | "danger" | "info" | undefined;
+        size?: "mini" | "small" | "medium" | "large" | undefined;
+        label?: string | undefined;
+        ellipsis?: boolean | undefined;
+        lineClamp?: number | undefined;
+        bar?: boolean | undefined;
+        tag?: string | undefined;
+    } & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: TextSlots;
+    emit: {};
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+}) & Plugin;
+export * from './types';

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

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

package/dist/es/components/src/text/text.d.ts

@@ -0,0 +1,20 @@
+import { TextProps, TextSlots } from './types';
+import { PublicProps, VNode } from 'vue';
+declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: PublicProps & __VLS_PrettifyLocal<TextProps> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: TextSlots;
+    emit: {};
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/es/components/src/text/text.vue.mjs

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

package/dist/es/components/src/text/text.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -0,0 +1,40 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, renderSlot as d, resolveDynamicComponent as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
+//#region ../components/src/text/text.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var g = /* @__PURE__ */ s({
+	name: "SText",
+	__name: "text",
+	props: {
+		type: { default: "default" },
+		size: { default: "medium" },
+		label: {},
+		ellipsis: { type: Boolean },
+		lineClamp: {},
+		bar: { type: Boolean },
+		tag: { default: "div" }
+	},
+	setup(s) {
+		let g = s, _ = e("text"), v = t(() => ({ "-webkit-line-clamp": g.lineClamp }));
+		return (e, t) => (u(), n(f(s.tag), { class: c([
+			m(_).b(),
+			m(_).m(s.type),
+			m(_).m(s.size)
+		]) }, {
+			default: h(() => [s.bar ? (u(), i("div", {
+				key: 0,
+				class: c([m(_).e("bar")])
+			}, null, 2)) : r("", !0), a("div", {
+				class: c([
+					m(_).e("label"),
+					m(_).is("ellipsis", s.ellipsis),
+					m(_).is("line-clamp", !!s.lineClamp)
+				]),
+				style: l(v.value)
+			}, [d(e.$slots, "default", {}, () => [o(p(s.label), 1)])], 6)]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { g as default };

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

@@ -0,0 +1,24 @@
+export interface TextProps {
+    /** 文本类型
+     * @default default
+     */
+    type?: "default" | "primary" | "success" | "warning" | "danger" | "info";
+    /** 文本大小
+     * @default medium
+     */
+    size?: "mini" | "small" | "medium" | "large";
+    /** 文本内容 */
+    label?: string;
+    /** 文本是否显示省略号 */
+    ellipsis?: boolean;
+    /** 文本显示省略号行数 */
+    lineClamp?: number;
+    /** 文本是否显示竖线 */
+    bar?: boolean;
+    /** 文本元素 */
+    tag?: string;
+}
+export interface TextSlots {
+    /** 默认 */
+    default?: () => any;
+}

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

@@ -0,0 +1,63 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { TextareaProps, TextareaExpose } from './types';
+export declare const STextarea: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< TextareaProps & {
+        modelValue?: string;
+    }> & Readonly<{
+        onClear?: ((evt: Event) => any) | undefined;
+        onBlur?: ((evt: Event) => any) | undefined;
+        onChange?: ((value: string, evt: Event) => any) | undefined;
+        onFocus?: ((evt: Event) => any) | undefined;
+        onInput?: ((value: string, evt: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, TextareaExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        clear: (evt: Event) => any;
+        blur: (evt: Event) => any;
+        change: (value: string, evt: Event) => any;
+        focus: (evt: Event) => any;
+        input: (value: string, evt: Event) => any;
+        "update:modelValue": (value: string) => any;
+    }, PublicProps, {
+        size: "mini" | "small" | "medium" | "large";
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< TextareaProps & {
+        modelValue?: string;
+    }> & Readonly<{
+        onClear?: ((evt: Event) => any) | undefined;
+        onBlur?: ((evt: Event) => any) | undefined;
+        onChange?: ((value: string, evt: Event) => any) | undefined;
+        onFocus?: ((evt: Event) => any) | undefined;
+        onInput?: ((value: string, evt: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, TextareaExpose, {}, {}, {}, {
+        size: "mini" | "small" | "medium" | "large";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< TextareaProps & {
+    modelValue?: string;
+}> & Readonly<{
+    onClear?: ((evt: Event) => any) | undefined;
+    onBlur?: ((evt: Event) => any) | undefined;
+    onChange?: ((value: string, evt: Event) => any) | undefined;
+    onFocus?: ((evt: Event) => any) | undefined;
+    onInput?: ((value: string, evt: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, TextareaExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    clear: (evt: Event) => any;
+    blur: (evt: Event) => any;
+    change: (value: string, evt: Event) => any;
+    focus: (evt: Event) => any;
+    input: (value: string, evt: Event) => any;
+    "update:modelValue": (value: string) => any;
+}, string, {
+    size: "mini" | "small" | "medium" | "large";
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
+export * from './types';