morghulis 2.0.49 → 2.0.52

package/index.d.ts

@@ -1,22 +1,22 @@
-import type { DefineComponent, PropType } from 'vue';
+import { App, DefineComponent, ComponentOptions } from 'vue';
 
-// 按钮类型
+// 定义常量类型
 export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
-
-// 按钮尺寸
 export type ButtonSize = 'large' | 'default' | 'small';
 
-// 按钮属性类型
+// 定义按钮组件属性接口
 export interface MButtonProps {
   /**
    * 按钮类型
-   * @default 'default'
+   * @values default, primary, success, warning, danger, info, text
+   * @default default
    */
   type?: ButtonType;
   
   /**
    * 按钮尺寸
-   * @default 'default'
+   * @values large, default, small
+   * @default default
    */
   size?: ButtonSize;
   
@@ -61,23 +61,35 @@ export interface MButtonProps {
   text?: string;
 }
 
-// 按钮组件
-export declare const MButton: DefineComponent<MButtonProps>;
+// 导出组件
+export const MButton: DefineComponent<MButtonProps, {}, {}, {}, {
+  click: (event: MouseEvent) => void
+}>;
 
-// 安装函数
-export declare function install(app: any): void;
+// 导出插件方法
+export function install(app: App): void;
 
 // 默认导出
 declare const _default: {
   install: typeof install;
   MButton: typeof MButton;
 };
-
 export default _default;
 
-// 自定义Vue类型扩展
-declare module 'vue' {
-  interface GlobalComponents {
+// 扩展 @vue/runtime-core 以支持全局组件类型
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
     MButton: typeof MButton;
   }
+}
+
+// 支持JSX
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      'MButton': MButtonProps & { 
+        onClick?: (event: MouseEvent) => void 
+      };
+    }
+  }
 } 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "morghulis",
-  "version": "2.0.49",
+  "version": "2.0.52",
   "description": "一个Vue 3按钮组件库，支持TypeScript和IDE自动补全",
   "type": "module",
   "main": "dist/morghulis.es.js",
@@ -10,9 +10,9 @@
     ".": {
       "types": [
         "./index.d.ts",
-        "./global.d.ts",
-        "./volar.d.ts",
-        "./components.d.ts"
+        "./typings/components.d.ts",
+        "./typings/volar.d.ts",
+        "./typings/jetbrains.d.ts"
       ],
       "import": "./dist/morghulis.es.js",
       "require": "./dist/morghulis.es.js"
@@ -22,13 +22,11 @@
   "files": [
     "dist",
     "index.d.ts",
-    "global.d.ts",
-    "volar.d.ts",
-    "components.d.ts"
+    "typings"
   ],
   "scripts": {
     "dev": "vite",
-    "build": "run-p type-check build-only generate-types",
+    "build": "npm run build-only",
     "preview": "vite preview",
     "build-only": "vite build",
     "type-check": "vue-tsc --build",
@@ -51,6 +49,7 @@
   "devDependencies": {
     "@tsconfig/node22": "^22.0.1",
     "@types/node": "^22.14.0",
+    "@types/vue": "^1.0.31",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vitejs/plugin-vue-jsx": "^4.1.2",
     "@vue/tsconfig": "^0.7.0",

package/typings/components.d.ts

@@ -0,0 +1,66 @@
+// 为全局组件提供自动补全
+declare module 'vue' {
+  export interface GlobalComponents {
+    MButton: {
+      /**
+       * 按钮类型
+       * @default 'default'
+       * @values default, primary, success, warning, danger, info, text
+       */
+      type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text'
+      
+      /**
+       * 按钮尺寸
+       * @default 'default'
+       * @values large, default, small
+       */
+      size?: 'large' | 'default' | 'small'
+      
+      /**
+       * 是否为朴素按钮
+       * @default false
+       */
+      plain?: boolean
+      
+      /**
+       * 是否为圆角按钮
+       * @default false
+       */
+      round?: boolean
+      
+      /**
+       * 是否为圆形按钮
+       * @default false
+       */
+      circle?: boolean
+      
+      /**
+       * 是否禁用按钮
+       * @default false
+       */
+      disabled?: boolean
+      
+      /**
+       * 是否显示加载状态
+       * @default false
+       */
+      loading?: boolean
+      
+      /**
+       * 按钮图标类名
+       */
+      icon?: string
+      
+      /**
+       * 按钮文本
+       */
+      text?: string
+      
+      /**
+       * 点击事件
+       * @param event 鼠标事件
+       */
+      onClick?: (event: MouseEvent) => void
+    }
+  }
+} 

package/typings/jetbrains.d.ts

@@ -0,0 +1,134 @@
+// JetBrains IDE (PyCharm/WebStorm)专用类型声明
+
+declare module 'morghulis' {
+  import { DefineComponent } from 'vue';
+  
+  export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
+  export type ButtonSize = 'large' | 'default' | 'small';
+  
+  export interface MButtonProps {
+    /**
+     * 按钮类型
+     * @values default, primary, success, warning, danger, info, text
+     * @default default
+     */
+    type?: ButtonType;
+    
+    /**
+     * 按钮尺寸
+     * @values large, default, small
+     * @default default
+     */
+    size?: ButtonSize;
+    
+    /**
+     * 是否为朴素按钮
+     * @default false
+     */
+    plain?: boolean;
+    
+    /**
+     * 是否为圆角按钮
+     * @default false
+     */
+    round?: boolean;
+    
+    /**
+     * 是否为圆形按钮
+     * @default false
+     */
+    circle?: boolean;
+    
+    /**
+     * 是否禁用按钮
+     * @default false
+     */
+    disabled?: boolean;
+    
+    /**
+     * 是否显示加载状态
+     * @default false
+     */
+    loading?: boolean;
+    
+    /**
+     * 按钮图标类名
+     */
+    icon?: string;
+    
+    /**
+     * 按钮文本
+     */
+    text?: string;
+  }
+
+  export const MButton: DefineComponent<MButtonProps>;
+}
+
+/**
+ * 扩展Vue JSX类型
+ */
+declare namespace JSX {
+  interface IntrinsicElements {
+    MButton: {
+      /**
+       * 按钮类型
+       * @values default, primary, success, warning, danger, info, text
+       * @default default
+       */
+      type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
+      
+      /**
+       * 按钮尺寸
+       * @values large, default, small
+       * @default default
+       */
+      size?: 'large' | 'default' | 'small';
+      
+      /**
+       * 是否为朴素按钮
+       * @default false
+       */
+      plain?: boolean;
+      
+      /**
+       * 是否为圆角按钮
+       * @default false
+       */
+      round?: boolean;
+      
+      /**
+       * 是否为圆形按钮
+       * @default false
+       */
+      circle?: boolean;
+      
+      /**
+       * 是否禁用按钮
+       * @default false
+       */
+      disabled?: boolean;
+      
+      /**
+       * 是否显示加载状态
+       * @default false
+       */
+      loading?: boolean;
+      
+      /**
+       * 按钮图标类名
+       */
+      icon?: string;
+      
+      /**
+       * 按钮文本
+       */
+      text?: string;
+      
+      /**
+       * 点击事件
+       */
+      onClick?: (event: MouseEvent) => void;
+    }
+  }
+} 

package/typings/volar.d.ts

@@ -0,0 +1,12 @@
+// Volar专用类型定义 - 用于TypeScript服务器识别
+
+import type { ButtonType, ButtonSize, MButtonProps } from '../index';
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    /**
+     * 按钮组件
+     */
+    MButton: MButtonProps
+  }
+} 

package/components.d.ts

@@ -1,15 +0,0 @@
-// 自动生成的组件声明文件
-declare module '@vue/runtime-core' {
-  export interface GlobalComponents {
-    MButton: {
-      type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text'
-      size?: 'large' | 'default' | 'small'
-      plain?: boolean
-      round?: boolean
-      circle?: boolean
-      disabled?: boolean
-      loading?: boolean
-      icon?: string
-    }
-  }
-} 

package/global.d.ts

@@ -1,107 +0,0 @@
-import { DefineComponent } from 'vue'
-
-declare module 'morghulis' {
-  export interface MButtonProps {
-    /**
-     * 按钮类型
-     * @default 'default'
-     */
-    type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text'
-    
-    /**
-     * 按钮尺寸
-     * @default 'default'
-     */
-    size?: 'large' | 'default' | 'small'
-    
-    /**
-     * 是否为朴素按钮
-     * @default false
-     */
-    plain?: boolean
-    
-    /**
-     * 是否为圆角按钮
-     * @default false
-     */
-    round?: boolean
-    
-    /**
-     * 是否为圆形按钮
-     * @default false
-     */
-    circle?: boolean
-    
-    /**
-     * 是否禁用按钮
-     * @default false
-     */
-    disabled?: boolean
-    
-    /**
-     * 是否显示加载状态
-     * @default false
-     */
-    loading?: boolean
-    
-    /**
-     * 按钮图标类名
-     */
-    icon?: string
-  }
-
-  export const MButton: DefineComponent<MButtonProps>
-}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    MButton: DefineComponent<{
-      /**
-       * 按钮类型
-       * @default 'default'
-       */
-      type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text'
-      
-      /**
-       * 按钮尺寸
-       * @default 'default'
-       */
-      size?: 'large' | 'default' | 'small'
-      
-      /**
-       * 是否为朴素按钮
-       * @default false
-       */
-      plain?: boolean
-      
-      /**
-       * 是否为圆角按钮
-       * @default false
-       */
-      round?: boolean
-      
-      /**
-       * 是否为圆形按钮
-       * @default false
-       */
-      circle?: boolean
-      
-      /**
-       * 是否禁用按钮
-       * @default false
-       */
-      disabled?: boolean
-      
-      /**
-       * 是否显示加载状态
-       * @default false
-       */
-      loading?: boolean
-      
-      /**
-       * 按钮图标类名
-       */
-      icon?: string
-    }>
-  }
-} 

package/volar.d.ts

@@ -1,14 +0,0 @@
-declare module 'vue' {
-  export interface GlobalComponents {
-    MButton: {
-      type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text'
-      size?: 'large' | 'default' | 'small'
-      plain?: boolean
-      round?: boolean
-      circle?: boolean
-      disabled?: boolean
-      loading?: boolean
-      icon?: string
-    }
-  }
-}