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

package/lib/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/lib/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/lib/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/lib/ele-dropdown-provider/index.cjs

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

package/lib/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/lib/ele-dropdown-provider/style/index.cjs

@@ -0,0 +1,2 @@
+"use strict";
+require("../../ele-dropdown/style/index");

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

@@ -0,0 +1 @@
+

package/lib/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/lib/ele-dropdown-provider/util.cjs

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

package/lib/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/lib/ele-edit-tag/index.cjs

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

package/lib/ele-file-list/components/file-grid-item.cjs

@@ -45,7 +45,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return !!(props.current && props.current.key === props.item.key);
     });
     const icon = vue.computed(() => {
-      var _a, _b, _c;
       if (props.item.thumbnail) {
         return props.item.thumbnail;
       }
@@ -53,20 +52,20 @@ const _sfc_main = /* @__PURE__ */ vue.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);
@@ -85,11 +84,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([
-          "ele-file-list-item",
+        class: vue.normalizeClass(["ele-file-list-item", [
           { "is-checked": selected.value },
           { "is-active": __props.ctxMenuDropdownVisible }
-        ]),
+        ]]),
         onClick: vue.withModifiers(handleClick, ["stop"])
       }, [
         vue.createElementVNode("div", {
@@ -118,9 +116,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           class: "ele-file-list-item-checkbox",
           onClick: vue.withModifiers(handleCheckChange, ["stop"])
-        }, _cache[1] || (_cache[1] = [
+        }, [..._cache[1] || (_cache[1] = [
           vue.createElementVNode("i", { class: "ele-file-list-checkbox is-checked" }, null, -1)
-        ]))) : vue.createCommentVNode("", true),
+        ])])) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           ref_key: "dropdownTriggerRef",
           ref: dropdownTriggerRef,

package/lib/ele-file-list/components/file-grid.cjs

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

package/lib/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/lib/ele-file-list/components/file-sort.cjs

@@ -17,11 +17,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("i", {
-        class: vue.normalizeClass([
-          "ele-file-list-item-sort",
+        class: vue.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/lib/ele-file-list/components/file-table-item.cjs

@@ -56,7 +56,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return !!(props.current && props.current.key === props.item.key);
     });
     const icon = vue.computed(() => {
-      var _a, _b, _c;
       if (props.item.thumbnail) {
         return props.item.thumbnail;
       }
@@ -64,20 +63,20 @@ const _sfc_main = /* @__PURE__ */ vue.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);
@@ -96,11 +95,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([
-          "ele-file-list-item",
+        class: vue.normalizeClass(["ele-file-list-item", [
           { "is-checked": selected.value },
           { "is-active": __props.ctxMenuDropdownVisible }
-        ]),
+        ]]),
         onClick: vue.withModifiers(handleClick, ["stop"])
       }, [
         vue.createElementVNode("div", {
@@ -109,11 +107,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }, [
           selectable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
             vue.createElementVNode("i", {
-              class: vue.normalizeClass([
-                "ele-file-list-checkbox",
+              class: vue.normalizeClass(["ele-file-list-checkbox", [
                 { "is-radio": __props.selectionType === "radio" },
                 { "is-checked": selected.value }
-              ]),
+              ]]),
               onClick: vue.withModifiers(handleCheckChange, ["stop"])
             }, null, 2)
           ])) : vue.createCommentVNode("", true),

package/lib/ele-file-list/components/file-table.cjs

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

package/lib/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/lib/ele-file-list/index.cjs

@@ -29,10 +29,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const ctxMenuDropdownVisible = vue.ref(false);
     const contextMenuFileItem = vue.ref(null);
     const isCheckAll = vue.computed(() => {
-      return !!(props2.data && props2.data.length && props2.selections && props2.selections.length && !props2.data.some((d) => {
-        var _a, _b;
-        return !((_b = (_a = props2.selections) == null ? void 0 : _a.some) == null ? void 0 : _b.call(_a, (t) => d.key === t.key));
-      }));
+      return !!(props2.data && props2.data.length && props2.selections && props2.selections.length && !props2.data.some((d) => !props2.selections?.some?.((t) => d.key === t.key)));
     });
     const isIndeterminate = vue.computed(() => {
       return !!(!isCheckAll.value && props2.selections && props2.selections.length);

package/lib/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;

package/lib/ele-file-list/style/index.scss

@@ -277,7 +277,7 @@
   .ele-file-list-item {
     line-height: eleVar('file', 'td-height');
     border-top: 1px solid elVar('border-color', 'light');
-    transition: all $transition-base;
+    transition: background-color $transition-base;
     position: relative;
 
     .ele-file-list-item-body {