ele-admin-plus 1.1.8-beta.1 → 1.1.8-beta.3

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

@@ -92,20 +92,29 @@
       width: 50px;
     }
 
-    .el-pagination__sizes .el-input {
-      width: 96px;
+    .el-pagination__sizes {
+      .el-input,
+      .el-select {
+        width: 96px;
 
-      .el-input__wrapper {
+        .el-select__caret {
+          margin-left: 0;
+        }
+      }
+
+      .el-input .el-input__wrapper,
+      .el-select .el-select__wrapper {
         padding-left: 1px;
         padding-right: 7px;
       }
 
-      .el-select__caret {
-        margin-left: 0;
+      .el-select__selected-item {
+        text-align: center;
       }
     }
 
-    .el-input__inner {
+    .el-input__inner,
+    .el-select__selected-item > span {
       font-size: eleVar('pagination', 'sm-font-size');
     }
 
@@ -161,19 +170,24 @@
         width: 44px;
       }
 
-      .el-pagination__sizes .el-input {
-        width: 88px;
+      .el-pagination__sizes {
+        .el-input,
+        .el-select {
+          width: 88px;
 
-        .el-input__wrapper {
-          padding-right: 6px;
+          .el-select__caret {
+            font-size: 12px;
+          }
         }
 
-        .el-select__caret {
-          font-size: 12px;
+        .el-input .el-input__wrapper,
+        .el-select .el-select__wrapper {
+          padding-right: 6px;
         }
       }
 
-      .el-input__inner {
+      .el-input__inner,
+      .el-select__selected-item > span {
         font-size: eleVar('pagination', 'sm-font-size');
       }
 

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

@@ -3,6 +3,10 @@ import type { EleLoadingProps, ElePaginationProps, EleDataTableProps } from '../
 import type { DataItem, Columns, Sorter, Filter, TableSize } from '../ele-data-table/types';
 import type { ReloadFunction, DoneParams, FetchCallback, TableViewInstance } from './types';
 declare const _default: import("vue").DefineComponent<{
+    rowKey: {
+        type: import("vue").PropType<string | ((row: DataItem) => string) | undefined>;
+        required: boolean;
+    };
     loading: BooleanConstructor;
     datasource: {
         type: import("vue").PropType<import("./types").Datasource>;
@@ -68,7 +72,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     width: (StringConstructor | NumberConstructor)[];
     lazy: BooleanConstructor;
-    rowKey: import("vue").PropType<string | ((row: any) => string) | undefined>;
     columns: {
         type: import("vue").PropType<Columns>;
         required: boolean;
@@ -78,7 +81,7 @@ 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;
@@ -113,7 +116,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;
@@ -223,16 +226,21 @@ declare const _default: import("vue").DefineComponent<{
     rowClick: (_row: DataItem, _column: import("./types").Column, _e: MouseEvent) => boolean;
     rowContextmenu: (_row: DataItem, _column: import("./types").Column, _e: MouseEvent) => boolean;
     rowDblclick: (_row: DataItem, _column: import("./types").Column, _e: MouseEvent) => boolean;
-    headerClick: (_column: import("./types").Column, _e: MouseEvent) => boolean; /** 当前页数据 */
-    headerContextmenu: (_column: import("./types").Column, _e: MouseEvent) => boolean; /** 当前页码 */
+    headerClick: (_column: import("./types").Column, _e: MouseEvent) => boolean;
+    headerContextmenu: (_column: import("./types").Column, _e: MouseEvent) => boolean;
     sortChange: (_sorter: 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: import("./types").Column, _e: MouseEvent) => boolean;
+    /** 数据请求状态 */
     expandChange: (_row: DataItem, _expanded: boolean) => boolean;
     'update:currentRowKey': (_currentRowKey?: import("../ele-data-table/types").DataKey | undefined) => boolean;
     'update:selectedRowKeys': (_selectedRowKeys?: import("../ele-data-table/types").DataKey[] | undefined) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    rowKey: {
+        type: import("vue").PropType<string | ((row: DataItem) => string) | undefined>;
+        required: boolean;
+    };
     loading: BooleanConstructor;
     datasource: {
         type: import("vue").PropType<import("./types").Datasource>;
@@ -298,7 +306,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     width: (StringConstructor | NumberConstructor)[];
     lazy: BooleanConstructor;
-    rowKey: import("vue").PropType<string | ((row: any) => string) | undefined>;
     columns: {
         type: import("vue").PropType<Columns>;
         required: boolean;
@@ -308,7 +315,7 @@ 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;
@@ -343,7 +350,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-pro-table/index.js

@@ -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, getPaginationProps, mergeProps, getInitCacheColumns, reloadData, getRequestOrders, getRequestFilters, getResponseResult, getResponseName, isAutoAmend, sortData } from "./util";
+import { getDefaultFilter, getTablePage, getTableLimit, getTableSize, getPaginationProps, mergeProps, getRowKey, getInitCacheColumns, reloadData, addDefaultRowKey, getDefaultRowKey, getRequestOrders, getRequestFilters, getResponseResult, getResponseName, isAutoAmend, sortData } from "./util";
 import { proTableProps, proTableEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleProTable",
@@ -90,6 +90,7 @@ const _sfc_main = defineComponent({
         pageIndex: tableIndex.value,
         emptyProps: tableEmptyProps.value,
         rowHeight: props.virtual ? props.rowHeight : void 0,
+        rowKey: getRowKey(props.rowKey),
         style: props.tableStyle,
         class: "ele-pro-table-view",
         ...events,
@@ -152,7 +153,11 @@ const _sfc_main = defineComponent({
           tableLimit.value
         );
         cacheData.value = props.datasource;
-        tableData.value = data;
+        tableData.value = addDefaultRowKey(
+          data,
+          getDefaultRowKey(props.rowKey),
+          tablePage.value
+        );
         tablePage.value = page;
         tableTotal.value = total;
         onDone({ data, page, total, response: props.datasource });
@@ -220,7 +225,11 @@ const _sfc_main = defineComponent({
             return;
           }
         }
-        tableData.value = data;
+        tableData.value = addDefaultRowKey(
+          data,
+          getDefaultRowKey(props.rowKey),
+          tablePage.value
+        );
         tableTotal.value = total || data.length;
       }
       tableLoading.value = false;
@@ -311,14 +320,19 @@ const _sfc_main = defineComponent({
       return tableData.value;
     };
     const setData = (data) => {
-      tableData.value = data;
+      tableData.value = addDefaultRowKey(
+        data,
+        getDefaultRowKey(props.rowKey),
+        tablePage.value
+      );
     };
     const goPageByRowKey = (key) => {
-      if (!props.rowKey || !paginationProps.value || tableLimit.value == null || isFunctionSource.value) {
+      if (!paginationProps.value || tableLimit.value == null || isFunctionSource.value) {
         return;
       }
+      const rowKey = getRowKey(props.rowKey);
       const data = sortData(props.datasource, tableState.sorter);
-      const index2 = data.findIndex((d) => getValue(d, props.rowKey) === key);
+      const index2 = data.findIndex((d) => getValue(d, rowKey) === key);
       const page = Math.floor(index2 / tableLimit.value) + 1;
       if (tablePage.value !== page) {
         reload({ page });
@@ -381,13 +395,15 @@ const _sfc_main = defineComponent({
     watch(
       () => props.current,
       (current) => {
-        methods.setCurrentRowKey(getValue(current, props.rowKey));
+        methods.setCurrentRowKey(getValue(current, getRowKey(props.rowKey)));
       }
     );
     watch(
       () => props.selections,
       (selections) => {
-        methods.setSelectedRowKeys(getRowKeys(selections, props.rowKey));
+        methods.setSelectedRowKeys(
+          getRowKeys(selections, getRowKey(props.rowKey))
+        );
       }
     );
     watch(

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

@@ -6,6 +6,10 @@ import type { Where, Datasource, RequestOption, ResponseOption, ParseData, DoneP
  * 属性
  */
 export declare const proTableProps: {
+    rowKey: {
+        type: PropType<string | ((row: DataItem) => string) | undefined>;
+        required: boolean;
+    };
     /** 数据请求状态 */
     loading: BooleanConstructor;
     /** 数据源 */
@@ -95,7 +99,6 @@ export declare const proTableProps: {
     };
     width: (StringConstructor | NumberConstructor)[];
     lazy: BooleanConstructor;
-    rowKey: PropType<string | ((row: any) => string) | undefined>;
     columns: {
         type: PropType<Columns>;
         required: boolean;
@@ -105,7 +108,7 @@ export declare const proTableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    showOverflowTooltip: PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    showOverflowTooltip: 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;
@@ -140,7 +143,7 @@ export declare const proTableProps: {
     defaultExpandAll: BooleanConstructor;
     defaultSort: PropType<import("element-plus/es/components/table/src/table/defaults").Sort | undefined>;
     tooltipEffect: StringConstructor;
-    tooltipOptions: PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    tooltipOptions: PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
     spanMethod: PropType<((data: {
         row: any;
         rowIndex: number;
@@ -176,7 +179,7 @@ export declare const proTableProps: {
     };
     slotNormalize: {
         type: BooleanConstructor;
-        default: boolean;
+        default: boolean; /** 自定义请求参数名称 */
     };
     sticky: BooleanConstructor;
     bottomLine: {
@@ -226,8 +229,8 @@ export declare const proTableEmits: {
     sortChange: (_sorter: import("./types").Sorter) => boolean;
     filterChange: (_filter: import("./types").Filter) => boolean;
     currentChange: (_current?: DataItem | null | undefined, _old?: DataItem | null | undefined) => boolean;
-    headerDragend: (_width: number, _old: number, _column: import("./types").Column, _e: MouseEvent) => boolean;
-    expandChange: (_row: DataItem, _expanded: boolean) => boolean; /** 数组数据源时刷新按钮点击事件 */
+    headerDragend: (_width: number, _old: number, _column: import("./types").Column, _e: MouseEvent) => boolean; /** 表格最大化切换事件 */
+    expandChange: (_row: DataItem, _expanded: boolean) => boolean;
     'update:currentRowKey': (_currentRowKey?: import("../ele-data-table/types").DataKey | undefined) => boolean;
     'update:selectedRowKeys': (_selectedRowKeys?: import("../ele-data-table/types").DataKey[] | undefined) => boolean;
 };

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

@@ -2,6 +2,10 @@ import { omit } from "../utils/core";
 import { dataTableProps, dataTableEmits } from "../ele-data-table/props";
 const proTableProps = {
   ...omit(dataTableProps, ["data", "pageIndex", "errorText", "cacheData"]),
+  rowKey: {
+    type: [String, Function],
+    required: false
+  },
   /** 数据请求状态 */
   loading: Boolean,
   /** 数据源 */

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-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

@@ -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-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;
     /** 表格行高 */