@element-plus/nightly 0.0.20260312 → 0.0.20260314

package/es/components/table/src/table-body/index.d.ts

@@ -1,12 +1,12 @@
 import { TableLayout } from "../table-layout.js";
 import { DefaultRow, Table } from "../table/defaults.js";
-import "../../../../index.js";
 import { TableBodyProps } from "./defaults.js";
+import "../../../../index.js";
 import * as vue from "vue";
 import { VNode } from "vue";
 
 //#region ../../packages/components/table/src/table-body/index.d.ts
-declare const _default: vue.DefineComponent<{
+declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   store: {
     required: boolean;
     type: vue.PropType<TableBodyProps<any>["store"]>;
@@ -27,7 +27,7 @@ declare const _default: vue.DefineComponent<{
     default: string;
   };
   highlight: BooleanConstructor;
-}, {
+}>, {
   ns: {
     namespace: vue.ComputedRef<string>;
     b: (blockSuffix?: string) => string;
@@ -55,11 +55,13 @@ declare const _default: vue.DefineComponent<{
   }>[] | VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
   }>[][];
-  tooltipContent: vue.Ref<string>;
+  tooltipContent: vue.Ref<string, string>;
   tooltipTrigger: vue.Ref<VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
+  }>, VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
   }>>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   store: {
     required: boolean;
     type: vue.PropType<TableBodyProps<any>["store"]>;
@@ -80,11 +82,11 @@ declare const _default: vue.DefineComponent<{
     default: string;
   };
   highlight: BooleanConstructor;
-}>>, {
+}>> & Readonly<{}>, {
   fixed: string;
   highlight: boolean;
   context: Table<any>;
   stripe: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { _default as default };

package/es/components/table/src/table-column/index.d.ts

@@ -1,3 +1,8 @@
+import { ComponentSize } from "../../../../constants/size.js";
+import { CheckboxProps, CheckboxValueType } from "../../../checkbox/src/checkbox.js";
+import { _default as _default$1 } from "../../../checkbox/src/checkbox-button.vue.js";
+import { _default as _default$2 } from "../../../checkbox/src/checkbox-group.vue.js";
+import "../../../checkbox/index.js";
 import { UseTooltipProps } from "../../../tooltip/src/tooltip.js";
 import { TableColumnCtx } from "./defaults.js";
 import { TableSortOrder } from "../table/defaults.js";
@@ -5,7 +10,7 @@ import "../../../../index.js";
 import * as vue from "vue";
 
 //#region ../../packages/components/table/src/table-column/index.d.ts
-declare const _default: vue.DefineComponent<{
+declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   type: {
     type: StringConstructor;
     default: string;
@@ -16,11 +21,11 @@ declare const _default: vue.DefineComponent<{
   property: StringConstructor;
   prop: StringConstructor;
   width: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: string;
   };
   minWidth: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: string;
   };
   renderHeader: vue.PropType<TableColumnCtx<any>["renderHeader"]>;
@@ -61,7 +66,7 @@ declare const _default: vue.DefineComponent<{
     default: () => (string | null)[];
     validator: (val: TableColumnCtx<any>["sortOrders"]) => boolean;
   };
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, void, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   type: {
     type: StringConstructor;
     default: string;
@@ -72,11 +77,11 @@ declare const _default: vue.DefineComponent<{
   property: StringConstructor;
   prop: StringConstructor;
   width: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: string;
   };
   minWidth: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: string;
   };
   renderHeader: vue.PropType<TableColumnCtx<any>["renderHeader"]>;
@@ -117,16 +122,111 @@ declare const _default: vue.DefineComponent<{
     default: () => (string | null)[];
     validator: (val: TableColumnCtx<any>["sortOrders"]) => boolean;
   };
-}>>, {
+}>> & Readonly<{}>, {
   type: string;
   minWidth: string | number;
   width: string | number;
   resizable: boolean;
-  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "enterable" | "popperOptions" | "showArrow" | "transition" | "showAfter" | "hideAfter">> | undefined;
+  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "appendTo" | "effect" | "enterable" | "hideAfter" | "offset" | "placement" | "popperClass" | "popperOptions" | "showAfter" | "showArrow" | "transition">> | undefined;
   sortOrders: (TableSortOrder | null)[];
   sortable: string | boolean;
   reserveSelection: boolean;
   filterMultiple: boolean;
-}, {}>;
+}, {}, {
+  ElCheckbox: {
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxProps> & Readonly<{
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
+      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+    }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+      change: (val: CheckboxValueType) => void;
+      "update:modelValue": (val: CheckboxValueType) => void;
+    }, vue.PublicProps, {
+      modelValue: number | string | boolean;
+      label: string | boolean | number | object;
+      value: string | boolean | number | object;
+      disabled: boolean;
+      name: string;
+      trueValue: string | number;
+      falseValue: string | number;
+      trueLabel: string | number;
+      falseLabel: string | number;
+      id: string;
+      validateEvent: boolean;
+    }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+      P: {};
+      B: {};
+      D: {};
+      C: {};
+      M: {};
+      Defaults: {};
+    }, Readonly<CheckboxProps> & Readonly<{
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
+      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+      modelValue: number | string | boolean;
+      label: string | boolean | number | object;
+      value: string | boolean | number | object;
+      disabled: boolean;
+      name: string;
+      trueValue: string | number;
+      falseValue: string | number;
+      trueLabel: string | number;
+      falseLabel: string | number;
+      id: string;
+      validateEvent: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+  } & vue.ComponentOptionsBase<Readonly<CheckboxProps> & Readonly<{
+    onChange?: ((val: CheckboxValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+  }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (val: CheckboxValueType) => void;
+    "update:modelValue": (val: CheckboxValueType) => void;
+  }, string, {
+    modelValue: number | string | boolean;
+    label: string | boolean | number | object;
+    value: string | boolean | number | object;
+    disabled: boolean;
+    name: string;
+    trueValue: string | number;
+    falseValue: string | number;
+    trueLabel: string | number;
+    falseLabel: string | number;
+    id: string;
+    validateEvent: boolean;
+  }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    $slots: {
+      default?: (props: {}) => any;
+    };
+  }) & vue.ObjectPlugin & {
+    setPropsDefaults: (defaults: Partial<{
+      readonly modelValue?: (number | string | boolean) | undefined;
+      readonly label?: (string | boolean | number | object) | undefined;
+      readonly value?: (string | boolean | number | object) | undefined;
+      readonly indeterminate?: boolean | undefined;
+      readonly disabled?: boolean | undefined;
+      readonly checked?: boolean | undefined;
+      readonly name?: string | undefined;
+      readonly trueValue?: (string | number) | undefined;
+      readonly falseValue?: (string | number) | undefined;
+      readonly trueLabel?: (string | number) | undefined;
+      readonly falseLabel?: (string | number) | undefined;
+      readonly id?: string | undefined;
+      readonly border?: boolean | undefined;
+      readonly size?: ComponentSize | undefined;
+      readonly tabindex?: (string | number) | undefined;
+      readonly validateEvent?: boolean | undefined;
+      readonly ariaLabel?: string | undefined;
+      readonly ariaControls?: string | undefined;
+      readonly onChange?: ((val: CheckboxValueType) => any) | undefined;
+      readonly "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps>) => void;
+  } & {
+    CheckboxButton: typeof _default$1;
+    CheckboxGroup: typeof _default$2;
+  };
+}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { _default as default };

package/es/components/table/src/table-footer/index.d.ts

@@ -14,7 +14,7 @@ interface TableFooter<T extends DefaultRow> {
   border: boolean;
   defaultSort: Sort;
 }
-declare const _default: vue.DefineComponent<{
+declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   fixed: {
     type: StringConstructor;
     default: string;
@@ -33,7 +33,7 @@ declare const _default: vue.DefineComponent<{
       order: string;
     };
   };
-}, {
+}>, {
   ns: {
     namespace: vue.ComputedRef<string>;
     b: (blockSuffix?: string) => string;
@@ -57,7 +57,7 @@ declare const _default: vue.DefineComponent<{
   getCellClasses: (columns: TableColumnCtx<any>[], cellIndex: number) => string[];
   getCellStyles: (column: TableColumnCtx<any>, cellIndex: number) => vue.CSSProperties | undefined;
   columns: vue.ComputedRef<TableColumnCtx<DefaultRow>[]>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   fixed: {
     type: StringConstructor;
     default: string;
@@ -76,10 +76,10 @@ declare const _default: vue.DefineComponent<{
       order: string;
     };
   };
-}>>, {
-  fixed: string;
+}>> & Readonly<{}>, {
   border: boolean;
   defaultSort: Sort;
-}, {}>;
+  fixed: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { TableFooter, _default as default };

package/es/components/table/src/table-header/index.d.ts

@@ -1,8 +1,15 @@
+import { ComponentSize } from "../../../../constants/size.js";
 import { Translator } from "../../../../hooks/use-locale/index.js";
+import "../../../../hooks/index.js";
+import { CheckboxProps, CheckboxValueType } from "../../../checkbox/src/checkbox.js";
+import { _default as _default$1 } from "../../../checkbox/src/checkbox-button.vue.js";
+import { _default as _default$2 } from "../../../checkbox/src/checkbox-group.vue.js";
+import "../../../checkbox/index.js";
 import { TableColumnCtx } from "../table-column/defaults.js";
 import { Store } from "../store/index.js";
 import { TableLayout } from "../table-layout.js";
 import { DefaultRow, Sort, TableSortOrder } from "../table/defaults.js";
+import "../../../../index.js";
 import * as vue from "vue";
 import { ComponentInternalInstance, PropType, Ref } from "vue";
 
@@ -21,7 +28,7 @@ interface TableHeaderProps<T extends DefaultRow> {
   defaultSort: Sort;
   allowDragLastColumn: boolean;
 }
-declare const _default: vue.DefineComponent<{
+declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   fixed: {
     type: StringConstructor;
     default: string;
@@ -44,7 +51,7 @@ declare const _default: vue.DefineComponent<{
   allowDragLastColumn: {
     type: BooleanConstructor;
   };
-}, {
+}>, {
   ns: {
     namespace: vue.ComputedRef<string>;
     b: (blockSuffix?: string) => string;
@@ -64,7 +71,7 @@ declare const _default: vue.DefineComponent<{
     cssVarBlockName: (name: string) => string;
   };
   t: Translator;
-  filterPanels: Ref<{}>;
+  filterPanels: Ref<{}, {}>;
   onColumnsChange: (layout: TableLayout<DefaultRow>) => void;
   onScrollableChange: (layout: TableLayout<DefaultRow>) => void;
   columnRows: vue.ComputedRef<TableColumnCtx<any>[][]>;
@@ -83,9 +90,9 @@ declare const _default: vue.DefineComponent<{
   toggleAllSelection: (event: Event) => void;
   saveIndexSelection: vue.Reactive<Map<any, any>>;
   isTableLayoutAuto: boolean;
-  theadRef: Ref<any>;
+  theadRef: Ref<any, any>;
   updateFixedColumnStyle: () => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   fixed: {
     type: StringConstructor;
     default: string;
@@ -108,11 +115,106 @@ declare const _default: vue.DefineComponent<{
   allowDragLastColumn: {
     type: BooleanConstructor;
   };
-}>>, {
-  fixed: string;
+}>> & Readonly<{}>, {
   border: boolean;
   defaultSort: Sort;
+  fixed: string;
   allowDragLastColumn: boolean;
-}, {}>;
+}, {}, {
+  ElCheckbox: {
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxProps> & Readonly<{
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
+      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+    }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+      change: (val: CheckboxValueType) => void;
+      "update:modelValue": (val: CheckboxValueType) => void;
+    }, vue.PublicProps, {
+      modelValue: number | string | boolean;
+      label: string | boolean | number | object;
+      value: string | boolean | number | object;
+      disabled: boolean;
+      name: string;
+      trueValue: string | number;
+      falseValue: string | number;
+      trueLabel: string | number;
+      falseLabel: string | number;
+      id: string;
+      validateEvent: boolean;
+    }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+      P: {};
+      B: {};
+      D: {};
+      C: {};
+      M: {};
+      Defaults: {};
+    }, Readonly<CheckboxProps> & Readonly<{
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
+      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+      modelValue: number | string | boolean;
+      label: string | boolean | number | object;
+      value: string | boolean | number | object;
+      disabled: boolean;
+      name: string;
+      trueValue: string | number;
+      falseValue: string | number;
+      trueLabel: string | number;
+      falseLabel: string | number;
+      id: string;
+      validateEvent: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+  } & vue.ComponentOptionsBase<Readonly<CheckboxProps> & Readonly<{
+    onChange?: ((val: CheckboxValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+  }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    change: (val: CheckboxValueType) => void;
+    "update:modelValue": (val: CheckboxValueType) => void;
+  }, string, {
+    modelValue: number | string | boolean;
+    label: string | boolean | number | object;
+    value: string | boolean | number | object;
+    disabled: boolean;
+    name: string;
+    trueValue: string | number;
+    falseValue: string | number;
+    trueLabel: string | number;
+    falseLabel: string | number;
+    id: string;
+    validateEvent: boolean;
+  }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    $slots: {
+      default?: (props: {}) => any;
+    };
+  }) & vue.ObjectPlugin & {
+    setPropsDefaults: (defaults: Partial<{
+      readonly modelValue?: (number | string | boolean) | undefined;
+      readonly label?: (string | boolean | number | object) | undefined;
+      readonly value?: (string | boolean | number | object) | undefined;
+      readonly indeterminate?: boolean | undefined;
+      readonly disabled?: boolean | undefined;
+      readonly checked?: boolean | undefined;
+      readonly name?: string | undefined;
+      readonly trueValue?: (string | number) | undefined;
+      readonly falseValue?: (string | number) | undefined;
+      readonly trueLabel?: (string | number) | undefined;
+      readonly falseLabel?: (string | number) | undefined;
+      readonly id?: string | undefined;
+      readonly border?: boolean | undefined;
+      readonly size?: ComponentSize | undefined;
+      readonly tabindex?: (string | number) | undefined;
+      readonly validateEvent?: boolean | undefined;
+      readonly ariaLabel?: string | undefined;
+      readonly ariaControls?: string | undefined;
+      readonly onChange?: ((val: CheckboxValueType) => any) | undefined;
+      readonly "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps>) => void;
+  } & {
+    CheckboxButton: typeof _default$1;
+    CheckboxGroup: typeof _default$2;
+  };
+}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { TableHeader, TableHeaderProps, _default as default };

package/es/components/table/src/table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../packages/components/table/src/table.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"tableWrapper\"\n    :class=\"[\n      {\n        [ns.m('fit')]: fit,\n        [ns.m('striped')]: stripe,\n        [ns.m('border')]: border || isGroup,\n        [ns.m('hidden')]: isHidden,\n        [ns.m('group')]: isGroup,\n        [ns.m('fluid-height')]: maxHeight,\n        [ns.m('scrollable-x')]: layout.scrollX.value,\n        [ns.m('scrollable-y')]: layout.scrollY.value,\n        [ns.m('enable-row-hover')]: !store.states.isComplex.value,\n        [ns.m('enable-row-transition')]:\n          (store.states.data.value || []).length !== 0 &&\n          (store.states.data.value || []).length < 100,\n        'has-footer': showSummary,\n      },\n      ns.m(tableSize),\n      className,\n      ns.b(),\n      ns.m(`layout-${tableLayout}`),\n    ]\"\n    :style=\"style\"\n    :data-prefix=\"ns.namespace.value\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <div ref=\"tableInnerWrapper\" :class=\"ns.e('inner-wrapper')\">\n      <div ref=\"hiddenColumns\" class=\"hidden-columns\">\n        <slot />\n      </div>\n      <div\n        v-if=\"showHeader && tableLayout === 'fixed'\"\n        ref=\"headerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('header-wrapper')\"\n      >\n        <table\n          ref=\"tableHeader\"\n          :class=\"ns.e('header')\"\n          :style=\"tableBodyStyles\"\n          border=\"0\"\n          cellpadding=\"0\"\n          cellspacing=\"0\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-header\n            ref=\"tableHeaderRef\"\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :append-filter-panel-to=\"appendFilterPanelTo\"\n            :allow-drag-last-column=\"allowDragLastColumn\"\n            @set-drag-visible=\"setDragVisible\"\n          />\n        </table>\n      </div>\n      <div ref=\"bodyWrapper\" :class=\"ns.e('body-wrapper')\">\n        <el-scrollbar\n          ref=\"scrollBarRef\"\n          :view-style=\"scrollbarViewStyle\"\n          :wrap-style=\"scrollbarStyle\"\n          :always=\"scrollbarAlwaysOn\"\n          :tabindex=\"scrollbarTabindex\"\n          :native=\"nativeScrollbar\"\n          @scroll=\"$emit('scroll', $event)\"\n        >\n          <table\n            ref=\"tableBody\"\n            :class=\"ns.e('body')\"\n            cellspacing=\"0\"\n            cellpadding=\"0\"\n            border=\"0\"\n            :style=\"{\n              width: bodyWidth,\n              tableLayout,\n            }\"\n          >\n            <hColgroup\n              :columns=\"store.states.columns.value\"\n              :table-layout=\"tableLayout\"\n            />\n            <table-header\n              v-if=\"showHeader && tableLayout === 'auto'\"\n              ref=\"tableHeaderRef\"\n              :class=\"ns.e('body-header')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :append-filter-panel-to=\"appendFilterPanelTo\"\n              @set-drag-visible=\"setDragVisible\"\n            />\n            <table-body\n              :context=\"context\"\n              :highlight=\"highlightCurrentRow\"\n              :row-class-name=\"rowClassName\"\n              :tooltip-effect=\"computedTooltipEffect\"\n              :tooltip-options=\"computedTooltipOptions\"\n              :row-style=\"rowStyle\"\n              :store=\"store\"\n              :stripe=\"stripe\"\n            />\n            <table-footer\n              v-if=\"showSummary && tableLayout === 'auto'\"\n              :class=\"ns.e('body-footer')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :sum-text=\"computedSumText\"\n              :summary-method=\"summaryMethod\"\n            />\n          </table>\n          <div\n            v-if=\"isEmpty\"\n            ref=\"emptyBlock\"\n            :style=\"emptyBlockStyle\"\n            :class=\"ns.e('empty-block')\"\n          >\n            <span :class=\"ns.e('empty-text')\">\n              <slot name=\"empty\">{{ computedEmptyText }}</slot>\n            </span>\n          </div>\n          <div\n            v-if=\"$slots.append\"\n            ref=\"appendWrapper\"\n            :class=\"ns.e('append-wrapper')\"\n          >\n            <slot name=\"append\" />\n          </div>\n        </el-scrollbar>\n      </div>\n      <div\n        v-if=\"showSummary && tableLayout === 'fixed'\"\n        v-show=\"!isEmpty\"\n        ref=\"footerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('footer-wrapper')\"\n      >\n        <table\n          :class=\"ns.e('footer')\"\n          cellspacing=\"0\"\n          cellpadding=\"0\"\n          border=\"0\"\n          :style=\"tableBodyStyles\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-footer\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :sum-text=\"computedSumText\"\n            :summary-method=\"summaryMethod\"\n          />\n        </table>\n      </div>\n      <div v-if=\"border || isGroup\" :class=\"ns.e('border-left-patch')\" />\n    </div>\n    <div\n      v-show=\"resizeProxyVisible\"\n      ref=\"resizeProxy\"\n      :class=\"ns.e('column-resize-proxy')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  provide,\n} from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { Mousewheel } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { createStore } from './store/helper'\nimport TableLayout from './table-layout'\nimport TableHeader from './table-header'\nimport TableBody from './table-body'\nimport TableFooter from './table-footer'\nimport useUtils from './table/utils-helper'\nimport { convertToRows } from './table-header/utils-helper'\nimport useStyle from './table/style-helper'\nimport useKeyRender from './table/key-render-helper'\nimport defaultProps from './table/defaults'\nimport { TABLE_INJECTION_KEY } from './tokens'\nimport { hColgroup } from './h-helper'\nimport { useScrollbar } from './composables/use-scrollbar'\n\nimport type { Table } from './table/defaults'\n\nlet tableIdSeed = 1\nexport default defineComponent({\n  name: 'ElTable',\n  directives: {\n    Mousewheel,\n  },\n  components: {\n    TableHeader,\n    TableBody,\n    TableFooter,\n    ElScrollbar,\n    hColgroup,\n  },\n  props: defaultProps,\n  emits: [\n    'select',\n    'select-all',\n    'selection-change',\n    'cell-mouse-enter',\n    'cell-mouse-leave',\n    'cell-contextmenu',\n    'cell-click',\n    'cell-dblclick',\n    'row-click',\n    'row-contextmenu',\n    'row-dblclick',\n    'header-click',\n    'header-contextmenu',\n    'sort-change',\n    'filter-change',\n    'current-change',\n    'header-dragend',\n    'expand-change',\n    'scroll',\n  ],\n  setup(props) {\n    type Row = (typeof props.data)[number]\n    const { t } = useLocale()\n    const ns = useNamespace('table')\n    const globalConfig = useGlobalConfig('table')\n    const table = getCurrentInstance() as Table<Row>\n    provide(TABLE_INJECTION_KEY, table)\n    const store = createStore<Row>(table, props)\n    table.store = store\n    const layout = new TableLayout<Row>({\n      store: table.store,\n      table,\n      fit: props.fit,\n      showHeader: props.showHeader,\n    })\n    table.layout = layout\n\n    const isEmpty = computed(() => (store.states.data.value || []).length === 0)\n\n    /**\n     * open functions\n     */\n    const {\n      setCurrentRow,\n      getSelectionRows,\n      toggleRowSelection,\n      clearSelection,\n      clearFilter,\n      toggleAllSelection,\n      toggleRowExpansion,\n      clearSort,\n      sort,\n      updateKeyChildren,\n    } = useUtils<Row>(store)\n    const {\n      isHidden,\n      renderExpanded,\n      setDragVisible,\n      isGroup,\n      handleMouseLeave,\n      handleHeaderFooterMousewheel,\n      tableSize,\n      emptyBlockStyle,\n      resizeProxyVisible,\n      bodyWidth,\n      resizeState,\n      doLayout,\n      tableBodyStyles,\n      tableLayout,\n      scrollbarViewStyle,\n      scrollbarStyle,\n    } = useStyle<Row>(props, layout, store, table)\n\n    const { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } =\n      useScrollbar()\n\n    const debouncedUpdateLayout = debounce(doLayout, 50)\n\n    const tableId = `${ns.namespace.value}-table_${tableIdSeed++}`\n    table.tableId = tableId\n    table.state = {\n      isGroup,\n      resizeState,\n      doLayout,\n      debouncedUpdateLayout,\n    }\n    const computedSumText = computed(\n      () => props.sumText ?? t('el.table.sumText')\n    )\n\n    const computedEmptyText = computed(() => {\n      return props.emptyText ?? t('el.table.emptyText')\n    })\n\n    const computedTooltipEffect = computed(\n      () => props.tooltipEffect ?? globalConfig.value?.tooltipEffect\n    )\n\n    const computedTooltipOptions = computed(\n      () => props.tooltipOptions ?? globalConfig.value?.tooltipOptions\n    )\n\n    const columns = computed(() => {\n      return convertToRows(store.states.originColumns.value)[0]\n    })\n\n    useKeyRender(table)\n\n    onBeforeUnmount(() => {\n      debouncedUpdateLayout.cancel()\n    })\n\n    return {\n      ns,\n      layout,\n      store,\n      columns,\n      handleHeaderFooterMousewheel,\n      handleMouseLeave,\n      tableId,\n      tableSize,\n      isHidden,\n      isEmpty,\n      renderExpanded,\n      resizeProxyVisible,\n      resizeState,\n      isGroup,\n      bodyWidth,\n      tableBodyStyles,\n      emptyBlockStyle,\n      debouncedUpdateLayout,\n      /**\n       * @description used in single selection Table, set a certain row selected. If called without any parameter, it will clear selection\n       */\n      setCurrentRow,\n      /**\n       * @description returns the currently selected rows\n       */\n      getSelectionRows,\n      /**\n       * @description used in multiple selection Table, toggle if a certain row is selected. With the second parameter, you can directly set if this row is selected\n       */\n      toggleRowSelection,\n      /**\n       * @description used in multiple selection Table, clear user selection\n       */\n      clearSelection,\n      /**\n       * @description clear filters of the columns whose `columnKey` are passed in. If no params, clear all filters\n       */\n      clearFilter,\n      /**\n       * @description used in multiple selection Table, toggle select all and deselect all\n       */\n      toggleAllSelection,\n      /**\n       * @description used in expandable Table or tree Table, toggle if a certain row is expanded. With the second parameter, you can directly set if this row is expanded or collapsed\n       */\n      toggleRowExpansion,\n      /**\n       * @description clear sorting, restore data to the original order\n       */\n      clearSort,\n      /**\n       * @description refresh the layout of Table. When the visibility of Table changes, you may need to call this method to get a correct layout\n       */\n      doLayout,\n      /**\n       * @description sort Table manually. Property `prop` is used to set sort column, property `order` is used to set sort order\n       */\n      sort,\n      /**\n       * @description used in lazy Table, must set `rowKey`, update key children\n       */\n      updateKeyChildren,\n      t,\n      setDragVisible,\n      context: table,\n      computedSumText,\n      computedEmptyText,\n      computedTooltipEffect,\n      computedTooltipOptions,\n      tableLayout,\n      scrollbarViewStyle,\n      scrollbarStyle,\n      scrollBarRef,\n      /**\n       * @description scrolls to a particular set of coordinates\n       */\n      scrollTo,\n      /**\n       * @description set horizontal scroll position\n       */\n      setScrollLeft,\n      /**\n       * @description set vertical scroll position\n       */\n      setScrollTop,\n      /**\n       * @description whether to allow drag the last column\n       */\n      allowDragLastColumn: props.allowDragLastColumn,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../packages/components/table/src/table.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"tableWrapper\"\n    :class=\"[\n      {\n        [ns.m('fit')]: fit,\n        [ns.m('striped')]: stripe,\n        [ns.m('border')]: border || isGroup,\n        [ns.m('hidden')]: isHidden,\n        [ns.m('group')]: isGroup,\n        [ns.m('fluid-height')]: maxHeight,\n        [ns.m('scrollable-x')]: layout.scrollX.value,\n        [ns.m('scrollable-y')]: layout.scrollY.value,\n        [ns.m('enable-row-hover')]: !store.states.isComplex.value,\n        [ns.m('enable-row-transition')]:\n          (store.states.data.value || []).length !== 0 &&\n          (store.states.data.value || []).length < 100,\n        'has-footer': showSummary,\n      },\n      ns.m(tableSize),\n      className,\n      ns.b(),\n      ns.m(`layout-${tableLayout}`),\n    ]\"\n    :style=\"style\"\n    :data-prefix=\"ns.namespace.value\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <div ref=\"tableInnerWrapper\" :class=\"ns.e('inner-wrapper')\">\n      <div ref=\"hiddenColumns\" class=\"hidden-columns\">\n        <slot />\n      </div>\n      <div\n        v-if=\"showHeader && tableLayout === 'fixed'\"\n        ref=\"headerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('header-wrapper')\"\n      >\n        <table\n          ref=\"tableHeader\"\n          :class=\"ns.e('header')\"\n          :style=\"tableBodyStyles\"\n          border=\"0\"\n          cellpadding=\"0\"\n          cellspacing=\"0\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-header\n            ref=\"tableHeaderRef\"\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :append-filter-panel-to=\"appendFilterPanelTo\"\n            :allow-drag-last-column=\"allowDragLastColumn\"\n            @set-drag-visible=\"setDragVisible\"\n          />\n        </table>\n      </div>\n      <div ref=\"bodyWrapper\" :class=\"ns.e('body-wrapper')\">\n        <el-scrollbar\n          ref=\"scrollBarRef\"\n          :view-style=\"scrollbarViewStyle\"\n          :wrap-style=\"scrollbarStyle\"\n          :always=\"scrollbarAlwaysOn\"\n          :tabindex=\"scrollbarTabindex\"\n          :native=\"nativeScrollbar\"\n          @scroll=\"$emit('scroll', $event)\"\n        >\n          <table\n            ref=\"tableBody\"\n            :class=\"ns.e('body')\"\n            cellspacing=\"0\"\n            cellpadding=\"0\"\n            border=\"0\"\n            :style=\"{\n              width: bodyWidth,\n              tableLayout,\n            }\"\n          >\n            <hColgroup\n              :columns=\"store.states.columns.value\"\n              :table-layout=\"tableLayout\"\n            />\n            <table-header\n              v-if=\"showHeader && tableLayout === 'auto'\"\n              ref=\"tableHeaderRef\"\n              :class=\"ns.e('body-header')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :append-filter-panel-to=\"appendFilterPanelTo\"\n              @set-drag-visible=\"setDragVisible\"\n            />\n            <table-body\n              :context=\"context\"\n              :highlight=\"highlightCurrentRow\"\n              :row-class-name=\"rowClassName\"\n              :tooltip-effect=\"computedTooltipEffect\"\n              :tooltip-options=\"computedTooltipOptions\"\n              :row-style=\"rowStyle\"\n              :store=\"store\"\n              :stripe=\"stripe\"\n            />\n            <table-footer\n              v-if=\"showSummary && tableLayout === 'auto'\"\n              :class=\"ns.e('body-footer')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :sum-text=\"computedSumText\"\n              :summary-method=\"summaryMethod\"\n            />\n          </table>\n          <div\n            v-if=\"isEmpty\"\n            ref=\"emptyBlock\"\n            :style=\"emptyBlockStyle\"\n            :class=\"ns.e('empty-block')\"\n          >\n            <span :class=\"ns.e('empty-text')\">\n              <slot name=\"empty\">{{ computedEmptyText }}</slot>\n            </span>\n          </div>\n          <div\n            v-if=\"$slots.append\"\n            ref=\"appendWrapper\"\n            :class=\"ns.e('append-wrapper')\"\n          >\n            <slot name=\"append\" />\n          </div>\n        </el-scrollbar>\n      </div>\n      <div\n        v-if=\"showSummary && tableLayout === 'fixed'\"\n        v-show=\"!isEmpty\"\n        ref=\"footerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('footer-wrapper')\"\n      >\n        <table\n          :class=\"ns.e('footer')\"\n          cellspacing=\"0\"\n          cellpadding=\"0\"\n          border=\"0\"\n          :style=\"tableBodyStyles\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-footer\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :sum-text=\"computedSumText\"\n            :summary-method=\"summaryMethod\"\n          />\n        </table>\n      </div>\n      <div v-if=\"border || isGroup\" :class=\"ns.e('border-left-patch')\" />\n    </div>\n    <div\n      v-show=\"resizeProxyVisible\"\n      ref=\"resizeProxy\"\n      :class=\"ns.e('column-resize-proxy')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  provide,\n} from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { Mousewheel } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { createStore } from './store/helper'\nimport TableLayout from './table-layout'\nimport TableHeader from './table-header'\nimport TableBody from './table-body'\nimport TableFooter from './table-footer'\nimport useUtils from './table/utils-helper'\nimport { convertToRows } from './table-header/utils-helper'\nimport useStyle from './table/style-helper'\nimport useKeyRender from './table/key-render-helper'\nimport defaultProps from './table/defaults'\nimport { TABLE_INJECTION_KEY } from './tokens'\nimport { hColgroup } from './h-helper'\nimport { useScrollbar } from './composables/use-scrollbar'\n\nimport type { Table } from './table/defaults'\n\nlet tableIdSeed = 1\nexport default defineComponent({\n  name: 'ElTable',\n  directives: {\n    Mousewheel,\n  },\n  components: {\n    TableHeader,\n    TableBody,\n    TableFooter,\n    ElScrollbar,\n    hColgroup,\n  },\n  props: defaultProps,\n  emits: [\n    'select',\n    'select-all',\n    'selection-change',\n    'cell-mouse-enter',\n    'cell-mouse-leave',\n    'cell-contextmenu',\n    'cell-click',\n    'cell-dblclick',\n    'row-click',\n    'row-contextmenu',\n    'row-dblclick',\n    'header-click',\n    'header-contextmenu',\n    'sort-change',\n    'filter-change',\n    'current-change',\n    'header-dragend',\n    'expand-change',\n    'scroll',\n  ],\n  setup(props) {\n    type Row = (typeof props.data)[number]\n    const { t } = useLocale()\n    const ns = useNamespace('table')\n    const globalConfig = useGlobalConfig('table')\n    const table = getCurrentInstance() as Table<Row>\n    provide(TABLE_INJECTION_KEY, table)\n    const store = createStore<Row>(table, props)\n    table.store = store\n    const layout = new TableLayout<Row>({\n      store: table.store,\n      table,\n      fit: props.fit,\n      showHeader: props.showHeader,\n    })\n    table.layout = layout\n\n    const isEmpty = computed(() => (store.states.data.value || []).length === 0)\n\n    /**\n     * open functions\n     */\n    const {\n      setCurrentRow,\n      getSelectionRows,\n      toggleRowSelection,\n      clearSelection,\n      clearFilter,\n      toggleAllSelection,\n      toggleRowExpansion,\n      clearSort,\n      sort,\n      updateKeyChildren,\n    } = useUtils<Row>(store)\n    const {\n      isHidden,\n      renderExpanded,\n      setDragVisible,\n      isGroup,\n      handleMouseLeave,\n      handleHeaderFooterMousewheel,\n      tableSize,\n      emptyBlockStyle,\n      resizeProxyVisible,\n      bodyWidth,\n      resizeState,\n      doLayout,\n      tableBodyStyles,\n      tableLayout,\n      scrollbarViewStyle,\n      scrollbarStyle,\n    } = useStyle<Row>(props, layout, store, table)\n\n    const { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } =\n      useScrollbar()\n\n    const debouncedUpdateLayout = debounce(doLayout, 50)\n\n    const tableId = `${ns.namespace.value}-table_${tableIdSeed++}`\n    table.tableId = tableId\n    table.state = {\n      isGroup,\n      resizeState,\n      doLayout,\n      debouncedUpdateLayout,\n    }\n    const computedSumText = computed(\n      () => props.sumText ?? t('el.table.sumText')\n    )\n\n    const computedEmptyText = computed(() => {\n      return props.emptyText ?? t('el.table.emptyText')\n    })\n\n    const computedTooltipEffect = computed(\n      () => props.tooltipEffect ?? globalConfig.value?.tooltipEffect\n    )\n\n    const computedTooltipOptions = computed(\n      () => props.tooltipOptions ?? globalConfig.value?.tooltipOptions\n    )\n\n    const columns = computed(() => {\n      return convertToRows(store.states.originColumns.value)[0]\n    })\n\n    useKeyRender(table)\n\n    onBeforeUnmount(() => {\n      debouncedUpdateLayout.cancel()\n    })\n\n    return {\n      ns,\n      layout,\n      store,\n      columns,\n      handleHeaderFooterMousewheel,\n      handleMouseLeave,\n      tableId,\n      tableSize,\n      isHidden,\n      isEmpty,\n      renderExpanded,\n      resizeProxyVisible,\n      resizeState,\n      isGroup,\n      bodyWidth,\n      tableBodyStyles,\n      emptyBlockStyle,\n      debouncedUpdateLayout,\n      /**\n       * @description used in single selection Table, set a certain row selected. If called without any parameter, it will clear selection\n       */\n      setCurrentRow,\n      /**\n       * @description returns the currently selected rows\n       */\n      getSelectionRows,\n      /**\n       * @description used in multiple selection Table, toggle if a certain row is selected. With the second parameter, you can directly set if this row is selected\n       */\n      toggleRowSelection,\n      /**\n       * @description used in multiple selection Table, clear user selection\n       */\n      clearSelection,\n      /**\n       * @description clear filters of the columns whose `columnKey` are passed in. If no params, clear all filters\n       */\n      clearFilter,\n      /**\n       * @description used in multiple selection Table, toggle select all and deselect all\n       */\n      toggleAllSelection,\n      /**\n       * @description used in expandable Table or tree Table, toggle if a certain row is expanded. With the second parameter, you can directly set if this row is expanded or collapsed\n       */\n      toggleRowExpansion,\n      /**\n       * @description clear sorting, restore data to the original order\n       */\n      clearSort,\n      /**\n       * @description refresh the layout of Table. When the visibility of Table changes, you may need to call this method to get a correct layout\n       */\n      doLayout,\n      /**\n       * @description sort Table manually. Property `prop` is used to set sort column, property `order` is used to set sort order\n       */\n      sort,\n      /**\n       * @description used in lazy Table, must set `rowKey`, update key children\n       */\n      updateKeyChildren,\n      t,\n      setDragVisible,\n      context: table,\n      computedSumText,\n      computedEmptyText,\n      computedTooltipEffect,\n      computedTooltipOptions,\n      tableLayout,\n      scrollbarViewStyle,\n      scrollbarStyle,\n      scrollBarRef,\n      /**\n       * @description scrolls to a particular set of coordinates\n       */\n      scrollTo,\n      /**\n       * @description set horizontal scroll position\n       */\n      setScrollLeft,\n      /**\n       * @description set vertical scroll position\n       */\n      setScrollTop,\n      /**\n       * @description whether to allow drag the last column\n       */\n      allowDragLastColumn: props.allowDragLastColumn,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}