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

package/es/ele-file-list/index.js

@@ -36,7 +36,7 @@ const _sfc_main = defineComponent({
     const updateCurrent = (current) => {
       emit("update:current", current);
     };
-    const onCheckAllChange = () => {
+    const handleCheckAllChange = () => {
       if (props.selectionType !== "checkbox") {
         return;
       }
@@ -62,7 +62,7 @@ const _sfc_main = defineComponent({
       );
       updateSelections(temp);
     };
-    const onItemCheckChange = (item) => {
+    const handleItemCheckChange = (item) => {
       if (props.selectionType === "radio") {
         updateCurrent(
           props.current && props.current.key === item.key ? null : item
@@ -82,10 +82,10 @@ const _sfc_main = defineComponent({
       }
       updateSelections(props.selections.filter((t) => t.key !== item.key));
     };
-    const onItemClick = (item) => {
+    const handleItemClick = (item) => {
       emit("itemClick", item);
     };
-    const onSortChange = (name) => {
+    const handleSortChange = (name) => {
       const sorter = { sort: name };
       if (props.order && name === props.sort) {
         sorter.order = props.order === "asc" ? "desc" : null;
@@ -94,10 +94,10 @@ const _sfc_main = defineComponent({
       }
       emit("sortChange", sorter);
     };
-    const onItemContextMenu = (option) => {
+    const handleItemContextMenu = (option) => {
       emit("itemContextMenu", option);
     };
-    const onMousedown = (event) => {
+    const handleMousedown = (event) => {
       if (!props.boxChoose || props.selectionType !== "checkbox") {
         return;
       }
@@ -185,12 +185,12 @@ const _sfc_main = defineComponent({
       selectorStyle,
       isCheckAll,
       isIndeterminate,
-      onCheckAllChange,
-      onItemCheckChange,
-      onItemClick,
-      onSortChange,
-      onItemContextMenu,
-      onMousedown
+      handleCheckAllChange,
+      handleItemCheckChange,
+      handleItemClick,
+      handleSortChange,
+      handleItemContextMenu,
+      handleMousedown
     };
   }
 });
@@ -206,7 +206,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_FileTable = resolveComponent("FileTable");
   return openBlock(), createElementBlock("div", {
     class: "ele-file-list-group",
-    onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.onMousedown && _ctx.onMousedown(...args))
+    onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.handleMousedown && _ctx.handleMousedown(...args))
   }, [
     _ctx.grid ? (openBlock(), createBlock(_component_FileGrid, {
       key: 0,
@@ -221,10 +221,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       selectedText: _ctx.lang.selectTips,
       contextMenus: _ctx.contextMenus,
       contextMenuProps: _ctx.contextMenuProps,
-      onCheckAllChange: _ctx.onCheckAllChange,
-      onItemClick: _ctx.onItemClick,
-      onItemCheckChange: _ctx.onItemCheckChange,
-      onItemContextMenu: _ctx.onItemContextMenu
+      onCheckAllChange: _ctx.handleCheckAllChange,
+      onItemClick: _ctx.handleItemClick,
+      onItemCheckChange: _ctx.handleItemCheckChange,
+      onItemContextMenu: _ctx.handleItemContextMenu
     }, createSlots({ _: 2 }, [
       renderList(Object.keys(_ctx.$slots), (name) => {
         return {
@@ -252,11 +252,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       columns: _ctx.columns,
       contextMenus: _ctx.contextMenus,
       contextMenuProps: _ctx.contextMenuProps,
-      onCheckAllChange: _ctx.onCheckAllChange,
-      onItemClick: _ctx.onItemClick,
-      onItemCheckChange: _ctx.onItemCheckChange,
-      onItemContextMenu: _ctx.onItemContextMenu,
-      onSortChange: _ctx.onSortChange
+      onCheckAllChange: _ctx.handleCheckAllChange,
+      onItemClick: _ctx.handleItemClick,
+      onItemCheckChange: _ctx.handleItemCheckChange,
+      onItemContextMenu: _ctx.handleItemContextMenu,
+      onSortChange: _ctx.handleSortChange
     }, createSlots({ _: 2 }, [
       renderList(Object.keys(_ctx.$slots), (name) => {
         return {

package/es/ele-file-list-tool/index.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import('vue').DefineComponent<{}, {
-    onClick: (e: MouseEvent) => void;
+    handleClick: (e: MouseEvent) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (_e: MouseEvent) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>> & {

package/es/ele-file-list-tool/index.js

@@ -6,7 +6,7 @@ const _sfc_main = defineComponent({
   },
   setup(_props, { emit }) {
     return {
-      onClick: (e) => emit("click", e)
+      handleClick: (e) => emit("click", e)
     };
   }
 });
@@ -20,7 +20,7 @@ const _export_sfc = (sfc, props) => {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "ele-file-list-item-tool",
-    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
+    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
   }, [
     renderSlot(_ctx.$slots, "default")
   ]);

package/es/ele-icon-select/components/icon-grid.d.ts

@@ -27,8 +27,8 @@ declare const _default: import('vue').DefineComponent<{
     virtualRef: import('vue').Ref<any>;
     updateTooltipVisible: (visible: boolean) => void;
     hideTooltip: () => void;
-    onItemHover: (icon: string, e: MouseEvent) => void;
-    onItemClick: (icon: string) => void;
+    handleItemHover: (icon: string, e: MouseEvent) => void;
+    handleItemClick: (icon: string) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (_icon: string) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/es/ele-icon-select/components/icon-grid.js

@@ -38,14 +38,14 @@ const _sfc_main = defineComponent({
     const hideTooltip = () => {
       updateTooltipVisible(false);
     };
-    const onItemHover = (icon, e) => {
+    const handleItemHover = (icon, e) => {
       if (props.tooltip && props.popperVisible && icon) {
         virtualRef.value = e.currentTarget;
         tooltipContent.value = icon;
         tooltipVisible.value = true;
       }
     };
-    const onItemClick = (icon) => {
+    const handleItemClick = (icon) => {
       emit("select", icon);
     };
     watch(
@@ -62,8 +62,8 @@ const _sfc_main = defineComponent({
       virtualRef,
       updateTooltipVisible,
       hideTooltip,
-      onItemHover,
-      onItemClick
+      handleItemHover,
+      handleItemClick
     };
   }
 });
@@ -95,8 +95,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: normalizeClass(["ele-icon-select-item", { "is-active": _ctx.icon && d === _ctx.icon }]),
             title: _ctx.tooltip ? void 0 : d,
             style: normalizeStyle(_ctx.itemStyle),
-            onClick: ($event) => _ctx.onItemClick(d),
-            onMouseover: (e) => _ctx.onItemHover(d, e)
+            onClick: ($event) => _ctx.handleItemClick(d),
+            onMouseover: (e) => _ctx.handleItemHover(d, e)
           }, [
             renderSlot(_ctx.$slots, "icon", { icon: d })
           ], 46, _hoisted_1);

package/es/ele-icon-select/index.d.ts

@@ -79,13 +79,13 @@ declare const _default: import('vue').DefineComponent<{
     iconPopperStyle: import('vue').ComputedRef<Partial<import('vue').CSSProperties> | undefined>;
     updatePopover: () => void;
     updateVisible: (visible: boolean) => void;
-    onSelectClear: () => void;
-    onSelectFocus: (e: FocusEvent) => void;
-    onSelectBlur: (e: FocusEvent) => void;
-    onSelectFilter: (value: string) => void;
-    onTabClick: (index: number) => void;
-    onMenuClick: (index: number) => void;
-    onIconSelect: (icon: string) => void;
+    handleSelectClear: () => void;
+    handleSelectFocus: (e: FocusEvent) => void;
+    handleSelectBlur: (e: FocusEvent) => void;
+    handleSelectFilter: (value: string) => void;
+    handleTabClick: (index: number) => void;
+    handleMenuClick: (index: number) => void;
+    handleIconSelect: (icon: string) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:modelValue': (_value?: string | null | undefined) => boolean;
     change: (_value?: string | null | undefined) => boolean;

package/es/ele-icon-select/index.js

@@ -91,7 +91,7 @@ const _sfc_main = defineComponent({
     };
     const updateVisible = (visible) => {
       if (visible) {
-        onSelectFilter("");
+        handleSelectFilter("");
       }
       if (selectVisible.value !== visible) {
         selectVisible.value = visible;
@@ -104,18 +104,18 @@ const _sfc_main = defineComponent({
         emit("change", modelValue);
       }
     };
-    const onSelectClear = () => {
+    const handleSelectClear = () => {
       updateModelValue(null);
       updateVisible(false);
       emit("clear");
     };
-    const onSelectFocus = (e) => {
+    const handleSelectFocus = (e) => {
       emit("focus", e);
     };
-    const onSelectBlur = (e) => {
+    const handleSelectBlur = (e) => {
       emit("blur", e);
     };
-    const onSelectFilter = (value) => {
+    const handleSelectFilter = (value) => {
       var _a;
       if (keywords.value !== value) {
         keywords.value = value;
@@ -147,15 +147,15 @@ const _sfc_main = defineComponent({
         }
       }
     };
-    const onTabClick = (index2) => {
+    const handleTabClick = (index2) => {
       tabActive.value = index2;
       initData();
     };
-    const onMenuClick = (index2) => {
+    const handleMenuClick = (index2) => {
       menuActive.value = index2;
       initData();
     };
-    const onIconSelect = (icon) => {
+    const handleIconSelect = (icon) => {
       updateModelValue(icon);
       updateVisible(false);
     };
@@ -184,13 +184,13 @@ const _sfc_main = defineComponent({
       iconPopperStyle,
       updatePopover,
       updateVisible,
-      onSelectClear,
-      onSelectFocus,
-      onSelectBlur,
-      onSelectFilter,
-      onTabClick,
-      onMenuClick,
-      onIconSelect
+      handleSelectClear,
+      handleSelectFocus,
+      handleSelectBlur,
+      handleSelectFilter,
+      handleTabClick,
+      handleMenuClick,
+      handleIconSelect
     };
   }
 });
@@ -231,10 +231,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     selectedLabel: _ctx.modelValue,
     visible: _ctx.selectVisible,
     "onUpdate:visible": _ctx.updateVisible,
-    onFilterChange: _ctx.onSelectFilter,
-    onClear: _ctx.onSelectClear,
-    onFocus: _ctx.onSelectFocus,
-    onBlur: _ctx.onSelectBlur
+    onFilterChange: _ctx.handleSelectFilter,
+    onClear: _ctx.handleSelectClear,
+    onFocus: _ctx.handleSelectFocus,
+    onBlur: _ctx.handleSelectBlur
   }, createSlots({
     default: withCtx(() => [
       createElementVNode("div", {
@@ -256,7 +256,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               return openBlock(), createElementBlock("div", {
                 key: i + "-" + t,
                 class: normalizeClass(["ele-icon-select-tab", { "is-active": i === _ctx.tabActive }]),
-                onClick: ($event) => _ctx.onTabClick(i)
+                onClick: ($event) => _ctx.handleTabClick(i)
               }, toDisplayString(t), 11, _hoisted_1);
             }), 128))
           ], 4)) : createCommentVNode("", true),
@@ -271,7 +271,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               modelValue: _ctx.keywords,
               prefixIcon: _ctx.SearchOutlined,
               placeholder: _ctx.filterPlaceholder,
-              "onUpdate:modelValue": _ctx.onSelectFilter
+              "onUpdate:modelValue": _ctx.handleSelectFilter
             }, null, 8, ["modelValue", "prefixIcon", "placeholder", "onUpdate:modelValue"])
           ], 4)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "tabRightExtra")
@@ -286,7 +286,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               return openBlock(), createElementBlock("div", {
                 key: i + "-" + m,
                 class: normalizeClass(["ele-icon-select-menu", { "is-active": i === _ctx.menuActive }]),
-                onClick: ($event) => _ctx.onMenuClick(i)
+                onClick: ($event) => _ctx.handleMenuClick(i)
               }, toDisplayString(m), 11, _hoisted_3);
             }), 128))
           ], 4)) : createCommentVNode("", true),
@@ -300,7 +300,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             gridStyle: _ctx.gridStyle,
             itemStyle: _ctx.itemStyle,
             style: normalizeStyle(_ctx.bodyStyle),
-            onSelect: _ctx.onIconSelect
+            onSelect: _ctx.handleIconSelect
           }, createSlots({ _: 2 }, [
             _ctx.$slots.icon ? {
               name: "icon",

package/es/ele-menus/index.js

@@ -108,22 +108,22 @@ const index = defineComponent({
         }
       }
     };
-    const onItemClick = (item, e) => {
+    const handleItemClick = (item, e) => {
       emit("itemClick", item, e);
     };
-    const onItemMouseenter = (item, e) => {
+    const handleItemMouseenter = (item, e) => {
       triggerTooltip(e);
       emit("itemMouseenter", item, e);
     };
-    const onItemMouseleave = (item, e) => {
+    const handleItemMouseleave = (item, e) => {
       hideTooltip();
       emit("itemMouseleave", item, e);
     };
-    const onParentMouseenter = (item, e) => {
+    const handleParentMouseenter = (item, e) => {
       triggerTooltip(e);
       emit("parentMouseenter", item, e);
     };
-    const onParentMouseleave = (item, e) => {
+    const handleParentMouseleave = (item, e) => {
       hideTooltip();
       emit("parentMouseleave", item, e);
     };
@@ -174,12 +174,12 @@ const index = defineComponent({
             props.popupColorful,
             props.firstPopperClass,
             true,
-            onItemClick,
-            onItemMouseenter,
-            onItemMouseleave,
+            handleItemClick,
+            handleItemMouseenter,
+            handleItemMouseleave,
             isWebkit,
-            onParentMouseenter,
-            onParentMouseleave
+            handleParentMouseenter,
+            handleParentMouseleave
           );
           if (moreItems) {
             const ellipsisProps = props.ellipsisProps || {};
@@ -218,12 +218,12 @@ const index = defineComponent({
                       props.popupColorful,
                       props.firstPopperClass,
                       false,
-                      onItemClick,
-                      onItemMouseenter,
-                      onItemMouseleave,
+                      handleItemClick,
+                      handleItemMouseenter,
+                      handleItemMouseleave,
                       isWebkit,
-                      onParentMouseenter,
-                      onParentMouseleave
+                      handleParentMouseenter,
+                      handleParentMouseleave
                     );
                   },
                   title: () => {

package/es/ele-menus/style/index.scss

@@ -265,6 +265,7 @@
     background: eleVar('menu-popup', 'bg');
     box-shadow: eleVar('menu-popup', 'shadow');
     border-radius: eleVar('menu-popup', 'radius');
+    overflow-x: hidden;
     overflow-y: auto;
 
     .el-menu-item,

package/es/ele-menus/util.d.ts

@@ -1,4 +1,5 @@
 import { VNode, Slot } from 'vue';
+import { ClassValue, ClassValues } from '../ele-app/types';
 import { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, MenuResult, MenuEllipsisOption, MenuItemEvent } from './types';
 
 /** 子菜单项链接类名 */
@@ -11,6 +12,12 @@ export declare const triggerClass = "ele-menu-trigger";
 export declare const overflowClass = "ele-menu-overflow";
 /** 菜单省略项的类名 */
 export declare const ellipsisClass = "ele-sub-menu-ellipsis";
+/**
+ * 合并类名
+ * @param class1 类名
+ * @param class2 用户自定义类名
+ */
+export declare function mergeClass(class1?: ClassValue, class2?: ClassValue): ClassValues;
 /**
  * 生成菜单链接节点
  * @param path 链接地址

package/es/ele-menus/util.js

@@ -8,6 +8,16 @@ const titleClass = "ele-menu-title";
 const triggerClass = "ele-menu-trigger";
 const overflowClass = "ele-menu-overflow";
 const ellipsisClass = "ele-sub-menu-ellipsis";
+function mergeClass(class1, class2) {
+  const classes = [];
+  if (class1 != null && class1 !== "") {
+    classes.push(class1);
+  }
+  if (class2 != null && class2 !== "") {
+    classes.push(class2);
+  }
+  return classes;
+}
 function getLinkNode(path) {
   if (isExternalLink(path)) {
     return h("a", {
@@ -98,7 +108,11 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
             index: item.index || item.path,
             route: item.route,
             disabled: item.disabled,
-            class: item.overflow ? overflowClass : void 0,
+            class: mergeClass(
+              item.overflow ? overflowClass : void 0,
+              item.class
+            ),
+            style: item.style,
             onClick: () => {
             }
           },
@@ -124,30 +138,34 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
     );
     if (item.group === true && !parentIsGroup) {
       nodes.push(
-        h(ElMenuItemGroup, { key }, {
-          default: () => {
-            return renderItems(
-              item.children,
-              sIcon,
-              sTitle,
-              tipDisabled,
-              theme,
-              popTheme,
-              colorful,
-              popupColorful,
-              firstPopClass,
-              first,
-              onItemClick,
-              onItemMouseenter,
-              onItemMouseleave,
-              webkit,
-              onParentMouseenter,
-              onParentMouseleave,
-              true
-            );
-          },
-          title: () => getNodes(iNodes, tNodes, bNode, parentTriggerNode)
-        })
+        h(
+          ElMenuItemGroup,
+          { key, style: item.style, class: item.class },
+          {
+            default: () => {
+              return renderItems(
+                item.children,
+                sIcon,
+                sTitle,
+                tipDisabled,
+                theme,
+                popTheme,
+                colorful,
+                popupColorful,
+                firstPopClass,
+                first,
+                onItemClick,
+                onItemMouseenter,
+                onItemMouseleave,
+                webkit,
+                onParentMouseenter,
+                onParentMouseleave,
+                true
+              );
+            },
+            title: () => getNodes(iNodes, tNodes, bNode, parentTriggerNode)
+          }
+        )
       );
       return;
     }
@@ -176,7 +194,11 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
           expandOpenIcon: item.expandOpenIcon ?? ArrowDown,
           collapseCloseIcon: item.collapseCloseIcon ?? ArrowRight,
           collapseOpenIcon: item.collapseOpenIcon ?? ArrowRight,
-          class: item.overflow ? overflowClass : void 0
+          class: mergeClass(
+            item.overflow ? overflowClass : void 0,
+            item.class
+          ),
+          style: item.style
         },
         {
           default: () => {
@@ -342,6 +364,7 @@ export {
   getPopperClass,
   getTriggerNode,
   linkClass,
+  mergeClass,
   overflowClass,
   renderItems,
   titleClass,

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

@@ -99,12 +99,12 @@ declare const _default: import('vue').DefineComponent<{
     handleResizeMousedown: (event: MouseEvent) => void;
     updateModelValue: (modelValue: boolean) => void;
     toggleFullscreen: (fullscreen?: boolean) => void;
-    onOpen: () => void;
-    onOpened: () => void;
-    onClose: () => void;
-    onClosed: () => void;
-    onOpenAutoFocus: () => void;
-    onCloseAutoFocus: () => void;
+    handleOpen: () => void;
+    handleOpened: () => void;
+    handleClose: () => void;
+    handleClosed: () => void;
+    handleOpenAutoFocus: () => void;
+    handleCloseAutoFocus: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:fullscreen': (_fullscreen: boolean) => boolean;
     open: () => boolean;

package/es/ele-modal/index.js

@@ -144,7 +144,7 @@ const _sfc_main = defineComponent({
       });
       emit("update:fullscreen", isFullscreen.value);
     };
-    const onOpen = () => {
+    const handleOpen = () => {
       if (props.resetOnClose || props.destroyOnClose) {
         isFullscreen.value = props.fullscreen ?? false;
       }
@@ -159,27 +159,27 @@ const _sfc_main = defineComponent({
       });
       emit("open");
     };
-    const onOpened = () => {
+    const handleOpened = () => {
       const modalEl = getModalEl();
       if (modalEl) {
         modalEl.addEventListener("mousedown", mousedownListener);
       }
       emit("opened");
     };
-    const onClose = () => {
+    const handleClose = () => {
       const modalEl = getModalEl();
       if (modalEl) {
         modalEl.removeEventListener("mousedown", mousedownListener);
       }
       emit("close");
     };
-    const onClosed = () => {
+    const handleClosed = () => {
       emit("closed");
     };
-    const onOpenAutoFocus = () => {
+    const handleOpenAutoFocus = () => {
       emit("openAutoFocus");
     };
-    const onCloseAutoFocus = () => {
+    const handleCloseAutoFocus = () => {
       emit("closeAutoFocus");
     };
     watch(
@@ -209,12 +209,12 @@ const _sfc_main = defineComponent({
       handleResizeMousedown,
       updateModelValue,
       toggleFullscreen,
-      onOpen,
-      onOpened,
-      onClose,
-      onClosed,
-      onOpenAutoFocus,
-      onCloseAutoFocus
+      handleOpen,
+      handleOpened,
+      handleClose,
+      handleClosed,
+      handleOpenAutoFocus,
+      handleCloseAutoFocus
     };
   }
 });
@@ -261,12 +261,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       zIndex: _ctx.zIndex,
       headerAriaLevel: _ctx.headerAriaLevel,
       "onUpdate:modelValue": _ctx.updateModelValue,
-      onOpen: _ctx.onOpen,
-      onOpened: _ctx.onOpened,
-      onClose: _ctx.onClose,
-      onClosed: _ctx.onClosed,
-      onOpenAutoFocus: _ctx.onOpenAutoFocus,
-      onCloseAutoFocus: _ctx.onCloseAutoFocus
+      onOpen: _ctx.handleOpen,
+      onOpened: _ctx.handleOpened,
+      onClose: _ctx.handleClose,
+      onClosed: _ctx.handleClosed,
+      onOpenAutoFocus: _ctx.handleOpenAutoFocus,
+      onCloseAutoFocus: _ctx.handleCloseAutoFocus
     }), createSlots({
       header: withCtx(({ close, titleId, titleClass }) => [
         createElementVNode("div", {

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

@@ -34,8 +34,8 @@ declare const _default: import('vue').DefineComponent<{
     isInfinite: import('vue').ComputedRef<boolean>;
     pageTotal: import('vue').ComputedRef<number | undefined>;
     sizesPopperClass: import('vue').ComputedRef<string>;
-    onUpdateCurrentPage: (currentPage: number) => void;
-    onUpdatePageSize: (pageSize: number) => void;
+    handleUpdateCurrentPage: (currentPage: number) => void;
+    handleUpdatePageSize: (pageSize: number) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:currentPage': (_currentPage: number) => boolean;
     'update:pageSize': (_pageSize: number) => boolean;