element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/es/components/table/src/table.vue_vue&type=template&id=4a1660ad&lang.mjs

@@ -1,286 +0,0 @@
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, withDirectives, createVNode, createCommentVNode, createTextVNode, toDisplayString, vShow } from 'vue';
-
-const _hoisted_1 = {
-  ref: "hiddenColumns",
-  class: "hidden-columns"
-};
-const _hoisted_2 = {
-  key: 0,
-  ref: "headerWrapper",
-  class: "el-table__header-wrapper"
-};
-const _hoisted_3 = { class: "el-table__empty-text" };
-const _hoisted_4 = {
-  key: 1,
-  ref: "appendWrapper",
-  class: "el-table__append-wrapper"
-};
-const _hoisted_5 = {
-  key: 1,
-  ref: "footerWrapper",
-  class: "el-table__footer-wrapper"
-};
-const _hoisted_6 = {
-  key: 0,
-  ref: "fixedHeaderWrapper",
-  class: "el-table__fixed-header-wrapper"
-};
-const _hoisted_7 = {
-  key: 1,
-  ref: "fixedFooterWrapper",
-  class: "el-table__fixed-footer-wrapper"
-};
-const _hoisted_8 = {
-  key: 0,
-  ref: "rightFixedHeaderWrapper",
-  class: "el-table__fixed-header-wrapper"
-};
-const _hoisted_9 = {
-  key: 1,
-  ref: "rightFixedFooterWrapper",
-  class: "el-table__fixed-footer-wrapper"
-};
-const _hoisted_10 = {
-  ref: "resizeProxy",
-  class: "el-table__column-resize-proxy"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_table_header = resolveComponent("table-header");
-  const _component_table_body = resolveComponent("table-body");
-  const _component_table_footer = resolveComponent("table-footer");
-  const _directive_mousewheel = resolveDirective("mousewheel");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass([
-      {
-        "el-table--fit": _ctx.fit,
-        "el-table--striped": _ctx.stripe,
-        "el-table--border": _ctx.border || _ctx.isGroup,
-        "el-table--hidden": _ctx.isHidden,
-        "el-table--group": _ctx.isGroup,
-        "el-table--fluid-height": _ctx.maxHeight,
-        "el-table--scrollable-x": _ctx.layout.scrollX.value,
-        "el-table--scrollable-y": _ctx.layout.scrollY.value,
-        "el-table--enable-row-hover": !_ctx.store.states.isComplex.value,
-        "el-table--enable-row-transition": (_ctx.store.states.data.value || []).length !== 0 && (_ctx.store.states.data.value || []).length < 100
-      },
-      _ctx.tableSize ? `el-table--${_ctx.tableSize}` : "",
-      _ctx.className,
-      "el-table"
-    ]),
-    style: normalizeStyle(_ctx.style),
-    onMouseleave: _cache[0] || (_cache[0] = ($event) => _ctx.handleMouseLeave())
-  }, [
-    createElementVNode("div", _hoisted_1, [
-      renderSlot(_ctx.$slots, "default")
-    ], 512),
-    _ctx.showHeader ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2, [
-      createVNode(_component_table_header, {
-        ref: "tableHeader",
-        border: _ctx.border,
-        "default-sort": _ctx.defaultSort,
-        store: _ctx.store,
-        style: normalizeStyle({
-          width: _ctx.layout.bodyWidth.value ? _ctx.layout.bodyWidth.value + "px" : ""
-        }),
-        onSetDragVisible: _ctx.setDragVisible
-      }, null, 8, ["border", "default-sort", "store", "style", "onSetDragVisible"])
-    ], 512)), [
-      [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
-    ]) : createCommentVNode("v-if", true),
-    createElementVNode("div", {
-      ref: "bodyWrapper",
-      style: normalizeStyle([_ctx.bodyHeight]),
-      class: "el-table__body-wrapper"
-    }, [
-      createVNode(_component_table_body, {
-        context: _ctx.context,
-        highlight: _ctx.highlightCurrentRow,
-        "row-class-name": _ctx.rowClassName,
-        "tooltip-effect": _ctx.tooltipEffect,
-        "row-style": _ctx.rowStyle,
-        store: _ctx.store,
-        stripe: _ctx.stripe,
-        style: normalizeStyle({
-          width: _ctx.bodyWidth
-        })
-      }, null, 8, ["context", "highlight", "row-class-name", "tooltip-effect", "row-style", "store", "stripe", "style"]),
-      _ctx.isEmpty ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        ref: "emptyBlock",
-        style: normalizeStyle(_ctx.emptyBlockStyle),
-        class: "el-table__empty-block"
-      }, [
-        createElementVNode("span", _hoisted_3, [
-          renderSlot(_ctx.$slots, "empty", {}, () => [
-            createTextVNode(toDisplayString(_ctx.emptyText || _ctx.t("el.table.emptyText")), 1)
-          ])
-        ])
-      ], 4)) : createCommentVNode("v-if", true),
-      _ctx.$slots.append ? (openBlock(), createElementBlock("div", _hoisted_4, [
-        renderSlot(_ctx.$slots, "append")
-      ], 512)) : createCommentVNode("v-if", true)
-    ], 4),
-    _ctx.showSummary ? withDirectives((openBlock(), createElementBlock("div", _hoisted_5, [
-      createVNode(_component_table_footer, {
-        border: _ctx.border,
-        "default-sort": _ctx.defaultSort,
-        store: _ctx.store,
-        style: normalizeStyle({
-          width: _ctx.layout.bodyWidth.value ? _ctx.layout.bodyWidth.value + "px" : ""
-        }),
-        "sum-text": _ctx.sumText || _ctx.t("el.table.sumText"),
-        "summary-method": _ctx.summaryMethod
-      }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
-    ], 512)), [
-      [vShow, !_ctx.isEmpty],
-      [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
-    ]) : createCommentVNode("v-if", true),
-    _ctx.store.states.fixedColumns.value.length > 0 ? withDirectives((openBlock(), createElementBlock("div", {
-      key: 2,
-      ref: "fixedWrapper",
-      style: normalizeStyle([
-        {
-          width: _ctx.layout.fixedWidth.value ? _ctx.layout.fixedWidth.value + "px" : ""
-        },
-        _ctx.fixedHeight
-      ]),
-      class: "el-table__fixed"
-    }, [
-      _ctx.showHeader ? (openBlock(), createElementBlock("div", _hoisted_6, [
-        createVNode(_component_table_header, {
-          ref: "fixedTableHeader",
-          border: _ctx.border,
-          store: _ctx.store,
-          style: normalizeStyle({
-            width: _ctx.bodyWidth
-          }),
-          fixed: "left",
-          onSetDragVisible: _ctx.setDragVisible
-        }, null, 8, ["border", "store", "style", "onSetDragVisible"])
-      ], 512)) : createCommentVNode("v-if", true),
-      createElementVNode("div", {
-        ref: "fixedBodyWrapper",
-        style: normalizeStyle([
-          {
-            top: _ctx.layout.headerHeight.value + "px"
-          },
-          _ctx.fixedBodyHeight
-        ]),
-        class: "el-table__fixed-body-wrapper"
-      }, [
-        createVNode(_component_table_body, {
-          highlight: _ctx.highlightCurrentRow,
-          "row-class-name": _ctx.rowClassName,
-          "tooltip-effect": _ctx.tooltipEffect,
-          "row-style": _ctx.rowStyle,
-          store: _ctx.store,
-          stripe: _ctx.stripe,
-          style: normalizeStyle({
-            width: _ctx.bodyWidth
-          }),
-          fixed: "left"
-        }, null, 8, ["highlight", "row-class-name", "tooltip-effect", "row-style", "store", "stripe", "style"]),
-        _ctx.$slots.append ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          style: normalizeStyle({ height: _ctx.layout.appendHeight.value + "px" }),
-          class: "el-table__append-gutter"
-        }, null, 4)) : createCommentVNode("v-if", true)
-      ], 4),
-      _ctx.showSummary ? withDirectives((openBlock(), createElementBlock("div", _hoisted_7, [
-        createVNode(_component_table_footer, {
-          border: _ctx.border,
-          store: _ctx.store,
-          style: normalizeStyle({
-            width: _ctx.bodyWidth
-          }),
-          "sum-text": _ctx.sumText || _ctx.t("el.table.sumText"),
-          "summary-method": _ctx.summaryMethod,
-          fixed: "left"
-        }, null, 8, ["border", "store", "style", "sum-text", "summary-method"])
-      ], 512)), [
-        [vShow, !_ctx.isEmpty]
-      ]) : createCommentVNode("v-if", true)
-    ], 4)), [
-      [_directive_mousewheel, _ctx.handleFixedMousewheel]
-    ]) : createCommentVNode("v-if", true),
-    _ctx.store.states.rightFixedColumns.value.length > 0 ? withDirectives((openBlock(), createElementBlock("div", {
-      key: 3,
-      ref: "rightFixedWrapper",
-      style: normalizeStyle([
-        {
-          width: _ctx.layout.rightFixedWidth.value ? _ctx.layout.rightFixedWidth.value + "px" : "",
-          right: _ctx.layout.scrollY.value ? (_ctx.border ? _ctx.layout.gutterWidth : _ctx.layout.gutterWidth || 0) + "px" : ""
-        },
-        _ctx.fixedHeight
-      ]),
-      class: "el-table__fixed-right"
-    }, [
-      _ctx.showHeader ? (openBlock(), createElementBlock("div", _hoisted_8, [
-        createVNode(_component_table_header, {
-          ref: "rightFixedTableHeader",
-          border: _ctx.border,
-          store: _ctx.store,
-          style: normalizeStyle({
-            width: _ctx.bodyWidth
-          }),
-          fixed: "right",
-          onSetDragVisible: _ctx.setDragVisible
-        }, null, 8, ["border", "store", "style", "onSetDragVisible"])
-      ], 512)) : createCommentVNode("v-if", true),
-      createElementVNode("div", {
-        ref: "rightFixedBodyWrapper",
-        style: normalizeStyle([{ top: _ctx.layout.headerHeight.value + "px" }, _ctx.fixedBodyHeight]),
-        class: "el-table__fixed-body-wrapper"
-      }, [
-        createVNode(_component_table_body, {
-          highlight: _ctx.highlightCurrentRow,
-          "row-class-name": _ctx.rowClassName,
-          "tooltip-effect": _ctx.tooltipEffect,
-          "row-style": _ctx.rowStyle,
-          store: _ctx.store,
-          stripe: _ctx.stripe,
-          style: normalizeStyle({
-            width: _ctx.bodyWidth
-          }),
-          fixed: "right"
-        }, null, 8, ["highlight", "row-class-name", "tooltip-effect", "row-style", "store", "stripe", "style"]),
-        _ctx.$slots.append ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          style: normalizeStyle({ height: _ctx.layout.appendHeight.value + "px" }),
-          class: "el-table__append-gutter"
-        }, null, 4)) : createCommentVNode("v-if", true)
-      ], 4),
-      _ctx.showSummary ? withDirectives((openBlock(), createElementBlock("div", _hoisted_9, [
-        createVNode(_component_table_footer, {
-          border: _ctx.border,
-          store: _ctx.store,
-          style: normalizeStyle({
-            width: _ctx.bodyWidth
-          }),
-          "sum-text": _ctx.sumText || _ctx.t("el.table.sumText"),
-          "summary-method": _ctx.summaryMethod,
-          fixed: "right"
-        }, null, 8, ["border", "store", "style", "sum-text", "summary-method"])
-      ], 512)), [
-        [vShow, !_ctx.isEmpty]
-      ]) : createCommentVNode("v-if", true)
-    ], 4)), [
-      [_directive_mousewheel, _ctx.handleFixedMousewheel]
-    ]) : createCommentVNode("v-if", true),
-    _ctx.store.states.rightFixedColumns.value.length > 0 ? (openBlock(), createElementBlock("div", {
-      key: 4,
-      ref: "rightFixedPatch",
-      style: normalizeStyle({
-        width: _ctx.layout.scrollY.value ? _ctx.layout.gutterWidth + "px" : "0",
-        height: _ctx.layout.headerHeight.value + "px"
-      }),
-      class: "el-table__fixed-right-patch"
-    }, null, 4)) : createCommentVNode("v-if", true),
-    withDirectives(createElementVNode("div", _hoisted_10, null, 512), [
-      [vShow, _ctx.resizeProxyVisible]
-    ])
-  ], 38);
-}
-
-export { render };
-//# sourceMappingURL=table.vue_vue&type=template&id=4a1660ad&lang.mjs.map

package/es/components/table/src/table.vue_vue&type=template&id=4a1660ad&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.vue_vue&type=template&id=4a1660ad&lang.mjs","sources":["../../../../../../packages/components/table/src/table.vue?vue&type=template&id=4a1660ad&lang.js"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'el-table--fit': fit,\n        'el-table--striped': stripe,\n        'el-table--border': border || isGroup,\n        'el-table--hidden': isHidden,\n        'el-table--group': isGroup,\n        'el-table--fluid-height': maxHeight,\n        'el-table--scrollable-x': layout.scrollX.value,\n        'el-table--scrollable-y': layout.scrollY.value,\n        'el-table--enable-row-hover': !store.states.isComplex.value,\n        'el-table--enable-row-transition':\n          (store.states.data.value || []).length !== 0 &&\n          (store.states.data.value || []).length < 100,\n      },\n      tableSize ? `el-table--${tableSize}` : '',\n      className,\n      'el-table',\n    ]\"\n    :style=\"style\"\n    @mouseleave=\"handleMouseLeave()\"\n  >\n    <div ref=\"hiddenColumns\" class=\"hidden-columns\">\n      <slot></slot>\n    </div>\n    <div\n      v-if=\"showHeader\"\n      ref=\"headerWrapper\"\n      v-mousewheel=\"handleHeaderFooterMousewheel\"\n      class=\"el-table__header-wrapper\"\n    >\n      <table-header\n        ref=\"tableHeader\"\n        :border=\"border\"\n        :default-sort=\"defaultSort\"\n        :store=\"store\"\n        :style=\"{\n          width: layout.bodyWidth.value ? layout.bodyWidth.value + 'px' : '',\n        }\"\n        @set-drag-visible=\"setDragVisible\"\n      />\n    </div>\n    <div ref=\"bodyWrapper\" :style=\"[bodyHeight]\" class=\"el-table__body-wrapper\">\n      <table-body\n        :context=\"context\"\n        :highlight=\"highlightCurrentRow\"\n        :row-class-name=\"rowClassName\"\n        :tooltip-effect=\"tooltipEffect\"\n        :row-style=\"rowStyle\"\n        :store=\"store\"\n        :stripe=\"stripe\"\n        :style=\"{\n          width: bodyWidth,\n        }\"\n      />\n      <div\n        v-if=\"isEmpty\"\n        ref=\"emptyBlock\"\n        :style=\"emptyBlockStyle\"\n        class=\"el-table__empty-block\"\n      >\n        <span class=\"el-table__empty-text\">\n          <slot name=\"empty\">{{ emptyText || t('el.table.emptyText') }}</slot>\n        </span>\n      </div>\n      <div\n        v-if=\"$slots.append\"\n        ref=\"appendWrapper\"\n        class=\"el-table__append-wrapper\"\n      >\n        <slot name=\"append\"></slot>\n      </div>\n    </div>\n    <div\n      v-if=\"showSummary\"\n      v-show=\"!isEmpty\"\n      ref=\"footerWrapper\"\n      v-mousewheel=\"handleHeaderFooterMousewheel\"\n      class=\"el-table__footer-wrapper\"\n    >\n      <table-footer\n        :border=\"border\"\n        :default-sort=\"defaultSort\"\n        :store=\"store\"\n        :style=\"{\n          width: layout.bodyWidth.value ? layout.bodyWidth.value + 'px' : '',\n        }\"\n        :sum-text=\"sumText || t('el.table.sumText')\"\n        :summary-method=\"summaryMethod\"\n      />\n    </div>\n    <div\n      v-if=\"store.states.fixedColumns.value.length > 0\"\n      ref=\"fixedWrapper\"\n      v-mousewheel=\"handleFixedMousewheel\"\n      :style=\"[\n        {\n          width: layout.fixedWidth.value ? layout.fixedWidth.value + 'px' : '',\n        },\n        fixedHeight,\n      ]\"\n      class=\"el-table__fixed\"\n    >\n      <div\n        v-if=\"showHeader\"\n        ref=\"fixedHeaderWrapper\"\n        class=\"el-table__fixed-header-wrapper\"\n      >\n        <table-header\n          ref=\"fixedTableHeader\"\n          :border=\"border\"\n          :store=\"store\"\n          :style=\"{\n            width: bodyWidth,\n          }\"\n          fixed=\"left\"\n          @set-drag-visible=\"setDragVisible\"\n        />\n      </div>\n      <div\n        ref=\"fixedBodyWrapper\"\n        :style=\"[\n          {\n            top: layout.headerHeight.value + 'px',\n          },\n          fixedBodyHeight,\n        ]\"\n        class=\"el-table__fixed-body-wrapper\"\n      >\n        <table-body\n          :highlight=\"highlightCurrentRow\"\n          :row-class-name=\"rowClassName\"\n          :tooltip-effect=\"tooltipEffect\"\n          :row-style=\"rowStyle\"\n          :store=\"store\"\n          :stripe=\"stripe\"\n          :style=\"{\n            width: bodyWidth,\n          }\"\n          fixed=\"left\"\n        />\n        <div\n          v-if=\"$slots.append\"\n          :style=\"{ height: layout.appendHeight.value + 'px' }\"\n          class=\"el-table__append-gutter\"\n        ></div>\n      </div>\n      <div\n        v-if=\"showSummary\"\n        v-show=\"!isEmpty\"\n        ref=\"fixedFooterWrapper\"\n        class=\"el-table__fixed-footer-wrapper\"\n      >\n        <table-footer\n          :border=\"border\"\n          :store=\"store\"\n          :style=\"{\n            width: bodyWidth,\n          }\"\n          :sum-text=\"sumText || t('el.table.sumText')\"\n          :summary-method=\"summaryMethod\"\n          fixed=\"left\"\n        />\n      </div>\n    </div>\n    <div\n      v-if=\"store.states.rightFixedColumns.value.length > 0\"\n      ref=\"rightFixedWrapper\"\n      v-mousewheel=\"handleFixedMousewheel\"\n      :style=\"[\n        {\n          width: layout.rightFixedWidth.value\n            ? layout.rightFixedWidth.value + 'px'\n            : '',\n          right: layout.scrollY.value\n            ? (border ? layout.gutterWidth : layout.gutterWidth || 0) + 'px'\n            : '',\n        },\n        fixedHeight,\n      ]\"\n      class=\"el-table__fixed-right\"\n    >\n      <div\n        v-if=\"showHeader\"\n        ref=\"rightFixedHeaderWrapper\"\n        class=\"el-table__fixed-header-wrapper\"\n      >\n        <table-header\n          ref=\"rightFixedTableHeader\"\n          :border=\"border\"\n          :store=\"store\"\n          :style=\"{\n            width: bodyWidth,\n          }\"\n          fixed=\"right\"\n          @set-drag-visible=\"setDragVisible\"\n        />\n      </div>\n      <div\n        ref=\"rightFixedBodyWrapper\"\n        :style=\"[{ top: layout.headerHeight.value + 'px' }, fixedBodyHeight]\"\n        class=\"el-table__fixed-body-wrapper\"\n      >\n        <table-body\n          :highlight=\"highlightCurrentRow\"\n          :row-class-name=\"rowClassName\"\n          :tooltip-effect=\"tooltipEffect\"\n          :row-style=\"rowStyle\"\n          :store=\"store\"\n          :stripe=\"stripe\"\n          :style=\"{\n            width: bodyWidth,\n          }\"\n          fixed=\"right\"\n        />\n        <div\n          v-if=\"$slots.append\"\n          :style=\"{ height: layout.appendHeight.value + 'px' }\"\n          class=\"el-table__append-gutter\"\n        ></div>\n      </div>\n      <div\n        v-if=\"showSummary\"\n        v-show=\"!isEmpty\"\n        ref=\"rightFixedFooterWrapper\"\n        class=\"el-table__fixed-footer-wrapper\"\n      >\n        <table-footer\n          :border=\"border\"\n          :store=\"store\"\n          :style=\"{\n            width: bodyWidth,\n          }\"\n          :sum-text=\"sumText || t('el.table.sumText')\"\n          :summary-method=\"summaryMethod\"\n          fixed=\"right\"\n        />\n      </div>\n    </div>\n    <div\n      v-if=\"store.states.rightFixedColumns.value.length > 0\"\n      ref=\"rightFixedPatch\"\n      :style=\"{\n        width: layout.scrollY.value ? layout.gutterWidth + 'px' : '0',\n        height: layout.headerHeight.value + 'px',\n      }\"\n      class=\"el-table__fixed-right-patch\"\n    ></div>\n    <div\n      v-show=\"resizeProxyVisible\"\n      ref=\"resizeProxy\"\n      class=\"el-table__column-resize-proxy\"\n    ></div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, computed } from 'vue'\nimport debounce from 'lodash/debounce'\nimport { Mousewheel } from '@element-plus/directives'\nimport { useLocaleInject } from '@element-plus/hooks'\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 useStyle from './table/style-helper'\nimport defaultProps from './table/defaults'\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  },\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  ],\n  setup(props) {\n    type Row = typeof props.data[number]\n    const { t } = useLocaleInject()\n    const table = getCurrentInstance() as Table<Row>\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      toggleRowSelection,\n      clearSelection,\n      clearFilter,\n      toggleAllSelection,\n      toggleRowExpansion,\n      clearSort,\n      sort,\n    } = useUtils<Row>(store)\n    const {\n      isHidden,\n      renderExpanded,\n      setDragVisible,\n      isGroup,\n      handleMouseLeave,\n      handleHeaderFooterMousewheel,\n      tableSize,\n      bodyHeight,\n      emptyBlockStyle,\n      handleFixedMousewheel,\n      fixedHeight,\n      fixedBodyHeight,\n      resizeProxyVisible,\n      bodyWidth,\n      resizeState,\n      doLayout,\n    } = useStyle<Row>(props, layout, store, table)\n\n    const debouncedUpdateLayout = debounce(doLayout, 50)\n\n    const tableId = `el-table_${tableIdSeed++}`\n    table.tableId = tableId\n    table.state = {\n      isGroup,\n      resizeState,\n      doLayout,\n      debouncedUpdateLayout,\n    }\n    return {\n      layout,\n      store,\n      handleHeaderFooterMousewheel,\n      handleMouseLeave,\n      tableId,\n      tableSize,\n      isHidden,\n      isEmpty,\n      renderExpanded,\n      resizeProxyVisible,\n      resizeState,\n      isGroup,\n      bodyWidth,\n      bodyHeight,\n      emptyBlockStyle,\n      debouncedUpdateLayout,\n      handleFixedMousewheel,\n      fixedHeight,\n      fixedBodyHeight,\n      setCurrentRow,\n      toggleRowSelection,\n      clearSelection,\n      clearFilter,\n      toggleAllSelection,\n      toggleRowExpansion,\n      clearSort,\n      doLayout,\n      sort,\n      t,\n      setDragVisible,\n      context: table,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createVNode"],"mappings":";;;EAwBS,KAAI;AAAA,EAAgB,OAAM;AAAA;;;EAK7B,KAAI;AAAA,EAEJ,OAAM;AAAA;qBAgCE,OAAM;;;EAMZ,KAAI;AAAA,EACJ,OAAM;AAAA;;;EAQR,KAAI;AAAA,EAEJ,OAAM;AAAA;;;EA2BJ,KAAI;AAAA,EACJ,OAAM;AAAA;;;EA4CN,KAAI;AAAA,EACJ,OAAM;AAAA;;;EAiCN,KAAI;AAAA,EACJ,OAAM;AAAA;;;EAuCN,KAAI;AAAA,EACJ,OAAM;AAAA;;EAyBR,KAAI;AAAA,EACJ,OAAM;AAAA;;;;;;sBA5PVA;IACG;;;;;;;;;;;;;;;;;IAmBA,sBAAO;IACP,oDAAY;;IAEbC,0BAAA;MACEC;;IAGM,+CADRF,0BAAA;MAMEG;QACE,KAAI;AAAA,QACH,QAAQ;QACR,gBAAc;QACd,OAAO;QACP;;;QAGA,kBAAkB;;;8BAXP;;IAchBF;MAAK,KAAI;AAAA,MAAe,uBAAQ;MAAa,OAAM;AAAA;MACjDE;QACG,SAAS;QACT,WAAW;QACX,kBAAgB;QAChB,kBAAgB;QAChB,aAAW;QACX,OAAO;QACP,QAAQ;QACR;;;;MAKK,6BADRH;;QAEE,KAAI;AAAA,QACH,sBAAO;QACR,OAAM;AAAA;QAENC,2BAAA;UACEC,qCAAA;4CAAsB,kBAAa;;;;MAI/B,YAAO,uBADfF,0BAAA;QAKEE;;;IAII,gDADRF,0BAAA;MAOEG;QACG,QAAQ;QACR,gBAAc;QACd,OAAO;QACP;;;QAGA,YAAU,gBAAW;QACrB,kBAAgB;;;eAbV;8BAEK;;IAeR,WAAM,OAAO,aAAa,MAAM,0CADxCH;;MAEE,KAAI;AAAA,MAEH;;;;;;MAMD,OAAM;AAAA;MAGE,gCADRA,0BAAA;QAKEG;UACE,KAAI;AAAA,UACH,QAAQ;UACR,OAAO;UACP;;;UAGD,OAAM;AAAA,UACL,kBAAkB;;;MAGvBF;QACE,KAAI;AAAA,QACH;;;;;;QAMD,OAAM;AAAA;QAENE;UACG,WAAW;UACX,kBAAgB;UAChB,kBAAgB;UAChB,aAAW;UACX,OAAO;UACP,QAAQ;UACR;;;UAGD,OAAM;AAAA;QAGA,YAAO,uBADfH;;UAEG,gCAAiB,YAAO,aAAa;UACtC,OAAM;AAAA;;MAIF,gDADRA,0BAAA;QAMEG;UACG,QAAQ;UACR,OAAO;UACP;;;UAGA,YAAU,gBAAW;UACrB,kBAAgB;UACjB,OAAM;AAAA;;iBAZC;;;8BAvDG;;IAwER,WAAM,OAAO,kBAAkB,MAAM,0CAD7CH;;MAEE,KAAI;AAAA,MAEH;;;;;;;MAWD,OAAM;AAAA;MAGE,gCADRA,0BAAA;QAKEG;UACE,KAAI;AAAA,UACH,QAAQ;UACR,OAAO;UACP;;;UAGD,OAAM;AAAA,UACL,kBAAkB;;;MAGvBF;QACE,KAAI;AAAA,QACH,8BAAe,YAAO,aAAa,gBAAgB;QACpD,OAAM;AAAA;QAENE;UACG,WAAW;UACX,kBAAgB;UAChB,kBAAgB;UAChB,aAAW;UACX,OAAO;UACP,QAAQ;UACR;;;UAGD,OAAM;AAAA;QAGA,YAAO,uBADfH;;UAEG,gCAAiB,YAAO,aAAa;UACtC,OAAM;AAAA;;MAIF,gDADRA,0BAAA;QAMEG;UACG,QAAQ;UACR,OAAO;UACP;;;UAGA,YAAU,gBAAW;UACrB,kBAAgB;UACjB,OAAM;AAAA;;iBAZC;;;8BAvDG;;IAwER,WAAM,OAAO,kBAAkB,MAAM,2BAD7CH;;MAEE,KAAI;AAAA,MACH;;;;MAID,OAAM;AAAA;mBAERC,0BAAA;cACU;;;;;;;"}

package/es/components/tabs/src/tab-bar.vue_vue&type=script&lang.mjs

@@ -1,76 +0,0 @@
-import { defineComponent, inject, getCurrentInstance, ref, watch, nextTick } from 'vue';
-import { capitalize } from '@vue/shared';
-import '../../../directives/index.mjs';
-import Resize from '../../../directives/resize/index.mjs';
-
-var script = defineComponent({
-  name: "ElTabBar",
-  directives: {
-    Resize
-  },
-  props: {
-    tabs: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(props) {
-    const rootTabs = inject("rootTabs");
-    if (!rootTabs) {
-      throw new Error(`ElTabBar must use with ElTabs`);
-    }
-    const instance = getCurrentInstance();
-    const getBarStyle = () => {
-      const style = {};
-      let offset = 0;
-      let tabSize = 0;
-      const sizeName = ["top", "bottom"].includes(rootTabs.props.tabPosition) ? "width" : "height";
-      const sizeDir = sizeName === "width" ? "x" : "y";
-      props.tabs.every((tab) => {
-        var _a;
-        const $el = (_a = instance.parent.refs) == null ? void 0 : _a[`tab-${tab.paneName}`];
-        if (!$el) {
-          return false;
-        }
-        if (!tab.active) {
-          return true;
-        } else {
-          tabSize = $el[`client${capitalize(sizeName)}`];
-          const position = sizeDir === "x" ? "left" : "top";
-          offset = $el.getBoundingClientRect()[position] - $el.parentElement.getBoundingClientRect()[position];
-          const tabStyles = window.getComputedStyle($el);
-          if (sizeName === "width") {
-            if (props.tabs.length > 1) {
-              tabSize -= parseFloat(tabStyles.paddingLeft) + parseFloat(tabStyles.paddingRight);
-            }
-            offset += parseFloat(tabStyles.paddingLeft);
-          }
-          return false;
-        }
-      });
-      const transform = `translate${capitalize(sizeDir)}(${offset}px)`;
-      style[sizeName] = `${tabSize}px`;
-      style.transform = transform;
-      style.msTransform = transform;
-      style.webkitTransform = transform;
-      return style;
-    };
-    const barStyle = ref(getBarStyle());
-    const update = () => {
-      barStyle.value = getBarStyle();
-    };
-    watch(() => props.tabs, () => {
-      nextTick(() => {
-        update();
-      });
-    });
-    return {
-      rootTabs,
-      barStyle,
-      update
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=tab-bar.vue_vue&type=script&lang.mjs.map

package/es/components/tabs/src/tab-bar.vue_vue&type=script&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-bar.vue_vue&type=script&lang.mjs","sources":["../../../../../../packages/components/tabs/src/tab-bar.vue"],"sourcesContent":["<template>\n  <div\n    v-resize=\"update\"\n    :class=\"['el-tabs__active-bar', `is-${rootTabs.props.tabPosition}`]\"\n    :style=\"barStyle\"\n  ></div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  getCurrentInstance,\n  watch,\n  nextTick,\n  ref,\n} from 'vue'\nimport { capitalize } from '@vue/shared'\nimport { Resize } from '@element-plus/directives'\nimport type { Pane, RootTabs } from './token'\n\nimport type { CSSProperties, PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'ElTabBar',\n  directives: {\n    Resize,\n  },\n  props: {\n    tabs: {\n      type: Array as PropType<Pane[]>,\n      default: () => [] as Pane[],\n    },\n  },\n  setup(props) {\n    const rootTabs = inject<RootTabs>('rootTabs')\n    if (!rootTabs) {\n      throw new Error(`ElTabBar must use with ElTabs`)\n    }\n    const instance = getCurrentInstance()\n\n    const getBarStyle = () => {\n      const style = {} as CSSProperties\n      let offset = 0\n      let tabSize = 0\n\n      const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n        ? 'width'\n        : 'height'\n      const sizeDir = sizeName === 'width' ? 'x' : 'y'\n\n      props.tabs.every((tab) => {\n        const $el = instance.parent.refs?.[`tab-${tab.paneName}`] as Element\n        if (!$el) {\n          return false\n        }\n        if (!tab.active) {\n          return true\n        } else {\n          tabSize = $el[`client${capitalize(sizeName)}`]\n          const position = sizeDir === 'x' ? 'left' : 'top'\n          offset =\n            $el.getBoundingClientRect()[position] -\n            $el.parentElement.getBoundingClientRect()[position]\n          const tabStyles = window.getComputedStyle($el)\n\n          if (sizeName === 'width') {\n            if (props.tabs.length > 1) {\n              tabSize -=\n                parseFloat(tabStyles.paddingLeft) +\n                parseFloat(tabStyles.paddingRight)\n            }\n            offset += parseFloat(tabStyles.paddingLeft)\n          }\n          return false\n        }\n      })\n\n      const transform = `translate${capitalize(sizeDir)}(${offset}px)`\n      style[sizeName] = `${tabSize}px`\n      style.transform = transform\n      style.msTransform = transform\n      ;(style as any).webkitTransform = transform\n\n      return style\n    }\n\n    const barStyle = ref(getBarStyle() as CSSProperties)\n\n    const update = () => {\n      barStyle.value = getBarStyle()\n    }\n\n    watch(\n      () => props.tabs,\n      () => {\n        nextTick(() => {\n          update()\n        })\n      }\n    )\n\n    return {\n      rootTabs,\n      barStyle,\n      update,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAsBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AAAA,EAEF,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA;AAAA,EAGnB,MAAM,OAAO;AACX,UAAM,WAAW,OAAiB;AAClC,QAAI,CAAC,UAAU;AACb,YAAM,IAAI,MAAM;AAAA;AAElB,UAAM,WAAW;AAEjB,UAAM,cAAc,MAAM;AACxB,YAAM,QAAQ;AACd,UAAI,SAAS;AACb,UAAI,UAAU;AAEd,YAAM,WAAW,CAAC,OAAO,UAAU,SAAS,SAAS,MAAM,eACvD,UACA;AACJ,YAAM,UAAU,aAAa,UAAU,MAAM;AAE7C,YAAM,KAAK,MAAM,CAAC,QAAQ;;AACxB,cAAM,MAAM,eAAS,OAAO,SAAhB,mBAAuB,OAAO,IAAI;AAC9C,YAAI,CAAC,KAAK;AACR,iBAAO;AAAA;AAET,YAAI,CAAC,IAAI,QAAQ;AACf,iBAAO;AAAA,eACF;AACL,oBAAU,IAAI,SAAS,WAAW;AAClC,gBAAM,WAAW,YAAY,MAAM,SAAS;AAC5C,mBACE,IAAI,wBAAwB,YAC5B,IAAI,cAAc,wBAAwB;AAC5C,gBAAM,YAAY,OAAO,iBAAiB;AAE1C,cAAI,aAAa,SAAS;AACxB,gBAAI,MAAM,KAAK,SAAS,GAAG;AACzB,yBACE,WAAW,UAAU,eACrB,WAAW,UAAU;AAAA;AAEzB,sBAAU,WAAW,UAAU;AAAA;AAEjC,iBAAO;AAAA;AAAA;AAIX,YAAM,YAAY,YAAY,WAAW,YAAY;AACrD,YAAM,YAAY,GAAG;AACrB,YAAM,YAAY;AAClB,YAAM,cAAc;AACnB,MAAC,MAAc,kBAAkB;AAElC,aAAO;AAAA;AAGT,UAAM,WAAW,IAAI;AAErB,UAAM,SAAS,MAAM;AACnB,eAAS,QAAQ;AAAA;AAGnB,UACE,MAAM,MAAM,MACZ,MAAM;AACJ,eAAS,MAAM;AACb;AAAA;AAAA;AAKN,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/components/tabs/src/tab-bar.vue_vue&type=template&id=09e034e4&lang.mjs

@@ -1,14 +0,0 @@
-import { resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _directive_resize = resolveDirective("resize");
-  return withDirectives((openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-tabs__active-bar", `is-${_ctx.rootTabs.props.tabPosition}`]),
-    style: normalizeStyle(_ctx.barStyle)
-  }, null, 6)), [
-    [_directive_resize, _ctx.update]
-  ]);
-}
-
-export { render };
-//# sourceMappingURL=tab-bar.vue_vue&type=template&id=09e034e4&lang.mjs.map

package/es/components/tabs/src/tab-bar.vue_vue&type=template&id=09e034e4&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-bar.vue_vue&type=template&id=09e034e4&lang.mjs","sources":["../../../../../../packages/components/tabs/src/tab-bar.vue?vue&type=template&id=09e034e4&lang.js"],"sourcesContent":["<template>\n  <div\n    v-resize=\"update\"\n    :class=\"['el-tabs__active-bar', `is-${rootTabs.props.tabPosition}`]\"\n    :style=\"barStyle\"\n  ></div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  getCurrentInstance,\n  watch,\n  nextTick,\n  ref,\n} from 'vue'\nimport { capitalize } from '@vue/shared'\nimport { Resize } from '@element-plus/directives'\nimport type { Pane, RootTabs } from './token'\n\nimport type { CSSProperties, PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'ElTabBar',\n  directives: {\n    Resize,\n  },\n  props: {\n    tabs: {\n      type: Array as PropType<Pane[]>,\n      default: () => [] as Pane[],\n    },\n  },\n  setup(props) {\n    const rootTabs = inject<RootTabs>('rootTabs')\n    if (!rootTabs) {\n      throw new Error(`ElTabBar must use with ElTabs`)\n    }\n    const instance = getCurrentInstance()\n\n    const getBarStyle = () => {\n      const style = {} as CSSProperties\n      let offset = 0\n      let tabSize = 0\n\n      const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n        ? 'width'\n        : 'height'\n      const sizeDir = sizeName === 'width' ? 'x' : 'y'\n\n      props.tabs.every((tab) => {\n        const $el = instance.parent.refs?.[`tab-${tab.paneName}`] as Element\n        if (!$el) {\n          return false\n        }\n        if (!tab.active) {\n          return true\n        } else {\n          tabSize = $el[`client${capitalize(sizeName)}`]\n          const position = sizeDir === 'x' ? 'left' : 'top'\n          offset =\n            $el.getBoundingClientRect()[position] -\n            $el.parentElement.getBoundingClientRect()[position]\n          const tabStyles = window.getComputedStyle($el)\n\n          if (sizeName === 'width') {\n            if (props.tabs.length > 1) {\n              tabSize -=\n                parseFloat(tabStyles.paddingLeft) +\n                parseFloat(tabStyles.paddingRight)\n            }\n            offset += parseFloat(tabStyles.paddingLeft)\n          }\n          return false\n        }\n      })\n\n      const transform = `translate${capitalize(sizeDir)}(${offset}px)`\n      style[sizeName] = `${tabSize}px`\n      style.transform = transform\n      style.msTransform = transform\n      ;(style as any).webkitTransform = transform\n\n      return style\n    }\n\n    const barStyle = ref(getBarStyle() as CSSProperties)\n\n    const update = () => {\n      barStyle.value = getBarStyle()\n    }\n\n    watch(\n      () => props.tabs,\n      () => {\n        nextTick(() => {\n          update()\n        })\n      }\n    )\n\n    return {\n      rootTabs,\n      barStyle,\n      update,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock"],"mappings":";;;;sCACEA;IAEG,oDAAqC,cAAS,MAAM;AAAA,IACpD,sBAAO;;wBAFE;;;;;;"}

package/es/components/tabs/src/tab-nav.vue.d.ts

@@ -1,79 +0,0 @@
-import type { PropType } from 'vue';
-import type { Nullable } from 'element-plus/es/utils/types';
-import type { RootTabs, Pane, ITabType } from './token';
-declare type RefElement = Nullable<HTMLElement>;
-declare const _default: import("vue").DefineComponent<{
-    panes: {
-        type: PropType<Pane[]>;
-        default: () => Pane[];
-    };
-    currentName: {
-        type: StringConstructor;
-        default: string;
-    };
-    editable: BooleanConstructor;
-    onTabClick: {
-        type: PropType<(tab: Pane, tabName: string, ev: Event) => void>;
-        default: () => void;
-    };
-    onTabRemove: {
-        type: PropType<(tab: Pane, ev: Event) => void>;
-        default: () => void;
-    };
-    type: {
-        type: PropType<ITabType>;
-        default: string;
-    };
-    stretch: BooleanConstructor;
-}, {
-    rootTabs: RootTabs;
-    scrollable: import("vue").Ref<boolean | {
-        next?: boolean | undefined;
-        prev?: number | undefined;
-    }>;
-    navOffset: import("vue").Ref<number>;
-    isFocus: import("vue").Ref<boolean>;
-    focusable: import("vue").Ref<boolean>;
-    navScroll$: import("vue").Ref<RefElement>;
-    nav$: import("vue").Ref<RefElement>;
-    el$: import("vue").Ref<RefElement>;
-    sizeName: import("vue").ComputedRef<"height" | "width">;
-    navStyle: import("vue").ComputedRef<{
-        transform: string;
-    }>;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    scrollToActiveTab: () => void;
-    update: () => void;
-    changeTab: (e: any) => void;
-    setFocus: () => void;
-    removeFocus: () => void;
-    visibilityChangeHandler: () => void;
-    windowBlurHandler: () => void;
-    windowFocusHandler: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    panes?: unknown;
-    currentName?: unknown;
-    editable?: unknown;
-    onTabClick?: unknown;
-    onTabRemove?: unknown;
-    type?: unknown;
-    stretch?: unknown;
-} & {
-    type: ITabType;
-    stretch: boolean;
-    editable: boolean;
-    panes: Pane[];
-    currentName: string;
-    onTabClick: (tab: Pane, tabName: string, ev: Event) => void;
-    onTabRemove: (tab: Pane, ev: Event) => void;
-} & {}>, {
-    type: ITabType;
-    stretch: boolean;
-    editable: boolean;
-    panes: Pane[];
-    currentName: string;
-    onTabClick: (tab: Pane, tabName: string, ev: Event) => void;
-    onTabRemove: (tab: Pane, ev: Event) => void;
-}>;
-export default _default;