miao-design 1.0.0

package/dist/tabs/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MTabs } from './Tabs.vue';
+export { default as MTabPane } from './TabPane.vue';
+export type { MTabsProps, MTabPaneProps, TabsType, TabsSize, TabsColor } from './types';

package/dist/tabs/types.d.ts

@@ -0,0 +1,39 @@
+export type TabsType = 'line' | 'card';
+export type TabsSize = 'small' | 'default' | 'large';
+export type TabsColor = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+export interface MTabsProps {
+    /** 当前激活的 TabPane name（v-model） */
+    modelValue?: string | number;
+    /** 标签形态：line 下划线（MUI 风格）/ card 卡片（淡彩背景激活） */
+    type?: TabsType;
+    /** 主题色：决定激活文字、指示条、hover 底色与卡片激活背景（默认 primary） */
+    color?: TabsColor;
+    /** 尺寸：影响标签高度与字号 */
+    size?: TabsSize;
+    /** 是否禁用全部标签 */
+    disabled?: boolean;
+    /** 标签是否显示关闭按钮（受 TabPane 自身 closable 覆盖） */
+    closable?: boolean;
+    /** 是否在标签栏尾部显示「新增」按钮，点击触发 add 事件 */
+    addable?: boolean;
+}
+export interface MTabPaneProps {
+    /** 唯一标识；不传时按渲染顺序自动分配索引 */
+    name?: string | number;
+    /** 标签文本（纯文本）；需要富文本请用默认插槽内容配合自定义 label 槽位 */
+    label?: string;
+    /** 是否禁用该标签 */
+    disabled?: boolean;
+    /** 是否显示关闭按钮（未显式设置时继承 MTabs 的 closable） */
+    closable?: boolean;
+}
+export declare const MTabsPropsDefault: {
+    readonly type: "line";
+    readonly size: "default";
+    readonly disabled: false;
+    readonly closable: false;
+    readonly addable: false;
+};
+export declare const MTabPanePropsDefault: {
+    readonly disabled: false;
+};

package/dist/toast/MToast.vue.d.ts

@@ -0,0 +1,26 @@
+import { ToastType, MToastProps } from './types';
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<MToastProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<MToastProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    closable: boolean;
+    type: ToastType;
+    duration: number;
+    offset: number;
+    position: import('./types').ToastPosition;
+}, {}, {}, {}, 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/toast/ToastCard.vue.d.ts

@@ -0,0 +1,11 @@
+import { ToastItem } from './types';
+type __VLS_Props = {
+    item: ToastItem;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/toast/ToastContainer.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/toast/index.d.ts

@@ -0,0 +1,5 @@
+export { default as MToast } from './MToast.vue';
+export { default as toast } from './service';
+export { showToast } from './service';
+export { toastItems } from './state';
+export type { MToastProps, ToastItem, ToastOptions, ToastPosition, ToastType, } from './types';

package/dist/toast/service.d.ts

@@ -0,0 +1,15 @@
+import { removeToast, clearToasts } from './state';
+import { ToastOptions } from './types';
+export declare function showToast(message: string, options?: ToastOptions): void;
+export declare const toast: {
+    show: typeof showToast;
+    success: (message: string, options?: ToastOptions) => void;
+    error: (message: string, options?: ToastOptions) => void;
+    warning: (message: string, options?: ToastOptions) => void;
+    info: (message: string, options?: ToastOptions) => void;
+    /** 按 id 关闭单条 */
+    close: typeof removeToast;
+    /** 清空全部 */
+    clearAll: typeof clearToasts;
+};
+export default toast;

package/dist/toast/state.d.ts

@@ -0,0 +1,6 @@
+import { ToastItem } from './types';
+/** 编程式 Toast 的共享状态：由 ToastContainer 消费，service 通过 add / remove 增删 */
+export declare const toastItems: import('vue').Reactive<ToastItem[]>;
+export declare function addToast(item: Omit<ToastItem, 'id'>): number;
+export declare function removeToast(id: number): void;
+export declare function clearToasts(): void;

package/dist/toast/types.d.ts

@@ -0,0 +1,46 @@
+export type ToastType = 'default' | 'success' | 'error' | 'warning' | 'info';
+export type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+export interface ToastOptions {
+    type?: ToastType;
+    title?: string;
+    /** 自动关闭时长（ms），0 表示不自动关闭 */
+    duration?: number;
+    /** 显示关闭按钮 */
+    closable?: boolean;
+    position?: ToastPosition;
+    /** 距视口边缘间距（px） */
+    offset?: number;
+}
+/** 容器内单条 Toast 的数据结构 */
+export interface ToastItem {
+    id: number;
+    message: string;
+    title?: string;
+    type: ToastType;
+    duration: number;
+    closable: boolean;
+    position: ToastPosition;
+    offset: number;
+}
+export declare const TOAST_DEFAULT_DURATION = 3000;
+export declare const TOAST_DEFAULT_POSITION: ToastPosition;
+export interface MToastProps {
+    /** 是否显示（v-model） */
+    modelValue?: boolean;
+    /** 提示内容（也可用默认插槽） */
+    message?: string;
+    title?: string;
+    type?: ToastType;
+    /** 自动关闭时长（ms），0 表示不自动关闭 */
+    duration?: number;
+    closable?: boolean;
+    position?: ToastPosition;
+    offset?: number;
+}
+export declare const MToastPropsDefault: {
+    readonly type: "default";
+    readonly duration: 3000;
+    readonly closable: false;
+    readonly position: "top-right";
+    readonly offset: 16;
+};

package/dist/tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,32 @@
+import { TooltipPlacement, MTooltipProps } from './types';
+declare var __VLS_1: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    content?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<MTooltipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    "update:modelValue": (value: boolean) => any;
+    open: () => any;
+}, string, import('vue').PublicProps, Readonly<MTooltipProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    appendToBody: boolean;
+    trigger: import('./types').TooltipTrigger;
+    placement: TooltipPlacement;
+    openDelay: number;
+    closeDelay: number;
+    arrow: 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/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MTooltip } from './Tooltip.vue';
+export type { MTooltipProps, TooltipPlacement, TooltipSide, TooltipTrigger, } from './types';

package/dist/tooltip/types.d.ts

@@ -0,0 +1,30 @@
+export type TooltipSide = 'top' | 'bottom' | 'left' | 'right';
+export type TooltipPlacement = TooltipSide | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+export type TooltipTrigger = 'hover' | 'click' | 'focus';
+export interface MTooltipProps {
+    /** 提示内容（也可用 #content 插槽） */
+    content?: string;
+    /** 弹出方向，空间不足时自动翻转 / 夹紧 */
+    placement?: TooltipPlacement;
+    trigger?: TooltipTrigger;
+    disabled?: boolean;
+    /** 触发延迟（ms，仅 hover 生效） */
+    openDelay?: number;
+    /** 关闭延迟（ms，仅 hover 生效） */
+    closeDelay?: number;
+    /** 显示箭头 */
+    arrow?: boolean;
+    /** 受控显示（v-model） */
+    modelValue?: boolean;
+    /** 挂载到 body（默认开启，避免被父级 overflow 裁剪） */
+    appendToBody?: boolean;
+}
+export declare const MTooltipPropsDefault: {
+    readonly placement: "top";
+    readonly trigger: "hover";
+    readonly disabled: false;
+    readonly openDelay: 0;
+    readonly closeDelay: 0;
+    readonly arrow: true;
+    readonly appendToBody: true;
+};

package/dist/utils/scroll-lock.d.ts

@@ -0,0 +1,2 @@
+export declare function lockBodyScroll(): void;
+export declare function unlockBodyScroll(): void;

package/dist/utils/throttle.d.ts

@@ -0,0 +1,2 @@
+/** 节流：delay 毫秒内最多执行一次 */
+export declare function throttle<T extends (...args: any[]) => void>(fn: T, delay: number): (this: unknown, ...args: Parameters<T>) => void;

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "miao-design",
+  "version": "1.0.0",
+  "description": "Miao Design - 基于 Vue 3 的轻量级组件库",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/miao-design.umd.cjs",
+  "module": "./dist/miao-design.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/miao-design.js",
+      "require": "./dist/miao-design.umd.cjs"
+    },
+    "./style.css": "./dist/miao-design.css"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "ui",
+    "component",
+    "components",
+    "miao-design"
+  ],
+  "license": "MIT"
+}