savor-ui 0.3.2 → 0.4.0

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

@@ -1,3 +1,4 @@
+import { ComputedRef, InjectionKey, Ref } from 'vue';
 export interface TableProps {
     /** 表格数据 */
     data: any[];
@@ -5,48 +6,52 @@ export interface TableProps {
     columns: TableColumnProps[];
     /** 表格高度 */
     height?: string | number;
-    /** 表格宽度
-     * @default 100%
-     */
+    /** 表格最大高度 */
+    maxHeight?: string | number;
+    /** 表格宽度 */
     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;
+    /** 行唯一标识字段 */
+    rowKey?: string;
+    /** 是否始终显示滚动条 */
+    scrollAlways?: boolean;
+    /** 是否使用原生滚动条 */
+    nativeScrollbar?: boolean;
 }
 export interface TableEmits {
-    /** 单选/多选行发生变化 */
-    select: [row: any, index: number, selected: any[]];
-    /** 行点击事件 */
-    rowClick: [row: any, index: number];
+    /** 行选择状态发生变化 */
+    checkRow: [row: any, index: number, checked: any[]];
+    /** 行选择事件 */
+    selectRow: [row: any, index: number];
+    /** 行全选事件 */
+    checkAll: [checked: any[]];
+    /** 行展开事件 */
+    expandedRow: [row: any, index: number, expandedRows: any[]];
 }
 export interface TableSlots {
     /** 空状态 */
     empty?: () => any;
 }
+type DynamicSlots = (scope: {
+    column: TableColumnCtx;
+    index: number;
+    row: any;
+}) => any;
+export type TableAllSlots = TableSlots & {
+    [slotName: string]: DynamicSlots;
+};
 export interface TableExpose {
     /** 清空所有选中的行 */
-    clearSelection: () => void;
+    clearSelect: () => void;
     /** 全选 */
     selectAll: () => void;
 }
@@ -55,38 +60,49 @@ export interface TableColumnProps {
     label?: string;
     /** 列数据字段 */
     field?: string;
-    /** 列宽度 */
+    /** 列宽度 （值为“auto”时，列宽度会根据内容自动调整，不设置约束，填满剩余空间，否则为固定宽度：px 或 %）*/
     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
-     */
+    /** 列类型 */
+    type?: "select" | "check" | "seq";
+    /** 列是否为树节点 */
     treeNode?: boolean;
 }
+export interface TableColumnCtx extends TableColumnProps {
+    id: string;
+    fixedOffset?: number;
+    colSpan: number;
+    rowSpan: number;
+    level: number;
+    isColumnGroup: boolean;
+    field: string;
+    children?: TableColumnCtx[];
+}
+export interface TableContext {
+    props: TableProps;
+    originColumns: ComputedRef<TableColumnCtx[]>;
+    flatColumns: ComputedRef<TableColumnCtx[]>;
+    columnRows: ComputedRef<TableColumnCtx[][]>;
+    isScrollAtLeft: Ref<boolean>;
+    isScrollAtRight: Ref<boolean>;
+    headerHeight: Ref<number>;
+    checked: Ref<any[]>;
+    selected: Ref<any>;
+}
+export declare const tableContextKey: InjectionKey<TableContext>;
+export {};

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

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

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

@@ -1,9 +1,9 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { formItemContextKey as t } from "../form/types.mjs";
-import { useFormItem as n } from "../form/use-form-item.mjs";
-import r from "../../../icons/src/close.vue.mjs";
+import t from "../../../icons/src/close.vue.mjs";
 import "../../../icons/index.mjs";
+import { formItemContextKey as n } from "../form/types.mjs";
+import { useFormItem as r } from "../form/use-form-item.mjs";
 import { configProviderContextKey as i } from "../config-provider/types.mjs";
 import "../config-provider/index.mjs";
 import "../form/index.mjs";
@@ -39,7 +39,7 @@ var A = /*@__PURE__*/ u({
 		"blur"
 	], ["update:modelValue"]),
 	setup(u, { expose: d, emit: p }) {
-		let C = u, A = p, j = e("textarea"), M = te(u, "modelValue"), N = f(i, void 0), P = o(() => N?.inputFilled?.value || C.filled), { size: F, error: I } = T(C), { mergedSize: L, mergedError: R } = n({
+		let C = u, A = p, j = e("textarea"), M = te(u, "modelValue"), N = f(i, void 0), P = o(() => N?.inputFilled?.value || C.filled), { size: F, error: I } = T(C), { mergedSize: L, mergedError: R } = r({
 			size: F,
 			error: I
 		}), z = g(!1), B = g(!1), V = ne("textareaRef"), H = () => {
@@ -78,7 +78,7 @@ var A = /*@__PURE__*/ u({
 				}
 			}
 			e.style.height = `${t}px`;
-		}, le = f(t, null), Y = (e) => {
+		}, le = f(n, null), Y = (e) => {
 			le?.validate(e).catch(() => {});
 		};
 		d({
@@ -98,7 +98,7 @@ var A = /*@__PURE__*/ u({
 			]), S($, M.value), v($, [e.e("inner"), e.is("auto-size", !!u.autoSize)]), b($, "disabled", t), b($, "placeholder", u.placeholder), b($, "readonly", u.readonly ? !0 : void 0), b($, "maxlength", u.maxLength), b($, "autofocus", u.autofocus), b($, "name", u.name);
 		}), y(Q, null, 1), c(() => z.value && !!M.value && u.clearable, () => {
 			let e = ae();
-			return _(() => v(e, [D(j).e("clear")])), y(e, null, 0), s(D(r)), h(e, "click", ie(W, ["stop"])), e;
+			return _(() => v(e, [D(j).e("clear")])), y(e, null, 0), s(D(t)), h(e, "click", ie(W, ["stop"])), e;
 		}), y(Q, null, 2), c(() => u.showLimit && u.maxLength, () => {
 			let e = O(), t = E(e);
 			return _(() => {

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

@@ -10,6 +10,7 @@ export declare const STooltip: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
         content?: string | undefined;
         popoverProps?: PopoverProps | undefined;
         mini?: boolean | undefined;
+        disabled?: boolean | undefined;
         arrowStyle?: Record<string, string> | undefined;
         contentStyle?: Record<string, string> | undefined;
         onChange?: ((visible: boolean) => any) | undefined;

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

@@ -10,6 +10,7 @@ var _ = p(" "), v = p("<div><div>"), y = /*@__PURE__*/ o({
 		content: {},
 		popoverProps: {},
 		mini: { type: Boolean },
+		disabled: { type: Boolean },
 		arrowStyle: {},
 		contentStyle: {}
 	},
@@ -28,6 +29,7 @@ var _ = p(" "), v = p("<div><div>"), y = /*@__PURE__*/ o({
 				backgroundColor: "#373739",
 				borderColor: "#373739"
 			},
+			disabled: b.disabled,
 			...b.popoverProps
 		}));
 		p({

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

@@ -6,6 +6,8 @@ export interface TooltipProps {
     popoverProps?: PopoverProps;
     /** 是否为迷你版 */
     mini?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
     /** 箭头样式 */
     arrowStyle?: Record<string, string>;
     /** 内容样式 */

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

@@ -0,0 +1,29 @@
+import { TransitionSlots } from './types';
+import { PublicProps, VNode, Plugin } from 'vue';
+export declare const STransition: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    attrs: any;
+    slots: TransitionSlots;
+    emit: ((evt: "afterLeave", el: HTMLElement) => void) & ((evt: "beforeEnter", el: HTMLElement) => void) & ((evt: "enter", el: HTMLElement) => void) & ((evt: "afterEnter", el: HTMLElement) => void) & ((evt: "beforeLeave", el: HTMLElement) => void) & ((evt: "leave", el: HTMLElement) => void);
+}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: PublicProps & {
+        appear?: boolean | undefined;
+        mode?: "in-out" | "out-in" | "default" | undefined;
+        type?: "height" | "width" | "opacity" | "scale" | "side" | undefined;
+        placement?: "left" | "right" | "top" | "bottom" | undefined;
+        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+        onEnter?: ((el: HTMLElement) => any) | undefined;
+        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+        onLeave?: ((el: HTMLElement) => any) | undefined;
+    } & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: TransitionSlots;
+    emit: ((evt: "afterLeave", el: HTMLElement) => void) & ((evt: "beforeEnter", el: HTMLElement) => void) & ((evt: "enter", el: HTMLElement) => void) & ((evt: "afterEnter", el: HTMLElement) => void) & ((evt: "beforeLeave", el: HTMLElement) => void) & ((evt: "leave", el: HTMLElement) => void);
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+}) & Plugin;
+export * from './types';

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

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

package/dist/es/components/src/{_comp/HeightTransition.d.ts → transition/transition-height.d.ts}

@@ -1,8 +1,6 @@
 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<{
-        group?: boolean;
-        width?: boolean;
         appear?: boolean;
         mode?: "in-out" | "out-in" | "default";
     } & {
@@ -19,8 +17,6 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     attrs: any;
     slots: {
         default?: (props: {}) => any;
-    } & {
-        default?: (props: {}) => any;
     };
     emit: ((evt: "afterLeave", el: HTMLElement) => void) & ((evt: "beforeEnter", el: HTMLElement) => void) & ((evt: "enter", el: HTMLElement) => void) & ((evt: "afterEnter", el: HTMLElement) => void) & ((evt: "beforeLeave", el: HTMLElement) => void) & ((evt: "leave", el: HTMLElement) => void);
 }>) => VNode & {

package/dist/es/components/src/transition/transition-height.vue.mjs

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

package/dist/es/components/src/transition/transition-height.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -0,0 +1,54 @@
+import { VaporTransition as e, createComponent as t, createSlot as n, defineVaporComponent as r, toHandlers as i } from "vue";
+//#region ../components/src/transition/transition-height.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var a = /*@__PURE__*/ r({
+	__name: "transition-height",
+	props: {
+		appear: { type: Boolean },
+		mode: {}
+	},
+	emits: [
+		"beforeEnter",
+		"enter",
+		"afterEnter",
+		"beforeLeave",
+		"leave",
+		"afterLeave"
+	],
+	setup(r, { emit: a }) {
+		let o = a, s = {
+			beforeEnter: (e) => {
+				e.style.height = "0", e.style.maxHeight = "0", o("beforeEnter", e);
+			},
+			enter: (e) => {
+				e.style.height = "", e.style.maxHeight = "";
+				let t = e.scrollHeight;
+				e.style.maxHeight = "0", requestAnimationFrame(() => {
+					e.style.maxHeight = `${t}px`;
+				}), o("enter", e);
+			},
+			afterEnter: (e) => {
+				e.style.maxHeight = "", o("afterEnter", e);
+			},
+			beforeLeave: (e) => {
+				o("beforeLeave", e);
+			},
+			leave: (e) => {
+				let t = e.scrollHeight;
+				e.style.maxHeight = `${t}px`, requestAnimationFrame(() => {
+					e.style.maxHeight = "0";
+				}), o("leave", e);
+			},
+			afterLeave: (e) => {
+				e.style.maxHeight = "", e.style.overflow = "", e.style.transition = "", o("afterLeave", e);
+			}
+		};
+		return t(e, {
+			mode: () => r.mode,
+			name: "height-transition",
+			appear: () => r.appear,
+			$: [() => i(s)]
+		}, () => n("default", null, null, 4), !0);
+	}
+});
+//#endregion
+export { a as default };

package/dist/es/components/src/transition/transition-opacity.vue.mjs

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

package/dist/es/components/src/{_comp/OpacityTransition.vue_vue_type_script_setup_true_vapor_true_lang.mjs → transition/transition-opacity.vue_vue_type_script_setup_true_vapor_true_lang.mjs}

@@ -1,7 +1,7 @@
 import { VaporTransition as e, createComponent as t, createSlot as n, defineVaporComponent as r, toHandlers as i } from "vue";
-//#region ../components/src/_comp/OpacityTransition.vue?vue&type=script&setup=true&vapor=true&lang.ts
+//#region ../components/src/transition/transition-opacity.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var a = /*@__PURE__*/ r({
-	__name: "OpacityTransition",
+	__name: "transition-opacity",
 	emits: [
 		"beforeEnter",
 		"enter",

package/dist/es/components/src/transition/transition-scale.vue.mjs

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

package/dist/es/components/src/{_comp/ScaleTransition.vue_vue_type_script_setup_true_vapor_true_lang.mjs → transition/transition-scale.vue_vue_type_script_setup_true_vapor_true_lang.mjs}

@@ -1,7 +1,7 @@
 import { VaporTransition as e, createComponent as t, createSlot as n, defineVaporComponent as r, toHandlers as i } from "vue";
-//#region ../components/src/_comp/ScaleTransition.vue?vue&type=script&setup=true&vapor=true&lang.ts
+//#region ../components/src/transition/transition-scale.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var a = /*@__PURE__*/ r({
-	__name: "ScaleTransition",
+	__name: "transition-scale",
 	emits: [
 		"beforeEnter",
 		"enter",

package/dist/es/components/src/transition/transition-side.vue.mjs

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

package/dist/es/components/src/{_comp/SideTransition.vue_vue_type_script_setup_true_vapor_true_lang.mjs → transition/transition-side.vue_vue_type_script_setup_true_vapor_true_lang.mjs}

@@ -1,7 +1,7 @@
 import { VaporTransition as e, createComponent as t, createIf as n, createSlot as r, defineVaporComponent as i, toHandlers as a } from "vue";
-//#region ../components/src/_comp/SideTransition.vue?vue&type=script&setup=true&vapor=true&lang.ts
+//#region ../components/src/transition/transition-side.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var o = /*@__PURE__*/ i({
-	__name: "SideTransition",
+	__name: "transition-side",
 	props: { placement: {} },
 	emits: [
 		"beforeEnter",

package/dist/es/components/src/transition/transition-width.d.ts

@@ -0,0 +1,31 @@
+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<{
+        appear?: boolean;
+        mode?: "in-out" | "out-in" | "default";
+    } & {
+        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+        onEnter?: ((el: HTMLElement) => any) | undefined;
+        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+        onLeave?: ((el: HTMLElement) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
+    };
+    emit: ((evt: "afterLeave", el: HTMLElement) => void) & ((evt: "beforeEnter", el: HTMLElement) => void) & ((evt: "enter", el: HTMLElement) => void) & ((evt: "afterEnter", el: HTMLElement) => void) & ((evt: "beforeLeave", el: HTMLElement) => void) & ((evt: "leave", el: HTMLElement) => void);
+}>) => 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/transition/transition-width.vue.mjs

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

package/dist/es/components/src/transition/transition-width.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -0,0 +1,54 @@
+import { VaporTransition as e, createComponent as t, createSlot as n, defineVaporComponent as r, toHandlers as i } from "vue";
+//#region ../components/src/transition/transition-width.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var a = /*@__PURE__*/ r({
+	__name: "transition-width",
+	props: {
+		appear: { type: Boolean },
+		mode: {}
+	},
+	emits: [
+		"beforeEnter",
+		"enter",
+		"afterEnter",
+		"beforeLeave",
+		"leave",
+		"afterLeave"
+	],
+	setup(r, { emit: a }) {
+		let o = a, s = {
+			beforeEnter: (e) => {
+				e.style.width = "0", e.style.maxWidth = "0", o("beforeEnter", e);
+			},
+			enter: (e) => {
+				e.style.maxWidth = "", e.style.width = "auto";
+				let t = e.scrollWidth;
+				e.style.width = "", e.style.maxWidth = "0", requestAnimationFrame(() => {
+					e.style.maxWidth = `${t}px`;
+				}), o("enter", e);
+			},
+			afterEnter: (e) => {
+				e.style.maxWidth = "", o("afterEnter", e);
+			},
+			beforeLeave: (e) => {
+				o("beforeLeave", e);
+			},
+			leave: (e) => {
+				let t = e.scrollWidth;
+				e.style.maxWidth = `${t}px`, requestAnimationFrame(() => {
+					e.style.maxWidth = "0";
+				}), o("leave", e);
+			},
+			afterLeave: (e) => {
+				e.style.maxWidth = "", e.style.overflow = "", e.style.transition = "", o("afterLeave", e);
+			}
+		};
+		return t(e, {
+			mode: () => r.mode,
+			name: "width-transition",
+			appear: () => r.appear,
+			$: [() => i(s)]
+		}, () => n("default", null, null, 4), !0);
+	}
+});
+//#endregion
+export { a as default };

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

@@ -0,0 +1,27 @@
+import { TransitionProps, TransitionSlots } 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<TransitionProps & {
+        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+        onEnter?: ((el: HTMLElement) => any) | undefined;
+        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+        onLeave?: ((el: HTMLElement) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: TransitionSlots;
+    emit: ((evt: "afterLeave", el: HTMLElement) => void) & ((evt: "beforeEnter", el: HTMLElement) => void) & ((evt: "enter", el: HTMLElement) => void) & ((evt: "afterEnter", el: HTMLElement) => void) & ((evt: "beforeLeave", el: HTMLElement) => void) & ((evt: "leave", el: HTMLElement) => void);
+}>) => 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/transition/transition.vue.mjs

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

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

@@ -0,0 +1,47 @@
+import e from "./transition-height.vue.mjs";
+import t from "./transition-opacity.vue.mjs";
+import n from "./transition-scale.vue.mjs";
+import r from "./transition-side.vue.mjs";
+import i from "./transition-width.vue.mjs";
+import { createComponent as a, createIf as o, createSlot as s, defineVaporComponent as c, toHandlers as l } from "vue";
+//#region ../components/src/transition/transition.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var u = /*@__PURE__*/ c({
+	name: "STransition",
+	__name: "transition",
+	props: {
+		appear: { type: Boolean },
+		mode: {},
+		type: { default: "height" },
+		placement: { default: "left" }
+	},
+	emits: [
+		"beforeEnter",
+		"enter",
+		"afterEnter",
+		"beforeLeave",
+		"leave",
+		"afterLeave"
+	],
+	setup(c, { emit: u }) {
+		let d = c, f = u, p = {
+			beforeEnter: (e) => {
+				f("beforeEnter", e);
+			},
+			enter: (e) => {
+				f("enter", e);
+			},
+			afterEnter: (e) => {
+				f("afterEnter", e);
+			},
+			leave: (e) => {
+				f("leave", e);
+			},
+			afterLeave: (e) => {
+				f("afterLeave", e);
+			}
+		};
+		return o(() => c.type === "height", () => a(e, { $: [() => d, () => l(p)] }, () => s("default", null, null, 4), !0), () => o(() => c.type === "width", () => a(i, { $: [() => d, () => l(p)] }, () => s("default", null, null, 4), !0), () => o(() => c.type === "opacity", () => a(t, { $: [() => d, () => l(p)] }, () => s("default", null, null, 4), !0), () => o(() => c.type === "scale", () => a(n, { $: [() => d, () => l(p)] }, () => s("default", null, null, 4), !0), () => o(() => c.type === "side", () => a(r, { $: [() => d, () => l(p)] }, () => s("default", null, null, 4), !0)), 1029), 773), 517), 261);
+	}
+});
+//#endregion
+export { u as default };

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

@@ -0,0 +1,28 @@
+export interface TransitionProps {
+    /** 是否在出现时添加过渡效果 */
+    appear?: boolean;
+    /** 过渡模式 */
+    mode?: "in-out" | "out-in" | "default";
+    /** 过渡类型 */
+    type?: "height" | "width" | "opacity" | "scale" | "side";
+    /** 类型为`side`时的过渡方向 */
+    placement?: "left" | "right" | "top" | "bottom";
+}
+export interface TransitionSlots {
+    /** 默认 */
+    default: () => any;
+}
+export interface TransitionEmits {
+    /** 过渡开始前触发 */
+    beforeEnter: [el: HTMLElement];
+    /** 过渡开始时触发 */
+    enter: [el: HTMLElement];
+    /** 过渡完成后触发 */
+    afterEnter: [el: HTMLElement];
+    /** 过渡开始前触发 */
+    beforeLeave: [el: HTMLElement];
+    /** 过渡开始时触发 */
+    leave: [el: HTMLElement];
+    /** 过渡完成后触发 */
+    afterLeave: [el: HTMLElement];
+}