morghulis 2.0.51 → 2.0.53

package/index.d.ts

@@ -1,85 +1,57 @@
-import type { 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 type MButton = {
+  // 属性
+  type?: ButtonType
+  size?: ButtonSize
+  plain?: boolean
+  round?: boolean
+  circle?: boolean
+  disabled?: boolean
+  loading?: boolean
+  icon?: string
+  text?: string
+  
+  // 事件
+  onClick?: (event: MouseEvent) => void
 }
 
-// 按钮组件
-export declare const MButton: DefineComponent<MButtonProps>;
-
-// 安装函数
-export declare function install(app: any): void;
+// 安装方法
+export function install(app: any): void;
 
 // 默认导出
-declare const _default: {
-  install: typeof install;
-  MButton: typeof MButton;
+export default {
+  MButton,
+  install
 };
 
-export default _default;
+// 全局组件声明
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    MButton: MButton
+  }
+}
+
+// 直接声明方式
+declare module 'morghulis' {
+  export const MButton: MButton
+}
+
+// 直接扩展Vue
+declare module 'vue/types/vue' {
+  interface Vue {
+    $MButton: typeof MButton
+  }
+}
 
-// 自定义Vue类型扩展
-declare module 'vue' {
-  interface GlobalComponents {
-    MButton: typeof MButton;
+// JSX支持
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      'MButton': MButton
+    }
   }
 } 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "morghulis",
-  "version": "2.0.51",
+  "version": "2.0.53",
   "description": "一个Vue 3按钮组件库，支持TypeScript和IDE自动补全",
   "type": "module",
   "main": "dist/morghulis.es.js",
@@ -12,7 +12,8 @@
         "./index.d.ts",
         "./typings/components.d.ts",
         "./typings/volar.d.ts",
-        "./typings/jetbrains.d.ts"
+        "./typings/jetbrains.d.ts",
+        "./typings/direct.d.ts"
       ],
       "import": "./dist/morghulis.es.js",
       "require": "./dist/morghulis.es.js"

package/typings/components.d.ts

@@ -1,66 +1,8 @@
-// 为全局组件提供自动补全
-declare module 'vue' {
+// 全局组件类型定义
+import type { MButton as MButtonType } from '../index';
+
+declare module '@vue/runtime-core' {
   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
-    }
+    MButton: MButtonType
   }
 } 

package/typings/direct.d.ts

@@ -0,0 +1,77 @@
+// 直接声明每个组件的类型，不通过模块
+
+/**
+ * 按钮组件
+ * 
+ * @component MButton
+ * @example
+ * <MButton type="primary" size="large" plain round>按钮文本</MButton>
+ */
+interface MButton {
+  /**
+   * 按钮类型
+   * @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;
+  
+  /**
+   * 按钮文本
+   */
+  text?: string;
+  
+  /**
+   * 点击事件
+   */
+  onClick?: (event: MouseEvent) => void;
+}
+
+// 将类型加入全局命名空间
+declare global {
+  interface HTMLElementTagNameMap {
+    'MButton': MButton;
+  }
+}
+
+// 导出类型以便在其他地方使用
+export { MButton }; 

package/typings/jetbrains.d.ts

@@ -1,68 +1,29 @@
-// JetBrains IDE (PyCharm/WebStorm)专用类型声明
+// 为JetBrains IDE提供的类型定义
 
-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;
+import type { MButton as MButtonType } from '../index';
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    MButton: MButtonType
   }
+}
 
-  export const MButton: DefineComponent<MButtonProps>;
+// 直接类型声明，可能更符合PyCharm的识别方式
+declare module 'vue' {
+  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,
+      text?: string,
+      onClick?: (event: MouseEvent) => void
+    }
+  }
 }
 
 /**

package/typings/volar.d.ts

@@ -1,73 +1,12 @@
-// Volar 专用类型声明
-// https://github.com/johnsoncodehk/volar/tree/master/extensions/vscode-vue-language-features
+// Volar专用类型定义 - 用于TypeScript服务器识别
+
+import type { MButton } from '../index';
 
 declare module 'vue' {
   export interface GlobalComponents {
     /**
      * 按钮组件
      */
-    MButton: {
-      $props: {
-        /**
-         * 按钮类型
-         * @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
-        
-        /**
-         * 按钮文本
-         */
-        text?: string
-      }
-      
-      $slots: {
-        default: () => any
-      }
-      
-      $emit: {
-        click: (event: MouseEvent) => void
-      }
-    }
+    MButton: MButton
   }
 }