@element-plus/nightly 0.0.20260513 → 0.0.20260514

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

@@ -119,19 +119,19 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }, {}, {
   ElCheckbox: {
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxProps> & Readonly<{
-      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
+      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
+      "update:modelValue": (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
-      id: string;
       name: string;
+      label: string | boolean | number | object;
+      value: string | boolean | number | object;
+      id: string;
       disabled: boolean;
       modelValue: number | string | boolean;
       validateEvent: boolean;
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -144,16 +144,16 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<CheckboxProps> & Readonly<{
-      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
+      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      id: string;
       name: string;
+      label: string | boolean | number | object;
+      value: string | boolean | number | object;
+      id: string;
       disabled: boolean;
       modelValue: number | string | boolean;
       validateEvent: boolean;
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -163,19 +163,19 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<CheckboxProps> & Readonly<{
-    "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     onChange?: ((val: CheckboxValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    "update:modelValue": (val: CheckboxValueType) => void;
     change: (val: CheckboxValueType) => void;
+    "update:modelValue": (val: CheckboxValueType) => void;
   }, string, {
-    id: string;
     name: string;
+    label: string | boolean | number | object;
+    value: string | boolean | number | object;
+    id: string;
     disabled: boolean;
     modelValue: number | string | boolean;
     validateEvent: boolean;
-    value: string | boolean | number | object;
-    label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
@@ -199,7 +199,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       readonly falseLabel?: string | number | (() => string | number) | undefined;
       readonly id?: string | (() => string) | undefined;
       readonly border?: boolean | (() => boolean) | undefined;
-      readonly size?: "" | "default" | "large" | "small" | (() => "" | "default" | "large" | "small") | undefined;
+      readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
       readonly tabindex?: string | number | (() => string | number) | undefined;
       readonly validateEvent?: boolean | (() => boolean) | undefined;
       readonly ariaLabel?: string | (() => string) | undefined;

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

@@ -1,215 +1,6 @@
-import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
-import table_vue_vue_type_script_lang_default from "./table.vue_vue_type_script_lang.mjs";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, normalizeClass, normalizeStyle, openBlock, renderSlot, resolveComponent, resolveDirective, toDisplayString, vShow, withCtx, withDirectives } from "vue";
+import table_vue_vue_type_script_setup_true_lang_default from "./table.vue_vue_type_script_setup_true_lang.mjs";
 //#region ../../packages/components/table/src/table.vue
-const _hoisted_1 = ["data-prefix"];
-const _hoisted_2 = {
-	ref: "hiddenColumns",
-	class: "hidden-columns"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	const _component_hColgroup = resolveComponent("hColgroup");
-	const _component_table_header = resolveComponent("table-header");
-	const _component_table_body = resolveComponent("table-body");
-	const _component_table_footer = resolveComponent("table-footer");
-	const _component_el_scrollbar = resolveComponent("el-scrollbar");
-	const _directive_mousewheel = resolveDirective("mousewheel");
-	return openBlock(), createElementBlock("div", {
-		ref: "tableWrapper",
-		class: normalizeClass([
-			{
-				[_ctx.ns.m("fit")]: _ctx.fit,
-				[_ctx.ns.m("striped")]: _ctx.stripe,
-				[_ctx.ns.m("border")]: _ctx.border || _ctx.isGroup,
-				[_ctx.ns.m("hidden")]: _ctx.isHidden,
-				[_ctx.ns.m("group")]: _ctx.isGroup,
-				[_ctx.ns.m("fluid-height")]: _ctx.maxHeight,
-				[_ctx.ns.m("scrollable-x")]: _ctx.layout.scrollX.value,
-				[_ctx.ns.m("scrollable-y")]: _ctx.layout.scrollY.value,
-				[_ctx.ns.m("enable-row-hover")]: !_ctx.store.states.isComplex.value,
-				[_ctx.ns.m("enable-row-transition")]: (_ctx.store.states.data.value || []).length !== 0 && (_ctx.store.states.data.value || []).length < 100,
-				"has-footer": _ctx.showSummary
-			},
-			_ctx.ns.m(_ctx.tableSize),
-			_ctx.className,
-			_ctx.ns.b(),
-			_ctx.ns.m(`layout-${_ctx.tableLayout}`)
-		]),
-		style: normalizeStyle(_ctx.style),
-		"data-prefix": _ctx.ns.namespace.value,
-		onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args))
-	}, [createElementVNode("div", {
-		ref: "tableInnerWrapper",
-		class: normalizeClass(_ctx.ns.e("inner-wrapper"))
-	}, [
-		createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")], 512),
-		_ctx.showHeader && _ctx.tableLayout === "fixed" ? withDirectives((openBlock(), createElementBlock("div", {
-			key: 0,
-			ref: "headerWrapper",
-			class: normalizeClass(_ctx.ns.e("header-wrapper"))
-		}, [createElementVNode("table", {
-			ref: "tableHeader",
-			class: normalizeClass(_ctx.ns.e("header")),
-			style: normalizeStyle(_ctx.tableBodyStyles),
-			border: "0",
-			cellpadding: "0",
-			cellspacing: "0"
-		}, [createVNode(_component_hColgroup, {
-			columns: _ctx.store.states.columns.value,
-			"table-layout": _ctx.tableLayout
-		}, null, 8, ["columns", "table-layout"]), createVNode(_component_table_header, {
-			ref: "tableHeaderRef",
-			border: _ctx.border,
-			"default-sort": _ctx.defaultSort,
-			store: _ctx.store,
-			"append-filter-panel-to": _ctx.appendFilterPanelTo,
-			"allow-drag-last-column": _ctx.allowDragLastColumn,
-			onSetDragVisible: _ctx.setDragVisible
-		}, null, 8, [
-			"border",
-			"default-sort",
-			"store",
-			"append-filter-panel-to",
-			"allow-drag-last-column",
-			"onSetDragVisible"
-		])], 6)], 2)), [[_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]]) : createCommentVNode("v-if", true),
-		createElementVNode("div", {
-			ref: "bodyWrapper",
-			class: normalizeClass(_ctx.ns.e("body-wrapper"))
-		}, [createVNode(_component_el_scrollbar, {
-			ref: "scrollBarRef",
-			"view-style": _ctx.scrollbarViewStyle,
-			"wrap-style": _ctx.scrollbarStyle,
-			always: _ctx.scrollbarAlwaysOn,
-			tabindex: _ctx.scrollbarTabindex,
-			native: _ctx.nativeScrollbar,
-			onScroll: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("scroll", $event))
-		}, {
-			default: withCtx(() => [
-				createElementVNode("table", {
-					ref: "tableBody",
-					class: normalizeClass(_ctx.ns.e("body")),
-					cellspacing: "0",
-					cellpadding: "0",
-					border: "0",
-					style: normalizeStyle({
-						width: _ctx.bodyWidth,
-						tableLayout: _ctx.tableLayout
-					})
-				}, [
-					createVNode(_component_hColgroup, {
-						columns: _ctx.store.states.columns.value,
-						"table-layout": _ctx.tableLayout
-					}, null, 8, ["columns", "table-layout"]),
-					_ctx.showHeader && _ctx.tableLayout === "auto" ? (openBlock(), createBlock(_component_table_header, {
-						key: 0,
-						ref: "tableHeaderRef",
-						class: normalizeClass(_ctx.ns.e("body-header")),
-						border: _ctx.border,
-						"default-sort": _ctx.defaultSort,
-						store: _ctx.store,
-						"append-filter-panel-to": _ctx.appendFilterPanelTo,
-						onSetDragVisible: _ctx.setDragVisible
-					}, null, 8, [
-						"class",
-						"border",
-						"default-sort",
-						"store",
-						"append-filter-panel-to",
-						"onSetDragVisible"
-					])) : createCommentVNode("v-if", true),
-					createVNode(_component_table_body, {
-						context: _ctx.context,
-						highlight: _ctx.highlightCurrentRow,
-						"row-class-name": _ctx.rowClassName,
-						"tooltip-effect": _ctx.computedTooltipEffect,
-						"tooltip-options": _ctx.computedTooltipOptions,
-						"row-style": _ctx.rowStyle,
-						store: _ctx.store,
-						stripe: _ctx.stripe
-					}, null, 8, [
-						"context",
-						"highlight",
-						"row-class-name",
-						"tooltip-effect",
-						"tooltip-options",
-						"row-style",
-						"store",
-						"stripe"
-					]),
-					_ctx.showSummary && _ctx.tableLayout === "auto" ? (openBlock(), createBlock(_component_table_footer, {
-						key: 1,
-						class: normalizeClass(_ctx.ns.e("body-footer")),
-						border: _ctx.border,
-						"default-sort": _ctx.defaultSort,
-						store: _ctx.store,
-						"sum-text": _ctx.computedSumText,
-						"summary-method": _ctx.summaryMethod
-					}, null, 8, [
-						"class",
-						"border",
-						"default-sort",
-						"store",
-						"sum-text",
-						"summary-method"
-					])) : createCommentVNode("v-if", true)
-				], 6),
-				_ctx.isEmpty ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					ref: "emptyBlock",
-					style: normalizeStyle(_ctx.emptyBlockStyle),
-					class: normalizeClass(_ctx.ns.e("empty-block"))
-				}, [createElementVNode("span", { class: normalizeClass(_ctx.ns.e("empty-text")) }, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(_ctx.computedEmptyText), 1)])], 2)], 6)) : createCommentVNode("v-if", true),
-				_ctx.$slots.append ? (openBlock(), createElementBlock("div", {
-					key: 1,
-					ref: "appendWrapper",
-					class: normalizeClass(_ctx.ns.e("append-wrapper"))
-				}, [renderSlot(_ctx.$slots, "append")], 2)) : createCommentVNode("v-if", true)
-			]),
-			_: 3
-		}, 8, [
-			"view-style",
-			"wrap-style",
-			"always",
-			"tabindex",
-			"native"
-		])], 2),
-		_ctx.showSummary && _ctx.tableLayout === "fixed" ? withDirectives((openBlock(), createElementBlock("div", {
-			key: 1,
-			ref: "footerWrapper",
-			class: normalizeClass(_ctx.ns.e("footer-wrapper"))
-		}, [createElementVNode("table", {
-			class: normalizeClass(_ctx.ns.e("footer")),
-			cellspacing: "0",
-			cellpadding: "0",
-			border: "0",
-			style: normalizeStyle(_ctx.tableBodyStyles)
-		}, [createVNode(_component_hColgroup, {
-			columns: _ctx.store.states.columns.value,
-			"table-layout": _ctx.tableLayout
-		}, null, 8, ["columns", "table-layout"]), createVNode(_component_table_footer, {
-			border: _ctx.border,
-			"default-sort": _ctx.defaultSort,
-			store: _ctx.store,
-			"sum-text": _ctx.computedSumText,
-			"summary-method": _ctx.summaryMethod
-		}, null, 8, [
-			"border",
-			"default-sort",
-			"store",
-			"sum-text",
-			"summary-method"
-		])], 6)], 2)), [[vShow, !_ctx.isEmpty], [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]]) : createCommentVNode("v-if", true),
-		_ctx.border || _ctx.isGroup ? (openBlock(), createElementBlock("div", {
-			key: 2,
-			class: normalizeClass(_ctx.ns.e("border-left-patch"))
-		}, null, 2)) : createCommentVNode("v-if", true)
-	], 2), withDirectives(createElementVNode("div", {
-		ref: "resizeProxy",
-		class: normalizeClass(_ctx.ns.e("column-resize-proxy"))
-	}, null, 2), [[vShow, _ctx.resizeProxyVisible]])], 46, _hoisted_1);
-}
-var table_default = /* @__PURE__ */ _plugin_vue_export_helper_default(table_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var table_default = table_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { table_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\" setup generic=\"T extends DefaultRow = DefaultRow\">\nimport { computed, getCurrentInstance, onBeforeUnmount, provide } from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { Mousewheel as vMousewheel } 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 { createTableId } from './util'\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 { TABLE_INJECTION_KEY } from './tokens'\nimport { hColgroup } from './h-helper'\nimport { useScrollbar } from './composables/use-scrollbar'\n\nimport type { DefaultRow, Table, TableProps } from './table/defaults'\n\ndefineOptions({\n  name: 'ElTable',\n})\n\nconst props = withDefaults(defineProps<TableProps<T>>(), {\n  data: () => [],\n  fit: true,\n  showHeader: true,\n  selectOnIndeterminate: true,\n  indent: 16,\n  treeProps: () => ({\n    hasChildren: 'hasChildren',\n    children: 'children',\n    checkStrictly: false,\n  }),\n  style: () => ({}),\n  className: '',\n  tableLayout: 'fixed',\n  showOverflowTooltip: undefined,\n  scrollbarTabindex: undefined,\n  allowDragLastColumn: true,\n})\n\ndefineEmits([\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\nconst { t } = useLocale()\nconst ns = useNamespace('table')\nconst globalConfig = useGlobalConfig('table')\nconst table = getCurrentInstance() as Table<T>\nprovide(TABLE_INJECTION_KEY, table)\nconst store = createStore<T>(table, props)\ntable.store = store\nconst layout = new TableLayout<T>({\n  store: table.store,\n  table,\n  fit: props.fit,\n  showHeader: props.showHeader,\n})\ntable.layout = layout\n\nconst isEmpty = computed(() => (store.states.data.value || []).length === 0)\n\n/**\n * open functions\n */\nconst {\n  setCurrentRow,\n  getSelectionRows,\n  toggleRowSelection,\n  clearSelection,\n  clearFilter,\n  toggleAllSelection,\n  toggleRowExpansion,\n  clearSort,\n  sort,\n  updateKeyChildren,\n} = useUtils<T>(store)\nconst {\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<T>(props, layout, store, table)\n\nconst { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar()\n\nconst debouncedUpdateLayout = debounce(doLayout, 50)\n\nconst tableId = createTableId(ns.namespace.value)\nconst context = table\ntable.tableId = tableId\ntable.state = {\n  isGroup,\n  resizeState,\n  doLayout,\n  debouncedUpdateLayout,\n}\nconst computedSumText = computed(() => props.sumText ?? t('el.table.sumText'))\n\nconst computedEmptyText = computed(() => {\n  return props.emptyText ?? t('el.table.emptyText')\n})\n\nconst computedTooltipEffect = computed(\n  () => props.tooltipEffect ?? globalConfig.value?.tooltipEffect\n)\n\nconst computedTooltipOptions = computed(\n  () => props.tooltipOptions ?? globalConfig.value?.tooltipOptions\n)\n\nconst columns = computed(() => {\n  return convertToRows(store.states.originColumns.value)[0]\n})\n\nuseKeyRender(table)\n\nonBeforeUnmount(() => {\n  debouncedUpdateLayout.cancel()\n})\n\ndefineExpose({\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,\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</script>\n"],"mappings":""}