morghulis 2.0.55 → 2.0.56

package/mbutton.d.ts

@@ -1,27 +1,50 @@
 // 直接声明类型，不使用任何模块语法
 // 这是最简单直接的方式，对IDE最友好
 
-/**
- * 按钮类型
- */
-type MButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
+declare namespace MorgulisButton {
+  /**
+   * 按钮类型
+   */
+  export type MButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
 
-/**
- * 按钮尺寸
- */
-type MButtonSize = 'large' | 'default' | 'small';
+  /**
+   * 按钮尺寸
+   */
+  export type MButtonSize = 'large' | 'default' | 'small';
 
-/**
- * 按钮组件
- */
-type MButton = {
-  type?: MButtonType;
-  size?: MButtonSize;
-  plain?: boolean;
-  round?: boolean;
-  circle?: boolean;
-  disabled?: boolean;
-  loading?: boolean;
-  icon?: string;
-  text?: string;
-}; 
+  /**
+   * 按钮组件
+   */
+  export interface MButtonProps {
+    type?: MButtonType;
+    size?: MButtonSize;
+    plain?: boolean;
+    round?: boolean;
+    circle?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    icon?: string;
+    text?: string;
+  }
+}
+
+declare module 'morghulis' {
+  import { App, Component } from 'vue';
+  
+  // 导出类型
+  export type MButtonType = MorgulisButton.MButtonType;
+  export type MButtonSize = MorgulisButton.MButtonSize;
+  export type MButtonProps = MorgulisButton.MButtonProps;
+
+  // 导出组件
+  export const MButton: Component<MButtonProps>;
+  
+  // 安装函数
+  export function install(app: App): void;
+  
+  // 默认导出
+  export default {
+    MButton,
+    install
+  };
+} 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "morghulis",
-  "version": "2.0.55",
+  "version": "2.0.56",
   "description": "一个Vue 3按钮组件库，支持TypeScript和IDE自动补全",
   "type": "module",
   "main": "dist/morghulis.es.js",

package/src/global.d.ts

@@ -1,11 +1,32 @@
-// 使用全局 HTML 元素扩展方式声明组件
-// 这种方式对 PyCharm 更友好
+// 使用声明合并 (Declaration Merging) 技术提供全局类型
 
+// 从morghulis模块导入类型
+import { MButtonType, MButtonSize } from 'morghulis';
+
+// Vue全局组件
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    MButton: {
+      // 属性
+      type?: MButtonType;
+      size?: MButtonSize;
+      plain?: boolean;
+      round?: boolean;
+      circle?: boolean;
+      disabled?: boolean;
+      loading?: boolean;
+      icon?: string;
+      text?: string;
+    }
+  }
+}
+
+// HTML元素映射扩展
 interface HTMLElementTagNameMap {
   'MButton': {
     // 属性
-    type: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
-    size: 'large' | 'default' | 'small';
+    type: MButtonType;
+    size: MButtonSize;
     plain: boolean;
     round: boolean;
     circle: boolean;
@@ -13,9 +34,6 @@ interface HTMLElementTagNameMap {
     loading: boolean;
     icon: string;
     text: string;
-    
-    // 事件
-    onclick: (event: MouseEvent) => void;
   }
 }
 
@@ -23,8 +41,8 @@ interface HTMLElementTagNameMap {
 declare namespace JSX {
   interface IntrinsicElements {
     MButton: {
-      type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
-      size?: 'large' | 'default' | 'small';
+      type?: MButtonType;
+      size?: MButtonSize;
       plain?: boolean;
       round?: boolean;
       circle?: boolean;

package/src/shims-vue.d.ts

@@ -1,14 +1,16 @@
 declare module '*.vue' {
-  import { ComponentOptions } from 'vue';
-  const component: ComponentOptions;
+  import { Component } from 'vue';
+  const component: Component;
   export default component;
 }
 
+import { MButtonType, MButtonSize } from 'morghulis';
+
 declare module 'vue' {
   interface GlobalComponents {
     MButton: {
-      type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
-      size?: 'large' | 'default' | 'small';
+      type?: MButtonType;
+      size?: MButtonSize;
       plain?: boolean;
       round?: boolean;
       circle?: boolean;
@@ -23,8 +25,8 @@ declare module 'vue' {
 declare module '@vue/runtime-core' {
   interface ComponentCustomProperties {
     $MButton: {
-      type: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
-      size: 'large' | 'default' | 'small';
+      type: MButtonType;
+      size: MButtonSize;
       plain: boolean;
       round: boolean;
       circle: boolean;