x-sccba 0.1.1 → 0.2.3

package/dist/index-CrzCsM83.js

@@ -1,4308 +0,0 @@
-import { p as isPlainObject, h as hasOwn, a as isString, d as isFunction$1, b as isArray$1, i as isObject$1, g as useNamespace, w as withInstall, q as withNoopInstall } from "./dayjs.min-DmpOrZt7.js";
-import { _ as _plugin_vue_export_helper_default } from "./index-BdeqYK4K.js";
-import { u as useLocale } from "./index-MQN6yJqm.js";
-import { E as ElScrollbar } from "./index-BqlsDDYm.js";
-import { u as useGlobalConfig } from "./use-global-config-DIkOmzgu.js";
-import { f as isUndefined, a as isNumber, d as isBoolean, g as isPropAbsent, i as isElement } from "./types-C0XFCitV.js";
-import { c as getProp, h as hasClass, r as removeClass, b as addClass } from "./style-DRszTUom.js";
-import { t as throwError, d as debugWarn } from "./error-pXqGnBfl.js";
-import { E as ElTooltip, u as useTooltipContentProps } from "./index-DddT7Pi2.js";
-import { isVNode, Comment, Fragment, createVNode, render, getCurrentInstance, ref, unref, computed, watch, toRefs, nextTick, isRef, inject, defineComponent, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, renderSlot, createElementBlock, renderList, createTextVNode, toDisplayString, onBeforeMount, onMounted, onUpdated, onUnmounted, h as h$1, reactive, onBeforeUnmount, watchEffect, provide, resolveDirective, normalizeStyle, withDirectives, createCommentVNode, vShow } from "vue";
-import { i as isArrayLike, k as keys, b as isBuffer, c as isTypedArray, S as Stack } from "./_Uint8Array-B7bpaJxW.js";
-import { l as isIndex, q as baseAssignValue, i as isClient } from "./index-BaiB6iW4.js";
-import { a as isObject, e as eq, i as isArray, j as isFunction, f as arrayMap } from "./_baseGet-CUQpqcGw.js";
-import { c as copyObject, k as keysIn, a as copyArray, d as cloneBuffer, e as cloneTypedArray, i as initCloneObject } from "./_baseClone-CFaJeZyG.js";
-import { i as isArguments } from "./_arrayPush-DH6ju8-3.js";
-import { b as baseRest, i as isArrayLikeObject } from "./isArrayLikeObject-ceW0qHmQ.js";
-import { b as baseFlatten } from "./flatten-BsOTGCwT.js";
-import { b as baseIteratee } from "./_baseIteratee-BlmhosOC.js";
-import { g as get } from "./get-DEIKZxBF.js";
-import { c as castArray } from "./castArray-CRQWxZ8w.js";
-import { d as debounce } from "./debounce-C7MYaEhw.js";
-import { b as ElCheckboxGroup, E as ElCheckbox } from "./index-Bk8ogebs.js";
-import { g as getEventCode, E as EVENT_CODE } from "./event-C9lMmKj-.js";
-import { E as ElIcon } from "./index-BxgRXNM2.js";
-import { ArrowUp, ArrowDown, ArrowRight, Loading } from "@element-plus/icons-vue";
-import { r as rAF } from "./raf-CkmnBxQx.js";
-import { i as isGreaterThan } from "./numbers-BAjTAf2J.js";
-import { u as useFormSize } from "./use-form-common-props-DpjF0kFa.js";
-import { u as useEventListener, a as useResizeObserver } from "./index-Ddto6lBh.js";
-import { a as useSizeProp } from "./index-DnN9GCDs.js";
-function isIterateeCall(value, index, object) {
-  if (!isObject(object)) {
-    return false;
-  }
-  var type = typeof index;
-  if (type == "number" ? isArrayLike(object) && isIndex(index, object.length) : type == "string" && index in object) {
-    return eq(object[index], value);
-  }
-  return false;
-}
-function createAssigner(assigner) {
-  return baseRest(function(object, sources) {
-    var index = -1, length = sources.length, customizer = length > 1 ? sources[length - 1] : void 0, guard = length > 2 ? sources[2] : void 0;
-    customizer = assigner.length > 3 && typeof customizer == "function" ? (length--, customizer) : void 0;
-    if (guard && isIterateeCall(sources[0], sources[1], guard)) {
-      customizer = length < 3 ? void 0 : customizer;
-      length = 1;
-    }
-    object = Object(object);
-    while (++index < length) {
-      var source = sources[index];
-      if (source) {
-        assigner(object, source, index, customizer);
-      }
-    }
-    return object;
-  });
-}
-function createBaseFor(fromRight) {
-  return function(object, iteratee, keysFunc) {
-    var index = -1, iterable = Object(object), props = keysFunc(object), length = props.length;
-    while (length--) {
-      var key = props[++index];
-      if (iteratee(iterable[key], key, iterable) === false) {
-        break;
-      }
-    }
-    return object;
-  };
-}
-var baseFor = createBaseFor();
-function baseForOwn(object, iteratee) {
-  return object && baseFor(object, iteratee, keys);
-}
-function createBaseEach(eachFunc, fromRight) {
-  return function(collection, iteratee) {
-    if (collection == null) {
-      return collection;
-    }
-    if (!isArrayLike(collection)) {
-      return eachFunc(collection, iteratee);
-    }
-    var length = collection.length, index = -1, iterable = Object(collection);
-    while (++index < length) {
-      if (iteratee(iterable[index], index, iterable) === false) {
-        break;
-      }
-    }
-    return collection;
-  };
-}
-var baseEach = createBaseEach(baseForOwn);
-function assignMergeValue(object, key, value) {
-  if (value !== void 0 && !eq(object[key], value) || value === void 0 && !(key in object)) {
-    baseAssignValue(object, key, value);
-  }
-}
-function safeGet(object, key) {
-  if (key === "constructor" && typeof object[key] === "function") {
-    return;
-  }
-  if (key == "__proto__") {
-    return;
-  }
-  return object[key];
-}
-function toPlainObject(value) {
-  return copyObject(value, keysIn(value));
-}
-function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) {
-  var objValue = safeGet(object, key), srcValue = safeGet(source, key), stacked = stack.get(srcValue);
-  if (stacked) {
-    assignMergeValue(object, key, stacked);
-    return;
-  }
-  var newValue = customizer ? customizer(objValue, srcValue, key + "", object, source, stack) : void 0;
-  var isCommon = newValue === void 0;
-  if (isCommon) {
-    var isArr = isArray(srcValue), isBuff = !isArr && isBuffer(srcValue), isTyped = !isArr && !isBuff && isTypedArray(srcValue);
-    newValue = srcValue;
-    if (isArr || isBuff || isTyped) {
-      if (isArray(objValue)) {
-        newValue = objValue;
-      } else if (isArrayLikeObject(objValue)) {
-        newValue = copyArray(objValue);
-      } else if (isBuff) {
-        isCommon = false;
-        newValue = cloneBuffer(srcValue, true);
-      } else if (isTyped) {
-        isCommon = false;
-        newValue = cloneTypedArray(srcValue, true);
-      } else {
-        newValue = [];
-      }
-    } else if (isPlainObject(srcValue) || isArguments(srcValue)) {
-      newValue = objValue;
-      if (isArguments(objValue)) {
-        newValue = toPlainObject(objValue);
-      } else if (!isObject(objValue) || isFunction(objValue)) {
-        newValue = initCloneObject(srcValue);
-      }
-    } else {
-      isCommon = false;
-    }
-  }
-  if (isCommon) {
-    stack.set(srcValue, newValue);
-    mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
-    stack["delete"](srcValue);
-  }
-  assignMergeValue(object, key, newValue);
-}
-function baseMerge(object, source, srcIndex, customizer, stack) {
-  if (object === source) {
-    return;
-  }
-  baseFor(source, function(srcValue, key) {
-    stack || (stack = new Stack());
-    if (isObject(srcValue)) {
-      baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
-    } else {
-      var newValue = customizer ? customizer(safeGet(object, key), srcValue, key + "", object, source, stack) : void 0;
-      if (newValue === void 0) {
-        newValue = srcValue;
-      }
-      assignMergeValue(object, key, newValue);
-    }
-  }, keysIn);
-}
-function baseMap(collection, iteratee) {
-  var index = -1, result = isArrayLike(collection) ? Array(collection.length) : [];
-  baseEach(collection, function(value, key, collection2) {
-    result[++index] = iteratee(value, key, collection2);
-  });
-  return result;
-}
-function map(collection, iteratee) {
-  var func = isArray(collection) ? arrayMap : baseMap;
-  return func(collection, baseIteratee(iteratee));
-}
-function flatMap(collection, iteratee) {
-  return baseFlatten(map(collection, iteratee), 1);
-}
-function isNull(value) {
-  return value === null;
-}
-var merge = createAssigner(function(object, source, srcIndex) {
-  baseMerge(object, source, srcIndex);
-});
-var v = false, o, f, s, u, d, N, l, p, m, w, D, x, E, M, F;
-function a() {
-  if (!v) {
-    v = true;
-    var e = navigator.userAgent, n = /(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e), i = /(Mac OS X)|(Windows)|(Linux)/.exec(e);
-    if (x = /\b(iPhone|iP[ao]d)/.exec(e), E = /\b(iP[ao]d)/.exec(e), w = /Android/i.exec(e), M = /FBAN\/\w+;/i.exec(e), F = /Mobile/i.exec(e), D = !!/Win64/.exec(e), n) {
-      o = n[1] ? parseFloat(n[1]) : n[5] ? parseFloat(n[5]) : NaN, o && document && document.documentMode && (o = document.documentMode);
-      var r = /(?:Trident\/(\d+.\d+))/.exec(e);
-      N = r ? parseFloat(r[1]) + 4 : o, f = n[2] ? parseFloat(n[2]) : NaN, s = n[3] ? parseFloat(n[3]) : NaN, u = n[4] ? parseFloat(n[4]) : NaN, u ? (n = /(?:Chrome\/(\d+\.\d+))/.exec(e), d = n && n[1] ? parseFloat(n[1]) : NaN) : d = NaN;
-    } else o = f = s = d = u = NaN;
-    if (i) {
-      if (i[1]) {
-        var t = /(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);
-        l = t ? parseFloat(t[1].replace("_", ".")) : true;
-      } else l = false;
-      p = !!i[2], m = !!i[3];
-    } else l = p = m = false;
-  }
-}
-var _ = { ie: function() {
-  return a() || o;
-}, ieCompatibilityMode: function() {
-  return a() || N > o;
-}, ie64: function() {
-  return _.ie() && D;
-}, firefox: function() {
-  return a() || f;
-}, opera: function() {
-  return a() || s;
-}, webkit: function() {
-  return a() || u;
-}, safari: function() {
-  return _.webkit();
-}, chrome: function() {
-  return a() || d;
-}, windows: function() {
-  return a() || p;
-}, osx: function() {
-  return a() || l;
-}, linux: function() {
-  return a() || m;
-}, iphone: function() {
-  return a() || x;
-}, mobile: function() {
-  return a() || x || E || w || F;
-}, nativeApp: function() {
-  return a() || M;
-}, android: function() {
-  return a() || w;
-}, ipad: function() {
-  return a() || E;
-} }, A = _;
-var c = !!(typeof window < "u" && window.document && window.document.createElement), U = { canUseDOM: c }, h = U;
-var X;
-h.canUseDOM && (X = document.implementation && document.implementation.hasFeature && document.implementation.hasFeature("", "") !== true);
-function S(e, n) {
-  if (!h.canUseDOM || n && !("addEventListener" in document)) return false;
-  var i = "on" + e, r = i in document;
-  if (!r) {
-    var t = document.createElement("div");
-    t.setAttribute(i, "return;"), r = typeof t[i] == "function";
-  }
-  return !r && X && e === "wheel" && (r = document.implementation.hasFeature("Events.wheel", "3.0")), r;
-}
-var b = S;
-var O = 10, I = 40, P = 800;
-function T(e) {
-  var n = 0, i = 0, r = 0, t = 0;
-  return "detail" in e && (i = e.detail), "wheelDelta" in e && (i = -e.wheelDelta / 120), "wheelDeltaY" in e && (i = -e.wheelDeltaY / 120), "wheelDeltaX" in e && (n = -e.wheelDeltaX / 120), "axis" in e && e.axis === e.HORIZONTAL_AXIS && (n = i, i = 0), r = n * O, t = i * O, "deltaY" in e && (t = e.deltaY), "deltaX" in e && (r = e.deltaX), (r || t) && e.deltaMode && (e.deltaMode == 1 ? (r *= I, t *= I) : (r *= P, t *= P)), r && !n && (n = r < 1 ? -1 : 1), t && !i && (i = t < 1 ? -1 : 1), { spinX: n, spinY: i, pixelX: r, pixelY: t };
-}
-T.getEventType = function() {
-  return A.firefox() ? "DOMMouseScroll" : b("wheel") ? "wheel" : "mousewheel";
-};
-var Y = T;
-/**
-* Checks if an event is supported in the current execution environment.
-*
-* NOTE: This will not work correctly for non-generic events such as `change`,
-* `reset`, `load`, `error`, and `select`.
-*
-* Borrows from Modernizr.
-*
-* @param {string} eventNameSuffix Event name, e.g. "click".
-* @param {?boolean} capture Check if the capture phase is supported.
-* @return {boolean} True if the event is supported.
-* @internal
-* @license Modernizr 3.0.0pre (Custom Build) | MIT
-*/
-const SCOPE = "_Mousewheel";
-const mousewheel = function(element, callback) {
-  if (element && element.addEventListener) {
-    removeWheelHandler(element);
-    const fn = function(event) {
-      const normalized = Y(event);
-      callback && Reflect.apply(callback, this, [event, normalized]);
-    };
-    element[SCOPE] = { wheelHandler: fn };
-    element.addEventListener("wheel", fn, { passive: true });
-  }
-};
-const removeWheelHandler = (element) => {
-  var _a;
-  if ((_a = element[SCOPE]) == null ? void 0 : _a.wheelHandler) {
-    element.removeEventListener("wheel", element[SCOPE].wheelHandler);
-    element[SCOPE] = null;
-  }
-};
-const Mousewheel = {
-  beforeMount(el, binding) {
-    mousewheel(el, binding.value);
-  },
-  unmounted(el) {
-    removeWheelHandler(el);
-  },
-  updated(el, binding) {
-    if (binding.value !== binding.oldValue) mousewheel(el, binding.value);
-  }
-};
-const getCell = function(event) {
-  var _a;
-  return (_a = event.target) == null ? void 0 : _a.closest("td");
-};
-const orderBy = function(array, sortKey, reverse, sortMethod, sortBy) {
-  if (!sortKey && !sortMethod && (!sortBy || isArray$1(sortBy) && !sortBy.length)) return array;
-  if (isString(reverse)) reverse = reverse === "descending" ? -1 : 1;
-  else reverse = reverse && reverse < 0 ? -1 : 1;
-  const getKey = sortMethod ? null : function(value, index) {
-    if (sortBy) return flatMap(castArray(sortBy), (by) => {
-      if (isString(by)) return get(value, by);
-      else return by(value, index, array);
-    });
-    if (sortKey !== "$key") {
-      if (isObject$1(value) && "$value" in value) value = value.$value;
-    }
-    return [isObject$1(value) ? sortKey ? get(value, sortKey) : null : value];
-  };
-  const compare = function(a2, b2) {
-    var _a, _b, _c, _d, _e;
-    if (sortMethod) return sortMethod(a2.value, b2.value);
-    for (let i = 0, len = ((_a = a2.key) == null ? void 0 : _a.length) ?? 0; i < len; i++) {
-      if (((_b = a2.key) == null ? void 0 : _b[i]) < ((_c = b2.key) == null ? void 0 : _c[i])) return -1;
-      if (((_d = a2.key) == null ? void 0 : _d[i]) > ((_e = b2.key) == null ? void 0 : _e[i])) return 1;
-    }
-    return 0;
-  };
-  return array.map((value, index) => {
-    return {
-      value,
-      index,
-      key: getKey ? getKey(value, index) : null
-    };
-  }).sort((a2, b2) => {
-    let order = compare(a2, b2);
-    if (!order) order = a2.index - b2.index;
-    return order * +reverse;
-  }).map((item) => item.value);
-};
-const getColumnById = function(table, columnId) {
-  let column = null;
-  table.columns.forEach((item) => {
-    if (item.id === columnId) column = item;
-  });
-  return column;
-};
-const getColumnByKey = function(table, columnKey) {
-  let column = null;
-  for (let i = 0; i < table.columns.length; i++) {
-    const item = table.columns[i];
-    if (item.columnKey === columnKey) {
-      column = item;
-      break;
-    }
-  }
-  if (!column) throwError("ElTable", `No column matching with column-key: ${columnKey}`);
-  return column;
-};
-const getColumnByCell = function(table, cell, namespace) {
-  const matches = (cell.className || "").match(new RegExp(`${namespace}-table_[^\\s]+`, "gm"));
-  if (matches) return getColumnById(table, matches[0]);
-  return null;
-};
-const getRowIdentity = (row, rowKey) => {
-  if (!row) throw new Error("Row is required when get row identity");
-  if (isString(rowKey)) {
-    if (!rowKey.includes(".")) return `${row[rowKey]}`;
-    const key = rowKey.split(".");
-    let current = row;
-    for (const element of key) current = current[element];
-    return `${current}`;
-  } else if (isFunction$1(rowKey)) return rowKey.call(null, row);
-  return "";
-};
-const getKeysMap = function(array, rowKey, flatten = false, childrenKey = "children") {
-  const data = array || [];
-  const arrayMap2 = {};
-  data.forEach((row, index) => {
-    arrayMap2[getRowIdentity(row, rowKey)] = {
-      row,
-      index
-    };
-    if (flatten) {
-      const children = row[childrenKey];
-      if (isArray$1(children)) Object.assign(arrayMap2, getKeysMap(children, rowKey, true, childrenKey));
-    }
-  });
-  return arrayMap2;
-};
-function mergeOptions(defaults, config) {
-  const options = {};
-  let key;
-  for (key in defaults) options[key] = defaults[key];
-  for (key in config) if (hasOwn(config, key)) {
-    const value = config[key];
-    if (!isUndefined(value)) options[key] = value;
-  }
-  return options;
-}
-function parseWidth(width) {
-  if (width === "") return width;
-  if (!isUndefined(width)) {
-    width = Number.parseInt(width, 10);
-    if (Number.isNaN(width)) width = "";
-  }
-  return width;
-}
-function parseMinWidth(minWidth) {
-  if (minWidth === "") return minWidth;
-  if (!isUndefined(minWidth)) {
-    minWidth = parseWidth(minWidth);
-    if (Number.isNaN(minWidth)) minWidth = 80;
-  }
-  return minWidth;
-}
-function parseHeight(height) {
-  if (isNumber(height)) return height;
-  if (isString(height)) if (/^\d+(?:px)?$/.test(height)) return Number.parseInt(height, 10);
-  else return height;
-  return null;
-}
-function compose(...funcs) {
-  if (funcs.length === 0) return (arg) => arg;
-  if (funcs.length === 1) return funcs[0];
-  return funcs.reduce((a2, b2) => (...args) => a2(b2(...args)));
-}
-function toggleRowStatus(statusArr, row, newVal, tableTreeProps, selectable, rowIndex, rowKey) {
-  let _rowIndex = rowIndex ?? 0;
-  let changed = false;
-  const getIndex = () => {
-    if (!rowKey) return statusArr.indexOf(row);
-    const id = getRowIdentity(row, rowKey);
-    return statusArr.findIndex((item) => getRowIdentity(item, rowKey) === id);
-  };
-  const index = getIndex();
-  const included = index !== -1;
-  const isRowSelectable = selectable == null ? void 0 : selectable.call(null, row, _rowIndex);
-  const toggleStatus = (type) => {
-    if (type === "add") statusArr.push(row);
-    else statusArr.splice(index, 1);
-    changed = true;
-  };
-  const getChildrenCount = (row2) => {
-    let count = 0;
-    const children = (tableTreeProps == null ? void 0 : tableTreeProps.children) && row2[tableTreeProps.children];
-    if (children && isArray$1(children)) {
-      count += children.length;
-      children.forEach((item) => {
-        count += getChildrenCount(item);
-      });
-    }
-    return count;
-  };
-  if (!selectable || isRowSelectable) if (isBoolean(newVal)) {
-    if (newVal && !included) toggleStatus("add");
-    else if (!newVal && included) toggleStatus("remove");
-  } else included ? toggleStatus("remove") : toggleStatus("add");
-  if (!(tableTreeProps == null ? void 0 : tableTreeProps.checkStrictly) && (tableTreeProps == null ? void 0 : tableTreeProps.children) && isArray$1(row[tableTreeProps.children])) row[tableTreeProps.children].forEach((item) => {
-    const childChanged = toggleRowStatus(statusArr, item, newVal ?? !included, tableTreeProps, selectable, _rowIndex + 1, rowKey);
-    _rowIndex += getChildrenCount(item) + 1;
-    if (childChanged) changed = childChanged;
-  });
-  return changed;
-}
-function walkTreeNode(root, cb, childrenKey = "children", lazyKey = "hasChildren", lazy = false) {
-  const isNil = (array) => !(isArray$1(array) && array.length);
-  function _walker(parent, children, level) {
-    cb(parent, children, level);
-    children.forEach((item) => {
-      if (item[lazyKey] && lazy) {
-        cb(item, null, level + 1);
-        return;
-      }
-      const children2 = item[childrenKey];
-      if (!isNil(children2)) _walker(item, children2, level + 1);
-    });
-  }
-  root.forEach((item) => {
-    if (item[lazyKey] && lazy) {
-      cb(item, null, 0);
-      return;
-    }
-    const children = item[childrenKey];
-    if (!isNil(children)) _walker(item, children, 0);
-  });
-}
-const getTableOverflowTooltipProps = (props, innerText, row, column) => {
-  const popperOptions = {
-    strategy: "fixed",
-    ...props.popperOptions
-  };
-  const tooltipFormatterContent = isFunction$1(column == null ? void 0 : column.tooltipFormatter) ? column.tooltipFormatter({
-    row,
-    column,
-    cellValue: getProp(row, column.property).value
-  }) : void 0;
-  if (isVNode(tooltipFormatterContent)) return {
-    slotContent: tooltipFormatterContent,
-    content: null,
-    ...props,
-    popperOptions
-  };
-  return {
-    slotContent: null,
-    content: tooltipFormatterContent ?? innerText,
-    ...props,
-    popperOptions
-  };
-};
-let removePopper = null;
-function createTablePopper(props, popperContent, row, column, trigger, table) {
-  var _a;
-  const tableOverflowTooltipProps = getTableOverflowTooltipProps(props, popperContent, row, column);
-  const mergedProps = {
-    ...tableOverflowTooltipProps,
-    slotContent: void 0
-  };
-  if ((removePopper == null ? void 0 : removePopper.trigger) === trigger) {
-    const comp = (_a = removePopper.vm) == null ? void 0 : _a.component;
-    merge(comp == null ? void 0 : comp.props, mergedProps);
-    if (comp && tableOverflowTooltipProps.slotContent) comp.slots.content = () => [tableOverflowTooltipProps.slotContent];
-    return;
-  }
-  removePopper == null ? void 0 : removePopper();
-  const parentNode = table == null ? void 0 : table.refs.tableWrapper;
-  const ns = parentNode == null ? void 0 : parentNode.dataset.prefix;
-  const vm = createVNode(ElTooltip, {
-    virtualTriggering: true,
-    virtualRef: trigger,
-    appendTo: parentNode,
-    placement: "top",
-    transition: "none",
-    offset: 0,
-    hideAfter: 0,
-    ...mergedProps
-  }, tableOverflowTooltipProps.slotContent ? { content: () => tableOverflowTooltipProps.slotContent } : void 0);
-  vm.appContext = {
-    ...table.appContext,
-    ...table
-  };
-  const container = document.createElement("div");
-  render(vm, container);
-  vm.component.exposed.onOpen();
-  const scrollContainer = parentNode == null ? void 0 : parentNode.querySelector(`.${ns}-scrollbar__wrap`);
-  removePopper = () => {
-    var _a2, _b;
-    if ((_b = (_a2 = vm.component) == null ? void 0 : _a2.exposed) == null ? void 0 : _b.onClose) vm.component.exposed.onClose();
-    render(null, container);
-    const currentRemovePopper = removePopper;
-    scrollContainer == null ? void 0 : scrollContainer.removeEventListener("scroll", currentRemovePopper);
-    currentRemovePopper.trigger = void 0;
-    currentRemovePopper.vm = void 0;
-    removePopper = null;
-  };
-  removePopper.trigger = trigger ?? void 0;
-  removePopper.vm = vm;
-  scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", removePopper);
-}
-function getCurrentColumns(column) {
-  if (column.children) return flatMap(column.children, getCurrentColumns);
-  else return [column];
-}
-function getColSpan(colSpan, column) {
-  return colSpan + column.colSpan;
-}
-const isFixedColumn = (index, fixed, store, realColumns) => {
-  let start = 0;
-  let after = index;
-  const columns = store.states.columns.value;
-  if (realColumns) {
-    const curColumns = getCurrentColumns(realColumns[index]);
-    start = columns.slice(0, columns.indexOf(curColumns[0])).reduce(getColSpan, 0);
-    after = start + curColumns.reduce(getColSpan, 0) - 1;
-  } else start = index;
-  let fixedLayout;
-  switch (fixed) {
-    case "left":
-      if (after < store.states.fixedLeafColumnsLength.value) fixedLayout = "left";
-      break;
-    case "right":
-      if (start >= columns.length - store.states.rightFixedLeafColumnsLength.value) fixedLayout = "right";
-      break;
-    default:
-      if (after < store.states.fixedLeafColumnsLength.value) fixedLayout = "left";
-      else if (start >= columns.length - store.states.rightFixedLeafColumnsLength.value) fixedLayout = "right";
-  }
-  return fixedLayout ? {
-    direction: fixedLayout,
-    start,
-    after
-  } : {};
-};
-const getFixedColumnsClass = (namespace, index, fixed, store, realColumns, offset = 0) => {
-  const classes = [];
-  const { direction, start, after } = isFixedColumn(index, fixed, store, realColumns);
-  if (direction) {
-    const isLeft = direction === "left";
-    classes.push(`${namespace}-fixed-column--${direction}`);
-    if (isLeft && after + offset === store.states.fixedLeafColumnsLength.value - 1) classes.push("is-last-column");
-    else if (!isLeft && start - offset === store.states.columns.value.length - store.states.rightFixedLeafColumnsLength.value) classes.push("is-first-column");
-  }
-  return classes;
-};
-function getOffset(offset, column) {
-  return offset + (isNull(column.realWidth) || Number.isNaN(column.realWidth) ? Number(column.width) : column.realWidth);
-}
-const getFixedColumnOffset = (index, fixed, store, realColumns) => {
-  const { direction, start = 0, after = 0 } = isFixedColumn(index, fixed, store, realColumns);
-  if (!direction) return;
-  const styles = {};
-  const isLeft = direction === "left";
-  const columns = store.states.columns.value;
-  if (isLeft) styles.left = columns.slice(0, start).reduce(getOffset, 0);
-  else styles.right = columns.slice(after + 1).reverse().reduce(getOffset, 0);
-  return styles;
-};
-const ensurePosition = (style, key) => {
-  if (!style) return;
-  if (!Number.isNaN(style[key])) style[key] = `${style[key]}px`;
-};
-function ensureValidVNode(vnodes) {
-  return vnodes.some((child) => {
-    if (!isVNode(child)) return true;
-    if (child.type === Comment) return false;
-    if (child.type === Fragment && !ensureValidVNode(child.children)) return false;
-    return true;
-  }) ? vnodes : null;
-}
-function useExpand(watcherData) {
-  const instance = getCurrentInstance();
-  const defaultExpandAll = ref(false);
-  const expandRows = ref([]);
-  const canRowExpand = (row, index) => {
-    const expandableFn = instance.store.states.rowExpandable.value;
-    return (expandableFn == null ? void 0 : expandableFn(row, index)) ?? true;
-  };
-  const updateExpandRows = () => {
-    const data = watcherData.data.value || [];
-    const rowKey = watcherData.rowKey.value;
-    if (defaultExpandAll.value) expandRows.value = instance.store.states.rowExpandable.value ? data.filter(canRowExpand) : data.slice();
-    else if (rowKey) {
-      const expandRowsMap = getKeysMap(expandRows.value, rowKey);
-      expandRows.value = data.filter((row, index) => {
-        return !!expandRowsMap[getRowIdentity(row, rowKey)] && canRowExpand(row, index);
-      });
-    } else expandRows.value = [];
-  };
-  const toggleRowExpansion = (row, expanded) => {
-    const rowIndex = (watcherData.data.value || []).indexOf(row);
-    if (rowIndex > -1 && !canRowExpand(row, rowIndex)) return;
-    if (toggleRowStatus(expandRows.value, row, expanded, void 0, void 0, void 0, watcherData.rowKey.value)) instance.emit("expand-change", row, expandRows.value.slice());
-  };
-  const setExpandRowKeys = (rowKeys) => {
-    instance.store.assertRowKey();
-    const data = watcherData.data.value || [];
-    const rowKey = watcherData.rowKey.value;
-    const keysMap = getKeysMap(data, rowKey);
-    expandRows.value = rowKeys.reduce((prev, cur) => {
-      const info = keysMap[cur];
-      if (info && canRowExpand(info.row, info.index)) prev.push(info.row);
-      return prev;
-    }, []);
-  };
-  const isRowExpanded = (row) => {
-    const rowKey = watcherData.rowKey.value;
-    if (rowKey) return !!getKeysMap(expandRows.value, rowKey)[getRowIdentity(row, rowKey)];
-    return expandRows.value.includes(row);
-  };
-  return {
-    updateExpandRows,
-    toggleRowExpansion,
-    setExpandRowKeys,
-    isRowExpanded,
-    states: {
-      expandRows,
-      defaultExpandAll
-    }
-  };
-}
-function useCurrent(watcherData) {
-  const instance = getCurrentInstance();
-  const _currentRowKey = ref(null);
-  const currentRow = ref(null);
-  const setCurrentRowKey = (key) => {
-    instance.store.assertRowKey();
-    _currentRowKey.value = key;
-    setCurrentRowByKey(key);
-  };
-  const restoreCurrentRowKey = () => {
-    _currentRowKey.value = null;
-  };
-  const setCurrentRowByKey = (key) => {
-    const { data, rowKey } = watcherData;
-    const oldCurrentRow = currentRow.value;
-    let _currentRow = null;
-    if (rowKey.value) _currentRow = (unref(data) || []).find((item) => getRowIdentity(item, rowKey.value) === key) ?? null;
-    currentRow.value = _currentRow ?? null;
-    instance.emit("current-change", currentRow.value, oldCurrentRow);
-  };
-  const updateCurrentRow = (_currentRow) => {
-    const oldCurrentRow = currentRow.value;
-    if (_currentRow && _currentRow !== oldCurrentRow) {
-      currentRow.value = _currentRow;
-      instance.emit("current-change", currentRow.value, oldCurrentRow);
-      return;
-    }
-    if (!_currentRow && oldCurrentRow) {
-      currentRow.value = null;
-      instance.emit("current-change", null, oldCurrentRow);
-    }
-  };
-  const updateCurrentRowData = () => {
-    const rowKey = watcherData.rowKey.value;
-    const data = watcherData.data.value || [];
-    const oldCurrentRow = currentRow.value;
-    if (oldCurrentRow && !data.includes(oldCurrentRow)) if (rowKey) setCurrentRowByKey(getRowIdentity(oldCurrentRow, rowKey));
-    else {
-      currentRow.value = null;
-      instance.emit("current-change", null, oldCurrentRow);
-    }
-    else if (_currentRowKey.value) {
-      setCurrentRowByKey(_currentRowKey.value);
-      restoreCurrentRowKey();
-    }
-  };
-  return {
-    setCurrentRowKey,
-    restoreCurrentRowKey,
-    setCurrentRowByKey,
-    updateCurrentRow,
-    updateCurrentRowData,
-    states: {
-      _currentRowKey,
-      currentRow
-    }
-  };
-}
-function useTree(watcherData) {
-  const expandRowKeys = ref([]);
-  const treeData = ref({});
-  const indent = ref(16);
-  const lazy = ref(false);
-  const lazyTreeNodeMap = ref({});
-  const lazyColumnIdentifier = ref("hasChildren");
-  const childrenColumnName = ref("children");
-  const checkStrictly = ref(false);
-  const instance = getCurrentInstance();
-  const normalizedData = computed(() => {
-    if (!watcherData.rowKey.value) return {};
-    return normalize(watcherData.data.value || []);
-  });
-  const normalizedLazyNode = computed(() => {
-    const rowKey = watcherData.rowKey.value;
-    const keys2 = Object.keys(lazyTreeNodeMap.value);
-    const res = {};
-    if (!keys2.length) return res;
-    keys2.forEach((key) => {
-      if (lazyTreeNodeMap.value[key].length) {
-        const item = { children: [] };
-        lazyTreeNodeMap.value[key].forEach((row) => {
-          const currentRowKey = getRowIdentity(row, rowKey);
-          item.children.push(currentRowKey);
-          if (row[lazyColumnIdentifier.value] && !res[currentRowKey]) res[currentRowKey] = { children: [] };
-        });
-        res[key] = item;
-      }
-    });
-    return res;
-  });
-  const normalize = (data) => {
-    const rowKey = watcherData.rowKey.value;
-    const res = {};
-    walkTreeNode(data, (parent, children, level) => {
-      const parentId = getRowIdentity(parent, rowKey);
-      if (isArray$1(children)) res[parentId] = {
-        children: children.map((row) => getRowIdentity(row, rowKey)),
-        level
-      };
-      else if (lazy.value) res[parentId] = {
-        children: [],
-        lazy: true,
-        level
-      };
-    }, childrenColumnName.value, lazyColumnIdentifier.value, lazy.value);
-    return res;
-  };
-  const updateTreeData = (ifChangeExpandRowKeys = false, ifExpandAll) => {
-    var _a, _b;
-    ifExpandAll || (ifExpandAll = (_a = instance.store) == null ? void 0 : _a.states.defaultExpandAll.value);
-    const nested = normalizedData.value;
-    const normalizedLazyNode_ = normalizedLazyNode.value;
-    const keys2 = Object.keys(nested);
-    const newTreeData = {};
-    if (keys2.length) {
-      const oldTreeData = unref(treeData);
-      const rootLazyRowKeys = [];
-      const getExpanded = (oldValue, key) => {
-        if (ifChangeExpandRowKeys) if (expandRowKeys.value) return ifExpandAll || expandRowKeys.value.includes(key);
-        else return !!(ifExpandAll || (oldValue == null ? void 0 : oldValue.expanded));
-        else {
-          const included = ifExpandAll || expandRowKeys.value && expandRowKeys.value.includes(key);
-          return !!((oldValue == null ? void 0 : oldValue.expanded) || included);
-        }
-      };
-      keys2.forEach((key) => {
-        const oldValue = oldTreeData[key];
-        const newValue = { ...nested[key] };
-        newValue.expanded = getExpanded(oldValue, key);
-        if (newValue.lazy) {
-          const { loaded = false, loading = false } = oldValue || {};
-          newValue.loaded = !!loaded;
-          newValue.loading = !!loading;
-          rootLazyRowKeys.push(key);
-        }
-        newTreeData[key] = newValue;
-      });
-      const lazyKeys = Object.keys(normalizedLazyNode_);
-      if (lazy.value && lazyKeys.length && rootLazyRowKeys.length) lazyKeys.forEach((key) => {
-        var _a2;
-        const oldValue = oldTreeData[key];
-        const lazyNodeChildren = normalizedLazyNode_[key].children;
-        if (rootLazyRowKeys.includes(key)) {
-          if (((_a2 = newTreeData[key].children) == null ? void 0 : _a2.length) !== 0) throw new Error("[ElTable]children must be an empty array.");
-          newTreeData[key].children = lazyNodeChildren;
-        } else {
-          const { loaded = false, loading = false } = oldValue || {};
-          newTreeData[key] = {
-            lazy: true,
-            loaded: !!loaded,
-            loading: !!loading,
-            expanded: getExpanded(oldValue, key),
-            children: lazyNodeChildren,
-            level: void 0
-          };
-        }
-      });
-    }
-    treeData.value = newTreeData;
-    (_b = instance.store) == null ? void 0 : _b.updateTableScrollY();
-  };
-  watch(() => expandRowKeys.value, () => {
-    updateTreeData(true);
-  }, { deep: true });
-  watch(() => normalizedData.value, () => {
-    updateTreeData();
-  });
-  watch(() => normalizedLazyNode.value, () => {
-    updateTreeData();
-  });
-  const updateTreeExpandKeys = (value) => {
-    expandRowKeys.value = value;
-    updateTreeData();
-  };
-  const isUseLazy = (data) => {
-    return lazy.value && data && "loaded" in data && !data.loaded;
-  };
-  const toggleTreeExpansion = (row, expanded) => {
-    instance.store.assertRowKey();
-    const rowKey = watcherData.rowKey.value;
-    const id = getRowIdentity(row, rowKey);
-    const data = id && treeData.value[id];
-    if (id && data && "expanded" in data) {
-      const oldExpanded = data.expanded;
-      expanded = isUndefined(expanded) ? !data.expanded : expanded;
-      treeData.value[id].expanded = expanded;
-      if (oldExpanded !== expanded) instance.emit("expand-change", row, expanded);
-      expanded && isUseLazy(data) && loadData(row, id, data);
-      instance.store.updateTableScrollY();
-    }
-  };
-  const loadOrToggle = (row) => {
-    instance.store.assertRowKey();
-    const rowKey = watcherData.rowKey.value;
-    const id = getRowIdentity(row, rowKey);
-    const data = treeData.value[id];
-    if (isUseLazy(data)) loadData(row, id, data);
-    else toggleTreeExpansion(row, void 0);
-  };
-  const loadData = (row, key, treeNode) => {
-    const { load } = instance.props;
-    if (load && !treeData.value[key].loaded) {
-      treeData.value[key].loading = true;
-      load(row, treeNode, (data) => {
-        if (!isArray$1(data)) throw new TypeError("[ElTable] data must be an array");
-        treeData.value[key].loading = false;
-        treeData.value[key].loaded = true;
-        treeData.value[key].expanded = true;
-        if (data.length) lazyTreeNodeMap.value[key] = data;
-        instance.emit("expand-change", row, true);
-      });
-    }
-  };
-  const updateKeyChildren = (key, data) => {
-    const { lazy: lazy2, rowKey } = instance.props;
-    if (!lazy2) return;
-    if (!rowKey) throw new Error("[Table] rowKey is required in updateKeyChild");
-    if (lazyTreeNodeMap.value[key]) lazyTreeNodeMap.value[key] = data;
-  };
-  return {
-    loadData,
-    loadOrToggle,
-    toggleTreeExpansion,
-    updateTreeExpandKeys,
-    updateTreeData,
-    updateKeyChildren,
-    normalize,
-    states: {
-      expandRowKeys,
-      treeData,
-      indent,
-      lazy,
-      lazyTreeNodeMap,
-      lazyColumnIdentifier,
-      childrenColumnName,
-      checkStrictly
-    }
-  };
-}
-const sortData = (data, states) => {
-  const sortingColumn = states.sortingColumn;
-  if (!sortingColumn || isString(sortingColumn.sortable)) return data;
-  return orderBy(data, states.sortProp, states.sortOrder, sortingColumn.sortMethod, sortingColumn.sortBy);
-};
-const doFlattenColumns = (columns) => {
-  const result = [];
-  columns.forEach((column) => {
-    if (column.children && column.children.length > 0) result.push.apply(result, doFlattenColumns(column.children));
-    else result.push(column);
-  });
-  return result;
-};
-function useWatcher$1() {
-  var _a;
-  const instance = getCurrentInstance();
-  const { size: tableSize } = toRefs((_a = instance.proxy) == null ? void 0 : _a.$props);
-  const rowKey = ref(null);
-  const data = ref([]);
-  const _data = ref([]);
-  const isComplex = ref(false);
-  const _columns = ref([]);
-  const originColumns = ref([]);
-  const columns = ref([]);
-  const fixedColumns = ref([]);
-  const rightFixedColumns = ref([]);
-  const leafColumns = ref([]);
-  const fixedLeafColumns = ref([]);
-  const rightFixedLeafColumns = ref([]);
-  const updateOrderFns = [];
-  const leafColumnsLength = ref(0);
-  const fixedLeafColumnsLength = ref(0);
-  const rightFixedLeafColumnsLength = ref(0);
-  const isAllSelected = ref(false);
-  const selection = ref([]);
-  const reserveSelection = ref(false);
-  const selectOnIndeterminate = ref(false);
-  const selectable = ref(null);
-  const rowExpandable = ref(null);
-  const filters = ref({});
-  const filteredData = ref(null);
-  const sortingColumn = ref(null);
-  const sortProp = ref(null);
-  const sortOrder = ref(null);
-  const hoverRow = ref(null);
-  const selectedMap = computed(() => {
-    return rowKey.value ? getKeysMap(selection.value, rowKey.value) : void 0;
-  });
-  watch(data, () => {
-    var _a2;
-    if (instance.state) {
-      scheduleLayout(false);
-      if (instance.props.tableLayout === "auto") (_a2 = instance.refs.tableHeaderRef) == null ? void 0 : _a2.updateFixedColumnStyle();
-    }
-  }, { deep: true });
-  const assertRowKey = () => {
-    if (!rowKey.value) throw new Error("[ElTable] prop row-key is required");
-  };
-  const updateChildFixed = (column) => {
-    var _a2;
-    (_a2 = column.children) == null ? void 0 : _a2.forEach((childColumn) => {
-      childColumn.fixed = column.fixed;
-      updateChildFixed(childColumn);
-    });
-  };
-  const updateColumns = () => {
-    _columns.value.forEach((column) => {
-      updateChildFixed(column);
-    });
-    fixedColumns.value = _columns.value.filter((column) => [true, "left"].includes(column.fixed));
-    const selectColumn = _columns.value.find((column) => column.type === "selection");
-    let selectColFixLeft;
-    if (selectColumn && selectColumn.fixed !== "right" && !fixedColumns.value.includes(selectColumn)) {
-      if (_columns.value.indexOf(selectColumn) === 0 && fixedColumns.value.length) {
-        fixedColumns.value.unshift(selectColumn);
-        selectColFixLeft = true;
-      }
-    }
-    rightFixedColumns.value = _columns.value.filter((column) => column.fixed === "right");
-    const notFixedColumns = _columns.value.filter((column) => (selectColFixLeft ? column.type !== "selection" : true) && !column.fixed);
-    originColumns.value = Array.from(fixedColumns.value).concat(notFixedColumns).concat(rightFixedColumns.value);
-    const leafColumns2 = doFlattenColumns(notFixedColumns);
-    const fixedLeafColumns2 = doFlattenColumns(fixedColumns.value);
-    const rightFixedLeafColumns2 = doFlattenColumns(rightFixedColumns.value);
-    leafColumnsLength.value = leafColumns2.length;
-    fixedLeafColumnsLength.value = fixedLeafColumns2.length;
-    rightFixedLeafColumnsLength.value = rightFixedLeafColumns2.length;
-    columns.value = Array.from(fixedLeafColumns2).concat(leafColumns2).concat(rightFixedLeafColumns2);
-    isComplex.value = fixedColumns.value.length > 0 || rightFixedColumns.value.length > 0;
-  };
-  const scheduleLayout = (needUpdateColumns, immediate = false) => {
-    if (needUpdateColumns) updateColumns();
-    if (immediate) instance.state.doLayout();
-    else instance.state.debouncedUpdateLayout();
-  };
-  const isSelected = (row) => {
-    if (selectedMap.value) return !!selectedMap.value[getRowIdentity(row, rowKey.value)];
-    else return selection.value.includes(row);
-  };
-  const clearSelection = () => {
-    isAllSelected.value = false;
-    const oldSelection = selection.value;
-    selection.value = [];
-    if (oldSelection.length) instance.emit("selection-change", []);
-  };
-  const cleanSelection = () => {
-    var _a2, _b;
-    let deleted;
-    if (rowKey.value) {
-      deleted = [];
-      const childrenKey = (_b = (_a2 = instance == null ? void 0 : instance.store) == null ? void 0 : _a2.states) == null ? void 0 : _b.childrenColumnName.value;
-      const dataMap = getKeysMap(data.value, rowKey.value, true, childrenKey);
-      for (const key in selectedMap.value) if (hasOwn(selectedMap.value, key) && !dataMap[key]) deleted.push(selectedMap.value[key].row);
-    } else deleted = selection.value.filter((item) => !data.value.includes(item));
-    if (deleted.length) {
-      const newSelection = selection.value.filter((item) => !deleted.includes(item));
-      selection.value = newSelection;
-      instance.emit("selection-change", newSelection.slice());
-    }
-  };
-  const getSelectionRows = () => {
-    return (selection.value || []).slice();
-  };
-  const toggleRowSelection = (row, selected, emitChange = true, ignoreSelectable = false) => {
-    var _a2, _b, _c, _d;
-    const treeProps = {
-      children: (_b = (_a2 = instance == null ? void 0 : instance.store) == null ? void 0 : _a2.states) == null ? void 0 : _b.childrenColumnName.value,
-      checkStrictly: (_d = (_c = instance == null ? void 0 : instance.store) == null ? void 0 : _c.states) == null ? void 0 : _d.checkStrictly.value
-    };
-    if (toggleRowStatus(selection.value, row, selected, treeProps, ignoreSelectable ? void 0 : selectable.value, data.value.indexOf(row), rowKey.value)) {
-      const newSelection = (selection.value || []).slice();
-      if (emitChange) instance.emit("select", newSelection, row);
-      instance.emit("selection-change", newSelection);
-    }
-  };
-  const _toggleAllSelection = () => {
-    var _a2, _b;
-    const value = selectOnIndeterminate.value ? !isAllSelected.value : !(isAllSelected.value || selection.value.length);
-    isAllSelected.value = value;
-    let selectionChanged = false;
-    let childrenCount = 0;
-    const rowKey2 = (_b = (_a2 = instance == null ? void 0 : instance.store) == null ? void 0 : _a2.states) == null ? void 0 : _b.rowKey.value;
-    const { childrenColumnName } = instance.store.states;
-    const treeProps = {
-      children: childrenColumnName.value,
-      checkStrictly: false
-    };
-    data.value.forEach((row, index) => {
-      const rowIndex = index + childrenCount;
-      if (toggleRowStatus(selection.value, row, value, treeProps, selectable.value, rowIndex, rowKey2)) selectionChanged = true;
-      childrenCount += getChildrenCount(getRowIdentity(row, rowKey2));
-    });
-    if (selectionChanged) instance.emit("selection-change", selection.value ? selection.value.slice() : []);
-    instance.emit("select-all", (selection.value || []).slice());
-  };
-  const updateAllSelected = () => {
-    var _a2;
-    if (((_a2 = data.value) == null ? void 0 : _a2.length) === 0) {
-      isAllSelected.value = false;
-      return;
-    }
-    const { childrenColumnName } = instance.store.states;
-    let rowIndex = 0;
-    let selectedCount = 0;
-    const checkSelectedStatus = (data2) => {
-      var _a3;
-      for (const row of data2) {
-        const isRowSelectable = selectable.value && selectable.value.call(null, row, rowIndex);
-        if (!isSelected(row)) {
-          if (!selectable.value || isRowSelectable) return false;
-        } else selectedCount++;
-        rowIndex++;
-        if (((_a3 = row[childrenColumnName.value]) == null ? void 0 : _a3.length) && !checkSelectedStatus(row[childrenColumnName.value])) return false;
-      }
-      return true;
-    };
-    const isAllSelected_ = checkSelectedStatus(data.value || []);
-    isAllSelected.value = selectedCount === 0 ? false : isAllSelected_;
-  };
-  const getChildrenCount = (rowKey2) => {
-    var _a2;
-    if (!instance || !instance.store) return 0;
-    const { treeData } = instance.store.states;
-    let count = 0;
-    const children = (_a2 = treeData.value[rowKey2]) == null ? void 0 : _a2.children;
-    if (children) {
-      count += children.length;
-      children.forEach((childKey) => {
-        count += getChildrenCount(childKey);
-      });
-    }
-    return count;
-  };
-  const updateFilters = (column, values) => {
-    const filters_ = {};
-    castArray(column).forEach((col) => {
-      filters.value[col.id] = values;
-      filters_[col.columnKey || col.id] = values;
-    });
-    return filters_;
-  };
-  const updateSort = (column, prop, order) => {
-    if (sortingColumn.value && sortingColumn.value !== column) sortingColumn.value.order = null;
-    sortingColumn.value = column;
-    sortProp.value = prop;
-    sortOrder.value = order;
-  };
-  const execFilter = () => {
-    let sourceData = unref(_data);
-    Object.keys(filters.value).forEach((columnId) => {
-      const values = filters.value[columnId];
-      if (!values || values.length === 0) return;
-      const column = getColumnById({ columns: columns.value }, columnId);
-      if (column && column.filterMethod) sourceData = sourceData.filter((row) => {
-        return values.some((value) => column.filterMethod.call(null, value, row, column));
-      });
-    });
-    filteredData.value = sourceData;
-  };
-  const execSort = () => {
-    data.value = sortData(filteredData.value ?? [], {
-      sortingColumn: sortingColumn.value,
-      sortProp: sortProp.value,
-      sortOrder: sortOrder.value
-    });
-  };
-  const execQuery = (ignore = void 0) => {
-    if (!(ignore == null ? void 0 : ignore.filter)) execFilter();
-    execSort();
-  };
-  const clearFilter = (columnKeys) => {
-    const { tableHeaderRef } = instance.refs;
-    if (!tableHeaderRef) return;
-    const panels = Object.assign({}, tableHeaderRef.filterPanels);
-    const keys2 = Object.keys(panels);
-    if (!keys2.length) return;
-    if (isString(columnKeys)) columnKeys = [columnKeys];
-    if (isArray$1(columnKeys)) {
-      const columns_ = columnKeys.map((key) => getColumnByKey({ columns: columns.value }, key));
-      keys2.forEach((key) => {
-        const column = columns_.find((col) => col.id === key);
-        if (column) column.filteredValue = [];
-      });
-      instance.store.commit("filterChange", {
-        column: columns_,
-        values: [],
-        silent: true,
-        multi: true
-      });
-    } else {
-      keys2.forEach((key) => {
-        const column = columns.value.find((col) => col.id === key);
-        if (column) column.filteredValue = [];
-      });
-      filters.value = {};
-      instance.store.commit("filterChange", {
-        column: {},
-        values: [],
-        silent: true
-      });
-    }
-  };
-  const clearSort = () => {
-    if (!sortingColumn.value) return;
-    updateSort(null, null, null);
-    instance.store.commit("changeSortCondition", { silent: true });
-  };
-  const { setExpandRowKeys, toggleRowExpansion, updateExpandRows, states: expandStates, isRowExpanded } = useExpand({
-    data,
-    rowKey
-  });
-  const { updateTreeExpandKeys, toggleTreeExpansion, updateTreeData, updateKeyChildren, loadOrToggle, states: treeStates } = useTree({
-    data,
-    rowKey
-  });
-  const { updateCurrentRowData, updateCurrentRow, setCurrentRowKey, states: currentData } = useCurrent({
-    data,
-    rowKey
-  });
-  const setExpandRowKeysAdapter = (val) => {
-    setExpandRowKeys(val);
-    updateTreeExpandKeys(val);
-  };
-  const toggleRowExpansionAdapter = (row, expanded) => {
-    if (columns.value.some(({ type }) => type === "expand")) toggleRowExpansion(row, expanded);
-    else toggleTreeExpansion(row, expanded);
-  };
-  return {
-    assertRowKey,
-    updateColumns,
-    scheduleLayout,
-    isSelected,
-    clearSelection,
-    cleanSelection,
-    getSelectionRows,
-    toggleRowSelection,
-    _toggleAllSelection,
-    toggleAllSelection: null,
-    updateAllSelected,
-    updateFilters,
-    updateCurrentRow,
-    updateSort,
-    execFilter,
-    execSort,
-    execQuery,
-    clearFilter,
-    clearSort,
-    toggleRowExpansion,
-    setExpandRowKeysAdapter,
-    setCurrentRowKey,
-    toggleRowExpansionAdapter,
-    isRowExpanded,
-    updateExpandRows,
-    updateCurrentRowData,
-    loadOrToggle,
-    updateTreeData,
-    updateKeyChildren,
-    states: {
-      tableSize,
-      rowKey,
-      data,
-      _data,
-      isComplex,
-      _columns,
-      originColumns,
-      columns,
-      fixedColumns,
-      rightFixedColumns,
-      leafColumns,
-      fixedLeafColumns,
-      rightFixedLeafColumns,
-      updateOrderFns,
-      leafColumnsLength,
-      fixedLeafColumnsLength,
-      rightFixedLeafColumnsLength,
-      isAllSelected,
-      selection,
-      reserveSelection,
-      selectOnIndeterminate,
-      selectable,
-      rowExpandable,
-      filters,
-      filteredData,
-      sortingColumn,
-      sortProp,
-      sortOrder,
-      hoverRow,
-      ...expandStates,
-      ...treeStates,
-      ...currentData
-    }
-  };
-}
-function replaceColumn(array, column) {
-  return array.map((item) => {
-    var _a;
-    if (item.id === column.id) return column;
-    else if ((_a = item.children) == null ? void 0 : _a.length) item.children = replaceColumn(item.children, column);
-    return item;
-  });
-}
-function sortColumn(array) {
-  array.forEach((item) => {
-    var _a, _b;
-    item.no = (_a = item.getColumnIndex) == null ? void 0 : _a.call(item);
-    if ((_b = item.children) == null ? void 0 : _b.length) sortColumn(item.children);
-  });
-  array.sort((cur, pre) => cur.no - pre.no);
-}
-function useStore() {
-  const instance = getCurrentInstance();
-  const watcher = useWatcher$1();
-  const ns = useNamespace("table");
-  const { t } = useLocale();
-  const mutations = {
-    setData(states, data) {
-      const dataInstanceChanged = unref(states._data) !== data;
-      states.data.value = data;
-      states._data.value = data;
-      instance.store.execQuery();
-      instance.store.updateCurrentRowData();
-      instance.store.updateExpandRows();
-      instance.store.updateTreeData(instance.store.states.defaultExpandAll.value);
-      if (unref(states.reserveSelection)) instance.store.assertRowKey();
-      else if (dataInstanceChanged) instance.store.clearSelection();
-      else instance.store.cleanSelection();
-      instance.store.updateAllSelected();
-      if (instance.$ready) instance.store.scheduleLayout();
-    },
-    insertColumn(states, column, parent, updateColumnOrder) {
-      var _a;
-      const array = unref(states._columns);
-      let newColumns = [];
-      if (!parent) {
-        array.push(column);
-        newColumns = array;
-      } else {
-        if (parent && !parent.children) parent.children = [];
-        (_a = parent.children) == null ? void 0 : _a.push(column);
-        newColumns = replaceColumn(array, parent);
-      }
-      sortColumn(newColumns);
-      states._columns.value = newColumns;
-      states.updateOrderFns.push(updateColumnOrder);
-      if (column.type === "selection") {
-        states.selectable.value = column.selectable;
-        states.reserveSelection.value = column.reserveSelection;
-      }
-      if (instance.$ready) {
-        instance.store.updateColumns();
-        instance.store.scheduleLayout();
-      }
-    },
-    updateColumnOrder(states, column) {
-      var _a;
-      if (((_a = column.getColumnIndex) == null ? void 0 : _a.call(column)) === column.no) return;
-      sortColumn(states._columns.value);
-      if (instance.$ready) instance.store.updateColumns();
-    },
-    removeColumn(states, column, parent, updateColumnOrder) {
-      var _a;
-      const array = unref(states._columns) || [];
-      if (parent) {
-        (_a = parent.children) == null ? void 0 : _a.splice(parent.children.findIndex((item) => item.id === column.id), 1);
-        nextTick(() => {
-          var _a2;
-          if (((_a2 = parent.children) == null ? void 0 : _a2.length) === 0) delete parent.children;
-        });
-        states._columns.value = replaceColumn(array, parent);
-      } else {
-        const index = array.indexOf(column);
-        if (index > -1) {
-          array.splice(index, 1);
-          states._columns.value = array;
-        }
-      }
-      const updateFnIndex = states.updateOrderFns.indexOf(updateColumnOrder);
-      updateFnIndex > -1 && states.updateOrderFns.splice(updateFnIndex, 1);
-      if (instance.$ready) {
-        instance.store.updateColumns();
-        instance.store.scheduleLayout();
-      }
-    },
-    sort(states, options) {
-      const { prop, order, init } = options;
-      if (prop) {
-        const column = unref(states.columns).find((column2) => column2.property === prop);
-        if (column) {
-          column.order = order;
-          instance.store.updateSort(column, prop, order);
-          instance.store.commit("changeSortCondition", { init });
-        }
-      }
-    },
-    changeSortCondition(states, options) {
-      const { sortingColumn, sortProp, sortOrder } = states;
-      const columnValue = unref(sortingColumn), propValue = unref(sortProp), orderValue = unref(sortOrder);
-      if (isNull(orderValue)) {
-        states.sortingColumn.value = null;
-        states.sortProp.value = null;
-      }
-      instance.store.execQuery({ filter: true });
-      if (!options || !(options.silent || options.init)) instance.emit("sort-change", {
-        column: columnValue,
-        prop: propValue,
-        order: orderValue
-      });
-      instance.store.updateTableScrollY();
-    },
-    filterChange(_states, options) {
-      const { column, values, silent } = options;
-      const newFilters = instance.store.updateFilters(column, values);
-      instance.store.execQuery();
-      if (!silent) instance.emit("filter-change", newFilters);
-      instance.store.updateTableScrollY();
-    },
-    toggleAllSelection() {
-      var _a, _b;
-      (_b = (_a = instance.store).toggleAllSelection) == null ? void 0 : _b.call(_a);
-    },
-    rowSelectedChanged(_states, row) {
-      instance.store.toggleRowSelection(row);
-      instance.store.updateAllSelected();
-    },
-    setHoverRow(states, row) {
-      states.hoverRow.value = row;
-    },
-    setCurrentRow(_states, row) {
-      instance.store.updateCurrentRow(row);
-    }
-  };
-  const commit = function(name, ...args) {
-    const mutations2 = instance.store.mutations;
-    if (mutations2[name]) mutations2[name].apply(instance, [instance.store.states, ...args]);
-    else throw new Error(`Action not found: ${name}`);
-  };
-  const updateTableScrollY = function() {
-    nextTick(() => instance.layout.updateScrollY.apply(instance.layout));
-  };
-  return {
-    ns,
-    t,
-    ...watcher,
-    mutations,
-    commit,
-    updateTableScrollY
-  };
-}
-const InitialStateMap = {
-  rowKey: "rowKey",
-  defaultExpandAll: "defaultExpandAll",
-  rowExpandable: "rowExpandable",
-  selectOnIndeterminate: "selectOnIndeterminate",
-  indent: "indent",
-  lazy: "lazy",
-  ["treeProps.hasChildren"]: {
-    key: "lazyColumnIdentifier",
-    default: "hasChildren"
-  },
-  ["treeProps.children"]: {
-    key: "childrenColumnName",
-    default: "children"
-  },
-  ["treeProps.checkStrictly"]: {
-    key: "checkStrictly",
-    default: false
-  }
-};
-function createStore(table, props) {
-  if (!table) throw new Error("Table is required.");
-  const store = useStore();
-  store.toggleAllSelection = debounce(store._toggleAllSelection, 10);
-  Object.keys(InitialStateMap).forEach((key) => {
-    handleValue(getArrKeysValue(props, key), key, store);
-  });
-  proxyTableProps(store, props);
-  return store;
-}
-function proxyTableProps(store, props) {
-  Object.keys(InitialStateMap).forEach((key) => {
-    watch(() => getArrKeysValue(props, key), (value) => {
-      handleValue(value, key, store);
-    });
-  });
-}
-function handleValue(value, propsKey, store) {
-  let newVal = value;
-  let storeKey = InitialStateMap[propsKey];
-  if (isObject$1(storeKey)) {
-    newVal = newVal || storeKey.default;
-    storeKey = storeKey.key;
-  }
-  store.states[storeKey].value = newVal;
-}
-function getArrKeysValue(props, key) {
-  if (key.includes(".")) {
-    const keyList = key.split(".");
-    let value = props;
-    keyList.forEach((k) => {
-      value = value[k];
-    });
-    return value;
-  } else return props[key];
-}
-var TableLayout = class {
-  constructor(options) {
-    this.observers = [];
-    this.table = null;
-    this.store = null;
-    this.columns = [];
-    this.fit = true;
-    this.showHeader = true;
-    this.height = ref(null);
-    this.scrollX = ref(false);
-    this.scrollY = ref(false);
-    this.bodyWidth = ref(null);
-    this.fixedWidth = ref(null);
-    this.rightFixedWidth = ref(null);
-    this.gutterWidth = 0;
-    for (const name in options) if (hasOwn(options, name)) if (isRef(this[name])) this[name].value = options[name];
-    else this[name] = options[name];
-    if (!this.table) throw new Error("Table is required for Table Layout");
-    if (!this.store) throw new Error("Store is required for Table Layout");
-  }
-  updateScrollY() {
-    const height = this.height.value;
-    if (isNull(height)) return false;
-    const scrollBarRef = this.table.refs.scrollBarRef;
-    if (this.table.vnode.el && (scrollBarRef == null ? void 0 : scrollBarRef.wrapRef)) {
-      let scrollY = true;
-      const prevScrollY = this.scrollY.value;
-      scrollY = scrollBarRef.wrapRef.scrollHeight > scrollBarRef.wrapRef.clientHeight;
-      this.scrollY.value = scrollY;
-      return prevScrollY !== scrollY;
-    }
-    return false;
-  }
-  setHeight(value, prop = "height") {
-    if (!isClient) return;
-    const el = this.table.vnode.el;
-    value = parseHeight(value);
-    this.height.value = Number(value);
-    if (!el && (value || value === 0)) {
-      nextTick(() => this.setHeight(value, prop));
-      return;
-    }
-    if (el && isNumber(value)) {
-      el.style[prop] = `${value}px`;
-      this.updateElsHeight();
-    } else if (el && isString(value)) {
-      el.style[prop] = value;
-      this.updateElsHeight();
-    }
-  }
-  setMaxHeight(value) {
-    this.setHeight(value, "max-height");
-  }
-  getFlattenColumns() {
-    const flattenColumns = [];
-    this.table.store.states.columns.value.forEach((column) => {
-      if (column.isColumnGroup) flattenColumns.push.apply(flattenColumns, column.columns);
-      else flattenColumns.push(column);
-    });
-    return flattenColumns;
-  }
-  updateElsHeight() {
-    this.updateScrollY();
-    this.notifyObservers("scrollable");
-  }
-  headerDisplayNone(elm) {
-    if (!elm) return true;
-    let headerChild = elm;
-    while (headerChild.tagName !== "DIV") {
-      if (getComputedStyle(headerChild).display === "none") return true;
-      headerChild = headerChild.parentElement;
-    }
-    return false;
-  }
-  updateColumnsWidth() {
-    var _a;
-    if (!isClient) return;
-    const fit = this.fit;
-    const bodyWidth = (_a = this.table.vnode.el) == null ? void 0 : _a.clientWidth;
-    let bodyMinWidth = 0;
-    const flattenColumns = this.getFlattenColumns();
-    const flexColumns = flattenColumns.filter((column) => !isNumber(column.width));
-    flattenColumns.forEach((column) => {
-      if (isNumber(column.width) && column.realWidth) column.realWidth = null;
-    });
-    if (flexColumns.length > 0 && fit) {
-      flattenColumns.forEach((column) => {
-        bodyMinWidth += Number(column.width || column.minWidth || 80);
-      });
-      if (bodyMinWidth <= bodyWidth) {
-        this.scrollX.value = false;
-        const totalFlexWidth = bodyWidth - bodyMinWidth;
-        if (flexColumns.length === 1) flexColumns[0].realWidth = Number(flexColumns[0].minWidth || 80) + totalFlexWidth;
-        else {
-          const flexWidthPerPixel = totalFlexWidth / flexColumns.reduce((prev, column) => prev + Number(column.minWidth || 80), 0);
-          let noneFirstWidth = 0;
-          flexColumns.forEach((column, index) => {
-            if (index === 0) return;
-            const flexWidth = Math.floor(Number(column.minWidth || 80) * flexWidthPerPixel);
-            noneFirstWidth += flexWidth;
-            column.realWidth = Number(column.minWidth || 80) + flexWidth;
-          });
-          flexColumns[0].realWidth = Number(flexColumns[0].minWidth || 80) + totalFlexWidth - noneFirstWidth;
-        }
-      } else {
-        this.scrollX.value = true;
-        flexColumns.forEach((column) => {
-          column.realWidth = Number(column.minWidth);
-        });
-      }
-      this.bodyWidth.value = Math.max(bodyMinWidth, bodyWidth);
-      this.table.state.resizeState.value.width = this.bodyWidth.value;
-    } else {
-      flattenColumns.forEach((column) => {
-        if (!column.width && !column.minWidth) column.realWidth = 80;
-        else column.realWidth = Number(column.width || column.minWidth);
-        bodyMinWidth += column.realWidth;
-      });
-      this.scrollX.value = bodyMinWidth > bodyWidth;
-      this.bodyWidth.value = bodyMinWidth;
-    }
-    const fixedColumns = this.store.states.fixedColumns.value;
-    if (fixedColumns.length > 0) {
-      let fixedWidth = 0;
-      fixedColumns.forEach((column) => {
-        fixedWidth += Number(column.realWidth || column.width);
-      });
-      this.fixedWidth.value = fixedWidth;
-    }
-    const rightFixedColumns = this.store.states.rightFixedColumns.value;
-    if (rightFixedColumns.length > 0) {
-      let rightFixedWidth = 0;
-      rightFixedColumns.forEach((column) => {
-        rightFixedWidth += Number(column.realWidth || column.width);
-      });
-      this.rightFixedWidth.value = rightFixedWidth;
-    }
-    this.notifyObservers("columns");
-  }
-  addObserver(observer) {
-    this.observers.push(observer);
-  }
-  removeObserver(observer) {
-    const index = this.observers.indexOf(observer);
-    if (index !== -1) this.observers.splice(index, 1);
-  }
-  notifyObservers(event) {
-    this.observers.forEach((observer) => {
-      var _a, _b;
-      switch (event) {
-        case "columns":
-          (_a = observer.state) == null ? void 0 : _a.onColumnsChange(this);
-          break;
-        case "scrollable":
-          (_b = observer.state) == null ? void 0 : _b.onScrollableChange(this);
-          break;
-        default:
-          throw new Error(`Table Layout don't have event ${event}.`);
-      }
-    });
-  }
-};
-const TABLE_INJECTION_KEY = Symbol("ElTable");
-const getAllColumns = (columns) => {
-  const result = [];
-  columns.forEach((column) => {
-    if (column.children) {
-      result.push(column);
-      result.push.apply(result, getAllColumns(column.children));
-    } else result.push(column);
-  });
-  return result;
-};
-const convertToRows = (originColumns) => {
-  let maxLevel = 1;
-  const traverse = (column, parent) => {
-    if (parent) {
-      column.level = parent.level + 1;
-      if (maxLevel < column.level) maxLevel = column.level;
-    }
-    if (column.children) {
-      let colSpan = 0;
-      column.children.forEach((subColumn) => {
-        traverse(subColumn, column);
-        colSpan += subColumn.colSpan;
-      });
-      column.colSpan = colSpan;
-    } else column.colSpan = 1;
-  };
-  originColumns.forEach((column) => {
-    column.level = 1;
-    traverse(column, void 0);
-  });
-  const rows = [];
-  for (let i = 0; i < maxLevel; i++) rows.push([]);
-  getAllColumns(originColumns).forEach((column) => {
-    if (!column.children) column.rowSpan = maxLevel - column.level + 1;
-    else {
-      column.rowSpan = 1;
-      column.children.forEach((col) => col.isSubColumn = true);
-    }
-    rows[column.level - 1].push(column);
-  });
-  return rows;
-};
-function useUtils$1(props) {
-  const parent = inject(TABLE_INJECTION_KEY);
-  const columnRows = computed(() => {
-    return convertToRows(props.store.states.originColumns.value);
-  });
-  const isGroup = computed(() => {
-    const result = columnRows.value.length > 1;
-    if (result && parent) parent.state.isGroup.value = true;
-    return result;
-  });
-  const toggleAllSelection = (event) => {
-    event.stopPropagation();
-    parent == null ? void 0 : parent.store.commit("toggleAllSelection");
-  };
-  return {
-    isGroup,
-    toggleAllSelection,
-    columnRows
-  };
-}
-var filter_panel_vue_vue_type_script_lang_default = defineComponent({
-  name: "ElTableFilterPanel",
-  components: {
-    ElCheckbox,
-    ElCheckboxGroup,
-    ElScrollbar,
-    ElTooltip,
-    ElIcon,
-    ArrowDown,
-    ArrowUp
-  },
-  props: {
-    placement: {
-      type: String,
-      default: "bottom-start"
-    },
-    store: { type: Object },
-    column: { type: Object },
-    upDataColumn: { type: Function },
-    appendTo: useTooltipContentProps.appendTo
-  },
-  setup(props) {
-    const instance = getCurrentInstance();
-    const { t } = useLocale();
-    const ns = useNamespace("table-filter");
-    const parent = instance == null ? void 0 : instance.parent;
-    if (props.column && !parent.filterPanels.value[props.column.id]) parent.filterPanels.value[props.column.id] = instance;
-    const tooltipRef = ref(null);
-    const rootRef = ref(null);
-    const checkedIndex = ref(0);
-    const filters = computed(() => {
-      return props.column && props.column.filters;
-    });
-    const filterClassName = computed(() => {
-      if (props.column && props.column.filterClassName) return `${ns.b()} ${props.column.filterClassName}`;
-      return ns.b();
-    });
-    const filterValue = computed({
-      get: () => {
-        var _a;
-        return (((_a = props.column) == null ? void 0 : _a.filteredValue) || [])[0];
-      },
-      set: (value) => {
-        if (filteredValue.value) if (!isPropAbsent(value)) 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) {
-        var _a;
-        if (props.column) (_a = props.upDataColumn) == null ? void 0 : _a.call(props, "filteredValue", value);
-      }
-    });
-    const multiple = computed(() => {
-      if (props.column) return props.column.filterMultiple;
-      return true;
-    });
-    const isActive = (filter) => {
-      return filter.value === filterValue.value;
-    };
-    const hidden = () => {
-      var _a;
-      (_a = tooltipRef.value) == null ? void 0 : _a.onClose();
-    };
-    const handleConfirm = () => {
-      confirmFilter(filteredValue.value);
-      hidden();
-    };
-    const handleReset = () => {
-      filteredValue.value = [];
-      confirmFilter(filteredValue.value);
-      hidden();
-    };
-    const handleSelect = (_filterValue, index) => {
-      filterValue.value = _filterValue;
-      checkedIndex.value = index;
-      if (!isPropAbsent(_filterValue)) confirmFilter(filteredValue.value);
-      else confirmFilter([]);
-      hidden();
-    };
-    const confirmFilter = (filteredValue2) => {
-      var _a, _b;
-      (_a = props.store) == null ? void 0 : _a.commit("filterChange", {
-        column: props.column,
-        values: filteredValue2
-      });
-      (_b = props.store) == null ? void 0 : _b.updateAllSelected();
-    };
-    const handleShowTooltip = () => {
-      var _a, _b;
-      (_a = rootRef.value) == null ? void 0 : _a.focus();
-      !multiple.value && initCheckedIndex();
-      if (props.column) (_b = props.upDataColumn) == null ? void 0 : _b.call(props, "filterOpened", true);
-    };
-    const handleHideTooltip = () => {
-      var _a;
-      if (props.column) (_a = props.upDataColumn) == null ? void 0 : _a.call(props, "filterOpened", false);
-    };
-    const initCheckedIndex = () => {
-      if (isPropAbsent(filterValue)) {
-        checkedIndex.value = 0;
-        return;
-      }
-      const idx = (filters.value || []).findIndex((item) => {
-        return item.value === filterValue.value;
-      });
-      checkedIndex.value = idx >= 0 ? idx + 1 : 0;
-    };
-    const handleKeydown = (event) => {
-      var _a, _b;
-      const code = getEventCode(event);
-      const len = (filters.value ? filters.value.length : 0) + 1;
-      let index = checkedIndex.value;
-      let isPreventDefault = true;
-      switch (code) {
-        case EVENT_CODE.down:
-        case EVENT_CODE.right:
-          index = (index + 1) % len;
-          break;
-        case EVENT_CODE.up:
-        case EVENT_CODE.left:
-          index = (index - 1 + len) % len;
-          break;
-        case EVENT_CODE.tab:
-          hidden();
-          isPreventDefault = false;
-          break;
-        case EVENT_CODE.enter:
-        case EVENT_CODE.space:
-          if (index === 0) handleSelect(null, 0);
-          else {
-            const item = (filters.value || [])[index - 1];
-            item.value && handleSelect(item.value, index);
-          }
-          break;
-        default:
-          isPreventDefault = false;
-          break;
-      }
-      isPreventDefault && event.preventDefault();
-      checkedIndex.value = index;
-      (_b = (_a = rootRef.value) == null ? void 0 : _a.querySelector(`.${ns.e("list-item")}:nth-child(${index + 1})`)) == null ? void 0 : _b.focus();
-    };
-    return {
-      multiple,
-      filterClassName,
-      filteredValue,
-      filterValue,
-      filters,
-      handleConfirm,
-      handleReset,
-      handleSelect,
-      isPropAbsent,
-      isActive,
-      t,
-      ns,
-      tooltipRef,
-      rootRef,
-      checkedIndex,
-      handleShowTooltip,
-      handleHideTooltip,
-      handleKeydown
-    };
-  }
-});
-const _hoisted_1$2 = ["disabled"];
-const _hoisted_2$1 = ["tabindex", "aria-checked"];
-const _hoisted_3 = [
-  "tabindex",
-  "aria-checked",
-  "onClick"
-];
-const _hoisted_4 = ["aria-label"];
-function _sfc_render$1(_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");
-  return openBlock(), createBlock(_component_el_tooltip, {
-    ref: "tooltipRef",
-    offset: 0,
-    placement: _ctx.placement,
-    "show-arrow": false,
-    trigger: "click",
-    role: "dialog",
-    teleported: "",
-    effect: "light",
-    pure: "",
-    loop: "",
-    "popper-class": _ctx.filterClassName,
-    persistent: "",
-    "append-to": _ctx.appendTo,
-    onShow: _ctx.handleShowTooltip,
-    onHide: _ctx.handleHideTooltip
-  }, {
-    content: withCtx(() => [_ctx.multiple ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      ref: "rootRef",
-      tabindex: "-1",
-      class: normalizeClass(_ctx.ns.e("multiple"))
-    }, [createElementVNode("div", { class: normalizeClass(_ctx.ns.e("content")) }, [createVNode(_component_el_scrollbar, { "wrap-class": _ctx.ns.e("wrap") }, {
-      default: withCtx(() => [createVNode(_component_el_checkbox_group, {
-        modelValue: _ctx.filteredValue,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.filteredValue = $event),
-        class: normalizeClass(_ctx.ns.e("checkbox-group"))
-      }, {
-        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filters, (filter) => {
-          return openBlock(), createBlock(_component_el_checkbox, {
-            key: filter.value,
-            value: filter.value
-          }, {
-            default: withCtx(() => [createTextVNode(toDisplayString(filter.text), 1)]),
-            _: 2
-          }, 1032, ["value"]);
-        }), 128))]),
-        _: 1
-      }, 8, ["modelValue", "class"])]),
-      _: 1
-    }, 8, ["wrap-class"])], 2), createElementVNode("div", { class: normalizeClass(_ctx.ns.e("bottom")) }, [createElementVNode("button", {
-      class: normalizeClass(_ctx.ns.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_1$2), createElementVNode("button", {
-      type: "button",
-      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleReset && _ctx.handleReset(...args))
-    }, toDisplayString(_ctx.t("el.table.resetFilter")), 1)], 2)], 2)) : (openBlock(), createElementBlock("ul", {
-      key: 1,
-      ref: "rootRef",
-      tabindex: "-1",
-      role: "radiogroup",
-      class: normalizeClass(_ctx.ns.e("list")),
-      onKeydown: _cache[4] || (_cache[4] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-    }, [createElementVNode("li", {
-      role: "radio",
-      class: normalizeClass([_ctx.ns.e("list-item"), _ctx.ns.is("active", _ctx.isPropAbsent(_ctx.filterValue))]),
-      tabindex: _ctx.checkedIndex === 0 ? 0 : -1,
-      "aria-checked": _ctx.isPropAbsent(_ctx.filterValue),
-      onClick: _cache[3] || (_cache[3] = ($event) => _ctx.handleSelect(null, 0))
-    }, toDisplayString(_ctx.t("el.table.clearFilter")), 11, _hoisted_2$1), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filters, (filter, idx) => {
-      return openBlock(), createElementBlock("li", {
-        key: filter.value,
-        role: "radio",
-        class: normalizeClass([_ctx.ns.e("list-item"), _ctx.ns.is("active", _ctx.isActive(filter))]),
-        tabindex: _ctx.checkedIndex === idx + 1 ? 0 : -1,
-        "aria-checked": _ctx.isActive(filter),
-        onClick: ($event) => _ctx.handleSelect(filter.value, idx + 1)
-      }, toDisplayString(filter.text), 11, _hoisted_3);
-    }), 128))], 34))]),
-    default: withCtx(() => {
-      var _a;
-      return [createElementVNode("button", {
-        type: "button",
-        class: normalizeClass(`${_ctx.ns.namespace.value}-table__column-filter-trigger`),
-        "aria-label": _ctx.t("el.table.filterLabel", { column: ((_a = _ctx.column) == null ? void 0 : _a.label) || "" })
-      }, [createVNode(_component_el_icon, null, {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "filter-icon", {}, () => {
-          var _a2;
-          return [((_a2 = _ctx.column) == null ? void 0 : _a2.filterOpened) ? (openBlock(), createBlock(_component_arrow_up, { key: 0 })) : (openBlock(), createBlock(_component_arrow_down, { key: 1 }))];
-        })]),
-        _: 3
-      })], 10, _hoisted_4)];
-    }),
-    _: 3
-  }, 8, [
-    "placement",
-    "popper-class",
-    "append-to",
-    "onShow",
-    "onHide"
-  ]);
-}
-var filter_panel_default = /* @__PURE__ */ _plugin_vue_export_helper_default(filter_panel_vue_vue_type_script_lang_default, [["render", _sfc_render$1]]);
-function useLayoutObserver(root) {
-  const instance = getCurrentInstance();
-  onBeforeMount(() => {
-    tableLayout.value.addObserver(instance);
-  });
-  onMounted(() => {
-    onColumnsChange(tableLayout.value);
-    onScrollableChange(tableLayout.value);
-  });
-  onUpdated(() => {
-    onColumnsChange(tableLayout.value);
-    onScrollableChange(tableLayout.value);
-  });
-  onUnmounted(() => {
-    tableLayout.value.removeObserver(instance);
-  });
-  const tableLayout = computed(() => {
-    const layout = root.layout;
-    if (!layout) throw new Error("Can not find table layout.");
-    return layout;
-  });
-  const onColumnsChange = (layout) => {
-    var _a;
-    const cols = ((_a = root.vnode.el) == null ? void 0 : _a.querySelectorAll("colgroup > col")) || [];
-    if (!cols.length) return;
-    const flattenColumns = layout.getFlattenColumns();
-    const columnsMap = {};
-    flattenColumns.forEach((column) => {
-      columnsMap[column.id] = column;
-    });
-    for (let i = 0, j = cols.length; i < j; i++) {
-      const col = cols[i];
-      const column = columnsMap[col.getAttribute("name")];
-      if (column) col.setAttribute("width", column.realWidth || column.width);
-    }
-  };
-  const onScrollableChange = (layout) => {
-    var _a, _b;
-    const cols = ((_a = root.vnode.el) == null ? void 0 : _a.querySelectorAll("colgroup > col[name=gutter]")) || [];
-    for (let i = 0, j = cols.length; i < j; i++) cols[i].setAttribute("width", layout.scrollY.value ? layout.gutterWidth : "0");
-    const ths = ((_b = root.vnode.el) == null ? void 0 : _b.querySelectorAll("th.gutter")) || [];
-    for (let i = 0, j = ths.length; i < j; i++) {
-      const th = ths[i];
-      th.style.width = layout.scrollY.value ? `${layout.gutterWidth}px` : "0";
-      th.style.display = layout.scrollY.value ? "" : "none";
-    }
-  };
-  return {
-    tableLayout: tableLayout.value,
-    onColumnsChange,
-    onScrollableChange
-  };
-}
-function useEvent(props, emit) {
-  const instance = getCurrentInstance();
-  const parent = inject(TABLE_INJECTION_KEY);
-  const handleFilterClick = (event) => {
-    event.stopPropagation();
-  };
-  const handleHeaderClick = (event, column) => {
-    if (!column.filters && column.sortable) handleSortClick(event, column, false);
-    else if (column.filterable && !column.sortable) handleFilterClick(event);
-    parent == null ? void 0 : parent.emit("header-click", column, event);
-  };
-  const handleHeaderContextMenu = (event, column) => {
-    parent == null ? void 0 : parent.emit("header-contextmenu", column, event);
-  };
-  const draggingColumn = ref(null);
-  const dragging = ref(false);
-  const dragState = ref();
-  const handleMouseDown = (event, column) => {
-    var _a, _b, _c;
-    if (!isClient) return;
-    if (column.children && column.children.length > 0) return;
-    if (draggingColumn.value && props.border && draggingColumn.value.id === column.id) {
-      dragging.value = true;
-      const table = parent;
-      emit("set-drag-visible", true);
-      const tableLeft = (_a = table == null ? void 0 : table.vnode.el) == null ? void 0 : _a.getBoundingClientRect().left;
-      const columnEl = (_c = (_b = instance == null ? void 0 : instance.vnode) == null ? void 0 : _b.el) == null ? void 0 : _c.querySelector(`th.${column.id}`);
-      const columnRect = columnEl.getBoundingClientRect();
-      const minLeft = columnRect.left - tableLeft + 30;
-      addClass(columnEl, "noclick");
-      dragState.value = {
-        startMouseLeft: event.clientX,
-        startLeft: columnRect.right - tableLeft,
-        startColumnLeft: columnRect.left - tableLeft,
-        tableLeft
-      };
-      const resizeProxy = table == null ? void 0 : table.refs.resizeProxy;
-      resizeProxy.style.left = `${dragState.value.startLeft}px`;
-      document.onselectstart = function() {
-        return false;
-      };
-      document.ondragstart = function() {
-        return false;
-      };
-      const handleMouseMove2 = (event2) => {
-        const deltaLeft = event2.clientX - dragState.value.startMouseLeft;
-        const proxyLeft = dragState.value.startLeft + deltaLeft;
-        resizeProxy.style.left = `${Math.max(minLeft, proxyLeft)}px`;
-      };
-      const handleMouseUp = () => {
-        if (dragging.value) {
-          const { startColumnLeft, startLeft } = dragState.value;
-          column.width = column.realWidth = Number.parseInt(resizeProxy.style.left, 10) - startColumnLeft;
-          table == null ? void 0 : table.emit("header-dragend", column.width, startLeft - startColumnLeft, column, event);
-          requestAnimationFrame(() => {
-            props.store.scheduleLayout(false, true);
-          });
-          document.body.style.cursor = "";
-          dragging.value = false;
-          draggingColumn.value = null;
-          dragState.value = void 0;
-          emit("set-drag-visible", false);
-        }
-        document.removeEventListener("mousemove", handleMouseMove2);
-        document.removeEventListener("mouseup", handleMouseUp);
-        document.onselectstart = null;
-        document.ondragstart = null;
-        setTimeout(() => {
-          removeClass(columnEl, "noclick");
-        }, 0);
-      };
-      document.addEventListener("mousemove", handleMouseMove2);
-      document.addEventListener("mouseup", handleMouseUp);
-    }
-  };
-  const handleMouseMove = (event, column) => {
-    var _a;
-    if (!props.border || column.children && column.children.length > 0) return;
-    const el = event.target;
-    const target = isElement(el) ? el.closest("th") : null;
-    if (!target) return;
-    const isSortable = hasClass(target, "is-sortable");
-    if (isSortable) {
-      const cursor2 = dragging.value ? "col-resize" : "";
-      target.style.cursor = cursor2;
-      const caret = target.querySelector(".caret-wrapper");
-      if (caret) caret.style.cursor = cursor2;
-    }
-    if (!column.resizable || dragging.value) {
-      draggingColumn.value = null;
-      return;
-    }
-    const rect = target.getBoundingClientRect();
-    const isLastTh = ((_a = target.parentNode) == null ? void 0 : _a.lastElementChild) === target;
-    const allowDrag = props.allowDragLastColumn || !isLastTh;
-    const isResizeHandleActive = rect.width > 12 && rect.right - event.clientX < 8 && allowDrag;
-    const cursor = isResizeHandleActive ? "col-resize" : "";
-    document.body.style.cursor = cursor;
-    draggingColumn.value = isResizeHandleActive ? column : null;
-    if (isSortable) target.style.cursor = cursor;
-  };
-  const handleMouseOut = () => {
-    if (!isClient || dragging.value) return;
-    document.body.style.cursor = "";
-  };
-  const toggleOrder = ({ order, sortOrders }) => {
-    if (order === "") return sortOrders[0];
-    const index = sortOrders.indexOf(order || null);
-    return sortOrders[index > sortOrders.length - 2 ? 0 : index + 1];
-  };
-  const handleSortClick = (event, column, givenOrder) => {
-    var _a;
-    event.stopPropagation();
-    const order = column.order === givenOrder ? null : givenOrder || toggleOrder(column);
-    const target = (_a = event.target) == null ? void 0 : _a.closest("th");
-    if (target) {
-      if (hasClass(target, "noclick")) {
-        removeClass(target, "noclick");
-        return;
-      }
-    }
-    if (!column.sortable) return;
-    const clickTarget = event.currentTarget;
-    if (["ascending", "descending"].some((str) => hasClass(clickTarget, str) && !column.sortOrders.includes(str))) return;
-    const states = props.store.states;
-    let sortProp = states.sortProp.value;
-    let sortOrder;
-    const sortingColumn = states.sortingColumn.value;
-    if (sortingColumn !== column || sortingColumn === column && isNull(sortingColumn.order)) {
-      if (sortingColumn) sortingColumn.order = null;
-      states.sortingColumn.value = column;
-      sortProp = column.property;
-    }
-    if (!order) sortOrder = column.order = null;
-    else sortOrder = column.order = order;
-    states.sortProp.value = sortProp;
-    states.sortOrder.value = sortOrder;
-    parent == null ? void 0 : parent.store.commit("changeSortCondition");
-  };
-  return {
-    handleHeaderClick,
-    handleHeaderContextMenu,
-    handleMouseDown,
-    handleMouseMove,
-    handleMouseOut,
-    handleSortClick,
-    handleFilterClick
-  };
-}
-function useStyle$2(props) {
-  const parent = inject(TABLE_INJECTION_KEY);
-  const ns = useNamespace("table");
-  const getHeaderRowStyle = (rowIndex) => {
-    const headerRowStyle = parent == null ? void 0 : parent.props.headerRowStyle;
-    if (isFunction$1(headerRowStyle)) return headerRowStyle.call(null, { rowIndex });
-    return headerRowStyle;
-  };
-  const getHeaderRowClass = (rowIndex) => {
-    const classes = [];
-    const headerRowClassName = parent == null ? void 0 : parent.props.headerRowClassName;
-    if (isString(headerRowClassName)) classes.push(headerRowClassName);
-    else if (isFunction$1(headerRowClassName)) classes.push(headerRowClassName.call(null, { rowIndex }));
-    return classes.join(" ");
-  };
-  const getHeaderCellStyle = (rowIndex, columnIndex, row, column) => {
-    let headerCellStyles = (parent == null ? void 0 : parent.props.headerCellStyle) ?? {};
-    if (isFunction$1(headerCellStyles)) headerCellStyles = headerCellStyles.call(null, {
-      rowIndex,
-      columnIndex,
-      row,
-      column
-    });
-    const fixedStyle = getFixedColumnOffset(columnIndex, column.fixed, props.store, row);
-    ensurePosition(fixedStyle, "left");
-    ensurePosition(fixedStyle, "right");
-    return Object.assign({}, headerCellStyles, fixedStyle);
-  };
-  const getHeaderCellClass = (rowIndex, columnIndex, row, column) => {
-    const fixedClasses = getFixedColumnsClass(ns.b(), columnIndex, column.fixed, props.store, row);
-    const classes = [
-      column.id,
-      column.order,
-      column.headerAlign,
-      column.className,
-      column.labelClassName,
-      ...fixedClasses
-    ];
-    if (!column.children) classes.push("is-leaf");
-    if (column.sortable) classes.push("is-sortable");
-    const headerCellClassName = parent == null ? void 0 : parent.props.headerCellClassName;
-    if (isString(headerCellClassName)) classes.push(headerCellClassName);
-    else if (isFunction$1(headerCellClassName)) classes.push(headerCellClassName.call(null, {
-      rowIndex,
-      columnIndex,
-      row,
-      column
-    }));
-    classes.push(ns.e("cell"));
-    return classes.filter((className) => Boolean(className)).join(" ");
-  };
-  return {
-    getHeaderRowStyle,
-    getHeaderRowClass,
-    getHeaderCellStyle,
-    getHeaderCellClass
-  };
-}
-var table_header_default = defineComponent({
-  name: "ElTableHeader",
-  components: { ElCheckbox },
-  props: {
-    fixed: {
-      type: String,
-      default: ""
-    },
-    store: {
-      required: true,
-      type: Object
-    },
-    border: Boolean,
-    defaultSort: {
-      type: Object,
-      default: () => {
-        return {
-          prop: "",
-          order: ""
-        };
-      }
-    },
-    appendFilterPanelTo: { type: String },
-    allowDragLastColumn: { type: Boolean }
-  },
-  setup(props, { emit }) {
-    const instance = getCurrentInstance();
-    const parent = inject(TABLE_INJECTION_KEY);
-    const ns = useNamespace("table");
-    const filterPanels = ref({});
-    const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent);
-    const isTableLayoutAuto = (parent == null ? void 0 : parent.props.tableLayout) === "auto";
-    const saveIndexSelection = reactive(/* @__PURE__ */ new Map());
-    const theadRef = ref();
-    let delayId;
-    const updateFixedColumnStyle = () => {
-      delayId = setTimeout(() => {
-        if (saveIndexSelection.size > 0) {
-          saveIndexSelection.forEach((column, key) => {
-            const el = theadRef.value.querySelector(`.${key.replace(/\s/g, ".")}`);
-            if (el) column.width = el.getBoundingClientRect().width || column.width;
-          });
-          saveIndexSelection.clear();
-        }
-      });
-    };
-    watch(saveIndexSelection, updateFixedColumnStyle);
-    onBeforeUnmount(() => {
-      if (delayId) {
-        clearTimeout(delayId);
-        delayId = void 0;
-      }
-    });
-    onMounted(async () => {
-      await nextTick();
-      await nextTick();
-      const { prop, order } = props.defaultSort;
-      parent == null ? void 0 : parent.store.commit("sort", {
-        prop,
-        order,
-        init: true
-      });
-      updateFixedColumnStyle();
-    });
-    const { handleHeaderClick, handleHeaderContextMenu, handleMouseDown, handleMouseMove, handleMouseOut, handleSortClick, handleFilterClick } = useEvent(props, emit);
-    const { getHeaderRowStyle, getHeaderRowClass, getHeaderCellStyle, getHeaderCellClass } = useStyle$2(props);
-    const { isGroup, toggleAllSelection, columnRows } = useUtils$1(props);
-    const { t } = useLocale();
-    instance.state = {
-      onColumnsChange,
-      onScrollableChange
-    };
-    instance.filterPanels = filterPanels;
-    return {
-      ns,
-      t,
-      filterPanels,
-      onColumnsChange,
-      onScrollableChange,
-      columnRows,
-      getHeaderRowClass,
-      getHeaderRowStyle,
-      getHeaderCellClass,
-      getHeaderCellStyle,
-      handleHeaderClick,
-      handleHeaderContextMenu,
-      handleMouseDown,
-      handleMouseMove,
-      handleMouseOut,
-      handleSortClick,
-      handleFilterClick,
-      isGroup,
-      toggleAllSelection,
-      saveIndexSelection,
-      isTableLayoutAuto,
-      theadRef,
-      updateFixedColumnStyle
-    };
-  },
-  render() {
-    const { ns, t, isGroup, columnRows, getHeaderCellStyle, getHeaderCellClass, getHeaderRowClass, getHeaderRowStyle, handleHeaderClick, handleHeaderContextMenu, handleMouseDown, handleMouseMove, handleSortClick, handleMouseOut, store, $parent, saveIndexSelection, isTableLayoutAuto } = this;
-    let rowSpan = 1;
-    return h$1("thead", {
-      ref: "theadRef",
-      class: ns.is("group", isGroup)
-    }, columnRows.map((subColumns, rowIndex) => h$1("tr", {
-      class: getHeaderRowClass(rowIndex),
-      key: rowIndex,
-      style: getHeaderRowStyle(rowIndex)
-    }, subColumns.map((column, cellIndex) => {
-      if (column.rowSpan > rowSpan) rowSpan = column.rowSpan;
-      const _class = getHeaderCellClass(rowIndex, cellIndex, subColumns, column);
-      if (isTableLayoutAuto && column.fixed) saveIndexSelection.set(_class, column);
-      return h$1("th", {
-        class: _class,
-        colspan: column.colSpan,
-        key: `${column.id}-thead`,
-        rowspan: column.rowSpan,
-        scope: column.colSpan > 1 ? "colgroup" : "col",
-        ariaSort: column.sortable ? column.order : void 0,
-        style: getHeaderCellStyle(rowIndex, cellIndex, subColumns, column),
-        onClick: ($event) => {
-          var _a;
-          if ((_a = $event.currentTarget) == null ? void 0 : _a.classList.contains("noclick")) return;
-          handleHeaderClick($event, column);
-        },
-        onContextmenu: ($event) => handleHeaderContextMenu($event, column),
-        onMousedown: ($event) => handleMouseDown($event, column),
-        onMousemove: ($event) => handleMouseMove($event, column),
-        onMouseout: handleMouseOut
-      }, [h$1("div", { class: ["cell", column.filteredValue && column.filteredValue.length > 0 ? "highlight" : ""] }, [
-        column.renderHeader ? column.renderHeader({
-          column,
-          $index: cellIndex,
-          store,
-          _self: $parent
-        }) : column.label,
-        column.sortable && h$1("button", {
-          type: "button",
-          class: "caret-wrapper",
-          "aria-label": t("el.table.sortLabel", { column: column.label || "" }),
-          onClick: ($event) => handleSortClick($event, column)
-        }, [h$1("i", {
-          onClick: ($event) => handleSortClick($event, column, "ascending"),
-          class: "sort-caret ascending"
-        }), h$1("i", {
-          onClick: ($event) => handleSortClick($event, column, "descending"),
-          class: "sort-caret descending"
-        })]),
-        column.filterable && h$1(filter_panel_default, {
-          store,
-          placement: column.filterPlacement || "bottom-start",
-          appendTo: $parent == null ? void 0 : $parent.appendFilterPanelTo,
-          column,
-          upDataColumn: (key, value) => {
-            column[key] = value;
-          }
-        }, { "filter-icon": () => column.renderFilterIcon ? column.renderFilterIcon({ filterOpened: column.filterOpened }) : null })
-      ])]);
-    }))));
-  }
-});
-function useEvents(props) {
-  const parent = inject(TABLE_INJECTION_KEY);
-  const tooltipContent = ref("");
-  const tooltipTrigger = ref(h$1("div"));
-  const handleEvent = (event, row, name) => {
-    var _a, _b;
-    const table = parent;
-    const cell = getCell(event);
-    let column = null;
-    const namespace = (_a = table == null ? void 0 : table.vnode.el) == null ? void 0 : _a.dataset.prefix;
-    if (cell) {
-      column = getColumnByCell({ columns: ((_b = props.store) == null ? void 0 : _b.states.columns.value) ?? [] }, cell, namespace);
-      if (column) table == null ? void 0 : table.emit(`cell-${name}`, row, column, cell, event);
-    }
-    table == null ? void 0 : table.emit(`row-${name}`, row, column, event);
-  };
-  const handleDoubleClick = (event, row) => {
-    handleEvent(event, row, "dblclick");
-  };
-  const handleClick = (event, row) => {
-    var _a;
-    (_a = props.store) == null ? void 0 : _a.commit("setCurrentRow", row);
-    handleEvent(event, row, "click");
-  };
-  const handleContextMenu = (event, row) => {
-    handleEvent(event, row, "contextmenu");
-  };
-  const handleMouseEnter = debounce((index) => {
-    var _a;
-    (_a = props.store) == null ? void 0 : _a.commit("setHoverRow", index);
-  }, 30);
-  const handleMouseLeave = debounce(() => {
-    var _a;
-    (_a = props.store) == null ? void 0 : _a.commit("setHoverRow", null);
-  }, 30);
-  const getPadding = (el) => {
-    const style = window.getComputedStyle(el, null);
-    return {
-      left: Number.parseInt(style.paddingLeft, 10) || 0,
-      right: Number.parseInt(style.paddingRight, 10) || 0,
-      top: Number.parseInt(style.paddingTop, 10) || 0,
-      bottom: Number.parseInt(style.paddingBottom, 10) || 0
-    };
-  };
-  const toggleRowClassByCell = (rowSpan, event, toggle) => {
-    var _a;
-    let node = (_a = event == null ? void 0 : event.target) == null ? void 0 : _a.parentNode;
-    while (rowSpan > 1) {
-      node = node == null ? void 0 : node.nextSibling;
-      if (!node || node.nodeName !== "TR") break;
-      toggle(node, "hover-row hover-fixed-row");
-      rowSpan--;
-    }
-  };
-  const handleCellMouseEnter = (event, row, tooltipOptions) => {
-    var _a, _b, _c;
-    if (!parent) return;
-    const table = parent;
-    const cell = getCell(event);
-    const namespace = (_a = table == null ? void 0 : table.vnode.el) == null ? void 0 : _a.dataset.prefix;
-    let column = null;
-    if (cell) {
-      column = getColumnByCell({ columns: ((_b = props.store) == null ? void 0 : _b.states.columns.value) ?? [] }, cell, namespace);
-      if (!column) return;
-      if (cell.rowSpan > 1) toggleRowClassByCell(cell.rowSpan, event, addClass);
-      const hoverState = table.hoverState = {
-        cell,
-        column,
-        row
-      };
-      table == null ? void 0 : table.emit("cell-mouse-enter", hoverState.row, hoverState.column, hoverState.cell, event);
-    }
-    if (!tooltipOptions) {
-      if ((removePopper == null ? void 0 : removePopper.trigger) === cell) removePopper == null ? void 0 : removePopper();
-      return;
-    }
-    const cellChild = event.target.querySelector(".cell");
-    if (!(hasClass(cellChild, `${namespace}-tooltip`) && cellChild.childNodes.length && ((_c = cellChild.textContent) == null ? void 0 : _c.trim()))) return;
-    const range = document.createRange();
-    range.setStart(cellChild, 0);
-    range.setEnd(cellChild, cellChild.childNodes.length);
-    const { width: rangeWidth, height: rangeHeight } = range.getBoundingClientRect();
-    const { width: cellChildWidth, height: cellChildHeight } = cellChild.getBoundingClientRect();
-    const { top, left, right, bottom } = getPadding(cellChild);
-    const horizontalPadding = left + right;
-    const verticalPadding = top + bottom;
-    if (isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) || isGreaterThan(rangeHeight + verticalPadding, cellChildHeight) || isGreaterThan(cellChild.scrollWidth, cellChildWidth)) createTablePopper(tooltipOptions, ((cell == null ? void 0 : cell.innerText) || (cell == null ? void 0 : cell.textContent)) ?? "", row, column, cell, table);
-    else if ((removePopper == null ? void 0 : removePopper.trigger) === cell) removePopper == null ? void 0 : removePopper();
-  };
-  const handleCellMouseLeave = (event) => {
-    const cell = getCell(event);
-    if (!cell) return;
-    if (cell.rowSpan > 1) toggleRowClassByCell(cell.rowSpan, event, removeClass);
-    const oldHoverState = parent == null ? void 0 : parent.hoverState;
-    parent == null ? void 0 : parent.emit("cell-mouse-leave", oldHoverState == null ? void 0 : oldHoverState.row, oldHoverState == null ? void 0 : oldHoverState.column, oldHoverState == null ? void 0 : oldHoverState.cell, event);
-  };
-  return {
-    handleDoubleClick,
-    handleClick,
-    handleContextMenu,
-    handleMouseEnter,
-    handleMouseLeave,
-    handleCellMouseEnter,
-    handleCellMouseLeave,
-    tooltipContent,
-    tooltipTrigger
-  };
-}
-function useStyles(props) {
-  const parent = inject(TABLE_INJECTION_KEY);
-  const ns = useNamespace("table");
-  const getRowStyle = (row, rowIndex) => {
-    const rowStyle = parent == null ? void 0 : parent.props.rowStyle;
-    if (isFunction$1(rowStyle)) return rowStyle.call(null, {
-      row,
-      rowIndex
-    });
-    return rowStyle || null;
-  };
-  const getRowClass = (row, rowIndex, displayIndex) => {
-    var _a;
-    const classes = [ns.e("row")];
-    if ((parent == null ? void 0 : parent.props.highlightCurrentRow) && row === ((_a = props.store) == null ? void 0 : _a.states.currentRow.value)) classes.push("current-row");
-    if (props.stripe && displayIndex % 2 === 1) classes.push(ns.em("row", "striped"));
-    const rowClassName = parent == null ? void 0 : parent.props.rowClassName;
-    if (isString(rowClassName)) classes.push(rowClassName);
-    else if (isFunction$1(rowClassName)) classes.push(rowClassName.call(null, {
-      row,
-      rowIndex
-    }));
-    return classes;
-  };
-  const getCellStyle = (rowIndex, columnIndex, row, column) => {
-    const cellStyle = parent == null ? void 0 : parent.props.cellStyle;
-    let cellStyles = cellStyle ?? {};
-    if (isFunction$1(cellStyle)) cellStyles = cellStyle.call(null, {
-      rowIndex,
-      columnIndex,
-      row,
-      column
-    });
-    const fixedStyle = getFixedColumnOffset(columnIndex, props == null ? void 0 : props.fixed, props.store);
-    ensurePosition(fixedStyle, "left");
-    ensurePosition(fixedStyle, "right");
-    return Object.assign({}, cellStyles, fixedStyle);
-  };
-  const getCellClass = (rowIndex, columnIndex, row, column, offset) => {
-    const fixedClasses = getFixedColumnsClass(ns.b(), columnIndex, props == null ? void 0 : props.fixed, props.store, void 0, offset);
-    const classes = [
-      column.id,
-      column.align,
-      column.className,
-      ...fixedClasses
-    ];
-    const cellClassName = parent == null ? void 0 : parent.props.cellClassName;
-    if (isString(cellClassName)) classes.push(cellClassName);
-    else if (isFunction$1(cellClassName)) classes.push(cellClassName.call(null, {
-      rowIndex,
-      columnIndex,
-      row,
-      column
-    }));
-    classes.push(ns.e("cell"));
-    return classes.filter((className) => Boolean(className)).join(" ");
-  };
-  const getSpan = (row, column, rowIndex, columnIndex) => {
-    let rowspan = 1;
-    let colspan = 1;
-    const fn = parent == null ? void 0 : parent.props.spanMethod;
-    if (isFunction$1(fn)) {
-      const result = fn({
-        row,
-        column,
-        rowIndex,
-        columnIndex
-      });
-      if (isArray$1(result)) {
-        rowspan = result[0];
-        colspan = result[1];
-      } else if (isObject$1(result)) {
-        rowspan = result.rowspan;
-        colspan = result.colspan;
-      }
-    }
-    return {
-      rowspan,
-      colspan
-    };
-  };
-  const getColspanRealWidth = (columns, colspan, index) => {
-    if (colspan < 1) return columns[index].realWidth;
-    const widthArr = columns.map(({ realWidth, width }) => realWidth || width).slice(index, index + colspan);
-    return Number(widthArr.reduce((acc, width) => Number(acc) + Number(width), -1));
-  };
-  return {
-    getRowStyle,
-    getRowClass,
-    getCellStyle,
-    getCellClass,
-    getSpan,
-    getColspanRealWidth
-  };
-}
-const _hoisted_1$1 = ["colspan", "rowspan"];
-var td_wrapper_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  name: "TableTdWrapper",
-  __name: "td-wrapper",
-  props: {
-    colspan: {
-      type: Number,
-      default: 1
-    },
-    rowspan: {
-      type: Number,
-      default: 1
-    }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("td", {
-        colspan: __props.colspan,
-        rowspan: __props.rowspan
-      }, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1$1);
-    };
-  }
-});
-var td_wrapper_default = td_wrapper_vue_vue_type_script_setup_true_lang_default;
-function useRender$1(props) {
-  const parent = inject(TABLE_INJECTION_KEY);
-  const ns = useNamespace("table");
-  const { handleDoubleClick, handleClick, handleContextMenu, handleMouseEnter, handleMouseLeave, handleCellMouseEnter, handleCellMouseLeave, tooltipContent, tooltipTrigger } = useEvents(props);
-  const { getRowStyle, getRowClass, getCellStyle, getCellClass, getSpan, getColspanRealWidth } = useStyles(props);
-  let displayIndex = -1;
-  const firstDefaultColumnIndex = computed(() => {
-    var _a;
-    return (_a = props.store) == null ? void 0 : _a.states.columns.value.findIndex(({ type }) => type === "default");
-  });
-  const getKeyOfRow = (row, index) => {
-    var _a;
-    const rowKey = (_a = parent == null ? void 0 : parent.props) == null ? void 0 : _a.rowKey;
-    if (rowKey) return getRowIdentity(row, rowKey);
-    return index;
-  };
-  const rowRender = (row, $index, treeRowData, expanded = false) => {
-    const { tooltipEffect, tooltipOptions, store } = props;
-    const { indent, columns } = store.states;
-    const rowClasses = [];
-    let display = true;
-    if (treeRowData) {
-      rowClasses.push(ns.em("row", `level-${treeRowData.level}`));
-      display = !!treeRowData.display;
-    }
-    if ($index === 0) displayIndex = -1;
-    if (props.stripe && display) displayIndex++;
-    rowClasses.push(...getRowClass(row, $index, displayIndex));
-    return h$1("tr", {
-      style: [display ? null : { display: "none" }, getRowStyle(row, $index)],
-      class: rowClasses,
-      key: getKeyOfRow(row, $index),
-      onDblclick: ($event) => handleDoubleClick($event, row),
-      onClick: ($event) => handleClick($event, row),
-      onContextmenu: ($event) => handleContextMenu($event, row),
-      onMouseenter: () => handleMouseEnter($index),
-      onMouseleave: handleMouseLeave
-    }, columns.value.map((column, cellIndex) => {
-      const { rowspan, colspan } = getSpan(row, column, $index, cellIndex);
-      if (!rowspan || !colspan) return null;
-      const columnData = Object.assign({}, column);
-      columnData.realWidth = getColspanRealWidth(columns.value, colspan, cellIndex);
-      const data = {
-        store,
-        _self: props.context || parent,
-        column: columnData,
-        row,
-        $index,
-        cellIndex,
-        expanded
-      };
-      if (cellIndex === firstDefaultColumnIndex.value && treeRowData) {
-        data.treeNode = {
-          indent: treeRowData.level && treeRowData.level * indent.value,
-          level: treeRowData.level
-        };
-        if (isBoolean(treeRowData.expanded)) {
-          data.treeNode.expanded = treeRowData.expanded;
-          if ("loading" in treeRowData) data.treeNode.loading = treeRowData.loading;
-          if ("noLazyChildren" in treeRowData) data.treeNode.noLazyChildren = treeRowData.noLazyChildren;
-        }
-      }
-      const baseKey = `${getKeyOfRow(row, $index)},${cellIndex}`;
-      const patchKey = columnData.columnKey || columnData.rawColumnKey || "";
-      const mergedTooltipOptions = column.showOverflowTooltip && merge({ effect: tooltipEffect }, tooltipOptions, column.showOverflowTooltip);
-      return h$1(td_wrapper_default, {
-        style: getCellStyle($index, cellIndex, row, column),
-        class: getCellClass($index, cellIndex, row, column, colspan - 1),
-        key: `${patchKey}${baseKey}`,
-        rowspan,
-        colspan,
-        onMouseenter: ($event) => handleCellMouseEnter($event, row, mergedTooltipOptions),
-        onMouseleave: handleCellMouseLeave
-      }, { default: () => cellChildren(cellIndex, column, data) });
-    }));
-  };
-  const cellChildren = (_cellIndex, column, data) => {
-    return column.renderCell(data);
-  };
-  const wrappedRowRender = (row, $index) => {
-    const store = props.store;
-    const { isRowExpanded, assertRowKey } = store;
-    const { treeData, lazyTreeNodeMap, childrenColumnName, rowKey } = store.states;
-    const columns = store.states.columns.value;
-    if (columns.some(({ type }) => type === "expand")) {
-      const expanded = isRowExpanded(row);
-      const tr = rowRender(row, $index, void 0, expanded);
-      const renderExpanded = parent == null ? void 0 : parent.renderExpanded;
-      if (!renderExpanded) {
-        return tr;
-      }
-      const rows = [[tr]];
-      if (parent.props.preserveExpandedContent || expanded) rows[0].push(h$1("tr", {
-        key: `expanded-row__${tr.key}`,
-        style: { display: expanded ? "" : "none" }
-      }, [h$1("td", {
-        colspan: columns.length,
-        class: `${ns.e("cell")} ${ns.e("expanded-cell")}`
-      }, [renderExpanded({
-        row,
-        $index,
-        store,
-        expanded
-      })])]));
-      return rows;
-    } else if (Object.keys(treeData.value).length) {
-      assertRowKey();
-      const key = getRowIdentity(row, rowKey.value);
-      let cur = treeData.value[key];
-      let treeRowData = null;
-      if (cur) {
-        treeRowData = {
-          expanded: cur.expanded,
-          level: cur.level,
-          display: true,
-          noLazyChildren: void 0,
-          loading: void 0
-        };
-        if (isBoolean(cur.lazy)) {
-          if (treeRowData && isBoolean(cur.loaded) && cur.loaded) treeRowData.noLazyChildren = !(cur.children && cur.children.length);
-          treeRowData.loading = cur.loading;
-        }
-      }
-      const tmp = [rowRender(row, $index, treeRowData ?? void 0)];
-      if (cur) {
-        let i = 0;
-        const traverse = (children, parent2) => {
-          if (!(children && children.length && parent2)) return;
-          children.forEach((node) => {
-            const innerTreeRowData = {
-              display: parent2.display && parent2.expanded,
-              level: parent2.level + 1,
-              expanded: false,
-              noLazyChildren: false,
-              loading: false
-            };
-            const childKey = getRowIdentity(node, rowKey.value);
-            if (isPropAbsent(childKey)) throw new Error("For nested data item, row-key is required.");
-            cur = { ...treeData.value[childKey] };
-            if (cur) {
-              innerTreeRowData.expanded = cur.expanded;
-              cur.level = cur.level || innerTreeRowData.level;
-              cur.display = !!(cur.expanded && innerTreeRowData.display);
-              if (isBoolean(cur.lazy)) {
-                if (isBoolean(cur.loaded) && cur.loaded) innerTreeRowData.noLazyChildren = !(cur.children && cur.children.length);
-                innerTreeRowData.loading = cur.loading;
-              }
-            }
-            i++;
-            tmp.push(rowRender(node, $index + i, innerTreeRowData));
-            if (cur) traverse(lazyTreeNodeMap.value[childKey] || node[childrenColumnName.value], cur);
-          });
-        };
-        cur.display = true;
-        traverse(lazyTreeNodeMap.value[key] || row[childrenColumnName.value], cur);
-      }
-      return tmp;
-    } else return rowRender(row, $index, void 0);
-  };
-  return {
-    wrappedRowRender,
-    tooltipContent,
-    tooltipTrigger
-  };
-}
-const defaultProps = {
-  store: {
-    required: true,
-    type: Object
-  },
-  stripe: Boolean,
-  tooltipEffect: String,
-  tooltipOptions: { type: Object },
-  context: {
-    default: () => ({}),
-    type: Object
-  },
-  rowClassName: [String, Function],
-  rowStyle: [Object, Function],
-  fixed: {
-    type: String,
-    default: ""
-  },
-  highlight: Boolean
-};
-var table_body_default = defineComponent({
-  name: "ElTableBody",
-  props: defaultProps,
-  setup(props) {
-    var _a;
-    const instance = getCurrentInstance();
-    const parent = inject(TABLE_INJECTION_KEY);
-    const ns = useNamespace("table");
-    const { wrappedRowRender, tooltipContent, tooltipTrigger } = useRender$1(props);
-    const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent);
-    const hoveredCellList = [];
-    watch((_a = props.store) == null ? void 0 : _a.states.hoverRow, (newVal, oldVal) => {
-      var _a2, _b;
-      const el = instance == null ? void 0 : instance.vnode.el;
-      const rows = Array.from((el == null ? void 0 : el.children) || []).filter((e) => e == null ? void 0 : e.classList.contains(`${ns.e("row")}`));
-      let rowNum = newVal;
-      const childNodes = (_a2 = rows[rowNum]) == null ? void 0 : _a2.childNodes;
-      if (childNodes == null ? void 0 : childNodes.length) {
-        let control = 0;
-        Array.from(childNodes).reduce((acc, item, index) => {
-          var _a3, _b2;
-          if (((_a3 = childNodes[index]) == null ? void 0 : _a3.colSpan) > 1) control = (_b2 = childNodes[index]) == null ? void 0 : _b2.colSpan;
-          if (item.nodeName !== "TD" && control === 0) acc.push(index);
-          control > 0 && control--;
-          return acc;
-        }, []).forEach((rowIndex) => {
-          var _a3;
-          rowNum = newVal;
-          while (rowNum > 0) {
-            const preChildNodes = (_a3 = rows[rowNum - 1]) == null ? void 0 : _a3.childNodes;
-            if (preChildNodes[rowIndex] && preChildNodes[rowIndex].nodeName === "TD" && preChildNodes[rowIndex].rowSpan > 1) {
-              addClass(preChildNodes[rowIndex], "hover-cell");
-              hoveredCellList.push(preChildNodes[rowIndex]);
-              break;
-            }
-            rowNum--;
-          }
-        });
-      } else {
-        hoveredCellList.forEach((item) => removeClass(item, "hover-cell"));
-        hoveredCellList.length = 0;
-      }
-      if (!((_b = props.store) == null ? void 0 : _b.states.isComplex.value) || !isClient) return;
-      rAF(() => {
-        const oldRow = rows[oldVal];
-        const newRow = rows[newVal];
-        if (oldRow && !oldRow.classList.contains("hover-fixed-row")) removeClass(oldRow, "hover-row");
-        if (newRow) addClass(newRow, "hover-row");
-      });
-    });
-    onUnmounted(() => {
-      removePopper == null ? void 0 : removePopper();
-    });
-    return {
-      ns,
-      onColumnsChange,
-      onScrollableChange,
-      wrappedRowRender,
-      tooltipContent,
-      tooltipTrigger
-    };
-  },
-  render() {
-    const { wrappedRowRender, store } = this;
-    return h$1("tbody", { tabIndex: -1 }, [((store == null ? void 0 : store.states.data.value) || []).reduce((acc, row) => {
-      return acc.concat(wrappedRowRender(row, acc.length));
-    }, [])]);
-  }
-});
-function useMapState() {
-  var _a;
-  const store = (_a = inject(TABLE_INJECTION_KEY)) == null ? void 0 : _a.store;
-  return {
-    leftFixedLeafCount: computed(() => {
-      return (store == null ? void 0 : store.states.fixedLeafColumnsLength.value) ?? 0;
-    }),
-    rightFixedLeafCount: computed(() => {
-      return (store == null ? void 0 : store.states.rightFixedColumns.value.length) ?? 0;
-    }),
-    columnsCount: computed(() => {
-      return (store == null ? void 0 : store.states.columns.value.length) ?? 0;
-    }),
-    leftFixedCount: computed(() => {
-      return (store == null ? void 0 : store.states.fixedColumns.value.length) ?? 0;
-    }),
-    rightFixedCount: computed(() => {
-      return (store == null ? void 0 : store.states.rightFixedColumns.value.length) ?? 0;
-    }),
-    columns: computed(() => (store == null ? void 0 : store.states.columns.value) ?? [])
-  };
-}
-function useStyle$1(props) {
-  const { columns } = useMapState();
-  const ns = useNamespace("table");
-  const getCellClasses = (columns2, cellIndex) => {
-    const column = columns2[cellIndex];
-    const classes = [
-      ns.e("cell"),
-      column.id,
-      column.align,
-      column.labelClassName,
-      ...getFixedColumnsClass(ns.b(), cellIndex, column.fixed, props.store)
-    ];
-    if (column.className) classes.push(column.className);
-    if (!column.children) classes.push(ns.is("leaf"));
-    return classes;
-  };
-  const getCellStyles = (column, cellIndex) => {
-    const fixedStyle = getFixedColumnOffset(cellIndex, column.fixed, props.store);
-    ensurePosition(fixedStyle, "left");
-    ensurePosition(fixedStyle, "right");
-    return fixedStyle;
-  };
-  return {
-    getCellClasses,
-    getCellStyles,
-    columns
-  };
-}
-var table_footer_default = defineComponent({
-  name: "ElTableFooter",
-  props: {
-    fixed: {
-      type: String,
-      default: ""
-    },
-    store: {
-      required: true,
-      type: Object
-    },
-    summaryMethod: Function,
-    sumText: String,
-    border: Boolean,
-    defaultSort: {
-      type: Object,
-      default: () => {
-        return {
-          prop: "",
-          order: ""
-        };
-      }
-    }
-  },
-  setup(props) {
-    const parent = inject(TABLE_INJECTION_KEY);
-    const ns = useNamespace("table");
-    const { getCellClasses, getCellStyles, columns } = useStyle$1(props);
-    const { onScrollableChange, onColumnsChange } = useLayoutObserver(parent);
-    return {
-      ns,
-      onScrollableChange,
-      onColumnsChange,
-      getCellClasses,
-      getCellStyles,
-      columns
-    };
-  },
-  render() {
-    const { columns, getCellStyles, getCellClasses, summaryMethod, sumText } = this;
-    const data = this.store.states.data.value;
-    let sums = [];
-    if (summaryMethod) sums = summaryMethod({
-      columns,
-      data
-    });
-    else columns.forEach((column, index) => {
-      if (index === 0) {
-        sums[index] = sumText;
-        return;
-      }
-      const values = data.map((item) => Number(item[column.property]));
-      const precisions = [];
-      let notNumber = true;
-      values.forEach((value) => {
-        if (!Number.isNaN(+value)) {
-          notNumber = false;
-          const decimal = `${value}`.split(".")[1];
-          precisions.push(decimal ? decimal.length : 0);
-        }
-      });
-      const precision = Math.max.apply(null, precisions);
-      if (!notNumber) sums[index] = values.reduce((prev, curr) => {
-        const value = Number(curr);
-        if (!Number.isNaN(+value)) return Number.parseFloat((prev + curr).toFixed(Math.min(precision, 20)));
-        else return prev;
-      }, 0);
-      else sums[index] = "";
-    });
-    return h$1(h$1("tfoot", [h$1("tr", {}, [...columns.map((column, cellIndex) => h$1("td", {
-      key: cellIndex,
-      colspan: column.colSpan,
-      rowspan: column.rowSpan,
-      class: getCellClasses(columns, cellIndex),
-      style: getCellStyles(column, cellIndex)
-    }, [h$1("div", { class: ["cell", column.labelClassName] }, [sums[cellIndex]])]))])]));
-  }
-});
-function useUtils(store) {
-  const setCurrentRow = (row) => {
-    store.commit("setCurrentRow", row);
-  };
-  const getSelectionRows = () => {
-    return store.getSelectionRows();
-  };
-  const toggleRowSelection = (row, selected, ignoreSelectable = true) => {
-    store.toggleRowSelection(row, selected, false, ignoreSelectable);
-    store.updateAllSelected();
-  };
-  const clearSelection = () => {
-    store.clearSelection();
-  };
-  const clearFilter = (columnKeys) => {
-    store.clearFilter(columnKeys);
-  };
-  const toggleAllSelection = () => {
-    store.commit("toggleAllSelection");
-  };
-  const toggleRowExpansion = (row, expanded) => {
-    store.toggleRowExpansionAdapter(row, expanded);
-  };
-  const clearSort = () => {
-    store.clearSort();
-  };
-  const sort = (prop, order) => {
-    store.commit("sort", {
-      prop,
-      order
-    });
-  };
-  const updateKeyChildren = (key, data) => {
-    store.updateKeyChildren(key, data);
-  };
-  return {
-    setCurrentRow,
-    getSelectionRows,
-    toggleRowSelection,
-    clearSelection,
-    clearFilter,
-    toggleAllSelection,
-    toggleRowExpansion,
-    clearSort,
-    sort,
-    updateKeyChildren
-  };
-}
-function useStyle(props, layout, store, table) {
-  const isHidden = ref(false);
-  const renderExpanded = ref(null);
-  const resizeProxyVisible = ref(false);
-  const setDragVisible = (visible) => {
-    resizeProxyVisible.value = visible;
-  };
-  const resizeState = ref({
-    width: null,
-    height: null,
-    headerHeight: null
-  });
-  const isGroup = ref(false);
-  const scrollbarViewStyle = {
-    display: "inline-block",
-    verticalAlign: "middle"
-  };
-  const tableWidth = ref();
-  const tableScrollHeight = ref(0);
-  const bodyScrollHeight = ref(0);
-  const headerScrollHeight = ref(0);
-  const footerScrollHeight = ref(0);
-  const appendScrollHeight = ref(0);
-  watch(() => props.height, (value) => {
-    layout.setHeight(value ?? null);
-  }, { immediate: true });
-  watch(() => props.maxHeight, (value) => {
-    layout.setMaxHeight(value ?? null);
-  }, { immediate: true });
-  watch(() => [props.currentRowKey, store.states.rowKey], ([currentRowKey, rowKey]) => {
-    if (!unref(rowKey) || !unref(currentRowKey)) return;
-    store.setCurrentRowKey(`${currentRowKey}`);
-  }, { immediate: true });
-  watch(() => props.data, (data) => {
-    table.store.commit("setData", data);
-  }, {
-    immediate: true,
-    deep: true
-  });
-  watchEffect(() => {
-    if (props.expandRowKeys) store.setExpandRowKeysAdapter(props.expandRowKeys);
-  });
-  const handleMouseLeave = () => {
-    table.store.commit("setHoverRow", null);
-    if (table.hoverState) table.hoverState = null;
-  };
-  const handleHeaderFooterMousewheel = (_event, data) => {
-    const { pixelX, pixelY } = data;
-    if (Math.abs(pixelX) >= Math.abs(pixelY)) table.refs.bodyWrapper.scrollLeft += data.pixelX / 5;
-  };
-  const shouldUpdateHeight = computed(() => {
-    return props.height || props.maxHeight || store.states.fixedColumns.value.length > 0 || store.states.rightFixedColumns.value.length > 0;
-  });
-  const tableBodyStyles = computed(() => {
-    return { width: layout.bodyWidth.value ? `${layout.bodyWidth.value}px` : "" };
-  });
-  const doLayout = () => {
-    if (shouldUpdateHeight.value) layout.updateElsHeight();
-    layout.updateColumnsWidth();
-    if (typeof window === "undefined") return;
-    requestAnimationFrame(syncPosition);
-  };
-  onMounted(async () => {
-    await nextTick();
-    store.updateColumns();
-    bindEvents();
-    requestAnimationFrame(doLayout);
-    const el = table.vnode.el;
-    const tableHeader = table.refs.headerWrapper;
-    if (props.flexible && el && el.parentElement) el.parentElement.style.minWidth = "0";
-    resizeState.value = {
-      width: tableWidth.value = el.offsetWidth,
-      height: el.offsetHeight,
-      headerHeight: props.showHeader && tableHeader ? tableHeader.offsetHeight : null
-    };
-    store.states.columns.value.forEach((column) => {
-      if (column.filteredValue && column.filteredValue.length) table.store.commit("filterChange", {
-        column,
-        values: column.filteredValue,
-        silent: true
-      });
-    });
-    table.$ready = true;
-  });
-  const setScrollClassByEl = (el, className) => {
-    if (!el) return;
-    const classList = Array.from(el.classList).filter((item) => !item.startsWith("is-scrolling-"));
-    classList.push(layout.scrollX.value ? className : "is-scrolling-none");
-    el.className = classList.join(" ");
-  };
-  const setScrollClass = (className) => {
-    const { tableWrapper } = table.refs;
-    setScrollClassByEl(tableWrapper, className);
-  };
-  const hasScrollClass = (className) => {
-    const { tableWrapper } = table.refs;
-    return !!(tableWrapper && tableWrapper.classList.contains(className));
-  };
-  const syncPosition = function() {
-    if (!table.refs.scrollBarRef) return;
-    if (!layout.scrollX.value) {
-      const scrollingNoneClass = "is-scrolling-none";
-      if (!hasScrollClass(scrollingNoneClass)) setScrollClass(scrollingNoneClass);
-      return;
-    }
-    const scrollContainer = table.refs.scrollBarRef.wrapRef;
-    if (!scrollContainer) return;
-    const { scrollLeft, offsetWidth, scrollWidth } = scrollContainer;
-    const { headerWrapper, footerWrapper } = table.refs;
-    if (headerWrapper) headerWrapper.scrollLeft = scrollLeft;
-    if (footerWrapper) footerWrapper.scrollLeft = scrollLeft;
-    if (scrollLeft >= scrollWidth - offsetWidth - 1) setScrollClass("is-scrolling-right");
-    else if (scrollLeft === 0) setScrollClass("is-scrolling-left");
-    else setScrollClass("is-scrolling-middle");
-  };
-  const bindEvents = () => {
-    if (!table.refs.scrollBarRef) return;
-    if (table.refs.scrollBarRef.wrapRef) useEventListener(table.refs.scrollBarRef.wrapRef, "scroll", syncPosition, { passive: true });
-    if (props.fit) useResizeObserver(table.vnode.el, resizeListener);
-    else useEventListener(window, "resize", resizeListener);
-    useResizeObserver(table.refs.tableInnerWrapper, () => {
-      var _a, _b;
-      resizeListener();
-      (_b = (_a = table.refs) == null ? void 0 : _a.scrollBarRef) == null ? void 0 : _b.update();
-    });
-  };
-  const resizeListener = () => {
-    var _a, _b, _c, _d;
-    const el = table.vnode.el;
-    if (!table.$ready || !el) return;
-    let shouldUpdateLayout = false;
-    const { width: oldWidth, height: oldHeight, headerHeight: oldHeaderHeight } = resizeState.value;
-    const width = tableWidth.value = el.offsetWidth;
-    if (oldWidth !== width) shouldUpdateLayout = true;
-    const height = el.offsetHeight;
-    if ((props.height || shouldUpdateHeight.value) && oldHeight !== height) shouldUpdateLayout = true;
-    const tableHeader = props.tableLayout === "fixed" ? table.refs.headerWrapper : (_a = table.refs.tableHeaderRef) == null ? void 0 : _a.$el;
-    if (props.showHeader && (tableHeader == null ? void 0 : tableHeader.offsetHeight) !== oldHeaderHeight) shouldUpdateLayout = true;
-    tableScrollHeight.value = ((_b = table.refs.tableWrapper) == null ? void 0 : _b.scrollHeight) || 0;
-    headerScrollHeight.value = (tableHeader == null ? void 0 : tableHeader.scrollHeight) || 0;
-    footerScrollHeight.value = ((_c = table.refs.footerWrapper) == null ? void 0 : _c.offsetHeight) || 0;
-    appendScrollHeight.value = ((_d = table.refs.appendWrapper) == null ? void 0 : _d.offsetHeight) || 0;
-    bodyScrollHeight.value = tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value - appendScrollHeight.value;
-    if (shouldUpdateLayout) {
-      resizeState.value = {
-        width,
-        height,
-        headerHeight: props.showHeader && (tableHeader == null ? void 0 : tableHeader.offsetHeight) || 0
-      };
-      doLayout();
-    }
-  };
-  const tableSize = useFormSize();
-  const bodyWidth = computed(() => {
-    const { bodyWidth: bodyWidth_, scrollY, gutterWidth } = layout;
-    return bodyWidth_.value ? `${bodyWidth_.value - (scrollY.value ? gutterWidth : 0)}px` : "";
-  });
-  const tableLayout = computed(() => {
-    if (props.maxHeight) return "fixed";
-    return props.tableLayout;
-  });
-  return {
-    isHidden,
-    renderExpanded,
-    setDragVisible,
-    isGroup,
-    handleMouseLeave,
-    handleHeaderFooterMousewheel,
-    tableSize,
-    emptyBlockStyle: computed(() => {
-      if (props.data && props.data.length) return;
-      let height = "100%";
-      if (props.height && bodyScrollHeight.value) height = `${bodyScrollHeight.value}px`;
-      const width = tableWidth.value;
-      return {
-        width: width ? `${width}px` : "",
-        height
-      };
-    }),
-    resizeProxyVisible,
-    bodyWidth,
-    resizeState,
-    doLayout,
-    tableBodyStyles,
-    tableLayout,
-    scrollbarViewStyle,
-    scrollbarStyle: computed(() => {
-      if (props.height) return { height: "100%" };
-      if (props.maxHeight) if (!Number.isNaN(Number(props.maxHeight))) return { maxHeight: `${+props.maxHeight - headerScrollHeight.value - footerScrollHeight.value}px` };
-      else return { maxHeight: `calc(${props.maxHeight} - ${headerScrollHeight.value + footerScrollHeight.value}px)` };
-      return {};
-    })
-  };
-}
-function useKeyRender(table) {
-  let observer;
-  const initWatchDom = () => {
-    const columnsWrapper = table.vnode.el.querySelector(".hidden-columns");
-    const config = {
-      childList: true,
-      subtree: true
-    };
-    const updateOrderFns = table.store.states.updateOrderFns;
-    observer = new MutationObserver(() => {
-      updateOrderFns.forEach((fn) => fn());
-    });
-    observer.observe(columnsWrapper, config);
-  };
-  onMounted(() => {
-    initWatchDom();
-  });
-  onUnmounted(() => {
-    observer == null ? void 0 : observer.disconnect();
-  });
-}
-var defaults_default$1 = {
-  data: {
-    type: Array,
-    default: () => []
-  },
-  size: useSizeProp,
-  width: [String, Number],
-  height: [String, Number],
-  maxHeight: [String, Number],
-  fit: {
-    type: Boolean,
-    default: true
-  },
-  stripe: Boolean,
-  border: Boolean,
-  rowKey: [String, Function],
-  showHeader: {
-    type: Boolean,
-    default: true
-  },
-  showSummary: Boolean,
-  sumText: String,
-  summaryMethod: Function,
-  rowClassName: [String, Function],
-  rowStyle: [Object, Function],
-  cellClassName: [String, Function],
-  cellStyle: [Object, Function],
-  headerRowClassName: [String, Function],
-  headerRowStyle: [Object, Function],
-  headerCellClassName: [String, Function],
-  headerCellStyle: [Object, Function],
-  highlightCurrentRow: Boolean,
-  currentRowKey: [String, Number],
-  emptyText: String,
-  expandRowKeys: Array,
-  defaultExpandAll: Boolean,
-  rowExpandable: { type: Function },
-  defaultSort: Object,
-  tooltipEffect: String,
-  tooltipOptions: Object,
-  spanMethod: Function,
-  selectOnIndeterminate: {
-    type: Boolean,
-    default: true
-  },
-  indent: {
-    type: Number,
-    default: 16
-  },
-  treeProps: {
-    type: Object,
-    default: () => {
-      return {
-        hasChildren: "hasChildren",
-        children: "children",
-        checkStrictly: false
-      };
-    }
-  },
-  lazy: Boolean,
-  load: Function,
-  style: {
-    type: [
-      String,
-      Object,
-      Array
-    ],
-    default: () => ({})
-  },
-  className: {
-    type: String,
-    default: ""
-  },
-  tableLayout: {
-    type: String,
-    default: "fixed"
-  },
-  scrollbarAlwaysOn: Boolean,
-  flexible: Boolean,
-  showOverflowTooltip: {
-    type: [Boolean, Object],
-    default: void 0
-  },
-  tooltipFormatter: Function,
-  appendFilterPanelTo: String,
-  scrollbarTabindex: {
-    type: [Number, String],
-    default: void 0
-  },
-  allowDragLastColumn: {
-    type: Boolean,
-    default: true
-  },
-  preserveExpandedContent: Boolean,
-  nativeScrollbar: Boolean
-};
-function hColgroup(props) {
-  const isAuto = props.tableLayout === "auto";
-  let columns = props.columns || [];
-  if (isAuto) {
-    if (columns.every(({ width }) => isUndefined(width))) columns = [];
-  }
-  const getPropsData = (column) => {
-    const propsData = {
-      key: `${props.tableLayout}_${column.id}`,
-      style: {},
-      name: void 0
-    };
-    if (isAuto) propsData.style = { width: `${column.width}px` };
-    else propsData.name = column.id;
-    return propsData;
-  };
-  return h$1("colgroup", {}, columns.map((column) => h$1("col", getPropsData(column))));
-}
-hColgroup.props = ["columns", "tableLayout"];
-const useScrollbar = () => {
-  const scrollBarRef = ref();
-  const scrollTo = (options, yCoord) => {
-    const scrollbar = scrollBarRef.value;
-    if (scrollbar) scrollbar.scrollTo(options, yCoord);
-  };
-  const setScrollPosition = (position, offset) => {
-    const scrollbar = scrollBarRef.value;
-    if (scrollbar && isNumber(offset) && ["Top", "Left"].includes(position)) scrollbar[`setScroll${position}`](offset);
-  };
-  const setScrollTop = (top) => setScrollPosition("Top", top);
-  const setScrollLeft = (left) => setScrollPosition("Left", left);
-  return {
-    scrollBarRef,
-    scrollTo,
-    setScrollTop,
-    setScrollLeft
-  };
-};
-let tableIdSeed = 1;
-var table_vue_vue_type_script_lang_default = defineComponent({
-  name: "ElTable",
-  directives: { Mousewheel },
-  components: {
-    TableHeader: table_header_default,
-    TableBody: table_body_default,
-    TableFooter: table_footer_default,
-    ElScrollbar,
-    hColgroup
-  },
-  props: defaults_default$1,
-  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",
-    "scroll"
-  ],
-  setup(props) {
-    const { t } = useLocale();
-    const ns = useNamespace("table");
-    const globalConfig = useGlobalConfig("table");
-    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, getSelectionRows, toggleRowSelection, clearSelection, clearFilter, toggleAllSelection, toggleRowExpansion, clearSort, sort, updateKeyChildren } = useUtils(store);
-    const { isHidden, renderExpanded, setDragVisible, isGroup, handleMouseLeave, handleHeaderFooterMousewheel, tableSize, emptyBlockStyle, resizeProxyVisible, bodyWidth, resizeState, doLayout, tableBodyStyles, tableLayout, scrollbarViewStyle, scrollbarStyle } = useStyle(props, layout, store, table);
-    const { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar();
-    const debouncedUpdateLayout = debounce(doLayout, 50);
-    const tableId = `${ns.namespace.value}-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");
-    });
-    const computedTooltipEffect = computed(() => {
-      var _a;
-      return props.tooltipEffect ?? ((_a = globalConfig.value) == null ? void 0 : _a.tooltipEffect);
-    });
-    const computedTooltipOptions = computed(() => {
-      var _a;
-      return props.tooltipOptions ?? ((_a = globalConfig.value) == null ? void 0 : _a.tooltipOptions);
-    });
-    const columns = computed(() => {
-      return convertToRows(store.states.originColumns.value)[0];
-    });
-    useKeyRender(table);
-    onBeforeUnmount(() => {
-      debouncedUpdateLayout.cancel();
-    });
-    return {
-      ns,
-      layout,
-      store,
-      columns,
-      handleHeaderFooterMousewheel,
-      handleMouseLeave,
-      tableId,
-      tableSize,
-      isHidden,
-      isEmpty,
-      renderExpanded,
-      resizeProxyVisible,
-      resizeState,
-      isGroup,
-      bodyWidth,
-      tableBodyStyles,
-      emptyBlockStyle,
-      debouncedUpdateLayout,
-      setCurrentRow,
-      getSelectionRows,
-      toggleRowSelection,
-      clearSelection,
-      clearFilter,
-      toggleAllSelection,
-      toggleRowExpansion,
-      clearSort,
-      doLayout,
-      sort,
-      updateKeyChildren,
-      t,
-      setDragVisible,
-      context: table,
-      computedSumText,
-      computedEmptyText,
-      computedTooltipEffect,
-      computedTooltipOptions,
-      tableLayout,
-      scrollbarViewStyle,
-      scrollbarStyle,
-      scrollBarRef,
-      scrollTo,
-      setScrollLeft,
-      setScrollTop,
-      allowDragLastColumn: props.allowDragLastColumn
-    };
-  }
-});
-const _hoisted_1 = ["data-prefix"];
-const _hoisted_2 = {
-  ref: "hiddenColumns",
-  class: "hidden-columns"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_hColgroup = resolveComponent("hColgroup");
-  const _component_table_header = resolveComponent("table-header");
-  const _component_table_body = resolveComponent("table-body");
-  const _component_table_footer = resolveComponent("table-footer");
-  const _component_el_scrollbar = resolveComponent("el-scrollbar");
-  const _directive_mousewheel = resolveDirective("mousewheel");
-  return openBlock(), createElementBlock("div", {
-    ref: "tableWrapper",
-    class: normalizeClass([
-      {
-        [_ctx.ns.m("fit")]: _ctx.fit,
-        [_ctx.ns.m("striped")]: _ctx.stripe,
-        [_ctx.ns.m("border")]: _ctx.border || _ctx.isGroup,
-        [_ctx.ns.m("hidden")]: _ctx.isHidden,
-        [_ctx.ns.m("group")]: _ctx.isGroup,
-        [_ctx.ns.m("fluid-height")]: _ctx.maxHeight,
-        [_ctx.ns.m("scrollable-x")]: _ctx.layout.scrollX.value,
-        [_ctx.ns.m("scrollable-y")]: _ctx.layout.scrollY.value,
-        [_ctx.ns.m("enable-row-hover")]: !_ctx.store.states.isComplex.value,
-        [_ctx.ns.m("enable-row-transition")]: (_ctx.store.states.data.value || []).length !== 0 && (_ctx.store.states.data.value || []).length < 100,
-        "has-footer": _ctx.showSummary
-      },
-      _ctx.ns.m(_ctx.tableSize),
-      _ctx.className,
-      _ctx.ns.b(),
-      _ctx.ns.m(`layout-${_ctx.tableLayout}`)
-    ]),
-    style: normalizeStyle(_ctx.style),
-    "data-prefix": _ctx.ns.namespace.value,
-    onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args))
-  }, [createElementVNode("div", {
-    ref: "tableInnerWrapper",
-    class: normalizeClass(_ctx.ns.e("inner-wrapper"))
-  }, [
-    createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")], 512),
-    _ctx.showHeader && _ctx.tableLayout === "fixed" ? withDirectives((openBlock(), createElementBlock("div", {
-      key: 0,
-      ref: "headerWrapper",
-      class: normalizeClass(_ctx.ns.e("header-wrapper"))
-    }, [createElementVNode("table", {
-      ref: "tableHeader",
-      class: normalizeClass(_ctx.ns.e("header")),
-      style: normalizeStyle(_ctx.tableBodyStyles),
-      border: "0",
-      cellpadding: "0",
-      cellspacing: "0"
-    }, [createVNode(_component_hColgroup, {
-      columns: _ctx.store.states.columns.value,
-      "table-layout": _ctx.tableLayout
-    }, null, 8, ["columns", "table-layout"]), createVNode(_component_table_header, {
-      ref: "tableHeaderRef",
-      border: _ctx.border,
-      "default-sort": _ctx.defaultSort,
-      store: _ctx.store,
-      "append-filter-panel-to": _ctx.appendFilterPanelTo,
-      "allow-drag-last-column": _ctx.allowDragLastColumn,
-      onSetDragVisible: _ctx.setDragVisible
-    }, null, 8, [
-      "border",
-      "default-sort",
-      "store",
-      "append-filter-panel-to",
-      "allow-drag-last-column",
-      "onSetDragVisible"
-    ])], 6)], 2)), [[_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]]) : createCommentVNode("v-if", true),
-    createElementVNode("div", {
-      ref: "bodyWrapper",
-      class: normalizeClass(_ctx.ns.e("body-wrapper"))
-    }, [createVNode(_component_el_scrollbar, {
-      ref: "scrollBarRef",
-      "view-style": _ctx.scrollbarViewStyle,
-      "wrap-style": _ctx.scrollbarStyle,
-      always: _ctx.scrollbarAlwaysOn,
-      tabindex: _ctx.scrollbarTabindex,
-      native: _ctx.nativeScrollbar,
-      onScroll: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("scroll", $event))
-    }, {
-      default: withCtx(() => [
-        createElementVNode("table", {
-          ref: "tableBody",
-          class: normalizeClass(_ctx.ns.e("body")),
-          cellspacing: "0",
-          cellpadding: "0",
-          border: "0",
-          style: normalizeStyle({
-            width: _ctx.bodyWidth,
-            tableLayout: _ctx.tableLayout
-          })
-        }, [
-          createVNode(_component_hColgroup, {
-            columns: _ctx.store.states.columns.value,
-            "table-layout": _ctx.tableLayout
-          }, null, 8, ["columns", "table-layout"]),
-          _ctx.showHeader && _ctx.tableLayout === "auto" ? (openBlock(), createBlock(_component_table_header, {
-            key: 0,
-            ref: "tableHeaderRef",
-            class: normalizeClass(_ctx.ns.e("body-header")),
-            border: _ctx.border,
-            "default-sort": _ctx.defaultSort,
-            store: _ctx.store,
-            "append-filter-panel-to": _ctx.appendFilterPanelTo,
-            onSetDragVisible: _ctx.setDragVisible
-          }, null, 8, [
-            "class",
-            "border",
-            "default-sort",
-            "store",
-            "append-filter-panel-to",
-            "onSetDragVisible"
-          ])) : createCommentVNode("v-if", true),
-          createVNode(_component_table_body, {
-            context: _ctx.context,
-            highlight: _ctx.highlightCurrentRow,
-            "row-class-name": _ctx.rowClassName,
-            "tooltip-effect": _ctx.computedTooltipEffect,
-            "tooltip-options": _ctx.computedTooltipOptions,
-            "row-style": _ctx.rowStyle,
-            store: _ctx.store,
-            stripe: _ctx.stripe
-          }, null, 8, [
-            "context",
-            "highlight",
-            "row-class-name",
-            "tooltip-effect",
-            "tooltip-options",
-            "row-style",
-            "store",
-            "stripe"
-          ]),
-          _ctx.showSummary && _ctx.tableLayout === "auto" ? (openBlock(), createBlock(_component_table_footer, {
-            key: 1,
-            class: normalizeClass(_ctx.ns.e("body-footer")),
-            border: _ctx.border,
-            "default-sort": _ctx.defaultSort,
-            store: _ctx.store,
-            "sum-text": _ctx.computedSumText,
-            "summary-method": _ctx.summaryMethod
-          }, null, 8, [
-            "class",
-            "border",
-            "default-sort",
-            "store",
-            "sum-text",
-            "summary-method"
-          ])) : createCommentVNode("v-if", true)
-        ], 6),
-        _ctx.isEmpty ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          ref: "emptyBlock",
-          style: normalizeStyle(_ctx.emptyBlockStyle),
-          class: normalizeClass(_ctx.ns.e("empty-block"))
-        }, [createElementVNode("span", { class: normalizeClass(_ctx.ns.e("empty-text")) }, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(_ctx.computedEmptyText), 1)])], 2)], 6)) : createCommentVNode("v-if", true),
-        _ctx.$slots.append ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          ref: "appendWrapper",
-          class: normalizeClass(_ctx.ns.e("append-wrapper"))
-        }, [renderSlot(_ctx.$slots, "append")], 2)) : createCommentVNode("v-if", true)
-      ]),
-      _: 3
-    }, 8, [
-      "view-style",
-      "wrap-style",
-      "always",
-      "tabindex",
-      "native"
-    ])], 2),
-    _ctx.showSummary && _ctx.tableLayout === "fixed" ? withDirectives((openBlock(), createElementBlock("div", {
-      key: 1,
-      ref: "footerWrapper",
-      class: normalizeClass(_ctx.ns.e("footer-wrapper"))
-    }, [createElementVNode("table", {
-      class: normalizeClass(_ctx.ns.e("footer")),
-      cellspacing: "0",
-      cellpadding: "0",
-      border: "0",
-      style: normalizeStyle(_ctx.tableBodyStyles)
-    }, [createVNode(_component_hColgroup, {
-      columns: _ctx.store.states.columns.value,
-      "table-layout": _ctx.tableLayout
-    }, null, 8, ["columns", "table-layout"]), createVNode(_component_table_footer, {
-      border: _ctx.border,
-      "default-sort": _ctx.defaultSort,
-      store: _ctx.store,
-      "sum-text": _ctx.computedSumText,
-      "summary-method": _ctx.summaryMethod
-    }, null, 8, [
-      "border",
-      "default-sort",
-      "store",
-      "sum-text",
-      "summary-method"
-    ])], 6)], 2)), [[vShow, !_ctx.isEmpty], [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]]) : createCommentVNode("v-if", true),
-    _ctx.border || _ctx.isGroup ? (openBlock(), createElementBlock("div", {
-      key: 2,
-      class: normalizeClass(_ctx.ns.e("border-left-patch"))
-    }, null, 2)) : createCommentVNode("v-if", true)
-  ], 2), withDirectives(createElementVNode("div", {
-    ref: "resizeProxy",
-    class: normalizeClass(_ctx.ns.e("column-resize-proxy"))
-  }, null, 2), [[vShow, _ctx.resizeProxyVisible]])], 46, _hoisted_1);
-}
-var table_default = /* @__PURE__ */ _plugin_vue_export_helper_default(table_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
-const defaultClassNames = {
-  selection: "table-column--selection",
-  expand: "table__expand-column"
-};
-const cellStarts = {
-  default: { order: "" },
-  selection: {
-    width: 48,
-    minWidth: 48,
-    realWidth: 48,
-    order: ""
-  },
-  expand: {
-    width: 48,
-    minWidth: 48,
-    realWidth: 48,
-    order: ""
-  },
-  index: {
-    width: 48,
-    minWidth: 48,
-    realWidth: 48,
-    order: ""
-  }
-};
-const getDefaultClassName = (type) => {
-  return defaultClassNames[type] || "";
-};
-const cellForced = {
-  selection: {
-    renderHeader({ store }) {
-      function isDisabled() {
-        return store.states.data.value && store.states.data.value.length === 0;
-      }
-      return h$1(ElCheckbox, {
-        disabled: isDisabled(),
-        size: store.states.tableSize.value,
-        indeterminate: store.states.selection.value.length > 0 && !store.states.isAllSelected.value,
-        "onUpdate:modelValue": store.toggleAllSelection ?? void 0,
-        modelValue: store.states.isAllSelected.value,
-        ariaLabel: store.t("el.table.selectAllLabel")
-      });
-    },
-    renderCell({ row, column, store, $index }) {
-      return h$1(ElCheckbox, {
-        disabled: column.selectable ? !column.selectable.call(null, row, $index) : false,
-        size: store.states.tableSize.value,
-        onChange: () => {
-          store.commit("rowSelectedChanged", row);
-        },
-        onClick: (event) => event.stopPropagation(),
-        modelValue: store.isSelected(row),
-        ariaLabel: store.t("el.table.selectRowLabel")
-      });
-    },
-    sortable: false,
-    resizable: false
-  },
-  index: {
-    renderHeader({ column }) {
-      return column.label || "#";
-    },
-    renderCell({ column, $index }) {
-      let i = $index + 1;
-      const index = column.index;
-      if (isNumber(index)) i = $index + index;
-      else if (isFunction$1(index)) i = index($index);
-      return h$1("div", {}, [i]);
-    },
-    sortable: false
-  },
-  expand: {
-    renderHeader({ column }) {
-      return column.label || "";
-    },
-    renderCell({ column, row, store, expanded, $index }) {
-      var _a, _b;
-      const { ns } = store;
-      const classes = [ns.e("expand-icon")];
-      if (!column.renderExpand && expanded) classes.push(ns.em("expand-icon", "expanded"));
-      const callback = function(e) {
-        e.stopPropagation();
-        store.toggleRowExpansion(row);
-      };
-      const isRowExpandable = ((_b = (_a = store.states.rowExpandable).value) == null ? void 0 : _b.call(_a, row, $index)) ?? true;
-      if (!isRowExpandable) classes.push(ns.is("disabled"));
-      return h$1("button", {
-        type: "button",
-        disabled: !isRowExpandable,
-        "aria-label": store.t(expanded ? "el.table.collapseRowLabel" : "el.table.expandRowLabel"),
-        "aria-expanded": expanded,
-        class: classes,
-        onClick: callback
-      }, { default: () => {
-        if (column.renderExpand) return [column.renderExpand({
-          expanded,
-          expandable: isRowExpandable
-        })];
-        return [h$1(ElIcon, null, { default: () => {
-          return [h$1(ArrowRight)];
-        } })];
-      } });
-    },
-    sortable: false,
-    resizable: false
-  }
-};
-function defaultRenderCell({ row, column, $index }) {
-  var _a;
-  const property = column.property;
-  const value = property && getProp(row, property).value;
-  if (column && column.formatter) return column.formatter(row, column, value, $index);
-  return ((_a = value == null ? void 0 : value.toString) == null ? void 0 : _a.call(value)) || "";
-}
-function treeCellPrefix({ row, treeNode, store }, createPlaceholder = false) {
-  const { ns } = store;
-  if (!treeNode) {
-    if (createPlaceholder) return [h$1("span", { class: ns.e("placeholder") })];
-    return null;
-  }
-  const ele = [];
-  const callback = function(e) {
-    e.stopPropagation();
-    if (treeNode.loading) return;
-    store.loadOrToggle(row);
-  };
-  if (treeNode.indent) ele.push(h$1("span", {
-    class: ns.e("indent"),
-    style: { "padding-left": `${treeNode.indent}px` }
-  }));
-  if (isBoolean(treeNode.expanded) && !treeNode.noLazyChildren) {
-    const expandClasses = [ns.e("expand-icon"), treeNode.expanded ? ns.em("expand-icon", "expanded") : ""];
-    let icon = ArrowRight;
-    if (treeNode.loading) icon = Loading;
-    ele.push(h$1("button", {
-      type: "button",
-      "aria-label": store.t(treeNode.expanded ? "el.table.collapseRowLabel" : "el.table.expandRowLabel"),
-      "aria-expanded": treeNode.expanded,
-      class: expandClasses,
-      onClick: callback
-    }, { default: () => {
-      return [h$1(ElIcon, { class: ns.is("loading", treeNode.loading) }, { default: () => [h$1(icon)] })];
-    } }));
-  } else ele.push(h$1("span", { class: ns.e("placeholder") }));
-  return ele;
-}
-function getAllAliases(props, aliases) {
-  return props.reduce((prev, cur) => {
-    prev[cur] = cur;
-    return prev;
-  }, aliases);
-}
-function useWatcher(owner, props_) {
-  const instance = getCurrentInstance();
-  const registerComplexWatchers = () => {
-    const props = ["fixed"];
-    const aliases = {
-      realWidth: "width",
-      realMinWidth: "minWidth"
-    };
-    const allAliases = getAllAliases(props, aliases);
-    Object.keys(allAliases).forEach((key) => {
-      const columnKey = aliases[key];
-      if (hasOwn(props_, columnKey)) watch(() => props_[columnKey], (newVal) => {
-        let value = newVal;
-        if (columnKey === "width" && key === "realWidth") value = parseWidth(newVal);
-        if (columnKey === "minWidth" && key === "realMinWidth") value = parseMinWidth(newVal);
-        instance.columnConfig.value[columnKey] = value;
-        instance.columnConfig.value[key] = value;
-        const updateColumns = columnKey === "fixed";
-        owner.value.store.scheduleLayout(updateColumns);
-      });
-    });
-  };
-  const registerNormalWatchers = () => {
-    const props = [
-      "label",
-      "filters",
-      "filterMultiple",
-      "filteredValue",
-      "sortable",
-      "index",
-      "formatter",
-      "className",
-      "labelClassName",
-      "filterClassName",
-      "showOverflowTooltip",
-      "tooltipFormatter",
-      "resizable"
-    ];
-    const parentProps = ["showOverflowTooltip"];
-    const aliases = {
-      property: "prop",
-      align: "realAlign",
-      headerAlign: "realHeaderAlign"
-    };
-    const allAliases = getAllAliases(props, aliases);
-    Object.keys(allAliases).forEach((key) => {
-      const columnKey = aliases[key];
-      if (hasOwn(props_, columnKey)) watch(() => props_[columnKey], (newVal) => {
-        instance.columnConfig.value[key] = newVal;
-        if (key === "filters" || key === "filterMethod") instance.columnConfig.value["filterable"] = !!(instance.columnConfig.value["filters"] || instance.columnConfig.value["filterMethod"]);
-      });
-    });
-    parentProps.forEach((key) => {
-      if (hasOwn(owner.value.props, key)) watch(() => owner.value.props[key], (newVal) => {
-        if (instance.columnConfig.value.type === "selection") return;
-        if (!isUndefined(props_[key])) return;
-        instance.columnConfig.value[key] = newVal;
-      });
-    });
-    const globalConfig = useGlobalConfig("table");
-    if (globalConfig.value && hasOwn(globalConfig.value, "showOverflowTooltip")) watch(() => {
-      var _a;
-      return (_a = globalConfig.value) == null ? void 0 : _a.showOverflowTooltip;
-    }, (newVal) => {
-      if (instance.columnConfig.value.type === "selection") return;
-      if (!isUndefined(props_.showOverflowTooltip) || !isUndefined(owner.value.props.showOverflowTooltip)) return;
-      instance.columnConfig.value.showOverflowTooltip = newVal;
-    });
-  };
-  return {
-    registerComplexWatchers,
-    registerNormalWatchers
-  };
-}
-function useRender(props, slots, owner) {
-  const instance = getCurrentInstance();
-  const columnId = ref("");
-  const isSubColumn = ref(false);
-  const realAlign = ref();
-  const realHeaderAlign = ref();
-  const ns = useNamespace("table");
-  watchEffect(() => {
-    realAlign.value = props.align ? `is-${props.align}` : null;
-    realAlign.value;
-  });
-  watchEffect(() => {
-    realHeaderAlign.value = props.headerAlign ? `is-${props.headerAlign}` : realAlign.value;
-    realHeaderAlign.value;
-  });
-  const columnOrTableParent = computed(() => {
-    let parent = instance.vnode.vParent || instance.parent;
-    while (parent && !parent.tableId && !parent.columnId) parent = parent.vnode.vParent || parent.parent;
-    return parent;
-  });
-  const hasTreeColumn = computed(() => {
-    const { store } = instance.parent;
-    if (!store) return false;
-    const { treeData } = store.states;
-    const treeDataValue = treeData.value;
-    return treeDataValue && Object.keys(treeDataValue).length > 0;
-  });
-  const realWidth = ref(parseWidth(props.width));
-  const realMinWidth = ref(parseMinWidth(props.minWidth));
-  const setColumnWidth = (column) => {
-    if (realWidth.value) column.width = realWidth.value;
-    if (realMinWidth.value) column.minWidth = realMinWidth.value;
-    if (!realWidth.value && realMinWidth.value) column.width = void 0;
-    if (!column.minWidth) column.minWidth = 80;
-    column.realWidth = Number(isUndefined(column.width) ? column.minWidth : column.width);
-    return column;
-  };
-  const setColumnForcedProps = (column) => {
-    const type = column.type;
-    const source = cellForced[type] || {};
-    Object.keys(source).forEach((prop) => {
-      const value = source[prop];
-      if (prop !== "className" && !isUndefined(value)) column[prop] = value;
-    });
-    const className = getDefaultClassName(type);
-    if (className) {
-      const forceClass = `${unref(ns.namespace)}-${className}`;
-      column.className = column.className ? `${column.className} ${forceClass}` : forceClass;
-    }
-    return column;
-  };
-  const checkSubColumn = (children) => {
-    if (isArray$1(children)) children.forEach((child) => check(child));
-    else check(children);
-    function check(item) {
-      var _a;
-      if (((_a = item == null ? void 0 : item.type) == null ? void 0 : _a.name) === "ElTableColumn") item.vParent = instance;
-    }
-  };
-  const setColumnRenders = (column) => {
-    if (props.renderHeader) debugWarn("TableColumn", "Comparing to render-header, scoped-slot header is easier to use. We recommend users to use scoped-slot header.");
-    else if (column.type !== "selection") column.renderHeader = (scope) => {
-      instance.columnConfig.value["label"];
-      if (slots.header) {
-        const slotResult = slots.header(scope);
-        if (ensureValidVNode(slotResult)) return h$1(Fragment, slotResult);
-      }
-      return createTextVNode(column.label);
-    };
-    if (slots["filter-icon"]) column.renderFilterIcon = (scope) => {
-      return renderSlot(slots, "filter-icon", scope);
-    };
-    if (slots.expand) column.renderExpand = (scope) => {
-      return renderSlot(slots, "expand", scope);
-    };
-    let originRenderCell = column.renderCell;
-    if (column.type === "expand") {
-      column.renderCell = (data) => h$1("div", { class: "cell" }, [originRenderCell(data)]);
-      owner.value.renderExpanded = (row) => {
-        return slots.default ? slots.default(row) : slots.default;
-      };
-    } else {
-      originRenderCell = originRenderCell || defaultRenderCell;
-      column.renderCell = (data) => {
-        let children = null;
-        if (slots.default) {
-          const vnodes = slots.default(data);
-          children = vnodes.some((v2) => v2.type !== Comment) ? vnodes : originRenderCell(data);
-        } else children = originRenderCell(data);
-        const { columns } = owner.value.store.states;
-        const firstUserColumnIndex = columns.value.findIndex((item) => item.type === "default");
-        const prefix = treeCellPrefix(data, hasTreeColumn.value && data.cellIndex === firstUserColumnIndex);
-        const props2 = {
-          class: "cell",
-          style: {}
-        };
-        if (column.showOverflowTooltip) {
-          props2.class = `${props2.class} ${unref(ns.namespace)}-tooltip`;
-          props2.style = { width: `${(data.column.realWidth || Number(data.column.width)) - 1}px` };
-        }
-        checkSubColumn(children);
-        return h$1("div", props2, [prefix, children]);
-      };
-    }
-    return column;
-  };
-  const getPropsData = (...propsKey) => {
-    return propsKey.reduce((prev, cur) => {
-      if (isArray$1(cur)) cur.forEach((key) => {
-        prev[key] = props[key];
-      });
-      return prev;
-    }, {});
-  };
-  const getColumnElIndex = (children, child) => {
-    return Array.prototype.indexOf.call(children, child);
-  };
-  const updateColumnOrder = () => {
-    owner.value.store.commit("updateColumnOrder", instance.columnConfig.value);
-  };
-  return {
-    columnId,
-    realAlign,
-    isSubColumn,
-    realHeaderAlign,
-    columnOrTableParent,
-    setColumnWidth,
-    setColumnForcedProps,
-    setColumnRenders,
-    getPropsData,
-    getColumnElIndex,
-    updateColumnOrder
-  };
-}
-var defaults_default = {
-  type: {
-    type: String,
-    default: "default"
-  },
-  label: String,
-  className: String,
-  labelClassName: String,
-  property: String,
-  prop: String,
-  width: {
-    type: [String, Number],
-    default: ""
-  },
-  minWidth: {
-    type: [String, Number],
-    default: ""
-  },
-  renderHeader: Function,
-  sortable: {
-    type: [Boolean, String],
-    default: false
-  },
-  sortMethod: Function,
-  sortBy: [
-    String,
-    Function,
-    Array
-  ],
-  resizable: {
-    type: Boolean,
-    default: true
-  },
-  columnKey: String,
-  align: String,
-  headerAlign: String,
-  showOverflowTooltip: {
-    type: [Boolean, Object],
-    default: void 0
-  },
-  tooltipFormatter: Function,
-  fixed: [Boolean, String],
-  formatter: Function,
-  selectable: Function,
-  reserveSelection: Boolean,
-  filterMethod: Function,
-  filteredValue: Array,
-  filters: Array,
-  filterPlacement: String,
-  filterMultiple: {
-    type: Boolean,
-    default: true
-  },
-  filterClassName: String,
-  index: [Number, Function],
-  sortOrders: {
-    type: Array,
-    default: () => {
-      return [
-        "ascending",
-        "descending",
-        null
-      ];
-    },
-    validator: (val) => {
-      return val.every((order) => [
-        "ascending",
-        "descending",
-        null
-      ].includes(order));
-    }
-  }
-};
-let columnIdSeed = 1;
-var table_column_default = defineComponent({
-  name: "ElTableColumn",
-  components: { ElCheckbox },
-  props: defaults_default,
-  setup(props, { slots }) {
-    const instance = getCurrentInstance();
-    const globalConfig = useGlobalConfig("table");
-    const columnConfig = ref({});
-    const owner = computed(() => {
-      let parent2 = instance.parent;
-      while (parent2 && !parent2.tableId) parent2 = parent2.parent;
-      return parent2;
-    });
-    const { registerNormalWatchers, registerComplexWatchers } = useWatcher(owner, props);
-    const { columnId, isSubColumn, realHeaderAlign, columnOrTableParent, setColumnWidth, setColumnForcedProps, setColumnRenders, getPropsData, getColumnElIndex, realAlign, updateColumnOrder } = useRender(props, slots, owner);
-    const parent = columnOrTableParent.value;
-    columnId.value = `${"tableId" in parent && parent.tableId || "columnId" in parent && parent.columnId}_column_${columnIdSeed++}`;
-    onBeforeMount(() => {
-      var _a, _b;
-      isSubColumn.value = owner.value !== parent;
-      const type = props.type || "default";
-      const sortable = props.sortable === "" ? true : props.sortable;
-      const showOverflowTooltip = type === "selection" ? false : isUndefined(props.showOverflowTooltip) ? parent.props.showOverflowTooltip ?? ((_a = globalConfig.value) == null ? void 0 : _a.showOverflowTooltip) : props.showOverflowTooltip;
-      const tooltipFormatter = isUndefined(props.tooltipFormatter) ? parent.props.tooltipFormatter ?? ((_b = globalConfig.value) == null ? void 0 : _b.tooltipFormatter) : props.tooltipFormatter;
-      const defaults = {
-        ...cellStarts[type],
-        id: columnId.value,
-        type,
-        property: props.prop || props.property,
-        align: realAlign,
-        headerAlign: realHeaderAlign,
-        showOverflowTooltip,
-        tooltipFormatter,
-        filterable: props.filters || props.filterMethod,
-        filteredValue: [],
-        filterPlacement: "",
-        filterClassName: "",
-        isColumnGroup: false,
-        isSubColumn: false,
-        filterOpened: false,
-        sortable,
-        index: props.index,
-        rawColumnKey: instance.vnode.key
-      };
-      let column = getPropsData([
-        "columnKey",
-        "label",
-        "className",
-        "labelClassName",
-        "type",
-        "renderHeader",
-        "formatter",
-        "fixed",
-        "resizable"
-      ], [
-        "sortMethod",
-        "sortBy",
-        "sortOrders"
-      ], ["selectable", "reserveSelection"], [
-        "filterMethod",
-        "filters",
-        "filterMultiple",
-        "filterOpened",
-        "filteredValue",
-        "filterPlacement",
-        "filterClassName"
-      ]);
-      column = mergeOptions(defaults, column);
-      column = compose(setColumnRenders, setColumnWidth, setColumnForcedProps)(column);
-      columnConfig.value = column;
-      registerNormalWatchers();
-      registerComplexWatchers();
-    });
-    onMounted(() => {
-      var _a, _b;
-      const parent2 = columnOrTableParent.value;
-      const children = isSubColumn.value ? (_a = parent2.vnode.el) == null ? void 0 : _a.children : (_b = parent2.refs.hiddenColumns) == null ? void 0 : _b.children;
-      const getColumnIndex = () => getColumnElIndex(children || [], instance.vnode.el);
-      columnConfig.value.getColumnIndex = getColumnIndex;
-      getColumnIndex() > -1 && owner.value.store.commit("insertColumn", columnConfig.value, isSubColumn.value ? "columnConfig" in parent2 && parent2.columnConfig.value : null, updateColumnOrder);
-    });
-    onBeforeUnmount(() => {
-      const getColumnIndex = columnConfig.value.getColumnIndex;
-      (getColumnIndex ? getColumnIndex() : -1) > -1 && owner.value.store.commit("removeColumn", columnConfig.value, isSubColumn.value ? "columnConfig" in parent && parent.columnConfig.value : null, updateColumnOrder);
-    });
-    instance.columnId = columnId.value;
-    instance.columnConfig = columnConfig;
-  },
-  render() {
-    var _a, _b, _c;
-    try {
-      const renderDefault = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, {
-        row: {},
-        column: {},
-        $index: -1
-      });
-      const children = [];
-      if (isArray$1(renderDefault)) {
-        for (const childNode of renderDefault) if (((_c = childNode.type) == null ? void 0 : _c.name) === "ElTableColumn" || childNode.shapeFlag & 2) children.push(childNode);
-        else if (childNode.type === Fragment && isArray$1(childNode.children)) childNode.children.forEach((vnode) => {
-          if ((vnode == null ? void 0 : vnode.patchFlag) !== 1024 && !isString(vnode == null ? void 0 : vnode.children)) children.push(vnode);
-        });
-      }
-      return h$1("div", children);
-    } catch {
-      return h$1("div", []);
-    }
-  }
-});
-var tableColumn_default = table_column_default;
-const ElTable = withInstall(table_default, { TableColumn: tableColumn_default });
-const ElTableColumn = withNoopInstall(tableColumn_default);
-export {
-  ElTable as E,
-  ElTableColumn as a
-};