ele-admin-plus 1.0.2 → 1.1.0

package/es/ele-edit-tag/style/index.scss

@@ -1,10 +1,21 @@
 @use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
 
 .ele-edit-tag {
   // tag
   .el-tag {
     margin: 0 8px 8px 0;
     vertical-align: top;
+    #{elVarName('tag', 'border-radius')}: elVar('border-radius', 'small');
+
+    &.el-tag--light.el-tag--info {
+      #{elVarName('tag', 'text-color')}: elVar('text-color', 'regular');
+      border-color: elVar('border-color');
+
+      .el-tag__close {
+        #{elVarName('tag', 'text-color')}: elVar('text-color', 'secondary');
+      }
+    }
   }
 
   // 添加按钮

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

@@ -1,8 +1,10 @@
-import type { ElTooltipProps } from 'element-plus';
+import type { StyleValue } from '../ele-app/types';
+import type { EleTooltipProps } from '../ele-avatar-group/types';
 import type { TextProps } from '../ele-text/props';
 import type { EllipsisTooltip } from './types';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     maxLine: NumberConstructor;
+    lineHeight: (StringConstructor | NumberConstructor)[];
     tooltip: {
         type: import("vue").PropType<boolean | EllipsisTooltip>;
         default: () => {
@@ -20,17 +22,19 @@ declare const _sfc_main: import("vue").DefineComponent<{
     strong: BooleanConstructor;
     italic: BooleanConstructor;
     icon: import("vue").PropType<import("../ele-text/types").TextIcon>;
-    iconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
-    iconStyle: import("vue").PropType<import("vue").CSSProperties>;
+    iconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
+    iconStyle: import("vue").PropType<StyleValue>;
 }, {
     textRef: import("vue").Ref<HTMLElement | null>;
     virtualRef: import("vue").Ref<HTMLElement | undefined>;
-    tooltipProps: import("vue").ComputedRef<Partial<ElTooltipProps>>;
+    tooltipProps: import("vue").ComputedRef<EleTooltipProps>;
     multiLine: import("vue").ComputedRef<boolean>;
     textProps: import("vue").ComputedRef<Partial<TextProps>>;
+    rootStyle: import("vue").ComputedRef<StyleValue>;
     onHover: (e: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     maxLine: NumberConstructor;
+    lineHeight: (StringConstructor | NumberConstructor)[];
     tooltip: {
         type: import("vue").PropType<boolean | EllipsisTooltip>;
         default: () => {
@@ -48,14 +52,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
     strong: BooleanConstructor;
     italic: BooleanConstructor;
     icon: import("vue").PropType<import("../ele-text/types").TextIcon>;
-    iconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
-    iconStyle: import("vue").PropType<import("vue").CSSProperties>;
+    iconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
+    iconStyle: import("vue").PropType<StyleValue>;
 }>>, {
-    tooltip: boolean | EllipsisTooltip;
     tag: string;
-    deleted: boolean;
-    underline: boolean;
+    tooltip: boolean | EllipsisTooltip;
     strong: boolean;
     italic: boolean;
+    underline: boolean;
+    deleted: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

package/es/ele-ellipsis/index.js

@@ -1,12 +1,12 @@
 import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, normalizeProps, createCommentVNode } from "vue";
-import { ElTooltip } from "element-plus";
+import EleTooltip from "../ele-tooltip/index";
 import { omit, pick } from "../utils/core";
 import EleText from "../ele-text/index";
 import { textPropKeys } from "../ele-text/props";
 import { ellipsisProps } from "./props";
 const _sfc_main = defineComponent({
   name: "EleEllipsis",
-  components: { EleText, ElTooltip },
+  components: { EleText, EleTooltip },
   props: ellipsisProps,
   setup(props) {
     const textRef = ref(null);
@@ -32,6 +32,21 @@ const _sfc_main = defineComponent({
     const textProps = computed(() => {
       return Object.assign({ title: title.value }, pick(props, textPropKeys));
     });
+    const rootStyle = computed(() => {
+      const style = {};
+      const { lineHeight, maxLine } = props;
+      if (lineHeight != null) {
+        const h = typeof lineHeight === "number" ? `${lineHeight}px` : lineHeight;
+        style.lineHeight = h;
+        if (multiLine.value) {
+          style.height = `calc(${h} * ${maxLine})`;
+        }
+      }
+      if (multiLine.value) {
+        style["-webkit-line-clamp"] = maxLine;
+      }
+      return style;
+    });
     const onHover = (e) => {
       if (!props.tooltip) {
         virtualRef.value = void 0;
@@ -64,6 +79,7 @@ const _sfc_main = defineComponent({
       tooltipProps,
       multiLine,
       textProps,
+      rootStyle,
       onHover
     };
   }
@@ -76,19 +92,20 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElTooltip = resolveComponent("ElTooltip");
+  const _component_EleTooltip = resolveComponent("EleTooltip");
   const _component_EleText = resolveComponent("EleText");
-  return openBlock(), createBlock(_component_EleText, mergeProps({ ref: "textRef" }, _ctx.textProps, {
+  return openBlock(), createBlock(_component_EleText, mergeProps(_ctx.textProps, {
+    ref: "textRef",
+    style: _ctx.rootStyle,
     class: ["ele-ellipsis", { "is-multi-line": _ctx.multiLine }],
-    style: _ctx.multiLine ? { "-webkit-line-clamp": _ctx.maxLine } : void 0,
     onMouseover: _ctx.onHover
   }), {
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default"),
-      _ctx.virtualRef ? (openBlock(), createBlock(_component_ElTooltip, normalizeProps(mergeProps({ key: 0 }, _ctx.tooltipProps)), null, 16)) : createCommentVNode("", true)
+      _ctx.virtualRef ? (openBlock(), createBlock(_component_EleTooltip, normalizeProps(mergeProps({ key: 0 }, _ctx.tooltipProps)), null, 16)) : createCommentVNode("", true)
     ]),
     _: 3
-  }, 16, ["class", "style", "onMouseover"]);
+  }, 16, ["style", "class", "onMouseover"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/es/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/es/ele-ellipsis/props.js

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

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

@@ -1,3 +1,3 @@
-import 'element-plus/es/components/tooltip/style/index';
+import '../../ele-tooltip/style/index';
 import '../../ele-text/style/index';
 import './index.scss';

package/es/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/es/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/es/ele-file-list/components/file-grid-item.js

@@ -1,8 +1,8 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, toDisplayString, createCommentVNode, createBlock, withCtx, createVNode, renderSlot } from "vue";
-import { ElDropdown, ElDropdownMenu } from "element-plus";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, toDisplayString, createCommentVNode, createBlock, mergeProps, createSlots, withCtx, renderSlot } from "vue";
+import EleDropdown from "../../ele-dropdown/index";
 const _sfc_main = defineComponent({
   name: "FileGridItem",
-  components: { ElDropdown, ElDropdownMenu },
+  components: { EleDropdown },
   props: {
     // 数据
     item: {
@@ -16,7 +16,11 @@ const _sfc_main = defineComponent({
     // 单选选中数据
     current: Object,
     // 后缀对应的图标
-    icons: Array
+    icons: Array,
+    // 右键菜单
+    contextMenus: Array,
+    // 右键菜单属性
+    contextMenuProps: Object
   },
   emits: {
     click: (_item) => true,
@@ -114,8 +118,7 @@ const _hoisted_5 = [
   _hoisted_4
 ];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElDropdownMenu = resolveComponent("ElDropdownMenu");
-  const _component_ElDropdown = resolveComponent("ElDropdown");
+  const _component_EleDropdown = resolveComponent("EleDropdown");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
       "ele-file-list-item",
@@ -144,32 +147,32 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "ele-file-list-item-checkbox",
       onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.onCheckChange && _ctx.onCheckChange(...args), ["stop"]))
     }, _hoisted_5)) : createCommentVNode("", true),
-    _ctx.$slots.contextMenu ? (openBlock(), createBlock(_component_ElDropdown, {
-      key: 1,
+    _ctx.contextMenus || _ctx.$slots.contextMenu ? (openBlock(), createBlock(_component_EleDropdown, 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: withCtx(() => [
-        createVNode(_component_ElDropdownMenu, null, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "contextMenu", { item: _ctx.item })
-          ]),
-          _: 3
-        })
-      ]),
+    }), createSlots({
       default: withCtx(() => [
         createElementVNode("div", {
           onClick: _cache[2] || (_cache[2] = withModifiers(() => {
           }, ["stop"]))
         })
       ]),
-      _: 3
-    }, 8, ["onCommand", "onVisibleChange"])) : createCommentVNode("", true)
+      _: 2
+    }, [
+      _ctx.$slots.contextMenu ? {
+        name: "dropdownMenu",
+        fn: withCtx(() => [
+          renderSlot(_ctx.$slots, "contextMenu", { item: _ctx.item })
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["items", "onCommand", "onVisibleChange"])) : createCommentVNode("", true)
   ], 2);
 }
 const fileGridItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/es/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/es/ele-file-list/components/file-grid.js

@@ -21,7 +21,11 @@ const _sfc_main = defineComponent({
     // 全选按钮文字
     checkAllText: String,
     // 选中后的文字
-    selectedText: String
+    selectedText: String,
+    // 右键菜单
+    contextMenus: [Array, Function],
+    // 右键菜单属性
+    contextMenuProps: Object
   },
   emits: {
     checkAllChange: () => true,
@@ -117,6 +121,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,
@@ -130,7 +136,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/es/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/es/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;