ele-admin-plus 1.1.7 → 1.1.8-beta.2

package/es/ele-pro-table/style/index.scss

@@ -4,18 +4,71 @@
 
 @include set-pro-table-var($ele);
 
-.ele-pro-table {
-  /* 工具栏 */
-  & > .ele-toolbar {
-    border-bottom: none;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
+/* 工具栏 */
+.ele-pro-table > .ele-toolbar {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+
+  & + .ele-toolbar {
+    border-top: none;
+  }
+}
+
+.ele-pro-table:not(.is-border) > .ele-toolbar {
+  border-top: none;
+  border-left: none;
+  border-right: none;
+}
+
+.ele-pro-table.is-border > .ele-toolbar {
+  border-bottom: none;
+}
+
+/* 取消表格上边圆角 */
+.ele-pro-table > .ele-toolbar.is-default {
+  & + .ele-data-table > .el-table__inner-wrapper > .el-table__header-wrapper,
+  & + .ele-data-table.el-table--border > .el-table__inner-wrapper::after,
+  &
+    + .ele-data-table.el-table--border.hide-header
+    > .el-table__inner-wrapper
+    > .el-table__body-wrapper,
+  &
+    + .ele-virtual-table
+    > .el-table-v2
+    > .el-table-v2__main
+    > .el-table-v2__header-wrapper,
+  & + .ele-virtual-table.is-border > .el-table-v2::after,
+  &
+    + .ele-virtual-table.is-border.hide-header
+    > .el-table-v2
+    > .el-table-v2__main
+    > .el-table-v2__body
+    > div:not(.el-virtual-scrollbar) {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  & + .ele-data-table.el-table--border::before,
+  & + .ele-virtual-table.is-border::before {
+    border-top-left-radius: 0;
   }
 
-  /* 加载图标 */
-  & > .ele-loading-spinner {
-    background: transparent;
+  & + .ele-data-table.el-table--border::after,
+  & + .ele-virtual-table.is-border::after {
+    border-top-right-radius: 0;
   }
+
+  &
+    + .ele-data-table.hide-header:not(.el-table--border)
+    > .el-table__inner-wrapper::after,
+  & + .ele-virtual-table.hide-header:not(.is-border) > .el-table-v2::after {
+    display: none;
+  }
+}
+
+/* 加载图标 */
+.ele-pro-table > .ele-loading-spinner {
+  background: transparent;
 }
 
 /* 底栏 */

package/es/ele-pro-table/util.d.ts

@@ -1,5 +1,5 @@
 import type { ElePaginationProps } from '../ele-app/plus';
-import type { DataItem, Column, Columns, Sorter, Filter, TableSize, TreeProps } from '../ele-data-table/types';
+import type { DataItem, Column, Columns, Sorter, Filter, TableSize, TreeProps, RowKey } from '../ele-data-table/types';
 import type { Orders, Filters, OrderItem, RequestOption, ResponseOption, TablePagination, DatasourceResult, ResponseResult, ReloadDataResult, ColItem, ProProps } from './types';
 /**
  * 合并复合属性
@@ -153,3 +153,20 @@ export declare function getSizeCacheKey(cacheKey: string): string;
  * @param cacheKey 缓存的名称
  */
 export declare function getCacheSize(cacheKey?: string): TableSize;
+/**
+ * 获取默认 rowKey
+ * @param rowKey 自定义 rowKey
+ */
+export declare function getDefaultRowKey(rowKey?: RowKey): "_rowKey" | undefined;
+/**
+ * 获取 rowKey
+ * @param rowKey 自定义 rowKey
+ */
+export declare function getRowKey(rowKey?: RowKey): string | ((row: DataItem) => string) | undefined;
+/**
+ * 数据添加默认的 rowKey 字段
+ * @param data 数据
+ * @param rowKey 字段名
+ * @param page 页码
+ */
+export declare function addDefaultRowKey(data: DataItem[], rowKey: string | undefined, page: number): DataItem[];

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

@@ -359,13 +359,31 @@ function getCacheSize(cacheKey) {
     }
   }
 }
+function getDefaultRowKey(rowKey) {
+  return rowKey ? void 0 : "_rowKey";
+}
+function getRowKey(rowKey) {
+  return rowKey ?? getDefaultRowKey();
+}
+function addDefaultRowKey(data, rowKey, page) {
+  if (rowKey == null) {
+    return data;
+  }
+  return data.map((d, i) => {
+    const item = { ...d };
+    item[rowKey] = `${page}-${i}`;
+    return item;
+  });
+}
 export {
+  addDefaultRowKey,
   getCacheCols,
   getCacheSize,
   getCheckedColumns,
   getColId,
   getColsCacheKey,
   getDefaultFilter,
+  getDefaultRowKey,
   getInitCacheColumns,
   getInitColumns,
   getOrderItems,
@@ -376,6 +394,7 @@ export {
   getResponseData,
   getResponseName,
   getResponseResult,
+  getRowKey,
   getSettingCols,
   getSizeCacheKey,
   getTableLimit,

package/es/ele-segmented/index.js

@@ -48,9 +48,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:modelValue": _ctx.onUpdateModelValue
   }, {
     default: withCtx(() => [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index2) => {
         return openBlock(), createBlock(_component_ElTabPane, {
-          key: item.value,
+          key: index2 + "-" + item.value + "-" + item.label,
           name: item.value,
           disabled: _ctx.disabled || item.disabled
         }, {

package/es/ele-table/style/css-var.scss

@@ -6,3 +6,49 @@
     @include set-ele-var('table', $var);
   }
 }
+
+/* 静态表格圆角 */
+@mixin table-radius($radius) {
+  & > thead > tr:first-child > th:first-child,
+  & > thead > tr:first-child > td:first-child,
+  &.is-border:not(.has-header) > tr:first-child > td:first-child,
+  &.is-border:not(.has-header) > tbody > tr:first-child > td:first-child {
+    border-top-left-radius: $radius;
+  }
+
+  & > thead > tr:first-child > th:last-child,
+  & > thead > tr:first-child > td:last-child,
+  &.is-border:not(.has-header) > tr:first-child > td:last-child,
+  &.is-border:not(.has-header) > tbody > tr:first-child > td:last-child {
+    border-top-right-radius: $radius;
+  }
+
+  &.is-border:not(.has-footer) > tr:last-child > td:first-child,
+  &.is-border:not(.has-footer) > tbody > tr:last-child > td:first-child,
+  & > tfoot > tr:last-child > td:first-child {
+    border-bottom-left-radius: $radius;
+  }
+
+  &.is-border:not(.has-footer) > tr:last-child > td:last-child,
+  &.is-border:not(.has-footer) > tbody > tr:last-child > td:last-child,
+  & > tfoot > tr:last-child > td:last-child {
+    border-bottom-right-radius: $radius;
+  }
+
+  &.has-header {
+    border-top-left-radius: $radius;
+    border-top-right-radius: $radius;
+  }
+
+  &.has-footer {
+    border-bottom-left-radius: $radius;
+    border-bottom-right-radius: $radius;
+  }
+
+  &.is-border {
+    border-top-left-radius: $radius;
+    border-top-right-radius: $radius;
+    border-bottom-left-radius: $radius;
+    border-bottom-right-radius: $radius;
+  }
+}

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

@@ -18,7 +18,7 @@
     & > th,
     & > td {
       color: eleVar('table', 'color');
-      font-size: eleVar('table', 'font-szie');
+      font-size: eleVar('table', 'font-size');
       font-weight: normal;
       line-height: eleVar('table', 'line-height');
       padding: eleVar('table', 'padding');
@@ -82,33 +82,7 @@
   }
 
   /* 圆角 */
-  & > thead > tr:first-child > th:first-child,
-  & > thead > tr:first-child > td:first-child {
-    border-top-left-radius: eleVar('table', 'radius');
-  }
-
-  & > thead > tr:first-child > th:last-child,
-  & > thead > tr:first-child > td:last-child {
-    border-top-right-radius: eleVar('table', 'radius');
-  }
-
-  & > tfoot > tr:last-child > td:first-child {
-    border-bottom-left-radius: eleVar('table', 'radius');
-  }
-
-  & > tfoot > tr:last-child > td:last-child {
-    border-bottom-right-radius: eleVar('table', 'radius');
-  }
-
-  &.has-header {
-    border-top-left-radius: eleVar('table', 'radius');
-    border-top-right-radius: eleVar('table', 'radius');
-  }
-
-  &.has-footer {
-    border-bottom-left-radius: eleVar('table', 'radius');
-    border-bottom-right-radius: eleVar('table', 'radius');
-  }
+  @include table-radius(eleVar('table', 'radius'));
 
   /* 斑马纹 */
   &.is-stripe {
@@ -151,33 +125,7 @@
       }
     }
 
-    & > thead > tr:first-child > th:first-child,
-    & > thead > tr:first-child > td:first-child {
-      border-top-left-radius: eleVar('table', 'lg-radius');
-    }
-
-    & > thead > tr:first-child > th:last-child,
-    & > thead > tr:first-child > td:last-child {
-      border-top-right-radius: eleVar('table', 'lg-radius');
-    }
-
-    & > tfoot > tr:last-child > td:first-child {
-      border-bottom-left-radius: eleVar('table', 'lg-radius');
-    }
-
-    & > tfoot > tr:last-child > td:last-child {
-      border-bottom-right-radius: eleVar('table', 'lg-radius');
-    }
-
-    &.has-header {
-      border-top-left-radius: eleVar('table', 'lg-radius');
-      border-top-right-radius: eleVar('table', 'lg-radius');
-    }
-
-    &.has-footer {
-      border-bottom-left-radius: eleVar('table', 'lg-radius');
-      border-bottom-right-radius: eleVar('table', 'lg-radius');
-    }
+    @include table-radius(eleVar('table', 'lg-radius'));
   }
 
   /* 小型尺寸 */
@@ -193,33 +141,7 @@
       }
     }
 
-    & > thead > tr:first-child > th:first-child,
-    & > thead > tr:first-child > td:first-child {
-      border-top-left-radius: eleVar('table', 'sm-radius');
-    }
-
-    & > thead > tr:first-child > th:last-child,
-    & > thead > tr:first-child > td:last-child {
-      border-top-right-radius: eleVar('table', 'sm-radius');
-    }
-
-    & > tfoot > tr:last-child > td:first-child {
-      border-bottom-left-radius: eleVar('table', 'sm-radius');
-    }
-
-    & > tfoot > tr:last-child > td:last-child {
-      border-bottom-right-radius: eleVar('table', 'sm-radius');
-    }
-
-    &.has-header {
-      border-top-left-radius: eleVar('table', 'sm-radius');
-      border-top-right-radius: eleVar('table', 'sm-radius');
-    }
-
-    &.has-footer {
-      border-bottom-left-radius: eleVar('table', 'sm-radius');
-      border-bottom-right-radius: eleVar('table', 'sm-radius');
-    }
+    @include table-radius(eleVar('table', 'sm-radius'));
   }
 
   /* 全边框 */
@@ -238,6 +160,10 @@
     }
   }
 
+  &:not(.has-header) {
+    border-top: 1px solid eleVar('table', 'border-color');
+  }
+
   /* 表格内组件样式优化 */
   @include table-common-style();
 }

package/es/ele-tabs/index.js

@@ -231,7 +231,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index2) => {
         return openBlock(), createBlock(_component_ElTabPane, mergeProps({
-          key: index2 + "-" + item.name
+          key: index2 + "-" + item.name + "-" + item.label
         }, _ctx.omit(item, ["slot", "meta"])), createSlots({
           label: withCtx(() => [
             createVNode(_component_TabTitle, {

package/es/ele-toolbar/index.js

@@ -16,7 +16,11 @@ const _export_sfc = (sfc, props) => {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EleText = resolveComponent("EleText");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["ele-toolbar", { "is-plain": "plain" === _ctx.theme }])
+    class: normalizeClass([
+      "ele-toolbar",
+      { "is-default": "plain" !== _ctx.theme },
+      { "is-plain": "plain" === _ctx.theme }
+    ])
   }, [
     _ctx.title || _ctx.subtitle ? (openBlock(), createElementBlock("div", {
       key: 0,

package/es/ele-tour/index.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, shallowRef, onMounted, watch, nextTick, resolveCo
 import { ElButton } from "element-plus";
 import EleTooltip from "../ele-tooltip/index";
 import { useLicense, useLocale } from "../ele-config-provider/receiver";
-import { getOffset, getPopperProps } from "./util";
+import { scrollIntoView, getOffset, getPopperProps } from "./util";
 import { tourProps, tourEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleTour",
@@ -34,7 +34,7 @@ const _sfc_main = defineComponent({
       showMask.value = mask ?? props.mask;
       const el = typeof target === "function" ? target() : target;
       if (el) {
-        el.focus();
+        scrollIntoView(el);
         const { width, height } = el.getBoundingClientRect();
         const { top, left } = getOffset(el);
         const space = padding ?? props.padding ?? 0;

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

@@ -12,3 +12,8 @@ export declare function getOffset(el: HTMLElement): Offset;
  * @param props 自定义属性
  */
 export declare function getPopperProps(visible?: boolean, modal?: boolean, props?: EleTooltipProps): EleTooltipProps;
+/**
+ * 让元素可见
+ * @param el 元素
+ */
+export declare function scrollIntoView(el: HTMLElement): void;

package/es/ele-tour/util.js

@@ -29,7 +29,15 @@ function getPopperProps(visible, modal, props) {
     popperClass: classes.join(" ")
   };
 }
+function scrollIntoView(el) {
+  if (typeof el["scrollIntoViewIfNeeded"] === "function") {
+    el.scrollIntoViewIfNeeded(true);
+  } else {
+    el.scrollIntoView({ behavior: "instant", block: "nearest" });
+  }
+}
 export {
   getOffset,
-  getPopperProps
+  getPopperProps,
+  scrollIntoView
 };

package/es/ele-upload-list/components/list-item.js

@@ -97,7 +97,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         })
       ]))
     ]),
-    !_ctx.readonly && !_ctx.disabled ? (openBlock(), createElementBlock("div", {
+    !_ctx.readonly && !_ctx.disabled && !_ctx.item.readonly ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "ele-upload-remove",
       onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onRemove && _ctx.onRemove(...args), ["stop"]))

package/es/ele-upload-list/types.d.ts

@@ -14,6 +14,8 @@ export interface UploadItem extends Record<keyof any, any> {
   progress?: number;
   /** 选择的文件 */
   file?: File;
+  /** 是否只读 */
+  readonly?: boolean;
 }
 
 /**

package/es/ele-virtual-table/components/body-cell.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
         colspan: number;
     } | undefined) | undefined>;
     /** 溢出提示组件全局属性 */
-    tableTooltipProps: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    tableTooltipProps: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
     /** 序号列起始编号 */
     pageIndex: NumberConstructor;
     /** 表格行高 */
@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<{
         colspan: number;
     } | undefined) | undefined>;
     /** 溢出提示组件全局属性 */
-    tableTooltipProps: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    tableTooltipProps: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
     /** 序号列起始编号 */
     pageIndex: NumberConstructor;
     /** 表格行高 */

package/es/ele-virtual-table/components/body-row.d.ts

@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         colspan: number;
     } | undefined) | undefined>;
     /** 溢出提示组件全局属性 */
-    tableTooltipProps: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    tableTooltipProps: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
     /** 序号列起始编号 */
     pageIndex: NumberConstructor;
     /** 表格行高 */
@@ -109,7 +109,7 @@ declare const _default: import("vue").DefineComponent<{
         colspan: number;
     } | undefined) | undefined>;
     /** 溢出提示组件全局属性 */
-    tableTooltipProps: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    tableTooltipProps: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
     /** 序号列起始编号 */
     pageIndex: NumberConstructor;
     /** 表格行高 */

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

@@ -12,6 +12,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
+    rowKey: {
+        type: import("vue").PropType<string | ((row: DataItem) => string) | undefined>;
+        required: boolean;
+    };
     columns: {
         type: import("vue").PropType<import("../ele-data-table/types").Columns>;
         required: boolean;
@@ -48,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
     maxHeight: (StringConstructor | NumberConstructor)[];
     fit: {
         type: BooleanConstructor;
-        default: boolean; /** 是否是树形数据 */
+        default: boolean;
     };
     className: {
         type: StringConstructor;
@@ -56,7 +60,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     width: (StringConstructor | NumberConstructor)[];
     lazy: BooleanConstructor;
-    rowKey: import("vue").PropType<string | ((row: any) => string) | undefined>;
     data: {
         type: import("vue").PropType<any[]>;
         default: () => never[];
@@ -66,9 +69,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
     emptyText: StringConstructor;
     indent: {
+        /** 是否显示表尾 */
         type: NumberConstructor;
         default: number;
     };
@@ -93,7 +97,7 @@ declare const _default: import("vue").DefineComponent<{
     defaultExpandAll: BooleanConstructor;
     defaultSort: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").Sort | undefined>;
     tooltipEffect: StringConstructor;
-    tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
     spanMethod: import("vue").PropType<((data: {
         row: any;
         rowIndex: number;
@@ -203,18 +207,18 @@ declare const _default: import("vue").DefineComponent<{
     cellDblclick: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
     cellContextmenu: (_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
     rowClick: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
-    rowContextmenu: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
+    rowContextmenu: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean; /** 根节点 */
     rowDblclick: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
-    /** 根节点 */
     headerClick: (_column: Column, _e: MouseEvent) => boolean;
     headerContextmenu: (_column: Column, _e: MouseEvent) => boolean;
     sortChange: (_sorter: import("../ele-data-table/types").Sorter) => boolean;
-    filterChange: (_filter: Filter) => boolean; /** 表头行 */
+    filterChange: (_filter: Filter) => boolean; /** 主体区域列 */
     currentChange: (_current?: DataItem | null | undefined, _old?: DataItem | null | undefined) => boolean;
+    /** 表头所有行列宽 */
     headerDragend: (_width: number, _old: number, _column: Column, _e: MouseEvent) => boolean;
     expandChange: (_row: DataItem, _expanded: boolean) => boolean;
     'update:currentRowKey': (_currentRowKey?: DataKey | undefined) => boolean;
-    'update:selectedRowKeys': (_selectedRowKeys?: DataKey[] | undefined) => boolean; /** 表格宽度 */
+    'update:selectedRowKeys': (_selectedRowKeys?: DataKey[] | undefined) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     rowHeight: NumberConstructor;
     stripe: {
@@ -225,6 +229,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
+    rowKey: {
+        type: import("vue").PropType<string | ((row: DataItem) => string) | undefined>;
+        required: boolean;
+    };
     columns: {
         type: import("vue").PropType<import("../ele-data-table/types").Columns>;
         required: boolean;
@@ -261,7 +269,7 @@ declare const _default: import("vue").DefineComponent<{
     maxHeight: (StringConstructor | NumberConstructor)[];
     fit: {
         type: BooleanConstructor;
-        default: boolean; /** 是否是树形数据 */
+        default: boolean;
     };
     className: {
         type: StringConstructor;
@@ -269,7 +277,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     width: (StringConstructor | NumberConstructor)[];
     lazy: BooleanConstructor;
-    rowKey: import("vue").PropType<string | ((row: any) => string) | undefined>;
     data: {
         type: import("vue").PropType<any[]>;
         default: () => never[];
@@ -279,9 +286,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
     emptyText: StringConstructor;
     indent: {
+        /** 是否显示表尾 */
         type: NumberConstructor;
         default: number;
     };
@@ -306,7 +314,7 @@ declare const _default: import("vue").DefineComponent<{
     defaultExpandAll: BooleanConstructor;
     defaultSort: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").Sort | undefined>;
     tooltipEffect: StringConstructor;
-    tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
     spanMethod: import("vue").PropType<((data: {
         row: any;
         rowIndex: number;

package/es/ele-virtual-table/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, computed, onActivated, onDeactivated, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, mergeProps, createSlots, withCtx, renderList, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode, toDisplayString, createVNode } from "vue";
+import { defineComponent, ref, reactive, computed, onActivated, onDeactivated, watch, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, mergeProps, createSlots, withCtx, renderList, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode, toDisplayString, createVNode } from "vue";
 import { ElTableV2, ElEmpty, useLocale } from "element-plus";
 import { eachTree } from "../utils/core";
 import EleTooltip from "../ele-tooltip/index";
@@ -893,6 +893,19 @@ const _sfc_main = defineComponent({
       },
       { deep: true }
     );
+    watch(
+      () => props.showHeader,
+      (showHeader) => {
+        if (showHeader) {
+          nextTick(() => {
+            const left = tableScrollLeft.value;
+            if (left) {
+              setScrollLeft(left - 1);
+            }
+          });
+        }
+      }
+    );
     return {
       rootRef,
       tableRef,

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

@@ -13,6 +13,10 @@ export declare const virtualTableProps: {
         type: BooleanConstructor;
         default: null;
     };
+    rowKey: {
+        type: import("vue").PropType<string | ((row: import("../ele-data-table/types").DataItem) => string) | undefined>;
+        required: boolean;
+    };
     columns: {
         type: import("vue").PropType<import("../ele-data-table/types").Columns>;
         required: boolean;
@@ -57,7 +61,6 @@ export declare const virtualTableProps: {
     };
     width: (StringConstructor | NumberConstructor)[];
     lazy: BooleanConstructor;
-    rowKey: import("vue").PropType<string | ((row: any) => string) | undefined>;
     data: {
         type: import("vue").PropType<any[]>;
         default: () => never[];
@@ -67,7 +70,7 @@ export declare const virtualTableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
     emptyText: StringConstructor;
     indent: {
         type: NumberConstructor;
@@ -94,7 +97,7 @@ export declare const virtualTableProps: {
     defaultExpandAll: BooleanConstructor;
     defaultSort: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").Sort | undefined>;
     tooltipEffect: StringConstructor;
-    tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
     spanMethod: import("vue").PropType<((data: {
         row: any;
         rowIndex: number;