miao-design 1.0.0

package/README.md

@@ -0,0 +1,76 @@
+# Miao UI Vue
+
+基于 Vue 3 + TypeScript 的轻量级组件库。
+
+## 安装
+
+```bash
+pnpm add miao-design
+# 或
+npm install miao-design
+```
+
+> `vue@^3.5` 作为 peerDependency，由使用方自行安装。
+
+## 使用
+
+### 完整引入
+
+```ts
+import { createApp } from 'vue'
+import MiaoUI from 'miao-design'
+import 'miao-design/style.css'
+
+createApp(App).use(MiaoUI).mount('#app')
+```
+
+### 按需引入
+
+```ts
+import { MButton } from 'miao-design'
+import 'miao-design/style.css'
+```
+
+组件通过 `use()` 注册后自动完成全局注册；按需使用时在模板中直接引用组件即可。
+
+### 指令
+
+```ts
+import { vRipple } from 'miao-design'
+
+// 任意元素上使用 v-ripple
+app.directive('ripple', vRipple)
+```
+
+### 编程式 Toast
+
+```ts
+import { toast } from 'miao-design'
+
+toast.success('操作成功')
+```
+
+## 组件列表
+
+| 组件 | 说明 |
+| --- | --- |
+| `MAlert` | 警告提示 |
+| `MAvatar` | 头像 |
+| `MButton` / `MButtonGroup` | 按钮 / 按钮组 |
+| `MCheckbox` / `MCheckboxGroup` | 复选框 / 复选框组 |
+| `MDatePicker` / `MDateRangePicker` | 日期选择器 / 日期范围选择器 |
+| `MDialog` / `MDrawer` | 对话框 / 抽屉 |
+| `MDropdown` / `MDropdownItem` | 下拉菜单 / 菜单项 |
+| `MFab` | 悬浮按钮 |
+| `MInput` / `MInputNumber` | 输入框 / 数字输入框 |
+| `MRadio` / `MRadioGroup` | 单选框 / 单选框组 |
+| `MSelect` | 选择器 |
+| `MSlider` | 滑块 |
+| `MSwitch` | 开关 |
+| `MTabs` / `MTabPane` | 标签页 / 标签面板 |
+| `MToast` | 轻提示 |
+| `MTooltip` | 文字提示 |
+
+## License
+
+MIT

package/dist/alert/Alert.vue.d.ts

@@ -0,0 +1,27 @@
+import { AlertSeverity, MAlertProps } from './types';
+declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_7) => any;
+} & {
+    title?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<MAlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<MAlertProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    severity: AlertSeverity;
+    variant: import('./types').AlertVariant;
+    closable: boolean;
+    showIcon: boolean;
+}, {}, {}, {}, string, import('vue').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/alert/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MAlert } from './Alert.vue';
+export type { MAlertProps, AlertSeverity, AlertVariant } from './types';

package/dist/alert/types.d.ts

@@ -0,0 +1,20 @@
+export type AlertSeverity = 'success' | 'info' | 'warning' | 'error';
+export type AlertVariant = 'standard' | 'filled' | 'outlined';
+export interface MAlertProps {
+    /** 语义类型：决定图标与配色 */
+    severity?: AlertSeverity;
+    /** 外观变体：浅底 / 实底 / 描边 */
+    variant?: AlertVariant;
+    /** 显示右上角关闭按钮（关闭后组件进入离场动画） */
+    closable?: boolean;
+    /** 显示语义图标（默认 true；自定义 #icon 插槽时自动隐藏内置图标） */
+    showIcon?: boolean;
+    /** 标题文本（也可用 #title 插槽） */
+    title?: string;
+}
+export declare const MAlertPropsDefault: {
+    readonly severity: "info";
+    readonly variant: "standard";
+    readonly closable: false;
+    readonly showIcon: true;
+};

package/dist/avatar/Avatar.vue.d.ts

@@ -0,0 +1,18 @@
+import { MAvatarProps } from './types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<MAvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MAvatarProps> & Readonly<{}>, {
+    size: import('./types').AvatarSize;
+    shape: import('./types').AvatarShape;
+    color: import('./types').AvatarColor;
+}, {}, {}, {}, string, import('vue').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/avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MAvatar } from './Avatar.vue';
+export type { MAvatarProps, AvatarColor, AvatarShape, AvatarSize } from './types';

package/dist/avatar/types.d.ts

@@ -0,0 +1,19 @@
+export type AvatarSize = number | 'small' | 'default' | 'large';
+export type AvatarShape = 'circle' | 'square' | 'rounded';
+export type AvatarColor = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+export interface MAvatarProps {
+    /** 图片地址（加载失败自动回退到默认插槽 / 首字符 / 人形占位） */
+    src?: string;
+    /** 图片 alt；无图片时作为首字符占位来源 */
+    alt?: string;
+    /** 数字按 px 处理；'small' | 'default' | 'large' 使用预设尺寸 */
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    /** 文本 / 图标占位背景色（图片模式忽略） */
+    color?: AvatarColor;
+}
+export declare const MAvatarPropsDefault: {
+    readonly size: 40;
+    readonly shape: "circle";
+    readonly color: "primary";
+};

package/dist/button/Button.vue.d.ts

@@ -0,0 +1,26 @@
+import { MButtonProps } from './types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<MButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<MButtonProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    variant: import('./types').ButtonVariant;
+    type: "button" | "submit" | "reset";
+    size: "small" | "default" | "large";
+    shape: "round" | "circle" | "";
+    disabled: boolean;
+    loading: boolean;
+    throttle: number;
+}, {}, {}, {}, string, import('vue').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/button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MButton } from './Button.vue';
+export type { ButtonColor, ButtonVariant, MButtonProps } from './types';

package/dist/button/types.d.ts

@@ -0,0 +1,21 @@
+export type ButtonColor = 'primary' | 'secondary' | 'error' | 'success' | 'warning' | 'info';
+export type ButtonVariant = 'text' | 'outlined' | 'contained';
+export interface MButtonProps {
+    color?: ButtonColor;
+    disabled?: boolean;
+    variant?: ButtonVariant;
+    loading?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+    size?: 'small' | 'default' | 'large';
+    throttle?: number;
+    shape?: 'round' | 'circle' | '';
+}
+export declare const MButtonPropsDefault: {
+    readonly type: "button";
+    readonly disabled: false;
+    readonly loading: false;
+    readonly size: "default";
+    readonly variant: "text";
+    readonly throttle: 200;
+    readonly shape: "";
+};

package/dist/button-group/ButtonGroup.vue.d.ts

@@ -0,0 +1,17 @@
+import { MButtonGroupProps } from './types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<MButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MButtonGroupProps> & Readonly<{}>, {
+    variant: import('..').ButtonVariant;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').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/button-group/context.d.ts

@@ -0,0 +1,14 @@
+import { InjectionKey } from 'vue';
+import { ButtonColor, ButtonVariant } from '../button/types';
+/**
+ * MButtonGroup 通过 provide 向子 MButton 暴露统一配置：
+ * 组内按钮的变体 / 尺寸 / 颜色 / 禁用状态由此统一下发，
+ * MButton 读取后覆盖自身的默认渲染。
+ */
+export interface ButtonGroupContext {
+    color?: ButtonColor;
+    variant: ButtonVariant;
+    size: 'small' | 'default' | 'large';
+    disabled: boolean;
+}
+export declare const buttonGroupContextKey: InjectionKey<ButtonGroupContext>;

package/dist/button-group/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MButtonGroup } from './ButtonGroup.vue';
+export type { MButtonGroupProps } from './types';

package/dist/button-group/types.d.ts

@@ -0,0 +1,16 @@
+import { ButtonColor, ButtonVariant } from '../button/types';
+import { InputSize } from '../input/types';
+export interface MButtonGroupProps {
+    /** 组内按钮统一变体（默认 outlined，对齐 MUI ButtonGroup） */
+    variant?: ButtonVariant;
+    /** 组内按钮统一语义色（未传时各按钮保持自身颜色，默认主色） */
+    color?: ButtonColor;
+    /** 组内按钮统一尺寸 */
+    size?: InputSize;
+    /** 是否整体禁用组内所有按钮 */
+    disabled?: boolean;
+}
+export declare const MButtonGroupPropsDefault: {
+    readonly variant: "outlined";
+    readonly disabled: false;
+};

package/dist/checkbox/Checkbox.vue.d.ts

@@ -0,0 +1,23 @@
+import { MCheckboxProps } from './types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<MCheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<MCheckboxProps> & Readonly<{
+    onChange?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    indeterminate: boolean;
+}, {}, {}, {}, string, import('vue').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/checkbox/CheckboxGroup.vue.d.ts

@@ -0,0 +1,23 @@
+import { MCheckboxGroupProps, CheckboxValue } from './types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<MCheckboxGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: CheckboxValue[]) => any;
+    "update:modelValue": (value: CheckboxValue[]) => any;
+}, string, import('vue').PublicProps, Readonly<MCheckboxGroupProps> & Readonly<{
+    onChange?: ((value: CheckboxValue[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: CheckboxValue[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    vertical: boolean;
+}, {}, {}, {}, string, import('vue').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/checkbox/context.d.ts

@@ -0,0 +1,15 @@
+import { InjectionKey, Ref } from 'vue';
+import { CheckboxColor, CheckboxSize, CheckboxValue } from './types';
+/**
+ * MCheckboxGroup 通过 provide 向子 MCheckbox 下发选中数组与更新回调，
+ * 使组内 Checkbox 维护统一的选中值集合。
+ */
+export interface CheckboxGroupContext {
+    modelValue: Ref<CheckboxValue[]>;
+    color: CheckboxColor;
+    size: CheckboxSize;
+    disabled: boolean;
+    /** 勾选 / 取消勾选：更新组选中数组 */
+    toggleValue: (value: CheckboxValue, checked: boolean) => void;
+}
+export declare const checkboxGroupContextKey: InjectionKey<CheckboxGroupContext>;

package/dist/checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MCheckbox } from './Checkbox.vue';
+export { default as MCheckboxGroup } from './CheckboxGroup.vue';
+export type { MCheckboxProps, MCheckboxGroupProps, CheckboxColor, CheckboxSize, CheckboxValue, } from './types';

package/dist/checkbox/types.d.ts

@@ -0,0 +1,35 @@
+export type CheckboxColor = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+export type CheckboxSize = 'small' | 'default' | 'large';
+export type CheckboxValue = string | number | boolean;
+export interface MCheckboxProps {
+    /** 组内项值：在 MCheckboxGroup 内用于维护选中数组 */
+    value?: CheckboxValue;
+    /** 独立使用时的选中状态（v-model，boolean）；组内忽略此值 */
+    modelValue?: boolean;
+    /** 半选状态：勾选角标显示为横线（通常用于「全选」联动） */
+    indeterminate?: boolean;
+    /** 原生 input name */
+    name?: string;
+    disabled?: boolean;
+    /** 选中态颜色（未显式设置时继承 MCheckboxGroup） */
+    color?: CheckboxColor;
+    /** 尺寸（未显式设置时继承 MCheckboxGroup） */
+    size?: CheckboxSize;
+}
+export interface MCheckboxGroupProps {
+    /** 选中值数组（v-model） */
+    modelValue?: CheckboxValue[];
+    disabled?: boolean;
+    color?: CheckboxColor;
+    size?: CheckboxSize;
+    /** 纵向排列 */
+    vertical?: boolean;
+}
+export declare const MCheckboxPropsDefault: {
+    readonly disabled: false;
+    readonly indeterminate: false;
+};
+export declare const MCheckboxGroupPropsDefault: {
+    readonly disabled: false;
+    readonly vertical: false;
+};

package/dist/date-picker/DatePicker.vue.d.ts

@@ -0,0 +1,21 @@
+import { MDatePickerProps } from './types';
+declare const __VLS_export: import('vue').DefineComponent<MDatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+    open: () => any;
+}, string, import('vue').PublicProps, Readonly<MDatePickerProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+}>, {
+    size: import('./types').DatePickerSize;
+    disabled: boolean;
+    format: string;
+    clearable: boolean;
+    appendToBody: boolean;
+    popupPlacement: "top" | "bottom";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/date-picker/TimeSpinner.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    hour: number;
+    minute: number;
+    second: number;
+    /** 无值时置灰不可操作 */
+    disabled?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:hour": (value: number) => any;
+    "update:minute": (value: number) => any;
+    "update:second": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:hour"?: ((value: number) => any) | undefined;
+    "onUpdate:minute"?: ((value: number) => any) | undefined;
+    "onUpdate:second"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/date-picker/date-utils.d.ts

@@ -0,0 +1,15 @@
+/** 日期工具：解析 / 格式化 / 月历生成，全部基于本地时区 */
+export declare function pad(n: number): string;
+/** 按格式模板输出日期字符串，支持 YYYY / MM / DD / HH / mm / ss */
+export declare function formatDate(date: Date, format: string): string;
+/** 解析 Date 或字符串（优先匹配 YYYY-MM-DD[ HH:mm[:ss]] 前缀，其次交给 Date 构造器） */
+export declare function parseDate(value: Date | string | null | undefined): Date | null;
+export declare function startOfDay(d: Date): Date;
+export declare function isSameDay(a: Date, b: Date): boolean;
+export declare function isSameMonth(a: Date, b: Date): boolean;
+/**
+ * 生成 6 周 × 7 天 = 42 格的月历格子（含前后月补位），
+ * 以视图月 1 号所在周（周日为一周起点）为起始。
+ */
+export declare function buildMonthDays(viewDate: Date): Date[];
+export declare const WEEKDAY_LABELS: string[];

package/dist/date-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MDatePicker } from './DatePicker.vue';
+export { formatDate, parseDate } from './date-utils';
+export type { DatePickerSize, MDatePickerProps } from './types';

package/dist/date-picker/types.d.ts

@@ -0,0 +1,31 @@
+export type DatePickerSize = 'small' | 'default' | 'large';
+export interface MDatePickerProps {
+    /** 当前值（v-model）：Date 或可解析字符串，输出始终为 format 格式字符串 */
+    modelValue?: Date | string | null;
+    placeholder?: string;
+    /** 输出格式模板（默认 YYYY-MM-DD） */
+    format?: string;
+    disabled?: boolean;
+    /** 有值时显示清除按钮 */
+    clearable?: boolean;
+    size?: DatePickerSize;
+    /** 可选最小日期 */
+    min?: Date | string;
+    /** 可选最大日期 */
+    max?: Date | string;
+    /** 挂载到 body（默认开启） */
+    appendToBody?: boolean;
+    /** 弹出方向（空间不足时自动翻转） */
+    popupPlacement?: 'top' | 'bottom';
+    width?: string;
+    /** 原生 input name（表单提交） */
+    name?: string;
+}
+export declare const MDatePickerPropsDefault: {
+    readonly format: "YYYY-MM-DD";
+    readonly disabled: false;
+    readonly clearable: false;
+    readonly size: "default";
+    readonly appendToBody: true;
+    readonly popupPlacement: "bottom";
+};

package/dist/date-range-picker/DateRangePicker.vue.d.ts

@@ -0,0 +1,22 @@
+import { MDateRangePickerProps } from './types';
+declare const __VLS_export: import('vue').DefineComponent<MDateRangePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    change: (value: [string | null, string | null] | null) => any;
+    "update:modelValue": (value: [string | null, string | null] | null) => any;
+    open: () => any;
+}, string, import('vue').PublicProps, Readonly<MDateRangePickerProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onChange?: ((value: [string | null, string | null] | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: [string | null, string | null] | null) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+}>, {
+    size: import('..').DatePickerSize;
+    disabled: boolean;
+    placeholder: string | [string, string];
+    format: string;
+    clearable: boolean;
+    appendToBody: boolean;
+    popupPlacement: "top" | "bottom";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/date-range-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MDateRangePicker } from './DateRangePicker.vue';
+export type { DateRangeValue, MDateRangePickerProps, } from './types';

package/dist/date-range-picker/types.d.ts

@@ -0,0 +1,35 @@
+import { DatePickerSize } from '../date-picker/types';
+/** 范围值：[开始, 结束]，元素为 Date 或可解析字符串，输出均为 format 格式字符串 */
+export type DateRangeValue = [Date | string | null, Date | string | null] | null;
+export interface MDateRangePickerProps {
+    /** 当前值（v-model）：[开始, 结束] */
+    modelValue?: DateRangeValue;
+    /** 占位符：单个字符串同时用于两格，数组则分别用于开始 / 结束 */
+    placeholder?: string | [string, string];
+    /** 输出格式模板（默认 YYYY-MM-DD） */
+    format?: string;
+    disabled?: boolean;
+    /** 有值时显示清除按钮 */
+    clearable?: boolean;
+    size?: DatePickerSize;
+    /** 可选最小日期 */
+    min?: Date | string;
+    /** 可选最大日期 */
+    max?: Date | string;
+    /** 挂载到 body（默认开启） */
+    appendToBody?: boolean;
+    /** 弹出方向（空间不足时自动翻转） */
+    popupPlacement?: 'top' | 'bottom';
+    width?: string;
+    /** 原生 input name（表单提交） */
+    name?: string;
+}
+export declare const MDateRangePickerPropsDefault: {
+    readonly placeholder: "开始日期 ~ 结束日期";
+    readonly format: "YYYY-MM-DD";
+    readonly disabled: false;
+    readonly clearable: false;
+    readonly size: "default";
+    readonly appendToBody: true;
+    readonly popupPlacement: "bottom";
+};

package/dist/dialog/Dialog.vue.d.ts

@@ -0,0 +1,36 @@
+import { MDialogProps } from './types';
+declare var __VLS_1: {}, __VLS_18: {}, __VLS_20: {}, __VLS_22: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_18) => any;
+} & {
+    default?: (props: typeof __VLS_20) => any;
+} & {
+    footer?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<MDialogProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    "update:modelValue": (value: boolean) => any;
+    open: () => any;
+}, string, import('vue').PublicProps, Readonly<MDialogProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+}>, {
+    anchor: HTMLElement | null;
+    width: string | number;
+    appendToBody: boolean;
+    closeOnClickOverlay: boolean;
+    closeOnPressEscape: boolean;
+    showClose: boolean;
+    fullscreen: boolean;
+}, {}, {}, {}, string, import('vue').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/dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MDialog } from './Dialog.vue';
+export type { MDialogProps } from './types';

package/dist/dialog/types.d.ts

@@ -0,0 +1,30 @@
+export interface MDialogProps {
+    modelValue?: boolean;
+    title?: string;
+    /** 对话框宽度，数字按 px 处理（全屏模式下忽略） */
+    width?: string | number;
+    /** 点击遮罩关闭（默认开启） */
+    closeOnClickOverlay?: boolean;
+    /** Esc 关闭（默认开启） */
+    closeOnPressEscape?: boolean;
+    /** 挂载到 body（默认开启） */
+    appendToBody?: boolean;
+    /** 显示右上角关闭按钮 */
+    showClose?: boolean;
+    /** 全屏模式：铺满视口，从底部向上滑入 */
+    fullscreen?: boolean;
+    /**
+     * 触发元素：传入后对话框从该元素包围盒 Morph 展开。
+     * 也可不传，改用 #trigger 插槽渲染触发内容，点击时组件自动记录触发元素。
+     */
+    anchor?: HTMLElement | null;
+}
+export declare const MDialogPropsDefault: {
+    readonly closeOnClickOverlay: true;
+    readonly closeOnPressEscape: true;
+    readonly appendToBody: true;
+    readonly showClose: true;
+    readonly width: 420;
+    readonly fullscreen: false;
+    readonly anchor: null;
+};