ele-admin-plus 1.2.1-beta.3 → 1.2.1-beta.4

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

@@ -1,7 +1,5 @@
 import { PropType } from 'vue';
-import { EleDropdownProps, EleDropdownInstance } from '../../ele-app/plus';
-import { DropdownItem } from '../../ele-dropdown/types';
-import { IconItem, FileItem, ItemContextMenuOption, SelectionType } from '../types';
+import { IconItem, FileItem, SelectionType, ContextOpenOption } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
     /** 数据 */
@@ -17,26 +15,20 @@ declare const _default: import('vue').DefineComponent<{
     current: PropType<FileItem>;
     /** 后缀对应的图标 */
     icons: PropType<IconItem[]>;
-    /** 右键菜单 */
-    contextMenus: PropType<DropdownItem[]>;
-    /** 右键菜单属性 */
-    contextMenuProps: PropType<EleDropdownProps>;
+    /** 右键下拉菜单是否显示 */
+    ctxMenuDropdownVisible: BooleanConstructor;
 }, {
-    dropdownRef: import('vue').Ref<EleDropdownInstance>;
-    dropdownVisible: import('vue').Ref<boolean>;
+    dropdownTriggerRef: import('vue').Ref<HTMLElement | null>;
     selectable: import('vue').ComputedRef<boolean>;
     selected: import('vue').ComputedRef<boolean>;
     icon: import('vue').ComputedRef<string | undefined>;
     handleClick: () => void;
     handleCheckChange: () => void;
     handleContextmenu: (e: MouseEvent) => void;
-    handleItemContextMenu: (command: string) => void;
-    handleContextVisibleChange: (visible: boolean) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (_item: FileItem) => true;
     checkChange: (_item: FileItem) => true;
-    contextMenu: (_option: ItemContextMenuOption) => true;
-    contextOpen: (_ref: EleDropdownInstance) => true;
+    contextOpen: (_option: ContextOpenOption) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 数据 */
     item: {
@@ -51,14 +43,13 @@ declare const _default: import('vue').DefineComponent<{
     current: PropType<FileItem>;
     /** 后缀对应的图标 */
     icons: PropType<IconItem[]>;
-    /** 右键菜单 */
-    contextMenus: PropType<DropdownItem[]>;
-    /** 右键菜单属性 */
-    contextMenuProps: PropType<EleDropdownProps>;
+    /** 右键下拉菜单是否显示 */
+    ctxMenuDropdownVisible: BooleanConstructor;
 }>> & {
     onClick?: ((_item: FileItem) => any) | undefined;
-    onContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
-    onContextOpen?: ((_ref: EleDropdownInstance) => any) | undefined;
     onCheckChange?: ((_item: FileItem) => any) | undefined;
-}, {}, {}>;
+    onContextOpen?: ((_option: ContextOpenOption) => any) | undefined;
+}, {
+    ctxMenuDropdownVisible: boolean;
+}, {}>;
 export default _default;

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

@@ -24,37 +24,30 @@ const _sfc_main = vue.defineComponent({
     checkAllText: String,
     /** 选中后的文字 */
     selectedText: String,
-    /** 右键菜单 */
-    contextMenus: [Array, Function],
-    /** 右键菜单属性 */
-    contextMenuProps: Object
+    /** 文件右键菜单是否打开 */
+    ctxMenuDropdownVisible: Boolean,
+    /** 当前打开的右键菜单对应的文件数据 */
+    contextMenuFileItem: Object
   },
   emits: {
     checkAllChange: () => true,
     itemClick: (_item) => true,
     itemCheckChange: (_item) => true,
-    itemContextMenu: (_option) => true
+    itemContextOpen: (_option) => true
   },
   setup(props, { emit }) {
-    const itemRefs = vue.ref([]);
     const headerText = vue.computed(() => {
       if (!props.selections || !props.selections.length) {
         return props.checkAllText;
       }
-      if (props.selectedText) {
-        return props.selectedText.replace(
-          /\{\s*total\s*\}/g,
-          String(props.selections.length)
-        );
+      if (!props.selectedText) {
+        return "";
       }
-      return void 0;
+      return props.selectedText.replace(
+        /\{\s*total\s*\}/g,
+        String(props.selections.length)
+      );
     });
-    const getContextMenus = (item) => {
-      if (typeof props.contextMenus === "function") {
-        return props.contextMenus(item);
-      }
-      return props.contextMenus;
-    };
     const handleCheckAllChange = () => {
       emit("checkAllChange");
     };
@@ -64,26 +57,14 @@ const _sfc_main = vue.defineComponent({
     const handleItemCheckChange = (item) => {
       emit("itemCheckChange", item);
     };
-    const handleItemContextMenu = (option) => {
-      emit("itemContextMenu", option);
-    };
-    const handleItemContextOpen = (ref2) => {
-      if (itemRefs.value) {
-        itemRefs.value.forEach((r) => {
-          if ((r == null ? void 0 : r.dropdownRef) && r.dropdownRef !== ref2) {
-            r.dropdownRef.handleClose();
-          }
-        });
-      }
+    const handleItemContextOpen = (option) => {
+      emit("itemContextOpen", option);
     };
     return {
-      itemRefs,
       headerText,
-      getContextMenus,
       handleCheckAllChange,
       handleItemClick,
       handleItemCheckChange,
-      handleItemContextMenu,
       handleItemContextOpen
     };
   }
@@ -124,18 +105,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item) => {
           return vue.openBlock(), vue.createBlock(_component_FileGridItem, {
             key: item.key,
-            ref_for: true,
-            ref: "itemRefs",
             item,
             selectionType: _ctx.selectionType,
             selections: _ctx.selections,
             current: _ctx.current,
             icons: _ctx.icons,
-            contextMenus: _ctx.getContextMenus(item),
-            contextMenuProps: _ctx.contextMenuProps,
+            ctxMenuDropdownVisible: _ctx.ctxMenuDropdownVisible && _ctx.contextMenuFileItem === item,
             onClick: _ctx.handleItemClick,
             onCheckChange: _ctx.handleItemCheckChange,
-            onContextMenu: _ctx.handleItemContextMenu,
             onContextOpen: _ctx.handleItemContextOpen
           }, vue.createSlots({ _: 2 }, [
             vue.renderList(Object.keys(_ctx.$slots), (name) => {
@@ -146,7 +123,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
               };
             })
-          ]), 1032, ["item", "selectionType", "selections", "current", "icons", "contextMenus", "contextMenuProps", "onClick", "onCheckChange", "onContextMenu", "onContextOpen"]);
+          ]), 1032, ["item", "selectionType", "selections", "current", "icons", "ctxMenuDropdownVisible", "onClick", "onCheckChange", "onContextOpen"]);
         }), 128))
       ])
     ]),

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

@@ -1,7 +1,5 @@
-import { PropType, Ref } from 'vue';
-import { EleDropdownProps, EleDropdownInstance } from '../../ele-app/plus';
-import { GridItemInstance } from '../props';
-import { IconItem, FileItem, ItemContextMenuOption, SelectionType, ContextMenus } from '../types';
+import { PropType } from 'vue';
+import { IconItem, FileItem, SelectionType, ContextOpenOption } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
     /** 文件数据 */
@@ -22,24 +20,21 @@ declare const _default: import('vue').DefineComponent<{
     checkAllText: StringConstructor;
     /** 选中后的文字 */
     selectedText: StringConstructor;
-    /** 右键菜单 */
-    contextMenus: PropType<ContextMenus>;
-    /** 右键菜单属性 */
-    contextMenuProps: PropType<EleDropdownProps>;
+    /** 文件右键菜单是否打开 */
+    ctxMenuDropdownVisible: BooleanConstructor;
+    /** 当前打开的右键菜单对应的文件数据 */
+    contextMenuFileItem: PropType<FileItem | null>;
 }, {
-    itemRefs: Ref<GridItemInstance[]>;
     headerText: import('vue').ComputedRef<string | undefined>;
-    getContextMenus: (item: FileItem) => import('../../ele-dropdown/types').DropdownItem[] | undefined;
     handleCheckAllChange: () => void;
     handleItemClick: (item: FileItem) => void;
     handleItemCheckChange: (item: FileItem) => void;
-    handleItemContextMenu: (option: ItemContextMenuOption) => void;
-    handleItemContextOpen: (ref: EleDropdownInstance) => void;
+    handleItemContextOpen: (option: ContextOpenOption) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     checkAllChange: () => true;
     itemClick: (_item: FileItem) => true;
     itemCheckChange: (_item: FileItem) => true;
-    itemContextMenu: (_option: ItemContextMenuOption) => true;
+    itemContextOpen: (_option: ContextOpenOption) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 文件数据 */
     data: PropType<FileItem[]>;
@@ -59,17 +54,18 @@ declare const _default: import('vue').DefineComponent<{
     checkAllText: StringConstructor;
     /** 选中后的文字 */
     selectedText: StringConstructor;
-    /** 右键菜单 */
-    contextMenus: PropType<ContextMenus>;
-    /** 右键菜单属性 */
-    contextMenuProps: PropType<EleDropdownProps>;
+    /** 文件右键菜单是否打开 */
+    ctxMenuDropdownVisible: BooleanConstructor;
+    /** 当前打开的右键菜单对应的文件数据 */
+    contextMenuFileItem: PropType<FileItem | null>;
 }>> & {
     onItemClick?: ((_item: FileItem) => any) | undefined;
     onCheckAllChange?: (() => any) | undefined;
     onItemCheckChange?: ((_item: FileItem) => any) | undefined;
-    onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
+    onItemContextOpen?: ((_option: ContextOpenOption) => any) | undefined;
 }, {
-    isIndeterminate: boolean;
+    ctxMenuDropdownVisible: boolean;
     isCheckAll: boolean;
+    isIndeterminate: boolean;
 }, {}>;
 export default _default;

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

@@ -1,9 +1,7 @@
 "use strict";
 const vue = require("vue");
-const EleDropdown = require("../../ele-dropdown/index");
 const _sfc_main = vue.defineComponent({
   name: "FileTableItem",
-  components: { EleDropdown },
   props: {
     /** 数据 */
     item: {
@@ -20,20 +18,16 @@ const _sfc_main = vue.defineComponent({
     icons: Array,
     /** 自定义列配置 */
     columns: Array,
-    /** 右键菜单 */
-    contextMenus: Array,
-    /** 右键菜单属性 */
-    contextMenuProps: Object
+    /** 右键下拉菜单是否显示 */
+    ctxMenuDropdownVisible: Boolean
   },
   emits: {
     click: (_item) => true,
     checkChange: (_item) => true,
-    contextMenu: (_option) => true,
-    contextOpen: (_ref) => true
+    contextOpen: (_option) => true
   },
   setup(props, { emit }) {
-    const dropdownRef = vue.ref(null);
-    const dropdownVisible = vue.ref(false);
+    const dropdownTriggerRef = vue.ref(null);
     const selectable = vue.computed(() => {
       return props.selectionType === "checkbox" || props.selectionType === "radio";
     });
@@ -77,32 +71,22 @@ const _sfc_main = vue.defineComponent({
       emit("checkChange", props.item);
     };
     const handleContextmenu = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (dropdownRef.value) {
-        dropdownRef.value.handleOpen();
-      }
-    };
-    const handleItemContextMenu = (command) => {
-      emit("contextMenu", { key: command, item: props.item });
-    };
-    const handleContextVisibleChange = (visible) => {
-      dropdownVisible.value = visible;
-      if (visible) {
-        emit("contextOpen", dropdownRef.value);
+      if (dropdownTriggerRef.value != null) {
+        emit("contextOpen", {
+          item: props.item,
+          triggerEl: dropdownTriggerRef.value,
+          e
+        });
       }
     };
     return {
-      dropdownRef,
-      dropdownVisible,
+      dropdownTriggerRef,
       selectable,
       selected,
       icon,
       handleClick,
       handleCheckChange,
-      handleContextmenu,
-      handleItemContextMenu,
-      handleContextVisibleChange
+      handleContextmenu
     };
   }
 });
@@ -126,12 +110,11 @@ const _hoisted_6 = {
   class: "ele-file-list-item-tools"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_EleDropdown = vue.resolveComponent("EleDropdown");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass([
       "ele-file-list-item",
       { "is-checked": _ctx.selected },
-      { "is-active": _ctx.dropdownVisible }
+      { "is-active": _ctx.ctxMenuDropdownVisible }
     ]),
     onClick: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
   }, [
@@ -187,34 +170,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 4);
       }), 128))
     ], 32),
-    _ctx.contextMenus || _ctx.$slots.contextMenu ? (vue.openBlock(), vue.createBlock(_component_EleDropdown, vue.mergeProps({
-      key: 0,
-      placement: "bottom-start",
-      popperClass: "ele-file-list-item-context"
-    }, _ctx.contextMenuProps || {}, {
-      ref: "dropdownRef",
-      trigger: "click",
+    vue.createElementVNode("div", {
+      ref: "dropdownTriggerRef",
       class: "ele-file-list-item-dropdown",
-      items: _ctx.contextMenus,
-      onCommand: _ctx.handleItemContextMenu,
-      onVisibleChange: _ctx.handleContextVisibleChange
-    }), vue.createSlots({
-      default: vue.withCtx(() => [
-        vue.createElementVNode("div", {
-          onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
-          }, ["stop"]))
-        })
-      ]),
-      _: 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)
+      onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+      }, ["stop"]))
+    }, null, 512)
   ], 2);
 }
 const fileTableItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

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

@@ -1,7 +1,5 @@
 import { PropType } from 'vue';
-import { EleDropdownProps, EleDropdownInstance } from '../../ele-app/plus';
-import { DropdownItem } from '../../ele-dropdown/types';
-import { IconItem, FileItem, ColumnItem, ItemContextMenuOption, SelectionType } from '../types';
+import { IconItem, FileItem, ColumnItem, SelectionType, ContextOpenOption } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
     /** 数据 */
@@ -19,26 +17,20 @@ declare const _default: import('vue').DefineComponent<{
     icons: PropType<IconItem[]>;
     /** 自定义列配置 */
     columns: PropType<ColumnItem[]>;
-    /** 右键菜单 */
-    contextMenus: PropType<DropdownItem[]>;
-    /** 右键菜单属性 */
-    contextMenuProps: PropType<EleDropdownProps>;
+    /** 右键下拉菜单是否显示 */
+    ctxMenuDropdownVisible: BooleanConstructor;
 }, {
-    dropdownRef: import('vue').Ref<EleDropdownInstance>;
-    dropdownVisible: import('vue').Ref<boolean>;
+    dropdownTriggerRef: import('vue').Ref<HTMLElement | null>;
     selectable: import('vue').ComputedRef<boolean>;
     selected: import('vue').ComputedRef<boolean>;
     icon: import('vue').ComputedRef<string | undefined>;
     handleClick: () => void;
     handleCheckChange: () => void;
     handleContextmenu: (e: MouseEvent) => void;
-    handleItemContextMenu: (command: string) => void;
-    handleContextVisibleChange: (visible: boolean) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (_item: FileItem) => true;
     checkChange: (_item: FileItem) => true;
-    contextMenu: (_option: ItemContextMenuOption) => true;
-    contextOpen: (_ref: EleDropdownInstance) => true;
+    contextOpen: (_option: ContextOpenOption) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 数据 */
     item: {
@@ -55,14 +47,13 @@ declare const _default: import('vue').DefineComponent<{
     icons: PropType<IconItem[]>;
     /** 自定义列配置 */
     columns: PropType<ColumnItem[]>;
-    /** 右键菜单 */
-    contextMenus: PropType<DropdownItem[]>;
-    /** 右键菜单属性 */
-    contextMenuProps: PropType<EleDropdownProps>;
+    /** 右键下拉菜单是否显示 */
+    ctxMenuDropdownVisible: BooleanConstructor;
 }>> & {
     onClick?: ((_item: FileItem) => any) | undefined;
-    onContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
-    onContextOpen?: ((_ref: EleDropdownInstance) => any) | undefined;
     onCheckChange?: ((_item: FileItem) => any) | undefined;
-}, {}, {}>;
+    onContextOpen?: ((_option: ContextOpenOption) => any) | undefined;
+}, {
+    ctxMenuDropdownVisible: boolean;
+}, {}>;
 export default _default;

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

@@ -35,20 +35,19 @@ const _sfc_main = vue.defineComponent({
     order: String,
     /** 自定义列配置 */
     columns: Array,
-    /** 右键菜单 */
-    contextMenus: [Array, Function],
-    /** 右键菜单属性 */
-    contextMenuProps: Object
+    /** 文件右键菜单是否打开 */
+    ctxMenuDropdownVisible: Boolean,
+    /** 当前打开的右键菜单对应的文件数据 */
+    contextMenuFileItem: Object
   },
   emits: {
     checkAllChange: () => true,
     itemClick: (_item) => true,
     itemCheckChange: (_item) => true,
-    itemContextMenu: (_option) => true,
+    itemContextOpen: (_option) => true,
     sortChange: (_sort) => true
   },
   setup(props, { emit }) {
-    const itemRefs = vue.ref([]);
     const tableCols = vue.computed(() => {
       if (props.columns) {
         return props.columns;
@@ -75,12 +74,6 @@ const _sfc_main = vue.defineComponent({
       ];
       return cols;
     });
-    const getContextMenus = (item) => {
-      if (typeof props.contextMenus === "function") {
-        return props.contextMenus(item);
-      }
-      return props.contextMenus;
-    };
     const handleCheckAllChange = () => {
       emit("checkAllChange");
     };
@@ -99,27 +92,15 @@ const _sfc_main = vue.defineComponent({
         emit("sortChange", sort);
       }
     };
-    const handleItemContextMenu = (option) => {
-      emit("itemContextMenu", option);
-    };
-    const handleItemContextOpen = (ref2) => {
-      if (itemRefs.value) {
-        itemRefs.value.forEach((r) => {
-          if ((r == null ? void 0 : r.dropdownRef) && r.dropdownRef !== ref2) {
-            r.dropdownRef.handleClose();
-          }
-        });
-      }
+    const handleItemContextOpen = (option) => {
+      emit("itemContextOpen", option);
     };
     return {
-      itemRefs,
       tableCols,
-      getContextMenus,
       handleCheckAllChange,
       handleItemClick,
       handleItemCheckChange,
       handleSortChange,
-      handleItemContextMenu,
       handleItemContextOpen
     };
   }
@@ -161,7 +142,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               }, null, 2)) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", {
-              class: "ele-file-list-item-name",
+              class: vue.normalizeClass(["ele-file-list-item-name", { "is-sortable": _ctx.sortable }]),
               onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleSortChange("name"))
             }, [
               vue.createElementVNode("span", null, vue.toDisplayString(_ctx.nameText), 1),
@@ -171,12 +152,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 order: _ctx.order,
                 name: "name"
               }, null, 8, ["sort", "order"])) : vue.createCommentVNode("", true)
-            ]),
+            ], 2),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tableCols, (col) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: col.prop,
                 style: vue.normalizeStyle(col.headerStyle || col.style),
-                class: "ele-file-list-item-cell",
+                class: vue.normalizeClass([
+                  "ele-file-list-item-cell",
+                  { "is-sortable": col.sortable }
+                ]),
                 onClick: ($event) => _ctx.handleSortChange(col.prop, col)
               }, [
                 vue.createElementVNode("span", null, [
@@ -195,7 +179,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   order: _ctx.order,
                   name: col.prop
                 }, null, 8, ["sort", "order", "name"])) : vue.createCommentVNode("", true)
-              ], 12, _hoisted_5);
+              ], 14, _hoisted_5);
             }), 128))
           ])
         ])
@@ -204,19 +188,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item) => {
           return vue.openBlock(), vue.createBlock(_component_FileTableItem, {
             key: item.key,
-            ref_for: true,
-            ref: "itemRefs",
             item,
             selectionType: _ctx.selectionType,
             selections: _ctx.selections,
             current: _ctx.current,
             icons: _ctx.icons,
             columns: _ctx.tableCols,
-            contextMenus: _ctx.getContextMenus(item),
-            contextMenuProps: _ctx.contextMenuProps,
+            ctxMenuDropdownVisible: _ctx.ctxMenuDropdownVisible && _ctx.contextMenuFileItem === item,
             onClick: _ctx.handleItemClick,
             onCheckChange: _ctx.handleItemCheckChange,
-            onContextMenu: _ctx.handleItemContextMenu,
             onContextOpen: _ctx.handleItemContextOpen
           }, vue.createSlots({ _: 2 }, [
             vue.renderList(Object.keys(_ctx.$slots), (name) => {
@@ -227,7 +207,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
               };
             })
-          ]), 1032, ["item", "selectionType", "selections", "current", "icons", "columns", "contextMenus", "contextMenuProps", "onClick", "onCheckChange", "onContextMenu", "onContextOpen"]);
+          ]), 1032, ["item", "selectionType", "selections", "current", "icons", "columns", "ctxMenuDropdownVisible", "onClick", "onCheckChange", "onContextOpen"]);
         }), 128))
       ])
     ]),

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

@@ -1,7 +1,5 @@
-import { PropType, Ref } from 'vue';
-import { EleDropdownProps, EleDropdownInstance } from '../../ele-app/plus';
-import { TableItemInstance } from '../props';
-import { IconItem, FileItem, ColumnItem, ItemContextMenuOption, SelectionType, ContextMenus } from '../types';
+import { PropType } from 'vue';
+import { IconItem, FileItem, ColumnItem, SelectionType, ContextOpenOption } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
     /** 文件数据 */
@@ -32,25 +30,22 @@ declare const _default: import('vue').DefineComponent<{
     order: StringConstructor;
     /** 自定义列配置 */
     columns: PropType<ColumnItem[]>;
-    /** 右键菜单 */
-    contextMenus: PropType<ContextMenus>;
-    /** 右键菜单属性 */
-    contextMenuProps: PropType<EleDropdownProps>;
+    /** 文件右键菜单是否打开 */
+    ctxMenuDropdownVisible: BooleanConstructor;
+    /** 当前打开的右键菜单对应的文件数据 */
+    contextMenuFileItem: PropType<FileItem | null>;
 }, {
-    itemRefs: Ref<TableItemInstance[]>;
     tableCols: import('vue').ComputedRef<ColumnItem[]>;
-    getContextMenus: (item: FileItem) => import('../../ele-dropdown/types').DropdownItem[] | undefined;
     handleCheckAllChange: () => void;
     handleItemClick: (item: FileItem) => void;
     handleItemCheckChange: (item: FileItem) => void;
     handleSortChange: (sort: string, col?: ColumnItem) => void;
-    handleItemContextMenu: (option: ItemContextMenuOption) => void;
-    handleItemContextOpen: (ref: EleDropdownInstance) => void;
+    handleItemContextOpen: (option: ContextOpenOption) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     checkAllChange: () => true;
     itemClick: (_item: FileItem) => true;
     itemCheckChange: (_item: FileItem) => true;
-    itemContextMenu: (_option: ItemContextMenuOption) => true;
+    itemContextOpen: (_option: ContextOpenOption) => true;
     sortChange: (_sort: string) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 文件数据 */
@@ -81,19 +76,20 @@ declare const _default: import('vue').DefineComponent<{
     order: StringConstructor;
     /** 自定义列配置 */
     columns: PropType<ColumnItem[]>;
-    /** 右键菜单 */
-    contextMenus: PropType<ContextMenus>;
-    /** 右键菜单属性 */
-    contextMenuProps: PropType<EleDropdownProps>;
+    /** 文件右键菜单是否打开 */
+    ctxMenuDropdownVisible: BooleanConstructor;
+    /** 当前打开的右键菜单对应的文件数据 */
+    contextMenuFileItem: PropType<FileItem | null>;
 }>> & {
     onItemClick?: ((_item: FileItem) => any) | undefined;
     onSortChange?: ((_sort: string) => any) | undefined;
     onCheckAllChange?: (() => any) | undefined;
     onItemCheckChange?: ((_item: FileItem) => any) | undefined;
-    onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
+    onItemContextOpen?: ((_option: ContextOpenOption) => any) | undefined;
 }, {
     sortable: boolean;
-    isIndeterminate: boolean;
+    ctxMenuDropdownVisible: boolean;
     isCheckAll: boolean;
+    isIndeterminate: boolean;
 }, {}>;
 export default _default;