morghulis 1.0.29 → 1.0.31

package/README.md

@@ -382,6 +382,12 @@ const handleClose = () => {
 
 ## 版本历史
 
+### 1.0.30
+- 优化了组件类型定义，修复IDE无法识别和自动补全组件属性的问题
+- 改进了类型导出机制，增强了组件与IDE的集成
+- 添加了对v-model属性的明确类型支持
+- 扩展了组件的方法类型定义，使API更加清晰
+
 ### 1.0.29
 - 增强了类型定义，补充了 MTable, MForm, DTable 组件的方法导出
 - 更新了 README.md，添加了详细的组件属性和方法说明

package/dist/index.d.ts

@@ -4,6 +4,24 @@ import type { ElDialog, ElButton, ElText, ElDivider, ElSpace } from 'element-plu
 // 导入Vue组件实例类型
 import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, EmitsOptions, Component } from 'vue';
 
+// 如果这些类型错误是由于TypeScript版本不匹配导致的，我们可以使用更灵活的导入方式
+declare namespace Vue {
+  interface App {}
+  interface Component {}
+  interface ComponentOptionsMixin {}
+  interface VNodeProps {}
+  interface AllowedComponentProps {}
+  interface ComponentCustomProps {}
+  interface EmitsOptions {}
+  interface DefineComponent<P = {}, S = {}, M = {}> {
+    new (): {
+      $props: P
+    }
+  }
+}
+
+type DefineComponent<P = {}> = Vue.DefineComponent<P>;
+
 // 基础类型定义
 export type UIFeedbackTypes = "success" | "info" | "warning" | "error";
 export type UITextTypes = "success" | "info" | "warning" | "danger" | 'primary';
@@ -186,6 +204,14 @@ export interface DCellProps {
   disabled?: boolean;
 }
 
+// 定义MFormProps接口
+export interface MFormProps {
+  item: DataItem;
+  view: MetaView;
+  db: DaoTypes;
+}
+
+// 定义DFormProps接口
 export interface DFormProps {
   selection: any[];
   view: MetaView;
@@ -208,134 +234,52 @@ export declare function createMorghulis(options?: MorOption): {
   install: (Vue: App) => void;
 };
 
-// 导出MDialog组件
-export declare const MDialog: DefineComponent<
-  MorDialogProps,
-  {},
-  {},
-  {},
-  {},
-  ComponentOptionsMixin,
-  ComponentOptionsMixin,
-  {
-    'update:modelValue': (value: boolean) => true;
-    'close': () => true;
-    'update:title': (value: string) => true;
-    'update:subTitle': (value: string) => true;
-  },
-  string,
-  VNodeProps & AllowedComponentProps & ComponentCustomProps,
-  Readonly<MorDialogProps> & {
-    onClose?: () => any;
-    'onUpdate:modelValue'?: (value: boolean) => any;
-    'onUpdate:title'?: (value: string) => any;
-    'onUpdate:subTitle'?: (value: string) => any;
-  },
-  {
-    title: string;
-    width: string | number;
-    fullscreen: boolean;
-    top: string;
-    modal: boolean;
-    modalClass: string;
-    headerClass: string;
-    bodyClass: string;
-    footerClass: string;
-    appendToBody: boolean;
-    appendTo: string;
-    lockScroll: boolean;
-    openDelay: number;
-    closeDelay: number;
-    closeOnClickModal: boolean;
-    closeOnPressEscape: boolean;
-    showClose: boolean;
-    draggable: boolean;
-    overFlow: boolean;
-    center: boolean;
-    alignCenter: boolean;
-    destroyOnClose: boolean;
-    closeIcon: string;
-    confirmButtonText: string;
-    cancelButtonText: string;
-  }
-> & {
+// 导出更详细的组件类型
+
+// 导出MDialog组件类型增强
+export declare interface MDialogInstance {
   open: (data?: any, config?: MorDialogConfig) => void;
   close: () => void;
-};
+}
 
-// 导出MCell组件
-export declare const MCell: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{}>, {}>;
-
-// 导出MTable组件
-export declare const MTable: DefineComponent<
-  MorghulisTableProps,
-  {},
-  {},
-  {},
-  {},
-  ComponentOptionsMixin,
-  ComponentOptionsMixin,
-  {
-    'selection-change': (selection: any[]) => true;
-    'sort': (column: any, prop: string, order: string) => true;
-  },
-  string,
-  VNodeProps & AllowedComponentProps & ComponentCustomProps,
-  Readonly<MorghulisTableProps> & {
-    'onSelection-change'?: (selection: any[]) => any;
-    'onSort'?: (column: any, prop: string, order: string) => any;
-  },
-  {}
-> & {
+// 添加v-model和事件支持
+export interface ModelDirectives {
+  'v-model'?: any;
+  'v-model:modelValue'?: any;
+  'v-model:title'?: string;
+  'v-model:subTitle'?: string;
+}
+
+// 更新MDialog类型
+export declare const MDialog: DefineComponent<MorDialogProps & {
+  'onUpdate:modelValue'?: (value: boolean) => any;
+  'onUpdate:title'?: (value: string) => any;
+  'onUpdate:subTitle'?: (value: string) => any;
+  'onClose'?: () => any;
+} & ModelDirectives> & MDialogInstance;
+
+// 导出MTable组件类型增强
+export declare interface MTableInstance {
   getSelection: () => any[];
   setSelection: (rows: any[]) => void;
   closePopover: () => void;
-};
-
-// 更新MForm接口，添加缺失的属性
-export interface MFormProps {
-  item: DataItem;
-  view: MetaView;
-  db: DaoTypes;
 }
 
-// 导出MForm组件
-export declare const MForm: DefineComponent<
-  MFormProps,
-  {},
-  {},
-  {},
-  {},
-  ComponentOptionsMixin,
-  ComponentOptionsMixin,
-  {},
-  string,
-  VNodeProps & AllowedComponentProps & ComponentCustomProps,
-  Readonly<MFormProps>,
-  {}
-> & {
+// 更新MTable类型
+export declare const MTable: DefineComponent<MorghulisTableProps & {
+  'onSelection-change'?: (selection: any[]) => any;
+  'onSort'?: (column: any, prop: string, order: string) => any;
+}> & MTableInstance;
+
+// 导出MForm组件类型增强
+export declare interface MFormInstance {
   getData: () => any;
   reset: (prop: string) => void;
-};
+}
+export declare const MForm: DefineComponent<MFormProps> & MFormInstance;
 
-// 导出数据表格相关组件
-export declare const DTable: DefineComponent<
-  DTableProps,
-  {},
-  {},
-  {},
-  {},
-  ComponentOptionsMixin,
-  ComponentOptionsMixin,
-  {},
-  string,
-  VNodeProps & AllowedComponentProps & ComponentCustomProps,
-  Readonly<DTableProps>,
-  {
-    size: number;
-    page: number;
-  }
-> & {
+// 导出DTable组件类型增强
+export declare interface DTableInstance {
   refresh: () => void;
   add: () => void;
   edit: (row: any) => void;
@@ -344,47 +288,27 @@ export declare const DTable: DefineComponent<
   handleCurrentPageChange: (page: number) => void;
   load: () => void;
   upload: (data: any[]) => void;
-};
+}
+export declare const DTable: DefineComponent<DTableProps> & DTableInstance;
 
-export declare const DCell: DefineComponent<
-  DCellProps,
-  {},
-  {},
-  {},
-  {},
-  ComponentOptionsMixin,
-  ComponentOptionsMixin,
-  {
-    cancel: (...args: any[]) => void;
-    save: (...args: any[]) => void;
-  },
-  string,
-  VNodeProps & AllowedComponentProps & ComponentCustomProps,
-  Readonly<DCellProps> & {
-    onCancel?: (...args: any[]) => any;
-    onSave?: (...args: any[]) => any;
-  },
-  {}
->;
-
-export declare const DForm: DefineComponent<
-  DFormProps,
-  {},
-  {},
-  {},
-  {},
-  ComponentOptionsMixin,
-  ComponentOptionsMixin,
-  {},
-  string,
-  VNodeProps & AllowedComponentProps & ComponentCustomProps,
-  Readonly<DFormProps>,
-  {}
-> & {
+// 导出DForm组件类型增强
+export declare interface DFormInstance {
   getData: () => any[];
-};
+}
+export declare const DForm: DefineComponent<DFormProps> & DFormInstance;
 
-export declare const DController: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{}>, {}>;
+// 导出DCell组件类型增强
+export declare interface DCellEvents {
+  onCancel: (...args: any[]) => any;
+  onSave: (...args: any[]) => any;
+}
+export declare const DCell: DefineComponent<DCellProps & DCellEvents>;
+
+// 导出MCell组件
+export declare const MCell: DefineComponent;
+
+// 导出DController组件
+export declare const DController: DefineComponent;
 
 // 声明useMorghulisAuthorize函数
 export declare function useMorghulisAuthorize(): MorghulisAuthorize;
@@ -426,5 +350,25 @@ declare module '@vue/runtime-core' {
     ElDivider: typeof ElDivider;
     ElSpace: typeof ElSpace;
     // 可以根据需要添加更多Element Plus组件
+    
+    // PascalCase 形式
+    MTable: typeof import('morghulis')['MTable']
+    MDialog: typeof import('morghulis')['MDialog']
+    MForm: typeof import('morghulis')['MForm']
+    DTable: typeof import('morghulis')['DTable']
+    DCell: typeof import('morghulis')['DCell']
+    DForm: typeof import('morghulis')['DForm']
+    DController: typeof import('morghulis')['DController']
+    MCell: typeof import('morghulis')['MCell']
+    
+    // kebab-case 形式
+    'm-table': typeof import('morghulis')['MTable']
+    'm-dialog': typeof import('morghulis')['MDialog']
+    'm-form': typeof import('morghulis')['MForm']
+    'd-table': typeof import('morghulis')['DTable']
+    'd-cell': typeof import('morghulis')['DCell']
+    'd-form': typeof import('morghulis')['DForm']
+    'd-controller': typeof import('morghulis')['DController']
+    'm-cell': typeof import('morghulis')['MCell']
   }
 } 

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from '../index'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "morghulis",
-  "version": "1.0.29",
+  "version": "1.0.31",
   "private": false,
   "description": "Vue 3组件库",
   "type": "module",
@@ -19,16 +19,28 @@
     "./dist/index.css": "./dist/index.css",
     "./dist/style.css": "./dist/index.css",
     "./style": "./dist/index.css",
-    "./dist/style": "./dist/index.css"
+    "./dist/style": "./dist/index.css",
+    "./types": {
+      "types": "./dist/types/index.d.ts"
+    },
+    "./components/*": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./global": {
+      "types": "./dist/global.d.ts"
+    }
   },
   "typesVersions": {
     "*": {
-      "*": ["dist/index.d.ts"]
+      "*": [
+        "dist/index.d.ts"
+      ]
     }
   },
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc --noEmit && vite build && cp index.d.ts dist/",
+    "build": "vue-tsc --noEmit && vite build && cp index.d.ts dist/ && mkdir -p dist/types && echo \"export * from '../index'\" > dist/types/index.d.ts",
     "preview": "vite preview",
     "type-check": "vue-tsc --build"
   },