@layers.digital/layers-design-system-vue3 1.22.0 → 1.22.2

package/dist/chunks/chunk-2421.js

@@ -0,0 +1,129 @@
+import { isNumber as n } from "./chunk-1703.js";
+import { hasOwn as W, isString as g } from "./chunk-1721.js";
+import { parseHeight as x } from "./chunk-2419.js";
+import { ref as a, isRef as p, nextTick as v } from "vue";
+import w from "./chunk-2514.js";
+import { isClient as m } from "./chunk-1722.js";
+var S = class {
+  constructor(t) {
+    this.observers = [], this.table = null, this.store = null, this.columns = [], this.fit = !0, this.showHeader = !0, this.heightMap = {}, this.height = a(null), this.scrollX = a(!1), this.scrollY = a(!1), this.bodyWidth = a(null), this.fixedWidth = a(null), this.rightFixedWidth = a(null), this.gutterWidth = 0;
+    for (const e in t) W(t, e) && (p(this[e]) ? this[e].value = t[e] : this[e] = t[e]);
+    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 t = this.height.value;
+    if (w(t)) return !1;
+    const e = this.table.refs.scrollBarRef;
+    if (this.table.vnode.el && e?.wrapRef) {
+      let s = !0;
+      const l = this.scrollY.value;
+      return s = e.wrapRef.scrollHeight > e.wrapRef.clientHeight, this.scrollY.value = s, l !== s;
+    }
+    return !1;
+  }
+  setHeight(t, e = "height") {
+    if (!m) return;
+    const s = this.table.vnode.el;
+    if (t = x(t), this.height.value = Number(t), this.heightMap[e] = t, !s && (t || t === 0)) {
+      v(() => {
+        this.heightMap[e] === t && this.setHeight(t, e);
+      });
+      return;
+    }
+    s && n(t) ? (s.style[e] = `${t}px`, this.updateElsHeight()) : s && g(t) && (s.style[e] = t, this.updateElsHeight());
+  }
+  setMaxHeight(t) {
+    this.setHeight(t, "max-height");
+  }
+  getFlattenColumns() {
+    const t = [];
+    return this.table.store.states.columns.value.forEach((e) => {
+      e.isColumnGroup ? t.push.apply(t, e.columns) : t.push(e);
+    }), t;
+  }
+  updateElsHeight() {
+    this.updateScrollY(), this.notifyObservers("scrollable");
+  }
+  headerDisplayNone(t) {
+    if (!t) return !0;
+    let e = t;
+    for (; e.tagName !== "DIV"; ) {
+      if (getComputedStyle(e).display === "none") return !0;
+      e = e.parentElement;
+    }
+    return !1;
+  }
+  updateColumnsWidth() {
+    if (!m) return;
+    const t = this.fit, e = this.table.vnode.el?.clientWidth;
+    let s = 0;
+    const l = this.getFlattenColumns(), h = l.filter((i) => !n(i.width));
+    if (l.forEach((i) => {
+      n(i.width) && i.realWidth && (i.realWidth = null);
+    }), h.length > 0 && t) {
+      if (l.forEach((i) => {
+        s += Number(i.width || i.minWidth || 80);
+      }), s <= e) {
+        this.scrollX.value = !1;
+        const i = e - s;
+        if (h.length === 1) h[0].realWidth = Number(h[0].minWidth || 80) + i;
+        else {
+          const r = i / h.reduce((o, d) => o + Number(d.minWidth || 80), 0);
+          let b = 0;
+          h.forEach((o, d) => {
+            if (d === 0) return;
+            const c = Math.floor(Number(o.minWidth || 80) * r);
+            b += c, o.realWidth = Number(o.minWidth || 80) + c;
+          }), h[0].realWidth = Number(h[0].minWidth || 80) + i - b;
+        }
+      } else
+        this.scrollX.value = !0, h.forEach((i) => {
+          i.realWidth = Number(i.minWidth);
+        });
+      this.bodyWidth.value = Math.max(s, e), this.table.state.resizeState.value.width = this.bodyWidth.value;
+    } else
+      l.forEach((i) => {
+        !i.width && !i.minWidth ? i.realWidth = 80 : i.realWidth = Number(i.width || i.minWidth), s += i.realWidth;
+      }), this.scrollX.value = s > e, this.bodyWidth.value = s;
+    const f = this.store.states.fixedColumns.value;
+    if (f.length > 0) {
+      let i = 0;
+      f.forEach((r) => {
+        i += Number(r.realWidth || r.width);
+      }), this.fixedWidth.value = i;
+    }
+    const u = this.store.states.rightFixedColumns.value;
+    if (u.length > 0) {
+      let i = 0;
+      u.forEach((r) => {
+        i += Number(r.realWidth || r.width);
+      }), this.rightFixedWidth.value = i;
+    }
+    this.notifyObservers("columns");
+  }
+  addObserver(t) {
+    this.observers.push(t);
+  }
+  removeObserver(t) {
+    const e = this.observers.indexOf(t);
+    e !== -1 && this.observers.splice(e, 1);
+  }
+  notifyObservers(t) {
+    this.observers.forEach((e) => {
+      switch (t) {
+        case "columns":
+          e.state?.onColumnsChange(this);
+          break;
+        case "scrollable":
+          e.state?.onScrollableChange(this);
+          break;
+        default:
+          throw new Error(`Table Layout don't have event ${t}.`);
+      }
+    });
+  }
+};
+export {
+  S as default
+};

package/dist/chunks/chunk-2422.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol("ElTable");exports.TABLE_INJECTION_KEY=e;

package/dist/chunks/chunk-2422.js

@@ -0,0 +1,4 @@
+const E = Symbol("ElTable");
+export {
+  E as TABLE_INJECTION_KEY
+};

package/dist/chunks/chunk-2423.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./chunk-2422.cjs"),i=require("vue"),c=s=>{const t=[];return s.forEach(r=>{r.children?(t.push(r),t.push.apply(t,c(r.children))):t.push(r)}),t},p=s=>{let t=1;const r=(e,l)=>{if(l&&(e.level=l.level+1,t<e.level&&(t=e.level)),e.children){let n=0;e.children.forEach(a=>{r(a,e),n+=a.colSpan}),e.colSpan=n}else e.colSpan=1};s.forEach(e=>{e.level=1,r(e,void 0)});const o=[];for(let e=0;e<t;e++)o.push([]);return c(s).forEach(e=>{e.children?(e.rowSpan=1,e.children.forEach(l=>l.isSubColumn=!0)):e.rowSpan=t-e.level+1,o[e.level-1].push(e)}),o};function h(s){const t=i.inject(u.TABLE_INJECTION_KEY),r=i.computed(()=>p(s.store.states.originColumns.value));return{isGroup:i.computed(()=>{const l=r.value.length>1;return l&&t&&(t.state.isGroup.value=!0),l}),toggleAllSelection:l=>{l.stopPropagation(),t?.store.commit("toggleAllSelection")},columnRows:r}}exports.convertToRows=p;exports.default=h;

package/dist/chunks/chunk-2423.js

@@ -0,0 +1,43 @@
+import { TABLE_INJECTION_KEY as c } from "./chunk-2422.js";
+import { inject as h, computed as p } from "vue";
+const n = (s) => {
+  const t = [];
+  return s.forEach((r) => {
+    r.children ? (t.push(r), t.push.apply(t, n(r.children))) : t.push(r);
+  }), t;
+}, f = (s) => {
+  let t = 1;
+  const r = (e, l) => {
+    if (l && (e.level = l.level + 1, t < e.level && (t = e.level)), e.children) {
+      let i = 0;
+      e.children.forEach((a) => {
+        r(a, e), i += a.colSpan;
+      }), e.colSpan = i;
+    } else e.colSpan = 1;
+  };
+  s.forEach((e) => {
+    e.level = 1, r(e, void 0);
+  });
+  const o = [];
+  for (let e = 0; e < t; e++) o.push([]);
+  return n(s).forEach((e) => {
+    e.children ? (e.rowSpan = 1, e.children.forEach((l) => l.isSubColumn = !0)) : e.rowSpan = t - e.level + 1, o[e.level - 1].push(e);
+  }), o;
+};
+function d(s) {
+  const t = h(c), r = p(() => f(s.store.states.originColumns.value));
+  return {
+    isGroup: p(() => {
+      const l = r.value.length > 1;
+      return l && t && (t.state.isGroup.value = !0), l;
+    }),
+    toggleAllSelection: (l) => {
+      l.stopPropagation(), t?.store.commit("toggleAllSelection");
+    },
+    columnRows: r
+  };
+}
+export {
+  f as convertToRows,
+  d as default
+};

package/dist/chunks/chunk-2424.cjs

@@ -0,0 +1 @@
+"use strict";const _=require("./chunk-1714.cjs"),F=require("./chunk-1717.cjs"),P=require("./chunk-1876.cjs"),B=require("./chunk-2591.cjs"),$=require("./chunk-2592.cjs"),A=require("./chunk-2422.cjs"),D=require("./chunk-2593.cjs"),N=require("./chunk-2594.cjs"),j=require("./chunk-2423.cjs"),t=require("vue");var G=t.defineComponent({name:"ElTableHeader",components:{ElCheckbox:P.ElCheckbox},props:{fixed:{type:String,default:""},store:{required:!0,type:Object},border:Boolean,defaultSort:{type:Object,default:()=>({prop:"",order:""})},appendFilterPanelTo:{type:String},allowDragLastColumn:{type:Boolean}},setup(s,{emit:k}){const p=t.getCurrentInstance(),i=t.inject(A.TABLE_INJECTION_KEY),H=F.useNamespace("table"),h=t.ref({}),{onColumnsChange:u,onScrollableChange:f}=$(i),M=i?.props.tableLayout==="auto",r=t.reactive(new Map),C=t.ref();let l;const n=()=>{l=setTimeout(()=>{r.size>0&&(r.forEach((w,R)=>{const L=C.value.querySelector(`.${R.replace(/\s/g,".")}`);L&&(w.width=L.getBoundingClientRect().width||w.width)}),r.clear())})};t.watch(r,n),t.onBeforeUnmount(()=>{l&&(clearTimeout(l),l=void 0)}),t.onMounted(async()=>{await t.nextTick(),await t.nextTick();const{prop:w,order:R}=s.defaultSort;i?.store.commit("sort",{prop:w,order:R,init:!0}),n()});const{handleHeaderClick:T,handleHeaderContextMenu:g,handleMouseDown:y,handleMouseMove:q,handleMouseOut:v,handleSortClick:S,handleFilterClick:d}=D(s,k),{getHeaderRowStyle:o,getHeaderRowClass:e,getHeaderCellStyle:c,getHeaderCellClass:b}=N(s),{isGroup:a,toggleAllSelection:x,columnRows:O}=j.default(s),{t:E}=_.useLocale();return p.state={onColumnsChange:u,onScrollableChange:f},p.filterPanels=h,{ns:H,t:E,filterPanels:h,onColumnsChange:u,onScrollableChange:f,columnRows:O,getHeaderRowClass:e,getHeaderRowStyle:o,getHeaderCellClass:b,getHeaderCellStyle:c,handleHeaderClick:T,handleHeaderContextMenu:g,handleMouseDown:y,handleMouseMove:q,handleMouseOut:v,handleSortClick:S,handleFilterClick:d,isGroup:a,toggleAllSelection:x,saveIndexSelection:r,isTableLayoutAuto:M,theadRef:C,updateFixedColumnStyle:n}},render(){const{ns:s,t:k,isGroup:p,columnRows:i,getHeaderCellStyle:H,getHeaderCellClass:h,getHeaderRowClass:u,getHeaderRowStyle:f,handleHeaderClick:M,handleHeaderContextMenu:r,handleMouseDown:C,handleMouseMove:l,handleSortClick:n,handleMouseOut:T,store:g,$parent:y,saveIndexSelection:q,isTableLayoutAuto:v}=this;let S=1;return t.h("thead",{ref:"theadRef",class:s.is("group",p)},i.map((d,o)=>t.h("tr",{class:u(o),key:o,style:f(o)},d.map((e,c)=>{e.rowSpan>S&&(S=e.rowSpan);const b=h(o,c,d,e);return v&&e.fixed&&q.set(b,e),t.h("th",{class:b,colspan:e.colSpan,key:`${e.id}-thead`,rowspan:e.rowSpan,scope:e.colSpan>1?"colgroup":"col",ariaSort:e.sortable?e.order:void 0,style:H(o,c,d,e),onClick:a=>{a.currentTarget?.classList.contains("noclick")||M(a,e)},onContextmenu:a=>r(a,e),onMousedown:a=>C(a,e),onMousemove:a=>l(a,e),onMouseout:T},[t.h("div",{class:["cell",e.filteredValue&&e.filteredValue.length>0?"highlight":""]},[e.renderHeader?e.renderHeader({column:e,$index:c,store:g,_self:y}):e.label,e.sortable&&t.h("button",{type:"button",class:"caret-wrapper","aria-label":k("el.table.sortLabel",{column:e.label||""}),onClick:a=>n(a,e)},[t.h("i",{onClick:a=>n(a,e,"ascending"),class:"sort-caret ascending"}),t.h("i",{onClick:a=>n(a,e,"descending"),class:"sort-caret descending"})]),e.filterable&&t.h(B,{store:g,placement:e.filterPlacement||"bottom-start",appendTo:y?.appendFilterPanelTo,column:e,upDataColumn:(a,x)=>{e[a]=x}},{"filter-icon":()=>e.renderFilterIcon?e.renderFilterIcon({filterOpened:e.filterOpened}):null})])])}))))}});module.exports=G;

package/dist/chunks/chunk-2424.js

@@ -0,0 +1,148 @@
+import { useLocale as B } from "./chunk-1714.js";
+import { useNamespace as P } from "./chunk-1717.js";
+import { ElCheckbox as A } from "./chunk-1876.js";
+import D from "./chunk-2591.js";
+import j from "./chunk-2592.js";
+import { TABLE_INJECTION_KEY as N } from "./chunk-2422.js";
+import $ from "./chunk-2593.js";
+import q from "./chunk-2594.js";
+import G from "./chunk-2423.js";
+import { defineComponent as I, h as a, getCurrentInstance as U, inject as V, ref as m, reactive as z, watch as J, onBeforeUnmount as K, onMounted as Y, nextTick as E } from "vue";
+var se = I({
+  name: "ElTableHeader",
+  components: { ElCheckbox: A },
+  props: {
+    fixed: {
+      type: String,
+      default: ""
+    },
+    store: {
+      required: !0,
+      type: Object
+    },
+    border: Boolean,
+    defaultSort: {
+      type: Object,
+      default: () => ({
+        prop: "",
+        order: ""
+      })
+    },
+    appendFilterPanelTo: { type: String },
+    allowDragLastColumn: { type: Boolean }
+  },
+  setup(s, { emit: H }) {
+    const c = U(), i = V(N), M = P("table"), f = m({}), { onColumnsChange: h, onScrollableChange: u } = j(i), k = i?.props.tableLayout === "auto", r = z(/* @__PURE__ */ new Map()), g = m();
+    let n;
+    const o = () => {
+      n = setTimeout(() => {
+        r.size > 0 && (r.forEach((w, O) => {
+          const _ = g.value.querySelector(`.${O.replace(/\s/g, ".")}`);
+          _ && (w.width = _.getBoundingClientRect().width || w.width);
+        }), r.clear());
+      });
+    };
+    J(r, o), K(() => {
+      n && (clearTimeout(n), n = void 0);
+    }), Y(async () => {
+      await E(), await E();
+      const { prop: w, order: O } = s.defaultSort;
+      i?.store.commit("sort", {
+        prop: w,
+        order: O,
+        init: !0
+      }), o();
+    });
+    const { handleHeaderClick: v, handleHeaderContextMenu: C, handleMouseDown: S, handleMouseMove: T, handleMouseOut: L, handleSortClick: y, handleFilterClick: d } = $(s, H), { getHeaderRowStyle: l, getHeaderRowClass: e, getHeaderCellStyle: p, getHeaderCellClass: b } = q(s), { isGroup: t, toggleAllSelection: R, columnRows: x } = G(s), { t: F } = B();
+    return c.state = {
+      onColumnsChange: h,
+      onScrollableChange: u
+    }, c.filterPanels = f, {
+      ns: M,
+      t: F,
+      filterPanels: f,
+      onColumnsChange: h,
+      onScrollableChange: u,
+      columnRows: x,
+      getHeaderRowClass: e,
+      getHeaderRowStyle: l,
+      getHeaderCellClass: b,
+      getHeaderCellStyle: p,
+      handleHeaderClick: v,
+      handleHeaderContextMenu: C,
+      handleMouseDown: S,
+      handleMouseMove: T,
+      handleMouseOut: L,
+      handleSortClick: y,
+      handleFilterClick: d,
+      isGroup: t,
+      toggleAllSelection: R,
+      saveIndexSelection: r,
+      isTableLayoutAuto: k,
+      theadRef: g,
+      updateFixedColumnStyle: o
+    };
+  },
+  render() {
+    const { ns: s, t: H, isGroup: c, columnRows: i, getHeaderCellStyle: M, getHeaderCellClass: f, getHeaderRowClass: h, getHeaderRowStyle: u, handleHeaderClick: k, handleHeaderContextMenu: r, handleMouseDown: g, handleMouseMove: n, handleSortClick: o, handleMouseOut: v, store: C, $parent: S, saveIndexSelection: T, isTableLayoutAuto: L } = this;
+    let y = 1;
+    return a("thead", {
+      ref: "theadRef",
+      class: s.is("group", c)
+    }, i.map((d, l) => a("tr", {
+      class: h(l),
+      key: l,
+      style: u(l)
+    }, d.map((e, p) => {
+      e.rowSpan > y && (y = e.rowSpan);
+      const b = f(l, p, d, e);
+      return L && e.fixed && T.set(b, e), a("th", {
+        class: b,
+        colspan: e.colSpan,
+        key: `${e.id}-thead`,
+        rowspan: e.rowSpan,
+        scope: e.colSpan > 1 ? "colgroup" : "col",
+        ariaSort: e.sortable ? e.order : void 0,
+        style: M(l, p, d, e),
+        onClick: (t) => {
+          t.currentTarget?.classList.contains("noclick") || k(t, e);
+        },
+        onContextmenu: (t) => r(t, e),
+        onMousedown: (t) => g(t, e),
+        onMousemove: (t) => n(t, e),
+        onMouseout: v
+      }, [a("div", { class: ["cell", e.filteredValue && e.filteredValue.length > 0 ? "highlight" : ""] }, [
+        e.renderHeader ? e.renderHeader({
+          column: e,
+          $index: p,
+          store: C,
+          _self: S
+        }) : e.label,
+        e.sortable && a("button", {
+          type: "button",
+          class: "caret-wrapper",
+          "aria-label": H("el.table.sortLabel", { column: e.label || "" }),
+          onClick: (t) => o(t, e)
+        }, [a("i", {
+          onClick: (t) => o(t, e, "ascending"),
+          class: "sort-caret ascending"
+        }), a("i", {
+          onClick: (t) => o(t, e, "descending"),
+          class: "sort-caret descending"
+        })]),
+        e.filterable && a(D, {
+          store: C,
+          placement: e.filterPlacement || "bottom-start",
+          appendTo: S?.appendFilterPanelTo,
+          column: e,
+          upDataColumn: (t, R) => {
+            e[t] = R;
+          }
+        }, { "filter-icon": () => e.renderFilterIcon ? e.renderFilterIcon({ filterOpened: e.filterOpened }) : null })
+      ])]);
+    }))));
+  }
+});
+export {
+  se as default
+};

package/dist/chunks/chunk-2425.cjs

@@ -0,0 +1 @@
+"use strict";const g=require("./chunk-2070.cjs"),d=require("./chunk-1712.cjs"),y=require("./chunk-1717.cjs"),R=require("./chunk-2419.cjs"),E=require("./chunk-2592.cjs"),T=require("./chunk-2422.cjs"),A=require("./chunk-2595.cjs"),L=require("./chunk-2596.cjs"),t=require("vue"),S=require("./chunk-1722.cjs");var _=t.defineComponent({name:"ElTableBody",props:L,setup(s){const u=t.getCurrentInstance(),l=t.inject(T.TABLE_INJECTION_KEY),a=y.useNamespace("table"),{wrappedRowRender:v,tooltipContent:C,tooltipTrigger:m}=A(s),{onColumnsChange:w,onScrollableChange:N}=E(l),h=[];return t.watch(s.store?.states.hoverRow,(p,q)=>{const b=u?.vnode.el,c=Array.from(b?.children||[]).filter(e=>e?.classList.contains(`${a.e("row")}`));let n=p;const i=c[n]?.childNodes;if(i?.length){let e=0;Array.from(i).reduce((o,r,f)=>(i[f]?.colSpan>1&&(e=i[f]?.colSpan),r.nodeName!=="TD"&&e===0&&o.push(f),e>0&&e--,o),[]).forEach(o=>{for(n=p;n>0;){const r=c[n-1]?.childNodes;if(r[o]&&r[o].nodeName==="TD"&&r[o].rowSpan>1){d.addClass(r[o],"hover-cell"),h.push(r[o]);break}n--}})}else h.forEach(e=>d.removeClass(e,"hover-cell")),h.length=0;!s.store?.states.isComplex.value||!S.isClient||g.rAF(()=>{const e=c[q],o=c[p];e&&!e.classList.contains("hover-fixed-row")&&d.removeClass(e,"hover-row"),o&&d.addClass(o,"hover-row")})}),t.onUnmounted(()=>{R.removePopper?.()}),{ns:a,onColumnsChange:w,onScrollableChange:N,wrappedRowRender:v,tooltipContent:C,tooltipTrigger:m}},render(){const{wrappedRowRender:s,store:u}=this;return t.h("tbody",{tabIndex:-1},[(u?.states.data.value||[]).reduce((l,a)=>l.concat(s(a,l.length)),[])])}});module.exports=_;

package/dist/chunks/chunk-2425.js

@@ -0,0 +1,56 @@
+import { rAF as R } from "./chunk-2070.js";
+import { addClass as f, removeClass as h } from "./chunk-1712.js";
+import { useNamespace as y } from "./chunk-1717.js";
+import { removePopper as E } from "./chunk-2419.js";
+import T from "./chunk-2592.js";
+import { TABLE_INJECTION_KEY as L } from "./chunk-2422.js";
+import A from "./chunk-2595.js";
+import S from "./chunk-2596.js";
+import { defineComponent as _, h as B, getCurrentInstance as D, inject as O, watch as P, onUnmounted as j } from "vue";
+import { isClient as k } from "./chunk-1722.js";
+var I = _({
+  name: "ElTableBody",
+  props: S,
+  setup(t) {
+    const c = D(), n = O(L), l = y("table"), { wrappedRowRender: u, tooltipContent: v, tooltipTrigger: C } = A(t), { onColumnsChange: w, onScrollableChange: N } = T(n), m = [];
+    return P(t.store?.states.hoverRow, (d, b) => {
+      const g = c?.vnode.el, a = Array.from(g?.children || []).filter((e) => e?.classList.contains(`${l.e("row")}`));
+      let s = d;
+      const i = a[s]?.childNodes;
+      if (i?.length) {
+        let e = 0;
+        Array.from(i).reduce((o, r, p) => (i[p]?.colSpan > 1 && (e = i[p]?.colSpan), r.nodeName !== "TD" && e === 0 && o.push(p), e > 0 && e--, o), []).forEach((o) => {
+          for (s = d; s > 0; ) {
+            const r = a[s - 1]?.childNodes;
+            if (r[o] && r[o].nodeName === "TD" && r[o].rowSpan > 1) {
+              f(r[o], "hover-cell"), m.push(r[o]);
+              break;
+            }
+            s--;
+          }
+        });
+      } else
+        m.forEach((e) => h(e, "hover-cell")), m.length = 0;
+      !t.store?.states.isComplex.value || !k || R(() => {
+        const e = a[b], o = a[d];
+        e && !e.classList.contains("hover-fixed-row") && h(e, "hover-row"), o && f(o, "hover-row");
+      });
+    }), j(() => {
+      E?.();
+    }), {
+      ns: l,
+      onColumnsChange: w,
+      onScrollableChange: N,
+      wrappedRowRender: u,
+      tooltipContent: v,
+      tooltipTrigger: C
+    };
+  },
+  render() {
+    const { wrappedRowRender: t, store: c } = this;
+    return B("tbody", { tabIndex: -1 }, [(c?.states.data.value || []).reduce((n, l) => n.concat(t(l, n.length)), [])]);
+  }
+});
+export {
+  I as default
+};

package/dist/chunks/chunk-2426.cjs

@@ -0,0 +1 @@
+"use strict";const d=require("./chunk-1717.cjs"),y=require("./chunk-2592.cjs"),C=require("./chunk-2422.cjs"),g=require("./chunk-2597.cjs"),o=require("vue");var S=o.defineComponent({name:"ElTableFooter",props:{fixed:{type:String,default:""},store:{required:!0,type:Object},summaryMethod:Function,sumText:String,border:Boolean,defaultSort:{type:Object,default:()=>({prop:"",order:""})}},setup(a){const c=o.inject(C.TABLE_INJECTION_KEY),i=d.useNamespace("table"),{getCellClasses:n,getCellStyles:p,columns:u}=g(a),{onScrollableChange:s,onColumnsChange:t}=y(c);return{ns:i,onScrollableChange:s,onColumnsChange:t,getCellClasses:n,getCellStyles:p,columns:u}},render(){const{columns:a,getCellStyles:c,getCellClasses:i,summaryMethod:n,sumText:p}=this,u=this.store.states.data.value;let s=[];return n?s=n({columns:a,data:u}):a.forEach((t,e)=>{if(e===0){s[e]=p;return}const m=u.map(r=>Number(r[t.property])),h=[];let f=!0;m.forEach(r=>{if(!Number.isNaN(+r)){f=!1;const l=`${r}`.split(".")[1];h.push(l?l.length:0)}});const b=Math.max.apply(null,h);f?s[e]="":s[e]=m.reduce((r,l)=>{const N=Number(l);return Number.isNaN(+N)?r:Number.parseFloat((r+l).toFixed(Math.min(b,20)))},0)}),o.h(o.h("tfoot",[o.h("tr",{},[...a.map((t,e)=>o.h("td",{key:e,colspan:t.colSpan,rowspan:t.rowSpan,class:i(a,e),style:c(t,e)},[o.h("div",{class:["cell",t.labelClassName]},[s[e]])]))])]))}});module.exports=S;

package/dist/chunks/chunk-2426.js

@@ -0,0 +1,75 @@
+import { useNamespace as h } from "./chunk-1717.js";
+import y from "./chunk-2592.js";
+import { TABLE_INJECTION_KEY as C } from "./chunk-2422.js";
+import g from "./chunk-2597.js";
+import { defineComponent as S, h as l, inject as E } from "vue";
+var _ = S({
+  name: "ElTableFooter",
+  props: {
+    fixed: {
+      type: String,
+      default: ""
+    },
+    store: {
+      required: !0,
+      type: Object
+    },
+    summaryMethod: Function,
+    sumText: String,
+    border: Boolean,
+    defaultSort: {
+      type: Object,
+      default: () => ({
+        prop: "",
+        order: ""
+      })
+    }
+  },
+  setup(o) {
+    const m = E(C), p = h("table"), { getCellClasses: n, getCellStyles: i, columns: u } = g(o), { onScrollableChange: s, onColumnsChange: t } = y(m);
+    return {
+      ns: p,
+      onScrollableChange: s,
+      onColumnsChange: t,
+      getCellClasses: n,
+      getCellStyles: i,
+      columns: u
+    };
+  },
+  render() {
+    const { columns: o, getCellStyles: m, getCellClasses: p, summaryMethod: n, sumText: i } = this, u = this.store.states.data.value;
+    let s = [];
+    return n ? s = n({
+      columns: o,
+      data: u
+    }) : o.forEach((t, e) => {
+      if (e === 0) {
+        s[e] = i;
+        return;
+      }
+      const c = u.map((r) => Number(r[t.property])), f = [];
+      let b = !0;
+      c.forEach((r) => {
+        if (!Number.isNaN(+r)) {
+          b = !1;
+          const a = `${r}`.split(".")[1];
+          f.push(a ? a.length : 0);
+        }
+      });
+      const d = Math.max.apply(null, f);
+      b ? s[e] = "" : s[e] = c.reduce((r, a) => {
+        const N = Number(a);
+        return Number.isNaN(+N) ? r : Number.parseFloat((r + a).toFixed(Math.min(d, 20)));
+      }, 0);
+    }), l(l("tfoot", [l("tr", {}, [...o.map((t, e) => l("td", {
+      key: e,
+      colspan: t.colSpan,
+      rowspan: t.rowSpan,
+      class: p(o, e),
+      style: m(t, e)
+    }, [l("div", { class: ["cell", t.labelClassName] }, [s[e]])]))])]));
+  }
+});
+export {
+  _ as default
+};

package/dist/chunks/chunk-2427.cjs

@@ -0,0 +1 @@
+"use strict";function n(e){return{setCurrentRow:t=>{e.commit("setCurrentRow",t)},getSelectionRows:()=>e.getSelectionRows(),getHalfSelectionRows:()=>e.getHalfSelectionRows(),toggleRowSelection:(t,l,o=!0)=>{e.toggleRowSelection(t,l,!1,o),e.updateAllSelected()},clearSelection:()=>{e.clearSelection()},clearFilter:t=>{e.clearFilter(t)},toggleAllSelection:()=>{e.commit("toggleAllSelection")},toggleRowExpansion:(t,l)=>{e.toggleRowExpansionAdapter(t,l)},clearSort:()=>{e.clearSort()},sort:(t,l)=>{e.commit("sort",{prop:t,order:l})},updateKeyChildren:(t,l)=>{e.updateKeyChildren(t,l)}}}module.exports=n;

package/dist/chunks/chunk-2427.js

@@ -0,0 +1,39 @@
+function d(e) {
+  return {
+    setCurrentRow: (t) => {
+      e.commit("setCurrentRow", t);
+    },
+    getSelectionRows: () => e.getSelectionRows(),
+    getHalfSelectionRows: () => e.getHalfSelectionRows(),
+    toggleRowSelection: (t, l, o = !0) => {
+      e.toggleRowSelection(t, l, !1, o), e.updateAllSelected();
+    },
+    clearSelection: () => {
+      e.clearSelection();
+    },
+    clearFilter: (t) => {
+      e.clearFilter(t);
+    },
+    toggleAllSelection: () => {
+      e.commit("toggleAllSelection");
+    },
+    toggleRowExpansion: (t, l) => {
+      e.toggleRowExpansionAdapter(t, l);
+    },
+    clearSort: () => {
+      e.clearSort();
+    },
+    sort: (t, l) => {
+      e.commit("sort", {
+        prop: t,
+        order: l
+      });
+    },
+    updateKeyChildren: (t, l) => {
+      e.updateKeyChildren(t, l);
+    }
+  };
+}
+export {
+  d as default
+};

package/dist/chunks/chunk-2428.cjs

@@ -0,0 +1 @@
+"use strict";const P=require("./chunk-1769.cjs"),m=require("./chunk-1709.cjs"),i=require("vue");function D(s,n,a,r){const E=i.ref(!1),$=i.ref(null),p=i.ref(!1),B=e=>{p.value=e},c=i.ref({width:null,height:null,headerHeight:null}),b=i.ref(!1),z={display:"inline-block",verticalAlign:"middle"},H=i.ref(),S=i.ref(0),x=i.ref(0),h=i.ref(0),d=i.ref(0),R=i.ref(0);i.watch(()=>s.height,e=>{n.setHeight(e??null)},{immediate:!0}),i.watch(()=>s.maxHeight,e=>{n.setMaxHeight(e??null)},{immediate:!0}),i.watch(()=>[s.currentRowKey,a.states.rowKey],([e,t])=>{!i.unref(t)||!i.unref(e)||a.setCurrentRowKey(`${e}`)},{immediate:!0}),i.watch(()=>s.data,e=>{r.store.commit("setData",e)},{immediate:!0,deep:!0}),i.watchEffect(()=>{s.expandRowKeys&&a.setExpandRowKeysAdapter(s.expandRowKeys)});const N=()=>{r.store.commit("setHoverRow",null),r.hoverState&&(r.hoverState=null)},F=(e,t)=>{const{pixelX:l,pixelY:o}=t;Math.abs(l)>=Math.abs(o)&&(r.refs.bodyWrapper.scrollLeft+=t.pixelX/5)},L=i.computed(()=>s.height||s.maxHeight||a.states.fixedColumns.value.length>0||a.states.rightFixedColumns.value.length>0),M=i.computed(()=>({width:n.bodyWidth.value?`${n.bodyWidth.value}px`:""})),w=()=>{L.value&&n.updateElsHeight(),n.updateColumnsWidth(),!(typeof window>"u")&&requestAnimationFrame(C)};i.onMounted(async()=>{await i.nextTick(),a.updateColumns(),A(),requestAnimationFrame(w);const e=r.vnode.el,t=r.refs.headerWrapper;s.flexible&&e&&e.parentElement&&(e.parentElement.style.minWidth="0"),c.value={width:H.value=e.offsetWidth,height:e.offsetHeight,headerHeight:s.showHeader&&t?t.offsetHeight:null},a.states.columns.value.forEach(l=>{l.filteredValue&&l.filteredValue.length&&r.store.commit("filterChange",{column:l,values:l.filteredValue,silent:!0})}),r.$ready=!0});const V=(e,t)=>{if(!e)return;const l=Array.from(e.classList).filter(o=>!o.startsWith("is-scrolling-"));l.push(n.scrollX.value?t:"is-scrolling-none"),e.className=l.join(" ")},g=e=>{const{tableWrapper:t}=r.refs;V(t,e)},q=e=>{const{tableWrapper:t}=r.refs;return!!(t&&t.classList.contains(e))},C=function(){if(!r.refs.scrollBarRef)return;if(!n.scrollX.value){const u="is-scrolling-none";q(u)||g(u);return}const e=r.refs.scrollBarRef.wrapRef;if(!e)return;const{scrollLeft:t,offsetWidth:l,scrollWidth:o}=e,{headerWrapper:v,footerWrapper:f}=r.refs;v&&(v.scrollLeft=t),f&&(f.scrollLeft=t),t>=o-l-1?g("is-scrolling-right"):g(t===0?"is-scrolling-left":"is-scrolling-middle")},A=()=>{r.refs.scrollBarRef&&(r.refs.scrollBarRef.wrapRef&&m.useEventListener(r.refs.scrollBarRef.wrapRef,"scroll",C,{passive:!0}),s.fit?m.useResizeObserver(r.vnode.el,y):m.useEventListener(window,"resize",y),m.useResizeObserver(r.refs.tableInnerWrapper,()=>{y(),r.refs?.scrollBarRef?.update()}))},y=()=>{const e=r.vnode.el;if(!r.$ready||!e)return;let t=!1;const{width:l,height:o,headerHeight:v}=c.value,f=H.value=e.offsetWidth;l!==f&&(t=!0);const u=e.offsetHeight;(s.height||L.value)&&o!==u&&(t=!0);const W=s.tableLayout==="fixed"?r.refs.headerWrapper:r.refs.tableHeaderRef?.$el;s.showHeader&&W?.offsetHeight!==v&&(t=!0),S.value=r.refs.tableWrapper?.scrollHeight||0,h.value=W?.scrollHeight||0,d.value=r.refs.footerWrapper?.offsetHeight||0,R.value=r.refs.appendWrapper?.offsetHeight||0,x.value=S.value-h.value-d.value-R.value,t&&(c.value={width:f,height:u,headerHeight:s.showHeader&&W?.offsetHeight||0},w())},K=P.useFormSize(),X=i.computed(()=>{const{bodyWidth:e,scrollY:t,gutterWidth:l}=n;return e.value?`${e.value-(t.value?l:0)}px`:""}),k=i.computed(()=>s.maxHeight?"fixed":s.tableLayout);return{isHidden:E,renderExpanded:$,setDragVisible:B,isGroup:b,handleMouseLeave:N,handleHeaderFooterMousewheel:F,tableSize:K,emptyBlockStyle:i.computed(()=>{if(s.data&&s.data.length)return;let e="100%";s.height&&x.value&&(e=`${x.value}px`);const t=H.value;return{width:t?`${t}px`:"",height:e}}),resizeProxyVisible:p,bodyWidth:X,resizeState:c,doLayout:w,tableBodyStyles:M,tableLayout:k,scrollbarViewStyle:z,scrollbarStyle:i.computed(()=>s.height?{height:"100%"}:s.maxHeight?Number.isNaN(Number(s.maxHeight))?{maxHeight:`calc(${s.maxHeight} - ${h.value+d.value}px)`}:{maxHeight:`${+s.maxHeight-h.value-d.value}px`}:{})}}module.exports=D;

package/dist/chunks/chunk-2428.js

@@ -0,0 +1,125 @@
+import { useFormSize as _ } from "./chunk-1769.js";
+import { useEventListener as E, useResizeObserver as B } from "./chunk-1709.js";
+import { ref as s, watch as H, unref as b, watchEffect as j, computed as f, onMounted as G, nextTick as I } from "vue";
+function Q(r, a, n, i) {
+  const z = s(!1), M = s(null), R = s(!1), N = (e) => {
+    R.value = e;
+  }, d = s({
+    width: null,
+    height: null,
+    headerHeight: null
+  }), V = s(!1), A = {
+    display: "inline-block",
+    verticalAlign: "middle"
+  }, x = s(), p = s(0), w = s(0), c = s(0), g = s(0), L = s(0);
+  H(() => r.height, (e) => {
+    a.setHeight(e ?? null);
+  }, { immediate: !0 }), H(() => r.maxHeight, (e) => {
+    a.setMaxHeight(e ?? null);
+  }, { immediate: !0 }), H(() => [r.currentRowKey, n.states.rowKey], ([e, t]) => {
+    !b(t) || !b(e) || n.setCurrentRowKey(`${e}`);
+  }, { immediate: !0 }), H(() => r.data, (e) => {
+    i.store.commit("setData", e);
+  }, {
+    immediate: !0,
+    deep: !0
+  }), j(() => {
+    r.expandRowKeys && n.setExpandRowKeysAdapter(r.expandRowKeys);
+  });
+  const F = () => {
+    i.store.commit("setHoverRow", null), i.hoverState && (i.hoverState = null);
+  }, K = (e, t) => {
+    const { pixelX: l, pixelY: o } = t;
+    Math.abs(l) >= Math.abs(o) && (i.refs.bodyWrapper.scrollLeft += t.pixelX / 5);
+  }, C = f(() => r.height || r.maxHeight || n.states.fixedColumns.value.length > 0 || n.states.rightFixedColumns.value.length > 0), X = f(() => ({ width: a.bodyWidth.value ? `${a.bodyWidth.value}px` : "" })), y = () => {
+    C.value && a.updateElsHeight(), a.updateColumnsWidth(), !(typeof window > "u") && requestAnimationFrame($);
+  };
+  G(async () => {
+    await I(), n.updateColumns(), D(), requestAnimationFrame(y);
+    const e = i.vnode.el, t = i.refs.headerWrapper;
+    r.flexible && e && e.parentElement && (e.parentElement.style.minWidth = "0"), d.value = {
+      width: x.value = e.offsetWidth,
+      height: e.offsetHeight,
+      headerHeight: r.showHeader && t ? t.offsetHeight : null
+    }, n.states.columns.value.forEach((l) => {
+      l.filteredValue && l.filteredValue.length && i.store.commit("filterChange", {
+        column: l,
+        values: l.filteredValue,
+        silent: !0
+      });
+    }), i.$ready = !0;
+  });
+  const k = (e, t) => {
+    if (!e) return;
+    const l = Array.from(e.classList).filter((o) => !o.startsWith("is-scrolling-"));
+    l.push(a.scrollX.value ? t : "is-scrolling-none"), e.className = l.join(" ");
+  }, v = (e) => {
+    const { tableWrapper: t } = i.refs;
+    k(t, e);
+  }, q = (e) => {
+    const { tableWrapper: t } = i.refs;
+    return !!(t && t.classList.contains(e));
+  }, $ = function() {
+    if (!i.refs.scrollBarRef) return;
+    if (!a.scrollX.value) {
+      const u = "is-scrolling-none";
+      q(u) || v(u);
+      return;
+    }
+    const e = i.refs.scrollBarRef.wrapRef;
+    if (!e) return;
+    const { scrollLeft: t, offsetWidth: l, scrollWidth: o } = e, { headerWrapper: m, footerWrapper: h } = i.refs;
+    m && (m.scrollLeft = t), h && (h.scrollLeft = t), t >= o - l - 1 ? v("is-scrolling-right") : v(t === 0 ? "is-scrolling-left" : "is-scrolling-middle");
+  }, D = () => {
+    i.refs.scrollBarRef && (i.refs.scrollBarRef.wrapRef && E(i.refs.scrollBarRef.wrapRef, "scroll", $, { passive: !0 }), r.fit ? B(i.vnode.el, W) : E(window, "resize", W), B(i.refs.tableInnerWrapper, () => {
+      W(), i.refs?.scrollBarRef?.update();
+    }));
+  }, W = () => {
+    const e = i.vnode.el;
+    if (!i.$ready || !e) return;
+    let t = !1;
+    const { width: l, height: o, headerHeight: m } = d.value, h = x.value = e.offsetWidth;
+    l !== h && (t = !0);
+    const u = e.offsetHeight;
+    (r.height || C.value) && o !== u && (t = !0);
+    const S = r.tableLayout === "fixed" ? i.refs.headerWrapper : i.refs.tableHeaderRef?.$el;
+    r.showHeader && S?.offsetHeight !== m && (t = !0), p.value = i.refs.tableWrapper?.scrollHeight || 0, c.value = S?.scrollHeight || 0, g.value = i.refs.footerWrapper?.offsetHeight || 0, L.value = i.refs.appendWrapper?.offsetHeight || 0, w.value = p.value - c.value - g.value - L.value, t && (d.value = {
+      width: h,
+      height: u,
+      headerHeight: r.showHeader && S?.offsetHeight || 0
+    }, y());
+  }, P = _(), U = f(() => {
+    const { bodyWidth: e, scrollY: t, gutterWidth: l } = a;
+    return e.value ? `${e.value - (t.value ? l : 0)}px` : "";
+  }), Y = f(() => r.maxHeight ? "fixed" : r.tableLayout);
+  return {
+    isHidden: z,
+    renderExpanded: M,
+    setDragVisible: N,
+    isGroup: V,
+    handleMouseLeave: F,
+    handleHeaderFooterMousewheel: K,
+    tableSize: P,
+    emptyBlockStyle: f(() => {
+      if (r.data && r.data.length) return;
+      let e = "100%";
+      r.height && w.value && (e = `${w.value}px`);
+      const t = x.value;
+      return {
+        width: t ? `${t}px` : "",
+        height: e
+      };
+    }),
+    resizeProxyVisible: R,
+    bodyWidth: U,
+    resizeState: d,
+    doLayout: y,
+    tableBodyStyles: X,
+    tableLayout: Y,
+    scrollbarViewStyle: A,
+    scrollbarStyle: f(() => r.height ? { height: "100%" } : r.maxHeight ? Number.isNaN(Number(r.maxHeight)) ? { maxHeight: `calc(${r.maxHeight} - ${c.value + g.value}px)` } : { maxHeight: `${+r.maxHeight - c.value - g.value}px` } : {})
+  };
+}
+export {
+  Q as default
+};

package/dist/chunks/chunk-2429.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("vue");function d(t){let e;const o=()=>{const r=t.vnode.el.querySelector(".hidden-columns"),s={childList:!0,subtree:!0},c=t.store.states.updateOrderFns;e=new MutationObserver(()=>{c.forEach(u=>u())}),e.observe(r,s)};n.onMounted(()=>{o()}),n.onUnmounted(()=>{e?.disconnect()})}module.exports=d;