morghulis 2.0.53 → 2.0.55

package/index.d.ts

@@ -1,8 +1,10 @@
-// 定义按钮类型
-export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
-export type ButtonSize = 'large' | 'default' | 'small';
+// 按钮类型
+export type ButtonType = "default" | "primary" | "success" | "warning" | "danger" | "info" | "text"
 
-// 按钮组件属性和事件
+// 按钮尺寸
+export type ButtonSize = "large" | "default" | "small"
+
+// 组件定义
 export type MButton = {
   // 属性
   type?: ButtonType

package/mbutton.d.ts

@@ -0,0 +1,27 @@
+// 直接声明类型，不使用任何模块语法
+// 这是最简单直接的方式，对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/package.json

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

package/src/global.d.ts

@@ -0,0 +1,38 @@
+// 使用全局 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

@@ -0,0 +1,37 @@
+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;
+    }
+  }
+} 

package/typings/components.d.ts

@@ -1,8 +0,0 @@
-// 全局组件类型定义
-import type { MButton as MButtonType } from '../index';
-
-declare module '@vue/runtime-core' {
-  export interface GlobalComponents {
-    MButton: MButtonType
-  }
-} 

package/typings/direct.d.ts

@@ -1,77 +0,0 @@
-// 直接声明每个组件的类型，不通过模块
-
-/**
- * 按钮组件
- * 
- * @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,95 +0,0 @@
-// 为JetBrains IDE提供的类型定义
-
-import type { MButton as MButtonType } from '../index';
-
-declare module '@vue/runtime-core' {
-  export interface GlobalComponents {
-    MButton: MButtonType
-  }
-}
-
-// 直接类型声明，可能更符合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
-    }
-  }
-}
-
-/**
- * 扩展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

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