@rhino-design/vue 0.2.2 → 0.2.6

package/dist/components/XTable.vue2.js

@@ -0,0 +1,1059 @@
+import { defineComponent as Lt, computed as y, ref as $, watch as se, onMounted as Mt, nextTick as Pt, openBlock as u, createElementBlock as c, normalizeClass as L, createElementVNode as w, normalizeStyle as m, Fragment as S, renderList as F, createCommentVNode as g, renderSlot as k, createTextVNode as M, toDisplayString as C, withModifiers as oe, createBlock as G, mergeProps as zt, withCtx as Et, unref as we, resolveDynamicComponent as Kt, createVNode as Nt } from "vue";
+import _t from "./XPagination.vue.js";
+import Bt from "./XEmpty.vue.js";
+import Ht from "./XTooltip.vue.js";
+import Je from "./XTableFilter.vue.js";
+import { useXConfig as At } from "../composables/config.js";
+import { useXConfigProviderSlotRender as Ft } from "../composables/config-provider.js";
+import { useXI18n as Ot } from "../composables/i18n.js";
+const jt = ["rowspan"], Vt = ["rowspan"], Wt = ["rowspan"], Xt = ["checked"], It = { key: 1 }, Gt = ["colspan", "rowspan", "onClick"], Jt = ["data-order", "onClick"], Ut = ["onMousedown"], qt = { key: 1 }, Qt = ["checked"], Yt = { key: 1 }, Zt = ["onClick"], el = ["data-order", "onClick"], tl = ["onMousedown"], ll = { key: 1 }, al = ["colspan"], nl = ["draggable", "onClick", "onDragstart", "onDragover", "onDrop"], rl = ["onClick"], il = {
+  key: 0,
+  class: "x-table__loading-icon"
+}, sl = { key: 1 }, ol = ["type", "checked", "disabled", "onChange"], ul = ["onClick"], dl = { class: "x-table__cell-content is-ellipsis" }, cl = {
+  key: 0,
+  class: "x-table__expanded-row"
+}, fl = ["colspan"], pl = ["colspan"], yl = { key: 2 }, hl = ["colspan"], gl = { key: 3 }, vl = {
+  key: 0,
+  class: "x-table__drag-col"
+}, kl = {
+  key: 1,
+  class: "x-table__expand-col"
+}, bl = {
+  key: 2,
+  class: "x-table__selection-col"
+}, xl = {
+  key: 0,
+  class: "x-table__loading"
+}, wl = {
+  key: 1,
+  class: "x-table__pagination"
+}, Ml = /* @__PURE__ */ Lt({
+  __name: "XTable",
+  props: {
+    columns: {},
+    data: {},
+    loading: { type: Boolean, default: !1 },
+    pagination: { type: [Boolean, Object], default: !1 },
+    rowSelection: { default: void 0 },
+    expandable: { default: void 0 },
+    bordered: { type: [Boolean, Object], default: !1 },
+    hoverable: { type: Boolean, default: !0 },
+    stripe: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    rowKey: { type: [String, Function], default: "key" },
+    rowClass: { type: [String, Function], default: "" },
+    scroll: { default: void 0 },
+    summary: { type: [Boolean, Function], default: void 0 },
+    summaryText: { default: "合计" },
+    emptyText: { default: "暂无数据" },
+    indentSize: { default: 16 },
+    childrenColumnName: { default: "children" },
+    treeData: { type: Boolean, default: !1 },
+    loadMore: { type: Function, default: void 0 },
+    autoMergeColumns: { default: void 0 },
+    autoMergeRows: { type: [Array, Boolean], default: void 0 },
+    spanMethod: { type: Function, default: void 0 },
+    stickyHeader: { type: [Boolean, Number], default: !1 },
+    stickyOffsetTop: { default: 0 },
+    showHeader: { type: Boolean, default: !0 },
+    defaultExpandAllRows: { type: Boolean, default: !1 },
+    virtualListProps: { default: void 0 },
+    draggable: { type: [Boolean, Object], default: !1 },
+    filterIconAlignLeft: { type: Boolean, default: !1 }
+  },
+  emits: ["update:selectedRowKeys", "update:expandedRowKeys", "select", "selectAll", "sort", "filter", "expand", "pageChange", "pageSizeChange", "rowClick", "cellClick", "headerClick", "resizeColumn", "change", "drag"],
+  setup(f, { emit: Ue }) {
+    var Xe, Ie;
+    function O(e) {
+      if (!(e == null || e === ""))
+        return typeof e == "number" ? `${e}px` : e;
+    }
+    function ue(e) {
+      if (typeof e == "number") return e;
+      if (typeof e == "string") {
+        const l = Number.parseFloat(e);
+        if (Number.isFinite(l)) return l;
+      }
+      return 160;
+    }
+    function me(e, l) {
+      return e === l || e == null && l == null ? !0 : e == null || l == null ? !1 : String(e) === String(l);
+    }
+    function qe(e, l) {
+      const t = e.key == null ? "" : String(e.key).trim();
+      if (t) return t;
+      const a = e.dataIndex == null ? "" : String(e.dataIndex).trim();
+      return a || `col-${l.join("-")}`;
+    }
+    function J(e, l = []) {
+      return e.map((t, a) => {
+        var o;
+        const r = [...l, a], i = (o = t.children) != null && o.length ? J(t.children, r) : void 0;
+        return {
+          ...t,
+          key: qe(t, r),
+          children: i
+        };
+      });
+    }
+    const n = f, de = y(() => J(n.columns)), Qe = At(), { t: ce } = Ot(), fe = y(() => n.size ?? Qe.size.value), Ye = y(() => n.summaryText === "合计" ? ce("table.summaryText", void 0, "合计") : n.summaryText), Ze = y(() => n.emptyText === "暂无数据" ? ce("table.emptyText", void 0, "暂无数据") : n.emptyText), Se = Ft(
+      "empty",
+      y(() => ({ component: "table" }))
+    ), b = Ue;
+    function et() {
+      const e = J(n.columns), l = (a) => {
+        var r;
+        for (const i of a) {
+          if ((r = i.children) != null && r.length) {
+            const o = l(i.children);
+            if (o) return o;
+          }
+          if (i.defaultSortOrder)
+            return { key: i.key, order: i.defaultSortOrder };
+          if (i.sortOrder)
+            return { key: i.key, order: i.sortOrder };
+        }
+        return null;
+      }, t = l(e);
+      return t || { key: "", order: null };
+    }
+    function tt() {
+      const e = {}, l = J(n.columns), t = (a) => {
+        var r;
+        for (const i of a)
+          (r = i.children) != null && r.length && t(i.children), i.defaultFilteredValue ? e[i.key] = i.defaultFilteredValue.map(String) : i.filteredValue && (e[i.key] = i.filteredValue.map(String));
+      };
+      return t(l), e;
+    }
+    const D = $(et()), E = $(tt()), V = $(1), U = $(10), pe = $((Xe = n.rowSelection) != null && Xe.defaultSelectedRowKeys ? [...n.rowSelection.defaultSelectedRowKeys] : []), q = $((Ie = n.expandable) != null && Ie.defaultExpandedRowKeys ? [...n.expandable.defaultExpandedRowKeys] : []), Q = $(null), H = $({}), ye = $(/* @__PURE__ */ new Set()), j = $(), Ce = $(), Y = $(!1), K = $({ isDragging: !1, dragIndex: -1, dropIndex: -1 }), Z = $(0), Re = $(0), $e = $(0);
+    se(
+      () => n.pagination,
+      (e) => {
+        e && typeof e == "object" && (V.value = e.current ?? V.value, U.value = e.pageSize ?? U.value);
+      },
+      { immediate: !0 }
+    ), se(
+      () => {
+        var e;
+        return (e = n.rowSelection) == null ? void 0 : e.selectedRowKeys;
+      },
+      (e) => {
+        e !== void 0 && (pe.value = [...e]);
+      },
+      { immediate: !0 }
+    ), se(
+      () => {
+        var e;
+        return (e = n.expandable) == null ? void 0 : e.expandedRowKeys;
+      },
+      (e) => {
+        e !== void 0 && (q.value = [...e]);
+      },
+      { immediate: !0 }
+    ), Mt(() => {
+      if (n.virtualListProps && j.value && xe(), n.defaultExpandAllRows && n.treeData) {
+        const e = [], l = (t) => {
+          t.forEach((a, r) => {
+            const i = P(a, r);
+            e.push(i);
+            const o = a[n.childrenColumnName] || [];
+            o.length > 0 && l(o);
+          });
+        };
+        l(n.data), q.value = e;
+      }
+    });
+    function P(e, l) {
+      return typeof n.rowKey == "function" ? n.rowKey(e, l) : e[n.rowKey] ?? l;
+    }
+    function R(e, l) {
+      return l.dataIndex ? typeof l.dataIndex == "string" && l.dataIndex.includes(".") ? l.dataIndex.split(".").reduce((t, a) => t == null ? void 0 : t[a], e) : e[l.dataIndex] : "";
+    }
+    const B = y(() => n.pagination === !1 ? null : n.pagination === !0 ? {} : n.pagination ?? null), N = y(() => {
+      var e;
+      return ((e = n.rowSelection) == null ? void 0 : e.selectedRowKeys) ?? pe.value;
+    }), ee = y(() => {
+      var e;
+      return ((e = n.expandable) == null ? void 0 : e.expandedRowKeys) ?? q.value;
+    }), lt = y(() => {
+      var e;
+      return typeof n.bordered == "boolean" ? n.bordered : ((e = n.bordered) == null ? void 0 : e.wrapper) ?? !1;
+    }), De = y(() => {
+      var e;
+      return typeof n.bordered == "boolean" ? n.bordered : ((e = n.bordered) == null ? void 0 : e.cell) ?? !1;
+    }), Te = y(() => {
+      var e;
+      return typeof n.bordered == "boolean" ? n.bordered : ((e = n.bordered) == null ? void 0 : e.headerCell) ?? !1;
+    }), x = y(() => {
+      const e = [], l = (t) => {
+        t.forEach((a) => {
+          a.children && a.children.length > 0 ? l(a.children) : e.push(a);
+        });
+      };
+      return l(de.value), e;
+    }), at = y(() => {
+      let e = [...n.data];
+      return Object.entries(E.value).forEach(([l, t]) => {
+        if (t.length > 0) {
+          const a = x.value.find((r) => r.key === l);
+          a && (e = e.filter((r) => {
+            const i = String(R(r, a));
+            return t.some((o) => i.includes(String(o)));
+          }));
+        }
+      }), e;
+    }), A = y(() => {
+      const e = [...at.value], l = x.value.find((a) => a.key === D.value.key);
+      if (!l || !D.value.order) return e;
+      const t = D.value.order === "ascend" ? 1 : -1;
+      return e.sort((a, r) => {
+        if (typeof l.sorter == "function")
+          return l.sorter(a, r) * t;
+        const i = R(a, l), o = R(r, l);
+        return i === o ? 0 : (String(i) > String(o) ? 1 : -1) * t;
+      });
+    });
+    function Le(e, l) {
+      const t = [];
+      return e.forEach((a, r) => {
+        const i = P(a, r), o = a[n.childrenColumnName] || [], p = a.isLeaf === !0, d = o.length > 0 || !p && !!n.loadMore, h = ee.value.includes(i), s = l ? l.level + 1 : 0, v = {
+          record: a,
+          index: r,
+          key: i,
+          level: s,
+          hasChildren: d,
+          expanded: h,
+          parent: l,
+          loading: ye.value.has(i)
+        };
+        t.push(v), h && o.length > 0 && t.push(...Le(o, v));
+      }), t;
+    }
+    const T = y(() => n.treeData ? Le(A.value) : A.value.map((e, l) => ({
+      record: e,
+      index: l,
+      key: P(e, l),
+      level: 0,
+      hasChildren: !1,
+      expanded: !1
+    })));
+    se(
+      () => T.value.length,
+      () => {
+        n.virtualListProps && Pt(() => xe());
+      }
+    );
+    const W = y(() => fe.value === "small" ? 40 : fe.value === "large" ? 56 : 48), nt = y(() => n.virtualListProps ? typeof n.virtualListProps.height == "number" ? n.virtualListProps.height : parseInt(n.virtualListProps.height) : 0);
+    y(() => T.value.length * W.value);
+    const Me = y(() => {
+      if (!n.virtualListProps)
+        return T.value;
+      const e = n.virtualListProps.buffer ?? 5, l = Math.max(0, Z.value - e), t = Math.min(T.value.length, Re.value + e);
+      return T.value.slice(l, t).map((a, r) => ({
+        ...a,
+        _virtualIndex: l + r
+      }));
+    }), Pe = y(() => {
+      if (!n.virtualListProps) return 0;
+      const e = n.virtualListProps.buffer ?? 5;
+      return Math.max(0, Z.value - e) * W.value;
+    }), ze = y(() => {
+      if (!n.virtualListProps) return 0;
+      const e = n.virtualListProps.buffer ?? 5, l = Math.max(0, Z.value - e);
+      return (T.value.length - Me.value.length - l) * W.value;
+    }), te = y(() => V.value), X = y(() => U.value), z = y(() => {
+      if (n.virtualListProps) return Me.value;
+      if (!B.value) return T.value;
+      const e = (te.value - 1) * X.value;
+      return T.value.slice(e, e + X.value);
+    }), le = y(() => {
+      let e = x.value.length;
+      return n.rowSelection && e++, (n.expandable || n.treeData) && e++, n.draggable && e++, e;
+    }), rt = y(() => {
+      var e;
+      return { minWidth: O((e = n.scroll) == null ? void 0 : e.x) };
+    }), it = y(() => {
+      var l, t;
+      const e = {};
+      return (l = n.scroll) != null && l.y && (e.maxHeight = O((t = n.scroll) == null ? void 0 : t.y)), n.virtualListProps && (e.height = O(n.virtualListProps.height), e.overflow = "auto"), e;
+    }), he = y(() => x.value.some((e) => e.fixed === "left")), st = y(() => x.value.some((e) => e.fixed === "right")), Ee = y(() => {
+      const e = {}, l = {};
+      let t = 0;
+      he.value && (n.draggable && (t += 40), (n.expandable || n.treeData) && (t += 52), n.rowSelection && (t += 52));
+      let a = 0;
+      return x.value.forEach((r) => {
+        r.fixed === "left" && (e[r.key] = t, t += ue(H.value[r.key] || r.width));
+      }), [...x.value].reverse().forEach((r) => {
+        r.fixed === "right" && (l[r.key] = a, a += ue(H.value[r.key] || r.width));
+      }), { left: e, right: l };
+    }), ae = y(() => {
+      if (n.virtualListProps) return T.value.map((l) => l.key);
+      if (!B.value) return T.value.map((l) => l.key);
+      const e = (te.value - 1) * X.value;
+      return T.value.slice(e, e + X.value).map((l) => l.key);
+    }), ge = y(
+      () => !!(n.rowSelection && n.rowSelection.type !== "radio" && ae.value.length && ae.value.every((e) => N.value.includes(e)))
+    ), ot = y(
+      () => ae.value.some((e) => N.value.includes(e)) && !ge.value
+    );
+    function ut(e, l) {
+      return typeof n.rowClass == "function" ? n.rowClass(e, l) : n.rowClass;
+    }
+    function ve(e, l = !1) {
+      const t = H.value[e.key] || e.width, a = {
+        textAlign: e.align || "left",
+        width: O(t),
+        minWidth: O(e.minWidth || t),
+        maxWidth: O(e.maxWidth)
+      };
+      return e.fixed === "left" && (a.position = "sticky", a.left = `${Ee.value.left[e.key] ?? 0}px`, a.zIndex = l ? "5" : "3"), e.fixed === "right" && (a.position = "sticky", a.right = `${Ee.value.right[e.key] ?? 0}px`, a.zIndex = l ? "5" : "3"), a;
+    }
+    function _(e, l = !1) {
+      if (!he.value && e !== "drag") return;
+      let t = 0;
+      return e === "drag" && n.draggable ? t = 0 : e === "expand" ? t = n.draggable ? 40 : 0 : e === "selection" && (t = (n.draggable ? 40 : 0) + (n.expandable || n.treeData ? 52 : 0)), {
+        position: "sticky",
+        left: `${t}px`,
+        zIndex: l ? "6" : "4"
+      };
+    }
+    function Ke(e) {
+      if (!e.sorter) return;
+      const l = D.value.key !== e.key ? "ascend" : D.value.order === "ascend" ? "descend" : D.value.order === "descend" ? null : "ascend";
+      D.value = { key: e.key, order: l }, b("sort", e.key, l), b("change", A.value, { type: "sort", sorter: { field: e.key, order: l } });
+    }
+    function ne(e, l) {
+      E.value = {
+        ...E.value,
+        [l]: e
+      }, V.value = 1, b("filter", E.value), b("change", A.value, { type: "filter", filters: E.value });
+    }
+    function re(e) {
+      var t, a, r;
+      ((t = n.rowSelection) == null ? void 0 : t.selectedRowKeys) === void 0 && (pe.value = e), b("update:selectedRowKeys", e);
+      const l = n.data.filter((i, o) => e.includes(P(i, o)));
+      b("select", e, l), (r = (a = n.rowSelection) == null ? void 0 : a.onChange) == null || r.call(a, e, l);
+    }
+    function ke(e) {
+      const l = [];
+      return (e[n.childrenColumnName] || []).forEach((a, r) => {
+        const i = P(a, r);
+        l.push(i), l.push(...ke(a));
+      }), l;
+    }
+    function Ne(e) {
+      if (!n.treeData) return;
+      const l = (t, a) => {
+        for (const r of t) {
+          const i = r[n.childrenColumnName] || [];
+          if (i.includes(a)) return r;
+          const o = l(i, a);
+          if (o) return o;
+        }
+      };
+      return l(n.data, e);
+    }
+    function dt(e, l, t) {
+      var i, o, p;
+      const a = P(e, l);
+      if ((i = n.rowSelection) != null && i.getCheckboxProps && n.rowSelection.getCheckboxProps(e).disabled)
+        return;
+      if (((o = n.rowSelection) == null ? void 0 : o.type) === "radio") {
+        re(t ? [a] : []);
+        return;
+      }
+      const r = ((p = n.rowSelection) == null ? void 0 : p.checkStrictly) !== !1;
+      if (n.treeData && r) {
+        let d = new Set(N.value);
+        t ? (d.add(a), ke(e).forEach((v) => d.add(v))) : (d.delete(a), ke(e).forEach((v) => d.delete(v)));
+        let h = Ne(e);
+        for (; h; ) {
+          const s = P(h, n.data.indexOf(h));
+          (h[n.childrenColumnName] || []).every((Ge) => {
+            const Tt = P(Ge, n.data.indexOf(Ge));
+            return d.has(Tt);
+          }) ? d.add(s) : d.delete(s), h = Ne(h);
+        }
+        re([...d]);
+      } else {
+        const d = t ? [.../* @__PURE__ */ new Set([...N.value, a])] : N.value.filter((h) => h !== a);
+        re(d);
+      }
+    }
+    function _e(e) {
+      const l = ae.value, t = e ? [.../* @__PURE__ */ new Set([...N.value, ...l])] : N.value.filter((a) => !l.includes(a));
+      re(t), b("selectAll", t, z.value.map((a) => a.record));
+    }
+    function Be(e) {
+      e instanceof HTMLInputElement && (e.indeterminate = ot.value);
+    }
+    function I(e, l) {
+      return ee.value.includes(P(e, l));
+    }
+    function He(e) {
+      if (n.treeData) {
+        const l = e[n.childrenColumnName] || [], t = e.isLeaf === !0;
+        return l.length > 0 || n.loadMore && !t;
+      }
+      return n.expandable ? n.expandable.rowExpandable ? n.expandable.rowExpandable(e) : !!(n.expandable.expandedRowRender || !0) : !1;
+    }
+    function ct(e, l) {
+      var o;
+      if (!He(e)) return;
+      const t = P(e, l), a = e[n.childrenColumnName] || [], r = e.isLeaf === !0;
+      n.loadMore && a.length === 0 && !r && !I(e, l) && (ye.value.add(t), n.loadMore(e, (p) => {
+        ye.value.delete(t), p && p.length > 0 && (e[n.childrenColumnName] = p);
+      }));
+      const i = I(e, l) ? ee.value.filter((p) => p !== t) : [...ee.value, t];
+      ((o = n.expandable) == null ? void 0 : o.expandedRowKeys) === void 0 && (q.value = i), b("update:expandedRowKeys", i), b("expand", i, t);
+    }
+    function Ae(e, l) {
+      V.value = e, U.value = l, b("pageChange", e, l), b("pageSizeChange", l), b("change", A.value, { type: "pagination" });
+    }
+    function Fe(e, l) {
+      l.preventDefault(), l.stopPropagation(), Q.value = e;
+      const t = l.clientX, a = x.value.find((p) => p.key === e), r = H.value[e] || ue(a == null ? void 0 : a.width), i = (p) => {
+        const d = p.clientX - t, h = Math.max(60, r + d);
+        H.value = { ...H.value, [e]: h };
+      }, o = () => {
+        Q.value = null, document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", o), b("resizeColumn", e, H.value[e]);
+      };
+      document.addEventListener("mousemove", i), document.addEventListener("mouseup", o);
+    }
+    function be(e, l, t, a) {
+      if (n.spanMethod) {
+        const p = n.spanMethod({ record: t, column: a, rowIndex: e, columnIndex: l });
+        if (p)
+          return {
+            rowspan: p.rowspan ?? 1,
+            colspan: p.colspan ?? 1,
+            skip: !1
+          };
+      }
+      const r = `${e}-${a.key}`, i = pt.value.get(r), o = je.value.get(r);
+      return !i && !o ? { rowspan: 1, colspan: 1, skip: !1 } : {
+        rowspan: (i == null ? void 0 : i.rowspan) ?? (o == null ? void 0 : o.rowspan) ?? 1,
+        colspan: (o == null ? void 0 : o.colspan) ?? (i == null ? void 0 : i.colspan) ?? 1,
+        skip: ((i == null ? void 0 : i.skip) ?? !1) || ((o == null ? void 0 : o.skip) ?? !1)
+      };
+    }
+    function Oe(e, l) {
+      const t = je.value.get(`${e}-${l.key}`);
+      return !!(t && !t.skip && t.colspan > 1);
+    }
+    function ft(e, l) {
+      if (Oe(e, l))
+        return { textAlign: "center" };
+    }
+    const pt = y(() => {
+      var t;
+      const e = /* @__PURE__ */ new Map();
+      return !((t = n.autoMergeColumns) != null && t.length) || !z.value.length || n.autoMergeColumns.filter(
+        (a) => x.value.some((r) => r.key === a)
+      ).forEach((a) => {
+        const r = x.value.find((d) => d.key === a);
+        if (!r) return;
+        let i = 0, o = R(z.value[0].record, r), p = 1;
+        for (let d = 1; d <= z.value.length; d++) {
+          const h = d < z.value.length ? R(z.value[d].record, r) : void 0;
+          if (me(o, h))
+            p++;
+          else {
+            for (let s = 0; s < p; s++) {
+              const v = i + s;
+              e.set(`${v}-${a}`, {
+                rowspan: s === 0 ? p : 0,
+                colspan: 1,
+                skip: s !== 0
+              });
+            }
+            i = d, o = h, p = 1;
+          }
+        }
+      }), e;
+    }), je = y(() => {
+      const e = /* @__PURE__ */ new Map();
+      return !n.autoMergeRows || !z.value.length || z.value.forEach((l, t) => {
+        let a;
+        if (n.autoMergeRows === !0)
+          a = x.value;
+        else if (Array.isArray(n.autoMergeRows)) {
+          const p = n.autoMergeRows;
+          a = x.value.filter((d) => p.includes(d.key));
+        } else
+          return;
+        if (a.length < 2) return;
+        let r = 0, i = R(l.record, a[0]), o = 1;
+        for (let p = 1; p <= a.length; p++) {
+          const d = a[p], h = d ? R(l.record, d) : void 0;
+          if (me(i, h))
+            o++;
+          else {
+            for (let s = 0; s < o; s++) {
+              const v = a[r + s].key;
+              e.set(`${t}-${v}`, {
+                rowspan: 1,
+                colspan: s === 0 ? o : 0,
+                skip: s !== 0
+              });
+            }
+            r = p, i = h, o = 1;
+          }
+        }
+      }), e;
+    });
+    function yt() {
+      if (n.stickyHeader === !1 || n.stickyHeader === void 0 || n.stickyHeader === null || !j.value || !Ce.value)
+        return;
+      const l = j.value.scrollTop, t = typeof n.stickyHeader == "number" ? n.stickyHeader : 0;
+      Y.value = l > t;
+    }
+    function xe() {
+      if (!n.virtualListProps || !j.value) return;
+      const e = j.value;
+      $e.value = e.scrollTop;
+      const l = Math.floor($e.value / W.value), t = Math.ceil(nt.value / W.value);
+      Z.value = l, Re.value = Math.min(l + t, T.value.length);
+    }
+    function ht() {
+      yt(), xe();
+    }
+    function gt(e, l) {
+      n.draggable && (K.value.isDragging = !0, K.value.dragIndex = e, l.dataTransfer && (l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", String(e))));
+    }
+    function vt(e, l) {
+      !n.draggable || !K.value.isDragging || (l.preventDefault(), K.value.dropIndex = e);
+    }
+    function kt(e, l) {
+      if (!n.draggable) return;
+      l.preventDefault();
+      const t = K.value.dragIndex, a = e;
+      if (t !== a && t >= 0) {
+        const r = [...n.data], [i] = r.splice(t, 1);
+        r.splice(a, 0, i), b("drag", t, a, r);
+      }
+      K.value = { isDragging: !1, dragIndex: -1, dropIndex: -1 };
+    }
+    function bt() {
+      K.value = { isDragging: !1, dragIndex: -1, dropIndex: -1 };
+    }
+    function xt(e, l) {
+      if (e.ellipsis && !(typeof e.ellipsis == "object" && e.ellipsis.tooltip === !1))
+        return String(R(l, e) ?? "");
+    }
+    function wt(e) {
+      return e.some((l) => l.children && l.children.length > 0);
+    }
+    function mt(e) {
+      const l = [];
+      function t(i) {
+        let o = 0;
+        return i.forEach((p) => {
+          p.children && p.children.length > 0 && (o = Math.max(o, 1 + t(p.children)));
+        }), o;
+      }
+      const a = t(e);
+      function r(i, o) {
+        l[o] || (l[o] = []), i.forEach((p) => {
+          if (p.children && p.children.length > 0) {
+            const d = Ve(p.children);
+            l[o].push({ columns: [p], rowSpan: 1, colSpan: d }), r(p.children, o + 1);
+          } else
+            l[o].push({ columns: [p], rowSpan: a - o + 1, colSpan: 1 });
+        });
+      }
+      return r(e, 0), l;
+    }
+    function Ve(e) {
+      let l = 0;
+      return e.forEach((t) => {
+        t.children && t.children.length > 0 ? l += Ve(t.children) : l++;
+      }), l;
+    }
+    const St = y(() => wt(de.value)), ie = y(() => mt(de.value));
+    function Ct() {
+      var e;
+      if (!n.summary) return [];
+      if (n.summary === !0) {
+        const l = { [n.rowKey]: "summary" };
+        return x.value.forEach((t) => {
+          if (t.dataIndex) {
+            const a = A.value.reduce((r, i) => {
+              const o = Number(R(i, t));
+              return r + (isNaN(o) ? 0 : o);
+            }, 0);
+            l[t.dataIndex] = a;
+          }
+        }), l[(e = x.value[0]) == null ? void 0 : e.dataIndex] = n.summaryText, [l];
+      }
+      return n.summary({ columns: x.value, data: A.value });
+    }
+    function Rt(e) {
+      return !!(e.tooltip || typeof e.ellipsis == "object" && e.ellipsis.tooltip);
+    }
+    function $t(e) {
+      return typeof e.tooltip == "object" ? e.tooltip.position || "top" : typeof e.ellipsis == "object" && typeof e.ellipsis.tooltip == "object" && e.ellipsis.tooltip.position || "top";
+    }
+    function We(e) {
+      var l;
+      return (l = n.rowSelection) != null && l.getCheckboxProps ? n.rowSelection.getCheckboxProps(e).disabled ?? !1 : !1;
+    }
+    return (e, l) => (u(), c("div", {
+      class: L(["x-table", [
+        `x-table--${fe.value}`,
+        {
+          "is-bordered": lt.value,
+          "is-bordered-cell": De.value,
+          "is-stripe": f.stripe,
+          "is-loading": f.loading,
+          "is-hoverable": f.hoverable,
+          "has-fixed-column": he.value || st.value,
+          "is-sticky-header": Y.value
+        }
+      ]])
+    }, [
+      w("div", {
+        ref_key: "tableContainerRef",
+        ref: j,
+        class: "x-table__container",
+        style: m(it.value),
+        onScroll: ht
+      }, [
+        w("table", {
+          style: m(rt.value)
+        }, [
+          f.showHeader ? (u(), c("thead", {
+            key: 0,
+            ref_key: "tableHeaderRef",
+            ref: Ce,
+            class: L({ "is-sticky": Y.value }),
+            style: m(Y.value ? { top: f.stickyOffsetTop + "px" } : {})
+          }, [
+            St.value ? (u(!0), c(S, { key: 0 }, F(ie.value, (t, a) => (u(), c("tr", { key: a }, [
+              a === 0 && f.draggable ? (u(), c("th", {
+                key: 0,
+                rowspan: ie.value.length,
+                class: "x-table__drag-col x-table__sticky-helper",
+                style: m(_("drag", !0))
+              }, null, 12, jt)) : g("", !0),
+              a === 0 && (f.expandable || f.treeData) ? (u(), c("th", {
+                key: 1,
+                rowspan: ie.value.length,
+                class: "x-table__expand-col x-table__sticky-helper",
+                style: m(_("expand", !0))
+              }, [
+                k(e.$slots, "expand-title", {}, () => {
+                  var r;
+                  return [
+                    M(C((r = f.expandable) == null ? void 0 : r.columnTitle), 1)
+                  ];
+                }, !0)
+              ], 12, Vt)) : g("", !0),
+              a === 0 && f.rowSelection ? (u(), c("th", {
+                key: 2,
+                rowspan: ie.value.length,
+                class: "x-table__selection-col x-table__sticky-helper",
+                style: m(_("selection", !0))
+              }, [
+                f.rowSelection.type !== "radio" && f.rowSelection.showCheckedAll !== !1 ? (u(), c("input", {
+                  key: 0,
+                  ref_for: !0,
+                  ref: Be,
+                  type: "checkbox",
+                  checked: ge.value,
+                  onChange: l[0] || (l[0] = (r) => _e(r.target.checked))
+                }, null, 40, Xt)) : f.rowSelection.columnTitle ? (u(), c("span", It, C(f.rowSelection.columnTitle), 1)) : g("", !0)
+              ], 12, Wt)) : g("", !0),
+              (u(!0), c(S, null, F(t, ({ columns: r, rowSpan: i, colSpan: o }, p) => (u(), c("th", {
+                key: `${a}-${p}`,
+                class: L(["x-table__cell", [r[0].headerClassName, { "is-fixed-left": r[0].fixed === "left", "is-fixed-right": r[0].fixed === "right", "is-bordered": Te.value }]]),
+                style: m(ve(r[0], !0)),
+                colspan: o,
+                rowspan: i,
+                onClick: (d) => b("headerClick", r[0])
+              }, [
+                w("div", {
+                  class: L(["x-table__header-cell", { "filter-left": f.filterIconAlignLeft }])
+                }, [
+                  k(e.$slots, `header-${r[0].titleSlotName || r[0].key}`, {
+                    column: r[0],
+                    title: r[0].title
+                  }, () => [
+                    r[0].headerCellRender ? (u(), c(S, { key: 0 }, [
+                      M(C(r[0].headerCellRender({ column: r[0], title: r[0].title })), 1)
+                    ], 64)) : (u(), c(S, { key: 1 }, [
+                      M(C(r[0].title), 1)
+                    ], 64))
+                  ], !0),
+                  r[0].sorter ? (u(), c("button", {
+                    key: 0,
+                    type: "button",
+                    class: L(["x-table__sorter", { "is-active": D.value.key === r[0].key && D.value.order }]),
+                    "data-order": D.value.key === r[0].key ? D.value.order : null,
+                    onClick: oe((d) => Ke(r[0]), ["stop"])
+                  }, [...l[4] || (l[4] = [
+                    w("span", { class: "x-table__sort-indicator" }, null, -1)
+                  ])], 10, Jt)) : g("", !0),
+                  k(e.$slots, `filter-${r[0].key}`, {
+                    column: r[0],
+                    filterState: E.value[r[0].key],
+                    setFilter: (d) => ne(d, r[0].key)
+                  }, () => {
+                    var d;
+                    return [
+                      (d = r[0].filters) != null && d.length ? (u(), G(Je, {
+                        key: 0,
+                        options: r[0].filters,
+                        value: E.value[r[0].key] || [],
+                        multiple: r[0].filterMultiple !== !1,
+                        "column-key": r[0].key,
+                        "align-left": f.filterIconAlignLeft,
+                        onChange: ne
+                      }, null, 8, ["options", "value", "multiple", "column-key", "align-left"])) : g("", !0)
+                    ];
+                  }, !0)
+                ], 2),
+                i > 1 || !r[0].children ? (u(), c("div", {
+                  key: 0,
+                  class: L(["x-table__resize-handle", { "is-resizing": Q.value === r[0].key }]),
+                  onMousedown: (d) => Fe(r[0].key, d)
+                }, null, 42, Ut)) : g("", !0)
+              ], 14, Gt))), 128))
+            ]))), 128)) : (u(), c("tr", qt, [
+              f.draggable ? (u(), c("th", {
+                key: 0,
+                class: "x-table__drag-col x-table__sticky-helper",
+                style: m(_("drag", !0))
+              }, null, 4)) : g("", !0),
+              f.expandable || f.treeData ? (u(), c("th", {
+                key: 1,
+                class: "x-table__expand-col x-table__sticky-helper",
+                style: m(_("expand", !0))
+              }, [
+                k(e.$slots, "expand-title", {}, () => {
+                  var t;
+                  return [
+                    M(C((t = f.expandable) == null ? void 0 : t.columnTitle), 1)
+                  ];
+                }, !0)
+              ], 4)) : g("", !0),
+              f.rowSelection ? (u(), c("th", {
+                key: 2,
+                class: "x-table__selection-col x-table__sticky-helper",
+                style: m(_("selection", !0))
+              }, [
+                f.rowSelection.type !== "radio" && f.rowSelection.showCheckedAll !== !1 ? (u(), c("input", {
+                  key: 0,
+                  ref: Be,
+                  type: "checkbox",
+                  checked: ge.value,
+                  onChange: l[1] || (l[1] = (t) => _e(t.target.checked))
+                }, null, 40, Qt)) : f.rowSelection.columnTitle ? (u(), c("span", Yt, C(f.rowSelection.columnTitle), 1)) : g("", !0)
+              ], 4)) : g("", !0),
+              (u(!0), c(S, null, F(x.value, (t) => (u(), c("th", {
+                key: t.key,
+                class: L(["x-table__cell", [t.headerClassName, { "is-fixed-left": t.fixed === "left", "is-fixed-right": t.fixed === "right", "is-bordered": Te.value }]]),
+                style: m(ve(t, !0)),
+                onClick: (a) => b("headerClick", t)
+              }, [
+                w("div", {
+                  class: L(["x-table__header-cell", { "filter-left": f.filterIconAlignLeft }])
+                }, [
+                  k(e.$slots, `header-${t.titleSlotName || t.key}`, {
+                    column: t,
+                    title: t.title
+                  }, () => [
+                    t.headerCellRender ? (u(), c(S, { key: 0 }, [
+                      M(C(t.headerCellRender({ column: t, title: t.title })), 1)
+                    ], 64)) : (u(), c(S, { key: 1 }, [
+                      M(C(t.title), 1)
+                    ], 64))
+                  ], !0),
+                  t.sorter ? (u(), c("button", {
+                    key: 0,
+                    type: "button",
+                    class: L(["x-table__sorter", { "is-active": D.value.key === t.key && D.value.order }]),
+                    "data-order": D.value.key === t.key ? D.value.order : null,
+                    onClick: oe((a) => Ke(t), ["stop"])
+                  }, [...l[5] || (l[5] = [
+                    w("span", { class: "x-table__sort-indicator" }, null, -1)
+                  ])], 10, el)) : g("", !0),
+                  k(e.$slots, `filter-${t.key}`, {
+                    column: t,
+                    filterState: E.value[t.key],
+                    setFilter: (a) => ne(a, t.key)
+                  }, () => {
+                    var a;
+                    return [
+                      (a = t.filters) != null && a.length ? (u(), G(Je, {
+                        key: 0,
+                        options: t.filters,
+                        value: E.value[t.key] || [],
+                        multiple: t.filterMultiple !== !1,
+                        "column-key": t.key,
+                        "align-left": f.filterIconAlignLeft,
+                        onChange: ne
+                      }, null, 8, ["options", "value", "multiple", "column-key", "align-left"])) : g("", !0)
+                    ];
+                  }, !0)
+                ], 2),
+                w("div", {
+                  class: L(["x-table__resize-handle", { "is-resizing": Q.value === t.key }]),
+                  onMousedown: (a) => Fe(t.key, a)
+                }, null, 42, tl)
+              ], 14, Zt))), 128))
+            ]))
+          ], 6)) : g("", !0),
+          z.value.length ? (u(), c("tbody", ll, [
+            f.virtualListProps && Pe.value > 0 ? (u(), c("tr", {
+              key: 0,
+              style: m({ height: `${Pe.value}px` })
+            }, [
+              w("td", {
+                colspan: le.value,
+                style: { padding: 0, border: "none" }
+              }, null, 8, al)
+            ], 4)) : g("", !0),
+            (u(!0), c(S, null, F(z.value, ({ record: t, index: a, key: r, level: i, hasChildren: o, loading: p, _virtualIndex: d }, h) => (u(), c(S, {
+              key: String(r)
+            }, [
+              k(e.$slots, "tr", {
+                record: t,
+                index: a
+              }, () => [
+                w("tr", {
+                  class: L(["x-table__row", [ut(t, a), { "is-striped": f.stripe && (typeof d == "number" ? d : h) % 2 === 1, "is-dragging": K.value.isDragging && K.value.dragIndex === (typeof d == "number" ? d : h) }]]),
+                  draggable: !!f.draggable,
+                  onClick: (s) => b("rowClick", t, a),
+                  onDragstart: (s) => gt(typeof d == "number" ? d : h, s),
+                  onDragover: (s) => vt(typeof d == "number" ? d : h, s),
+                  onDrop: (s) => kt(typeof d == "number" ? d : h, s),
+                  onDragend: bt
+                }, [
+                  f.draggable ? (u(), c("td", {
+                    key: 0,
+                    class: "x-table__drag-col x-table__sticky-helper",
+                    style: m(_("drag"))
+                  }, [
+                    k(e.$slots, "drag-handle", {}, () => [
+                      l[6] || (l[6] = w("span", { class: "x-table__drag-icon" }, "⋮⋮", -1))
+                    ], !0)
+                  ], 4)) : g("", !0),
+                  f.expandable || f.treeData ? (u(), c("td", {
+                    key: 1,
+                    class: "x-table__expand-col x-table__sticky-helper",
+                    style: m(_("expand"))
+                  }, [
+                    k(e.$slots, "expand-icon", {
+                      record: t,
+                      expanded: I(t, a),
+                      hasChildren: o
+                    }, () => [
+                      He(t) ? (u(), c("button", {
+                        key: 0,
+                        type: "button",
+                        class: L(["x-table__expand", { "is-loading": p }]),
+                        onClick: oe((s) => ct(t, a), ["stop"])
+                      }, [
+                        p ? (u(), c("span", il, [...l[7] || (l[7] = [
+                          w("svg", {
+                            viewBox: "0 0 48 48",
+                            fill: "none",
+                            xmlns: "http://www.w3.org/2000/svg",
+                            stroke: "currentColor",
+                            "stroke-width": "4",
+                            "stroke-linecap": "butt",
+                            "stroke-linejoin": "miter"
+                          }, [
+                            w("path", { d: "M38.837 18C36.463 12.136 30.715 8 24 8 15.163 8 8 15.163 8 24s7.163 16 16 16c7.455 0 13.72-5.1 15.496-12M40 8v10H30" })
+                          ], -1)
+                        ])])) : (u(), c("span", sl, C(I(t, a) ? "▾" : "▸"), 1))
+                      ], 10, rl)) : g("", !0)
+                    ], !0)
+                  ], 4)) : g("", !0),
+                  f.rowSelection ? (u(), c("td", {
+                    key: 2,
+                    class: "x-table__selection-col x-table__sticky-helper",
+                    style: m(_("selection"))
+                  }, [
+                    k(e.$slots, "checkbox", {
+                      record: t,
+                      checked: N.value.includes(r),
+                      disabled: We(t)
+                    }, () => [
+                      w("input", {
+                        type: f.rowSelection.type === "radio" ? "radio" : "checkbox",
+                        checked: N.value.includes(r),
+                        disabled: We(t),
+                        onClick: l[2] || (l[2] = oe(() => {
+                        }, ["stop"])),
+                        onChange: (s) => dt(t, a, s.target.checked)
+                      }, null, 40, ol)
+                    ], !0)
+                  ], 4)) : g("", !0),
+                  k(e.$slots, "td", {
+                    record: t,
+                    index: a
+                  }, () => [
+                    (u(!0), c(S, null, F(x.value, (s, v) => (u(), c(S, {
+                      key: s.key
+                    }, [
+                      be(typeof d == "number" ? d : h, v, t, s).skip ? g("", !0) : (u(), c("td", zt({
+                        key: 0,
+                        class: ["x-table__cell", [
+                          s.className,
+                          typeof s.cellClassName == "function" ? s.cellClassName(t) : s.cellClassName,
+                          {
+                            "is-fixed-left": s.fixed === "left",
+                            "is-fixed-right": s.fixed === "right",
+                            "is-ellipsis": s.ellipsis,
+                            "is-bordered": De.value,
+                            "is-auto-merged-row": Oe(typeof d == "number" ? d : h, s)
+                          }
+                        ]],
+                        style: [
+                          ve(s),
+                          typeof s.cellStyle == "function" ? s.cellStyle(t) : s.cellStyle,
+                          ft(typeof d == "number" ? d : h, s)
+                        ]
+                      }, { ref_for: !0 }, { rowspan: be(typeof d == "number" ? d : h, v, t, s).rowspan, colspan: be(typeof d == "number" ? d : h, v, t, s).colspan }, {
+                        onClick: (Dt) => b("cellClick", t, s, a)
+                      }), [
+                        f.treeData && v === 0 ? (u(), c("span", {
+                          key: 0,
+                          class: "x-table__indent",
+                          style: m({ paddingLeft: `${i * f.indentSize}px` })
+                        }, null, 4)) : g("", !0),
+                        Rt(s) ? (u(), G(Ht, {
+                          key: 1,
+                          content: xt(s, t),
+                          position: $t(s)
+                        }, {
+                          default: Et(() => [
+                            w("span", dl, [
+                              k(e.$slots, s.slotName || `cell-${s.key}`, {
+                                record: t,
+                                column: s,
+                                value: R(t, s),
+                                index: a
+                              }, () => [
+                                s.cellRender ? (u(), c(S, { key: 0 }, [
+                                  M(C(s.cellRender({ record: t, column: s, value: R(t, s), index: a })), 1)
+                                ], 64)) : (u(), c(S, { key: 1 }, [
+                                  M(C(R(t, s)), 1)
+                                ], 64))
+                              ], !0)
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["content", "position"])) : k(e.$slots, s.slotName || `cell-${s.key}`, {
+                          key: 2,
+                          record: t,
+                          column: s,
+                          value: R(t, s),
+                          index: a
+                        }, () => [
+                          s.cellRender ? (u(), c(S, { key: 0 }, [
+                            M(C(s.cellRender({ record: t, column: s, value: R(t, s), index: a })), 1)
+                          ], 64)) : (u(), c(S, { key: 1 }, [
+                            M(C(R(t, s)), 1)
+                          ], 64))
+                        ], !0)
+                      ], 16, ul))
+                    ], 64))), 128))
+                  ], !0)
+                ], 42, nl)
+              ], !0),
+              f.expandable && I(t, a) ? (u(), c("tr", cl, [
+                w("td", {
+                  colspan: le.value,
+                  style: m({ paddingLeft: `${(f.expandable.indentSize || 16) + 16}px` })
+                }, [
+                  k(e.$slots, "expand-row", {
+                    record: t,
+                    index: a
+                  }, () => {
+                    var s, v;
+                    return [
+                      M(C((v = (s = f.expandable) == null ? void 0 : s.expandedRowRender) == null ? void 0 : v.call(s, t, a)), 1)
+                    ];
+                  }, !0)
+                ], 12, fl)
+              ])) : g("", !0)
+            ], 64))), 128)),
+            f.virtualListProps && ze.value > 0 ? (u(), c("tr", {
+              key: 1,
+              style: m({ height: `${ze.value}px` })
+            }, [
+              w("td", {
+                colspan: le.value,
+                style: { padding: 0, border: "none" }
+              }, null, 8, pl)
+            ], 4)) : g("", !0)
+          ])) : (u(), c("tbody", yl, [
+            w("tr", null, [
+              w("td", {
+                colspan: le.value,
+                class: "x-table__empty"
+              }, [
+                k(e.$slots, "empty", {}, () => [
+                  we(Se) ? (u(), G(Kt(we(Se)), { key: 0 })) : (u(), G(Bt, {
+                    key: 1,
+                    "in-config-provider": "",
+                    description: Ze.value
+                  }, null, 8, ["description"]))
+                ], !0)
+              ], 8, hl)
+            ])
+          ])),
+          f.summary ? (u(), c("tfoot", gl, [
+            (u(!0), c(S, null, F(Ct(), (t, a) => (u(), c("tr", {
+              key: a,
+              class: "x-table__summary-row"
+            }, [
+              f.draggable ? (u(), c("td", vl)) : g("", !0),
+              f.expandable || f.treeData ? (u(), c("td", kl)) : g("", !0),
+              f.rowSelection ? (u(), c("td", bl, C(a === 0 ? Ye.value : ""), 1)) : g("", !0),
+              (u(!0), c(S, null, F(x.value, (r) => (u(), c("td", {
+                key: r.key,
+                class: L(["x-table__cell", r.className])
+              }, [
+                k(e.$slots, "summary-cell", {
+                  column: r,
+                  record: t,
+                  rowIndex: a
+                }, () => [
+                  M(C(R(t, r)), 1)
+                ], !0)
+              ], 2))), 128))
+            ]))), 128))
+          ])) : g("", !0)
+        ], 4)
+      ], 36),
+      f.loading ? (u(), c("div", xl, [
+        k(e.$slots, "loading", {}, () => [
+          M(C(we(ce)("table.loadingText", void 0, "加载中...")), 1)
+        ], !0)
+      ])) : g("", !0),
+      B.value ? (u(), c("div", wl, [
+        k(e.$slots, "pagination-left", {}, void 0, !0),
+        Nt(_t, {
+          current: te.value,
+          total: T.value.length,
+          "page-size": X.value,
+          "show-total": B.value.showTotal,
+          "show-jumper": B.value.showJumper,
+          "show-page-size": B.value.showPageSize,
+          "page-size-options": B.value.pageSizeOptions,
+          simple: B.value.simple,
+          onChange: Ae,
+          onPageSizeChange: l[3] || (l[3] = (t) => Ae(te.value, t))
+        }, null, 8, ["current", "total", "page-size", "show-total", "show-jumper", "show-page-size", "page-size-options", "simple"]),
+        k(e.$slots, "pagination-right", {}, void 0, !0)
+      ])) : g("", !0)
+    ], 2));
+  }
+});
+export {
+  Ml as default
+};