ele-admin-plus 1.4.1 → 1.5.0-beta.2

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

@@ -33,14 +33,10 @@ const index = /* @__PURE__ */ defineComponent({
       return getGlobalTooltipProps(props.showOverflowTooltip, props.tooltipEffect, props.tooltipOptions);
     });
     const childKey = computed(() => {
-      var _a;
-      return ((_a = props.treeProps) == null ? void 0 : _a.children) || "children";
+      return props.treeProps?.children || "children";
     });
     const borderKey = computed(() => {
-      if (tableCols.value.some((col) => {
-        var _a;
-        return (_a = col.children) == null ? void 0 : _a.length;
-      })) {
+      if (tableCols.value.some((col) => col.children?.length)) {
         return 1;
       }
       return props.border ? 1 : 0;
@@ -53,7 +49,8 @@ const index = /* @__PURE__ */ defineComponent({
       };
     });
     const handleRowClick = (row, column, event) => {
-      if (props.rowClickChecked && !isDisableRow(row, props.data.indexOf(row), props.columns)) {
+      const disabled = isDisableRow(row, props.data.indexOf(row), props.columns);
+      if (props.rowClickChecked && !disabled) {
         const selections = methods.getSelectionRows();
         if (props.rowClickChecked === "smart" && (!selections || !selections.length || selections.length === 1)) {
           const key = getValue(row, props.rowKey);
@@ -62,7 +59,7 @@ const index = /* @__PURE__ */ defineComponent({
           toggleRowSelection(row);
         }
       }
-      events.onRowClick(row, column, event);
+      events.onRowClick(row, column, event, disabled, methods.getSelectionRows());
     };
     const handleHeaderClick = (column, e) => {
       if (column.sortable && column.filters) {
@@ -100,8 +97,7 @@ const index = /* @__PURE__ */ defineComponent({
       events.onSelectAll(selection);
     };
     const updateScrollBar = () => {
-      var _a;
-      const scrollBarRef = (_a = tableRef.value) == null ? void 0 : _a.scrollBarRef;
+      const scrollBarRef = tableRef.value?.scrollBarRef;
       if (scrollBarRef && typeof scrollBarRef.update === "function") {
         scrollBarRef.update();
       }
@@ -139,8 +135,7 @@ const index = /* @__PURE__ */ defineComponent({
     };
     const toggleRowExpansionAll = (expanded) => {
       eachTree(props.data, (row) => {
-        var _a;
-        if ((_a = row[childKey.value]) == null ? void 0 : _a.length) {
+        if (row[childKey.value]?.length) {
           methods.toggleRowExpansion(row, expanded);
         }
       }, childKey.value);
@@ -337,24 +332,12 @@ const index = /* @__PURE__ */ defineComponent({
         "filterClassName": getFilterPopperClass(col.filterClassName),
         "showOverflowTooltip": getTooltipProps(col.showOverflowTooltip, tableOverflowTooltip.value)
       }), {
-        header: (slotProps) => {
-          var _a, _b, _c;
-          return createVNode("div", {
-            "class": "ele-cell-title",
-            "title": (_a = slotProps == null ? void 0 : slotProps.column) == null ? void 0 : _a.label
-          }, [col.headerSlot && !ownSlots.includes(col.headerSlot) && slots[col.headerSlot] ? (_b = slots[col.headerSlot]) == null ? void 0 : _b.call(slots, slotProps) : (_c = slotProps == null ? void 0 : slotProps.column) == null ? void 0 : _c.label]);
-        },
-        ["filter-icon"]: (slotProps) => {
-          var _a;
-          return !col.filterIcon ? createVNode(FilterFilled, null, null) : typeof col.filterIcon === "string" && !ownSlots.includes(col.filterIcon) && slots[col.filterIcon] ? (_a = slots[col.filterIcon]) == null ? void 0 : _a.call(slots, slotProps) : h(col.filterIcon);
-        },
-        default: col.children && col.children.length ? () => {
-          var _a, _b;
-          return (_b = (_a = col == null ? void 0 : col.children) == null ? void 0 : _a.map) == null ? void 0 : _b.call(_a, renderTableColumn);
-        } : col.slot && !ownSlots.includes(col.slot) && slots[col.slot] ? (slotProps) => {
-          var _a;
-          return (!props.slotNormalize || (slotProps == null ? void 0 : slotProps.$index) != -1) && col.slot ? (_a = slots[col.slot]) == null ? void 0 : _a.call(slots, slotProps) : void 0;
-        } : void 0
+        header: (slotProps) => createVNode("div", {
+          "class": "ele-cell-title",
+          "title": slotProps?.column?.label
+        }, [col.headerSlot && !ownSlots.includes(col.headerSlot) && slots[col.headerSlot] ? slots[col.headerSlot]?.(slotProps) : slotProps?.column?.label]),
+        ["filter-icon"]: (slotProps) => !col.filterIcon ? createVNode(FilterFilled, null, null) : typeof col.filterIcon === "string" && !ownSlots.includes(col.filterIcon) && slots[col.filterIcon] ? slots[col.filterIcon]?.(slotProps) : h(col.filterIcon),
+        default: col.children && col.children.length ? () => col?.children?.map?.(renderTableColumn) : col.slot && !ownSlots.includes(col.slot) && slots[col.slot] ? (slotProps) => (!props.slotNormalize || slotProps?.$index != -1) && col.slot ? slots[col.slot]?.(slotProps) : void 0 : void 0
       });
     };
     return () => createVNode(ElTable, mergeProps({
@@ -385,17 +368,11 @@ const index = /* @__PURE__ */ defineComponent({
       "onSelect": handleSelect,
       "onSelectAll": handleSelectAll
     }), {
-      append: slots.append ? (slotProps) => {
-        var _a;
-        return (_a = slots.append) == null ? void 0 : _a.call(slots, slotProps);
-      } : void 0,
-      empty: slots.empty ? () => {
-        var _a;
-        return (_a = slots.empty) == null ? void 0 : _a.call(slots, {
-          text: props.emptyText,
-          error: props.errorText
-        });
-      } : props.emptyProps ? () => createVNode(ElEmpty, mergeProps({
+      append: slots.append ? (slotProps) => slots.append?.(slotProps) : void 0,
+      empty: slots.empty ? () => slots.empty?.({
+        text: props.emptyText,
+        error: props.errorText
+      }) : props.emptyProps ? () => createVNode(ElEmpty, mergeProps({
         "imageSize": 68
       }, !props.emptyProps || props.emptyProps === true ? {} : props.emptyProps, {
         "description": props.errorText || props.emptyText,

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

@@ -1,7 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import { DataKey, DataItem, Column, Columns, Sorter, Filter, TableEmptyProps, RowClickChecked, RowKey } from './types';
 
-declare const normalizeProps: import('../ele-app/types').Mutable<Omit<{
+declare const normalizeProps: Omit<{
     data: {
         type: PropType<any[]>;
         default: () => never[];
@@ -90,7 +90,8 @@ declare const normalizeProps: import('../ele-app/types').Mutable<Omit<{
         default: boolean;
     };
     preserveExpandedContent: BooleanConstructor;
-}, "style">>;
+    nativeScrollbar: BooleanConstructor;
+}, "style">;
 /**
  * 属性
  */
@@ -150,8 +151,13 @@ export declare const dataTableProps: {
         type: PropType<any[]>;
         default: () => never[];
     };
-    width: (NumberConstructor | StringConstructor)[];
     height: (NumberConstructor | StringConstructor)[];
+    maxHeight: (NumberConstructor | StringConstructor)[];
+    tableLayout: {
+        type: PropType<"fixed" | "auto">;
+        default: string;
+    };
+    width: (NumberConstructor | StringConstructor)[];
     size: {
         readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
         readonly required: false;
@@ -162,7 +168,6 @@ export declare const dataTableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    maxHeight: (NumberConstructor | StringConstructor)[];
     lazy: BooleanConstructor;
     className: {
         type: StringConstructor;
@@ -209,10 +214,6 @@ export declare const dataTableProps: {
         };
     };
     load: PropType<import('element-plus/es/components/table/index').TableProps<any>["load"]>;
-    tableLayout: {
-        type: PropType<"fixed" | "auto">;
-        default: string;
-    };
     scrollbarAlwaysOn: BooleanConstructor;
     flexible: BooleanConstructor;
     showOverflowTooltip: PropType<import('element-plus/es/components/table/index').TableProps<any>["showOverflowTooltip"]>;
@@ -227,6 +228,7 @@ export declare const dataTableProps: {
         default: boolean;
     };
     preserveExpandedContent: BooleanConstructor;
+    nativeScrollbar: BooleanConstructor;
 };
 export type DataTableProps = ExtractPropTypes<typeof dataTableProps>;
 /**
@@ -241,7 +243,7 @@ export declare const elDataTableEmits: {
     cellClick: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
     cellDblclick: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
     cellContextmenu: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
-    rowClick: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
+    rowClick: (_row: DataItem, _column: Column, _e: MouseEvent, _disabled?: boolean, _selection?: DataItem[]) => boolean;
     rowContextmenu: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
     rowDblclick: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
     headerClick: (_column: Column, _e: MouseEvent) => boolean;
@@ -272,7 +274,7 @@ export declare const dataTableEmits: {
     cellClick: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
     cellDblclick: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
     cellContextmenu: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
-    rowClick: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
+    rowClick: (_row: DataItem, _column: Column, _e: MouseEvent, _disabled?: boolean, _selection?: DataItem[]) => boolean;
     rowContextmenu: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
     rowDblclick: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
     headerClick: (_column: Column, _e: MouseEvent) => boolean;

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

@@ -66,7 +66,7 @@ const elDataTableEmits = {
   cellClick: (_row, _column, _cell, _e) => true,
   cellDblclick: (_row, _column, _cell, _e) => true,
   cellContextmenu: (_row, _column, _cell, _e) => true,
-  rowClick: (_row, _column, _e) => true,
+  rowClick: (_row, _column, _e, _disabled, _selection) => true,
   rowContextmenu: (_row, _column, _e) => true,
   rowDblclick: (_row, _column, _e) => true,
   headerClick: (_column, _e) => true,

package/es/ele-data-table/style/index.scss

@@ -148,13 +148,13 @@
 
     .ascending {
       border-bottom-color: eleVar('table', 'icon-color');
-      margin-top: calc(0px - #{eleVar('table', 'sort-size')});
+      margin-top: calc(#{eleVar('table', 'sort-size')} * -1);
       margin-bottom: calc(#{eleVar('table', 'sort-space')} / 2);
     }
 
     .descending {
       border-top-color: eleVar('table', 'icon-color');
-      margin-bottom: calc(0px - #{eleVar('table', 'sort-size')});
+      margin-bottom: calc(#{eleVar('table', 'sort-size')} * -1);
       margin-top: calc(#{eleVar('table', 'sort-space')} / 2);
     }
   }

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

@@ -165,7 +165,7 @@ export declare function useEmits(emit: Emitter<DataTableEmitsType>): {
     onCellClick: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any;
     onCellDblclick: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any;
     onCellContextmenu: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any;
-    onRowClick: (_row: DataItem, _column: Column, _e: MouseEvent) => any;
+    onRowClick: (_row: DataItem, _column: Column, _e: MouseEvent, _disabled?: boolean | undefined, _selection?: DataItem[] | undefined) => any;
     onRowContextmenu: (_row: DataItem, _column: Column, _e: MouseEvent) => any;
     onRowDblclick: (_row: DataItem, _column: Column, _e: MouseEvent) => any;
     onHeaderClick: (_column: Column, _e: MouseEvent) => any;

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

@@ -64,12 +64,11 @@ function getTooltipProps(props, globalProps) {
   return opt;
 }
 function toggleRowSelectionPro(tableRef, row, selected) {
-  var _a, _b;
   if (tableRef == null) {
     return;
   }
-  const store = (_a = unref(tableRef)) == null ? void 0 : _a.store;
-  const selection = unref((_b = store == null ? void 0 : store.states) == null ? void 0 : _b.selection);
+  const store = unref(tableRef)?.store;
+  const selection = unref(store?.states?.selection);
   const index = selection.indexOf(row);
   const included = index !== -1;
   if (selected && !included) {
@@ -80,10 +79,9 @@ function toggleRowSelectionPro(tableRef, row, selected) {
   store.updateAllSelected();
 }
 function getTableFilter(tableRef) {
-  var _a, _b;
-  const states = (_b = (_a = unref(tableRef)) == null ? void 0 : _a.store) == null ? void 0 : _b.states;
-  const columns = unref(states == null ? void 0 : states.columns);
-  const filters = unref(states == null ? void 0 : states.filters);
+  const states = unref(tableRef)?.store?.states;
+  const columns = unref(states?.columns);
+  const filters = unref(states?.filters);
   if (!filters || !columns) {
     return;
   }

package/es/ele-dot/index.js

@@ -11,14 +11,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        class: normalizeClass([
-          "ele-dot",
+        class: normalizeClass(["ele-dot", [
           { "is-success": "success" === _ctx.type },
           { "is-warning": "warning" === _ctx.type },
           { "is-danger": "danger" === _ctx.type },
           { "is-info": "info" === _ctx.type },
           { "is-ripple": _ctx.ripple }
-        ])
+        ]])
       }, [
         createElementVNode("span", {
           class: "ele-dot-status",

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

@@ -3,20 +3,32 @@ import { ElDrawerInstance } from '../ele-app/el';
 declare function __VLS_template(): {
     header?(_: {}): any;
     closeBtn?(_: {}): any;
-    default?(_: {}): any;
     footer?(_: {}): any;
+    default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inner: BooleanConstructor;
     headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     closeBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    inner: BooleanConstructor;
+    drawerBodyClass: StringConstructor;
+    isDeactivated: BooleanConstructor;
+    compLoading: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingProps: import('vue').PropType<import('../ele-app/plus').EleLoadingProps>;
     responsive: {
         type: BooleanConstructor;
         default: null;
     };
+    flexTable: import('vue').PropType<boolean | "auto">;
+    customFooter: BooleanConstructor;
+    form: BooleanConstructor;
     direction: {
         readonly type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
         readonly required: false;
@@ -25,6 +37,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: "rtl";
     };
+    resizable: BooleanConstructor;
     size: {
         readonly type: import('vue').PropType<string | number>;
         readonly required: false;
@@ -57,7 +70,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: "2";
     };
-    appendToBody: BooleanConstructor;
     appendTo: {
         readonly type: import('vue').PropType<string | HTMLElement>;
         readonly required: false;
@@ -105,6 +117,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: true;
     };
+    modalPenetrable: BooleanConstructor;
     openDelay: {
         readonly type: import('vue').PropType<number>;
         readonly required: false;
@@ -145,16 +158,45 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         __epPropKey: true;
     };
     trapFocus: BooleanConstructor;
+    transition: {
+        readonly type: import('vue').PropType<import('element-plus').DialogTransition>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
     center: BooleanConstructor;
-    alignCenter: BooleanConstructor;
+    alignCenter: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
     closeIcon: {
         readonly type: import('vue').PropType<string | import('vue').Component>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    draggable: BooleanConstructor;
-    overflow: BooleanConstructor;
+    draggable: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    overflow: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
     fullscreen: BooleanConstructor;
     showClose: {
         readonly type: import('vue').PropType<boolean>;
@@ -187,21 +229,33 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     close: () => void;
     open: () => void;
     "update:modelValue": (value: boolean) => void;
-    opened: () => void;
     closed: () => void;
+    opened: () => void;
     openAutoFocus: () => void;
     closeAutoFocus: () => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inner: BooleanConstructor;
     headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     closeBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    inner: BooleanConstructor;
+    drawerBodyClass: StringConstructor;
+    isDeactivated: BooleanConstructor;
+    compLoading: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingProps: import('vue').PropType<import('../ele-app/plus').EleLoadingProps>;
     responsive: {
         type: BooleanConstructor;
         default: null;
     };
+    flexTable: import('vue').PropType<boolean | "auto">;
+    customFooter: BooleanConstructor;
+    form: BooleanConstructor;
     direction: {
         readonly type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
         readonly required: false;
@@ -210,6 +264,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: "rtl";
     };
+    resizable: BooleanConstructor;
     size: {
         readonly type: import('vue').PropType<string | number>;
         readonly required: false;
@@ -242,7 +297,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: "2";
     };
-    appendToBody: BooleanConstructor;
     appendTo: {
         readonly type: import('vue').PropType<string | HTMLElement>;
         readonly required: false;
@@ -290,6 +344,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: true;
     };
+    modalPenetrable: BooleanConstructor;
     openDelay: {
         readonly type: import('vue').PropType<number>;
         readonly required: false;
@@ -330,16 +385,45 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         __epPropKey: true;
     };
     trapFocus: BooleanConstructor;
+    transition: {
+        readonly type: import('vue').PropType<import('element-plus').DialogTransition>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
     center: BooleanConstructor;
-    alignCenter: BooleanConstructor;
+    alignCenter: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
     closeIcon: {
         readonly type: import('vue').PropType<string | import('vue').Component>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    draggable: BooleanConstructor;
-    overflow: BooleanConstructor;
+    draggable: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    overflow: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
     fullscreen: BooleanConstructor;
     showClose: {
         readonly type: import('vue').PropType<boolean>;
@@ -369,26 +453,30 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
 }>, {
+    form: boolean;
     title: string;
     center: boolean;
     modelValue: boolean;
     appendTo: string | HTMLElement;
     size: string | number;
+    loading: boolean;
     appendToBody: boolean;
     destroyOnClose: boolean;
     closeOnClickModal: boolean;
     closeOnPressEscape: boolean;
     lockScroll: boolean;
     modal: boolean;
+    modalPenetrable: boolean;
     openDelay: number;
     closeDelay: number;
     trapFocus: boolean;
     headerAriaLevel: string;
+    transition: import('element-plus').DialogTransition;
     alignCenter: boolean;
     draggable: boolean;
     overflow: boolean;
@@ -396,10 +484,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     showClose: boolean;
     ariaLevel: string;
     direction: "ltr" | "rtl" | "ttb" | "btt";
+    resizable: boolean;
     withHeader: boolean;
     modalFade: boolean;
-    inner: boolean;
     responsive: boolean;
+    inner: boolean;
+    isDeactivated: boolean;
+    compLoading: boolean;
+    customFooter: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/es/ele-drawer/index.js

@@ -1,8 +1,9 @@
-import { defineComponent, ref, computed, onActivated, onDeactivated, createBlock, openBlock, Teleport, createVNode, unref, mergeProps, createSlots, withCtx, normalizeStyle, renderSlot, createElementVNode, createElementBlock, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, computed, watch, onActivated, onDeactivated, createBlock, openBlock, Teleport, createVNode, unref, mergeProps, createSlots, withCtx, normalizeStyle, normalizeClass, renderSlot, createElementVNode, createElementBlock, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { drawerEmits, ElDrawer, ElIcon } from "element-plus";
 import { CloseOutlined } from "../icons/index";
 import { pick } from "../utils/common";
-import ReceiverView from "../ele-config-provider/components/receiver-view";
+import LoadingSpinner from "../ele-loading/components/loading-spinner";
+import MainContent from "../ele-loading/components/main-content";
 import { useLayoutState, useResponsive } from "../ele-pro-layout/util";
 import { getModalContainer } from "../ele-modal/util";
 import { drawerProps, elDrawerPropKeys } from "./props";
@@ -18,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const layoutState = useLayoutState();
     const isResponsive = useResponsive(props);
     const drawerRef = ref(null);
-    const isActivated = ref(true);
+    const isActivated = ref(!props.isDeactivated);
     const drawerClass = computed(() => {
       const classes = ["ele-drawer"];
       if (isResponsive.value) {
@@ -33,6 +34,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.inner) {
         classes.push("ele-drawer-inner");
       }
+      if (props.compLoading && !props.loading) {
+        classes.push("ele-drawer-comp-loading");
+      }
+      if (props.flexTable === "auto") {
+        classes.push("ele-drawer-flex-auto-table");
+      } else if (props.flexTable) {
+        classes.push("ele-drawer-flex-table");
+      }
+      if (props.customFooter) {
+        classes.push("ele-drawer-custom-footer");
+      }
       if (props.modalClass) {
         classes.push(props.modalClass);
       }
@@ -77,6 +89,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const handleDrawerCloseAutoFocus = () => {
       emit("closeAutoFocus");
     };
+    watch(
+      () => props.isDeactivated,
+      (deactivated) => {
+        isActivated.value = !deactivated;
+      }
+    );
     onActivated(() => {
       isActivated.value = true;
     });
@@ -153,16 +171,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ], 4)
           ]),
           default: withCtx(() => [
-            createVNode(unref(ReceiverView), {
-              wrapPosition: false,
-              class: "ele-drawer-body",
+            createVNode(MainContent, {
+              class: normalizeClass(["ele-drawer-body", [{ "is-form": _ctx.form }, _ctx.drawerBodyClass]]),
               style: normalizeStyle(_ctx.bodyStyle)
             }, {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "default")
               ]),
               _: 3
-            }, 8, ["style"])
+            }, 8, ["class", "style"]),
+            createVNode(LoadingSpinner, mergeProps(_ctx.loadingProps || {}, {
+              loading: _ctx.compLoading || _ctx.loading,
+              plain: true
+            }), null, 16, ["loading"])
           ]),
           _: 2
         }, [