morghulis 1.0.27 → 1.0.29

package/README.md

@@ -15,6 +15,7 @@ npm install morghulis
 ```typescript
 import { createApp } from 'vue'
 import { createMorghulis } from 'morghulis'
+import 'morghulis/dist/index.css'
 import App from './App.vue'
 
 const app = createApp(App)
@@ -31,18 +32,37 @@ app.use(createMorghulis({
 app.mount('#app')
 ```
 
+### 样式导入
+
+你可以通过以下任意方式导入样式:
+
+```typescript
+// 推荐方式
+import 'morghulis/dist/index.css'
+
+// 或使用以下方式之一
+import 'morghulis/style'
+import 'morghulis/dist/style'
+import 'morghulis/dist/style.css'
+```
+
 ### 单独使用组件
 
 ```typescript
-import { MTable, MDialog, MForm, DTable } from 'morghulis'
+import { MDialog, MTable, MForm, DTable, DCell, DForm, DController, MCell } from 'morghulis'
+import 'morghulis/dist/index.css'
 
 // 在组件中使用
 export default {
   components: {
-    MTable,
     MDialog,
+    MTable,
     MForm,
-    DTable
+    DTable,
+    DCell,
+    DForm,
+    DController,
+    MCell
   }
 }
 ```
@@ -50,36 +70,334 @@ export default {
 ### 使用工具函数
 
 ```typescript
-import { useMorghulisRequest, useMorghulisCookies } from 'morghulis'
+import { useMorghulisAuthorize, useMorghulisRequest, useMorghulisCookies } from 'morghulis'
 
 // 在组件中使用
 setup() {
   const { get, post } = useMorghulisRequest()
   const { get: getCookie, set: setCookie } = useMorghulisCookies()
+  const { login, logout, check, bearer } = useMorghulisAuthorize()
   
   // 使用这些函数...
 }
 ```
 
-## 组件
+## 组件详解
 
-- `MTable`: 表格组件
-- `MDialog`: 对话框组件
-- `MForm`: 表单组件
-- `DTable`: 数据表格组件
+### MDialog 对话框组件
 
-## 工具函数
+对话框组件，用于创建自定义对话框。
+
+#### 属性
+
+```typescript
+import { MDialog } from 'morghulis'
+import type { MorDialogProps, MorDialogConfig } from 'morghulis'
+
+// 在模板中使用
+<MDialog
+  v-model="dialogVisible"  // 控制对话框显示/隐藏
+  title="标题"            // 对话框标题
+  subTitle="副标题"       // 对话框副标题
+  :width="600"           // 宽度，支持数字或字符串
+  :fullscreen="false"    // 是否全屏
+  :modal="true"          // 是否显示遮罩层
+  :modalClass="'custom-modal'"  // 遮罩层自定义类名
+  :headerClass="'custom-header'" // 头部自定义类名
+  :bodyClass="'custom-body'"    // 内容区自定义类名
+  :footerClass="'custom-footer'" // 底部自定义类名
+  :appendToBody="true"   // 是否将对话框插入至body元素
+  :lockScroll="true"     // 是否在显示对话框时将body滚动锁定
+  :closeOnClickModal="false" // 是否可通过点击遮罩层关闭对话框
+  :closeOnPressEscape="false" // 是否可通过按ESC键关闭对话框
+  :showClose="true"      // 是否显示关闭按钮
+  :draggable="true"      // 是否可拖拽
+  :center="false"        // 是否居中布局
+  :destroyOnClose="true" // 关闭时销毁其中的元素
+  :confirmButtonText="'确认'" // 确认按钮文字
+  :cancelButtonText="'取消'" // 取消按钮文字
+  :confirm="handleConfirm" // 确认回调，接收(data, done)参数
+  :cancel="handleCancel"   // 取消回调，接收(data, done)参数
+  @close="handleClose"
+  @update:modelValue="(val) => dialogVisible = val"
+  @update:title="(val) => title = val"
+  @update:subTitle="(val) => subTitle = val"
+/>
+```
+
+#### 方法
+
+```typescript
+// 在组件中使用方法
+const dialog = ref()
+
+// 打开对话框，可传入数据和配置
+dialog.value.open(
+  { id: 1, name: '张三' }, // 传递给对话框的数据
+  { title: '用户详情', subTitle: '编辑用户信息' } // 可选配置
+)
+
+// 关闭对话框
+dialog.value.close()
+```
+
+### MTable 表格组件
+
+通用数据表格组件，支持自定义列和操作按钮。
+
+#### 属性
+
+```typescript
+import { MTable } from 'morghulis'
+import type { MorghulisTableProps, MTableButton, MTableColumn } from 'morghulis'
+
+<MTable
+  :data="tableData"               // 表格数据
+  :view="metaView"                // 元数据视图，定义表格结构
+  :loading="isLoading"            // 加载状态
+  :buttons="tableButtons"         // 操作按钮配置
+  :columns="tableColumns"         // 自定义列配置
+  :sortableCallback="handleSort"  // 排序回调
+  
+  // 以下是基础表格属性
+  :border="true"                  // 是否带有边框
+  :stripe="true"                  // 是否为斑马纹表格
+  :highlightCurrentRow="true"     // 是否高亮当前行
+  :row-key="'id'"                 // 行数据的唯一标识
+  :headerCellClassName="'custom-header'" // 表头单元格类名
+  
+  @selection-change="handleSelectionChange" // 选择项变化事件
+  @sort="handleColumnSort"        // 排序事件
+>
+  <!-- 自定义插槽 -->
+  <template #header>
+    <!-- 自定义表格头部内容 -->
+  </template>
+  
+  <template #header-tool>
+    <!-- 自定义表格头部工具区 -->
+  </template>
+  
+  <template #cell="{ field, row, prop }">
+    <!-- 自定义单元格内容 -->
+  </template>
+  
+  <template #footer>
+    <!-- 自定义表格底部内容 -->
+  </template>
+  
+  <template #footer-tool>
+    <!-- 自定义表格底部工具区 -->
+  </template>
+</MTable>
+```
+
+#### 方法
+
+```typescript
+// 引用表格组件
+const table = ref()
+
+// 获取当前选中的行
+const selectedRows = table.value.getSelection()
+
+// 设置选中的行
+table.value.setSelection(rows)
+
+// 关闭弹出框
+table.value.closePopover()
+```
 
-- `useMorghulisAuthorize`: 授权相关函数
-- `useMorghulisChannel`: 通道相关函数
-- `useMorghulisSockets`: Socket相关函数
-- `useMorghulisRequest`: 请求相关函数
-- `useMorghulisCookies`: Cookie相关函数
+### MForm 表单组件
 
-## 类型
+表单组件，支持自动生成表单字段和字段验证。
 
-所有类型都已导出，可以直接导入使用：
+#### 属性
 
 ```typescript
-import { MorghulisOptions, UIFeedbackTypes } from 'morghulis'
+import { MForm } from 'morghulis'
+import type { MFormProps } from 'morghulis'
+
+<MForm
+  :item="formData"     // 表单数据
+  :view="metaView"     // 元数据视图，定义表单结构
+  :db="databaseObject" // 数据库对象，用于CRUD操作
+/>
+```
+
+#### 方法
+
+```typescript
+// 引用表单组件
+const form = ref()
+
+// 获取表单数据
+const formData = form.value.getData()
+
+// 重置特定字段
+form.value.reset('fieldName')
+```
+
+### DTable 数据表格组件
+
+基于MTable的数据表格组件，提供完整的CRUD功能。
+
+#### 属性
+
+```typescript
+import { DTable } from 'morghulis'
+import type { DTableProps } from 'morghulis'
+
+<DTable
+  :db="databaseObject"     // 数据库对象，用于CRUD操作
+  :entity="'users'"        // 实体名称，对应后端接口
+  :code="'user'"           // 代码标识，用于元数据
+  :size="10"               // 每页数量
+  :page="1"                // 当前页码
+  :includes="includeFields" // 包含的字段
+  :excludes="excludeFields" // 排除的字段
+  :orders="orderConfig"    // 排序配置
+  :buttons="actionButtons" // 操作按钮
+  :columns="customColumns" // 自定义列
+  :auth="requireAuth"      // 是否需要授权
+>
+  <!-- 自定义插槽 -->
+  <template #header>
+    <!-- 自定义头部 -->
+  </template>
+  
+  <template #cell="{ field, row, prop }">
+    <!-- 自定义单元格 -->
+  </template>
+</DTable>
+```
+
+#### 方法
+
+```typescript
+// 引用数据表格组件
+const dataTable = ref()
+
+// 刷新表格数据
+dataTable.value.refresh()
+
+// 添加新记录
+dataTable.value.add()
+
+// 编辑某条记录
+dataTable.value.edit(row)
+
+// 删除某条记录
+dataTable.value.remove(row)
+
+// 加载数据
+dataTable.value.load()
+
+// 上传数据
+dataTable.value.upload(dataArray)
+
+// 修改每页显示数量
+dataTable.value.handlePageSizeChange(20)
+
+// 修改当前页码
+dataTable.value.handleCurrentPageChange(2)
+```
+
+### DForm 数据表单组件
+
+用于数据操作的表单组件。
+
+#### 属性
+
+```typescript
+import { DForm } from 'morghulis'
+import type { DFormProps } from 'morghulis'
+
+<DForm
+  :selection="selectedRows" // 选中的数据行
+  :view="metaView"         // 元数据视图
+  :db="databaseObject"     // 数据库对象
+  :bean="formData"         // 表单数据
+/>
+```
+
+#### 方法
+
+```typescript
+// 引用数据表单
+const dataForm = ref()
+
+// 获取表单数据
+const formData = dataForm.value.getData()
+```
+
+### DCell 数据单元格组件
+
+用于表格中单个数据单元格的编辑。
+
+#### 属性
+
+```typescript
+import { DCell } from 'morghulis'
+import type { DCellProps } from 'morghulis'
+
+<DCell
+  :view="metaView"         // 元数据视图
+  :prop="fieldName"        // 字段名称
+  :bean="rowData"          // 行数据
+  :db="databaseObject"     // 数据库对象
+  :disabled="false"        // 是否禁用
+  @cancel="handleCancel"   // 取消事件
+  @save="handleSave"       // 保存事件
+/>
+```
+
+## 全局类型支持
+
+组件库提供全局类型支持，导入后可以在模板中直接使用组件名称，TypeScript 会自动提供类型检查和属性提示：
+
+```vue
+<template>
+  <MDialog
+    v-model="dialogVisible"
+    title="标题"
+    @close="handleClose"
+  />
+  
+  <!-- Element Plus 组件也有类型提示 -->
+  <ElButton type="primary">按钮</ElButton>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+// 无需导入组件，但需要导入库
+import 'morghulis'
+
+const dialogVisible = ref(false)
+const handleClose = () => {
+  dialogVisible.value = false
+}
+</script>
+```
+
+## 版本历史
+
+### 1.0.29
+- 增强了类型定义，补充了 MTable, MForm, DTable 组件的方法导出
+- 更新了 README.md，添加了详细的组件属性和方法说明
+
+### 1.0.28
+- 修复了类型声明冲突问题
+- 添加了完整的组件类型定义
+- 增加了全局类型支持，现在可以在模板中获得完整的属性提示
+- 解决了CSS导入问题，支持多种导入路径
+
+### 1.0.27
+- 修改了类型定义，避免与 Vue 内置类型冲突
+- 优化了组件属性和事件定义
+
+## 工具函数
+
+### 授权功能
+
 ```

package/dist/index.d.ts

@@ -2,7 +2,12 @@ import type { App } from 'vue';
 import type { ElDialog, ElButton, ElText, ElDivider, ElSpace } from 'element-plus';
 
 // 导入Vue组件实例类型
-import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, EmitsOptions } from 'vue';
+import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, EmitsOptions, Component } from 'vue';
+
+// 基础类型定义
+export type UIFeedbackTypes = "success" | "info" | "warning" | "error";
+export type UITextTypes = "success" | "info" | "warning" | "danger" | 'primary';
+export type UISizeTypes = 'default' | 'small' | 'large' | "";
 
 // 直接在类型定义文件中定义MorDialogProps，避免相对路径引用
 export interface MorDialogProps {
@@ -54,6 +59,140 @@ export interface MorOption {
   [key: string]: any
 }
 
+// 定义表格相关类型
+export interface DataItem {
+  [key: string]: any;
+}
+
+export type Orders = Array<{
+  column: string;
+  asc?: boolean;
+}>;
+
+export interface DaoTypes {
+  add: (entity: string, bean: DataItem) => Promise<any>;
+  update: (entity: string, bean: DataItem) => Promise<any>;
+  delete: (entity: string, id: string | number) => Promise<any>;
+  get: (entity: string, id: string | number, options?: any) => Promise<any>;
+  list: (entity: string, options?: any) => Promise<any>;
+  page: (entity: string, page: number, size: number, options?: any) => Promise<any>;
+}
+
+export interface MetaField {
+  code: string;
+  name: string;
+  type: string;
+  options?: any[];
+  required?: boolean;
+  readonly?: boolean;
+  hidden?: boolean;
+  [key: string]: any;
+}
+
+export interface MetaView {
+  code: string;
+  name: string;
+  fields: MetaField[];
+  [key: string]: any;
+}
+
+export type SortableCallbackFn = (newIndex: number, oldIndex: number) => void;
+
+export type MTableButton = {
+  size?: UISizeTypes;
+  handler?: (row: any, event?: Event) => void;
+  title?: string | Function;
+  type?: UITextTypes | Function;
+  link?: boolean | Function;
+  plain?: boolean | Function;
+  text?: boolean | Function;
+  round?: boolean | Function;
+  circle?: boolean | Function;
+  disabled?: boolean | Function;
+  dark?: boolean | Function;
+  color?: string | Function;
+  tag?: string | Function;
+};
+
+export type MTableColumn = {
+  label: string;
+  component: Component;
+  width?: string | number;
+};
+
+export interface TableProps {
+  data?: any[];
+  height?: string | number;
+  maxHeight?: string | number;
+  stripe?: boolean;
+  border?: boolean;
+  size?: string;
+  fit?: boolean;
+  showHeader?: boolean;
+  highlightCurrentRow?: boolean;
+  currentRowKey?: string | number;
+  rowClassName?: string | ((param: { row: any, rowIndex: number }) => string);
+  rowStyle?: object | ((param: { row: any, rowIndex: number }) => object);
+  cellClassName?: string | ((param: { row: any, column: any, rowIndex: number, columnIndex: number }) => string);
+  cellStyle?: object | ((param: { row: any, column: any, rowIndex: number, columnIndex: number }) => object);
+  headerRowClassName?: string | ((param: { row: any, rowIndex: number }) => string);
+  headerRowStyle?: object | ((param: { row: any, rowIndex: number }) => object);
+  headerCellClassName?: string | ((param: { row: any, column: any, rowIndex: number, columnIndex: number }) => string);
+  headerCellStyle?: object | ((param: { row: any, column: any, rowIndex: number, columnIndex: number }) => object);
+  rowKey?: string | ((row: any) => string);
+  emptyText?: string;
+  defaultExpandAll?: boolean;
+  expandRowKeys?: any[];
+  defaultSort?: { prop: string, order: string };
+  tooltipEffect?: string;
+  showSummary?: boolean;
+  sumText?: string;
+  summaryMethod?: (param: { columns: any[], data: any[] }) => any[];
+  spanMethod?: (param: { row: any, column: any, rowIndex: number, columnIndex: number }) => number[] | { rowspan: number, colspan: number };
+  selectOnIndeterminate?: boolean;
+  indent?: number;
+  lazy?: boolean;
+  load?: (row: any, treeNode: any, resolve: (data: any[]) => void) => void;
+  treeProps?: { children: string, hasChildren: string };
+}
+
+export interface MorghulisTableProps extends TableProps {
+  loading?: boolean;
+  view: MetaView;
+  buttons?: MTableButton[];
+  columns?: MTableColumn[];
+  sortableCallback?: SortableCallbackFn;
+}
+
+export interface DTableProps {
+  auth?: boolean;
+  db: DaoTypes;
+  entity: string;
+  code?: string;
+  size?: number;
+  page?: number;
+  includes?: DataItem;
+  excludes?: DataItem;
+  orders?: Orders;
+  buttons?: MTableButton[];
+  columns?: MTableColumn[];
+}
+
+export interface DCellProps {
+  view: MetaView;
+  prop: string;
+  bean: DataItem;
+  db: DaoTypes;
+  disabled?: boolean;
+}
+
+export interface DFormProps {
+  selection: any[];
+  view: MetaView;
+  db: DaoTypes;
+  bean: DataItem;
+}
+
 // 定义useMorghulisAuthorize函数的返回类型
 export interface MorghulisAuthorize {
   $client: string;
@@ -127,21 +266,158 @@ export declare const MDialog: DefineComponent<
 // 导出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;
+  },
+  {}
+> & {
+  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>,
+  {}
+> & {
+  getData: () => any;
+  reset: (prop: string) => void;
+};
+
 // 导出数据表格相关组件
-export declare const DTable: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{}>, {}>;
-export declare const DForm: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{}>, {}>;
-export declare const DCell: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{}>, {}>;
+export declare const DTable: DefineComponent<
+  DTableProps,
+  {},
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  {},
+  string,
+  VNodeProps & AllowedComponentProps & ComponentCustomProps,
+  Readonly<DTableProps>,
+  {
+    size: number;
+    page: number;
+  }
+> & {
+  refresh: () => void;
+  add: () => void;
+  edit: (row: any) => void;
+  remove: (row: any) => void;
+  handlePageSizeChange: (size: number) => void;
+  handleCurrentPageChange: (page: number) => void;
+  load: () => void;
+  upload: (data: any[]) => void;
+};
+
+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>,
+  {}
+> & {
+  getData: () => any[];
+};
+
 export declare const DController: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{}>, {}>;
 
 // 声明useMorghulisAuthorize函数
 export declare function useMorghulisAuthorize(): MorghulisAuthorize;
 
+// 其他hooks
+export declare function useMorghulisChannel(): any;
+export declare function useMorghulisSockets(baseURL?: string): any;
+export declare function loadMorghulisSockets(baseURL?: string): any;
+export declare function useMorghulisRequest(): {
+  get: <T = any>(url: string, params?: any, config?: any) => Promise<T>;
+  post: <T = any>(url: string, data?: any, config?: any) => Promise<T>;
+  put: <T = any>(url: string, data?: any, config?: any) => Promise<T>;
+  delete: <T = any>(url: string, data?: any, config?: any) => Promise<T>;
+};
+export declare function useMorghulisCookies(): {
+  get: (key: string, defaultValue?: any) => any;
+  set: (key: string, value: any, options?: any) => void;
+  remove: (key: string, options?: any) => void;
+  load: (key: string, defaultValue?: any) => any;
+};
+
 // 声明全局组件类型
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     // Morghulis组件
     MDialog: typeof MDialog;
+    MTable: typeof MTable;
+    MForm: typeof MForm;
     MCell: typeof MCell;
+    DTable: typeof DTable;
+    DCell: typeof DCell;
+    DForm: typeof DForm;
+    DController: typeof DController;
     
     // Element Plus组件
     ElButton: typeof ElButton;

package/dist/index.umd.cjs

@@ -1,4 +1,4 @@
-(function(de,Ae){typeof exports=="object"&&typeof module<"u"?Ae(exports,require("element-plus"),require("@fortawesome/fontawesome-svg-core"),require("@fortawesome/free-solid-svg-icons"),require("@fortawesome/vue-fontawesome"),require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","element-plus","@fortawesome/fontawesome-svg-core","@fortawesome/free-solid-svg-icons","@fortawesome/vue-fontawesome","vue","@vueuse/core"],Ae):(de=typeof globalThis<"u"?globalThis:de||self,Ae(de.morghulis={},de.ElementPlus,de.fontawesomeSvgCore,de.freeSolidSvgIcons,de.vueFontawesome,de.Vue,de.core))})(this,function(de,Ae,Bn,mf,_f,l,wa){"use strict";var Kb=Object.defineProperty;var Jb=(de,Ae,Bn)=>Ae in de?Kb(de,Ae,{enumerable:!0,configurable:!0,writable:!0,value:Bn}):de[Ae]=Bn;var On=(de,Ae,Bn)=>Jb(de,typeof Ae!="symbol"?Ae+"":Ae,Bn);var yf={name:"zh-cn",el:{breadcrumb:{label:"面包屑"},colorpicker:{confirm:"确定",clear:"清空",defaultLabel:"颜色选择器",description:"当前颜色 {color}，按 Enter 键选择新颜色",alphaLabel:"选择透明度的值"},datepicker:{now:"此刻",today:"今天",cancel:"取消",clear:"清空",confirm:"确定",dateTablePrompt:"使用方向键与 Enter 键可选择日期",monthTablePrompt:"使用方向键与 Enter 键可选择月份",yearTablePrompt:"使用方向键与 Enter 键可选择年份",selectedDate:"已选日期",selectDate:"选择日期",selectTime:"选择时间",startDate:"开始日期",startTime:"开始时间",endDate:"结束日期",endTime:"结束时间",prevYear:"前一年",nextYear:"后一年",prevMonth:"上个月",nextMonth:"下个月",year:"年",month1:"1 月",month2:"2 月",month3:"3 月",month4:"4 月",month5:"5 月",month6:"6 月",month7:"7 月",month8:"8 月",month9:"9 月",month10:"10 月",month11:"11 月",month12:"12 月",weeks:{sun:"日",mon:"一",tue:"二",wed:"三",thu:"四",fri:"五",sat:"六"},weeksFull:{sun:"星期日",mon:"星期一",tue:"星期二",wed:"星期三",thu:"星期四",fri:"星期五",sat:"星期六"},months:{jan:"一月",feb:"二月",mar:"三月",apr:"四月",may:"五月",jun:"六月",jul:"七月",aug:"八月",sep:"九月",oct:"十月",nov:"十一月",dec:"十二月"}},inputNumber:{decrease:"减少数值",increase:"增加数值"},select:{loading:"加载中",noMatch:"无匹配数据",noData:"无数据",placeholder:"请选择"},dropdown:{toggleDropdown:"切换下拉选项"},mention:{loading:"加载中"},cascader:{noMatch:"无匹配数据",loading:"加载中",placeholder:"请选择",noData:"暂无数据"},pagination:{goto:"前往",pagesize:"条/页",total:"共 {total} 条",pageClassifier:"页",page:"页",prev:"上一页",next:"下一页",currentPage:"第 {pager} 页",prevPages:"向前 {pager} 页",nextPages:"向后 {pager} 页",deprecationWarning:"你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档"},dialog:{close:"关闭此对话框"},drawer:{close:"关闭此对话框"},messagebox:{title:"提示",confirm:"确定",cancel:"取消",error:"输入的数据不合法!",close:"关闭此对话框"},upload:{deleteTip:"按 delete 键可删除",delete:"删除",preview:"查看图片",continue:"继续上传"},slider:{defaultLabel:"滑块介于 {min} 至 {max}",defaultRangeStartLabel:"选择起始值",defaultRangeEndLabel:"选择结束值"},table:{emptyText:"暂无数据",confirmFilter:"筛选",resetFilter:"重置",clearFilter:"全部",sumText:"合计"},tour:{next:"下一步",previous:"上一步",finish:"结束导览"},tree:{emptyText:"暂无数据"},transfer:{noMatch:"无匹配数据",noData:"无数据",titles:["列表 1","列表 2"],filterPlaceholder:"请输入搜索内容",noCheckedFormat:"共 {total} 项",hasCheckedFormat:"已选 {checked}/{total} 项"},image:{error:"加载失败"},pageHeader:{title:"返回"},popconfirm:{confirmButtonText:"确定",cancelButtonText:"取消"},carousel:{leftArrow:"上一张幻灯片",rightArrow:"下一张幻灯片",indicator:"幻灯片切换至索引 {index}"}}},Vr=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function ba(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var nr={exports:{}};/**
+(function(de,Ae){typeof exports=="object"&&typeof module<"u"?Ae(exports,require("element-plus"),require("@fortawesome/fontawesome-svg-core"),require("@fortawesome/free-solid-svg-icons"),require("@fortawesome/vue-fontawesome"),require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","element-plus","@fortawesome/fontawesome-svg-core","@fortawesome/free-solid-svg-icons","@fortawesome/vue-fontawesome","vue","@vueuse/core"],Ae):(de=typeof globalThis<"u"?globalThis:de||self,Ae(de.morghulis={},de.ElementPlus,de.FontawesomeSvgCore,de.FreeSolidSvgIcons,de.VueFontawesome,de.Vue,de.VueUseCore))})(this,function(de,Ae,Bn,mf,_f,l,wa){"use strict";var Kb=Object.defineProperty;var Jb=(de,Ae,Bn)=>Ae in de?Kb(de,Ae,{enumerable:!0,configurable:!0,writable:!0,value:Bn}):de[Ae]=Bn;var On=(de,Ae,Bn)=>Jb(de,typeof Ae!="symbol"?Ae+"":Ae,Bn);var yf={name:"zh-cn",el:{breadcrumb:{label:"面包屑"},colorpicker:{confirm:"确定",clear:"清空",defaultLabel:"颜色选择器",description:"当前颜色 {color}，按 Enter 键选择新颜色",alphaLabel:"选择透明度的值"},datepicker:{now:"此刻",today:"今天",cancel:"取消",clear:"清空",confirm:"确定",dateTablePrompt:"使用方向键与 Enter 键可选择日期",monthTablePrompt:"使用方向键与 Enter 键可选择月份",yearTablePrompt:"使用方向键与 Enter 键可选择年份",selectedDate:"已选日期",selectDate:"选择日期",selectTime:"选择时间",startDate:"开始日期",startTime:"开始时间",endDate:"结束日期",endTime:"结束时间",prevYear:"前一年",nextYear:"后一年",prevMonth:"上个月",nextMonth:"下个月",year:"年",month1:"1 月",month2:"2 月",month3:"3 月",month4:"4 月",month5:"5 月",month6:"6 月",month7:"7 月",month8:"8 月",month9:"9 月",month10:"10 月",month11:"11 月",month12:"12 月",weeks:{sun:"日",mon:"一",tue:"二",wed:"三",thu:"四",fri:"五",sat:"六"},weeksFull:{sun:"星期日",mon:"星期一",tue:"星期二",wed:"星期三",thu:"星期四",fri:"星期五",sat:"星期六"},months:{jan:"一月",feb:"二月",mar:"三月",apr:"四月",may:"五月",jun:"六月",jul:"七月",aug:"八月",sep:"九月",oct:"十月",nov:"十一月",dec:"十二月"}},inputNumber:{decrease:"减少数值",increase:"增加数值"},select:{loading:"加载中",noMatch:"无匹配数据",noData:"无数据",placeholder:"请选择"},dropdown:{toggleDropdown:"切换下拉选项"},mention:{loading:"加载中"},cascader:{noMatch:"无匹配数据",loading:"加载中",placeholder:"请选择",noData:"暂无数据"},pagination:{goto:"前往",pagesize:"条/页",total:"共 {total} 条",pageClassifier:"页",page:"页",prev:"上一页",next:"下一页",currentPage:"第 {pager} 页",prevPages:"向前 {pager} 页",nextPages:"向后 {pager} 页",deprecationWarning:"你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档"},dialog:{close:"关闭此对话框"},drawer:{close:"关闭此对话框"},messagebox:{title:"提示",confirm:"确定",cancel:"取消",error:"输入的数据不合法!",close:"关闭此对话框"},upload:{deleteTip:"按 delete 键可删除",delete:"删除",preview:"查看图片",continue:"继续上传"},slider:{defaultLabel:"滑块介于 {min} 至 {max}",defaultRangeStartLabel:"选择起始值",defaultRangeEndLabel:"选择结束值"},table:{emptyText:"暂无数据",confirmFilter:"筛选",resetFilter:"重置",clearFilter:"全部",sumText:"合计"},tour:{next:"下一步",previous:"上一步",finish:"结束导览"},tree:{emptyText:"暂无数据"},transfer:{noMatch:"无匹配数据",noData:"无数据",titles:["列表 1","列表 2"],filterPlaceholder:"请输入搜索内容",noCheckedFormat:"共 {total} 项",hasCheckedFormat:"已选 {checked}/{total} 项"},image:{error:"加载失败"},pageHeader:{title:"返回"},popconfirm:{confirmButtonText:"确定",cancelButtonText:"取消"},carousel:{leftArrow:"上一张幻灯片",rightArrow:"下一张幻灯片",indicator:"幻灯片切换至索引 {index}"}}},Vr=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function ba(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var nr={exports:{}};/**
  * @license
  * Lodash <https://lodash.com/>
  * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "morghulis",
-  "version": "1.0.27",
+  "version": "1.0.29",
   "private": false,
   "description": "Vue 3组件库",
   "type": "module",
@@ -12,11 +12,14 @@
   ],
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.umd.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.umd.cjs"
     },
-    "./dist/style.css": "./dist/index.css"
+    "./dist/index.css": "./dist/index.css",
+    "./dist/style.css": "./dist/index.css",
+    "./style": "./dist/index.css",
+    "./dist/style": "./dist/index.css"
   },
   "typesVersions": {
     "*": {