ele-admin-plus 1.1.6-beta.1 → 1.1.6-beta.3

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

@@ -1,13 +1,13 @@
 import type { Slots, VNode } from 'vue';
 import type { Emitter, ElEmptyProps, ElTableInstance } from '../ele-app/types';
-import type { DataItem, Column, Columns, Sorter, Filter, GetInstance, TableMethods, ShowOverflowTooltip, TooltipEffect, TooltipOptions, RowClass, TableState } from './types';
 import type { dataTableEmits } from './props';
+import type { DataKey, DataItem, Column, Columns, Sorter, Filter, GetInstance, TableMethods, ShowOverflowTooltip, TooltipEffect, TooltipOptions, RowClass, RowKey } from './types';
 /**
  * 获取数据某字段值
  * @param data 数据
  * @param field 字段, 可嵌套 a.b.c
  */
-export declare function getValue<T, K>(data: K, field?: string | ((d: K) => T)): T | undefined;
+export declare function getValue<T, K>(data?: K, field?: string | ((d: K) => T)): T | undefined | null;
 /**
  * 递归获取表格列节点
  * @param cols 列配置
@@ -38,12 +38,6 @@ export declare function getBodyRowClass(rowClass: RowClass | undefined, param: P
  * @param ellipsis 是否单行省略
  */
 export declare function getHeadRowClass(rowClass: RowClass | undefined, param: Parameters<Exclude<RowClass, string | undefined>>[0], ellipsis: boolean): string;
-/**
- * 合并提示组件相关属性
- * @param props showOverflowTooltip
- * @param globalProps tableOverflowTooltip
- */
-export declare function mergeTooltipProps(props?: ShowOverflowTooltip, globalProps?: ShowOverflowTooltip): Exclude<ShowOverflowTooltip, true>;
 /**
  * 获取全局溢出提示组件属性
  * @param showOverflowTooltip 溢出提示组件属性
@@ -51,6 +45,12 @@ export declare function mergeTooltipProps(props?: ShowOverflowTooltip, globalPro
  * @param tooltipOptions 溢出提示组件配置
  */
 export declare function getGlobalTooltipProps(showOverflowTooltip?: ShowOverflowTooltip, tooltipEffect?: TooltipEffect, tooltipOptions?: TooltipOptions): ShowOverflowTooltip;
+/**
+ * 合并提示组件相关属性
+ * @param props 单元格提示组件属性
+ * @param globalProps 表格提示组件属性
+ */
+export declare function mergeTooltipProps(props?: ShowOverflowTooltip, globalProps?: ShowOverflowTooltip): Exclude<ShowOverflowTooltip, true>;
 /**
  * 获取单元格提示组件属性
  * @param props 单元格提示组件属性
@@ -58,18 +58,18 @@ export declare function getGlobalTooltipProps(showOverflowTooltip?: ShowOverflow
  */
 export declare function getTooltipProps(props?: ShowOverflowTooltip, globalProps?: ShowOverflowTooltip): ShowOverflowTooltip;
 /**
- * 渲染插槽
+ * 获取插槽
  * @param slots 插槽对象
  * @param name 插槽名称
- * @param props 插槽数据
  */
-export declare function renderSlot(slots: Slots, name?: string, props?: any): VNode[] | undefined;
+export declare function getSlot(slots: Slots, name?: string): import("vue").Slot<any> | undefined;
 /**
- * 获取插槽
+ * 渲染插槽
  * @param slots 插槽对象
  * @param name 插槽名称
+ * @param props 插槽数据
  */
-export declare function getSlot(slots: Slots, name?: string): import("vue").Slot<any> | undefined;
+export declare function renderSlot(slots: Slots, name?: string, props?: any): VNode[] | undefined;
 /**
  * 获取空组件属性
  * @param emptyProps 空组件属性
@@ -101,6 +101,9 @@ export declare function getTableFilter(tableRef?: ElTableInstance): Filter | und
  * @param filter 当前筛选状态
  */
 export declare function getStateCols(cols: Columns, sorter?: Sorter, filter?: Filter): {
+    cols: Columns;
+    sorter?: undefined;
+} | {
     cols: Columns;
     sorter: Sorter | undefined;
 };
@@ -108,7 +111,7 @@ export declare function getStateCols(cols: Columns, sorter?: Sorter, filter?: Fi
  * 获取判断多选是否可选择的方法
  * @param columns 列配置
  */
-export declare function getSelectableFunc(columns?: Columns): ((row: any, index: number) => boolean) | null | undefined;
+export declare function getSelectableFunction(columns?: Columns): ((row: any, index: number) => boolean) | null | undefined;
 /**
  * 判断行是否禁止多选
  * @param row 行数据
@@ -120,30 +123,52 @@ export declare function isDisableRow(row: DataItem, index: number, columns?: Col
  * 判断是否保存不存在的选中数据
  * @param columns 列配置
  */
-export declare function isReserveSelected(columns?: Columns): boolean;
+export declare function isReserveChecked(columns?: Columns): boolean;
 /**
  * 用于根据列的固定值排序
  * @param fixed 固定值
  */
 export declare function getColFixedNumber(fixed?: boolean | string): 0 | 1 | 2;
 /**
- * 表格状态数据
+ * 获取数据值
+ * @param rows 数据
+ * @param rowKey 值键名
  */
-export declare function useState(defaultSort: TableState['sorter']): {
-    getSorter: () => Sorter | undefined;
-    setSorter: (value: Sorter) => void;
-    getFilter: () => Filter | undefined;
-    setFilter: (value: Filter) => void;
-    getSelectionNoChange: (value?: boolean) => boolean;
-    setSelectionNoChange: (value?: boolean) => boolean;
-};
+export declare function getRowKeys(rows: DataItem[] | undefined, rowKey: RowKey): DataKey[];
+/**
+ * 获取值对应的数据
+ * @param key 值
+ * @param data 全部数据
+ * @param rowKey 值键名
+ * @param childrenField 子级数据键名
+ */
+export declare function getRowByKey(key: DataKey, data?: DataItem[], rowKey?: RowKey, childrenField?: string): DataItem | undefined;
+/**
+ * 获取平铺后的数据值和数据
+ * @param data 表格数据
+ * @param rowKey 数据值字段名
+ * @param childrenField 子级字段名
+ */
+export declare function getKeysAndList(data?: DataItem[], rowKey?: RowKey, childrenField?: string): [DataKey[], DataItem[]];
+/**
+ * 判断值是否改变
+ * @param value1 值
+ * @param value2 新值
+ */
+export declare function valueIsChanged<T>(value1?: T | null, value2?: T | null): boolean;
+/**
+ * 判断数组数据是否改变
+ * @param list1 数组
+ * @param list2 新数组
+ */
+export declare function arrayIsChanged<T>(list1?: T[] | null, list2?: T[] | null): boolean;
 /**
- * 表格实例方法
+ * 表格实例方法统一处理
  * @param getInstance 获取表格实例方法
  */
 export declare function useMethods(getInstance: GetInstance): TableMethods;
 /**
- * 表格事件
+ * 表格事件统一处理
  * @param emit 事件触发器
  */
 export declare function useEmits(emit: Emitter<typeof dataTableEmits>): {
@@ -165,4 +190,7 @@ export declare function useEmits(emit: Emitter<typeof dataTableEmits>): {
     onSortChange: (sorter: Sorter) => void;
     onFilterChange: (filter: Filter) => void;
     onCurrentChange: (currentRow?: DataItem | null, oldCurrentRow?: DataItem | null) => void;
+    /** 新增的事件 */
+    'onUpdate:currentRowKey': (currentRowKey?: DataKey) => void;
+    'onUpdate:selectedRowKeys': (selectedRowKeys: DataKey[]) => void;
 };

package/es/ele-data-table/util.js

@@ -1,7 +1,10 @@
 import { h, unref } from "vue";
 import { ElTableColumn, ElEmpty } from "element-plus";
-import { omit, mapTree, eachTree } from "../utils/core";
+import { omit, mapTree, eachTree, findTree } from "../utils/core";
 function getValue(data, field) {
+  if (data == null) {
+    return;
+  }
   if (typeof field === "function") {
     return field(data);
   }
@@ -99,15 +102,6 @@ function getHeadRowClass(rowClass, param, ellipsis) {
   }
   return classes.join(" ");
 }
-function mergeTooltipProps(props, globalProps) {
-  if (props === false || props == null && !globalProps) {
-    return false;
-  }
-  return {
-    ...!globalProps || globalProps === true ? {} : globalProps,
-    ...!props || props === true ? {} : props
-  };
-}
 function getGlobalTooltipProps(showOverflowTooltip, tooltipEffect, tooltipOptions) {
   if (!showOverflowTooltip) {
     return false;
@@ -118,6 +112,15 @@ function getGlobalTooltipProps(showOverflowTooltip, tooltipEffect, tooltipOption
     ...showOverflowTooltip === true ? {} : showOverflowTooltip
   };
 }
+function mergeTooltipProps(props, globalProps) {
+  if (props === false || props == null && !globalProps) {
+    return false;
+  }
+  return {
+    ...!globalProps || globalProps === true ? {} : globalProps,
+    ...!props || props === true ? {} : props
+  };
+}
 function getTooltipProps(props, globalProps) {
   const opt = mergeTooltipProps(props, globalProps);
   if (!opt) {
@@ -130,17 +133,17 @@ function getTooltipProps(props, globalProps) {
   opt.popperClass = classes.join(" ");
   return opt;
 }
+function getSlot(slots, name) {
+  if (name && slots[name] != null && typeof slots[name] === "function") {
+    return slots[name];
+  }
+}
 function renderSlot(slots, name, props) {
   const slot = getSlot(slots, name);
   if (slot != null) {
     return slot(props || {});
   }
 }
-function getSlot(slots, name) {
-  if (name && slots[name] != null && typeof slots[name] === "function") {
-    return slots[name];
-  }
-}
 function getEmptyProps(emptyProps, emptyText, errorText) {
   if (emptyProps === false) {
     return {};
@@ -185,7 +188,7 @@ function getTableFilter(tableRef) {
 }
 function getStateCols(cols, sorter, filter) {
   if (!sorter && !filter) {
-    return { cols, sorter: void 0 };
+    return { cols };
   }
   const filterKeys = filter == null ? [] : Object.keys(filter);
   const hasSorter = sorter != null && sorter.prop != null && sorter.prop != "";
@@ -195,13 +198,13 @@ function getStateCols(cols, sorter, filter) {
       hasSortCol = true;
     }
     const filterProp = col.columnKey ?? col.prop;
-    const t = filterProp && filterKeys.includes(filterProp);
-    const filtered = t && filter ? filter[filterProp] : void 0;
+    const flag = filterProp ? filterKeys.includes(filterProp) : false;
+    const filtered = flag && filter ? filter[filterProp] : void 0;
     return { ...col, filteredValue: filtered ?? col.filteredValue };
   });
   return { cols: result, sorter: hasSorter && hasSortCol ? sorter : void 0 };
 }
-function getSelectableFunc(columns) {
+function getSelectableFunction(columns) {
   let selectable;
   eachTree(columns, (col) => {
     if (col.type === "selection") {
@@ -212,13 +215,13 @@ function getSelectableFunc(columns) {
   return selectable;
 }
 function isDisableRow(row, index, columns) {
-  const selectable = getSelectableFunc(columns);
+  const selectable = getSelectableFunction(columns);
   if (typeof selectable === "undefined") {
     return true;
   }
   return !(selectable == null || selectable(row, index) === true);
 }
-function isReserveSelected(columns) {
+function isReserveChecked(columns) {
   let isReserve = false;
   eachTree(columns, (col) => {
     if (col.type === "selection") {
@@ -237,40 +240,50 @@ function getColFixedNumber(fixed) {
   }
   return 1;
 }
-function useState(defaultSort) {
-  const state = { sorter: defaultSort };
-  const getSorter = () => {
-    return state.sorter;
-  };
-  const setSorter = (value) => {
-    state.sorter = value;
-  };
-  const getFilter = () => {
-    return state.filter;
-  };
-  const setFilter = (value) => {
-    state.filter = value;
-  };
-  const getSelectionNoChange = (value) => {
-    if (value != null) {
-      state.selectionNoChange = value;
-    }
-    return !!state.selectionNoChange;
-  };
-  const setSelectionNoChange = (value) => {
-    if (value != null) {
-      state.selectionNoChange = value;
-    }
-    return !!state.selectionNoChange;
-  };
-  return {
-    getSorter,
-    setSorter,
-    getFilter,
-    setFilter,
-    getSelectionNoChange,
-    setSelectionNoChange
-  };
+function getRowKeys(rows, rowKey) {
+  const keys = [];
+  if (rows) {
+    rows.forEach((row) => {
+      const key = getValue(row, rowKey);
+      if (key != null) {
+        keys.push(key);
+      }
+    });
+  }
+  return keys;
+}
+function getRowByKey(key, data, rowKey, childrenField) {
+  return findTree(data, (d) => getValue(d, rowKey) === key, childrenField);
+}
+function getKeysAndList(data, rowKey, childrenField) {
+  const keys = [];
+  const list = [];
+  eachTree(
+    data,
+    (d) => {
+      keys.push(getValue(d, rowKey));
+      list.push(d);
+    },
+    childrenField
+  );
+  return [keys, list];
+}
+function valueIsChanged(value1, value2) {
+  return !(value1 == null && value2 == null || value1 === value2);
+}
+function arrayIsChanged(list1, list2) {
+  const isEmpty1 = list1 == null || !list1.length;
+  const isEmpty2 = list2 == null || !list2.length;
+  if (isEmpty1 && isEmpty2) {
+    return false;
+  }
+  if (isEmpty1 !== isEmpty2) {
+    return true;
+  }
+  if (list1.length !== list2.length) {
+    return true;
+  }
+  return list1.some((k) => !list2.includes(k));
 }
 function useMethods(getInstance) {
   const methods = {
@@ -328,18 +341,32 @@ function useMethods(getInstance) {
       const ins = getInstance();
       ins && ins.setScrollLeft(left);
     },
-    /** 新增的需要实现的实例方法 */
+    /** 新增的实例方法 */
+    setCurrentRowKey: (key) => {
+      const ins = getInstance();
+      ins && ins.setCurrentRowKey(key);
+    },
+    getCurrentRow: () => {
+      const ins = getInstance();
+      if (ins) {
+        return ins.getCurrentRow();
+      }
+    },
     setSelectedRows: (rows) => {
       const ins = getInstance();
       ins && ins.setSelectedRows(rows);
     },
-    setSelectedRowKeys: (keys) => {
+    setSelectedRowKeys: (keys, rows) => {
       const ins = getInstance();
-      ins && ins.setSelectedRowKeys(keys);
+      ins && ins.setSelectedRowKeys(keys, rows);
     },
     toggleRowExpansionAll: (expanded) => {
       const ins = getInstance();
       ins && ins.toggleRowExpansionAll(expanded);
+    },
+    updateSelectedAndChecked: () => {
+      const ins = getInstance();
+      ins && ins.updateSelectedAndChecked();
     }
   };
   return methods;
@@ -399,10 +426,18 @@ function useEmits(emit) {
     },
     onCurrentChange: (currentRow, oldCurrentRow) => {
       emit("currentChange", currentRow, oldCurrentRow);
+    },
+    /** 新增的事件 */
+    "onUpdate:currentRowKey": (currentRowKey) => {
+      emit("update:currentRowKey", currentRowKey);
+    },
+    "onUpdate:selectedRowKeys": (selectedRowKeys) => {
+      emit("update:selectedRowKeys", selectedRowKeys);
     }
   };
 }
 export {
+  arrayIsChanged,
   getBodyRowClass,
   getColFixedNumber,
   getCols,
@@ -410,18 +445,21 @@ export {
   getEmptySlot,
   getGlobalTooltipProps,
   getHeadRowClass,
+  getKeysAndList,
+  getRowByKey,
   getRowClass,
-  getSelectableFunc,
+  getRowKeys,
+  getSelectableFunction,
   getSlot,
   getStateCols,
   getTableFilter,
   getTooltipProps,
   getValue,
   isDisableRow,
-  isReserveSelected,
+  isReserveChecked,
   mergeTooltipProps,
   renderSlot,
   useEmits,
   useMethods,
-  useState
+  valueIsChanged
 };

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

@@ -5,25 +5,26 @@ declare const _default: import("vue").DefineComponent<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     closeBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    direction: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
-    size: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
-    withHeader: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    modalFade: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    headerAriaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    direction: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
+    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>;
     appendToBody: BooleanConstructor;
+    appendTo: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
     beforeClose: {
-        readonly type: import("vue").PropType<import("element-plus").DialogBeforeCloseFn>;
+        readonly type: import("vue").PropType<import("element-plus").DialogBeforeCloseFn>; /** 关闭事件 */
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     destroyOnClose: BooleanConstructor;
-    closeOnClickModal: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    closeOnPressEscape: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    lockScroll: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    modal: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    openDelay: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    closeDelay: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    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>;
+    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>;
     top: {
         readonly type: import("vue").PropType<string>;
         readonly required: false;
@@ -33,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: BooleanConstructor;
     modalClass: StringConstructor;
     width: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -44,21 +45,21 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    trapFocus: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    trapFocus: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    customClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    customClass: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     draggable: BooleanConstructor;
     fullscreen: BooleanConstructor;
-    showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    ariaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    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>;
 }, {
     drawerRef: import("vue").Ref<ElDrawerInstance>;
     handleClose: () => void;
@@ -81,25 +82,26 @@ declare const _default: import("vue").DefineComponent<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     closeBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    direction: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
-    size: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
-    withHeader: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    modalFade: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    headerAriaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    direction: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
+    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>;
     appendToBody: BooleanConstructor;
+    appendTo: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
     beforeClose: {
-        readonly type: import("vue").PropType<import("element-plus").DialogBeforeCloseFn>;
+        readonly type: import("vue").PropType<import("element-plus").DialogBeforeCloseFn>; /** 关闭事件 */
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     destroyOnClose: BooleanConstructor;
-    closeOnClickModal: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    closeOnPressEscape: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    lockScroll: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    modal: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    openDelay: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    closeDelay: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    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>;
+    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>;
     top: {
         readonly type: import("vue").PropType<string>;
         readonly required: false;
@@ -109,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: BooleanConstructor;
     modalClass: StringConstructor;
     width: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -120,52 +122,53 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    trapFocus: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    trapFocus: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    customClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    customClass: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     draggable: BooleanConstructor;
     fullscreen: BooleanConstructor;
-    showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    ariaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    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>;
 }>> & {
     onOpen?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
-    onOpenAutoFocus?: (() => any) | undefined;
-    onCloseAutoFocus?: (() => any) | undefined;
 }, {
-    size: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    size: import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     center: boolean;
     modelValue: boolean;
+    appendTo: string;
     title: string;
     appendToBody: boolean;
     destroyOnClose: boolean;
-    closeOnClickModal: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    closeOnPressEscape: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    lockScroll: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    modal: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    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>;
     openDelay: number;
     closeDelay: number;
-    trapFocus: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    trapFocus: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     headerAriaLevel: string;
     alignCenter: boolean;
     customClass: string;
     draggable: boolean;
     fullscreen: boolean;
-    showClose: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    showClose: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     ariaLevel: string;
-    direction: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
-    withHeader: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    modalFade: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    direction: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    withHeader: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    modalFade: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;