straw-ui-vue 0.1.0

package/dist/components/st-dialog/index.d.ts

@@ -0,0 +1,243 @@
+export declare const StDialog: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").DialogProps & {
+            modelValue?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: boolean) => any;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+        }, import("vue").PublicProps, {
+            title: string;
+            center: boolean;
+            animation: string;
+            width: string;
+            height: string;
+            closable: boolean;
+            draggable: boolean;
+            fullscreen: boolean;
+            modal: boolean;
+            closeOnClickModal: boolean;
+            customClass: string;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").DialogProps & {
+            modelValue?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: boolean) => any;
+        }>, {}, {}, {}, {}, {
+            title: string;
+            center: boolean;
+            animation: string;
+            width: string;
+            height: string;
+            closable: boolean;
+            draggable: boolean;
+            fullscreen: boolean;
+            modal: boolean;
+            closeOnClickModal: boolean;
+            customClass: string;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").DialogProps & {
+        modelValue?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: boolean) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => any;
+    }, string, {
+        title: string;
+        center: boolean;
+        animation: string;
+        width: string;
+        height: string;
+        closable: boolean;
+        draggable: boolean;
+        fullscreen: boolean;
+        modal: boolean;
+        closeOnClickModal: boolean;
+        customClass: string;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            title?: (props: {}) => any;
+        } & {
+            extra?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            footer?: (props: {}) => any;
+        };
+    })>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        [x: string]: any;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").DialogProps & {
+            modelValue?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: boolean) => any;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+        }, import("vue").PublicProps, {
+            title: string;
+            center: boolean;
+            animation: string;
+            width: string;
+            height: string;
+            closable: boolean;
+            draggable: boolean;
+            fullscreen: boolean;
+            modal: boolean;
+            closeOnClickModal: boolean;
+            customClass: string;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").DialogProps & {
+            modelValue?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: boolean) => any;
+        }>, {}, {}, {}, {}, {
+            title: string;
+            center: boolean;
+            animation: string;
+            width: string;
+            height: string;
+            closable: boolean;
+            draggable: boolean;
+            fullscreen: boolean;
+            modal: boolean;
+            closeOnClickModal: boolean;
+            customClass: string;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").DialogProps & {
+        modelValue?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: boolean) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => any;
+    }, string, {
+        title: string;
+        center: boolean;
+        animation: string;
+        width: string;
+        height: string;
+        closable: boolean;
+        draggable: boolean;
+        fullscreen: boolean;
+        modal: boolean;
+        closeOnClickModal: boolean;
+        customClass: string;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            title?: (props: {}) => any;
+        } & {
+            extra?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            footer?: (props: {}) => any;
+        };
+    })>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, {
+        [x: string]: any;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").DialogProps & {
+        modelValue?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: boolean) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => any;
+    }, import("vue").PublicProps, {
+        title: string;
+        center: boolean;
+        animation: string;
+        width: string;
+        height: string;
+        closable: boolean;
+        draggable: boolean;
+        fullscreen: boolean;
+        modal: boolean;
+        closeOnClickModal: boolean;
+        customClass: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types.d.ts").DialogProps & {
+        modelValue?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: boolean) => any;
+    }>, {}, {}, {}, {}, {
+        title: string;
+        center: boolean;
+        animation: string;
+        width: string;
+        height: string;
+        closable: boolean;
+        draggable: boolean;
+        fullscreen: boolean;
+        modal: boolean;
+        closeOnClickModal: boolean;
+        customClass: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").DialogProps & {
+    modelValue?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: (value: boolean) => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, {
+    title: string;
+    center: boolean;
+    animation: string;
+    width: string;
+    height: string;
+    closable: boolean;
+    draggable: boolean;
+    fullscreen: boolean;
+    modal: boolean;
+    closeOnClickModal: boolean;
+    customClass: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        title?: (props: {}) => any;
+    } & {
+        extra?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        footer?: (props: {}) => any;
+    };
+})>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    [x: string]: any;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & (import("vue").VNodeProps & (import("vue").AllowedComponentProps & (import("vue").ComponentCustomProps & import("vue").Plugin)));
+export default StDialog;
+export type * from './types.d.ts';

package/dist/components/st-dialog/st-dialog.vue.cjs

@@ -0,0 +1 @@
+var e=require("./st-dialog.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;

package/dist/components/st-dialog/st-dialog.vue.d.ts

@@ -0,0 +1,41 @@
+import type { DialogProps } from './types.d.ts';
+type __VLS_Props = DialogProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_21: {}, __VLS_23: {}, __VLS_25: {}, __VLS_27: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_21) => any;
+} & {
+    extra?: (props: typeof __VLS_23) => any;
+} & {
+    default?: (props: typeof __VLS_25) => any;
+} & {
+    footer?: (props: typeof __VLS_27) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: boolean) => any;
+}>, {
+    title: string;
+    center: boolean;
+    animation: string;
+    width: string;
+    height: string;
+    closable: boolean;
+    draggable: boolean;
+    fullscreen: boolean;
+    modal: boolean;
+    closeOnClickModal: boolean;
+    customClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/components/st-dialog/st-dialog.vue.js

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

package/dist/components/st-dialog/st-dialog.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const e=require("../../utils/cn.cjs");let t=require("vue");var n={key:1,class:`text-4 font-600 text-foreground`},r={class:`flex items-center gap-2`},i={class:`flex-1 overflow-auto p-4`},a={key:0,class:`flex justify-end gap-2 border-t border-solid border-border p-4`},o=(0,t.defineComponent)({inheritAttrs:!1,__name:`st-dialog`,props:(0,t.mergeModels)({title:{default:``},width:{default:`500px`},height:{default:`auto`},closable:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},center:{type:Boolean,default:!0},customClass:{default:``},animation:{default:`zoom`}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(o){let s=(0,t.useAttrs)(),c=o,l=(0,t.useModel)(o,`modelValue`),u=(0,t.ref)(null),d=(0,t.ref)(null),f=(0,t.ref)(!1),p=(0,t.ref)({isDragging:!1,startX:0,startY:0,offsetX:0,offsetY:0}),m=(0,t.computed)(()=>e.cn(`st-dialog-overlay`,`fixed`,`inset-0`,`z-999`,`flex`,{"bg-black/50":c.modal,"items-center":c.center,"justify-center":c.center},s.class)),h=(0,t.computed)(()=>e.cn(`st-dialog-container`,`flex`,`flex-col`,`bg-background`,`rounded-radius`,`shadow-lg`,`overflow-hidden`,c.customClass,{"st-dialog-container--fullscreen":f.value,"w-screen h-screen":f.value,"cursor-move":c.draggable&&!p.value.isDragging,"cursor-grabbing":p.value.isDragging},s.class)),g=(0,t.computed)(()=>{if(f.value)return{};let e={width:c.width};return c.height!==`auto`&&(e.height=c.height),(p.value.offsetX!==0||p.value.offsetY!==0)&&(e.translate=`${p.value.offsetX}px ${p.value.offsetY}px`),e}),_=(0,t.computed)(()=>[`flex`,`items-center`,`justify-between`,`border-b`,`border-solid`,`border-border`,`p-4`,`select-none`,{"cursor-grab":c.draggable&&!p.value.isDragging,"cursor-grabbing":p.value.isDragging}]),v=(0,t.computed)(()=>[`inline-flex`,`items-center`,`justify-center`,`w-8`,`h-8`,`rounded-radius`,`cursor-pointer`,`text-4`,`text-muted-foreground`,`hover:bg-muted`,`hover:text-foreground`,`transition-all`,`duration-150`]),y=(0,t.computed)(()=>f.value?`i-ri-fullscreen-exit-line`:`i-ri-fullscreen-line`),b=()=>{f.value=!f.value,f.value&&x()},x=()=>{p.value={isDragging:!1,startX:0,startY:0,offsetX:0,offsetY:0}},S=e=>{!c.draggable||f.value||e.target.closest(`.flex.items-center.gap-2`)||(e.preventDefault(),p.value.isDragging=!0,p.value.startX=e.clientX-p.value.offsetX,p.value.startY=e.clientY-p.value.offsetY,document.addEventListener(`mousemove`,C),document.addEventListener(`mouseup`,w))},C=e=>{p.value.isDragging&&(p.value.offsetX=e.clientX-p.value.startX,p.value.offsetY=e.clientY-p.value.startY)},w=()=>{p.value.isDragging=!1,document.removeEventListener(`mousemove`,C),document.removeEventListener(`mouseup`,w)},T=()=>{l.value=!1},E=()=>{c.closeOnClickModal&&T()};return(0,t.watch)(l,e=>{e&&(x(),f.value=!1)}),(e,o)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:`body`},[(0,t.createVNode)(t.Transition,{appear:``,"enter-from-class":`opacity-0`,"enter-active-class":`transition-opacity duration-250 ease-[var(--animate-ease-out)]`,"leave-active-class":`transition-opacity duration-150 ease-[var(--animate-ease-in)]`,"leave-to-class":`opacity-0`},{default:(0,t.withCtx)(()=>[l.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(m.value),style:(0,t.normalizeStyle)((0,t.unref)(s).style),onClick:E},[(0,t.createVNode)(t.Transition,{appear:``,"enter-from-class":`scale-0 opacity-0`,"enter-active-class":`transition-[scale,opacity] duration-250 ease-[var(--animate-ease-out-back),var(--animate-ease-out)]`,"leave-active-class":`transition-[scale,opacity] duration-150 ease-[var(--animate-ease-in)]`,"leave-to-class":`scale-0 opacity-0`,onClick:o[0]||=(0,t.withModifiers)(()=>{},[`stop`])},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,{ref_key:`dialogRef`,ref:u,class:(0,t.normalizeClass)(h.value),style:(0,t.normalizeStyle)(g.value)},[(0,t.createElementVNode)(`div`,{ref_key:`headerRef`,ref:d,class:(0,t.normalizeClass)(_.value),onMousedown:S},[e.$slots.title?(0,t.renderSlot)(e.$slots,`title`,{key:0}):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,n,(0,t.toDisplayString)(c.title),1)),(0,t.createElementVNode)(`div`,r,[(0,t.renderSlot)(e.$slots,`extra`),c.fullscreen?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:0,class:(0,t.normalizeClass)(v.value),onClick:b},[(0,t.createElementVNode)(`i`,{class:(0,t.normalizeClass)(y.value)},null,2)],2)):(0,t.createCommentVNode)(``,!0),c.closable?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:1,class:(0,t.normalizeClass)(v.value),onClick:T},[...o[1]||=[(0,t.createElementVNode)(`i`,{class:`i-ri-close-line`},null,-1)]],2)):(0,t.createCommentVNode)(``,!0)])],34),(0,t.createElementVNode)(`div`,i,[(0,t.renderSlot)(e.$slots,`default`)]),e.$slots.footer?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,a,[(0,t.renderSlot)(e.$slots,`footer`)])):(0,t.createCommentVNode)(``,!0)],6)]),_:3})],6)):(0,t.createCommentVNode)(``,!0)]),_:3})]))}});exports.default=o;

package/dist/components/st-dialog/st-dialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,175 @@
+import { cn as e } from "../../utils/cn.js";
+import { Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeModels as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as v, useModel as y, watch as b, withCtx as x, withModifiers as S } from "vue";
+//#region src/components/st-dialog/st-dialog.vue?vue&type=script&setup=true&lang.ts
+var C = {
+	key: 1,
+	class: "text-4 font-600 text-foreground"
+}, w = { class: "flex items-center gap-2" }, T = { class: "flex-1 overflow-auto p-4" }, E = {
+	key: 0,
+	class: "flex justify-end gap-2 border-t border-solid border-border p-4"
+}, D = /*@__PURE__*/ l({
+	inheritAttrs: !1,
+	__name: "st-dialog",
+	props: /*@__PURE__*/ u({
+		title: { default: "" },
+		width: { default: "500px" },
+		height: { default: "auto" },
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		draggable: {
+			type: Boolean,
+			default: !0
+		},
+		fullscreen: {
+			type: Boolean,
+			default: !0
+		},
+		modal: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnClickModal: {
+			type: Boolean,
+			default: !0
+		},
+		center: {
+			type: Boolean,
+			default: !0
+		},
+		customClass: { default: "" },
+		animation: { default: "zoom" }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(l) {
+		let u = v(), D = l, O = y(l, "modelValue"), k = m(null), A = m(null), j = m(!1), M = m({
+			isDragging: !1,
+			startX: 0,
+			startY: 0,
+			offsetX: 0,
+			offsetY: 0
+		}), N = r(() => e("st-dialog-overlay", "fixed", "inset-0", "z-999", "flex", {
+			"bg-black/50": D.modal,
+			"items-center": D.center,
+			"justify-center": D.center
+		}, u.class)), P = r(() => e("st-dialog-container", "flex", "flex-col", "bg-background", "rounded-radius", "shadow-lg", "overflow-hidden", D.customClass, {
+			"st-dialog-container--fullscreen": j.value,
+			"w-screen h-screen": j.value,
+			"cursor-move": D.draggable && !M.value.isDragging,
+			"cursor-grabbing": M.value.isDragging
+		}, u.class)), F = r(() => {
+			if (j.value) return {};
+			let e = { width: D.width };
+			return D.height !== "auto" && (e.height = D.height), (M.value.offsetX !== 0 || M.value.offsetY !== 0) && (e.translate = `${M.value.offsetX}px ${M.value.offsetY}px`), e;
+		}), I = r(() => [
+			"flex",
+			"items-center",
+			"justify-between",
+			"border-b",
+			"border-solid",
+			"border-border",
+			"p-4",
+			"select-none",
+			{
+				"cursor-grab": D.draggable && !M.value.isDragging,
+				"cursor-grabbing": M.value.isDragging
+			}
+		]), L = r(() => [
+			"inline-flex",
+			"items-center",
+			"justify-center",
+			"w-8",
+			"h-8",
+			"rounded-radius",
+			"cursor-pointer",
+			"text-4",
+			"text-muted-foreground",
+			"hover:bg-muted",
+			"hover:text-foreground",
+			"transition-all",
+			"duration-150"
+		]), R = r(() => j.value ? "i-ri-fullscreen-exit-line" : "i-ri-fullscreen-line"), z = () => {
+			j.value = !j.value, j.value && B();
+		}, B = () => {
+			M.value = {
+				isDragging: !1,
+				startX: 0,
+				startY: 0,
+				offsetX: 0,
+				offsetY: 0
+			};
+		}, V = (e) => {
+			!D.draggable || j.value || e.target.closest(".flex.items-center.gap-2") || (e.preventDefault(), M.value.isDragging = !0, M.value.startX = e.clientX - M.value.offsetX, M.value.startY = e.clientY - M.value.offsetY, document.addEventListener("mousemove", H), document.addEventListener("mouseup", U));
+		}, H = (e) => {
+			M.value.isDragging && (M.value.offsetX = e.clientX - M.value.startX, M.value.offsetY = e.clientY - M.value.startY);
+		}, U = () => {
+			M.value.isDragging = !1, document.removeEventListener("mousemove", H), document.removeEventListener("mouseup", U);
+		}, W = () => {
+			O.value = !1;
+		}, G = () => {
+			D.closeOnClickModal && W();
+		};
+		return b(O, (e) => {
+			e && (B(), j.value = !1);
+		}), (e, r) => (p(), i(t, { to: "body" }, [c(n, {
+			appear: "",
+			"enter-from-class": "opacity-0",
+			"enter-active-class": "transition-opacity duration-250 ease-[var(--animate-ease-out)]",
+			"leave-active-class": "transition-opacity duration-150 ease-[var(--animate-ease-in)]",
+			"leave-to-class": "opacity-0"
+		}, {
+			default: x(() => [O.value ? (p(), o("div", {
+				key: 0,
+				class: d(N.value),
+				style: f(_(u).style),
+				onClick: G
+			}, [c(n, {
+				appear: "",
+				"enter-from-class": "scale-0 opacity-0",
+				"enter-active-class": "transition-[scale,opacity] duration-250 ease-[var(--animate-ease-out-back),var(--animate-ease-out)]",
+				"leave-active-class": "transition-[scale,opacity] duration-150 ease-[var(--animate-ease-in)]",
+				"leave-to-class": "scale-0 opacity-0",
+				onClick: r[0] ||= S(() => {}, ["stop"])
+			}, {
+				default: x(() => [s("div", {
+					ref_key: "dialogRef",
+					ref: k,
+					class: d(P.value),
+					style: f(F.value)
+				}, [
+					s("div", {
+						ref_key: "headerRef",
+						ref: A,
+						class: d(I.value),
+						onMousedown: V
+					}, [e.$slots.title ? h(e.$slots, "title", { key: 0 }) : (p(), o("span", C, g(D.title), 1)), s("div", w, [
+						h(e.$slots, "extra"),
+						D.fullscreen ? (p(), o("span", {
+							key: 0,
+							class: d(L.value),
+							onClick: z
+						}, [s("i", { class: d(R.value) }, null, 2)], 2)) : a("", !0),
+						D.closable ? (p(), o("span", {
+							key: 1,
+							class: d(L.value),
+							onClick: W
+						}, [...r[1] ||= [s("i", { class: "i-ri-close-line" }, null, -1)]], 2)) : a("", !0)
+					])], 34),
+					s("div", T, [h(e.$slots, "default")]),
+					e.$slots.footer ? (p(), o("div", E, [h(e.$slots, "footer")])) : a("", !0)
+				], 6)]),
+				_: 3
+			})], 6)) : a("", !0)]),
+			_: 3
+		})]));
+	}
+});
+//#endregion
+export { D as default };

package/dist/components/st-dialog/types.d.ts

@@ -0,0 +1,29 @@
+/**
+ * 弹窗组件属性
+ */
+export interface DialogProps {
+	/** 弹窗标题 */
+	title?: string;
+	/** 弹窗宽度 */
+	width?: string;
+	/** 弹窗高度 */
+	height?: string;
+	/** 是否显示关闭按钮 */
+	closable?: boolean;
+	/** 是否支持拖拽 */
+	draggable?: boolean;
+	/** 是否支持全屏 */
+	fullscreen?: boolean;
+	/** 是否显示遮罩层 */
+	modal?: boolean;
+	/** 点击遮罩层是否关闭弹窗 */
+	closeOnClickModal?: boolean;
+	/** 是否居中显示 */
+	center?: boolean;
+	/** 自定义类名 */
+	customClass?: string;
+	/** 弹窗打开时的动画名称 */
+	animation?: string;
+}
+
+export {};

package/dist/components/st-dialog.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../utils/with-install.cjs"),t=require("./st-dialog/st-dialog.vue.cjs");var n=e.withInstall(t.default);exports.StDialog=n,exports.default=n;

package/dist/components/st-dialog.js

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../utils/with-install.js";
+import t from "./st-dialog/st-dialog.vue.js";
+//#region src/components/st-dialog/index.ts
+var n = e(t);
+//#endregion
+export { n as StDialog, n as default };