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

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

@@ -48,31 +48,24 @@ declare const _default: import('vue').DefineComponent<{
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
+        __epPropKey: true; /** 嵌套数据子级字段名称 */
     };
-    maxHeight: (StringConstructor | NumberConstructor)[];
     fit: {
         type: BooleanConstructor;
         default: boolean;
     };
+    width: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    lazy: BooleanConstructor;
     className: {
         type: StringConstructor;
         default: string;
     };
-    width: (StringConstructor | NumberConstructor)[];
-    lazy: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
     data: {
         type: import('vue').PropType<any[]>;
         default: () => never[];
     };
-    height: (StringConstructor | NumberConstructor)[];
-    scrollbarAlwaysOn: BooleanConstructor;
-    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;
-    };
     showHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -90,11 +83,12 @@ declare const _default: import('vue').DefineComponent<{
     headerCellStyle: import('vue').PropType<import('element-plus').CellStyle<any> | undefined>;
     highlightCurrentRow: BooleanConstructor;
     currentRowKey: (StringConstructor | NumberConstructor)[];
+    emptyText: StringConstructor;
     expandRowKeys: import('vue').PropType<any[] | undefined>;
     defaultExpandAll: BooleanConstructor;
     defaultSort: import('vue').PropType<import('element-plus').Sort | undefined>;
     tooltipEffect: StringConstructor;
-    tooltipOptions: import('vue').PropType<Partial<Pick<import('element-plus').ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    tooltipOptions: import('vue').PropType<Partial<Pick<import('element-plus').ElTooltipProps, "effect" | "placement" | "popperClass" | "offset" | "popperOptions" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
     spanMethod: import('vue').PropType<((data: {
         row: any;
         rowIndex: number;
@@ -108,6 +102,10 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    indent: {
+        type: NumberConstructor;
+        default: number; /** 是否是半选状态 */
+    };
     treeProps: {
         type: import('vue').PropType<{
             hasChildren?: string | undefined;
@@ -123,7 +121,9 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<"auto" | "fixed">;
         default: string;
     };
+    scrollbarAlwaysOn: BooleanConstructor;
     flexible: BooleanConstructor;
+    showOverflowTooltip: import('vue').PropType<boolean | Partial<Pick<import('element-plus').ElTooltipProps, "effect" | "placement" | "popperClass" | "offset" | "popperOptions" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
 }, {
     rootRef: Ref<HTMLElement | null>;
     tableRef: Ref<ElTableV2Instance>;
@@ -155,6 +155,8 @@ declare const _default: import('vue').DefineComponent<{
     tableSumText: import('vue').ComputedRef<string>;
     tableEmptyText: import('vue').ComputedRef<string>;
     tableEmptyProps: import('vue').ComputedRef<import('../ele-app/el').ElEmptyProps>;
+    isLayoutFixedHead: import('vue').ComputedRef<boolean | undefined>;
+    isLayoutMaximized: import('vue').ComputedRef<boolean | undefined>;
     onTableFilterChange: (params: CellFilterChangeParams) => void;
     onCellCheckedChange: (row: VirtualRow, checked: boolean) => void;
     onCellExpandChange: (row: VirtualRow, expanded: boolean, children?: DataItem[]) => void;
@@ -206,14 +208,14 @@ declare const _default: import('vue').DefineComponent<{
     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;
+    headerContextmenu: (_column: Column, _e: MouseEvent) => boolean; /** 表格组件 */
     sortChange: (_sorter: import('../ele-data-table/types').Sorter) => 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: {
@@ -259,31 +261,24 @@ declare const _default: import('vue').DefineComponent<{
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
+        __epPropKey: true; /** 嵌套数据子级字段名称 */
     };
-    maxHeight: (StringConstructor | NumberConstructor)[];
     fit: {
         type: BooleanConstructor;
         default: boolean;
     };
+    width: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    lazy: BooleanConstructor;
     className: {
         type: StringConstructor;
         default: string;
     };
-    width: (StringConstructor | NumberConstructor)[];
-    lazy: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
     data: {
         type: import('vue').PropType<any[]>;
         default: () => never[];
     };
-    height: (StringConstructor | NumberConstructor)[];
-    scrollbarAlwaysOn: BooleanConstructor;
-    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;
-    };
     showHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -301,11 +296,12 @@ declare const _default: import('vue').DefineComponent<{
     headerCellStyle: import('vue').PropType<import('element-plus').CellStyle<any> | undefined>;
     highlightCurrentRow: BooleanConstructor;
     currentRowKey: (StringConstructor | NumberConstructor)[];
+    emptyText: StringConstructor;
     expandRowKeys: import('vue').PropType<any[] | undefined>;
     defaultExpandAll: BooleanConstructor;
     defaultSort: import('vue').PropType<import('element-plus').Sort | undefined>;
     tooltipEffect: StringConstructor;
-    tooltipOptions: import('vue').PropType<Partial<Pick<import('element-plus').ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    tooltipOptions: import('vue').PropType<Partial<Pick<import('element-plus').ElTooltipProps, "effect" | "placement" | "popperClass" | "offset" | "popperOptions" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
     spanMethod: import('vue').PropType<((data: {
         row: any;
         rowIndex: number;
@@ -319,6 +315,10 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    indent: {
+        type: NumberConstructor;
+        default: number; /** 是否是半选状态 */
+    };
     treeProps: {
         type: import('vue').PropType<{
             hasChildren?: string | undefined;
@@ -334,7 +334,9 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<"auto" | "fixed">;
         default: string;
     };
+    scrollbarAlwaysOn: BooleanConstructor;
     flexible: BooleanConstructor;
+    showOverflowTooltip: import('vue').PropType<boolean | Partial<Pick<import('element-plus').ElTooltipProps, "effect" | "placement" | "popperClass" | "offset" | "popperOptions" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
 }>> & {
     onSelect?: ((_selection: DataItem[], _row: DataItem) => any) | undefined;
     onExpandChange?: ((_row: DataItem, _expanded: boolean) => any) | undefined;
@@ -358,11 +360,9 @@ declare const _default: import('vue').DefineComponent<{
     "onUpdate:selectedRowKeys"?: ((_selectedRowKeys?: DataKey[] | undefined) => any) | undefined;
 }, {
     fit: boolean;
-    className: string;
     lazy: boolean;
+    className: string;
     data: any[];
-    scrollbarAlwaysOn: boolean;
-    indent: number;
     stripe: boolean;
     border: boolean;
     showHeader: boolean;
@@ -370,11 +370,13 @@ declare const _default: import('vue').DefineComponent<{
     highlightCurrentRow: boolean;
     defaultExpandAll: boolean;
     selectOnIndeterminate: boolean;
+    indent: number;
     treeProps: {
         hasChildren?: string | undefined;
         children?: string | undefined;
     } | undefined;
     tableLayout: "auto" | "fixed";
+    scrollbarAlwaysOn: boolean;
     flexible: boolean;
     sticky: boolean;
     headerEllipsis: boolean;

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

@@ -1,8 +1,8 @@
 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, findTree } from "../utils/core";
+import { eachTree, queryChild, findTree, getValue } from "../utils/core";
 import EleTooltip from "../ele-tooltip/index";
-import { useEmits, getEmptyProps, isReserveChecked, valueIsChanged, arrayIsChanged, getValue, getRowKeys, mergeTooltipProps, getGlobalTooltipProps } from "../ele-data-table/util";
+import { useEmits, useStickyHeader, getEmptyProps, isReserveChecked, valueIsChanged, arrayIsChanged, getRowKeys, mergeTooltipProps, getGlobalTooltipProps } from "../ele-data-table/util";
 import { useAutoResize, getDefaultSort, getDefaultFiltered, getTreeProps, getRowHeight, isAutoRowHeight, getTableHeight, analyseColumns, getColKey, transformTableData, getSelectableFunction, getSortBy, getOrderValue, getRowByKey, getKeysAndList, computeColSizes, colSizesIsChanged, getTableColumns, getColumnByKey, getSortOrder, cellIsOverflow } from "./util";
 import HeaderRow from "./components/header-row";
 import BodyRow from "./components/body-row";
@@ -28,6 +28,7 @@ const _sfc_main = defineComponent({
     const { wrapWidth, wrapHeight, updateWrapSize } = useAutoResize(
       () => rootRef.value
     );
+    const { isLayoutFixedHead, isLayoutMaximized } = useStickyHeader();
     const tableState = {
       checked: /* @__PURE__ */ new Map(),
       reserveChecked: false,
@@ -381,17 +382,9 @@ const _sfc_main = defineComponent({
         tableScrollLeft.value = scrollLeft;
       }
       if (hasFooter.value && tableRef.value && tableRef.value.$el) {
-        const childs = tableRef.value.$el.children;
-        if (childs) {
-          for (let i = 0; i < childs.length; i++) {
-            const el = childs[i];
-            if (el.classList.contains("el-table-v2__footer")) {
-              if (el.scrollLeft != scrollLeft) {
-                el.scrollLeft = scrollLeft;
-              }
-              break;
-            }
-          }
+        const el = queryChild(tableRef.value.$el, "el-table-v2__footer");
+        if (el && el.scrollLeft != scrollLeft) {
+          el.scrollLeft = scrollLeft;
         }
       }
     };
@@ -762,8 +755,8 @@ const _sfc_main = defineComponent({
         return;
       }
       const isNumber = typeof options === "number";
-      const top = isNumber ? options : options.top;
-      const left = isNumber ? yCoord : options.left;
+      const left = isNumber ? options : options.left;
+      const top = isNumber ? yCoord : options.top;
       tableRef.value.scrollTo({
         scrollTop: top,
         scrollLeft: left
@@ -802,7 +795,7 @@ const _sfc_main = defineComponent({
       const top = tableState.scrollTop;
       const left = tableScrollLeft.value;
       if (top || left) {
-        scrollTo(top ? top - 1 : 0, left ? left - 1 : 0);
+        scrollTo(left ? left - 1 : 0, top ? top - 1 : 0);
       }
     });
     onDeactivated(() => {
@@ -933,6 +926,8 @@ const _sfc_main = defineComponent({
       tableSumText,
       tableEmptyText,
       tableEmptyProps,
+      isLayoutFixedHead,
+      isLayoutMaximized,
       onTableFilterChange,
       onCellCheckedChange,
       onCellExpandChange,
@@ -1000,6 +995,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       { "is-border": _ctx.border || _ctx.headerRows.length > 1 },
       { "is-stripe": _ctx.stripe },
       { "is-sticky": _ctx.sticky },
+      { "is-layout-fixed-head": _ctx.sticky && _ctx.isLayoutFixedHead },
+      { "is-layout-maximized": _ctx.sticky && _ctx.isLayoutMaximized },
       { "has-footer": _ctx.hasFooter },
       { "hide-header": !_ctx.showHeader },
       { "hide-bottom-line": !_ctx.bottomLine },

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

@@ -47,33 +47,26 @@ export declare const virtualTableProps: {
     cacheData: import('vue').PropType<import('../ele-data-table/types').DataItem[]>;
     width: (StringConstructor | NumberConstructor)[];
     height: (StringConstructor | NumberConstructor)[];
+    data: {
+        type: import('vue').PropType<any[]>;
+        default: () => never[];
+    };
     size: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    maxHeight: (StringConstructor | NumberConstructor)[];
     fit: {
         type: BooleanConstructor;
         default: boolean;
     };
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    lazy: BooleanConstructor;
     className: {
         type: StringConstructor;
         default: string;
     };
-    lazy: BooleanConstructor;
-    data: {
-        type: import('vue').PropType<any[]>;
-        default: () => never[];
-    };
-    scrollbarAlwaysOn: BooleanConstructor;
-    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;
-    };
     showHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -91,11 +84,12 @@ export declare const virtualTableProps: {
     headerCellStyle: import('vue').PropType<import('element-plus').CellStyle<any> | undefined>;
     highlightCurrentRow: BooleanConstructor;
     currentRowKey: (StringConstructor | NumberConstructor)[];
+    emptyText: StringConstructor;
     expandRowKeys: import('vue').PropType<any[] | undefined>;
     defaultExpandAll: BooleanConstructor;
     defaultSort: import('vue').PropType<import('element-plus').Sort | undefined>;
     tooltipEffect: StringConstructor;
-    tooltipOptions: import('vue').PropType<Partial<Pick<import('element-plus').ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    tooltipOptions: import('vue').PropType<Partial<Pick<import('element-plus').ElTooltipProps, "effect" | "placement" | "popperClass" | "offset" | "popperOptions" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
     spanMethod: import('vue').PropType<((data: {
         row: any;
         rowIndex: number;
@@ -109,6 +103,10 @@ export declare const virtualTableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
     treeProps: {
         type: import('vue').PropType<{
             hasChildren?: string | undefined;
@@ -121,10 +119,12 @@ export declare const virtualTableProps: {
     };
     load: import('vue').PropType<((row: any, treeNode: import('element-plus').TreeNode, resolve: (data: any[]) => void) => void) | undefined>;
     tableLayout: {
-        type: import('vue').PropType<"auto" | "fixed">;
+        type: import('vue').PropType<"fixed" | "auto">;
         default: string;
     };
+    scrollbarAlwaysOn: BooleanConstructor;
     flexible: BooleanConstructor;
+    showOverflowTooltip: import('vue').PropType<boolean | Partial<Pick<import('element-plus').ElTooltipProps, "effect" | "placement" | "popperClass" | "offset" | "popperOptions" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
 };
 export type VirtualTableProps = ExtractPropTypes<typeof virtualTableProps>;
 /**

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

@@ -99,51 +99,3 @@
     border-top-right-radius: $radius;
   }
 }
-
-/* 表头筛选多选样式 */
-@mixin filter-checkbox-style($ele-transition) {
-  .el-checkbox-group {
-    padding: eleVar('table-filter', 'padding');
-    box-sizing: border-box;
-
-    & > .el-checkbox {
-      width: 100%;
-      display: flex;
-      height: eleVar('table-filter', 'item-height');
-      padding: eleVar('table-filter', 'item-padding');
-      border-radius: eleVar('table-filter', 'item-radius');
-      transition: (color $ele-transition, background-color $ele-transition);
-      box-sizing: border-box;
-      margin: 0;
-
-      & > .el-checkbox__label {
-        color: eleVar('table-filter', 'item-color');
-      }
-
-      &:hover {
-        background: eleVar('table-filter', 'item-hover-bg');
-
-        & > .el-checkbox__label {
-          color: eleVar('table-filter', 'item-hover-color');
-        }
-      }
-
-      &.is-checked {
-        background: eleVar('table-filter', 'item-active-bg');
-
-        & > .el-checkbox__label {
-          color: eleVar('table-filter', 'item-active-color');
-          font-weight: eleVar('table-filter', 'item-active-font-weight');
-        }
-
-        &:hover {
-          background: eleVar('table-filter', 'item-active-hover-bg');
-        }
-      }
-
-      & + .el-checkbox {
-        margin-top: eleVar('table-filter', 'item-margin');
-      }
-    }
-  }
-}

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

@@ -0,0 +1 @@
+

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

@@ -1,9 +1,9 @@
-import 'element-plus/es/components/table-v2/style/index';
-import 'element-plus/es/components/checkbox/style/index';
-import 'element-plus/es/components/checkbox-group/style/index';
-import 'element-plus/es/components/empty/style/index';
-import 'element-plus/es/components/icon/style/index';
-import 'element-plus/es/components/scrollbar/style/index';
-import 'element-plus/es/components/button/style/index';
-import '../../ele-tooltip/style/index';
-import './index.scss';
+import "element-plus/es/components/table-v2/style/index";
+import "element-plus/es/components/checkbox/style/index";
+import "element-plus/es/components/checkbox-group/style/index";
+import "element-plus/es/components/empty/style/index";
+import "element-plus/es/components/icon/style/index";
+import "element-plus/es/components/scrollbar/style/index";
+import "element-plus/es/components/button/style/index";
+import "../../ele-tooltip/style/index";
+import "./index.scss";

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

@@ -78,7 +78,7 @@
     padding-right: 0;
     padding-left: 0;
     border-bottom: 1px solid eleVar('table', 'border-color');
-    transition: background-color $ele-transition;
+    transition: background-color $transition-base;
     position: relative;
     overflow: visible;
 
@@ -230,7 +230,7 @@
       position: absolute;
       top: 0;
       bottom: -1px;
-      transition: box-shadow $ele-transition;
+      transition: box-shadow $transition-base;
       pointer-events: none;
     }
 
@@ -280,11 +280,11 @@
     align-items: center;
     justify-content: center;
     border-radius: eleVar('table', 'icon-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
+    transition: (color $transition-base, background-color $transition-base);
     cursor: pointer;
 
     & > .el-icon {
-      transition: all $ele-transition;
+      transition: all $transition-base;
 
       & > .ele-arrow-down {
         stroke-width: 4.6;
@@ -434,6 +434,18 @@
     }
   }
 
+  &.is-sticky.is-layout-fixed-head > .el-table-v2 {
+    & > .el-table-v2__main > .el-table-v2__header-wrapper {
+      top: eleVar('table', 'fixed-header-sticky-top');
+    }
+  }
+
+  &.is-sticky.is-layout-maximized > .el-table-v2 {
+    & > .el-table-v2__main > .el-table-v2__header-wrapper {
+      top: eleVar('table', 'maximized-sticky-top');
+    }
+  }
+
   /* 圆角 */
   @include virtual-table-radius(eleVar('table', 'radius'));
 
@@ -503,7 +515,7 @@
     width: 0;
     height: 0;
     border: eleVar('table', 'sort-size') solid transparent;
-    transition: border-color $ele-transition;
+    transition: border-color $transition-base;
     box-sizing: border-box;
   }
 
@@ -549,7 +561,7 @@
   margin: eleVar('table', 'filter-margin');
   padding: eleVar('table', 'filter-padding');
   border-radius: eleVar('table', 'icon-radius');
-  transition: (color $ele-transition, background-color $ele-transition);
+  transition: (color $transition-base, background-color $transition-base);
   box-sizing: border-box;
   position: relative;
   cursor: pointer;
@@ -589,7 +601,7 @@
     display: none;
   }
 
-  @include filter-checkbox-style($ele-transition);
+  @include filter-checkbox-style($transition-base);
 
   .ele-table-filter-body > .el-scrollbar__wrap,
   & > .el-scrollbar > .el-scrollbar__wrap {
@@ -627,7 +639,7 @@
     line-height: eleVar('table-filter', 'item-height');
     padding: eleVar('table-filter', 'item-padding');
     border-radius: eleVar('table-filter', 'item-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
+    transition: (color $transition-base, background-color $transition-base);
     box-sizing: border-box;
     cursor: pointer;
 
@@ -665,18 +677,3 @@
     }
   }
 }
-
-/* 粘性表头适配布局风格 */
-.ele-admin-fixed-header:not(.ele-admin-maximized) .ele-virtual-table.is-sticky {
-  & > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper {
-    top: eleVar('table', 'fixed-header-sticky-top');
-  }
-}
-
-.ele-admin-fixed-header.ele-admin-maximized:not(.ele-admin-expanded) {
-  &:not(.ele-admin-fixed-body) .ele-virtual-table.is-sticky {
-    & > .el-table-v2 > .el-table-v2__main > .el-table-v2__header-wrapper {
-      top: eleVar('table', 'maximized-sticky-top');
-    }
-  }
-}

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

@@ -197,8 +197,10 @@ export declare function getUserSums(summaryMethod?: SummaryMethod, bodyCols?: Bo
  * 计算列合计值
  * @param data 表格数据
  * @param prop 列字段名称
+ * @param index 列索引
+ * @param sumText 第一列文本
  */
-export declare function getSumValue(data?: DataItem[], prop?: string): string;
+export declare function getSumValue(data?: DataItem[], prop?: string, index?: number, sumText?: string): string;
 /**
  * 获取原始列配置
  * @param columns 列配置

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

@@ -1,7 +1,7 @@
 import { ref, onMounted, onBeforeMount, onActivated, onDeactivated } from "vue";
 import { TableV2SortOrder } from "element-plus";
-import { omit, mapTree, findTree, eachTree, contentIsEllipsis, debounce } from "../utils/core";
-import { getColFixedNumber, getValue } from "../ele-data-table/util";
+import { omit, getValue, mapTree, findTree, eachTree, contentIsEllipsis, debounce } from "../utils/core";
+import { getColFixedNumber } from "../ele-data-table/util";
 function getRowHeight(size, rowHeight) {
   if (rowHeight != null && rowHeight > 0) {
     return rowHeight;
@@ -309,8 +309,8 @@ function isAutoRowHeight(hasExpandCol, bodyCols, showOverflowTooltip) {
     return true;
   }
   let isAllEllipsis = true;
-  for (let i = 0; i < bodyCols.length; i++) {
-    const col = bodyCols[i].originalCol;
+  for (const bodyCol of bodyCols) {
+    const col = bodyCol.originalCol;
     if (col && col.type !== "selection" && col.type !== "expand") {
       if (col.showOverflowTooltip == null) {
         isAllEllipsis = false;
@@ -399,8 +399,8 @@ function getColFiltered(col, filtered) {
   return filtered[key] ?? col.filteredValue;
 }
 function getSelectableFunction(cols) {
-  for (let i = 0; i < cols.length; i++) {
-    const c = cols[i].originalCol;
+  for (const bodyCol of cols) {
+    const c = bodyCol.originalCol;
     if (c && c.type === "selection") {
       return typeof c.selectable === "function" ? c.selectable : null;
     }
@@ -423,8 +423,10 @@ function getIndexValue(rowIndex, index, pageIndex) {
   return String(index + rowIndex);
 }
 function getCellSpan(params, spanMethod) {
+  var _a;
   const span = { rowspan: 1, colspan: 1 };
-  if (typeof spanMethod === "function") {
+  const type = (_a = params.column) == null ? void 0 : _a.type;
+  if ((!type || !["index", "selection", "expand"].includes(type)) && typeof spanMethod === "function") {
     const result = spanMethod(params);
     if (result != null) {
       if (Array.isArray(result)) {
@@ -456,13 +458,16 @@ function getUserSums(summaryMethod, bodyCols, data) {
   });
   return summaryMethod({ columns, data });
 }
-function getSumValue(data, prop) {
+function getSumValue(data, prop, index, sumText) {
+  if (index === 0) {
+    return sumText ?? "Sum";
+  }
   if (!data || !prop) {
     return "";
   }
   let sum = 0;
-  for (let i = 0; i < data.length; i++) {
-    const val = Number(getValue(data[i], prop));
+  for (const item of data) {
+    const val = Number(getValue(item, prop));
     if (Number.isNaN(val)) {
       return "";
     }

package/es/ele-watermark/style/index.js

@@ -1 +1 @@
-//
+

package/es/ele-xg-player/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-xg-player/style/index.js

@@ -1 +1 @@
-import 'xgplayer/dist/index.min.css';
+import "xgplayer/dist/index.min.css";

package/es/icons/LoadingOutlined.js

@@ -16,7 +16,7 @@ const _hoisted_1 = {
   "stroke-width": "4",
   "stroke-linecap": "round"
 };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M24 2C36 2 46 12 46 24" }, null, -1);
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M 22 6 C 34 6 42 14 42 26" }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
 ];

package/es/lang/en_US.js

@@ -42,6 +42,8 @@ const localeValues = {
     columnTitle: "Check all",
     columnReset: "Reset",
     columnUntitled: "Untitled",
+    columnIndex: "Index",
+    columnExpand: "Expand",
     columnFixedLeft: "Pin to left",
     columnFixedRight: "Pin to right",
     exportOk: "Ok",
@@ -52,7 +54,11 @@ const localeValues = {
     exportSelectColumn: "Columns",
     exportDataTypePage: "Current",
     exportDataTypeSelected: "Selected",
-    exportDataTypeAll: "All"
+    exportDataTypeAll: "All",
+    exportOther: "Options",
+    exportOtherHeader: "Header",
+    exportOtherFooter: "Footer",
+    exportOtherTreeIndex: "Tree index"
   },
   copyable: {
     copy: "Copy",