yuang-framework-ui-pc 1.1.8 → 1.1.10

package/es/ele-admin-layout/index.js

@@ -8,20 +8,7 @@ import LayoutSkeleton from "./components/layout-skeleton";
 import LayoutTabs from "./components/layout-tabs";
 import { adminLayoutProps, adminLayoutEmits, LAYOUT_KEY } from "./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 = defineComponent({
   name: "EleAdminLayout",
   components: {
@@ -45,56 +32,26 @@ const _sfc_main = defineComponent({
     const contentRef = shallowRef(null);
     const modalsRef = shallowRef(null);
     const isDisableTransition = shallowRef(false);
-    const layoutHeight = computed(
-      () => typeof props.height === "number" ? `${props.height}px` : props.height
-    );
-    const isFixedHeader = computed(
-      () => !props.fixedBody && props.fixedHeader
-    );
-    const isFixedSidebar = computed(
-      () => !props.fixedBody && props.fixedSidebar
-    );
+    const layoutHeight = computed(() => typeof props.height === "number" ? `${props.height}px` : props.height);
+    const isFixedHeader = computed(() => !props.fixedBody && props.fixedHeader);
+    const isFixedSidebar = computed(() => !props.fixedBody && props.fixedSidebar);
     const isTopLayout = computed(() => props.layout === "top");
     const isSideLayout = computed(() => props.layout === "side");
-    const isBoxSidebar = computed(
-      () => props.sidebarLayout === "box"
-    );
-    const isMixSidebar = computed(
-      () => !isTopLayout.value && (props.sidebarLayout === "mix" || isBoxSidebar.value)
-    );
+    const isBoxSidebar = computed(() => props.sidebarLayout === "box");
+    const isMixSidebar = computed(() => !isTopLayout.value && (props.sidebarLayout === "mix" || isBoxSidebar.value));
     const isMobile = computed(() => props.mobile && !isTopLayout.value);
-    const isHeaderLogo = computed(
-      () => (props.logoInHeader || isTopLayout.value) && !isSideLayout.value && !isMobile.value
-    );
-    const showHeaderMenus = computed(
-      () => isTopLayout.value || props.layout === "mix"
-    );
+    const isHeaderLogo = computed(() => (props.logoInHeader || isTopLayout.value) && !isSideLayout.value && !isMobile.value);
+    const showHeaderMenus = computed(() => isTopLayout.value || props.layout === "mix");
     const showHeaderTabs = computed(() => props.tabBar === "header");
-    const isDarkHeader = computed(
-      () => props.headerStyle === "dark"
-    );
-    const isPrimaryHeader = computed(
-      () => props.headerStyle === "primary"
-    );
+    const isDarkHeader = computed(() => props.headerStyle === "dark");
+    const isPrimaryHeader = computed(() => props.headerStyle === "primary");
     const isButtonTab = computed(() => props.tabStyle === "button");
-    const isDarkSidebar = computed(
-      () => props.sidebarStyle === "dark"
-    );
-    const isDarkMixSidebar = computed(
-      () => isMixSidebar.value && !isHeaderLogo.value && isDarkSidebar.value && (isDarkHeader.value || isPrimaryHeader.value)
-    );
-    const isGhostHeader = computed(
-      () => !isDarkHeader.value && !isPrimaryHeader.value && showHeaderTabs.value && isButtonTab.value
-    );
-    const isGhostSidebar = computed(
-      () => isGhostHeader.value && !isDarkSidebar.value
-    );
-    const isCollapseSidebar = computed(
-      () => !isMobile.value && props.collapse
-    );
-    const isCollapseMobile = computed(
-      () => isMobile.value && props.collapse
-    );
+    const isDarkSidebar = computed(() => props.sidebarStyle === "dark");
+    const isDarkMixSidebar = computed(() => isMixSidebar.value && !isHeaderLogo.value && isDarkSidebar.value && (isDarkHeader.value || isPrimaryHeader.value));
+    const isGhostHeader = computed(() => !isDarkHeader.value && !isPrimaryHeader.value && showHeaderTabs.value && isButtonTab.value);
+    const isGhostSidebar = computed(() => isGhostHeader.value && !isDarkSidebar.value);
+    const isCollapseSidebar = computed(() => !isMobile.value && props.collapse);
+    const isCollapseMobile = computed(() => isMobile.value && props.collapse);
     const getContentEl = () => {
       return contentRef.value;
     };
@@ -214,36 +171,24 @@ const _sfc_main = defineComponent({
       getBodyWrapperEl
     });
     provide(LAYOUT_KEY, layoutProvide);
-    watch(
-      [
-        () => props.layout,
-        () => props.sidebarLayout,
-        () => props.fixedSidebar,
-        () => props.fixedBody,
-        () => props.logoInHeader,
-        () => props.maximized,
-        isFixedHeader,
-        isMobile
-      ],
-      () => {
-        isDisableTransition.value = true;
-        startDisableTransitionTimer(() => {
-          isDisableTransition.value = false;
-        });
-        if (layoutProvide.layout !== props.layout) {
-          layoutProvide.layout = props.layout;
-        }
-        if (layoutProvide.maximized !== props.maximized) {
-          layoutProvide.maximized = props.maximized;
-        }
-        if (layoutProvide.fixedHeader !== isFixedHeader.value) {
-          layoutProvide.fixedHeader = isFixedHeader.value;
-        }
-        if (layoutProvide.fixedBody !== props.fixedBody) {
-          layoutProvide.fixedBody = props.fixedBody;
-        }
+    watch([() => props.layout, () => props.sidebarLayout, () => props.fixedSidebar, () => props.fixedBody, () => props.logoInHeader, () => props.maximized, isFixedHeader, isMobile], () => {
+      isDisableTransition.value = true;
+      startDisableTransitionTimer(() => {
+        isDisableTransition.value = false;
+      });
+      if (layoutProvide.layout !== props.layout) {
+        layoutProvide.layout = props.layout;
+      }
+      if (layoutProvide.maximized !== props.maximized) {
+        layoutProvide.maximized = props.maximized;
+      }
+      if (layoutProvide.fixedHeader !== isFixedHeader.value) {
+        layoutProvide.fixedHeader = isFixedHeader.value;
       }
-    );
+      if (layoutProvide.fixedBody !== props.fixedBody) {
+        layoutProvide.fixedBody = props.fixedBody;
+      }
+    });
     watch([() => props.sidebarActive, () => props.collapse], () => {
       nextTick(() => {
         sidebarScrollToActive();
@@ -355,14 +300,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_LayoutSkeleton = resolveComponent("LayoutSkeleton");
   return openBlock(), createBlock(_component_LayoutSkeleton, {
     isHeaderLogo: _ctx.isHeaderLogo,
-    class: 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: 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: normalizeStyle({
       minHeight: _ctx.layoutHeight,
       height: _ctx.fixedBody ? _ctx.layoutHeight : void 0
@@ -371,14 +309,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     head: withCtx(() => [
       !_ctx.isSideLayout ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: 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: 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: 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))
@@ -457,9 +388,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onTabContextMenu: _ctx.handleTabContextMenu,
           onTabSortChange: _ctx.handleTabSortChange
         }, createSlots({ _: 2 }, [
-          renderList(Object.keys(_ctx.$slots).filter(
-            (k) => _ctx.tabSlots.includes(k)
-          ), (name) => {
+          renderList(Object.keys(_ctx.$slots).filter((k) => _ctx.tabSlots.includes(k)), (name) => {
             return {
               name,
               fn: withCtx((slotProps) => [
@@ -476,26 +405,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     side: withCtx(() => [
       !_ctx.isTopLayout ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: 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: 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: normalizeStyle({ height: _ctx.isFixedSidebar ? _ctx.layoutHeight : void 0 })
       }, [
         _ctx.isMixSidebar ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: normalizeClass([
-            "ele-admin-sidebox",
-            { "is-dark": _ctx.isDarkSidebar },
-            { "is-ghost": _ctx.isGhostSidebar },
-            { "show-divider": !_ctx.isCollapseSidebar && !_ctx.isBoxSidebar },
-            { "is-compact": _ctx.compact }
-          ]),
+          class: normalizeClass(["ele-admin-sidebox", { "is-dark": _ctx.isDarkSidebar }, { "is-ghost": _ctx.isGhostSidebar }, { "show-divider": !_ctx.isCollapseSidebar && !_ctx.isBoxSidebar }, { "is-compact": _ctx.compact }]),
           style: 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))
@@ -552,13 +467,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 38)) : createCommentVNode("", true),
         !_ctx.isBoxSidebar ? (openBlock(), createElementBlock("div", {
           key: 1,
-          class: 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: 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: 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))
@@ -639,20 +548,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         tabContextMenu: _ctx.tabContextMenu,
         tabContextMenus: _ctx.tabContextMenus,
         tabSortable: _ctx.tabSortable,
-        class: normalizeClass([
-          { "is-fixed-home": _ctx.fixedHome },
-          { "is-fixed": _ctx.isFixedHeader },
-          { "is-fixed-top": _ctx.isFixedHeader && (_ctx.isSideLayout || _ctx.maximized) }
-        ]),
+        class: normalizeClass([{ "is-fixed-home": _ctx.fixedHome }, { "is-fixed": _ctx.isFixedHeader }, { "is-fixed-top": _ctx.isFixedHeader && (_ctx.isSideLayout || _ctx.maximized) }]),
         style: normalizeStyle(_ctx.tabsCustomStyle),
         onTabClick: _ctx.handleTabClick,
         onTabRemove: _ctx.handleTabRemove,
         onTabContextMenu: _ctx.handleTabContextMenu,
         onTabSortChange: _ctx.handleTabSortChange
       }, createSlots({ _: 2 }, [
-        renderList(Object.keys(_ctx.$slots).filter(
-          (k) => _ctx.tabSlots.includes(k)
-        ), (name) => {
+        renderList(Object.keys(_ctx.$slots).filter((k) => _ctx.tabSlots.includes(k)), (name) => {
           return {
             name,
             fn: withCtx((slotProps) => [

package/es/ele-config-provider/index.js

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

package/es/ele-data-table/util.js

@@ -11,7 +11,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/es/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/es/ele-loading/index.js

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

package/es/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/es/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/es/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/es/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/es/ele-pro-table/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, shallowRef, computed, watch, onMounted, nextTick, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, mergeProps as mergeProps$1, createSlots, renderSlot, createCommentVNode, renderList, createElementBlock, normalizeStyle } from "vue";
+import { defineComponent, ref, shallowRef, computed, watch, onMounted, nextTick, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, mergeProps as mergeProps$1, createSlots, renderSlot, createCommentVNode, createElementBlock, createVNode, renderList, normalizeStyle } from "vue";
 import { pick, getValue } from "../utils/core";
 import { useGlobalProps } from "../ele-config-provider/receiver";
 import EleLoading from "../ele-loading/index";
@@ -9,7 +9,7 @@ import EleDataTable from "../ele-data-table/index";
 import EleVirtualTable from "../ele-virtual-table/index";
 import EleToolbar from "../ele-toolbar/index";
 import TableTools from "./components/table-tools";
-import { getDefaultFilter, getTablePage, getTableLimit, getTableSize, getRowKey, getPaginationProps, mergeProps, cacheColWidth, getInitCacheColumns, reloadData, getRequestOrderParamList, getRequestPageParam, getRequestFilters, getResponseResult, getResponseName, isAutoAmend, sortData } from "./util";
+import { getDefaultFilter, getTablePage, getTableLimit, getTableSize, getRowKey, getPaginationProps, mergeProps, cacheColWidth, getInitCacheColumns, sortData, getRequestOrderParamList, getRequestPageParam, getRequestFilters, reloadData, getResponseResult, getResponseName, isAutoAmend } from "./util";
 import { proTableProps, proTableEmits } from "./props";
 const ownSlots = ["default", "toolbar", "tools", "footer"];
 const toolsSlotExcludes = [...ownSlots, "empty", "append"];
@@ -28,6 +28,7 @@ const _sfc_main = defineComponent({
   props: proTableProps,
   emits: proTableEmits,
   setup(props, { emit }) {
+    const isShowTable = ref(true);
     const events = useEmits(emit);
     const methods = useMethods(() => getTableRef());
     const globalProps = useGlobalProps("table");
@@ -144,7 +145,7 @@ const _sfc_main = 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;
@@ -198,6 +199,18 @@ const _sfc_main = defineComponent({
         resolve && console.error(e);
       });
     };
+    const reload = (option, parent, resolve) => {
+      load(option, parent, resolve);
+    };
+    const reset = () => {
+      methods.doLayout();
+      if (props.lazy) {
+        isShowTable.value = false;
+        nextTick(() => {
+          isShowTable.value = true;
+        });
+      }
+    };
     const requestCallback = (data, totalCount, parent, response, resolve) => {
       var _a;
       if (!Array.isArray(data)) {
@@ -230,9 +243,9 @@ const _sfc_main = 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);
@@ -328,9 +341,6 @@ const _sfc_main = defineComponent({
         emit("update:selections", selection);
       }
     };
-    const reloadTable = () => {
-      methods.doLayout();
-    };
     const getTableRef = () => {
       return tableViewRef.value;
     };
@@ -347,9 +357,9 @@ const _sfc_main = defineComponent({
       const rowKey = tableRowKey.value;
       const data = sortData(props.datasource, tableState.sorter);
       const index2 = data.findIndex((d) => 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) => {
@@ -447,6 +457,7 @@ const _sfc_main = defineComponent({
       }
     });
     return {
+      isShowTable,
       toolsSlotExcludes,
       tableSlotExcludes,
       pageSlotExcludes,
@@ -471,7 +482,8 @@ const _sfc_main = defineComponent({
       handlePageSizeChange,
       handlePageCurrentChange,
       reload,
-      reloadTable,
+      reset,
+      // reloadTable,
       getTableRef,
       getData,
       setData,
@@ -491,6 +503,8 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
+const _hoisted_1 = { key: 1 };
+const _hoisted_2 = { key: 2 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   resolveComponent("TableTools");
   const _component_EleToolbar = resolveComponent("EleToolbar");
@@ -509,25 +523,29 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         void 0
       ]), 1040)) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "default"),
-      _ctx.virtual ? (openBlock(), createBlock(_component_EleVirtualTable, mergeProps$1({ key: 1 }, _ctx.tableProps, { ref: "tableViewRef" }), createSlots({ _: 2 }, [
-        renderList(Object.keys(_ctx.$slots).filter((k) => !_ctx.tableSlotExcludes.includes(k)), (name) => {
-          return {
-            name,
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-            ])
-          };
-        })
-      ]), 1040)) : (openBlock(), createBlock(_component_EleDataTable, mergeProps$1({ key: 2 }, _ctx.tableProps, { ref: "tableViewRef" }), createSlots({ _: 2 }, [
-        renderList(Object.keys(_ctx.$slots).filter((k) => !_ctx.tableSlotExcludes.includes(k)), (name) => {
-          return {
-            name,
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-            ])
-          };
-        })
-      ]), 1040)),
+      _ctx.virtual ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_EleVirtualTable, mergeProps$1(_ctx.tableProps, { ref: "tableViewRef" }), createSlots({ _: 2 }, [
+          renderList(Object.keys(_ctx.$slots).filter((k) => !_ctx.tableSlotExcludes.includes(k)), (name) => {
+            return {
+              name,
+              fn: withCtx((slotProps) => [
+                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+              ])
+            };
+          })
+        ]), 1040)
+      ])) : (openBlock(), createElementBlock("div", _hoisted_2, [
+        _ctx.isShowTable ? (openBlock(), createBlock(_component_EleDataTable, mergeProps$1({ key: 0 }, _ctx.tableProps, { ref: "tableViewRef" }), createSlots({ _: 2 }, [
+          renderList(Object.keys(_ctx.$slots).filter((k) => !_ctx.tableSlotExcludes.includes(k)), (name) => {
+            return {
+              name,
+              fn: withCtx((slotProps) => [
+                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+              ])
+            };
+          })
+        ]), 1040)) : createCommentVNode("", true)
+      ])),
       _ctx.paginationProps || _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
         key: 3,
         class: "ele-pro-table-footer",

package/es/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/es/ele-pro-table/util.js

@@ -202,7 +202,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/es/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/es/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>;
 /**