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

package/lib/ele-cropper/components/cropper-tools.d.ts

@@ -1,5 +1,5 @@
-import { UploadOption, ToolName, ToolGroup, ToolItem, CropperLocale } from '../types';
 import { PropType } from 'vue';
+import { UploadOption, ToolName, ToolGroup, ToolItem, CropperLocale } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
     /** 操作按钮布局 */

package/lib/ele-cropper/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 const vue = require("vue");
 const Cropper = require("cropperjs");
-const receiver = require("../ele-config-provider/receiver");
+const util = require("../ele-pro-layout/util");
 const CropperPreview = require("./components/cropper-preview");
 const CropperTools = require("./components/cropper-tools");
 const props = require("./props");
@@ -11,7 +11,7 @@ const _sfc_main = vue.defineComponent({
   props: props.cropperProps,
   emits: props.cropperEmits,
   setup(props2, { emit }) {
-    const isResponsive = receiver.useResponsive(props2);
+    const isResponsive = util.useResponsive(props2);
     const imageRef = vue.ref(null);
     const previewRef = vue.ref(null);
     const state = {

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

@@ -1,6 +1,6 @@
-import { default as PreviewType } from "./components/cropper-preview";
-import { CropperOptions } from './types';
 import { Ref } from 'vue';
+import { CropperOptions } from './types';
+import { default as PreviewType } from './components/cropper-preview';
 
 export type PreviewInstance = InstanceType<typeof PreviewType> | null;
 declare const _default: import('vue').DefineComponent<{
@@ -38,7 +38,7 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-    locale: import('vue').PropType<Partial<import('./types').CropperLocale>>; /** 渲染 */
+    locale: import('vue').PropType<Partial<import('./types').CropperLocale>>;
 }, {
     imageRef: Ref<HTMLImageElement | null>;
     previewRef: Ref<PreviewInstance>;
@@ -96,16 +96,16 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-    locale: import('vue').PropType<Partial<import('./types').CropperLocale>>; /** 渲染 */
+    locale: import('vue').PropType<Partial<import('./types').CropperLocale>>;
 }>> & {
     onDone?: ((_result?: string | Blob | null | undefined) => any) | undefined;
 }, {
-    tooltip: boolean;
     preview: boolean;
+    tooltip: boolean;
     responsive: boolean;
+    tools: string;
     imageType: string;
     accept: string;
-    tools: string;
     previewWidth: number;
     toBlob: boolean;
 }, {}>;

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

@@ -1,5 +1,5 @@
-import { CropperOptions, CroppedOptions, CropperLocale } from './types';
 import { PropType, ExtractPropTypes } from 'vue';
+import { CropperOptions, CroppedOptions, CropperLocale } from './types';
 
 /**
  * 属性

package/lib/ele-cropper/style/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
-require("element-plus/lib/components/button-group/style/index");
-require("element-plus/lib/components/button/style/index");
-require("element-plus/lib/components/upload/style/index");
+require("element-plus/es/components/button-group/style/index");
+require("element-plus/es/components/button/style/index");
+require("element-plus/es/components/upload/style/index");
 require("cropperjs/dist/cropper.min.css");
 require("../../ele-tooltip/style/index");
 require("./index.scss");

package/lib/ele-cropper/style/index.d.ts

@@ -0,0 +1 @@
+

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

@@ -88,8 +88,8 @@ declare const _default: import('vue').DefineComponent<{
     onDone?: ((_result: string | Blob | null) => any) | undefined;
 }, {
     modelValue: boolean;
-    tooltip: boolean;
     preview: boolean;
+    tooltip: boolean;
     responsive: boolean;
     imageType: string;
     accept: string;

package/lib/ele-cropper-modal/props.d.ts

@@ -1,5 +1,5 @@
-import { EleModalProps } from '../ele-app/plus';
 import { PropType, ExtractPropTypes } from 'vue';
+import { EleModalProps } from '../ele-app/plus';
 
 /**
  * 属性

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

@@ -0,0 +1 @@
+

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

@@ -1,5 +1,5 @@
-import { DashboardType } from './types';
 import { PropType, ExtractPropTypes } from 'vue';
+import { DashboardType } from './types';
 
 /**
  * 属性

package/lib/ele-dashboard/style/index.d.ts

@@ -0,0 +1 @@
+

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

@@ -11,6 +11,8 @@ const index = vue.defineComponent({
   setup(props$1, { emit, slots, expose }) {
     const events = util.useEmits(emit);
     const methods = util.useMethods(() => tableRef.value);
+    const { isLayoutFixedHead, isLayoutMaximized } = util.useStickyHeader();
+    util.useScrollAlive(() => tableRef.value);
     const tableState = {
       sorter: props$1.defaultSort,
       key: null,
@@ -51,7 +53,7 @@ const index = vue.defineComponent({
       updateCheckedState(util.getRowKeys(selection, props$1.rowKey), selection);
     };
     const setCurrentRow = (row) => {
-      updateSelectedState(util.getValue(row, props$1.rowKey), row);
+      updateSelectedState(core.getValue(row, props$1.rowKey), row);
     };
     const setCurrentRowKey = (key) => {
       updateSelectedState(key);
@@ -135,8 +137,8 @@ const index = vue.defineComponent({
         props$1.rowKey,
         childKey.value
       );
-      const itemKeys = items ? items.map((d) => util.getValue(d, props$1.rowKey)) : [];
-      const oldKeys = tableState.checked.map((d) => util.getValue(d, props$1.rowKey));
+      const itemKeys = items ? items.map((d) => core.getValue(d, props$1.rowKey)) : [];
+      const oldKeys = tableState.checked.map((d) => core.getValue(d, props$1.rowKey));
       const checkedKeys = [];
       const checked = [];
       keys.forEach((key) => {
@@ -297,6 +299,9 @@ const index = vue.defineComponent({
           class: [
             "ele-data-table",
             { "is-sticky": props$1.sticky },
+            { "is-layout-fixed-head": props$1.sticky && isLayoutFixedHead.value },
+            { "is-layout-maximized": props$1.sticky && isLayoutMaximized.value },
+            { "is-sticky": props$1.sticky },
             { "hide-header": !props$1.showHeader },
             { "hide-bottom-line": !props$1.bottomLine }
           ],
@@ -316,7 +321,7 @@ const index = vue.defineComponent({
             if (props$1.rowClickChecked && !util.isDisableRow(row, props$1.data.indexOf(row), props$1.columns)) {
               const selections = methods.getSelectionRows();
               if (props$1.rowClickChecked === "smart" && (!selections || !selections.length || selections.length === 1)) {
-                const key = util.getValue(row, props$1.rowKey);
+                const key = core.getValue(row, props$1.rowKey);
                 updateCheckedState(key == null ? [] : [key]);
               } else {
                 toggleRowSelection(row);
@@ -349,7 +354,7 @@ const index = vue.defineComponent({
           // 重写选中逻辑
           onCurrentChange: (row, old) => {
             if (row != null && row !== old) {
-              updateSelectedState(util.getValue(row, props$1.rowKey), row);
+              updateSelectedState(core.getValue(row, props$1.rowKey), row);
             }
           },
           onSelect: (selection, row) => {

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

@@ -1,5 +1,5 @@
-import { DataKey, DataItem, Column, Columns, Sorter, Filter } from './types';
 import { ElTableInstance } from '../ele-app/el';
+import { DataKey, DataItem, Column, Columns, Sorter, Filter } from './types';
 
 declare const _default: import('vue').DefineComponent<{
     stripe: {
@@ -37,7 +37,7 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<import('./types').TableEmptyProps>;
         default: () => null;
     };
-    rowClickChecked: import('vue').PropType<import('./types').RowClickChecked>; /** 表格列配置 */
+    rowClickChecked: import('vue').PropType<import('./types').RowClickChecked>;
     reserveCurrent: BooleanConstructor;
     selectedRowKeys: import('vue').PropType<DataKey[]>;
     cacheData: import('vue').PropType<DataItem[]>;
@@ -47,29 +47,22 @@ declare const _default: import('vue').DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __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;
@@ -87,11 +80,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;
@@ -105,6 +99,10 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
     treeProps: {
         type: import('vue').PropType<{
             hasChildren?: string | undefined;
@@ -120,7 +118,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>;
 }, {
     clearSort: () => void;
     clearSelection: () => void;
@@ -158,7 +158,7 @@ declare const _default: import('vue').DefineComponent<{
     headerContextmenu: (_column: Column, _e: MouseEvent) => boolean;
     sortChange: (_sorter: Sorter) => boolean;
     filterChange: (_filter: Filter) => boolean;
-    currentChange: (_current?: DataItem | null | undefined, _old?: DataItem | null | undefined) => 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;
@@ -199,7 +199,7 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<import('./types').TableEmptyProps>;
         default: () => null;
     };
-    rowClickChecked: import('vue').PropType<import('./types').RowClickChecked>; /** 表格列配置 */
+    rowClickChecked: import('vue').PropType<import('./types').RowClickChecked>;
     reserveCurrent: BooleanConstructor;
     selectedRowKeys: import('vue').PropType<DataKey[]>;
     cacheData: import('vue').PropType<DataItem[]>;
@@ -209,29 +209,22 @@ declare const _default: import('vue').DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __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;
@@ -249,11 +242,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;
@@ -267,6 +261,10 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
     treeProps: {
         type: import('vue').PropType<{
             hasChildren?: string | undefined;
@@ -282,7 +280,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;
@@ -306,11 +306,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;
@@ -318,11 +316,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/lib/ele-data-table/props.d.ts

@@ -1,5 +1,5 @@
-import { DataKey, DataItem, Column, Columns, Sorter, Filter, TableEmptyProps, RowClickChecked } from './types';
 import { PropType, ExtractPropTypes } from 'vue';
+import { DataKey, DataItem, Column, Columns, Sorter, Filter, TableEmptyProps, RowClickChecked } from './types';
 
 declare const normalizeProps: Omit<{
     data: {
@@ -7,7 +7,7 @@ declare const normalizeProps: Omit<{
         default: () => never[];
     };
     size: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -44,7 +44,7 @@ declare const normalizeProps: Omit<{
     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" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    tooltipOptions: PropType<Partial<Pick<import('element-plus').ElTooltipProps, "effect" | "placement" | "popperClass" | "offset" | "popperOptions" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
     spanMethod: PropType<((data: {
         row: any;
         rowIndex: number;
@@ -83,12 +83,12 @@ declare const normalizeProps: Omit<{
         default: string;
     };
     tableLayout: {
-        type: PropType<"auto" | "fixed">;
+        type: PropType<"fixed" | "auto">;
         default: string;
     };
     scrollbarAlwaysOn: BooleanConstructor;
     flexible: BooleanConstructor;
-    showOverflowTooltip: PropType<boolean | Partial<Pick<import('element-plus').ElTooltipProps, "offset" | "effect" | "placement" | "popperOptions" | "popperClass" | "showArrow" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    showOverflowTooltip: PropType<boolean | Partial<Pick<import('element-plus').ElTooltipProps, "effect" | "placement" | "popperClass" | "offset" | "popperOptions" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
 }, "style">;
 /**
  * 属性
@@ -147,33 +147,26 @@ export declare const dataTableProps: {
     cacheData: PropType<DataItem[]>;
     width: (StringConstructor | NumberConstructor)[];
     height: (StringConstructor | NumberConstructor)[];
+    data: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
     size: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly type: 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: PropType<any[]>;
-        default: () => never[];
-    };
-    scrollbarAlwaysOn: BooleanConstructor;
-    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;
-        default: number;
-    };
     showHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -191,11 +184,12 @@ export declare const dataTableProps: {
     headerCellStyle: PropType<import('element-plus/es/components/table/src/table/defaults').CellStyle<any> | undefined>;
     highlightCurrentRow: BooleanConstructor;
     currentRowKey: (StringConstructor | NumberConstructor)[];
+    emptyText: StringConstructor;
     expandRowKeys: PropType<any[] | undefined>;
     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" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter">> | undefined>;
+    tooltipOptions: PropType<Partial<Pick<import('element-plus').ElTooltipProps, "effect" | "placement" | "popperClass" | "offset" | "popperOptions" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
     spanMethod: PropType<((data: {
         row: any;
         rowIndex: number;
@@ -209,6 +203,10 @@ export declare const dataTableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
     treeProps: {
         type: PropType<{
             hasChildren?: string | undefined;
@@ -221,10 +219,12 @@ export declare const dataTableProps: {
     };
     load: PropType<((row: any, treeNode: import('element-plus/es/components/table/src/table/defaults').TreeNode, resolve: (data: any[]) => void) => void) | undefined>;
     tableLayout: {
-        type: PropType<"auto" | "fixed">;
+        type: PropType<"fixed" | "auto">;
         default: string;
     };
+    scrollbarAlwaysOn: BooleanConstructor;
     flexible: BooleanConstructor;
+    showOverflowTooltip: PropType<boolean | Partial<Pick<import('element-plus').ElTooltipProps, "effect" | "placement" | "popperClass" | "offset" | "popperOptions" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
 };
 export type DataTableProps = ExtractPropTypes<typeof dataTableProps>;
 /**

package/lib/ele-data-table/style/css-var.scss

@@ -5,6 +5,10 @@
   .ele-data-table {
     @include set-ele-var('table', $var);
   }
+
+  .ele-table-filter-popper {
+    @include set-ele-var('table-filter', $var);
+  }
 }
 
 /* 表格原始样式变量修改 */
@@ -24,6 +28,9 @@
   & > .el-table__inner-wrapper > .el-table__header-wrapper,
   &.el-table--border > .el-table__inner-wrapper::after,
   &.el-table--border.hide-header
+    > .el-table__inner-wrapper
+    > .el-table__body-wrapper,
+  &.el-table--layout-auto:not(.hide-header)
     > .el-table__inner-wrapper
     > .el-table__body-wrapper {
     border-top-left-radius: $radius;
@@ -33,6 +40,9 @@
   & > .el-table__inner-wrapper > .el-table__footer-wrapper,
   &.el-table--border > .el-table__inner-wrapper::before,
   &.el-table--border:not(.has-footer)
+    > .el-table__inner-wrapper
+    > .el-table__body-wrapper,
+  &.el-table--layout-auto.has-footer
     > .el-table__inner-wrapper
     > .el-table__body-wrapper {
     border-bottom-left-radius: $radius;
@@ -88,3 +98,51 @@
     }
   }
 }
+
+/* 表头筛选多选样式 */
+@mixin filter-checkbox-style($transition-base) {
+  .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 $transition-base, background-color $transition-base);
+      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/lib/ele-data-table/style/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
-require("element-plus/lib/components/table/style/index");
-require("element-plus/lib/components/table-column/style/index");
-require("element-plus/lib/components/empty/style/index");
+require("element-plus/es/components/table/style/index");
+require("element-plus/es/components/table-column/style/index");
+require("element-plus/es/components/empty/style/index");
 require("./index.scss");

package/lib/ele-data-table/style/index.d.ts

@@ -0,0 +1 @@
+