ele-admin-plus 1.1.9 → 1.2.0-beta.2

package/lib/ele-table-select/index.cjs

@@ -1,8 +1,8 @@
 "use strict";
 const vue = require("vue");
-const receiver = require("../ele-config-provider/receiver");
+const util = require("../ele-pro-layout/util");
 const EleBasicSelect = require("../ele-basic-select/index");
-const util = require("../ele-basic-select/util");
+const util$1 = require("../ele-basic-select/util");
 const EleProTable = require("../ele-pro-table/index");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
@@ -11,7 +11,7 @@ const _sfc_main = vue.defineComponent({
   props: props.tableSelectProps,
   emits: props.tableSelectEmits,
   setup(props2, { emit }) {
-    const isResponsive = receiver.useResponsive(props2);
+    const isResponsive = util.useResponsive(props2);
     const selectRef = vue.ref(null);
     const tableRef = vue.ref(null);
     const selectVisible = vue.ref(false);
@@ -21,13 +21,13 @@ const _sfc_main = vue.defineComponent({
       return !props2.multiple && selected.length ? selected[0].label : "";
     });
     const currentRowKey = vue.computed(() => {
-      if (props2.multiple || util.isEmptyValue(props2.modelValue)) {
+      if (props2.multiple || util$1.isEmptyValue(props2.modelValue)) {
         return;
       }
       return props2.modelValue;
     });
     const selectedRowKeys = vue.computed(() => {
-      if (!props2.multiple || util.isEmptyValue(props2.modelValue)) {
+      if (!props2.multiple || util$1.isEmptyValue(props2.modelValue)) {
         return;
       }
       return props2.modelValue;
@@ -46,7 +46,7 @@ const _sfc_main = vue.defineComponent({
       selectRef.value && selectRef.value.updatePopper();
     };
     const getItemByValue = (value) => {
-      if (util.isEmptyValue(value)) {
+      if (util$1.isEmptyValue(value)) {
         return;
       }
       if (props2.cacheData != null) {
@@ -55,7 +55,7 @@ const _sfc_main = vue.defineComponent({
           return temp;
         }
       }
-      if (!util.isEmptyValue(props2.initValue)) {
+      if (!util$1.isEmptyValue(props2.initValue)) {
         if (!props2.multiple) {
           return props2.initValue;
         }
@@ -80,7 +80,7 @@ const _sfc_main = vue.defineComponent({
     };
     const getMultipleItems = () => {
       const modelValue = props2.modelValue;
-      if (util.isEmptyValue(modelValue, true)) {
+      if (util$1.isEmptyValue(modelValue, true)) {
         return [];
       }
       const selected = [];
@@ -124,7 +124,7 @@ const _sfc_main = vue.defineComponent({
       if (!props2.multiple) {
         const value = props2.modelValue;
         const d = selectedItems.value.length ? selectedItems.value[0] : null;
-        if (util.isEmptyValue(value)) {
+        if (util$1.isEmptyValue(value)) {
           if (d != null) {
             selectedItems.value = [];
           }
@@ -139,7 +139,7 @@ const _sfc_main = vue.defineComponent({
         }
         return;
       }
-      if (util.isEmptyValue(props2.modelValue, true)) {
+      if (util$1.isEmptyValue(props2.modelValue, true)) {
         if (selectedItems.value.length) {
           selectedItems.value = [];
           vue.nextTick(() => {
@@ -149,7 +149,7 @@ const _sfc_main = vue.defineComponent({
         return;
       }
       const keys = selectedItems.value.map((d) => d.value);
-      if (force || util.valueIsChanged(props2.modelValue, keys, true)) {
+      if (force || util$1.valueIsChanged(props2.modelValue, keys, true)) {
         selectedItems.value = getMultipleItems();
         vue.nextTick(() => {
           updatePopover();
@@ -171,14 +171,14 @@ const _sfc_main = vue.defineComponent({
         return;
       }
       const keys = initValue.map((d) => d[valueKey]);
-      if (!util.valueIsChanged(props2.modelValue, keys, true)) {
+      if (!util$1.valueIsChanged(props2.modelValue, keys, true)) {
         updateSelectedItems();
       } else {
         updateModelValue(keys);
       }
     };
     const updateModelValue = (modelValue) => {
-      if (util.valueIsChanged(modelValue, props2.modelValue, props2.multiple)) {
+      if (util$1.valueIsChanged(modelValue, props2.modelValue, props2.multiple)) {
         emit("update:modelValue", modelValue);
         emit("change", modelValue);
       }
@@ -276,7 +276,7 @@ const _sfc_main = vue.defineComponent({
     vue.watch(
       () => props2.initValue,
       (initValue) => {
-        if (!util.isEmptyValue(initValue)) {
+        if (!util$1.isEmptyValue(initValue)) {
           onInitValueChange(initValue);
         }
       },
@@ -291,9 +291,9 @@ const _sfc_main = vue.defineComponent({
       }
     );
     vue.onMounted(() => {
-      if (!util.isEmptyValue(props2.initValue, props2.multiple)) {
+      if (!util$1.isEmptyValue(props2.initValue, props2.multiple)) {
         onInitValueChange(props2.initValue);
-      } else if (!util.isEmptyValue(props2.modelValue, props2.multiple)) {
+      } else if (!util$1.isEmptyValue(props2.modelValue, props2.multiple)) {
         updateSelectedItems();
       }
     });

package/lib/ele-table-select/index.d.ts

@@ -9,7 +9,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never> | undefined>;
+    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     valueKey: {
@@ -21,12 +21,12 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
     };
     initValue: import('vue').PropType<DataItem | DataItem[]>;
-    cacheData: import('vue').PropType<DataItem[]>; /** 表格组件 */
+    cacheData: import('vue').PropType<DataItem[]>;
     tableProps: {
-        type: import('vue').PropType<import('../ele-app/plus').EleProTableProps>; /** 下拉框是否显示 */
+        type: import('vue').PropType<import('../ele-app/plus').EleProTableProps>;
         required: boolean;
     };
-    maxTagCount: NumberConstructor; /** 选中的标签 */
+    maxTagCount: NumberConstructor;
     maxTagTextLength: NumberConstructor;
     tagType: {
         type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
@@ -51,7 +51,7 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
     };
     popperOptions: import('vue').PropType<Partial<import('element-plus').Options> | undefined>;
-    popperClass: StringConstructor;
+    popperClass: StringConstructor; /** 下拉框类名 */
     popperWidth: (StringConstructor | NumberConstructor)[];
     selectStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
@@ -107,7 +107,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never> | undefined>;
+    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     valueKey: {
@@ -119,12 +119,12 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
     };
     initValue: import('vue').PropType<DataItem | DataItem[]>;
-    cacheData: import('vue').PropType<DataItem[]>; /** 表格组件 */
+    cacheData: import('vue').PropType<DataItem[]>;
     tableProps: {
-        type: import('vue').PropType<import('../ele-app/plus').EleProTableProps>; /** 下拉框是否显示 */
+        type: import('vue').PropType<import('../ele-app/plus').EleProTableProps>;
         required: boolean;
     };
-    maxTagCount: NumberConstructor; /** 选中的标签 */
+    maxTagCount: NumberConstructor;
     maxTagTextLength: NumberConstructor;
     tagType: {
         type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
@@ -149,7 +149,7 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
     };
     popperOptions: import('vue').PropType<Partial<import('element-plus').Options> | undefined>;
-    popperClass: StringConstructor;
+    popperClass: StringConstructor; /** 下拉框类名 */
     popperWidth: (StringConstructor | NumberConstructor)[];
     selectStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
@@ -158,27 +158,27 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
 }>> & {
-    onFocus?: ((_e: FocusEvent) => any) | undefined;
-    onBlur?: ((_e: FocusEvent) => any) | undefined;
     onChange?: ((_value: SelectValue) => any) | undefined;
-    onSelect?: ((_item: DataItem | DataItem[]) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: SelectValue) => any) | undefined;
+    onFocus?: ((_e: FocusEvent) => any) | undefined;
+    onBlur?: ((_e: FocusEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
+    onSelect?: ((_item: DataItem | DataItem[]) => any) | undefined;
     onVisibleChange?: ((_visible: boolean) => any) | undefined;
     onRemoveTag?: ((_value: SingleValue) => any) | undefined;
     onFilterChange?: ((_value: string) => any) | undefined;
 }, {
+    valueKey: string;
+    modelValue: SelectValue;
     placement: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined;
-    disabled: boolean;
     teleported: boolean;
-    modelValue: SelectValue;
     clearable: boolean;
-    persistent: boolean;
-    transition: string;
-    valueKey: string;
+    disabled: boolean;
     filterable: boolean;
     tagType: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined;
     multiple: boolean;
+    transition: string;
+    persistent: boolean;
     responsive: boolean;
     automaticDropdown: boolean;
     labelKey: string;

package/lib/ele-table-select/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-tabs/components/tab-title.cjs

@@ -27,7 +27,7 @@ const _sfc_main = vue.defineComponent({
   },
   setup(props, { emit }) {
     const dropdownRef = vue.ref(null);
-    const onContextMenu = (command) => {
+    const handleContextMenu = (command) => {
       emit("contextMenu", {
         command,
         name: props.tabName,
@@ -35,12 +35,12 @@ const _sfc_main = vue.defineComponent({
         active: props.active
       });
     };
-    const onContextVisible = (visible) => {
+    const handleContextVisible = (visible) => {
       if (visible) {
         emit("contextOpen", dropdownRef.value);
       }
     };
-    const onClick = (e) => {
+    const handleTitleClick = (e) => {
       if (props.handleClick) {
         e.stopPropagation();
       }
@@ -50,7 +50,12 @@ const _sfc_main = vue.defineComponent({
         active: props.active
       });
     };
-    return { dropdownRef, onContextMenu, onContextVisible, onClick };
+    return {
+      dropdownRef,
+      handleContextMenu,
+      handleContextVisible,
+      handleTitleClick
+    };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -73,17 +78,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     trigger: "contextmenu",
     disabled: !_ctx.contextMenu,
     items: _ctx.contextMenus,
-    onCommand: _ctx.onContextMenu,
-    onVisibleChange: _ctx.onContextVisible
+    onCommand: _ctx.handleContextMenu,
+    onVisibleChange: _ctx.handleContextVisible
   }), vue.createSlots({
     default: vue.withCtx(() => [
       vue.createElementVNode("div", {
         class: "ele-tab-title",
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleTitleClick && _ctx.handleTitleClick(...args))
       }, [
         vue.renderSlot(_ctx.$slots, "label", {
+          label: _ctx.label,
           item: _ctx.item,
-          label: _ctx.label
+          active: _ctx.active
         }, () => [
           vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
         ])
@@ -95,8 +101,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       name: "dropdownMenu",
       fn: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "contextMenu", {
-          item: _ctx.item,
           tabName: _ctx.tabName,
+          item: _ctx.item,
           active: _ctx.active
         })
       ]),

package/lib/ele-tabs/components/tab-title.d.ts

@@ -1,6 +1,6 @@
 import { TabPaneItem, TabEventOption } from '../types';
-import { EleDropdownProps, EleDropdownInstance } from '../../ele-app/plus';
 import { DropdownItem } from '../../ele-dropdown/types';
+import { EleDropdownProps, EleDropdownInstance } from '../../ele-app/plus';
 import { PropType } from 'vue';
 
 declare const _default: import('vue').DefineComponent<{
@@ -20,9 +20,9 @@ declare const _default: import('vue').DefineComponent<{
     handleClick: BooleanConstructor;
 }, {
     dropdownRef: import('vue').Ref<EleDropdownInstance>;
-    onContextMenu: (command: string) => void;
-    onContextVisible: (visible: boolean) => void;
-    onClick: (e: MouseEvent) => void;
+    handleContextMenu: (command: string) => void;
+    handleContextVisible: (visible: boolean) => void;
+    handleTitleClick: (e: MouseEvent) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     itemClick: (_opt: TabEventOption) => true;
     contextMenu: (_option: TabEventOption) => true;

package/lib/ele-tabs/index.cjs

@@ -11,9 +11,17 @@ const _sfc_main = vue.defineComponent({
   props: props.tabsProps,
   emits: props.tabsEmits,
   setup(props$1, { emit }) {
+    const wrapProps = vue.inject(props.TAB_WRAP_KEY, null);
     const current = { sortIns: null, isScroll: false };
     const tabRef = vue.ref(null);
     const itemRefs = vue.ref([]);
+    const isWrap = vue.computed(() => wrapProps == null);
+    const tabSize = vue.computed(
+      () => wrapProps == null ? props$1.size : wrapProps.size
+    );
+    const tabType = vue.computed(
+      () => wrapProps == null ? props$1.type : wrapProps.type
+    );
     const tabProps = vue.computed(() => {
       return core.pick(props$1, props.tabPropKeys);
     });
@@ -23,31 +31,31 @@ const _sfc_main = vue.defineComponent({
       }
       return props$1.contextMenus;
     };
-    const onUpdateModelValue = (name) => {
+    const updateModelValue = (name) => {
       emit("update:modelValue", name);
     };
-    const onTabClick = (pane, e) => {
+    const handleTabClick = (pane, e) => {
       emit("tabClick", pane, e);
     };
-    const onTabChange = (name) => {
+    const handleTabChange = (name) => {
       emit("tabChange", name);
     };
-    const onTabRemove = (name) => {
+    const handleTabRemove = (name) => {
       emit("tabRemove", name);
     };
-    const onTabAdd = () => {
+    const handleTabAdd = () => {
       emit("tabAdd");
     };
-    const onEdit = (name, action) => {
+    const handleEdit = (name, action) => {
       emit("edit", name, action);
     };
-    const onItemClick = (option) => {
+    const handleItemClick = (option) => {
       emit("tabItemClick", option);
     };
-    const onItemContextMenu = (option) => {
+    const handleItemContextMenu = (option) => {
       emit("tabContextMenu", option);
     };
-    const onItemContextOpen = (ref2) => {
+    const handleItemContextOpen = (ref2) => {
       if (itemRefs.value) {
         itemRefs.value.forEach((r) => {
           if ((r == null ? void 0 : r.dropdownRef) && r.dropdownRef !== ref2) {
@@ -57,6 +65,12 @@ const _sfc_main = vue.defineComponent({
       }
       emit("tabContextOpen", ref2);
     };
+    const handleContextmenu = (e) => {
+      const el = e.target;
+      if (el && el.classList.contains("is-icon-close")) {
+        e.preventDefault();
+      }
+    };
     const hideAllDropdown = () => {
       if (itemRefs.value) {
         itemRefs.value.forEach((r) => {
@@ -66,6 +80,24 @@ const _sfc_main = vue.defineComponent({
         });
       }
     };
+    const getHeaderEl = () => {
+      const tabEl = tabRef.value ? tabRef.value.$el : void 0;
+      const el = tabEl ? tabEl.querySelector(".el-tabs__header") : void 0;
+      return el;
+    };
+    const getNavEl = () => {
+      const headerEl = getHeaderEl();
+      return headerEl ? headerEl.querySelector(".el-tabs__nav") : void 0;
+    };
+    const getBtnEl = (el, e, firefox) => {
+      const wheelDelta = e.wheelDelta || e.detail;
+      const delta = firefox ? -wheelDelta : wheelDelta;
+      if (delta > 0) {
+        return el.querySelector(".el-tabs__nav-prev");
+      } else if (delta < 0) {
+        return el.querySelector(".el-tabs__nav-next");
+      }
+    };
     const updateActiveBar = () => {
       const el = getNavEl();
       if (el) {
@@ -86,13 +118,13 @@ const _sfc_main = vue.defineComponent({
         draggable: ".el-tabs__item",
         onUpdate: ({ oldDraggableIndex, newDraggableIndex }) => {
           if (typeof oldDraggableIndex === "number" && typeof newDraggableIndex === "number") {
-            const temp = [...props$1.items];
-            temp.splice(
+            const data = [...props$1.items];
+            data.splice(
               newDraggableIndex,
               0,
-              temp.splice(oldDraggableIndex, 1)[0]
+              data.splice(oldDraggableIndex, 1)[0]
             );
-            emit("tabSortChange", temp);
+            emit("tabSortChange", data);
           }
         },
         setData: () => {
@@ -103,22 +135,7 @@ const _sfc_main = vue.defineComponent({
       current.sortIns && current.sortIns.destroy();
       current.sortIns = null;
     };
-    const onContextmenu = (e) => {
-      const el = e.target;
-      if (el && el.classList.contains("is-icon-close")) {
-        e.preventDefault();
-      }
-    };
-    const getBtnEl = (el, e, firefox) => {
-      const wheelDelta = e.wheelDelta || e.detail;
-      const delta = firefox ? -wheelDelta : wheelDelta;
-      if (delta > 0) {
-        return el.querySelector(".el-tabs__nav-prev");
-      } else if (delta < 0) {
-        return el.querySelector(".el-tabs__nav-next");
-      }
-    };
-    const onMousewheel = (e, isFirefox) => {
+    const handleMousewheel = (e, isFirefox) => {
       const tabEl = e.currentTarget;
       if (tabEl && !current.isScroll) {
         const el = getBtnEl(tabEl, e, isFirefox);
@@ -133,40 +150,26 @@ const _sfc_main = vue.defineComponent({
         }
       }
     };
-    const onFMousewheel = (e) => {
-      onMousewheel(e, true);
-    };
-    const getHeaderEl = () => {
-      const tabEl = tabRef.value ? tabRef.value.$el : void 0;
-      const el = tabEl ? tabEl.querySelector(".el-tabs__header") : void 0;
-      return el;
-    };
-    const getNavEl = () => {
-      const headerEl = getHeaderEl();
-      const el = headerEl ? headerEl.querySelector(".el-tabs__nav") : void 0;
-      return el;
+    const handleFirefoxMousewheel = (e) => {
+      handleMousewheel(e, true);
     };
-    const bindEvents = () => {
+    vue.onMounted(() => {
       bindDragSort();
       const el = getHeaderEl();
       if (props$1.mousewheel && el) {
-        el.addEventListener("mousewheel", onMousewheel, { passive: false });
-        el.addEventListener("DOMMouseScroll", onFMousewheel);
+        el.addEventListener("mousewheel", handleMousewheel, {
+          passive: false
+        });
+        el.addEventListener("DOMMouseScroll", handleFirefoxMousewheel);
       }
-    };
-    const unbindEvents = () => {
+    });
+    vue.onBeforeUnmount(() => {
       const el = getHeaderEl();
       if (el) {
-        el.removeEventListener("mousewheel", onMousewheel);
-        el.removeEventListener("DOMMouseScroll", onFMousewheel);
+        el.removeEventListener("mousewheel", handleMousewheel);
+        el.removeEventListener("DOMMouseScroll", handleFirefoxMousewheel);
       }
       unbindDragSort();
-    };
-    vue.onMounted(() => {
-      bindEvents();
-    });
-    vue.onBeforeUnmount(() => {
-      unbindEvents();
     });
     vue.watch(
       () => props$1.sortable,
@@ -178,18 +181,21 @@ const _sfc_main = vue.defineComponent({
       omit: core.omit,
       tabRef,
       itemRefs,
+      isWrap,
+      tabSize,
+      tabType,
       tabProps,
       getContextMenus,
-      onUpdateModelValue,
-      onTabClick,
-      onTabChange,
-      onTabRemove,
-      onTabAdd,
-      onEdit,
-      onItemClick,
-      onItemContextMenu,
-      onItemContextOpen,
-      onContextmenu,
+      updateModelValue,
+      handleTabClick,
+      handleTabChange,
+      handleTabRemove,
+      handleTabAdd,
+      handleEdit,
+      handleItemClick,
+      handleItemContextMenu,
+      handleItemContextOpen,
+      handleContextmenu,
       hideAllDropdown,
       updateActiveBar
     };
@@ -208,26 +214,27 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElTabs = vue.resolveComponent("ElTabs");
   return vue.openBlock(), vue.createBlock(_component_ElTabs, vue.mergeProps(_ctx.tabProps, {
     ref: "tabRef",
-    type: _ctx.type === "card" || _ctx.type === "border-card" ? _ctx.type : void 0,
+    type: _ctx.tabType === "card" || _ctx.tabType === "border-card" ? _ctx.tabType : void 0,
     class: [
       "ele-tabs",
-      { "is-small": _ctx.size === "small" },
-      { "is-large": _ctx.size === "large" },
-      { "is-default": !_ctx.type || _ctx.type === "default" },
-      { "is-plain": _ctx.type === "plain" },
-      { "is-simple": _ctx.type === "simple" },
-      { "is-indicator": _ctx.type === "indicator" },
-      { "is-button": _ctx.type === "button" },
-      { "is-tag": _ctx.type === "tag" },
+      { "ele-tabs-wrap": _ctx.isWrap },
+      { "is-small": _ctx.tabSize === "small" },
+      { "is-large": _ctx.tabSize === "large" },
+      { "is-default": !_ctx.tabType || _ctx.tabType === "default" },
+      { "is-plain": _ctx.tabType === "plain" },
+      { "is-simple": _ctx.tabType === "simple" },
+      { "is-indicator": _ctx.tabType === "indicator" },
+      { "is-button": _ctx.tabType === "button" },
+      { "is-tag": _ctx.tabType === "tag" },
       { "is-center": _ctx.center }
     ],
-    "onUpdate:modelValue": _ctx.onUpdateModelValue,
-    onTabClick: _ctx.onTabClick,
-    onTabChange: _ctx.onTabChange,
-    onTabRemove: _ctx.onTabRemove,
-    onTabAdd: _ctx.onTabAdd,
-    onEdit: _ctx.onEdit,
-    onContextmenu: _ctx.onContextmenu
+    "onUpdate:modelValue": _ctx.updateModelValue,
+    onTabClick: _ctx.handleTabClick,
+    onTabChange: _ctx.handleTabChange,
+    onTabRemove: _ctx.handleTabRemove,
+    onTabAdd: _ctx.handleTabAdd,
+    onEdit: _ctx.handleEdit,
+    onContextmenu: _ctx.handleContextmenu
   }), vue.createSlots({
     default: vue.withCtx(() => [
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item, index2) => {
@@ -245,9 +252,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               handleClick: _ctx.handleClick,
               contextMenu: _ctx.contextMenu,
               contextMenus: _ctx.getContextMenus(item),
-              onContextMenu: _ctx.onItemContextMenu,
-              onContextOpen: _ctx.onItemContextOpen,
-              onItemClick: _ctx.onItemClick
+              onContextMenu: _ctx.handleItemContextMenu,
+              onContextOpen: _ctx.handleItemContextOpen,
+              onItemClick: _ctx.handleItemClick
             }, vue.createSlots({ _: 2 }, [
               _ctx.$slots.label ? {
                 name: "label",