yuang-framework-ui-pc 1.1.8 → 1.1.10

package/es/ele-watermark/index.js

@@ -95,9 +95,7 @@ const _sfc_main = defineComponent({
     };
     const fillTexts = (ctx, drawX, drawY, drawWidth, drawHeight) => {
       const ratio = getPixelRatio();
-      const { color, fontSize, fontStyle, fontWeight, fontFamily } = getFont(
-        props.font
-      );
+      const { color, fontSize, fontStyle, fontWeight, fontFamily } = getFont(props.font);
       const mergedFontSize = fontSize * ratio;
       ctx.font = `${fontStyle} normal ${fontWeight} ${mergedFontSize}px/${drawHeight}px ${fontFamily}`;
       ctx.fillStyle = color;
@@ -107,11 +105,7 @@ const _sfc_main = defineComponent({
       const content = props.content;
       const contents = Array.isArray(content) ? content : [content];
       contents.forEach((item, index2) => {
-        ctx.fillText(
-          item ?? "",
-          drawX,
-          drawY + index2 * (mergedFontSize + props.lineGap * ratio)
-        );
+        ctx.fillText(item ?? "", drawX, drawY + index2 * (mergedFontSize + props.lineGap * ratio));
       });
     };
     const render = () => {
@@ -155,13 +149,7 @@ const _sfc_main = defineComponent({
           ctx.drawImage(img, drawX, drawY, drawWidth, drawHeight);
           ctx.restore();
           rotateWatermark(ctx, alternateRotateX, alternateRotateY, rotate);
-          ctx.drawImage(
-            img,
-            alternateDrawX,
-            alternateDrawY,
-            drawWidth,
-            drawHeight
-          );
+          ctx.drawImage(img, alternateDrawX, alternateDrawY, drawWidth, drawHeight);
           updateStyle(canvas.toDataURL(), `${(gapX + markWidth) * SIZE}px`);
         };
         img.crossOrigin = "anonymous";

package/lib/ele-admin-layout/index.cjs

@@ -9,20 +9,7 @@ const LayoutSkeleton = require("./components/layout-skeleton");
 const LayoutTabs = require("./components/layout-tabs");
 const props = require("./props");
 const tabSlots = ["tabTitle", "tabExtra", "tabHome"];
-const ownSlots = [
-  "logo",
-  "logoTitle",
-  "left",
-  "right",
-  "center",
-  "breadcrumb",
-  "top",
-  "bottom",
-  "boxTop",
-  "boxBottom",
-  "body",
-  ...tabSlots
-];
+const ownSlots = ["logo", "logoTitle", "left", "right", "center", "breadcrumb", "top", "bottom", "boxTop", "boxBottom", "body", ...tabSlots];
 const _sfc_main = vue.defineComponent({
   name: "EleAdminLayout",
   components: {
@@ -46,56 +33,26 @@ const _sfc_main = vue.defineComponent({
     const contentRef = vue.shallowRef(null);
     const modalsRef = vue.shallowRef(null);
     const isDisableTransition = vue.shallowRef(false);
-    const layoutHeight = vue.computed(
-      () => typeof props$1.height === "number" ? `${props$1.height}px` : props$1.height
-    );
-    const isFixedHeader = vue.computed(
-      () => !props$1.fixedBody && props$1.fixedHeader
-    );
-    const isFixedSidebar = vue.computed(
-      () => !props$1.fixedBody && props$1.fixedSidebar
-    );
+    const layoutHeight = vue.computed(() => typeof props$1.height === "number" ? `${props$1.height}px` : props$1.height);
+    const isFixedHeader = vue.computed(() => !props$1.fixedBody && props$1.fixedHeader);
+    const isFixedSidebar = vue.computed(() => !props$1.fixedBody && props$1.fixedSidebar);
     const isTopLayout = vue.computed(() => props$1.layout === "top");
     const isSideLayout = vue.computed(() => props$1.layout === "side");
-    const isBoxSidebar = vue.computed(
-      () => props$1.sidebarLayout === "box"
-    );
-    const isMixSidebar = vue.computed(
-      () => !isTopLayout.value && (props$1.sidebarLayout === "mix" || isBoxSidebar.value)
-    );
+    const isBoxSidebar = vue.computed(() => props$1.sidebarLayout === "box");
+    const isMixSidebar = vue.computed(() => !isTopLayout.value && (props$1.sidebarLayout === "mix" || isBoxSidebar.value));
     const isMobile = vue.computed(() => props$1.mobile && !isTopLayout.value);
-    const isHeaderLogo = vue.computed(
-      () => (props$1.logoInHeader || isTopLayout.value) && !isSideLayout.value && !isMobile.value
-    );
-    const showHeaderMenus = vue.computed(
-      () => isTopLayout.value || props$1.layout === "mix"
-    );
+    const isHeaderLogo = vue.computed(() => (props$1.logoInHeader || isTopLayout.value) && !isSideLayout.value && !isMobile.value);
+    const showHeaderMenus = vue.computed(() => isTopLayout.value || props$1.layout === "mix");
     const showHeaderTabs = vue.computed(() => props$1.tabBar === "header");
-    const isDarkHeader = vue.computed(
-      () => props$1.headerStyle === "dark"
-    );
-    const isPrimaryHeader = vue.computed(
-      () => props$1.headerStyle === "primary"
-    );
+    const isDarkHeader = vue.computed(() => props$1.headerStyle === "dark");
+    const isPrimaryHeader = vue.computed(() => props$1.headerStyle === "primary");
     const isButtonTab = vue.computed(() => props$1.tabStyle === "button");
-    const isDarkSidebar = vue.computed(
-      () => props$1.sidebarStyle === "dark"
-    );
-    const isDarkMixSidebar = vue.computed(
-      () => isMixSidebar.value && !isHeaderLogo.value && isDarkSidebar.value && (isDarkHeader.value || isPrimaryHeader.value)
-    );
-    const isGhostHeader = vue.computed(
-      () => !isDarkHeader.value && !isPrimaryHeader.value && showHeaderTabs.value && isButtonTab.value
-    );
-    const isGhostSidebar = vue.computed(
-      () => isGhostHeader.value && !isDarkSidebar.value
-    );
-    const isCollapseSidebar = vue.computed(
-      () => !isMobile.value && props$1.collapse
-    );
-    const isCollapseMobile = vue.computed(
-      () => isMobile.value && props$1.collapse
-    );
+    const isDarkSidebar = vue.computed(() => props$1.sidebarStyle === "dark");
+    const isDarkMixSidebar = vue.computed(() => isMixSidebar.value && !isHeaderLogo.value && isDarkSidebar.value && (isDarkHeader.value || isPrimaryHeader.value));
+    const isGhostHeader = vue.computed(() => !isDarkHeader.value && !isPrimaryHeader.value && showHeaderTabs.value && isButtonTab.value);
+    const isGhostSidebar = vue.computed(() => isGhostHeader.value && !isDarkSidebar.value);
+    const isCollapseSidebar = vue.computed(() => !isMobile.value && props$1.collapse);
+    const isCollapseMobile = vue.computed(() => isMobile.value && props$1.collapse);
     const getContentEl = () => {
       return contentRef.value;
     };
@@ -215,36 +172,24 @@ const _sfc_main = vue.defineComponent({
       getBodyWrapperEl
     });
     vue.provide(props.LAYOUT_KEY, layoutProvide);
-    vue.watch(
-      [
-        () => props$1.layout,
-        () => props$1.sidebarLayout,
-        () => props$1.fixedSidebar,
-        () => props$1.fixedBody,
-        () => props$1.logoInHeader,
-        () => props$1.maximized,
-        isFixedHeader,
-        isMobile
-      ],
-      () => {
-        isDisableTransition.value = true;
-        startDisableTransitionTimer(() => {
-          isDisableTransition.value = false;
-        });
-        if (layoutProvide.layout !== props$1.layout) {
-          layoutProvide.layout = props$1.layout;
-        }
-        if (layoutProvide.maximized !== props$1.maximized) {
-          layoutProvide.maximized = props$1.maximized;
-        }
-        if (layoutProvide.fixedHeader !== isFixedHeader.value) {
-          layoutProvide.fixedHeader = isFixedHeader.value;
-        }
-        if (layoutProvide.fixedBody !== props$1.fixedBody) {
-          layoutProvide.fixedBody = props$1.fixedBody;
-        }
+    vue.watch([() => props$1.layout, () => props$1.sidebarLayout, () => props$1.fixedSidebar, () => props$1.fixedBody, () => props$1.logoInHeader, () => props$1.maximized, isFixedHeader, isMobile], () => {
+      isDisableTransition.value = true;
+      startDisableTransitionTimer(() => {
+        isDisableTransition.value = false;
+      });
+      if (layoutProvide.layout !== props$1.layout) {
+        layoutProvide.layout = props$1.layout;
+      }
+      if (layoutProvide.maximized !== props$1.maximized) {
+        layoutProvide.maximized = props$1.maximized;
+      }
+      if (layoutProvide.fixedHeader !== isFixedHeader.value) {
+        layoutProvide.fixedHeader = isFixedHeader.value;
       }
-    );
+      if (layoutProvide.fixedBody !== props$1.fixedBody) {
+        layoutProvide.fixedBody = props$1.fixedBody;
+      }
+    });
     vue.watch([() => props$1.sidebarActive, () => props$1.collapse], () => {
       vue.nextTick(() => {
         sidebarScrollToActive();
@@ -356,14 +301,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_LayoutSkeleton = vue.resolveComponent("LayoutSkeleton");
   return vue.openBlock(), vue.createBlock(_component_LayoutSkeleton, {
     isHeaderLogo: _ctx.isHeaderLogo,
-    class: vue.normalizeClass([
-      { "is-fixed-body": _ctx.fixedBody },
-      { "is-transition-disabled": _ctx.isDisableTransition },
-      { "is-maximized": _ctx.maximized },
-      { "is-expanded": _ctx.maximized === "expanded" },
-      { "is-mobile": _ctx.isMobile },
-      { "is-collapse": _ctx.isCollapseMobile }
-    ]),
+    class: vue.normalizeClass([{ "is-fixed-body": _ctx.fixedBody }, { "is-transition-disabled": _ctx.isDisableTransition }, { "is-maximized": _ctx.maximized }, { "is-expanded": _ctx.maximized === "expanded" }, { "is-mobile": _ctx.isMobile }, { "is-collapse": _ctx.isCollapseMobile }]),
     style: vue.normalizeStyle({
       minHeight: _ctx.layoutHeight,
       height: _ctx.fixedBody ? _ctx.layoutHeight : void 0
@@ -372,14 +310,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     head: vue.withCtx(() => [
       !_ctx.isSideLayout ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
-        class: vue.normalizeClass([
-          "ele-admin-header",
-          { "is-dark": _ctx.isDarkHeader },
-          { "is-primary": _ctx.isPrimaryHeader },
-          { "is-ghost": _ctx.isGhostHeader },
-          { "show-divider": _ctx.tabBar && !_ctx.showHeaderTabs && !_ctx.isButtonTab },
-          { "is-fixed": _ctx.isFixedHeader }
-        ]),
+        class: vue.normalizeClass(["ele-admin-header", { "is-dark": _ctx.isDarkHeader }, { "is-primary": _ctx.isPrimaryHeader }, { "is-ghost": _ctx.isGhostHeader }, { "show-divider": _ctx.tabBar && !_ctx.showHeaderTabs && !_ctx.isButtonTab }, { "is-fixed": _ctx.isFixedHeader }]),
         style: vue.normalizeStyle(_ctx.headerCustomStyle),
         onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.handleHeadMouseenter && _ctx.handleHeadMouseenter(...args)),
         onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.handleHeadMouseleave && _ctx.handleHeadMouseleave(...args))
@@ -458,9 +389,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onTabContextMenu: _ctx.handleTabContextMenu,
           onTabSortChange: _ctx.handleTabSortChange
         }, vue.createSlots({ _: 2 }, [
-          vue.renderList(Object.keys(_ctx.$slots).filter(
-            (k) => _ctx.tabSlots.includes(k)
-          ), (name) => {
+          vue.renderList(Object.keys(_ctx.$slots).filter((k) => _ctx.tabSlots.includes(k)), (name) => {
             return {
               name,
               fn: vue.withCtx((slotProps) => [
@@ -477,26 +406,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     side: vue.withCtx(() => [
       !_ctx.isTopLayout ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
-        class: vue.normalizeClass([
-          "ele-admin-side",
-          { "is-fixed": _ctx.isFixedSidebar },
-          { "show-placeholder": _ctx.isFixedSidebar && _ctx.isHeaderLogo },
-          { "is-collapse": !_ctx.isMobile && !_ctx.isBoxSidebar && _ctx.isCollapseSidebar },
-          { "is-mix": !_ctx.isMobile && !_ctx.isBoxSidebar && _ctx.isMixSidebar },
-          { "is-compact": !_ctx.isMobile && _ctx.compact },
-          { "is-box": !_ctx.isMobile && _ctx.isBoxSidebar }
-        ]),
+        class: vue.normalizeClass(["ele-admin-side", { "is-fixed": _ctx.isFixedSidebar }, { "show-placeholder": _ctx.isFixedSidebar && _ctx.isHeaderLogo }, { "is-collapse": !_ctx.isMobile && !_ctx.isBoxSidebar && _ctx.isCollapseSidebar }, { "is-mix": !_ctx.isMobile && !_ctx.isBoxSidebar && _ctx.isMixSidebar }, { "is-compact": !_ctx.isMobile && _ctx.compact }, { "is-box": !_ctx.isMobile && _ctx.isBoxSidebar }]),
         style: vue.normalizeStyle({ height: _ctx.isFixedSidebar ? _ctx.layoutHeight : void 0 })
       }, [
         _ctx.isMixSidebar ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          class: vue.normalizeClass([
-            "ele-admin-sidebox",
-            { "is-dark": _ctx.isDarkSidebar },
-            { "is-ghost": _ctx.isGhostSidebar },
-            { "show-divider": !_ctx.isCollapseSidebar && !_ctx.isBoxSidebar },
-            { "is-compact": _ctx.compact }
-          ]),
+          class: vue.normalizeClass(["ele-admin-sidebox", { "is-dark": _ctx.isDarkSidebar }, { "is-ghost": _ctx.isGhostSidebar }, { "show-divider": !_ctx.isCollapseSidebar && !_ctx.isBoxSidebar }, { "is-compact": _ctx.compact }]),
           style: vue.normalizeStyle(_ctx.sideboxCustomStyle),
           onMouseenter: _cache[2] || (_cache[2] = (...args) => _ctx.handleBoxMouseEnter && _ctx.handleBoxMouseEnter(...args)),
           onMouseleave: _cache[3] || (_cache[3] = (...args) => _ctx.handleBoxMouseLeave && _ctx.handleBoxMouseLeave(...args))
@@ -553,13 +468,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 38)) : vue.createCommentVNode("", true),
         !_ctx.isBoxSidebar ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
-          class: vue.normalizeClass([
-            "ele-admin-sidebar",
-            { "is-dark": _ctx.isMixSidebar ? _ctx.isDarkMixSidebar : _ctx.isDarkSidebar },
-            { "is-ghost": _ctx.isGhostSidebar },
-            { "is-mix": _ctx.isMixSidebar },
-            { "is-collapse": _ctx.isCollapseSidebar }
-          ]),
+          class: vue.normalizeClass(["ele-admin-sidebar", { "is-dark": _ctx.isMixSidebar ? _ctx.isDarkMixSidebar : _ctx.isDarkSidebar }, { "is-ghost": _ctx.isGhostSidebar }, { "is-mix": _ctx.isMixSidebar }, { "is-collapse": _ctx.isCollapseSidebar }]),
           style: vue.normalizeStyle(_ctx.sidebarCustomStyle),
           onMouseenter: _cache[4] || (_cache[4] = (...args) => _ctx.handleSideMouseEnter && _ctx.handleSideMouseEnter(...args)),
           onMouseleave: _cache[5] || (_cache[5] = (...args) => _ctx.handleSideMouseLeave && _ctx.handleSideMouseLeave(...args))
@@ -640,20 +549,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         tabContextMenu: _ctx.tabContextMenu,
         tabContextMenus: _ctx.tabContextMenus,
         tabSortable: _ctx.tabSortable,
-        class: vue.normalizeClass([
-          { "is-fixed-home": _ctx.fixedHome },
-          { "is-fixed": _ctx.isFixedHeader },
-          { "is-fixed-top": _ctx.isFixedHeader && (_ctx.isSideLayout || _ctx.maximized) }
-        ]),
+        class: vue.normalizeClass([{ "is-fixed-home": _ctx.fixedHome }, { "is-fixed": _ctx.isFixedHeader }, { "is-fixed-top": _ctx.isFixedHeader && (_ctx.isSideLayout || _ctx.maximized) }]),
         style: vue.normalizeStyle(_ctx.tabsCustomStyle),
         onTabClick: _ctx.handleTabClick,
         onTabRemove: _ctx.handleTabRemove,
         onTabContextMenu: _ctx.handleTabContextMenu,
         onTabSortChange: _ctx.handleTabSortChange
       }, vue.createSlots({ _: 2 }, [
-        vue.renderList(Object.keys(_ctx.$slots).filter(
-          (k) => _ctx.tabSlots.includes(k)
-        ), (name) => {
+        vue.renderList(Object.keys(_ctx.$slots).filter((k) => _ctx.tabSlots.includes(k)), (name) => {
           return {
             name,
             fn: vue.withCtx((slotProps) => [

package/lib/ele-config-provider/index.cjs

@@ -34,12 +34,6 @@ const index = vue.defineComponent({
       },
       { deep: true }
     );
-    vue.watch(
-      () => props$1.license,
-      () => {
-        config.license = props$1.license;
-      }
-    );
     vue.watch(
       () => props$1.mapKey,
       () => {

package/lib/ele-data-table/util.cjs

@@ -13,7 +13,7 @@ function getRowClass(rowClass, param) {
   }
 }
 function getBodyRowClass(rowClass, param) {
-  const classes = ["ele-table-tr"];
+  const classes = ["ele-table-tr", "ele-table-tr-" + param.row.id];
   const custom = getRowClass(rowClass, param);
   if (custom != null) {
     classes.push(custom);

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

@@ -149,10 +149,10 @@ declare const _default: import('vue').DefineComponent<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
-    onOpenAutoFocus?: (() => any) | undefined;
-    onCloseAutoFocus?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
 }, {
     size: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     title: string;

package/lib/ele-loading/index.cjs

@@ -43,12 +43,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       !_ctx.isCircle ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         style: vue.normalizeStyle(_ctx.spinnerStyle),
-        class: vue.normalizeClass([
-          "ele-loading-spinner",
-          { "ele-loading-blur": _ctx.blur },
-          { "ele-loading-small": _ctx.size === "small" },
-          { "ele-loading-large": _ctx.size === "large" }
-        ])
+        class: vue.normalizeClass(["ele-loading-spinner", { "ele-loading-blur": _ctx.blur }, { "ele-loading-small": _ctx.size === "small" }, { "ele-loading-large": _ctx.size === "large" }])
       }, [
         vue.renderSlot(_ctx.$slots, "spinner", {}, () => [
           _hoisted_1

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

@@ -207,10 +207,10 @@ declare const _default: import('vue').DefineComponent<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
-    onOpenAutoFocus?: (() => any) | undefined;
-    onCloseAutoFocus?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
     "onUpdate:fullscreen"?: ((_fullscreen: boolean) => any) | undefined;
 }, {
     form: boolean;

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

@@ -36,6 +36,7 @@ declare const _default: import('vue').DefineComponent<{
     background: BooleanConstructor;
     disabled: BooleanConstructor;
     hideOnSinglePage: BooleanConstructor;
+    appendSizeTo: StringConstructor;
 }, {
     isInfinite: import('vue').ComputedRef<boolean>;
     pageTotal: import('vue').ComputedRef<number | undefined>;
@@ -83,6 +84,7 @@ declare const _default: import('vue').DefineComponent<{
     background: BooleanConstructor;
     disabled: BooleanConstructor;
     hideOnSinglePage: BooleanConstructor;
+    appendSizeTo: StringConstructor;
 }>> & {
     "onUpdate:currentPage"?: ((_currentPage: number) => any) | undefined;
     "onUpdate:pageSize"?: ((_pageSize: number) => any) | undefined;

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

@@ -46,6 +46,7 @@ export declare const paginationProps: {
     background: BooleanConstructor;
     disabled: BooleanConstructor;
     hideOnSinglePage: BooleanConstructor;
+    appendSizeTo: StringConstructor;
 };
 export type PaginationProps = ExtractPropTypes<typeof paginationProps>;
 /**

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

@@ -29,6 +29,7 @@ const _sfc_main = vue.defineComponent({
   props: props.proTableProps,
   emits: props.proTableEmits,
   setup(props2, { emit }) {
+    const isShowTable = vue.ref(true);
     const events = util.useEmits(emit);
     const methods = util.useMethods(() => getTableRef());
     const globalProps = receiver.useGlobalProps("table");
@@ -145,7 +146,7 @@ const _sfc_main = vue.defineComponent({
         style: tableMaximized.value ? { zIndex } : void 0
       };
     });
-    const reload = (option, parent, resolve) => {
+    const load = (option, parent, resolve) => {
       if (option) {
         if (option.currentPage) {
           tablePage.value = option.currentPage;
@@ -199,6 +200,18 @@ const _sfc_main = vue.defineComponent({
         resolve && console.error(e);
       });
     };
+    const reload = (option, parent, resolve) => {
+      load(option, parent, resolve);
+    };
+    const reset = () => {
+      methods.doLayout();
+      if (props2.lazy) {
+        isShowTable.value = false;
+        vue.nextTick(() => {
+          isShowTable.value = true;
+        });
+      }
+    };
     const requestCallback = (data, totalCount, parent, response, resolve) => {
       var _a;
       if (!Array.isArray(data)) {
@@ -231,9 +244,9 @@ const _sfc_main = vue.defineComponent({
       }
       tableLoading.value = false;
       const result = {
-        data: tableData.value,
-        page: tablePage.value,
-        total: tableTotal.value,
+        records: tableData.value,
+        currentPage: tablePage.value,
+        totalCount: tableTotal.value,
         response
       };
       handleDone(result, parent);
@@ -329,9 +342,6 @@ const _sfc_main = vue.defineComponent({
         emit("update:selections", selection);
       }
     };
-    const reloadTable = () => {
-      methods.doLayout();
-    };
     const getTableRef = () => {
       return tableViewRef.value;
     };
@@ -348,9 +358,9 @@ const _sfc_main = vue.defineComponent({
       const rowKey = tableRowKey.value;
       const data = util$1.sortData(props2.datasource, tableState.sorter);
       const index2 = data.findIndex((d) => core.getValue(d, rowKey) === key);
-      const page = Math.floor(index2 / tableLimit.value) + 1;
-      if (tablePage.value !== page) {
-        reload({ page });
+      const currentPage = Math.floor(index2 / tableLimit.value) + 1;
+      if (tablePage.value !== currentPage) {
+        reload({ currentPage });
       }
     };
     const fetch = (callback) => {
@@ -448,6 +458,7 @@ const _sfc_main = vue.defineComponent({
       }
     });
     return {
+      isShowTable,
       toolsSlotExcludes,
       tableSlotExcludes,
       pageSlotExcludes,
@@ -472,7 +483,8 @@ const _sfc_main = vue.defineComponent({
       handlePageSizeChange,
       handlePageCurrentChange,
       reload,
-      reloadTable,
+      reset,
+      // reloadTable,
       getTableRef,
       getData,
       setData,
@@ -492,6 +504,8 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
+const _hoisted_1 = { key: 1 };
+const _hoisted_2 = { key: 2 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   vue.resolveComponent("TableTools");
   const _component_EleToolbar = vue.resolveComponent("EleToolbar");
@@ -510,25 +524,29 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         void 0
       ]), 1040)) : vue.createCommentVNode("", true),
       vue.renderSlot(_ctx.$slots, "default"),
-      _ctx.virtual ? (vue.openBlock(), vue.createBlock(_component_EleVirtualTable, vue.mergeProps({ key: 1 }, _ctx.tableProps, { ref: "tableViewRef" }), vue.createSlots({ _: 2 }, [
-        vue.renderList(Object.keys(_ctx.$slots).filter((k) => !_ctx.tableSlotExcludes.includes(k)), (name) => {
-          return {
-            name,
-            fn: vue.withCtx((slotProps) => [
-              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-            ])
-          };
-        })
-      ]), 1040)) : (vue.openBlock(), vue.createBlock(_component_EleDataTable, vue.mergeProps({ key: 2 }, _ctx.tableProps, { ref: "tableViewRef" }), vue.createSlots({ _: 2 }, [
-        vue.renderList(Object.keys(_ctx.$slots).filter((k) => !_ctx.tableSlotExcludes.includes(k)), (name) => {
-          return {
-            name,
-            fn: vue.withCtx((slotProps) => [
-              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-            ])
-          };
-        })
-      ]), 1040)),
+      _ctx.virtual ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_EleVirtualTable, vue.mergeProps(_ctx.tableProps, { ref: "tableViewRef" }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(_ctx.$slots).filter((k) => !_ctx.tableSlotExcludes.includes(k)), (name) => {
+            return {
+              name,
+              fn: vue.withCtx((slotProps) => [
+                vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+              ])
+            };
+          })
+        ]), 1040)
+      ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+        _ctx.isShowTable ? (vue.openBlock(), vue.createBlock(_component_EleDataTable, vue.mergeProps({ key: 0 }, _ctx.tableProps, { ref: "tableViewRef" }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(_ctx.$slots).filter((k) => !_ctx.tableSlotExcludes.includes(k)), (name) => {
+            return {
+              name,
+              fn: vue.withCtx((slotProps) => [
+                vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+              ])
+            };
+          })
+        ]), 1040)) : vue.createCommentVNode("", true)
+      ])),
       _ctx.paginationProps || _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 3,
         class: "ele-pro-table-footer",

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

@@ -196,7 +196,7 @@ declare const _default: import('vue').DefineComponent<{
     handlePageSizeChange: (pageSize: number) => void;
     handlePageCurrentChange: (page: number) => void;
     reload: ReloadFunction;
-    reloadTable: () => void;
+    reset: () => void;
     getTableRef: () => TableViewInstance | undefined;
     getData: () => DataItem[];
     setData: (data: DataItem[]) => void;
@@ -216,16 +216,19 @@ declare const _default: import('vue').DefineComponent<{
     clearFilter: (columnKeys?: string[]) => void;
     doLayout: () => void;
     sort: (prop: string, order: string) => void;
-    scrollTo: (options: number | ScrollToOptions, yCoord? /** 表格当前的排序筛选搜索参数 */: number) => void;
+    scrollTo: (options: number | ScrollToOptions, yCoord?: number) => void;
     setScrollTop: (top?: number) => void;
-    setScrollLeft: (left?: number) => void;
+    setScrollLeft: (left? /** 表格当前的排序筛选搜索参数 */: number) => void;
     setCurrentRowKey: (key?: import('../ele-data-table/types').DataKey | null) => void;
     getCurrentRow: () => DataItem | undefined;
     setSelectedRows: (rows?: DataItem[]) => void;
-    setSelectedRowKeys: (keys?: import('../ele-data-table/types').DataKey[], rows? /** 当前页数据 */: DataItem[]) => void;
+    setSelectedRowKeys: (keys?: import('../ele-data-table/types').DataKey[], rows?: DataItem[]) => void;
     toggleRowExpansionAll: (expanded?: boolean) => void;
     updateSelectedAndChecked: () => void;
     updateKeyChildren: (key?: import('../ele-data-table/types').DataKey | null, rows?: DataItem[]) => void;
+    isShowTable: Ref<{
+        valueOf: () => boolean;
+    }>;
     toolsSlotExcludes: string[];
     tableSlotExcludes: string[];
     pageSlotExcludes: string[];

package/lib/ele-pro-table/types.d.ts

@@ -80,6 +80,14 @@ export interface ReloadParams {
   filter?: Filter;
 }
 
+/**
+ * 加载方法
+ * @param option 刷新参数
+ * @param parent 树表格父级数据
+ * @param resolve 树表格懒加载方法
+ */
+export type LoadFunction = (option?: ReloadParams, parent?: DataItem, resolve?: ResolveFunction) => void;
+
 /**
  * 刷新方法
  * @param option 刷新参数
@@ -143,11 +151,11 @@ export interface OrderItem {
  */
 export interface DoneParams<T> {
   /** 当前页数据 */
-  data: T[];
+  records: T[];
   /** 总数量 */
-  total?: PaginationTotal;
+  totalCount?: PaginationTotal;
   /** 当前页码 */
-  page?: number;
+  currentPage?: number;
   /** 数据源原始数据 */
   response?: any;
 }

package/lib/ele-pro-table/util.cjs

@@ -204,7 +204,6 @@ function sortData(datasource, sorter) {
   return data;
 }
 function reloadData(datasource, sorter, currentPage, pageSize) {
-  debugger;
   const records = sortData(datasource, sorter);
   const totalCount = records.length;
   if (!currentPage || !pageSize) {

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

@@ -122,6 +122,11 @@ declare const _default: import('vue').DefineComponent<{
     scrollbarAlwaysOn: BooleanConstructor;
     flexible: BooleanConstructor;
     showOverflowTooltip: import('vue').PropType<boolean | Partial<Pick<import('element-plus').ElTooltipProps, "offset" | "transition" | "placement" | "effect" | "showAfter" | "hideAfter" | "popperOptions" | "enterable" | "popperClass" | "appendTo" | "showArrow">> | undefined>;
+    appendFilterPanelTo: StringConstructor;
+    scrollbarTabindex: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
 }, {
     ownSlots: string[];
     rootRef: Ref<HTMLElement | null>;
@@ -333,6 +338,11 @@ declare const _default: import('vue').DefineComponent<{
     scrollbarAlwaysOn: BooleanConstructor;
     flexible: BooleanConstructor;
     showOverflowTooltip: import('vue').PropType<boolean | Partial<Pick<import('element-plus').ElTooltipProps, "offset" | "transition" | "placement" | "effect" | "showAfter" | "hideAfter" | "popperOptions" | "enterable" | "popperClass" | "appendTo" | "showArrow">> | undefined>;
+    appendFilterPanelTo: StringConstructor;
+    scrollbarTabindex: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
 }>> & {
     onSelect?: ((_selection: DataItem[], _row: DataItem) => any) | undefined;
     onExpandChange?: ((_row: DataItem, _expanded: boolean) => any) | undefined;
@@ -371,6 +381,7 @@ declare const _default: import('vue').DefineComponent<{
     tableLayout: "auto" | "fixed";
     scrollbarAlwaysOn: boolean;
     flexible: boolean;
+    scrollbarTabindex: string | number;
     sticky: boolean;
     headerEllipsis: boolean;
     slotNormalize: boolean;

package/lib/ele-virtual-table/props.d.ts

@@ -123,6 +123,11 @@ export declare const virtualTableProps: {
     scrollbarAlwaysOn: BooleanConstructor;
     flexible: BooleanConstructor;
     showOverflowTooltip: import('vue').PropType<boolean | Partial<Pick<import('element-plus').ElTooltipProps, "offset" | "transition" | "placement" | "effect" | "showAfter" | "hideAfter" | "popperOptions" | "enterable" | "popperClass" | "appendTo" | "showArrow">> | undefined>;
+    appendFilterPanelTo: StringConstructor;
+    scrollbarTabindex: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
 };
 export type VirtualTableProps = ExtractPropTypes<typeof virtualTableProps>;
 /**