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

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

@@ -1,10 +1,10 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { PropType, ExtractPropTypes, EmitsToProps } from 'vue';
 import { StyleValue } from '../ele-app/types';
 import { ElIconProps, ElButtonProps, ElDropdownInstance } from '../ele-app/el';
 import { default as ProDropdown } from './components/pro-dropdown';
 import { DropdownItem } from './types';
 
-declare const normalizeDropdownProps: import('../ele-app/types').Mutable<Omit<{
+declare const normalizeDropdownProps: Omit<{
     readonly trigger: {
         readonly type: PropType<import('element-plus').TooltipTriggerType | import('element-plus').TooltipTriggerType[]>;
         readonly required: false;
@@ -21,6 +21,13 @@ declare const normalizeDropdownProps: import('../ele-app/types').Mutable<Omit<{
     } & {
         readonly default: () => string[];
     };
+    readonly virtualTriggering: BooleanConstructor;
+    readonly virtualRef: {
+        readonly type: PropType<import('element-plus').Measurable>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly effect: {
         readonly default: "light";
         readonly type: PropType<import('element-plus').PopperEffect>;
@@ -76,6 +83,14 @@ declare const normalizeDropdownProps: import('../ele-app/types').Mutable<Omit<{
     } & {
         readonly default: true;
     };
+    readonly showArrow: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
     readonly showTimeout: {
         readonly type: PropType<number>;
         readonly required: false;
@@ -147,7 +162,7 @@ declare const normalizeDropdownProps: import('../ele-app/types').Mutable<Omit<{
     } & {
         readonly default: true;
     };
-}, "size" | "trigger">>;
+}, "size" | "trigger">;
 /**
  * 属性
  */
@@ -165,6 +180,8 @@ export declare const dropdownProps: {
     menuStyle: PropType<StyleValue>;
     /** 自定义图标属性 */
     iconProps: PropType<ElIconProps>;
+    /** 图标尺寸 */
+    iconSize: PropType<"small" | "default">;
     /** 下拉菜单使用的组件类型 */
     componentType: PropType<"pro">;
     /** 是否阻止下拉菜单的右键事件 */
@@ -241,6 +258,13 @@ export declare const dropdownProps: {
     } & {
         readonly default: () => string[];
     };
+    virtualTriggering: BooleanConstructor;
+    virtualRef: {
+        readonly type: PropType<import('element-plus').Measurable>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     popperOptions: {
         readonly type: PropType<Partial<import('element-plus').Options>>;
         readonly required: false;
@@ -266,6 +290,14 @@ export declare const dropdownProps: {
     } & {
         readonly default: true;
     };
+    showArrow: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
     showTimeout: {
         readonly type: PropType<number>;
         readonly required: false;
@@ -305,6 +337,7 @@ export declare const dropdownProps: {
         __epPropKey: true;
     };
     size: PropType<ElButtonProps["size"]>;
+    popperStyle: PropType<StyleValue>;
     appendTo: {
         readonly type: PropType<string | HTMLElement>;
         readonly required: false;
@@ -338,15 +371,6 @@ export declare const dropdownProps: {
     } & {
         readonly default: "hover";
     };
-    showArrow: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    popperStyle: PropType<StyleValue>;
     enterable: {
         readonly default: true;
         readonly type: PropType<boolean>;
@@ -362,13 +386,7 @@ export declare const dropdownProps: {
     } & {
         readonly default: 5;
     };
-    virtualRef: {
-        readonly type: PropType<import('element-plus').Measurable>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    virtualTriggering: BooleanConstructor;
+    focusOnTarget: BooleanConstructor;
     className: StringConstructor;
     gpuAcceleration: {
         readonly type: PropType<boolean>;
@@ -401,6 +419,8 @@ export declare const dropdownEmits: {
     "after-enter": () => boolean;
     "after-leave": () => boolean;
 };
+export type DropdownEmitsProps = EmitsToProps<typeof dropdownEmits>;
+export type DropdownPropsAndEmits = DropdownProps & DropdownEmitsProps;
 /**
  * 属性名
  */

package/es/ele-dropdown/props.js

@@ -43,6 +43,8 @@ const dropdownProps = {
   menuStyle: Object,
   /** 自定义图标属性 */
   iconProps: Object,
+  /** 图标尺寸 */
+  iconSize: String,
   /** 下拉菜单使用的组件类型 */
   componentType: String,
   /** 是否阻止下拉菜单的右键事件 */

package/es/ele-dropdown/style/index.scss

@@ -104,6 +104,12 @@
   padding-right: 0;
 }
 
+/* 紧凑图标 */
+.ele-dropdown-menu.ele-dropdown-icon-small .ele-dropdown-menu-item > .el-icon {
+  font-size: eleVar('dropdown', 'icon-sm-size');
+  margin: eleVar('dropdown', 'icon-sm-margin');
+}
+
 /* 小尺寸 */
 .ele-dropdown-menu.is-small {
   padding: eleVar('dropdown', 'sm-padding');
@@ -122,6 +128,11 @@
   .ele-dropdown-menu-divider {
     margin: eleVar('dropdown', 'sm-divider-margin');
   }
+
+  &.ele-dropdown-icon-small .ele-dropdown-menu-item > .el-icon {
+    font-size: eleVar('dropdown', 'sm-icon-sm-size');
+    margin: eleVar('dropdown', 'sm-icon-sm-margin');
+  }
 }
 
 /* 大尺寸 */
@@ -142,6 +153,11 @@
   .ele-dropdown-menu-divider {
     margin: eleVar('dropdown', 'lg-divider-margin');
   }
+
+  &.ele-dropdown-icon-small .ele-dropdown-menu-item > .el-icon {
+    font-size: eleVar('dropdown', 'lg-icon-sm-size');
+    margin: eleVar('dropdown', 'lg-icon-sm-margin');
+  }
 }
 
 /* 子菜单 */
@@ -156,6 +172,7 @@
   top: 0;
   transform-origin: top left;
   transition: all $transition-slow;
+  z-index: eleVar('dropdown', 'sub-menu-index');
 
   &.is-right-end {
     top: auto;
@@ -268,6 +285,11 @@
     margin: eleVar('dropdown', 'divider-margin');
   }
 
+  .ele-dropdown-icon-small .el-dropdown-menu__item > .el-icon {
+    font-size: eleVar('dropdown', 'icon-sm-size');
+    margin: eleVar('dropdown', 'icon-sm-margin');
+  }
+
   .el-dropdown-menu--small {
     padding: eleVar('dropdown', 'sm-padding');
 
@@ -285,6 +307,11 @@
     .el-dropdown-menu__item--divided {
       margin: eleVar('dropdown', 'sm-divider-margin');
     }
+
+    &.ele-dropdown-icon-small .el-dropdown-menu__item > .el-icon {
+      font-size: eleVar('dropdown', 'sm-icon-sm-size');
+      margin: eleVar('dropdown', 'sm-icon-sm-margin');
+    }
   }
 
   .el-dropdown-menu--large {
@@ -304,5 +331,10 @@
     .el-dropdown-menu__item--divided {
       margin: eleVar('dropdown', 'lg-divider-margin');
     }
+
+    &.ele-dropdown-icon-small .el-dropdown-menu__item > .el-icon {
+      font-size: eleVar('dropdown', 'lg-icon-sm-size');
+      margin: eleVar('dropdown', 'lg-icon-sm-margin');
+    }
   }
 }

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

@@ -17,6 +17,8 @@ export interface DropdownItem extends ElDropdownItemProps {
   slot?: Exclude<string, 'default'>;
   /** 是否为危险样式 */
   danger?: boolean;
+  /** 点击事件 */
+  onClick?: (e: MouseEvent) => void;
   /** 子菜单 */
   children?: DropdownItem[];
 }

package/es/ele-dropdown-provider/index.d.ts

@@ -0,0 +1,13 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    openDropdown: (triggerEl: any, items?: import('../ele-dropdown/types').DropdownItem[], props?: import('../ele-app/plus').EleDropdownPropsAndEmits) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/ele-dropdown-provider/index.js

@@ -0,0 +1,39 @@
+import { defineComponent, createElementBlock, openBlock, Fragment, renderSlot, createVNode, mergeProps, unref } from "vue";
+import EleDropdown from "../ele-dropdown/index";
+import { useDropdownProvider } from "./util";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "EleDropdownProvider" },
+  __name: "index",
+  setup(__props, { expose: __expose }) {
+    const {
+      dropdownRef,
+      dropdownVirtualRef,
+      dropdownItems,
+      dropdownProps,
+      openDropdown
+    } = useDropdownProvider();
+    __expose({
+      openDropdown
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        renderSlot(_ctx.$slots, "default"),
+        createVNode(EleDropdown, mergeProps({
+          triggerKeys: [],
+          persistent: false
+        }, unref(dropdownProps), {
+          ref_key: "dropdownRef",
+          ref: dropdownRef,
+          componentType: "pro",
+          virtualTriggering: true,
+          virtualRef: unref(dropdownVirtualRef),
+          disabled: !unref(dropdownItems).length,
+          items: unref(dropdownItems)
+        }), null, 16, ["virtualRef", "disabled", "items"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-dropdown-provider/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-dropdown-provider/style/index.js

@@ -0,0 +1 @@
+import "../../ele-dropdown/style/index";

package/es/ele-dropdown-provider/types.d.ts

@@ -0,0 +1,13 @@
+import type { EleDropdownPropsAndEmits } from '../ele-app/plus';
+import type { DropdownItem } from '../ele-dropdown/types';
+
+/**
+ * 提供下拉菜单操作给子组件
+ */
+export interface DropdownProvider {
+  openDropdown: (
+    triggerEl: any,
+    items?: DropdownItem[],
+    props?: EleDropdownPropsAndEmits
+  ) => void;
+}

package/es/ele-dropdown-provider/util.d.ts

@@ -0,0 +1,23 @@
+import { InjectionKey } from 'vue';
+import { EleDropdownInstance, EleDropdownPropsAndEmits } from '../ele-app/plus';
+import { DropdownItem } from '../ele-dropdown/types';
+import { DropdownProvider } from './types';
+
+/**
+ * 下拉菜单注入键名
+ */
+export declare const DROPDOWN_KEY: InjectionKey<DropdownProvider>;
+/**
+ * 提供下拉菜单操作给子组件
+ */
+export declare function useDropdownProvider(): {
+    dropdownRef: import('vue').Ref<EleDropdownInstance, EleDropdownInstance>;
+    dropdownVirtualRef: import('vue').ShallowRef<any, any>;
+    dropdownItems: import('vue').ShallowRef<DropdownItem[], DropdownItem[]>;
+    dropdownProps: import('vue').ShallowRef<EleDropdownPropsAndEmits, EleDropdownPropsAndEmits>;
+    openDropdown: (triggerEl: any, items?: DropdownItem[], props?: EleDropdownPropsAndEmits) => void;
+};
+/**
+ * 下拉菜单操作
+ */
+export declare function useDropdown(): DropdownProvider;

package/es/ele-dropdown-provider/util.js

@@ -0,0 +1,44 @@
+import { ref, shallowRef, provide, inject, nextTick } from "vue";
+const DROPDOWN_KEY = Symbol(
+  "dropdown"
+);
+function useDropdownProvider() {
+  const dropdownRef = ref(null);
+  const dropdownVirtualRef = shallowRef();
+  const dropdownItems = shallowRef([]);
+  const dropdownProps = shallowRef({});
+  const openDropdown = (triggerEl, items, props) => {
+    if (triggerEl == null || dropdownVirtualRef.value === triggerEl) {
+      return;
+    }
+    dropdownRef.value && dropdownRef.value.handleClose();
+    nextTick(() => {
+      dropdownProps.value = props || {};
+      dropdownItems.value = items || [];
+      dropdownVirtualRef.value = triggerEl;
+      if (dropdownItems.value.length) {
+        nextTick(() => {
+          dropdownRef.value && dropdownRef.value.handleOpen();
+        });
+      }
+    });
+  };
+  provide(DROPDOWN_KEY, {
+    openDropdown
+  });
+  return {
+    dropdownRef,
+    dropdownVirtualRef,
+    dropdownItems,
+    dropdownProps,
+    openDropdown
+  };
+}
+function useDropdown() {
+  return inject(DROPDOWN_KEY, {});
+}
+export {
+  DROPDOWN_KEY,
+  useDropdown,
+  useDropdownProvider
+};

package/es/ele-edit-tag/index.js

@@ -128,17 +128,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "ele-edit-tag",
+        class: normalizeClass(["ele-edit-tag", [
           { "is-large": _ctx.size === "large" },
           { "is-small": _ctx.size === "small" },
           { "is-disabled": _ctx.disabled },
           { "is-readonly": _ctx.readonly }
-        ])
+        ]])
       }, [
         _ctx.modelValue ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.modelValue, (item, index) => {
           return openBlock(), createBlock(unref(ElTag), {
-            key: index + "-" + item,
+            key: `${index}-${item}`,
             hit: _ctx.hit,
             type: _ctx.type,
             color: _ctx.color,

package/es/ele-file-list/components/file-grid-item.js

@@ -44,7 +44,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return !!(props.current && props.current.key === props.item.key);
     });
     const icon = computed(() => {
-      var _a, _b, _c;
       if (props.item.thumbnail) {
         return props.item.thumbnail;
       }
@@ -52,20 +51,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
       if (props.item.isDirectory) {
-        return (_a = props.icons.find((d) => d.type === "dir")) == null ? void 0 : _a.icon;
+        return props.icons.find((d) => d.type === "dir")?.icon;
       }
       if (props.item.name) {
-        const icon2 = (_b = props.icons.find((d) => {
+        const icon2 = props.icons.find((d) => {
           if (!d.suffixes) {
             return false;
           }
           return !!d.suffixes.find((t) => !!props.item.name.endsWith(t));
-        })) == null ? void 0 : _b.icon;
+        })?.icon;
         if (icon2) {
           return icon2;
         }
       }
-      return (_c = props.icons.find((d) => d.type === "file")) == null ? void 0 : _c.icon;
+      return props.icons.find((d) => d.type === "file")?.icon;
     });
     const handleClick = () => {
       emit("click", props.item);
@@ -84,11 +83,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "ele-file-list-item",
+        class: normalizeClass(["ele-file-list-item", [
           { "is-checked": selected.value },
           { "is-active": __props.ctxMenuDropdownVisible }
-        ]),
+        ]]),
         onClick: withModifiers(handleClick, ["stop"])
       }, [
         createElementVNode("div", {
@@ -117,9 +115,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 0,
           class: "ele-file-list-item-checkbox",
           onClick: withModifiers(handleCheckChange, ["stop"])
-        }, _cache[1] || (_cache[1] = [
+        }, [..._cache[1] || (_cache[1] = [
           createElementVNode("i", { class: "ele-file-list-checkbox is-checked" }, null, -1)
-        ]))) : createCommentVNode("", true),
+        ])])) : createCommentVNode("", true),
         createElementVNode("div", {
           ref_key: "dropdownTriggerRef",
           ref: dropdownTriggerRef,

package/es/ele-file-list/components/file-grid.d.ts

@@ -59,9 +59,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onItemCheckChange?: ((_item: FileItem) => any) | undefined;
     onItemContextOpen?: ((_option: ContextOpenOption) => any) | undefined;
 }>, {
-    ctxMenuDropdownVisible: boolean;
     isCheckAll: boolean;
     isIndeterminate: boolean;
+    ctxMenuDropdownVisible: 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-file-list/components/file-grid.js

@@ -1,5 +1,5 @@
-import { defineComponent, computed, createBlock, openBlock, unref, withCtx, createElementBlock, createCommentVNode, createElementVNode, withModifiers, normalizeClass, toDisplayString, Fragment, renderList, createSlots, renderSlot, mergeProps } from "vue";
-import ReceiverView from "../../ele-config-provider/components/receiver-view";
+import { defineComponent, computed, createBlock, openBlock, withCtx, createElementBlock, createCommentVNode, createElementVNode, withModifiers, normalizeClass, toDisplayString, Fragment, renderList, createSlots, renderSlot, mergeProps } from "vue";
+import MainContent from "../../ele-loading/components/main-content";
 import FileGridItem from "./file-grid-item";
 const _hoisted_1 = {
   key: 0,
@@ -67,7 +67,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("itemContextOpen", option);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ReceiverView), { class: "ele-file-list" }, {
+      return openBlock(), createBlock(MainContent, { class: "ele-file-list" }, {
         default: withCtx(() => [
           __props.selectionType === "checkbox" ? (openBlock(), createElementBlock("div", _hoisted_1, [
             createElementVNode("div", {
@@ -75,11 +75,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: withModifiers(handleCheckAllChange, ["stop"])
             }, [
               createElementVNode("i", {
-                class: normalizeClass([
-                  "ele-file-list-checkbox",
+                class: normalizeClass(["ele-file-list-checkbox", [
                   { "is-checked": __props.isCheckAll },
                   { "is-indeterminate": __props.isIndeterminate }
-                ])
+                ]])
               }, null, 2),
               createElementVNode("div", null, toDisplayString(headerText.value), 1)
             ])

package/es/ele-file-list/components/file-sort.js

@@ -16,11 +16,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("i", {
-        class: normalizeClass([
-          "ele-file-list-item-sort",
+        class: normalizeClass(["ele-file-list-item-sort", [
           { "is-asc": __props.name === __props.sort && "asc" === __props.order },
           { "is-desc": __props.name === __props.sort && "desc" === __props.order }
-        ])
+        ]])
       }, null, 2);
     };
   }

package/es/ele-file-list/components/file-table-item.js

@@ -55,7 +55,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return !!(props.current && props.current.key === props.item.key);
     });
     const icon = computed(() => {
-      var _a, _b, _c;
       if (props.item.thumbnail) {
         return props.item.thumbnail;
       }
@@ -63,20 +62,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
       if (props.item.isDirectory) {
-        return (_a = props.icons.find((d) => d.type === "dir")) == null ? void 0 : _a.icon;
+        return props.icons.find((d) => d.type === "dir")?.icon;
       }
       if (props.item.name) {
-        const icon2 = (_b = props.icons.find((d) => {
+        const icon2 = props.icons.find((d) => {
           if (!d.suffixes) {
             return false;
           }
           return !!d.suffixes.find((t) => !!props.item.name.endsWith(t));
-        })) == null ? void 0 : _b.icon;
+        })?.icon;
         if (icon2) {
           return icon2;
         }
       }
-      return (_c = props.icons.find((d) => d.type === "file")) == null ? void 0 : _c.icon;
+      return props.icons.find((d) => d.type === "file")?.icon;
     });
     const handleClick = () => {
       emit("click", props.item);
@@ -95,11 +94,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "ele-file-list-item",
+        class: normalizeClass(["ele-file-list-item", [
           { "is-checked": selected.value },
           { "is-active": __props.ctxMenuDropdownVisible }
-        ]),
+        ]]),
         onClick: withModifiers(handleClick, ["stop"])
       }, [
         createElementVNode("div", {
@@ -108,11 +106,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           selectable.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
             createElementVNode("i", {
-              class: normalizeClass([
-                "ele-file-list-checkbox",
+              class: normalizeClass(["ele-file-list-checkbox", [
                 { "is-radio": __props.selectionType === "radio" },
                 { "is-checked": selected.value }
-              ]),
+              ]]),
               onClick: withModifiers(handleCheckChange, ["stop"])
             }, null, 2)
           ])) : createCommentVNode("", true),

package/es/ele-file-list/components/file-table.d.ts

@@ -87,9 +87,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onItemContextOpen?: ((_option: ContextOpenOption) => any) | undefined;
 }>, {
     sortable: boolean;
-    ctxMenuDropdownVisible: boolean;
     isCheckAll: boolean;
     isIndeterminate: boolean;
+    ctxMenuDropdownVisible: 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-file-list/components/file-table.js

@@ -1,5 +1,5 @@
-import { defineComponent, computed, createBlock, openBlock, unref, withCtx, createElementVNode, createElementBlock, createCommentVNode, withModifiers, normalizeClass, toDisplayString, Fragment, renderList, normalizeStyle, renderSlot, createTextVNode, createSlots, mergeProps } from "vue";
-import ReceiverView from "../../ele-config-provider/components/receiver-view";
+import { defineComponent, computed, createBlock, openBlock, withCtx, createElementVNode, createElementBlock, createCommentVNode, withModifiers, normalizeClass, toDisplayString, Fragment, renderList, normalizeStyle, renderSlot, createTextVNode, createSlots, mergeProps } from "vue";
+import MainContent from "../../ele-loading/components/main-content";
 import FileTableItem from "./file-table-item";
 import FileSort from "./file-sort";
 const _hoisted_1 = { class: "ele-file-list-header" };
@@ -106,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("itemContextOpen", option);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ReceiverView), { class: "ele-file-list-table" }, {
+      return openBlock(), createBlock(MainContent, { class: "ele-file-list-table" }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
             createElementVNode("div", _hoisted_2, [
@@ -114,11 +114,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 __props.selectionType === "checkbox" || __props.selectionType === "radio" ? (openBlock(), createElementBlock("div", _hoisted_4, [
                   __props.selectionType === "checkbox" ? (openBlock(), createElementBlock("i", {
                     key: 0,
-                    class: normalizeClass([
-                      "ele-file-list-checkbox",
+                    class: normalizeClass(["ele-file-list-checkbox", [
                       { "is-checked": __props.isCheckAll },
                       { "is-indeterminate": __props.isIndeterminate }
-                    ]),
+                    ]]),
                     onClick: withModifiers(handleCheckAllChange, ["stop"])
                   }, null, 2)) : createCommentVNode("", true)
                 ])) : createCommentVNode("", true),
@@ -138,10 +137,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("div", {
                     key: col.prop,
                     style: normalizeStyle(col.headerStyle || col.style),
-                    class: normalizeClass([
-                      "ele-file-list-item-cell",
-                      { "is-sortable": col.sortable }
-                    ]),
+                    class: normalizeClass(["ele-file-list-item-cell", { "is-sortable": col.sortable }]),
                     onClick: ($event) => handleSortChange(col.prop, col)
                   }, [
                     createElementVNode("span", null, [

package/es/ele-file-list/index.d.ts

@@ -31,8 +31,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     contextMenuProps: import('vue').PropType<import('../ele-app/plus').EleDropdownProps>;
     locale: import('vue').PropType<Partial<import('./types').FileListLocale>>;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    itemClick: (_item: FileItem) => void;
     sortChange: (_sorter: SortValue) => void;
+    itemClick: (_item: FileItem) => void;
     "update:selections": (_selection?: FileItem[] | undefined) => void;
     "update:current": (_current?: FileItem | null | undefined) => void;
     itemContextOpen: (_dropdownRef: EleDropdownInstance, _item: FileItem) => void;
@@ -63,8 +63,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     contextMenuProps: import('vue').PropType<import('../ele-app/plus').EleDropdownProps>;
     locale: import('vue').PropType<Partial<import('./types').FileListLocale>>;
 }>> & Readonly<{
-    onItemClick?: ((_item: FileItem) => any) | undefined;
     onSortChange?: ((_sorter: SortValue) => any) | undefined;
+    onItemClick?: ((_item: FileItem) => any) | undefined;
     "onUpdate:selections"?: ((_selection?: FileItem[] | undefined) => any) | undefined;
     "onUpdate:current"?: ((_current?: FileItem | null | undefined) => any) | undefined;
     onItemContextOpen?: ((_dropdownRef: EleDropdownInstance, _item: FileItem) => any) | undefined;