@element-plus/nightly 0.0.20220121 → 0.0.20220122

package/es/components/table/src/filter-panel.vue_vue_type_script_lang.mjs

@@ -1,152 +0,0 @@
-import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue';
-import { ElCheckbox } from '../../checkbox/index.mjs';
-import { ElIcon } from '../../icon/index.mjs';
-import { ArrowDown, ArrowUp } from '@element-plus/icons-vue';
-import '../../../directives/index.mjs';
-import '../../../hooks/index.mjs';
-import { ElTooltip } from '../../tooltip/index.mjs';
-import { ElScrollbar } from '../../scrollbar/index.mjs';
-import ClickOutside from '../../../directives/click-outside/index.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-
-const { CheckboxGroup: ElCheckboxGroup } = ElCheckbox;
-var script = defineComponent({
-  name: "ElTableFilterPanel",
-  components: {
-    ElCheckbox,
-    ElCheckboxGroup,
-    ElScrollbar,
-    ElTooltip,
-    ElIcon,
-    ArrowDown,
-    ArrowUp
-  },
-  directives: { ClickOutside },
-  props: {
-    placement: {
-      type: String,
-      default: "bottom-start"
-    },
-    store: {
-      type: Object
-    },
-    column: {
-      type: Object
-    },
-    upDataColumn: {
-      type: Function
-    }
-  },
-  setup(props) {
-    const instance = getCurrentInstance();
-    const { t } = useLocale();
-    const parent = instance.parent;
-    if (!parent.filterPanels.value[props.column.id]) {
-      parent.filterPanels.value[props.column.id] = instance;
-    }
-    const tooltipVisible = ref(false);
-    const tooltip = ref(null);
-    const filters = computed(() => {
-      return props.column && props.column.filters;
-    });
-    const filterValue = computed({
-      get: () => (props.column.filteredValue || [])[0],
-      set: (value) => {
-        if (filteredValue.value) {
-          if (typeof value !== "undefined" && value !== null) {
-            filteredValue.value.splice(0, 1, value);
-          } else {
-            filteredValue.value.splice(0, 1);
-          }
-        }
-      }
-    });
-    const filteredValue = computed({
-      get() {
-        if (props.column) {
-          return props.column.filteredValue || [];
-        }
-        return [];
-      },
-      set(value) {
-        if (props.column) {
-          props.upDataColumn("filteredValue", value);
-        }
-      }
-    });
-    const multiple = computed(() => {
-      if (props.column) {
-        return props.column.filterMultiple;
-      }
-      return true;
-    });
-    const isActive = (filter) => {
-      return filter.value === filterValue.value;
-    };
-    const hidden = () => {
-      tooltipVisible.value = false;
-    };
-    const showFilterPanel = (e) => {
-      e.stopPropagation();
-      tooltipVisible.value = !tooltipVisible.value;
-    };
-    const hideFilterPanel = () => {
-      tooltipVisible.value = false;
-    };
-    const handleConfirm = () => {
-      confirmFilter(filteredValue.value);
-      hidden();
-    };
-    const handleReset = () => {
-      filteredValue.value = [];
-      confirmFilter(filteredValue.value);
-      hidden();
-    };
-    const handleSelect = (_filterValue) => {
-      filterValue.value = _filterValue;
-      if (typeof _filterValue !== "undefined" && _filterValue !== null) {
-        confirmFilter(filteredValue.value);
-      } else {
-        confirmFilter([]);
-      }
-      hidden();
-    };
-    const confirmFilter = (filteredValue2) => {
-      props.store.commit("filterChange", {
-        column: props.column,
-        values: filteredValue2
-      });
-      props.store.updateAllSelected();
-    };
-    watch(tooltipVisible, (value) => {
-      if (props.column) {
-        props.upDataColumn("filterOpened", value);
-      }
-    }, {
-      immediate: true
-    });
-    const popperPaneRef = computed(() => {
-      var _a, _b;
-      return (_b = (_a = tooltip.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
-    });
-    return {
-      tooltipVisible,
-      multiple,
-      filteredValue,
-      filterValue,
-      filters,
-      handleConfirm,
-      handleReset,
-      handleSelect,
-      isActive,
-      t,
-      showFilterPanel,
-      hideFilterPanel,
-      popperPaneRef,
-      tooltip
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=filter-panel.vue_vue_type_script_lang.mjs.map

package/es/components/table/src/filter-panel.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-panel.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/table/src/filter-panel.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltip\"\n    v-model:visible=\"tooltipVisible\"\n    :offset=\"0\"\n    :placement=\"placement\"\n    :show-arrow=\"false\"\n    :stop-popper-mouse-event=\"false\"\n    append-to-body\n    effect=\"light\"\n    pure\n    popper-class=\"el-table-filter\"\n    persistent\n  >\n    <template #content>\n      <div v-if=\"multiple\">\n        <div class=\"el-table-filter__content\">\n          <el-scrollbar wrap-class=\"el-table-filter__wrap\">\n            <el-checkbox-group\n              v-model=\"filteredValue\"\n              class=\"el-table-filter__checkbox-group\"\n            >\n              <el-checkbox\n                v-for=\"filter in filters\"\n                :key=\"filter.value\"\n                :label=\"filter.value\"\n              >\n                {{ filter.text }}\n              </el-checkbox>\n            </el-checkbox-group>\n          </el-scrollbar>\n        </div>\n        <div class=\"el-table-filter__bottom\">\n          <button\n            :class=\"{ 'is-disabled': filteredValue.length === 0 }\"\n            :disabled=\"filteredValue.length === 0\"\n            type=\"button\"\n            @click=\"handleConfirm\"\n          >\n            {{ t('el.table.confirmFilter') }}\n          </button>\n          <button type=\"button\" @click=\"handleReset\">\n            {{ t('el.table.resetFilter') }}\n          </button>\n        </div>\n      </div>\n      <ul v-else class=\"el-table-filter__list\">\n        <li\n          :class=\"{\n            'is-active': filterValue === undefined || filterValue === null,\n          }\"\n          class=\"el-table-filter__list-item\"\n          @click=\"handleSelect(null)\"\n        >\n          {{ t('el.table.clearFilter') }}\n        </li>\n        <li\n          v-for=\"filter in filters\"\n          :key=\"filter.value\"\n          :class=\"{ 'is-active': isActive(filter) }\"\n          :label=\"filter.value\"\n          class=\"el-table-filter__list-item\"\n          @click=\"handleSelect(filter.value)\"\n        >\n          {{ filter.text }}\n        </li>\n      </ul>\n    </template>\n    <template #default>\n      <span\n        v-click-outside:[popperPaneRef]=\"hideFilterPanel\"\n        class=\"el-table__column-filter-trigger el-none-outline\"\n        @click=\"showFilterPanel\"\n      >\n        <el-icon>\n          <arrow-up v-if=\"column.filterOpened\" />\n          <arrow-down v-else />\n        </el-icon>\n      </span>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, getCurrentInstance, watch } from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport type { Placement } from '@element-plus/components/popper'\n\nimport type { WritableComputedRef, PropType } from 'vue'\nimport type { TableColumnCtx } from './table-column/defaults'\nimport type { TableHeader } from './table-header'\nimport type { Store } from './store'\n\nconst { CheckboxGroup: ElCheckboxGroup } = ElCheckbox\n\nexport default defineComponent({\n  name: 'ElTableFilterPanel',\n  components: {\n    ElCheckbox,\n    ElCheckboxGroup,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n    ArrowDown,\n    ArrowUp,\n  },\n  directives: { ClickOutside },\n  props: {\n    placement: {\n      type: String as PropType<Placement>,\n      default: 'bottom-start',\n    },\n    store: {\n      type: Object as PropType<Store<unknown>>,\n    },\n    column: {\n      type: Object as PropType<TableColumnCtx<unknown>>,\n    },\n    upDataColumn: {\n      type: Function,\n    },\n  },\n  setup(props) {\n    const instance = getCurrentInstance()\n    const { t } = useLocale()\n    const parent = instance.parent as TableHeader\n    if (!parent.filterPanels.value[props.column.id]) {\n      parent.filterPanels.value[props.column.id] = instance\n    }\n    const tooltipVisible = ref(false)\n    const tooltip = ref<InstanceType<typeof ElTooltip> | null>(null)\n    const filters = computed(() => {\n      return props.column && props.column.filters\n    })\n    const filterValue = computed({\n      get: () => (props.column.filteredValue || [])[0],\n      set: (value: string) => {\n        if (filteredValue.value) {\n          if (typeof value !== 'undefined' && value !== null) {\n            filteredValue.value.splice(0, 1, value)\n          } else {\n            filteredValue.value.splice(0, 1)\n          }\n        }\n      },\n    })\n    const filteredValue: WritableComputedRef<unknown[]> = computed({\n      get() {\n        if (props.column) {\n          return props.column.filteredValue || []\n        }\n        return []\n      },\n      set(value: unknown[]) {\n        if (props.column) {\n          props.upDataColumn('filteredValue', value)\n        }\n      },\n    })\n    const multiple = computed(() => {\n      if (props.column) {\n        return props.column.filterMultiple\n      }\n      return true\n    })\n    const isActive = (filter) => {\n      return filter.value === filterValue.value\n    }\n    const hidden = () => {\n      tooltipVisible.value = false\n    }\n    const showFilterPanel = (e: MouseEvent) => {\n      e.stopPropagation()\n      tooltipVisible.value = !tooltipVisible.value\n    }\n    const hideFilterPanel = () => {\n      tooltipVisible.value = false\n    }\n    const handleConfirm = () => {\n      confirmFilter(filteredValue.value)\n      hidden()\n    }\n    const handleReset = () => {\n      filteredValue.value = []\n      confirmFilter(filteredValue.value)\n      hidden()\n    }\n    const handleSelect = (_filterValue?: string) => {\n      filterValue.value = _filterValue\n      if (typeof _filterValue !== 'undefined' && _filterValue !== null) {\n        confirmFilter(filteredValue.value)\n      } else {\n        confirmFilter([])\n      }\n      hidden()\n    }\n    const confirmFilter = (filteredValue: unknown[]) => {\n      props.store.commit('filterChange', {\n        column: props.column,\n        values: filteredValue,\n      })\n      props.store.updateAllSelected()\n    }\n    watch(\n      tooltipVisible,\n      (value) => {\n        // todo\n        if (props.column) {\n          props.upDataColumn('filterOpened', value)\n        }\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    const popperPaneRef = computed(() => {\n      return tooltip.value?.popperRef?.contentRef\n    })\n\n    return {\n      tooltipVisible,\n      multiple,\n      filteredValue,\n      filterValue,\n      filters,\n      handleConfirm,\n      handleReset,\n      handleSelect,\n      isActive,\n      t,\n      showFilterPanel,\n      hideFilterPanel,\n      popperPaneRef,\n      tooltip,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;AA2FA,QAAQ,aAAa,iBAAiB,EAAE,GAAG,UAAU,CAAC;AACtD,aAAe,gBAAgB;;AAE/B,EAAE,UAAU,EAAE;AACd,IAAI,UAAU;AACd,IAAI,eAAe;AACnB,IAAI,WAAW;;AAEf,IAAI,MAAM;;AAEV,IAAI,OAAO;GACR;EACD,UAAU,EAAE;OACP,EAAE;IACL,SAAS,EAAE;MACT,IAAI,EAAE;MACN,OAAO;KACR;IACD,KAAK,EAAE;MACL,IAAI;;IAEN,MAAM,EAAE;MACN;KACD;gBACW;MACV,IAAI,EAAE,QAAQ;KACf;;OAEE,CAAC,KAAK,EAAE;IACX;IACA,MAAM,EAAE;UACF,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;IAC/B;MACE,MAAM,CAAC;;IAET;;IAEA,MAAM;MACJ,OAAO,MAAM,MAAM,IAAI,KAAK,CAAC;KAC9B,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,QAAQ,CAAC;SACxB,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,IAAI,EAAE,GAAG;MAC/C,GAAG,EAAE,CAAC,KAAK,KAAK;;UAEZ,IAAI,OAAO,UAAU;YACnB,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC;WACzC;0BACe,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;;;OAGtC;MACD,CAAC;uBACgB,GAAG;;YAEd,KAAK,CAAC,MAAM,EAAE;UAChB,OAAO;;;;MAIX;;UAEI,KAAK,CAAC,YAAY,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;SAC5C;;;;UAIC,KAAK,CAAC;;OAET;aACM,IAAI,CAAC;;;MAGZ;KACD;IACD,MAAM,MAAM,GAAG,MAAM;MACnB,cAAc,CAAC;;;MAGf,CAAC,CAAC;;KAEH,CAAC;UACI,kBAAkB,MAAM;;KAE7B,CAAC;UACI,aAAa,SAAS;;MAE1B,MAAM,EAAE,CAAC;MACT;UACI,WAAW,GAAG,MAAM;;MAExB,aAAa,CAAC,cAAc;MAC5B,MAAM,EAAE,CAAC;;IAEX,MAAM,YAAY,IAAI;MACpB,WAAW,CAAC,KAAK,GAAG,YAAY,CAAC;MACjC,IAAI;;OAEH,MAAM;QACL,aAAa,CAAC,EAAE,EAAE;OACnB;MACD,MAAM;;IAER,MAAM,aAAa,GAAG,CAAC,cAAc,KAAK;MACxC,KAAK,CAAC,KAAK,CAAC,MAAM;cACV,OAAO,CAAC,MAAM;QACpB,MAAM,EAAE,cAAc;QACtB,CAAC;WACE,CAAC,KAAK,CAAC;MACZ;SACG,CAAC;;QAEF,KAAK,CAAC,YAAY,CAAC,gBAAgB,KAAK,CAAC,CAAC;OAC3C;;iBAEU,IAAI;MACf,CAAC;UACG,aAAa,GAAG,QAAQ,CAAC;;MAE7B;MACA,CAAC;WACI;;cAEG;mBACK;;MAEb;MACA;iBACW;MACX;;;MAGA,eAAe;MACf,eAAe;;;KAGhB,CAAC;;;;;;"}

package/es/components/table/src/filter-panel.vue_vue_type_template_id_fde1c940_lang.mjs

@@ -1,113 +0,0 @@
-import { resolveComponent, resolveDirective, openBlock, createBlock, withCtx, createElementBlock, createElementVNode, createVNode, Fragment, renderList, createTextVNode, toDisplayString, normalizeClass, withDirectives } from 'vue';
-
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { class: "el-table-filter__content" };
-const _hoisted_3 = { class: "el-table-filter__bottom" };
-const _hoisted_4 = ["disabled"];
-const _hoisted_5 = {
-  key: 1,
-  class: "el-table-filter__list"
-};
-const _hoisted_6 = ["label", "onClick"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_checkbox = resolveComponent("el-checkbox");
-  const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
-  const _component_el_scrollbar = resolveComponent("el-scrollbar");
-  const _component_arrow_up = resolveComponent("arrow-up");
-  const _component_arrow_down = resolveComponent("arrow-down");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_tooltip = resolveComponent("el-tooltip");
-  const _directive_click_outside = resolveDirective("click-outside");
-  return openBlock(), createBlock(_component_el_tooltip, {
-    ref: "tooltip",
-    visible: _ctx.tooltipVisible,
-    "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => _ctx.tooltipVisible = $event),
-    offset: 0,
-    placement: _ctx.placement,
-    "show-arrow": false,
-    "stop-popper-mouse-event": false,
-    "append-to-body": "",
-    effect: "light",
-    pure: "",
-    "popper-class": "el-table-filter",
-    persistent: ""
-  }, {
-    content: withCtx(() => [
-      _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createVNode(_component_el_scrollbar, { "wrap-class": "el-table-filter__wrap" }, {
-            default: withCtx(() => [
-              createVNode(_component_el_checkbox_group, {
-                modelValue: _ctx.filteredValue,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.filteredValue = $event),
-                class: "el-table-filter__checkbox-group"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filters, (filter) => {
-                    return openBlock(), createBlock(_component_el_checkbox, {
-                      key: filter.value,
-                      label: filter.value
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(filter.text), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["label"]);
-                  }), 128))
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ]),
-            _: 1
-          })
-        ]),
-        createElementVNode("div", _hoisted_3, [
-          createElementVNode("button", {
-            class: normalizeClass({ "is-disabled": _ctx.filteredValue.length === 0 }),
-            disabled: _ctx.filteredValue.length === 0,
-            type: "button",
-            onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleConfirm && _ctx.handleConfirm(...args))
-          }, toDisplayString(_ctx.t("el.table.confirmFilter")), 11, _hoisted_4),
-          createElementVNode("button", {
-            type: "button",
-            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleReset && _ctx.handleReset(...args))
-          }, toDisplayString(_ctx.t("el.table.resetFilter")), 1)
-        ])
-      ])) : (openBlock(), createElementBlock("ul", _hoisted_5, [
-        createElementVNode("li", {
-          class: normalizeClass([{
-            "is-active": _ctx.filterValue === void 0 || _ctx.filterValue === null
-          }, "el-table-filter__list-item"]),
-          onClick: _cache[3] || (_cache[3] = ($event) => _ctx.handleSelect(null))
-        }, toDisplayString(_ctx.t("el.table.clearFilter")), 3),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filters, (filter) => {
-          return openBlock(), createElementBlock("li", {
-            key: filter.value,
-            class: normalizeClass([{ "is-active": _ctx.isActive(filter) }, "el-table-filter__list-item"]),
-            label: filter.value,
-            onClick: ($event) => _ctx.handleSelect(filter.value)
-          }, toDisplayString(filter.text), 11, _hoisted_6);
-        }), 128))
-      ]))
-    ]),
-    default: withCtx(() => [
-      withDirectives((openBlock(), createElementBlock("span", {
-        class: "el-table__column-filter-trigger el-none-outline",
-        onClick: _cache[4] || (_cache[4] = (...args) => _ctx.showFilterPanel && _ctx.showFilterPanel(...args))
-      }, [
-        createVNode(_component_el_icon, null, {
-          default: withCtx(() => [
-            _ctx.column.filterOpened ? (openBlock(), createBlock(_component_arrow_up, { key: 0 })) : (openBlock(), createBlock(_component_arrow_down, { key: 1 }))
-          ]),
-          _: 1
-        })
-      ])), [
-        [_directive_click_outside, _ctx.hideFilterPanel, _ctx.popperPaneRef]
-      ])
-    ]),
-    _: 1
-  }, 8, ["visible", "placement"]);
-}
-
-export { render };
-//# sourceMappingURL=filter-panel.vue_vue_type_template_id_fde1c940_lang.mjs.map

package/es/components/table/src/filter-panel.vue_vue_type_template_id_fde1c940_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-panel.vue_vue_type_template_id_fde1c940_lang.mjs","sources":["../../../../../../packages/components/table/src/filter-panel.vue?vue&type=template&id=fde1c940&lang.js"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltip\"\n    v-model:visible=\"tooltipVisible\"\n    :offset=\"0\"\n    :placement=\"placement\"\n    :show-arrow=\"false\"\n    :stop-popper-mouse-event=\"false\"\n    append-to-body\n    effect=\"light\"\n    pure\n    popper-class=\"el-table-filter\"\n    persistent\n  >\n    <template #content>\n      <div v-if=\"multiple\">\n        <div class=\"el-table-filter__content\">\n          <el-scrollbar wrap-class=\"el-table-filter__wrap\">\n            <el-checkbox-group\n              v-model=\"filteredValue\"\n              class=\"el-table-filter__checkbox-group\"\n            >\n              <el-checkbox\n                v-for=\"filter in filters\"\n                :key=\"filter.value\"\n                :label=\"filter.value\"\n              >\n                {{ filter.text }}\n              </el-checkbox>\n            </el-checkbox-group>\n          </el-scrollbar>\n        </div>\n        <div class=\"el-table-filter__bottom\">\n          <button\n            :class=\"{ 'is-disabled': filteredValue.length === 0 }\"\n            :disabled=\"filteredValue.length === 0\"\n            type=\"button\"\n            @click=\"handleConfirm\"\n          >\n            {{ t('el.table.confirmFilter') }}\n          </button>\n          <button type=\"button\" @click=\"handleReset\">\n            {{ t('el.table.resetFilter') }}\n          </button>\n        </div>\n      </div>\n      <ul v-else class=\"el-table-filter__list\">\n        <li\n          :class=\"{\n            'is-active': filterValue === undefined || filterValue === null,\n          }\"\n          class=\"el-table-filter__list-item\"\n          @click=\"handleSelect(null)\"\n        >\n          {{ t('el.table.clearFilter') }}\n        </li>\n        <li\n          v-for=\"filter in filters\"\n          :key=\"filter.value\"\n          :class=\"{ 'is-active': isActive(filter) }\"\n          :label=\"filter.value\"\n          class=\"el-table-filter__list-item\"\n          @click=\"handleSelect(filter.value)\"\n        >\n          {{ filter.text }}\n        </li>\n      </ul>\n    </template>\n    <template #default>\n      <span\n        v-click-outside:[popperPaneRef]=\"hideFilterPanel\"\n        class=\"el-table__column-filter-trigger el-none-outline\"\n        @click=\"showFilterPanel\"\n      >\n        <el-icon>\n          <arrow-up v-if=\"column.filterOpened\" />\n          <arrow-down v-else />\n        </el-icon>\n      </span>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, getCurrentInstance, watch } from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport type { Placement } from '@element-plus/components/popper'\n\nimport type { WritableComputedRef, PropType } from 'vue'\nimport type { TableColumnCtx } from './table-column/defaults'\nimport type { TableHeader } from './table-header'\nimport type { Store } from './store'\n\nconst { CheckboxGroup: ElCheckboxGroup } = ElCheckbox\n\nexport default defineComponent({\n  name: 'ElTableFilterPanel',\n  components: {\n    ElCheckbox,\n    ElCheckboxGroup,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n    ArrowDown,\n    ArrowUp,\n  },\n  directives: { ClickOutside },\n  props: {\n    placement: {\n      type: String as PropType<Placement>,\n      default: 'bottom-start',\n    },\n    store: {\n      type: Object as PropType<Store<unknown>>,\n    },\n    column: {\n      type: Object as PropType<TableColumnCtx<unknown>>,\n    },\n    upDataColumn: {\n      type: Function,\n    },\n  },\n  setup(props) {\n    const instance = getCurrentInstance()\n    const { t } = useLocale()\n    const parent = instance.parent as TableHeader\n    if (!parent.filterPanels.value[props.column.id]) {\n      parent.filterPanels.value[props.column.id] = instance\n    }\n    const tooltipVisible = ref(false)\n    const tooltip = ref<InstanceType<typeof ElTooltip> | null>(null)\n    const filters = computed(() => {\n      return props.column && props.column.filters\n    })\n    const filterValue = computed({\n      get: () => (props.column.filteredValue || [])[0],\n      set: (value: string) => {\n        if (filteredValue.value) {\n          if (typeof value !== 'undefined' && value !== null) {\n            filteredValue.value.splice(0, 1, value)\n          } else {\n            filteredValue.value.splice(0, 1)\n          }\n        }\n      },\n    })\n    const filteredValue: WritableComputedRef<unknown[]> = computed({\n      get() {\n        if (props.column) {\n          return props.column.filteredValue || []\n        }\n        return []\n      },\n      set(value: unknown[]) {\n        if (props.column) {\n          props.upDataColumn('filteredValue', value)\n        }\n      },\n    })\n    const multiple = computed(() => {\n      if (props.column) {\n        return props.column.filterMultiple\n      }\n      return true\n    })\n    const isActive = (filter) => {\n      return filter.value === filterValue.value\n    }\n    const hidden = () => {\n      tooltipVisible.value = false\n    }\n    const showFilterPanel = (e: MouseEvent) => {\n      e.stopPropagation()\n      tooltipVisible.value = !tooltipVisible.value\n    }\n    const hideFilterPanel = () => {\n      tooltipVisible.value = false\n    }\n    const handleConfirm = () => {\n      confirmFilter(filteredValue.value)\n      hidden()\n    }\n    const handleReset = () => {\n      filteredValue.value = []\n      confirmFilter(filteredValue.value)\n      hidden()\n    }\n    const handleSelect = (_filterValue?: string) => {\n      filterValue.value = _filterValue\n      if (typeof _filterValue !== 'undefined' && _filterValue !== null) {\n        confirmFilter(filteredValue.value)\n      } else {\n        confirmFilter([])\n      }\n      hidden()\n    }\n    const confirmFilter = (filteredValue: unknown[]) => {\n      props.store.commit('filterChange', {\n        column: props.column,\n        values: filteredValue,\n      })\n      props.store.updateAllSelected()\n    }\n    watch(\n      tooltipVisible,\n      (value) => {\n        // todo\n        if (props.column) {\n          props.upDataColumn('filterOpened', value)\n        }\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    const popperPaneRef = computed(() => {\n      return tooltip.value?.popperRef?.contentRef\n    })\n\n    return {\n      tooltipVisible,\n      multiple,\n      filteredValue,\n      filterValue,\n      filters,\n      handleConfirm,\n      handleReset,\n      handleSelect,\n      isActive,\n      t,\n      showFilterPanel,\n      hideFilterPanel,\n      popperPaneRef,\n      tooltip,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock"],"mappings":";;;;qBAgBa,KAAK,EAAC;;;;;EA8BF;;;;;;;;;;;;;;wBA7Cf;IACE;IACQ,SAAS;;IAChB;IACA;IACA;IACA;IACD;IACA;;IAEA;;;qBAIE;;;;kEAE4B;;;;;oBAGpB,OAAMA;;;;6CAEN;;;;;;;;;;;;;;;;;YAUN;;;;gBAII;iEACQ;iCAEL;;;;iCAGA;;;yBAIT;;kBAEU;;;;;;mCAQR;gBAEG;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,149 +0,0 @@
-import { defineComponent, getCurrentInstance, provide, computed } from 'vue';
-import debounce from 'lodash/debounce';
-import '../../../directives/index.mjs';
-import '../../../hooks/index.mjs';
-import { ElScrollbar } from '../../scrollbar/index.mjs';
-import { createStore } from './store/helper.mjs';
-import TableLayout from './table-layout.mjs';
-import TableHeader from './table-header/index.mjs';
-import TableBody from './table-body/index.mjs';
-import TableFooter from './table-footer/index.mjs';
-import useUtils from './table/utils-helper.mjs';
-import useStyle from './table/style-helper.mjs';
-import defaultProps from './table/defaults.mjs';
-import { TABLE_INJECTION_KEY } from './tokens.mjs';
-import Mousewheel from '../../../directives/mousewheel/index.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-
-let tableIdSeed = 1;
-var script = defineComponent({
-  name: "ElTable",
-  directives: {
-    Mousewheel
-  },
-  components: {
-    TableHeader,
-    TableBody,
-    TableFooter,
-    ElScrollbar
-  },
-  props: defaultProps,
-  emits: [
-    "select",
-    "select-all",
-    "selection-change",
-    "cell-mouse-enter",
-    "cell-mouse-leave",
-    "cell-contextmenu",
-    "cell-click",
-    "cell-dblclick",
-    "row-click",
-    "row-contextmenu",
-    "row-dblclick",
-    "header-click",
-    "header-contextmenu",
-    "sort-change",
-    "filter-change",
-    "current-change",
-    "header-dragend",
-    "expand-change"
-  ],
-  setup(props) {
-    const { t } = useLocale();
-    const table = getCurrentInstance();
-    provide(TABLE_INJECTION_KEY, table);
-    const store = createStore(table, props);
-    table.store = store;
-    const layout = new TableLayout({
-      store: table.store,
-      table,
-      fit: props.fit,
-      showHeader: props.showHeader
-    });
-    table.layout = layout;
-    const isEmpty = computed(() => (store.states.data.value || []).length === 0);
-    const {
-      setCurrentRow,
-      toggleRowSelection,
-      clearSelection,
-      clearFilter,
-      toggleAllSelection,
-      toggleRowExpansion,
-      clearSort,
-      sort
-    } = useUtils(store);
-    const {
-      isHidden,
-      renderExpanded,
-      setDragVisible,
-      isGroup,
-      handleMouseLeave,
-      handleHeaderFooterMousewheel,
-      tableSize,
-      bodyHeight,
-      height,
-      emptyBlockStyle,
-      handleFixedMousewheel,
-      fixedHeight,
-      fixedBodyHeight,
-      resizeProxyVisible,
-      bodyWidth,
-      resizeState,
-      doLayout,
-      tableBodyStyles
-    } = useStyle(props, layout, store, table);
-    const debouncedUpdateLayout = debounce(doLayout, 50);
-    const tableId = `el-table_${tableIdSeed++}`;
-    table.tableId = tableId;
-    table.state = {
-      isGroup,
-      resizeState,
-      doLayout,
-      debouncedUpdateLayout
-    };
-    const computedSumText = computed(() => props.sumText || t("el.table.sumText"));
-    const computedEmptyText = computed(() => {
-      return props.emptyText || t("el.table.emptyText");
-    });
-    return {
-      layout,
-      store,
-      handleHeaderFooterMousewheel,
-      handleMouseLeave,
-      tableId,
-      tableSize,
-      isHidden,
-      isEmpty,
-      renderExpanded,
-      resizeProxyVisible,
-      resizeState,
-      isGroup,
-      bodyWidth,
-      bodyHeight,
-      height,
-      tableBodyStyles,
-      emptyBlockStyle,
-      debouncedUpdateLayout,
-      handleFixedMousewheel,
-      fixedHeight,
-      fixedBodyHeight,
-      setCurrentRow,
-      toggleRowSelection,
-      clearSelection,
-      clearFilter,
-      toggleAllSelection,
-      toggleRowExpansion,
-      clearSort,
-      doLayout,
-      sort,
-      t,
-      setDragVisible,
-      context: table,
-      computedSumText,
-      computedEmptyText
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=table.vue_vue_type_script_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"table.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/table/src/table.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"tableWrapper\"\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        'has-footer': showSummary,\n      },\n      tableSize ? `el-table--${tableSize}` : '',\n      className,\n      'el-table',\n    ]\"\n    :style=\"style\"\n    @mouseleave=\"handleMouseLeave()\"\n  >\n    <div class=\"el-table__inner-wrapper\">\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=\"tableBodyStyles\"\n          @set-drag-visible=\"setDragVisible\"\n        />\n      </div>\n      <div ref=\"bodyWrapper\" :style=\"bodyHeight\" class=\"el-table__body-wrapper\">\n        <el-scrollbar ref=\"scrollWrapper\" :height=\"height\">\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\">{{ computedEmptyText }}</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        </el-scrollbar>\n      </div>\n      <div v-if=\"border || isGroup\" class=\"el-table__border-left-patch\"></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=\"tableBodyStyles\"\n        :sum-text=\"computedSumText\"\n        :summary-method=\"summaryMethod\"\n      />\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, provide } from 'vue'\nimport debounce from 'lodash/debounce'\nimport { Mousewheel } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\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 useStyle from './table/style-helper'\nimport defaultProps from './table/defaults'\nimport { TABLE_INJECTION_KEY } from './tokens'\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  },\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 } = useLocale()\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      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      height,\n      emptyBlockStyle,\n      handleFixedMousewheel,\n      fixedHeight,\n      fixedBodyHeight,\n      resizeProxyVisible,\n      bodyWidth,\n      resizeState,\n      doLayout,\n      tableBodyStyles,\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    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    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      height,\n      tableBodyStyles,\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      computedSumText,\n      computedEmptyText,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAsHA,IAAI,WAAW,GAAG,CAAC,CAAC;;AAEpB,EAAE,MAAM,SAAS;;AAEjB,IAAI,UAAU;AACd,GAAG;EACD,UAAU,EAAE;IACV;IACA,SAAS;;IAET;;OAEG,EAAE;OACF,EAAE;IACL,QAAQ;;IAER;IACA;IACA;IACA;IACA,YAAY;IACZ,eAAe;IACf,WAAW;IACX,iBAAiB;IACjB;IACA,cAAc;IACd;IACA,aAAa;IACb;IACA;IACA,gBAAgB;IAChB;;OAEG,CAAC,KAAK,EAAE;IACX,MAAM,EAAE,CAAC,EAAE,GAAG;IACd,MAAM,KAAK,GAAG;;IAEd,MAAM,KAAK;IACX,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IACpB,MAAM,MAAM,GAAG,IAAI;MACjB,KAAK,EAAE,KAAK,CAAC,KAAK;MAClB,KAAK;MACL,KAAK,KAAK,IAAI;MACd,UAAU,EAAE;KACb,CAAC,CAAC;SACE,CAAC,MAAM,GAAG;UACT;;MAEJ,aAAa;;MAEb,cAAc;;MAEd,kBAAkB;;MAElB;UACI;KACL;IACD,MAAM;MACJ,QAAQ;MACR,cAAc;MACd,cAAc;MACd,OAAO;MACP,gBAAgB;MAChB;MACA,SAAS;MACT;MACA,MAAM;MACN;MACA;MACA,WAAW;MACX;MACA;MACA,SAAS;MACT,WAAW;MACX,QAAQ;MACR;QACE;UACE;UACA,OAAO,GAAG,CAAC;SACZ,CAAC,OAAO;SACR,CAAC,KAAK,GAAG;MACZ,OAAO;MACP;MACA,QAAQ;MACR;MACA;IACF,MAAM,eAAe,YAAY,WAAW,CAAC;;MAE3C,OAAO,KAAK,CAAC,SAAS,IAAI,EAAE,oBAAoB,CAAC;;IAEnD,OAAO;MACL,MAAM;MACN,KAAK;MACL;MACA;MACA,OAAO;MACP,SAAS;;MAET,OAAO;MACP,cAAc;;;MAGd,OAAO;MACP,SAAS;;;MAGT;MACA;MACA;MACA,qBAAqB;MACrB,WAAW;MACX;MACA;MACA;MACA;MACA,WAAW;MACX,kBAAkB;MAClB;MACA;MACA,QAAQ;MACR,IAAI;MACJ,CAAC;MACD,cAAc;MACd,OAAO,EAAE,KAAK;MACd,eAAe;MACf,iBAAiB;MACjB;;;;;;"}

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

@@ -1,140 +0,0 @@
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, withDirectives, createVNode, createCommentVNode, withCtx, createTextVNode, toDisplayString, vShow } from 'vue';
-
-const _hoisted_1 = { class: "el-table__inner-wrapper" };
-const _hoisted_2 = {
-  ref: "hiddenColumns",
-  class: "hidden-columns"
-};
-const _hoisted_3 = {
-  key: 0,
-  ref: "headerWrapper",
-  class: "el-table__header-wrapper"
-};
-const _hoisted_4 = { class: "el-table__empty-text" };
-const _hoisted_5 = {
-  key: 1,
-  ref: "appendWrapper",
-  class: "el-table__append-wrapper"
-};
-const _hoisted_6 = {
-  key: 1,
-  class: "el-table__border-left-patch"
-};
-const _hoisted_7 = {
-  key: 0,
-  ref: "footerWrapper",
-  class: "el-table__footer-wrapper"
-};
-const _hoisted_8 = {
-  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_el_scrollbar = resolveComponent("el-scrollbar");
-  const _component_table_footer = resolveComponent("table-footer");
-  const _directive_mousewheel = resolveDirective("mousewheel");
-  return openBlock(), createElementBlock("div", {
-    ref: "tableWrapper",
-    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,
-        "has-footer": _ctx.showSummary
-      },
-      _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, [
-      createElementVNode("div", _hoisted_2, [
-        renderSlot(_ctx.$slots, "default")
-      ], 512),
-      _ctx.showHeader ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
-        createVNode(_component_table_header, {
-          ref: "tableHeader",
-          border: _ctx.border,
-          "default-sort": _ctx.defaultSort,
-          store: _ctx.store,
-          style: normalizeStyle(_ctx.tableBodyStyles),
-          onSetDragVisible: _ctx.setDragVisible
-        }, null, 8, ["border", "default-sort", "store", "style", "onSetDragVisible"])
-      ])), [
-        [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
-      ]) : createCommentVNode("v-if", true),
-      createElementVNode("div", {
-        ref: "bodyWrapper",
-        style: normalizeStyle(_ctx.bodyHeight),
-        class: "el-table__body-wrapper"
-      }, [
-        createVNode(_component_el_scrollbar, {
-          ref: "scrollWrapper",
-          height: _ctx.height
-        }, {
-          default: withCtx(() => [
-            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_4, [
-                renderSlot(_ctx.$slots, "empty", {}, () => [
-                  createTextVNode(toDisplayString(_ctx.computedEmptyText), 1)
-                ])
-              ])
-            ], 4)) : createCommentVNode("v-if", true),
-            _ctx.$slots.append ? (openBlock(), createElementBlock("div", _hoisted_5, [
-              renderSlot(_ctx.$slots, "append")
-            ], 512)) : createCommentVNode("v-if", true)
-          ]),
-          _: 3
-        }, 8, ["height"])
-      ], 4),
-      _ctx.border || _ctx.isGroup ? (openBlock(), createElementBlock("div", _hoisted_6)) : createCommentVNode("v-if", true)
-    ]),
-    _ctx.showSummary ? withDirectives((openBlock(), createElementBlock("div", _hoisted_7, [
-      createVNode(_component_table_footer, {
-        border: _ctx.border,
-        "default-sort": _ctx.defaultSort,
-        store: _ctx.store,
-        style: normalizeStyle(_ctx.tableBodyStyles),
-        "sum-text": _ctx.computedSumText,
-        "summary-method": _ctx.summaryMethod
-      }, null, 8, ["border", "default-sort", "store", "style", "sum-text", "summary-method"])
-    ])), [
-      [vShow, !_ctx.isEmpty],
-      [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
-    ]) : createCommentVNode("v-if", true),
-    withDirectives(createElementVNode("div", _hoisted_8, 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    ref=\"tableWrapper\"\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        'has-footer': showSummary,\n      },\n      tableSize ? `el-table--${tableSize}` : '',\n      className,\n      'el-table',\n    ]\"\n    :style=\"style\"\n    @mouseleave=\"handleMouseLeave()\"\n  >\n    <div class=\"el-table__inner-wrapper\">\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=\"tableBodyStyles\"\n          @set-drag-visible=\"setDragVisible\"\n        />\n      </div>\n      <div ref=\"bodyWrapper\" :style=\"bodyHeight\" class=\"el-table__body-wrapper\">\n        <el-scrollbar ref=\"scrollWrapper\" :height=\"height\">\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\">{{ computedEmptyText }}</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        </el-scrollbar>\n      </div>\n      <div v-if=\"border || isGroup\" class=\"el-table__border-left-patch\"></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=\"tableBodyStyles\"\n        :sum-text=\"computedSumText\"\n        :summary-method=\"summaryMethod\"\n      />\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, provide } from 'vue'\nimport debounce from 'lodash/debounce'\nimport { Mousewheel } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\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 useStyle from './table/style-helper'\nimport defaultProps from './table/defaults'\nimport { TABLE_INJECTION_KEY } from './tokens'\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  },\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 } = useLocale()\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      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      height,\n      emptyBlockStyle,\n      handleFixedMousewheel,\n      fixedHeight,\n      fixedBodyHeight,\n      resizeProxyVisible,\n      bodyWidth,\n      resizeState,\n      doLayout,\n      tableBodyStyles,\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    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    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      height,\n      tableBodyStyles,\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      computedSumText,\n      computedEmptyText,\n    }\n  },\n})\n</script>\n"],"names":["_normalizeStyle"],"mappings":";;;;;EA2BW,KAAI;EAAgB;;;;EAKvB,KAAI;EAEJ;;;;;EAqCI,KAAI;EACJ;;;;EAMwB;;;;EAK9B,KAAI;EAEJ;;;EAaA,KAAI;EACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBApEkB;;;iBAMX;;8BAEY;8BACF;;;;;;;;;WAKT;;;;;;;;;;cAGD,OAAOA;uBACE;;;uCAGU;cACnB,KAAK;cACL;cACA,KAAK;;;;;;;;wCAOE;uBACH;;kBAEL;;;;;;;;;;;;;;;;;;;;;sCAeR;;;;;;;"}