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

package/lib/ele-tabs/index.d.ts

@@ -1,10 +1,9 @@
-import { Ref } from 'vue';
 import { TabPaneName, TabsPaneContext } from 'element-plus';
 import { omit } from '../utils/core';
 import { ElTabsProps, ElTabsInstance } from '../ele-app/el';
 import { EleDropdownInstance } from '../ele-app/plus';
-import { TabPaneItem, TabSize, TabType, TabEventOption, ContextMenusFunc } from './types';
-import { TabTitleInstance } from './props';
+import { DropdownItem } from '../ele-dropdown/types';
+import { TabPaneItem, TabSize, TabType } from './types';
 
 declare const _default: import('vue').DefineComponent<{
     items: {
@@ -19,6 +18,7 @@ declare const _default: import('vue').DefineComponent<{
     sortable: BooleanConstructor;
     mousewheel: BooleanConstructor;
     handleClick: BooleanConstructor;
+    flexTable: BooleanConstructor;
     closable: BooleanConstructor;
     addable: BooleanConstructor;
     modelValue: {
@@ -28,63 +28,50 @@ declare const _default: import('vue').DefineComponent<{
         __epPropKey: true;
     };
     editable: BooleanConstructor;
-    tabPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
-    beforeLeave: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>) | {
-        (): (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>;
+    tabPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right", unknown, "top", boolean>;
+    beforeLeave: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | {
+        (): (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>;
         new (): any;
         readonly prototype: any;
-    } | ((new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>) | {
-        (): (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>;
+    } | ((new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | {
+        (): (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>;
         new (): any;
         readonly prototype: any;
     })[], unknown, unknown, () => true, boolean>;
     stretch: BooleanConstructor;
 }, {
     omit: typeof omit;
-    tabRef: Ref<ElTabsInstance>;
-    itemRefs: Ref<TabTitleInstance[]>;
-    isWrap: import('vue').ComputedRef<boolean>;
+    tabRef: import('vue').Ref<ElTabsInstance>;
+    isOnlyTab: import('vue').ComputedRef<boolean>;
     tabSize: import('vue').ComputedRef<TabSize | undefined>;
     tabType: import('vue').ComputedRef<TabType | undefined>;
     tabProps: import('vue').ComputedRef<Omit<ElTabsProps, "type">>;
-    getContextMenus: ContextMenusFunc;
+    ctxMenuDropdownRef: import('vue').Ref<EleDropdownInstance>;
+    ctxMenuDropdownItems: import('vue').ShallowRef<DropdownItem[]>;
+    ctxMenuDropdownVirtualRef: import('vue').Ref<any>;
     updateModelValue: (name: TabPaneName) => void;
+    handleContextmenu: (e: MouseEvent) => void;
     handleTabClick: (pane: TabsPaneContext, e: Event) => void;
     handleTabChange: (name: TabPaneName) => void;
     handleTabRemove: (name: TabPaneName) => void;
     handleTabAdd: () => void;
-    handleEdit: (name: TabPaneName | undefined, action: 'remove' | 'add') => void;
-    handleItemClick: (option: TabEventOption) => void;
-    handleItemContextMenu: (option: TabEventOption) => void;
-    handleItemContextOpen: (ref: EleDropdownInstance) => void;
-    handleContextmenu: (e: MouseEvent) => void;
+    handleEdit: (name: TabPaneName | undefined, action: "remove" | "add") => void;
+    handleItemClick: (item: TabPaneItem | undefined, tabName: string | number | undefined, e: MouseEvent) => void;
+    handleItemCtxMenuVisible: (visible: boolean) => void;
+    handleItemCtxMenuClick: (command: string) => void;
+    handleItemContextmenu: (item: TabPaneItem | undefined, tabName: string | number | undefined, e: MouseEvent) => void;
     hideAllDropdown: () => void;
     updateActiveBar: () => void;
+    scrollTabs: (direction: "prev" | "next", done?: () => void) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    tabItemClick: (_opt: TabEventOption) => boolean;
-    tabContextMenu: (_opt: TabEventOption) => boolean;
-    tabContextOpen: (_ref: EleDropdownInstance) => boolean;
+    tabItemClick: (_opt: import('./types').TabEventOption) => boolean;
+    tabContextMenu: (_opt: import('./types').TabEventOption) => boolean;
+    tabContextOpen: (_ref: EleDropdownInstance, _item?: TabPaneItem | null, _name?: string | number | null) => boolean;
     tabSortChange: (_data: TabPaneItem[]) => boolean;
     "update:modelValue": (name: TabPaneName) => boolean;
-    tabClick: (pane: {
-        uid: number;
-        slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        props: {
-            readonly label: string;
-            readonly closable: boolean;
-            readonly disabled: boolean;
-            readonly lazy: boolean;
-            readonly name?: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
-        };
-        paneName: string | number | undefined;
-        active: boolean;
-        index: string | undefined;
-        isClosable: boolean;
-    }, ev: Event) => boolean;
+    tabClick: (pane: TabsPaneContext, ev: Event) => boolean;
     tabChange: (name: TabPaneName) => boolean;
-    edit: (paneName: TabPaneName | undefined, action: "add" | "remove") => boolean;
+    edit: (paneName: TabPaneName | undefined, action: "remove" | "add") => boolean;
     tabRemove: (name: TabPaneName) => boolean;
     tabAdd: () => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -100,6 +87,7 @@ declare const _default: import('vue').DefineComponent<{
     sortable: BooleanConstructor;
     mousewheel: BooleanConstructor;
     handleClick: BooleanConstructor;
+    flexTable: BooleanConstructor;
     closable: BooleanConstructor;
     addable: BooleanConstructor;
     modelValue: {
@@ -109,13 +97,13 @@ declare const _default: import('vue').DefineComponent<{
         __epPropKey: true;
     };
     editable: BooleanConstructor;
-    tabPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
-    beforeLeave: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>) | {
-        (): (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>;
+    tabPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right", unknown, "top", boolean>;
+    beforeLeave: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | {
+        (): (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>;
         new (): any;
         readonly prototype: any;
-    } | ((new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>) | {
-        (): (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>;
+    } | ((new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | {
+        (): (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>;
         new (): any;
         readonly prototype: any;
     })[], unknown, unknown, () => true, boolean>;
@@ -124,9 +112,7 @@ declare const _default: import('vue').DefineComponent<{
     "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined;
     onTabClick?: ((pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
+        slots: import('vue').Slots;
         props: {
             readonly label: string;
             readonly closable: boolean;
@@ -139,24 +125,25 @@ declare const _default: import('vue').DefineComponent<{
         index: string | undefined;
         isClosable: boolean;
     }, ev: Event) => any) | undefined;
+    onTabRemove?: ((name: TabPaneName) => any) | undefined;
     onTabChange?: ((name: TabPaneName) => any) | undefined;
     onEdit?: ((paneName: TabPaneName | undefined, action: "add" | "remove") => any) | undefined;
-    onTabRemove?: ((name: TabPaneName) => any) | undefined;
     onTabAdd?: (() => any) | undefined;
-    onTabContextMenu?: ((_opt: TabEventOption) => any) | undefined;
-    onTabItemClick?: ((_opt: TabEventOption) => any) | undefined;
-    onTabContextOpen?: ((_ref: EleDropdownInstance) => any) | undefined;
+    onTabContextMenu?: ((_opt: import('./types').TabEventOption) => any) | undefined;
+    onTabItemClick?: ((_opt: import('./types').TabEventOption) => any) | undefined;
+    onTabContextOpen?: ((_ref: EleDropdownInstance, _item?: TabPaneItem | null | undefined, _name?: string | number | null | undefined) => any) | undefined;
     onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
 }, {
+    mousewheel: boolean;
     closable: boolean;
     center: boolean;
-    beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>;
     sortable: boolean;
     addable: boolean;
     editable: boolean;
     tabPosition: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "top" | "bottom" | "right" | "left", unknown>;
+    beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>;
     stretch: boolean;
     handleClick: boolean;
-    mousewheel: boolean;
+    flexTable: boolean;
 }, {}>;
 export default _default;

package/lib/ele-tabs/props.cjs

@@ -23,7 +23,9 @@ const tabsProps = {
   /** 是否支持鼠标滚轮滑动 */
   mousewheel: Boolean,
   /** 是否自己处理页签点击事件 */
-  handleClick: Boolean
+  handleClick: Boolean,
+  /** 内部表格是否弹性布局 */
+  flexTable: Boolean
 };
 const tabsEmits = {
   ...elementPlus.tabsEmits,
@@ -32,7 +34,7 @@ const tabsEmits = {
   /** 页签右键菜单项点击事件 */
   tabContextMenu: (_opt) => true,
   /** 页签右键菜单打开事件 */
-  tabContextOpen: (_ref) => true,
+  tabContextOpen: (_ref, _item, _name) => true,
   /** 拖动排序改变事件 */
   tabSortChange: (_data) => true
 };

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

@@ -1,7 +1,6 @@
 import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
 import { tabsProps as elTabsProps } from 'element-plus';
 import { EleDropdownProps, EleDropdownInstance } from '../ele-app/plus';
-import { default as TabTitle } from './components/tab-title';
 import { TabPaneItem, TabSize, TabType, ContextMenus, TabEventOption, TabWrapProvide } from './types';
 
 /**
@@ -29,22 +28,24 @@ export declare const tabsProps: {
     mousewheel: BooleanConstructor;
     /** 是否自己处理页签点击事件 */
     handleClick: BooleanConstructor;
+    /** 内部表格是否弹性布局 */
+    flexTable: BooleanConstructor;
     closable: BooleanConstructor;
     addable: BooleanConstructor;
     modelValue: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     editable: BooleanConstructor;
-    tabPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
-    beforeLeave: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>) | (() => (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>) | {
-        (): (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>;
+    tabPosition: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right", unknown, "top", boolean>;
+    beforeLeave: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | (() => (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | {
+        (): (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>;
         new (): any;
         readonly prototype: any;
-    } | ((new (...args: any[]) => (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>) | (() => (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>) | {
-        (): (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<boolean | void>;
+    } | ((new (...args: any[]) => (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | (() => (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>) | {
+        (): (newName: import('element-plus').TabPaneName, oldName: import('element-plus').TabPaneName) => import('element-plus/es/utils/typescript').Awaitable<void | boolean>;
         new (): any;
         readonly prototype: any;
     })[], unknown, unknown, () => true, boolean>;
@@ -60,29 +61,13 @@ export declare const tabsEmits: {
     /** 页签右键菜单项点击事件 */
     tabContextMenu: (_opt: TabEventOption) => boolean;
     /** 页签右键菜单打开事件 */
-    tabContextOpen: (_ref: EleDropdownInstance) => boolean;
+    tabContextOpen: (_ref: EleDropdownInstance, _item?: TabPaneItem | null, _name?: string | number | null) => boolean;
     /** 拖动排序改变事件 */
     tabSortChange: (_data: TabPaneItem[]) => boolean;
     "update:modelValue": (name: import('element-plus').TabPaneName) => boolean;
-    tabClick: (pane: {
-        uid: number;
-        slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        props: {
-            readonly closable: boolean;
-            readonly disabled: boolean;
-            readonly label: string;
-            readonly lazy: boolean;
-            readonly name?: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
-        };
-        paneName: string | number | undefined;
-        active: boolean;
-        index: string | undefined;
-        isClosable: boolean;
-    }, ev: Event) => boolean;
+    tabClick: (pane: import('element-plus').TabsPaneContext, ev: Event) => boolean;
     tabChange: (name: import('element-plus').TabPaneName) => boolean;
-    edit: (paneName: import('element-plus').TabPaneName | undefined, action: "add" | "remove") => boolean;
+    edit: (paneName: import('element-plus').TabPaneName | undefined, action: "remove" | "add") => boolean;
     tabRemove: (name: import('element-plus').TabPaneName) => boolean;
     tabAdd: () => boolean;
 };
@@ -91,10 +76,6 @@ export declare const tabsEmits: {
  */
 export type TabPropKeys = Array<keyof typeof elTabsProps>;
 export declare const tabPropKeys: TabPropKeys;
-/**
- * 页签标题实例
- */
-export type TabTitleInstance = InstanceType<typeof TabTitle> | null;
 /**
  * 标签页容器依赖注入key
  */