@element-plus/nightly 0.0.20220121 → 0.0.20220122

package/lib/components/switch/src/switch.vue_vue_type_template_id_538fbc85_lang.js

@@ -1,132 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["aria-checked", "aria-disabled"];
-const _hoisted_2 = ["id", "name", "true-value", "false-value", "disabled"];
-const _hoisted_3 = ["aria-hidden"];
-const _hoisted_4 = ["aria-hidden"];
-const _hoisted_5 = ["aria-hidden"];
-const _hoisted_6 = ["aria-hidden"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_loading = vue.resolveComponent("loading");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(_ctx.switchKls),
-    role: "switch",
-    "aria-checked": _ctx.checked,
-    "aria-disabled": _ctx.switchDisabled,
-    onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => _ctx.switchValue && _ctx.switchValue(...args), ["prevent"]))
-  }, [
-    vue.createElementVNode("input", {
-      id: _ctx.id,
-      ref: "input",
-      class: vue.normalizeClass(_ctx.ns.e("input")),
-      type: "checkbox",
-      name: _ctx.name,
-      "true-value": _ctx.activeValue,
-      "false-value": _ctx.inactiveValue,
-      disabled: _ctx.switchDisabled,
-      onChange: _cache[0] || (_cache[0] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
-      onKeydown: _cache[1] || (_cache[1] = vue.withKeys((...args) => _ctx.switchValue && _ctx.switchValue(...args), ["enter"]))
-    }, null, 42, _hoisted_2),
-    !_ctx.inlinePrompt && (_ctx.inactiveIcon || _ctx.inactiveText) ? (vue.openBlock(), vue.createElementBlock("span", {
-      key: 0,
-      class: vue.normalizeClass([
-        _ctx.ns.e("label"),
-        _ctx.ns.em("label", "left"),
-        _ctx.ns.is("active", !_ctx.checked)
-      ])
-    }, [
-      _ctx.inactiveIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
-        default: vue.withCtx(() => [
-          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.inactiveIcon)))
-        ]),
-        _: 1
-      })) : vue.createCommentVNode("v-if", true),
-      !_ctx.inactiveIcon && _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", {
-        key: 1,
-        "aria-hidden": _ctx.checked
-      }, vue.toDisplayString(_ctx.inactiveText), 9, _hoisted_3)) : vue.createCommentVNode("v-if", true)
-    ], 2)) : vue.createCommentVNode("v-if", true),
-    vue.createElementVNode("span", {
-      ref: "core",
-      class: vue.normalizeClass(_ctx.ns.e("core")),
-      style: vue.normalizeStyle({ width: (_ctx.width || 40) + "px" })
-    }, [
-      _ctx.inlinePrompt ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: vue.normalizeClass(_ctx.ns.e("inner"))
-      }, [
-        _ctx.activeIcon || _ctx.inactiveIcon ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          _ctx.activeIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-            key: 0,
-            class: vue.normalizeClass([_ctx.ns.is("icon"), _ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")])
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.activeIcon)))
-            ]),
-            _: 1
-          }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-          _ctx.inactiveIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-            key: 1,
-            class: vue.normalizeClass([_ctx.ns.is("icon"), !_ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")])
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.inactiveIcon)))
-            ]),
-            _: 1
-          }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-        ], 64)) : _ctx.activeText || _ctx.inactiveIcon ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          _ctx.activeText ? (vue.openBlock(), vue.createElementBlock("span", {
-            key: 0,
-            class: vue.normalizeClass([_ctx.ns.is("text"), _ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
-            "aria-hidden": !_ctx.checked
-          }, vue.toDisplayString(_ctx.activeText.substr(0, 1)), 11, _hoisted_4)) : vue.createCommentVNode("v-if", true),
-          _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", {
-            key: 1,
-            class: vue.normalizeClass([_ctx.ns.is("text"), !_ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
-            "aria-hidden": _ctx.checked
-          }, vue.toDisplayString(_ctx.inactiveText.substr(0, 1)), 11, _hoisted_5)) : vue.createCommentVNode("v-if", true)
-        ], 64)) : vue.createCommentVNode("v-if", true)
-      ], 2)) : vue.createCommentVNode("v-if", true),
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("action"))
-      }, [
-        _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-          key: 0,
-          class: vue.normalizeClass(_ctx.ns.is("loading"))
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_loading)
-          ]),
-          _: 1
-        }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-      ], 2)
-    ], 6),
-    !_ctx.inlinePrompt && (_ctx.activeIcon || _ctx.activeText) ? (vue.openBlock(), vue.createElementBlock("span", {
-      key: 1,
-      class: vue.normalizeClass([
-        _ctx.ns.e("label"),
-        _ctx.ns.em("label", "right"),
-        _ctx.ns.is("active", _ctx.checked)
-      ])
-    }, [
-      _ctx.activeIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
-        default: vue.withCtx(() => [
-          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.activeIcon)))
-        ]),
-        _: 1
-      })) : vue.createCommentVNode("v-if", true),
-      !_ctx.activeIcon && _ctx.activeText ? (vue.openBlock(), vue.createElementBlock("span", {
-        key: 1,
-        "aria-hidden": !_ctx.checked
-      }, vue.toDisplayString(_ctx.activeText), 9, _hoisted_6)) : vue.createCommentVNode("v-if", true)
-    ], 2)) : vue.createCommentVNode("v-if", true)
-  ], 10, _hoisted_1);
-}
-
-exports.render = render;
-//# sourceMappingURL=switch.vue_vue_type_template_id_538fbc85_lang.js.map

package/lib/components/switch/src/switch.vue_vue_type_template_id_538fbc85_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch.vue_vue_type_template_id_538fbc85_lang.js","sources":["../../../../../../packages/components/switch/src/switch.vue?vue&type=template&id=538fbc85&lang.js"],"sourcesContent":["<template>\n  <div\n    :class=\"switchKls\"\n    role=\"switch\"\n    :aria-checked=\"checked\"\n    :aria-disabled=\"switchDisabled\"\n    @click.prevent=\"switchValue\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"input\"\n      :class=\"ns.e('input')\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :true-value=\"activeValue\"\n      :false-value=\"inactiveValue\"\n      :disabled=\"switchDisabled\"\n      @change=\"handleChange\"\n      @keydown.enter=\"switchValue\"\n    />\n    <span\n      v-if=\"!inlinePrompt && (inactiveIcon || inactiveText)\"\n      :class=\"[\n        ns.e('label'),\n        ns.em('label', 'left'),\n        ns.is('active', !checked),\n      ]\"\n    >\n      <el-icon v-if=\"inactiveIcon\"><component :is=\"inactiveIcon\" /></el-icon>\n      <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n        inactiveText\n      }}</span>\n    </span>\n    <span\n      ref=\"core\"\n      :class=\"ns.e('core')\"\n      :style=\"{ width: (width || 40) + 'px' }\"\n    >\n      <div v-if=\"inlinePrompt\" :class=\"ns.e('inner')\">\n        <template v-if=\"activeIcon || inactiveIcon\">\n          <el-icon\n            v-if=\"activeIcon\"\n            :class=\"[ns.is('icon'), checked ? ns.is('show') : ns.is('hide')]\"\n          >\n            <component :is=\"activeIcon\" />\n          </el-icon>\n          <el-icon\n            v-if=\"inactiveIcon\"\n            :class=\"[ns.is('icon'), !checked ? ns.is('show') : ns.is('hide')]\"\n          >\n            <component :is=\"inactiveIcon\" />\n          </el-icon>\n        </template>\n        <template v-else-if=\"activeText || inactiveIcon\">\n          <span\n            v-if=\"activeText\"\n            :class=\"[ns.is('text'), checked ? ns.is('show') : ns.is('hide')]\"\n            :aria-hidden=\"!checked\"\n          >\n            {{ activeText.substr(0, 1) }}\n          </span>\n          <span\n            v-if=\"inactiveText\"\n            :class=\"[ns.is('text'), !checked ? ns.is('show') : ns.is('hide')]\"\n            :aria-hidden=\"checked\"\n          >\n            {{ inactiveText.substr(0, 1) }}\n          </span>\n        </template>\n      </div>\n      <div :class=\"ns.e('action')\">\n        <el-icon v-if=\"loading\" :class=\"ns.is('loading')\"><loading /></el-icon>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText)\"\n      :class=\"[\n        ns.e('label'),\n        ns.em('label', 'right'),\n        ns.is('active', checked),\n      ]\"\n    >\n      <el-icon v-if=\"activeIcon\"><component :is=\"activeIcon\" /></el-icon>\n      <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n        activeText\n      }}</span>\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, onMounted, ref, nextTick, watch } from 'vue'\nimport { isPromise } from '@vue/shared'\nimport { isBool } from '@element-plus/utils/util'\nimport { throwError, debugWarn } from '@element-plus/utils/error'\nimport ElIcon from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\nimport {\n  UPDATE_MODEL_EVENT,\n  CHANGE_EVENT,\n  INPUT_EVENT,\n} from '@element-plus/utils/constants'\nimport {\n  useDisabled,\n  useFormItem,\n  useNamespace,\n  useSize,\n} from '@element-plus/hooks'\nimport { switchProps, switchEmits } from './switch'\n\nconst COMPONENT_NAME = 'ElSwitch'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: { ElIcon, Loading },\n\n  props: switchProps,\n  emits: switchEmits,\n\n  setup(props, { emit }) {\n    const { formItem } = useFormItem()\n    const switchDisabled = useDisabled(computed(() => props.loading))\n    const ns = useNamespace('switch')\n\n    const switchSize = useSize()\n    const isModelValue = ref(props.modelValue !== false)\n    const input = ref<HTMLInputElement>()\n    const core = ref<HTMLSpanElement>()\n\n    const switchKls = computed(() => [\n      ns.b(),\n      ns.m(switchSize.value),\n      ns.is('disabled', switchDisabled.value),\n      ns.is('checked', checked.value),\n    ])\n\n    watch(\n      () => props.modelValue,\n      () => {\n        isModelValue.value = true\n      }\n    )\n\n    watch(\n      () => props.value,\n      () => {\n        isModelValue.value = false\n      }\n    )\n\n    const actualValue = computed(() => {\n      return isModelValue.value ? props.modelValue : props.value\n    })\n\n    const checked = computed(() => actualValue.value === props.activeValue)\n\n    if (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {\n      emit(UPDATE_MODEL_EVENT, props.inactiveValue)\n      emit(CHANGE_EVENT, props.inactiveValue)\n      emit(INPUT_EVENT, props.inactiveValue)\n    }\n\n    watch(checked, () => {\n      input.value!.checked = checked.value\n\n      if (props.activeColor || props.inactiveColor) {\n        setBackgroundColor()\n      }\n\n      if (props.validateEvent) {\n        formItem?.validate?.('change')\n      }\n    })\n\n    const handleChange = (): void => {\n      const val = checked.value ? props.inactiveValue : props.activeValue\n      emit(UPDATE_MODEL_EVENT, val)\n      emit(CHANGE_EVENT, val)\n      emit(INPUT_EVENT, val)\n      nextTick(() => {\n        input.value!.checked = checked.value\n      })\n    }\n\n    const switchValue = (): void => {\n      if (switchDisabled.value) return\n\n      const { beforeChange } = props\n      if (!beforeChange) {\n        handleChange()\n        return\n      }\n\n      const shouldChange = beforeChange()\n\n      const isExpectType = [isPromise(shouldChange), isBool(shouldChange)].some(\n        (i) => i\n      )\n      if (!isExpectType) {\n        throwError(\n          COMPONENT_NAME,\n          'beforeChange must return type `Promise<boolean>` or `boolean`'\n        )\n      }\n\n      if (isPromise(shouldChange)) {\n        shouldChange\n          .then((result) => {\n            if (result) {\n              handleChange()\n            }\n          })\n          .catch((e) => {\n            debugWarn(COMPONENT_NAME, `some error occurred: ${e}`)\n          })\n      } else if (shouldChange) {\n        handleChange()\n      }\n    }\n\n    const setBackgroundColor = (): void => {\n      const newColor = checked.value ? props.activeColor : props.inactiveColor\n      const coreEl = core.value\n      if (props.borderColor) coreEl!.style.borderColor = props.borderColor\n      else if (!props.borderColor) coreEl!.style.borderColor = newColor\n      coreEl!.style.backgroundColor = newColor\n      ;(coreEl!.children[0] as HTMLDivElement).style.color = newColor\n    }\n\n    const focus = (): void => {\n      input.value?.focus?.()\n    }\n\n    onMounted(() => {\n      if (props.activeColor || props.inactiveColor || props.borderColor) {\n        setBackgroundColor()\n      }\n\n      input.value!.checked = checked.value\n    })\n\n    return {\n      ns,\n      input,\n      core,\n      switchDisabled,\n      checked,\n      switchKls,\n      handleChange,\n      switchValue,\n      focus,\n    }\n  },\n})\n</script>\n"],"names":["_createElementVNode","_normalizeClass","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;wBACE;IACG;IACD;;IAECA;;;;MAIE,IAAI;MACL;MACC,8BAAS;MACV;MACC,eAAU;MACV,8BAAuB;MACvB,iCAA0B;;6GAEN;MACpB;;;;;;;;;;;WAUc;;;;;;;;;gCACf;;;;;;;;;;;;;4BASA;;YAA0B;;;;mBAGdC,kBAAU;;;gCACVC;;;;;;;;;;;;;;;;;;;;uCAWyB;;;;;;;;;;;;;;;;;;;;;4CAiBtBC;;SACE;;;cAAU;;;;;;;;;"}

package/lib/components/table/src/filter-panel.vue_vue_type_script_lang.js

@@ -1,156 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index = require('../../checkbox/index.js');
-var index$3 = require('../../icon/index.js');
-var iconsVue = require('@element-plus/icons-vue');
-require('../../../directives/index.js');
-require('../../../hooks/index.js');
-var index$2 = require('../../tooltip/index.js');
-var index$1 = require('../../scrollbar/index.js');
-var index$4 = require('../../../directives/click-outside/index.js');
-var index$5 = require('../../../hooks/use-locale/index.js');
-
-const { CheckboxGroup: ElCheckboxGroup } = index.ElCheckbox;
-var script = vue.defineComponent({
-  name: "ElTableFilterPanel",
-  components: {
-    ElCheckbox: index.ElCheckbox,
-    ElCheckboxGroup,
-    ElScrollbar: index$1.ElScrollbar,
-    ElTooltip: index$2.ElTooltip,
-    ElIcon: index$3.ElIcon,
-    ArrowDown: iconsVue.ArrowDown,
-    ArrowUp: iconsVue.ArrowUp
-  },
-  directives: { ClickOutside: index$4["default"] },
-  props: {
-    placement: {
-      type: String,
-      default: "bottom-start"
-    },
-    store: {
-      type: Object
-    },
-    column: {
-      type: Object
-    },
-    upDataColumn: {
-      type: Function
-    }
-  },
-  setup(props) {
-    const instance = vue.getCurrentInstance();
-    const { t } = index$5.useLocale();
-    const parent = instance.parent;
-    if (!parent.filterPanels.value[props.column.id]) {
-      parent.filterPanels.value[props.column.id] = instance;
-    }
-    const tooltipVisible = vue.ref(false);
-    const tooltip = vue.ref(null);
-    const filters = vue.computed(() => {
-      return props.column && props.column.filters;
-    });
-    const filterValue = vue.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 = vue.computed({
-      get() {
-        if (props.column) {
-          return props.column.filteredValue || [];
-        }
-        return [];
-      },
-      set(value) {
-        if (props.column) {
-          props.upDataColumn("filteredValue", value);
-        }
-      }
-    });
-    const multiple = vue.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();
-    };
-    vue.watch(tooltipVisible, (value) => {
-      if (props.column) {
-        props.upDataColumn("filterOpened", value);
-      }
-    }, {
-      immediate: true
-    });
-    const popperPaneRef = vue.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
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=filter-panel.vue_vue_type_script_lang.js.map

package/lib/components/table/src/filter-panel.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-panel.vue_vue_type_script_lang.js","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":["ElCheckbox","defineComponent","ElScrollbar","ElIcon","ArrowUp","computed"],"mappings":";;;;;;;;;;;;;;;AA2FA,QAAQ,aAAa,iBAAiB,EAAE,GAAGA,gBAAU,CAAC;AACtD,aAAeC,oBAAgB;;AAE/B,EAAE,UAAU,EAAE;AACd,gBAAID,gBAAU;AACd,IAAI,eAAe;AACnB,iBAAIE,mBAAW;;AAEf,YAAIC,cAAM;;AAEV,aAAIC,gBAAO;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,GAAGC,YAAQ,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,GAAGA;;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;aACG,CAAC;;QAEF,KAAK,CAAC,YAAY,CAAC,gBAAgB,KAAK,CAAC,CAAC;OAC3C;;iBAEU,IAAI;MACf,CAAC;UACG,aAAa,GAAGA,YAAQ,CAAC;;MAE7B;MACA,CAAC;WACI;;cAEG;mBACK;;MAEb;MACA;iBACW;MACX;;;MAGA,eAAe;MACf,eAAe;;;KAGhB,CAAC;;;;;;"}

package/lib/components/table/src/filter-panel.vue_vue_type_template_id_fde1c940_lang.js

@@ -1,117 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('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 = vue.resolveComponent("el-checkbox");
-  const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
-  const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
-  const _component_arrow_up = vue.resolveComponent("arrow-up");
-  const _component_arrow_down = vue.resolveComponent("arrow-down");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_el_tooltip = vue.resolveComponent("el-tooltip");
-  const _directive_click_outside = vue.resolveDirective("click-outside");
-  return vue.openBlock(), vue.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: vue.withCtx(() => [
-      _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createVNode(_component_el_scrollbar, { "wrap-class": "el-table-filter__wrap" }, {
-            default: vue.withCtx(() => [
-              vue.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: vue.withCtx(() => [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.filters, (filter) => {
-                    return vue.openBlock(), vue.createBlock(_component_el_checkbox, {
-                      key: filter.value,
-                      label: filter.value
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(vue.toDisplayString(filter.text), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["label"]);
-                  }), 128))
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ]),
-            _: 1
-          })
-        ]),
-        vue.createElementVNode("div", _hoisted_3, [
-          vue.createElementVNode("button", {
-            class: vue.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))
-          }, vue.toDisplayString(_ctx.t("el.table.confirmFilter")), 11, _hoisted_4),
-          vue.createElementVNode("button", {
-            type: "button",
-            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleReset && _ctx.handleReset(...args))
-          }, vue.toDisplayString(_ctx.t("el.table.resetFilter")), 1)
-        ])
-      ])) : (vue.openBlock(), vue.createElementBlock("ul", _hoisted_5, [
-        vue.createElementVNode("li", {
-          class: vue.normalizeClass([{
-            "is-active": _ctx.filterValue === void 0 || _ctx.filterValue === null
-          }, "el-table-filter__list-item"]),
-          onClick: _cache[3] || (_cache[3] = ($event) => _ctx.handleSelect(null))
-        }, vue.toDisplayString(_ctx.t("el.table.clearFilter")), 3),
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.filters, (filter) => {
-          return vue.openBlock(), vue.createElementBlock("li", {
-            key: filter.value,
-            class: vue.normalizeClass([{ "is-active": _ctx.isActive(filter) }, "el-table-filter__list-item"]),
-            label: filter.value,
-            onClick: ($event) => _ctx.handleSelect(filter.value)
-          }, vue.toDisplayString(filter.text), 11, _hoisted_6);
-        }), 128))
-      ]))
-    ]),
-    default: vue.withCtx(() => [
-      vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
-        class: "el-table__column-filter-trigger el-none-outline",
-        onClick: _cache[4] || (_cache[4] = (...args) => _ctx.showFilterPanel && _ctx.showFilterPanel(...args))
-      }, [
-        vue.createVNode(_component_el_icon, null, {
-          default: vue.withCtx(() => [
-            _ctx.column.filterOpened ? (vue.openBlock(), vue.createBlock(_component_arrow_up, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_arrow_down, { key: 1 }))
-          ]),
-          _: 1
-        })
-      ])), [
-        [_directive_click_outside, _ctx.hideFilterPanel, _ctx.popperPaneRef]
-      ])
-    ]),
-    _: 1
-  }, 8, ["visible", "placement"]);
-}
-
-exports.render = render;
-//# sourceMappingURL=filter-panel.vue_vue_type_template_id_fde1c940_lang.js.map

package/lib/components/table/src/filter-panel.vue_vue_type_template_id_fde1c940_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-panel.vue_vue_type_template_id_fde1c940_lang.js","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;;;yBAIE;;;;kEAE4B;;;;;oBAGpB,OAAMA;;;;iDAEN;;;;;;;;;;;;;;;;;YAUN;;;;gBAII;iEACQ;qCAEL;;;;qCAGA;;;yBAIT;;sBAEU;;;;;;uCAQR;gBAEG;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/table/src/table.vue_vue_type_script_lang.js

@@ -1,157 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var debounce = require('lodash/debounce');
-require('../../../directives/index.js');
-require('../../../hooks/index.js');
-var index$4 = require('../../scrollbar/index.js');
-var helper = require('./store/helper.js');
-var tableLayout = require('./table-layout.js');
-var index$1 = require('./table-header/index.js');
-var index$2 = require('./table-body/index.js');
-var index$3 = require('./table-footer/index.js');
-var utilsHelper = require('./table/utils-helper.js');
-var styleHelper = require('./table/style-helper.js');
-var defaults = require('./table/defaults.js');
-var tokens = require('./tokens.js');
-var index = require('../../../directives/mousewheel/index.js');
-var index$5 = require('../../../hooks/use-locale/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
-
-let tableIdSeed = 1;
-var script = vue.defineComponent({
-  name: "ElTable",
-  directives: {
-    Mousewheel: index["default"]
-  },
-  components: {
-    TableHeader: index$1["default"],
-    TableBody: index$2["default"],
-    TableFooter: index$3["default"],
-    ElScrollbar: index$4.ElScrollbar
-  },
-  props: defaults["default"],
-  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 } = index$5.useLocale();
-    const table = vue.getCurrentInstance();
-    vue.provide(tokens.TABLE_INJECTION_KEY, table);
-    const store = helper.createStore(table, props);
-    table.store = store;
-    const layout = new tableLayout["default"]({
-      store: table.store,
-      table,
-      fit: props.fit,
-      showHeader: props.showHeader
-    });
-    table.layout = layout;
-    const isEmpty = vue.computed(() => (store.states.data.value || []).length === 0);
-    const {
-      setCurrentRow,
-      toggleRowSelection,
-      clearSelection,
-      clearFilter,
-      toggleAllSelection,
-      toggleRowExpansion,
-      clearSort,
-      sort
-    } = utilsHelper["default"](store);
-    const {
-      isHidden,
-      renderExpanded,
-      setDragVisible,
-      isGroup,
-      handleMouseLeave,
-      handleHeaderFooterMousewheel,
-      tableSize,
-      bodyHeight,
-      height,
-      emptyBlockStyle,
-      handleFixedMousewheel,
-      fixedHeight,
-      fixedBodyHeight,
-      resizeProxyVisible,
-      bodyWidth,
-      resizeState,
-      doLayout,
-      tableBodyStyles
-    } = styleHelper["default"](props, layout, store, table);
-    const debouncedUpdateLayout = debounce__default["default"](doLayout, 50);
-    const tableId = `el-table_${tableIdSeed++}`;
-    table.tableId = tableId;
-    table.state = {
-      isGroup,
-      resizeState,
-      doLayout,
-      debouncedUpdateLayout
-    };
-    const computedSumText = vue.computed(() => props.sumText || t("el.table.sumText"));
-    const computedEmptyText = vue.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
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=table.vue_vue_type_script_lang.js.map

package/lib/components/table/src/table.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.vue_vue_type_script_lang.js","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":["Mousewheel","TableHeader","TableBody","ElScrollbar","defaultProps","useLocale","getCurrentInstance","TableLayout","useStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAsHA,IAAI,WAAW,GAAG,CAAC,CAAC;;AAEpB,EAAE,MAAM,SAAS;;AAEjB,gBAAIA,gBAAU;AACd,GAAG;EACD,UAAU,EAAE;iBACVC;eACAC,kBAAS;;iBAETC;;OAEG,EAAEC;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,GAAGC;IACd,MAAM,KAAK,GAAGC;;IAEd,MAAM,KAAK;IACX,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IACpB,MAAM,MAAM,GAAG,IAAIC;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;QACEC;UACE;UACA,OAAO,GAAG,CAAC;SACZ,CAAC,OAAO;SACR,CAAC,KAAK,GAAG;MACZ,OAAO;MACP;MACA,QAAQ;MACR;MACA;IACF,MAAM,eAAe,gBAAY,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;;;;;;"}