morghulis 2.0.55 → 2.0.57

package/index.d.ts

@@ -1,27 +1,26 @@
 // 按钮类型
-export type ButtonType = "default" | "primary" | "success" | "warning" | "danger" | "info" | "text"
+export type MButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
 
 // 按钮尺寸
-export type ButtonSize = "large" | "default" | "small"
-
-// 组件定义
-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 type MButtonSize = 'large' | 'default' | 'small';
+
+// 按钮属性
+export interface MButtonProps {
+  type?: MButtonType;
+  size?: MButtonSize;
+  plain?: boolean;
+  round?: boolean;
+  circle?: boolean;
+  disabled?: boolean;
+  loading?: boolean;
+  icon?: string;
+  text?: string;
 }
 
-// 安装方法
+// 按钮组件
+export const MButton: any;
+
+// 安装函数
 export function install(app: any): void;
 
 // 默认导出

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "morghulis",
-  "version": "2.0.55",
+  "version": "2.0.57",
   "description": "一个Vue 3按钮组件库，支持TypeScript和IDE自动补全",
   "type": "module",
   "main": "dist/morghulis.es.js",
   "module": "dist/morghulis.es.js",
-  "types": "mbutton.d.ts",
+  "types": "pycharm.d.ts",
   "exports": {
     ".": {
       "types": [
-        "./mbutton.d.ts", 
-        "./src/global.d.ts",
-        "./src/shims-vue.d.ts"
+        "./pycharm.d.ts", 
+        "./vue-shim.d.ts",
+        "./index.d.ts"
       ],
       "import": "./dist/morghulis.es.js",
       "require": "./dist/morghulis.es.js"
@@ -21,9 +21,8 @@
   "files": [
     "dist",
     "index.d.ts",
-    "mbutton.d.ts",
-    "src/global.d.ts",
-    "src/shims-vue.d.ts"
+    "pycharm.d.ts",
+    "vue-shim.d.ts"
   ],
   "scripts": {
     "dev": "vite",

package/pycharm.d.ts

@@ -0,0 +1,70 @@
+/**
+ * PyCharm专用类型定义文件
+ * 这个文件的设计目的是专门适配PyCharm的类型识别系统
+ */
+
+// 定义按钮类型的字面量类型
+declare const DEFAULT: 'default';
+declare const PRIMARY: 'primary';
+declare const SUCCESS: 'success';
+declare const WARNING: 'warning';
+declare const DANGER: 'danger';
+declare const INFO: 'info';
+declare const TEXT: 'text';
+
+// 定义按钮尺寸的字面量类型
+declare const LARGE: 'large';
+declare const SMALL: 'small';
+
+// 定义全局MButton对象
+declare const MButton: {
+  /**
+   * 按钮类型
+   * 可选值: default, primary, success, warning, danger, info, text
+   */
+  type: typeof DEFAULT | typeof PRIMARY | typeof SUCCESS | typeof WARNING | typeof DANGER | typeof INFO | typeof TEXT;
+  
+  /**
+   * 按钮尺寸
+   * 可选值: large, default, small
+   */
+  size: typeof LARGE | 'default' | typeof SMALL;
+  
+  /**
+   * 是否为朴素按钮
+   */
+  plain: boolean;
+  
+  /**
+   * 是否为圆角按钮
+   */
+  round: boolean;
+  
+  /**
+   * 是否为圆形按钮
+   */
+  circle: boolean;
+  
+  /**
+   * 是否禁用按钮
+   */
+  disabled: boolean;
+  
+  /**
+   * 是否显示加载状态
+   */
+  loading: boolean;
+  
+  /**
+   * 按钮图标类名
+   */
+  icon: string;
+  
+  /**
+   * 按钮文本
+   */
+  text: string;
+};
+
+// 导出按钮组件
+export { MButton }; 

package/vue-shim.d.ts

@@ -0,0 +1,54 @@
+import { ComponentOptions } from 'vue'
+
+// Vue扩展
+declare module 'vue/types/options' {
+  interface ComponentOptions {
+    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;
+    }
+  }
+}
+
+// 组件声明
+declare module '@vue/runtime-core' {
+  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;
+    }
+  }
+}
+
+// 为Vue添加类型定义
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    $morghulis: {
+      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;
+      }
+    }
+  }
+} 

package/mbutton.d.ts

@@ -1,27 +0,0 @@
-// 直接声明类型，不使用任何模块语法
-// 这是最简单直接的方式，对IDE最友好
-
-/**
- * 按钮类型
- */
-type MButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
-
-/**
- * 按钮尺寸
- */
-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;
-}; 

package/src/global.d.ts

@@ -1,38 +0,0 @@
-// 使用全局 HTML 元素扩展方式声明组件
-// 这种方式对 PyCharm 更友好
-
-interface HTMLElementTagNameMap {
-  '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;
-  }
-}
-
-// JSX/TSX 支持
-declare namespace JSX {
-  interface IntrinsicElements {
-    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/src/shims-vue.d.ts

@@ -1,37 +0,0 @@
-declare module '*.vue' {
-  import { ComponentOptions } from 'vue';
-  const component: ComponentOptions;
-  export default component;
-}
-
-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;
-    }
-  }
-}
-
-declare module '@vue/runtime-core' {
-  interface ComponentCustomProperties {
-    $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;
-    }
-  }
-}