ele-admin-plus 1.6.0-beta.1 → 1.6.0-beta.2

package/es/ele-crud/components/table-extra.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import { UserComponent } from '../../ele-app/types';
 import { DataItem } from '../../ele-data-table/types';
 import { ProFormItemTypeData, ScreenSize } from '../../ele-pro-form/types';
-import { EditConfig, BtnClickAction, CrudField, EditApi, GetAndCacheCodeFunction, CrudLocale } from '../types';
+import { EditConfig, ListConfig, BtnClickAction, CrudField, EditApi, DetailApi, GetAndCacheCodeFunction, CrudLocale } from '../types';
 
 declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
     default?(_: {}): any;
@@ -20,6 +20,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     addConfig: PropType<EditConfig | boolean>;
     /** 修改配置 */
     editConfig: PropType<EditConfig | boolean>;
+    /** 列表配置 */
+    listConfig: PropType<ListConfig>;
     /** 字段数据 */
     fields: PropType<CrudField[]>;
     /** 获取字段数据对应的表单项的方法 */
@@ -33,6 +35,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     addApi: PropType<EditApi | string>;
     /** 修改数据接口 */
     editApi: PropType<EditApi | string>;
+    /** 详情接口 */
+    detailApi: PropType<DetailApi | string>;
     /** 高级表单组件类型数据 */
     itemTypeData: PropType<ProFormItemTypeData[]>;
     /** 远程数据源请求工具 */
@@ -52,6 +56,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     btnClick: (_action: BtnClickAction, _e: MouseEvent, _item?: DataItem | undefined) => void;
     addDone: (_msg?: string | undefined) => void;
     editDone: (_msg?: string | undefined) => void;
+    detailError: (_e: Error) => void;
+    detailDone: (_data?: DataItem | undefined) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 添加弹窗是否打开 */
     addVisible: PropType<boolean>;
@@ -65,6 +71,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     addConfig: PropType<EditConfig | boolean>;
     /** 修改配置 */
     editConfig: PropType<EditConfig | boolean>;
+    /** 列表配置 */
+    listConfig: PropType<ListConfig>;
     /** 字段数据 */
     fields: PropType<CrudField[]>;
     /** 获取字段数据对应的表单项的方法 */
@@ -78,6 +86,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     addApi: PropType<EditApi | string>;
     /** 修改数据接口 */
     editApi: PropType<EditApi | string>;
+    /** 详情接口 */
+    detailApi: PropType<DetailApi | string>;
     /** 高级表单组件类型数据 */
     itemTypeData: PropType<ProFormItemTypeData[]>;
     /** 远程数据源请求工具 */
@@ -97,6 +107,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onBtnClick?: ((_action: BtnClickAction, _e: MouseEvent, _item?: DataItem | undefined) => any) | undefined;
     onAddDone?: ((_msg?: string | undefined) => any) | undefined;
     onEditDone?: ((_msg?: string | undefined) => any) | undefined;
+    onDetailError?: ((_e: Error) => any) | undefined;
+    onDetailDone?: ((_data?: DataItem | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/es/ele-crud/components/table-extra.js

@@ -17,6 +17,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     addConfig: [Object, Boolean],
     /** 修改配置 */
     editConfig: [Object, Boolean],
+    /** 列表配置 */
+    listConfig: Object,
     /** 字段数据 */
     fields: Array,
     /** 获取字段数据对应的表单项的方法 */
@@ -30,6 +32,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     addApi: [Function, String],
     /** 修改数据接口 */
     editApi: [Function, String],
+    /** 详情接口 */
+    detailApi: [Function, String],
     /** 高级表单组件类型数据 */
     itemTypeData: Array,
     /** 远程数据源请求工具 */
@@ -56,7 +60,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     /** 修改保存失败事件 */
     editError: (_e) => true,
     /** 修改保存成功事件 */
-    editDone: (_msg) => true
+    editDone: (_msg) => true,
+    /** 详情查询失败事件 */
+    detailError: (_e) => true,
+    /** 详情查询成功事件 */
+    detailDone: (_data) => true
   },
   setup(__props, { emit: __emit }) {
     const slotExcludes = ["default"];
@@ -73,6 +81,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const handleEditDone = (msg) => {
       emit("editDone", msg);
     };
+    const handleDetailError = (e) => {
+      emit("detailError", e);
+    };
+    const handleDetailDone = (data) => {
+      emit("detailDone", data);
+    };
     const handleUpdateAddVisible = (visible) => {
       emit("update:addVisible", visible);
     };
@@ -87,6 +101,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           modelValue: __props.addVisible,
           title: __props.lang.add,
           editConfig: __props.addConfig === true ? {} : __props.addConfig,
+          listConfig: __props.listConfig,
           fields: __props.fields,
           getFieldsEditFormItems: unref(getFieldsAddFormItems),
           getAndCacheCode: __props.getAndCacheCode,
@@ -109,23 +124,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             };
           })
-        ]), 1032, ["data", "modelValue", "title", "editConfig", "fields", "getFieldsEditFormItems", "getAndCacheCode", "proFormComponent", "editApi", "itemTypeData", "httpRequest", "screenSize"])) : createCommentVNode("", true),
+        ]), 1032, ["data", "modelValue", "title", "editConfig", "listConfig", "fields", "getFieldsEditFormItems", "getAndCacheCode", "proFormComponent", "editApi", "itemTypeData", "httpRequest", "screenSize"])) : createCommentVNode("", true),
         __props.editConfig !== false ? (openBlock(), createBlock(EditModal, {
           key: 1,
           data: __props.editData,
           modelValue: __props.editVisible,
           title: __props.lang.edit,
           editConfig: __props.editConfig === true ? {} : __props.editConfig,
+          listConfig: __props.listConfig,
           fields: __props.fields,
           getFieldsEditFormItems: unref(getFieldsEditFormItems),
           getAndCacheCode: __props.getAndCacheCode,
           proFormComponent: __props.proFormComponent,
           editApi: __props.editApi,
+          detailApi: __props.detailApi,
           itemTypeData: __props.itemTypeData,
           httpRequest: __props.httpRequest,
           screenSize: __props.screenSize,
           onEditError: handleEditError,
           onEditDone: handleEditDone,
+          onDetailError: handleDetailError,
+          onDetailDone: handleDetailDone,
           "onUpdate:modelValue": handleUpdateEditVisible
         }, createSlots({ _: 2 }, [
           renderList(Object.keys(_ctx.$slots).filter(
@@ -138,7 +157,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             };
           })
-        ]), 1032, ["data", "modelValue", "title", "editConfig", "fields", "getFieldsEditFormItems", "getAndCacheCode", "proFormComponent", "editApi", "itemTypeData", "httpRequest", "screenSize"])) : createCommentVNode("", true),
+        ]), 1032, ["data", "modelValue", "title", "editConfig", "listConfig", "fields", "getFieldsEditFormItems", "getAndCacheCode", "proFormComponent", "editApi", "detailApi", "itemTypeData", "httpRequest", "screenSize"])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default")
       ], 64);
     };

package/es/ele-crud/index.d.ts

@@ -23,6 +23,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     deleteApi: import('vue').PropType<DeleteApi | string>;
     addApi: import('vue').PropType<import('./types').EditApi | string>;
     editApi: import('vue').PropType<import('./types').EditApi | string>;
+    detailApi: import('vue').PropType<import('./types').DetailApi | string>;
     treeListApi: import('vue').PropType<Array<Record<string, any>> | TreeListApi | string>;
     messageOptions: import('vue').PropType<import('../ele-app/plus').EleMessageOptions>;
     itemTypeData: import('vue').PropType<import('../ele-pro-form/types').ProFormItemTypeData[]>;
@@ -61,6 +62,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     deleteApi: import('vue').PropType<DeleteApi | string>;
     addApi: import('vue').PropType<import('./types').EditApi | string>;
     editApi: import('vue').PropType<import('./types').EditApi | string>;
+    detailApi: import('vue').PropType<import('./types').DetailApi | string>;
     treeListApi: import('vue').PropType<Array<Record<string, any>> | TreeListApi | string>;
     messageOptions: import('vue').PropType<import('../ele-app/plus').EleMessageOptions>;
     itemTypeData: import('vue').PropType<import('../ele-pro-form/types').ProFormItemTypeData[]>;

package/es/ele-crud/index.js

@@ -375,6 +375,17 @@ const index = /* @__PURE__ */ defineComponent({
       });
       reloadTable();
     };
+    const handleDetailError = (e) => {
+      const msg = e?.message;
+      if (!msg) {
+        console.error(e);
+      } else {
+        message.error({
+          ...props.messageOptions || {},
+          message: msg
+        });
+      }
+    };
     const handleUpdateAddVisible = (visible) => {
       addVisible.value = visible;
     };
@@ -510,11 +521,13 @@ const index = /* @__PURE__ */ defineComponent({
           "editData": editData.value,
           "addConfig": props.addConfig,
           "editConfig": props.editConfig,
+          "listConfig": props.listConfig,
           "fields": props.fields,
           "getAndCacheCode": getAndCacheCode,
           "proFormComponent": props.proFormComponent,
           "addApi": props.addApi,
           "editApi": props.editApi,
+          "detailApi": props.detailApi,
           "itemTypeData": props.itemTypeData,
           "httpRequest": props.httpRequest,
           "screenSize": props.screenSize,
@@ -524,6 +537,7 @@ const index = /* @__PURE__ */ defineComponent({
           "onAddDone": handleAddDone,
           "onEditError": handleEditError,
           "onEditDone": handleEditDone,
+          "onDetailError": handleDetailError,
           "onUpdate:addVisible": handleUpdateAddVisible,
           "onUpdate:editVisible": handleUpdateEditVisible
         }, {

package/es/ele-crud/props.d.ts

@@ -4,7 +4,7 @@ import { EleMessageOptions } from '../ele-app/plus';
 import { DataItem } from '../ele-data-table/types';
 import { Datasource } from '../ele-pro-table/types';
 import { ProFormItemTypeData, ScreenSize } from '../ele-pro-form/types';
-import { CrudField, ListConfig, SearchConfig, EditConfig, PageConfig, DeleteApi, EditApi, TreeListApi, CrudLocale } from './types';
+import { CrudField, ListConfig, SearchConfig, EditConfig, PageConfig, DeleteApi, EditApi, DetailApi, TreeListApi, CrudLocale } from './types';
 
 /**
  * 属性
@@ -41,6 +41,8 @@ export declare const crudProps: {
     addApi: PropType<EditApi | string>;
     /** 修改数据接口 */
     editApi: PropType<EditApi | string>;
+    /** 详情接口 */
+    detailApi: PropType<DetailApi | string>;
     /** 侧栏树组件数据接口 */
     treeListApi: PropType<Array<Record<string, any>> | TreeListApi | string>;
     /** 消息提示组件属性 */

package/es/ele-crud/props.js

@@ -36,6 +36,8 @@ const crudProps = {
   addApi: [Function, String],
   /** 修改数据接口 */
   editApi: [Function, String],
+  /** 详情接口 */
+  detailApi: [Function, String],
   /** 侧栏树组件数据接口 */
   treeListApi: [Array, Function, String],
   /** 消息提示组件属性 */

package/es/ele-crud/types.d.ts

@@ -204,6 +204,14 @@ export type DeleteApi = (
  */
 export type EditApi = (data: DataItem) => Promise<string | undefined>;
 
+/**
+ * 详情接口
+ */
+export type DetailApi = (
+  dataKey?: DataKey,
+  data?: DataItem
+) => Promise<DataItem>;
+
 /**
  * 侧栏树组件数据接口
  */

package/es/ele-crud-builder/util.js

@@ -75,7 +75,7 @@ const defaultPageConfigFormItems = [
         props: {
           title: "删除接口设置",
           codeTips,
-          codePlaceholder: `async (data, dataKeys) => {
+          codePlaceholder: `async (dataKeys, data) => {
     // 示例
     const res = await httpRequest.delete('/system/user/batch', {
         data: dataKeys
@@ -123,6 +123,25 @@ const defaultPageConfigFormItems = [
     }
     return Promise.reject(new Error(res.data.message));
 }
+`,
+          codePrefix: codeStringPrefix
+        }
+      },
+      {
+        label: "详情接口",
+        prop: "detailApi",
+        type: "proFormBuilderEventEdit",
+        props: {
+          title: "详情接口设置",
+          codeTips,
+          codePlaceholder: `async (dataKey, data) => {
+    // 示例
+    const res = await httpRequest.get('/system/user/' + dataKey);
+    if (res.data.code === 0) {
+        return res.data.data;
+    }
+    return Promise.reject(new Error(res.data.message));
+}
 `,
           codePrefix: codeStringPrefix
         }

package/es/ele-data-table/index.d.ts

@@ -61,6 +61,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     lazy: BooleanConstructor;
+    load: import('vue').PropType<import('element-plus').TableProps<any>["load"]>;
     emptyText: StringConstructor;
     showHeader: {
         type: BooleanConstructor;
@@ -104,7 +105,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             checkStrictly: boolean;
         };
     };
-    load: import('vue').PropType<import('element-plus').TableProps<any>["load"]>;
     tableLayout: {
         type: import('vue').PropType<import('element-plus').TableProps<Record<string, any>>["tableLayout"]>;
         default: string;
@@ -232,6 +232,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     lazy: BooleanConstructor;
+    load: import('vue').PropType<import('element-plus').TableProps<any>["load"]>;
     emptyText: StringConstructor;
     showHeader: {
         type: BooleanConstructor;
@@ -275,7 +276,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             checkStrictly: boolean;
         };
     };
-    load: import('vue').PropType<import('element-plus').TableProps<any>["load"]>;
     tableLayout: {
         type: import('vue').PropType<import('element-plus').TableProps<Record<string, any>>["tableLayout"]>;
         default: string;
@@ -300,6 +300,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     nativeScrollbar: BooleanConstructor;
 }>> & Readonly<{
     onSelect?: ((_selection: DataItem[], _row: DataItem) => any) | undefined;
+    onExpandChange?: ((_row: DataItem, _expanded: boolean) => any) | undefined;
     onScroll?: ((_option: {
         scrollLeft: number;
         scrollTop: number;
@@ -307,7 +308,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onFilterChange?: ((_filter: Filter) => any) | undefined;
     onCellClick?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
     onCellContextmenu?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
-    onExpandChange?: ((_row: DataItem, _expanded: boolean) => any) | undefined;
     onCellDblclick?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
     "onUpdate:currentRowKey"?: ((_currentRowKey?: DataKey | undefined) => any) | undefined;
     "onUpdate:selectedRowKeys"?: ((_selectedRowKeys?: DataKey[] | undefined) => any) | undefined;

package/es/ele-data-table/util.d.ts

@@ -154,6 +154,7 @@ export declare function useEmits(emit: Emitter<DataTableEmitsType>): {
     'onUpdate:currentRowKey': (currentRowKey?: DataKey) => void;
     'onUpdate:selectedRowKeys': (selectedRowKeys: DataKey[]) => void;
     onSelect: (_selection: DataItem[], _row: DataItem) => any;
+    onExpandChange: (_row: DataItem, _expanded: boolean) => any;
     onScroll: (_option: {
         scrollLeft: number;
         scrollTop: number;
@@ -174,5 +175,4 @@ export declare function useEmits(emit: Emitter<DataTableEmitsType>): {
     onFilterChange: (_filter: Filter) => any;
     onCurrentChange: (_current?: DataItem | null | undefined, _old?: DataItem | null | undefined) => any;
     onHeaderDragend: (_width: number, _old: number, _column: Column, _e: MouseEvent) => any;
-    onExpandChange: (_row: DataItem, _expanded: boolean) => any;
 };

package/es/ele-drawer/index.d.ts

@@ -33,13 +33,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     flexTable: import('vue').PropType<boolean | "auto">;
     customFooter: BooleanConstructor;
     form: BooleanConstructor;
-    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
+    direction: import('element-plus/es/utils/vue/props/types').EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
     resizable: BooleanConstructor;
-    size: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
-    withHeader: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    modalFade: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | (((new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>)) | null)[], unknown, unknown, "body", boolean>;
+    size: import('element-plus/es/utils/vue/props/types').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
+    withHeader: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modalFade: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    headerAriaLevel: import('element-plus/es/utils/vue/props/types').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    appendTo: import('element-plus/es/utils/vue/props/types').EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown, "body", boolean>;
     beforeClose: {
         readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
@@ -47,13 +47,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         __epPropKey: true;
     };
     destroyOnClose: BooleanConstructor;
-    closeOnClickModal: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    closeOnPressEscape: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    lockScroll: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    modal: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnClickModal: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    lockScroll: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modal: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     modalPenetrable: BooleanConstructor;
-    openDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    closeDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    openDelay: import('element-plus/es/utils/vue/props/types').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    closeDelay: import('element-plus/es/utils/vue/props/types').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     top: {
         readonly type: import('vue').PropType<string>;
         readonly required: false;
@@ -66,7 +66,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     bodyClass: StringConstructor;
     footerClass: StringConstructor;
     width: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -78,21 +78,21 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         __epPropKey: true;
     };
     trapFocus: BooleanConstructor;
-    transition: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | (((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition)) | null)[], unknown, unknown, undefined, boolean>;
+    transition: import('element-plus/es/utils/vue/props/types').EpPropFinalized<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | (((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition)) | null)[], unknown, unknown, undefined, boolean>;
     center: BooleanConstructor;
-    alignCenter: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    alignCenter: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     closeIcon: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    draggable: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    overflow: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    draggable: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    overflow: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     fullscreen: BooleanConstructor;
-    showClose: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    title: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    ariaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    showClose: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    title: import('element-plus/es/utils/vue/props/types').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import('element-plus/es/utils/vue/props/types').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }>, {
     drawerRef: import('vue').Ref<ElDrawerInstance, ElDrawerInstance>;
     handleClose: () => void;
@@ -101,8 +101,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     open: () => void;
     close: () => void;
     "update:modelValue": (value: boolean) => void;
-    closed: () => void;
     opened: () => void;
+    closed: () => void;
     openAutoFocus: () => void;
     closeAutoFocus: () => void;
     "resize-start": (evt: MouseEvent, size: number) => void;
@@ -130,13 +130,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     flexTable: import('vue').PropType<boolean | "auto">;
     customFooter: BooleanConstructor;
     form: BooleanConstructor;
-    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
+    direction: import('element-plus/es/utils/vue/props/types').EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
     resizable: BooleanConstructor;
-    size: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
-    withHeader: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    modalFade: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
-    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | (((new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>)) | null)[], unknown, unknown, "body", boolean>;
+    size: import('element-plus/es/utils/vue/props/types').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
+    withHeader: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modalFade: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    headerAriaLevel: import('element-plus/es/utils/vue/props/types').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    appendTo: import('element-plus/es/utils/vue/props/types').EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown, "body", boolean>;
     beforeClose: {
         readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
@@ -144,13 +144,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         __epPropKey: true;
     };
     destroyOnClose: BooleanConstructor;
-    closeOnClickModal: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    closeOnPressEscape: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    lockScroll: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    modal: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnClickModal: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    lockScroll: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modal: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     modalPenetrable: BooleanConstructor;
-    openDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    closeDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    openDelay: import('element-plus/es/utils/vue/props/types').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    closeDelay: import('element-plus/es/utils/vue/props/types').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     top: {
         readonly type: import('vue').PropType<string>;
         readonly required: false;
@@ -163,7 +163,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     bodyClass: StringConstructor;
     footerClass: StringConstructor;
     width: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -175,28 +175,28 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         __epPropKey: true;
     };
     trapFocus: BooleanConstructor;
-    transition: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | (((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition)) | null)[], unknown, unknown, undefined, boolean>;
+    transition: import('element-plus/es/utils/vue/props/types').EpPropFinalized<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | (((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition)) | null)[], unknown, unknown, undefined, boolean>;
     center: BooleanConstructor;
-    alignCenter: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    alignCenter: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     closeIcon: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    draggable: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    overflow: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    draggable: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    overflow: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     fullscreen: BooleanConstructor;
-    showClose: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    title: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    ariaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    showClose: import('element-plus/es/utils/vue/props/types').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    title: import('element-plus/es/utils/vue/props/types').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import('element-plus/es/utils/vue/props/types').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }>> & Readonly<{
     onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
     onOpen?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClosed?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
     "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
@@ -204,35 +204,35 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>, {
     form: boolean;
     title: string;
-    size: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    size: import('element-plus/es/utils/vue/props/types').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     modelValue: boolean;
-    appendTo: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | null)[], unknown, unknown>;
-    transition: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | ((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | null)[], unknown, unknown>;
+    appendTo: import('element-plus/es/utils/vue/props/types').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | null)[], unknown, unknown>;
+    transition: import('element-plus/es/utils/vue/props/types').EpPropMergeType<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | ((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | null)[], unknown, unknown>;
     loading: boolean;
     appendToBody: boolean;
     destroyOnClose: boolean;
-    closeOnClickModal: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    closeOnPressEscape: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    lockScroll: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    modal: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    closeOnClickModal: import('element-plus/es/utils/vue/props/types').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    closeOnPressEscape: import('element-plus/es/utils/vue/props/types').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    lockScroll: import('element-plus/es/utils/vue/props/types').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    modal: import('element-plus/es/utils/vue/props/types').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     modalPenetrable: boolean;
     openDelay: number;
     closeDelay: number;
     trapFocus: boolean;
     headerAriaLevel: string;
     center: boolean;
-    alignCenter: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    draggable: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    overflow: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    alignCenter: import('element-plus/es/utils/vue/props/types').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    draggable: import('element-plus/es/utils/vue/props/types').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    overflow: import('element-plus/es/utils/vue/props/types').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     fullscreen: boolean;
-    showClose: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    showClose: import('element-plus/es/utils/vue/props/types').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     ariaLevel: string;
-    direction: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    direction: import('element-plus/es/utils/vue/props/types').EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
     resizable: boolean;
-    withHeader: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    modalFade: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    responsive: boolean;
+    withHeader: import('element-plus/es/utils/vue/props/types').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    modalFade: import('element-plus/es/utils/vue/props/types').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     inner: boolean;
+    responsive: boolean;
     isDeactivated: boolean;
     compLoading: boolean;
     customFooter: boolean;