ele-admin-plus 1.0.2 → 1.1.0

package/lib/ele-ellipsis/props.d.ts

@@ -5,6 +5,7 @@ import type { EllipsisTooltip } from './types';
  */
 export declare const ellipsisProps: {
     maxLine: NumberConstructor;
+    lineHeight: (StringConstructor | NumberConstructor)[];
     tooltip: {
         type: PropType<boolean | EllipsisTooltip>;
         default: () => {
@@ -22,7 +23,7 @@ export declare const ellipsisProps: {
     strong: BooleanConstructor;
     italic: BooleanConstructor;
     icon: PropType<import("../ele-text/types").TextIcon>;
-    iconProps: PropType<Partial<import("element-plus").IconProps>>;
-    iconStyle: PropType<import("vue").CSSProperties>;
+    iconProps: PropType<import("../ele-app/types").ElIconProps>;
+    iconStyle: PropType<import("../ele-app/types").StyleValue>;
 };
 export type EllipsisProps = ExtractPropTypes<typeof ellipsisProps>;

package/lib/ele-ellipsis/props.js

@@ -5,6 +5,8 @@ const ellipsisProps = {
   ...props.textProps,
   // 最大行数
   maxLine: Number,
+  // 行高
+  lineHeight: [Number, String],
   // 文字提示属性
   tooltip: {
     type: [Boolean, Object],

package/lib/ele-ellipsis/style/index.js

@@ -1,4 +1,4 @@
 "use strict";
-require("element-plus/es/components/tooltip/style/index");
+require("../../ele-tooltip/style/index");
 require("../../ele-text/style/index");
 require("./index.scss");

package/lib/ele-ellipsis/types/index.d.ts

@@ -1,8 +1,8 @@
-import type { ElTooltipProps } from 'element-plus';
+import type { EleTooltipProps } from '../../ele-avatar-group/types';
 /**
  * 文字提示属性
  */
-export interface EllipsisTooltip extends Partial<ElTooltipProps> {
+export interface EllipsisTooltip extends EleTooltipProps {
     /** 是否使用原生的提示 */
     original?: boolean;
 }

package/lib/ele-file-list/components/file-grid-item.d.ts

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
-import type { ElDropdownInstance } from '../../ele-app/types';
-import type { IconItem, FileItem, ItemContextMenuOption, SelectionType } from '../types';
-declare const _sfc_main: import("vue").DefineComponent<{
+import type { DropdownItem } from '../../ele-dropdown/types';
+import type { IconItem, FileItem, ItemContextMenuOption, SelectionType, EleDropdownProps, DropdownInstance } from '../types';
+declare const _default: import("vue").DefineComponent<{
     item: {
         type: PropType<FileItem>;
         required: true;
@@ -10,8 +10,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     selections: PropType<FileItem[]>;
     current: PropType<FileItem>;
     icons: PropType<IconItem[]>;
+    contextMenus: PropType<DropdownItem[]>;
+    contextMenuProps: PropType<EleDropdownProps>;
 }, {
-    dropdownRef: import("vue").Ref<ElDropdownInstance>;
+    dropdownRef: import("vue").Ref<DropdownInstance>;
     dropdownVisible: import("vue").Ref<boolean>;
     selectable: import("vue").ComputedRef<boolean>;
     selected: import("vue").ComputedRef<boolean>;
@@ -25,7 +27,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     click: (_item: FileItem) => true;
     checkChange: (_item: FileItem) => true;
     contextMenu: (_option: ItemContextMenuOption) => true;
-    contextOpen: (_ref: ElDropdownInstance) => true;
+    contextOpen: (_ref: DropdownInstance) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<FileItem>;
@@ -35,10 +37,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
     selections: PropType<FileItem[]>;
     current: PropType<FileItem>;
     icons: PropType<IconItem[]>;
+    contextMenus: PropType<DropdownItem[]>;
+    contextMenuProps: PropType<EleDropdownProps>;
 }>> & {
     onClick?: ((_item: FileItem) => any) | undefined;
     onCheckChange?: ((_item: FileItem) => any) | undefined;
     onContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
-    onContextOpen?: ((_ref: ElDropdownInstance) => any) | undefined;
+    onContextOpen?: ((_ref: DropdownInstance) => any) | undefined;
 }, {}, {}>;
-export default _sfc_main;
+export default _default;

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

@@ -1,9 +1,9 @@
 "use strict";
 const vue = require("vue");
-const elementPlus = require("element-plus");
+const EleDropdown = require("../../ele-dropdown/index");
 const _sfc_main = vue.defineComponent({
   name: "FileGridItem",
-  components: { ElDropdown: elementPlus.ElDropdown, ElDropdownMenu: elementPlus.ElDropdownMenu },
+  components: { EleDropdown },
   props: {
     // 数据
     item: {
@@ -17,7 +17,11 @@ const _sfc_main = vue.defineComponent({
     // 单选选中数据
     current: Object,
     // 后缀对应的图标
-    icons: Array
+    icons: Array,
+    // 右键菜单
+    contextMenus: Array,
+    // 右键菜单属性
+    contextMenuProps: Object
   },
   emits: {
     click: (_item) => true,
@@ -115,8 +119,7 @@ const _hoisted_5 = [
   _hoisted_4
 ];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElDropdownMenu = vue.resolveComponent("ElDropdownMenu");
-  const _component_ElDropdown = vue.resolveComponent("ElDropdown");
+  const _component_EleDropdown = vue.resolveComponent("EleDropdown");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass([
       "ele-file-list-item",
@@ -145,32 +148,32 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "ele-file-list-item-checkbox",
       onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.onCheckChange && _ctx.onCheckChange(...args), ["stop"]))
     }, _hoisted_5)) : vue.createCommentVNode("", true),
-    _ctx.$slots.contextMenu ? (vue.openBlock(), vue.createBlock(_component_ElDropdown, {
-      key: 1,
+    _ctx.contextMenus || _ctx.$slots.contextMenu ? (vue.openBlock(), vue.createBlock(_component_EleDropdown, vue.mergeProps({ key: 1 }, _ctx.contextMenuProps, {
       ref: "dropdownRef",
       trigger: "click",
       placement: "bottom-start",
       popperClass: "ele-file-list-item-context",
       class: "ele-file-list-item-dropdown",
+      items: _ctx.contextMenus,
       onCommand: _ctx.onItemContextMenu,
       onVisibleChange: _ctx.onContextVisibleChange
-    }, {
-      dropdown: vue.withCtx(() => [
-        vue.createVNode(_component_ElDropdownMenu, null, {
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "contextMenu", { item: _ctx.item })
-          ]),
-          _: 3
-        })
-      ]),
+    }), vue.createSlots({
       default: vue.withCtx(() => [
         vue.createElementVNode("div", {
           onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
           }, ["stop"]))
         })
       ]),
-      _: 3
-    }, 8, ["onCommand", "onVisibleChange"])) : vue.createCommentVNode("", true)
+      _: 2
+    }, [
+      _ctx.$slots.contextMenu ? {
+        name: "dropdownMenu",
+        fn: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "contextMenu", { item: _ctx.item })
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["items", "onCommand", "onVisibleChange"])) : vue.createCommentVNode("", true)
   ], 2);
 }
 const fileGridItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

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

@@ -1,9 +1,6 @@
 import type { PropType, Ref } from 'vue';
-import type { ElDropdown } from 'element-plus';
-import type { IconItem, FileItem, ItemContextMenuOption, SelectionType } from '../types';
-import type GridItemType from "./file-grid-item";
-export type GridItemInstance = InstanceType<typeof GridItemType>;
-declare const _sfc_main: import("vue").DefineComponent<{
+import type { IconItem, FileItem, ItemContextMenuOption, SelectionType, ContextMenus, EleDropdownProps, DropdownInstance } from '../types';
+declare const _default: import("vue").DefineComponent<{
     data: PropType<FileItem[]>;
     icons: PropType<IconItem[]>;
     selectionType: PropType<SelectionType>;
@@ -13,14 +10,168 @@ declare const _sfc_main: import("vue").DefineComponent<{
     isIndeterminate: BooleanConstructor;
     checkAllText: StringConstructor;
     selectedText: StringConstructor;
+    contextMenus: PropType<ContextMenus>;
+    contextMenuProps: PropType<EleDropdownProps>;
 }, {
-    itemRefs: Ref<any[]>;
+    itemRefs: Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            key?: string | number | symbol | undefined;
+            onClick?: ((_item: FileItem) => any) | undefined;
+            style?: unknown;
+            readonly selections?: FileItem[] | undefined;
+            readonly current?: FileItem | undefined;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            class?: unknown;
+            readonly item: FileItem;
+            onCheckChange?: ((_item: FileItem) => any) | undefined;
+            onContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
+            onContextOpen?: ((_ref: DropdownInstance) => any) | undefined;
+            readonly selectionType?: SelectionType | undefined;
+            readonly icons?: IconItem[] | undefined;
+            readonly contextMenus?: import("../../ele-dropdown/types").DropdownItem[] | undefined;
+            readonly contextMenuProps?: EleDropdownProps | undefined;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: ((event: "click", _item: FileItem) => void) & ((event: "checkChange", _item: FileItem) => void) & ((event: "contextMenu", _option: ItemContextMenuOption) => void) & ((event: "contextOpen", _ref: DropdownInstance) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            item: {
+                type: PropType<FileItem>;
+                required: true;
+            };
+            selectionType: PropType<SelectionType>;
+            selections: PropType<FileItem[]>;
+            current: PropType<FileItem>;
+            icons: PropType<IconItem[]>;
+            contextMenus: PropType<import("../../ele-dropdown/types").DropdownItem[]>;
+            contextMenuProps: PropType<EleDropdownProps>;
+        }>> & {
+            onClick?: ((_item: FileItem) => any) | undefined;
+            onCheckChange?: ((_item: FileItem) => any) | undefined;
+            onContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
+            onContextOpen?: ((_ref: DropdownInstance) => any) | undefined;
+        }, {
+            dropdownRef: Ref<DropdownInstance>;
+            dropdownVisible: Ref<boolean>;
+            selectable: import("vue").ComputedRef<boolean>;
+            selected: import("vue").ComputedRef<boolean>;
+            icon: import("vue").ComputedRef<string | undefined>;
+            onClick: () => void;
+            onCheckChange: () => void;
+            onContextmenu: (e: MouseEvent) => void;
+            onItemContextMenu: (command: string) => void;
+            onContextVisibleChange: (visible: boolean) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: (_item: FileItem) => true;
+            checkChange: (_item: FileItem) => true;
+            contextMenu: (_option: ItemContextMenuOption) => true;
+            contextOpen: (_ref: DropdownInstance) => true;
+        }, string, {}, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        item: {
+            type: PropType<FileItem>;
+            required: true;
+        };
+        selectionType: PropType<SelectionType>;
+        selections: PropType<FileItem[]>;
+        current: PropType<FileItem>;
+        icons: PropType<IconItem[]>;
+        contextMenus: PropType<import("../../ele-dropdown/types").DropdownItem[]>;
+        contextMenuProps: PropType<EleDropdownProps>;
+    }>> & {
+        onClick?: ((_item: FileItem) => any) | undefined;
+        onCheckChange?: ((_item: FileItem) => any) | undefined;
+        onContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
+        onContextOpen?: ((_ref: DropdownInstance) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{
+        dropdownRef: Ref<DropdownInstance>;
+        dropdownVisible: Ref<boolean>;
+        selectable: import("vue").ComputedRef<boolean>;
+        selected: import("vue").ComputedRef<boolean>;
+        icon: import("vue").ComputedRef<string | undefined>;
+        onClick: () => void;
+        onCheckChange: () => void;
+        onContextmenu: (e: MouseEvent) => void;
+        onItemContextMenu: (command: string) => void;
+        onContextVisibleChange: (visible: boolean) => void;
+    }> & {} & import("vue").ComponentCustomProperties & {})[]>;
     headerText: import("vue").ComputedRef<string | undefined>;
     onCheckAllChange: () => void;
     onItemClick: (item: FileItem) => void;
     onItemCheckChange: (item: FileItem) => void;
     onItemContextMenu: (option: ItemContextMenuOption) => void;
-    onItemContextOpen: (ref: InstanceType<typeof ElDropdown> | null) => void;
+    onItemContextOpen: (ref: DropdownInstance) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     checkAllChange: () => true;
     itemClick: (_item: FileItem) => true;
@@ -36,13 +187,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
     isIndeterminate: BooleanConstructor;
     checkAllText: StringConstructor;
     selectedText: StringConstructor;
+    contextMenus: PropType<ContextMenus>;
+    contextMenuProps: PropType<EleDropdownProps>;
 }>> & {
+    onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
     onCheckAllChange?: (() => any) | undefined;
     onItemClick?: ((_item: FileItem) => any) | undefined;
     onItemCheckChange?: ((_item: FileItem) => any) | undefined;
-    onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
 }, {
     isCheckAll: boolean;
     isIndeterminate: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

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

@@ -22,7 +22,11 @@ const _sfc_main = vue.defineComponent({
     // 全选按钮文字
     checkAllText: String,
     // 选中后的文字
-    selectedText: String
+    selectedText: String,
+    // 右键菜单
+    contextMenus: [Array, Function],
+    // 右键菜单属性
+    contextMenuProps: Object
   },
   emits: {
     checkAllChange: () => true,
@@ -118,6 +122,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           selections: _ctx.selections,
           current: _ctx.current,
           icons: _ctx.icons,
+          contextMenus: typeof _ctx.contextMenus === "function" ? _ctx.contextMenus(item) : _ctx.contextMenus,
+          contextMenuProps: _ctx.contextMenuProps,
           onClick: _ctx.onItemClick,
           onCheckChange: _ctx.onItemCheckChange,
           onContextMenu: _ctx.onItemContextMenu,
@@ -131,7 +137,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1032, ["item", "selectionType", "selections", "current", "icons", "onClick", "onCheckChange", "onContextMenu", "onContextOpen"]);
+        ]), 1032, ["item", "selectionType", "selections", "current", "icons", "contextMenus", "contextMenuProps", "onClick", "onCheckChange", "onContextMenu", "onContextOpen"]);
       }), 128))
     ])
   ]);

package/lib/ele-file-list/components/file-sort.d.ts

@@ -1,4 +1,4 @@
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     sort: StringConstructor;
     order: StringConstructor;
     name: {
@@ -13,4 +13,4 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
 }>>, {}, {}>;
-export default _sfc_main;
+export default _default;

package/lib/ele-file-list/components/file-table-item.d.ts

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
-import type { ElDropdownInstance } from '../../ele-app/types';
-import type { IconItem, FileItem, ColumnItem, ItemContextMenuOption, SelectionType } from '../types';
-declare const _sfc_main: import("vue").DefineComponent<{
+import type { DropdownItem } from '../../ele-dropdown/types';
+import type { IconItem, FileItem, ColumnItem, ItemContextMenuOption, SelectionType, EleDropdownProps, DropdownInstance } from '../types';
+declare const _default: import("vue").DefineComponent<{
     item: {
         type: PropType<FileItem>;
         required: true;
@@ -11,8 +11,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     current: PropType<FileItem>;
     icons: PropType<IconItem[]>;
     columns: PropType<ColumnItem[]>;
+    contextMenus: PropType<DropdownItem[]>;
+    contextMenuProps: PropType<EleDropdownProps>;
 }, {
-    dropdownRef: import("vue").Ref<ElDropdownInstance>;
+    dropdownRef: import("vue").Ref<DropdownInstance>;
     dropdownVisible: import("vue").Ref<boolean>;
     selectable: import("vue").ComputedRef<boolean>;
     selected: import("vue").ComputedRef<boolean>;
@@ -26,7 +28,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     click: (_item: FileItem) => true;
     checkChange: (_item: FileItem) => true;
     contextMenu: (_option: ItemContextMenuOption) => true;
-    contextOpen: (_ref: ElDropdownInstance) => true;
+    contextOpen: (_ref: DropdownInstance) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<FileItem>;
@@ -37,10 +39,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
     current: PropType<FileItem>;
     icons: PropType<IconItem[]>;
     columns: PropType<ColumnItem[]>;
+    contextMenus: PropType<DropdownItem[]>;
+    contextMenuProps: PropType<EleDropdownProps>;
 }>> & {
     onClick?: ((_item: FileItem) => any) | undefined;
     onCheckChange?: ((_item: FileItem) => any) | undefined;
     onContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
-    onContextOpen?: ((_ref: ElDropdownInstance) => any) | undefined;
+    onContextOpen?: ((_ref: DropdownInstance) => any) | undefined;
 }, {}, {}>;
-export default _sfc_main;
+export default _default;

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

@@ -1,9 +1,9 @@
 "use strict";
 const vue = require("vue");
-const elementPlus = require("element-plus");
+const EleDropdown = require("../../ele-dropdown/index");
 const _sfc_main = vue.defineComponent({
   name: "FileTableItem",
-  components: { ElDropdown: elementPlus.ElDropdown, ElDropdownMenu: elementPlus.ElDropdownMenu },
+  components: { EleDropdown },
   props: {
     // 数据
     item: {
@@ -19,7 +19,11 @@ const _sfc_main = vue.defineComponent({
     // 后缀对应的图标
     icons: Array,
     // 自定义列配置
-    columns: Array
+    columns: Array,
+    // 右键菜单
+    contextMenus: Array,
+    // 右键菜单属性
+    contextMenuProps: Object
   },
   emits: {
     click: (_item) => true,
@@ -44,6 +48,9 @@ const _sfc_main = vue.defineComponent({
     });
     const icon = vue.computed(() => {
       var _a, _b, _c;
+      if (props.item.thumbnail) {
+        return props.item.thumbnail;
+      }
       if (!props.icons) {
         return;
       }
@@ -119,8 +126,7 @@ const _hoisted_6 = {
   class: "ele-file-list-item-tools"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElDropdownMenu = vue.resolveComponent("ElDropdownMenu");
-  const _component_ElDropdown = vue.resolveComponent("ElDropdown");
+  const _component_EleDropdown = vue.resolveComponent("EleDropdown");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass([
       "ele-file-list-item",
@@ -147,8 +153,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         vue.createElementVNode("div", _hoisted_3, [
           vue.createElementVNode("img", {
             src: _ctx.icon,
+            class: vue.normalizeClass({ "ele-file-list-item-image": !!_ctx.item.thumbnail }),
             onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-          }, null, 8, _hoisted_4),
+          }, null, 10, _hoisted_4),
           vue.createElementVNode("div", {
             title: _ctx.item.name,
             class: "ele-file-list-item-title",
@@ -175,32 +182,32 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 4);
       }), 128))
     ], 32),
-    _ctx.$slots.contextMenu ? (vue.openBlock(), vue.createBlock(_component_ElDropdown, {
-      key: 0,
+    _ctx.contextMenus || _ctx.$slots.contextMenu ? (vue.openBlock(), vue.createBlock(_component_EleDropdown, vue.mergeProps({ key: 0 }, _ctx.contextMenuProps, {
       ref: "dropdownRef",
       trigger: "click",
       placement: "bottom-start",
       popperClass: "ele-file-list-item-context",
       class: "ele-file-list-item-dropdown",
+      items: _ctx.contextMenus,
       onCommand: _ctx.onItemContextMenu,
       onVisibleChange: _ctx.onContextVisibleChange
-    }, {
-      dropdown: vue.withCtx(() => [
-        vue.createVNode(_component_ElDropdownMenu, null, {
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "contextMenu", { item: _ctx.item })
-          ]),
-          _: 3
-        })
-      ]),
+    }), vue.createSlots({
       default: vue.withCtx(() => [
         vue.createElementVNode("div", {
           onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
           }, ["stop"]))
         })
       ]),
-      _: 3
-    }, 8, ["onCommand", "onVisibleChange"])) : vue.createCommentVNode("", true)
+      _: 2
+    }, [
+      _ctx.$slots.contextMenu ? {
+        name: "dropdownMenu",
+        fn: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "contextMenu", { item: _ctx.item })
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["items", "onCommand", "onVisibleChange"])) : vue.createCommentVNode("", true)
   ], 2);
 }
 const fileTableItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

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

@@ -1,9 +1,6 @@
 import type { PropType, Ref } from 'vue';
-import type { ElDropdown } from 'element-plus';
-import type { IconItem, FileItem, ColumnItem, ItemContextMenuOption, SelectionType } from '../types';
-import type TableItemType from "./file-table-item";
-export type TableItemInstance = InstanceType<typeof TableItemType>;
-declare const _sfc_main: import("vue").DefineComponent<{
+import type { IconItem, FileItem, ColumnItem, ItemContextMenuOption, SelectionType, ContextMenus, EleDropdownProps, DropdownInstance } from '../types';
+declare const _default: import("vue").DefineComponent<{
     data: PropType<FileItem[]>;
     icons: PropType<IconItem[]>;
     selectionType: PropType<SelectionType>;
@@ -18,6 +15,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
     sort: StringConstructor;
     order: StringConstructor;
     columns: PropType<ColumnItem[]>;
+    contextMenus: PropType<ContextMenus>;
+    contextMenuProps: PropType<EleDropdownProps>;
 }, {
     itemRefs: Ref<any[]>;
     tableCols: import("vue").ComputedRef<ColumnItem[]>;
@@ -26,7 +25,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onItemCheckChange: (item: FileItem) => void;
     onSortChange: (sort: string, col?: ColumnItem) => void;
     onItemContextMenu: (option: ItemContextMenuOption) => void;
-    onItemContextOpen: (ref: InstanceType<typeof ElDropdown> | null) => void;
+    onItemContextOpen: (ref: DropdownInstance) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     checkAllChange: () => true;
     itemClick: (_item: FileItem) => true;
@@ -48,15 +47,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
     sort: StringConstructor;
     order: StringConstructor;
     columns: PropType<ColumnItem[]>;
+    contextMenus: PropType<ContextMenus>;
+    contextMenuProps: PropType<EleDropdownProps>;
 }>> & {
+    onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
     onCheckAllChange?: (() => any) | undefined;
     onItemClick?: ((_item: FileItem) => any) | undefined;
     onItemCheckChange?: ((_item: FileItem) => any) | undefined;
-    onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
     onSortChange?: ((_sort: string) => any) | undefined;
 }, {
+    sortable: boolean;
     isCheckAll: boolean;
     isIndeterminate: boolean;
-    sortable: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

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

@@ -33,7 +33,11 @@ const _sfc_main = vue.defineComponent({
     // 排序方式
     order: String,
     // 自定义列配置
-    columns: Array
+    columns: Array,
+    // 右键菜单
+    contextMenus: [Array, Function],
+    // 右键菜单属性
+    contextMenuProps: Object
   },
   emits: {
     checkAllChange: () => true,
@@ -197,6 +201,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           current: _ctx.current,
           icons: _ctx.icons,
           columns: _ctx.tableCols,
+          contextMenus: typeof _ctx.contextMenus === "function" ? _ctx.contextMenus(item) : _ctx.contextMenus,
+          contextMenuProps: _ctx.contextMenuProps,
           onClick: _ctx.onItemClick,
           onCheckChange: _ctx.onItemCheckChange,
           onContextMenu: _ctx.onItemContextMenu,
@@ -210,7 +216,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1032, ["item", "selectionType", "selections", "current", "icons", "columns", "onClick", "onCheckChange", "onContextMenu", "onContextOpen"]);
+        ]), 1032, ["item", "selectionType", "selections", "current", "icons", "columns", "contextMenus", "contextMenuProps", "onClick", "onCheckChange", "onContextMenu", "onContextOpen"]);
       }), 128))
     ])
   ]);