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

package/es/ele-cropper/index.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, nextTick, onMounted, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createBlock, createCommentVNode, createVNode } from "vue";
 import Cropper from "cropperjs";
-import { useResponsive } from "../ele-config-provider/receiver";
+import { useResponsive } from "../ele-pro-layout/util";
 import CropperPreview from "./components/cropper-preview";
 import CropperTools from "./components/cropper-tools";
 import { cropperProps, cropperEmits } from "./props";

package/es/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/es/ele-cropper/style/index.d.ts

@@ -0,0 +1 @@
+

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

@@ -1,6 +1,6 @@
-import 'element-plus/es/components/button-group/style/index';
-import 'element-plus/es/components/button/style/index';
-import 'element-plus/es/components/upload/style/index';
-import 'cropperjs/dist/cropper.min.css';
-import '../../ele-tooltip/style/index';
-import './index.scss';
+import "element-plus/es/components/button-group/style/index";
+import "element-plus/es/components/button/style/index";
+import "element-plus/es/components/upload/style/index";
+import "cropperjs/dist/cropper.min.css";
+import "../../ele-tooltip/style/index";
+import "./index.scss";

package/es/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/es/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/es/ele-cropper-modal/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-cropper-modal/style/index.js

@@ -1,2 +1,2 @@
-import '../../ele-modal/style/index';
-import '../../ele-cropper/style/index';
+import "../../ele-modal/style/index";
+import "../../ele-cropper/style/index";

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

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

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

@@ -0,0 +1 @@
+

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

@@ -1 +1 @@
-import './index.scss';
+import "./index.scss";

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, nextTick, onMounted, h } from "vue";
 import { ElTable } from "element-plus";
-import { pick, omit, eachTree } from "../utils/core";
-import { useEmits, useMethods, isReserveChecked, getGlobalTooltipProps, getStateCols, getBodyRowClass, getHeadRowClass, isDisableRow, getValue, getTableFilter, getRowKeys, getCols, getEmptySlot, valueIsChanged, getRowByKey, arrayIsChanged, getKeysAndList, toggleRowSelectionPro } from "./util";
+import { pick, omit, getValue, eachTree } from "../utils/core";
+import { useEmits, useMethods, useStickyHeader, useScrollAlive, isReserveChecked, getGlobalTooltipProps, getStateCols, getBodyRowClass, getHeadRowClass, isDisableRow, getTableFilter, getRowKeys, getCols, getEmptySlot, valueIsChanged, getRowByKey, arrayIsChanged, getKeysAndList, toggleRowSelectionPro } from "./util";
 import { dataTableProps, dataTableEmits, tablePropKeys } from "./props";
 const index = defineComponent({
   name: "EleDataTable",
@@ -10,6 +10,8 @@ const index = defineComponent({
   setup(props, { emit, slots, expose }) {
     const events = useEmits(emit);
     const methods = useMethods(() => tableRef.value);
+    const { isLayoutFixedHead, isLayoutMaximized } = useStickyHeader();
+    useScrollAlive(() => tableRef.value);
     const tableState = {
       sorter: props.defaultSort,
       key: null,
@@ -296,6 +298,9 @@ const index = defineComponent({
           class: [
             "ele-data-table",
             { "is-sticky": props.sticky },
+            { "is-layout-fixed-head": props.sticky && isLayoutFixedHead.value },
+            { "is-layout-maximized": props.sticky && isLayoutMaximized.value },
+            { "is-sticky": props.sticky },
             { "hide-header": !props.showHeader },
             { "hide-bottom-line": !props.bottomLine }
           ],

package/es/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/es/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/es/ele-data-table/style/index.d.ts

@@ -0,0 +1 @@
+

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

@@ -1,4 +1,4 @@
-import 'element-plus/es/components/table/style/index';
-import 'element-plus/es/components/table-column/style/index';
-import 'element-plus/es/components/empty/style/index';
-import './index.scss';
+import "element-plus/es/components/table/style/index";
+import "element-plus/es/components/table-column/style/index";
+import "element-plus/es/components/empty/style/index";
+import "./index.scss";