@indielayer/ui 1.13.2 → 1.14.1

package/lib/components/table/Table.vue.d.ts

@@ -47,6 +47,12 @@ declare const tableProps: {
         default: number;
     };
     keyProp: StringConstructor;
+    selectable: BooleanConstructor;
+    singleSelect: BooleanConstructor;
+    autoClearSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export type TableHeader = {
     sortable?: boolean;
@@ -81,6 +87,9 @@ declare const _default: <T>(__VLS_props: Partial<{
     scrollable: boolean;
     stickyHeader: boolean;
     expandable: boolean;
+    selectable: boolean;
+    singleSelect: boolean;
+    autoClearSelected: boolean;
 }> & Omit<{
     readonly error: boolean;
     readonly sort: string[];
@@ -99,6 +108,9 @@ declare const _default: <T>(__VLS_props: Partial<{
     readonly scrollable: boolean;
     readonly stickyHeader: boolean;
     readonly expandable: boolean;
+    readonly selectable: boolean;
+    readonly singleSelect: boolean;
+    readonly autoClearSelected: boolean;
     readonly virtualListOffsetTop?: number | undefined;
     readonly virtualListOffsetBottom?: number | undefined;
     readonly keyProp?: string | undefined;
@@ -149,11 +161,17 @@ declare const _default: <T>(__VLS_props: Partial<{
         default: number;
     };
     keyProp: StringConstructor;
+    selectable: BooleanConstructor;
+    singleSelect: BooleanConstructor;
+    autoClearSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
     "onClick-row"?: ((...args: any[]) => any) | undefined;
-}>, "error" | "sort" | "items" | "loading" | "fixed" | "virtualList" | "virtualListItemHeight" | "virtualListOverscan" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable"> & {
-    selected?: string | number | undefined;
+}>, "error" | "sort" | "items" | "loading" | "fixed" | "virtualList" | "virtualListItemHeight" | "virtualListOverscan" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable" | "selectable" | "singleSelect" | "autoClearSelected"> & {
+    selected?: string | number | (string | number)[] | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
     props: Partial<{
         error: boolean;
@@ -173,6 +191,9 @@ declare const _default: <T>(__VLS_props: Partial<{
         scrollable: boolean;
         stickyHeader: boolean;
         expandable: boolean;
+        selectable: boolean;
+        singleSelect: boolean;
+        autoClearSelected: boolean;
     }> & Omit<{
         readonly error: boolean;
         readonly sort: string[];
@@ -191,6 +212,9 @@ declare const _default: <T>(__VLS_props: Partial<{
         readonly scrollable: boolean;
         readonly stickyHeader: boolean;
         readonly expandable: boolean;
+        readonly selectable: boolean;
+        readonly singleSelect: boolean;
+        readonly autoClearSelected: boolean;
         readonly virtualListOffsetTop?: number | undefined;
         readonly virtualListOffsetBottom?: number | undefined;
         readonly keyProp?: string | undefined;
@@ -241,11 +265,17 @@ declare const _default: <T>(__VLS_props: Partial<{
             default: number;
         };
         keyProp: StringConstructor;
+        selectable: BooleanConstructor;
+        singleSelect: BooleanConstructor;
+        autoClearSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
         "onClick-row"?: ((...args: any[]) => any) | undefined;
-    }>, "error" | "sort" | "items" | "loading" | "fixed" | "virtualList" | "virtualListItemHeight" | "virtualListOverscan" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable"> & {
-        selected?: string | number | undefined;
+    }>, "error" | "sort" | "items" | "loading" | "fixed" | "virtualList" | "virtualListItemHeight" | "virtualListOverscan" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable" | "selectable" | "singleSelect" | "autoClearSelected"> & {
+        selected?: string | number | (string | number)[] | undefined;
     };
     expose(exposed: {}): void;
     attrs: any;
@@ -284,6 +314,9 @@ declare const _default: <T>(__VLS_props: Partial<{
         scrollable: boolean;
         stickyHeader: boolean;
         expandable: boolean;
+        selectable: boolean;
+        singleSelect: boolean;
+        autoClearSelected: boolean;
     }> & Omit<{
         readonly error: boolean;
         readonly sort: string[];
@@ -302,6 +335,9 @@ declare const _default: <T>(__VLS_props: Partial<{
         readonly scrollable: boolean;
         readonly stickyHeader: boolean;
         readonly expandable: boolean;
+        readonly selectable: boolean;
+        readonly singleSelect: boolean;
+        readonly autoClearSelected: boolean;
         readonly virtualListOffsetTop?: number | undefined;
         readonly virtualListOffsetBottom?: number | undefined;
         readonly keyProp?: string | undefined;
@@ -352,11 +388,17 @@ declare const _default: <T>(__VLS_props: Partial<{
             default: number;
         };
         keyProp: StringConstructor;
+        selectable: BooleanConstructor;
+        singleSelect: BooleanConstructor;
+        autoClearSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
         "onClick-row"?: ((...args: any[]) => any) | undefined;
-    }>, "error" | "sort" | "items" | "loading" | "fixed" | "virtualList" | "virtualListItemHeight" | "virtualListOverscan" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable"> & {
-        selected?: string | number | undefined;
+    }>, "error" | "sort" | "items" | "loading" | "fixed" | "virtualList" | "virtualListItemHeight" | "virtualListOverscan" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable" | "selectable" | "singleSelect" | "autoClearSelected"> & {
+        selected?: string | number | (string | number)[] | undefined;
     };
     expose(exposed: {}): void;
     attrs: any;
@@ -398,6 +440,9 @@ declare const _default: <T>(__VLS_props: Partial<{
             scrollable: boolean;
             stickyHeader: boolean;
             expandable: boolean;
+            selectable: boolean;
+            singleSelect: boolean;
+            autoClearSelected: boolean;
         }> & Omit<{
             readonly error: boolean;
             readonly sort: string[];
@@ -416,6 +461,9 @@ declare const _default: <T>(__VLS_props: Partial<{
             readonly scrollable: boolean;
             readonly stickyHeader: boolean;
             readonly expandable: boolean;
+            readonly selectable: boolean;
+            readonly singleSelect: boolean;
+            readonly autoClearSelected: boolean;
             readonly virtualListOffsetTop?: number | undefined;
             readonly virtualListOffsetBottom?: number | undefined;
             readonly keyProp?: string | undefined;
@@ -466,11 +514,17 @@ declare const _default: <T>(__VLS_props: Partial<{
                 default: number;
             };
             keyProp: StringConstructor;
+            selectable: BooleanConstructor;
+            singleSelect: BooleanConstructor;
+            autoClearSelected: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
             "onClick-row"?: ((...args: any[]) => any) | undefined;
-        }>, "error" | "sort" | "items" | "loading" | "fixed" | "virtualList" | "virtualListItemHeight" | "virtualListOverscan" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable"> & {
-            selected?: string | number | undefined;
+        }>, "error" | "sort" | "items" | "loading" | "fixed" | "virtualList" | "virtualListItemHeight" | "virtualListOverscan" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable" | "selectable" | "singleSelect" | "autoClearSelected"> & {
+            selected?: string | number | (string | number)[] | undefined;
         };
         expose(exposed: {}): void;
         attrs: any;

package/lib/components/table/Table.vue.js

@@ -1,16 +1,17 @@
-import { defineComponent as K, mergeModels as S, useModel as Q, computed as x, ref as R, watch as U, openBlock as o, createElementBlock as r, mergeProps as C, unref as n, renderSlot as p, createElementVNode as f, normalizeStyle as H, normalizeClass as m, createVNode as v, withCtx as c, createBlock as g, createCommentVNode as $, Fragment as k, renderList as h, createTextVNode as O, toDisplayString as P } from "vue";
-import { useTheme as Y } from "../../composables/useTheme.js";
-import { useVirtualList as Z } from "../../composables/useVirtualList.js";
-import j from "./TableHead.vue.js";
-import I from "./TableHeader.vue.js";
-import ee from "./TableBody.js";
-import T from "./TableRow.vue.js";
-import _ from "./TableCell.vue.js";
-import te from "../spinner/Spinner.vue.js";
-import se from "../skeleton/Skeleton.vue.js";
-import oe from "../icon/Icon.vue.js";
-import { chevronDownIcon as le } from "../../common/icons.js";
-const ie = { key: 1 }, ae = { colspan: "999" }, re = { key: 2 }, ne = { colspan: "999" }, de = ["onClick"], ue = { colspan: "999" }, pe = {
+import { defineComponent as te, mergeModels as R, useModel as le, computed as B, ref as ae, watch as re, openBlock as s, createElementBlock as u, mergeProps as V, unref as d, renderSlot as f, createElementVNode as g, normalizeStyle as M, normalizeClass as k, createVNode as v, withCtx as c, createBlock as m, withModifiers as N, createCommentVNode as h, Fragment as S, renderList as $, createTextVNode as X, toDisplayString as D } from "vue";
+import { useTheme as se } from "../../composables/useTheme.js";
+import { useVirtualList as ie } from "../../composables/useVirtualList.js";
+import oe from "./TableHead.vue.js";
+import _ from "./TableHeader.vue.js";
+import ne from "./TableBody.js";
+import E from "./TableRow.vue.js";
+import C from "./TableCell.vue.js";
+import ue from "../spinner/Spinner.vue.js";
+import de from "../skeleton/Skeleton.vue.js";
+import ce from "../icon/Icon.vue.js";
+import J from "../checkbox/Checkbox.vue.js";
+import { chevronDownIcon as pe } from "../../common/icons.js";
+const fe = { key: 1 }, ve = { colspan: "999" }, me = { key: 2 }, ye = { colspan: "999" }, ge = ["onClick"], ke = { colspan: "999" }, be = {
   headers: {
     type: Array,
     default: () => []
@@ -54,11 +55,17 @@ const ie = { key: 1 }, ae = { colspan: "999" }, re = { key: 2 }, ne = { colspan:
     type: Number,
     default: 5
   },
-  keyProp: String
-}, ce = { name: "XTable" }, Le = /* @__PURE__ */ K({
-  ...ce,
-  props: /* @__PURE__ */ S({
-    ...pe,
+  keyProp: String,
+  selectable: Boolean,
+  singleSelect: Boolean,
+  autoClearSelected: {
+    type: Boolean,
+    default: !0
+  }
+}, he = { name: "XTable" }, xe = /* @__PURE__ */ te({
+  ...he,
+  props: /* @__PURE__ */ R({
+    ...be,
     items: {
       type: Array,
       default: () => []
@@ -67,95 +74,125 @@ const ie = { key: 1 }, ae = { colspan: "999" }, re = { key: 2 }, ne = { colspan:
     selected: {},
     selectedModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["update:sort", "click-row"], ["update:selected"]),
-  setup(B, { emit: z }) {
-    const a = B, L = Q(B, "selected"), A = x(() => typeof L.value < "u");
-    function V(e) {
+  emits: /* @__PURE__ */ R(["update:sort", "click-row"], ["update:selected"]),
+  setup(H, { emit: F }) {
+    const l = H, a = le(H, "selected");
+    function W(e) {
       try {
         return JSON.parse(JSON.stringify(e));
       } catch {
         return [];
       }
     }
-    const b = x(() => a.items), { list: M, containerProps: D, wrapperProps: E } = Z(
-      b,
+    const w = B(() => l.items), { list: q, containerProps: G, wrapperProps: Q } = ie(
+      w,
       {
-        disabled: !a.virtualList,
-        itemHeight: a.virtualListItemHeight || 54,
-        topOffset: a.virtualListOffsetTop || 0,
-        bottomOffset: a.virtualListOffsetBottom || 0,
-        overscan: a.virtualListOverscan
+        disabled: !l.virtualList,
+        itemHeight: l.virtualListItemHeight || 54,
+        topOffset: l.virtualListOffsetTop || 0,
+        bottomOffset: l.virtualListOffsetBottom || 0,
+        overscan: l.virtualListOverscan
       }
-    ), y = R([]);
-    U(b, (e) => {
-      a.expandable && (y.value = V(e));
-    }, { immediate: !0 });
-    const J = z;
-    function X(e, l) {
+    ), b = ae([]), O = F;
+    function U(e, r) {
       if (e)
-        for (let t = 0; t < l.length; t++) {
-          const { 0: i, 1: s } = l[t].split(",");
-          if (e === i)
-            return parseInt(s) > 0 ? 1 : -1;
+        for (let t = 0; t < r.length; t++) {
+          const { 0: o, 1: i } = r[t].split(",");
+          if (e === o)
+            return parseInt(i) > 0 ? 1 : -1;
         }
     }
-    function F(e) {
-      const l = a.sort.slice(0);
+    function Y(e) {
+      const r = l.sort.slice(0);
       let t = !1;
-      for (let i = 0; i < l.length; i++) {
-        const { 0: s, 1: d } = l[i].split(",");
-        if (s === e.value) {
-          if (t = !0, d === "-1") {
-            l.splice(i, 1, `${e.value},1`);
+      for (let o = 0; o < r.length; o++) {
+        const { 0: i, 1: p } = r[o].split(",");
+        if (i === e.value) {
+          if (t = !0, p === "-1") {
+            r.splice(o, 1, `${e.value},1`);
             break;
-          } else if (d === "1") {
-            l.splice(i, 1);
+          } else if (p === "1") {
+            r.splice(o, 1);
             break;
           }
         }
       }
-      t || l.push(`${e.value},-1`), J("update:sort", l);
+      t || r.push(`${e.value},-1`), O("update:sort", r);
     }
-    function W(e, l) {
-      if (!l)
+    function Z(e, r) {
+      if (!r)
         return "";
-      const t = Array.isArray(l) ? l : l.match(/([^[.\]])+/g);
-      return (t == null ? void 0 : t.reduce((s, d) => s && s[d], e)) ?? "";
+      const t = Array.isArray(r) ? r : r.match(/([^[.\]])+/g);
+      return (t == null ? void 0 : t.reduce((i, p) => i && i[p], e)) ?? "";
     }
-    const { styles: q, classes: w, className: G } = Y("Table", {}, a);
-    return (e, l) => (o(), r("div", C({
-      class: [n(G), n(w).wrapper]
-    }, n(D)), [
-      p(e.$slots, "title"),
-      p(e.$slots, "actions"),
-      f("div", C(n(E), {
-        class: {
-          "!h-auto": a.loading
-        }
+    const y = B(() => l.selectable ? w.value.map((e, r) => l.keyProp ? e[l.keyProp] : r) : []), T = B(() => !l.selectable || l.singleSelect ? !1 : Array.isArray(a.value) && a.value.length > 0 && y.value.length > 0 && a.value.length === y.value.length), P = B(() => !l.selectable || l.singleSelect ? !1 : Array.isArray(a.value) && a.value.length > 0 && y.value.length > 0 && a.value.length !== y.value.length);
+    function x(e) {
+      return l.selectable ? l.singleSelect ? a.value === e : Array.isArray(a.value) && a.value.includes(e) : !1;
+    }
+    function L(e) {
+      l.selectable && (l.singleSelect ? a.value = a.value === e ? void 0 : e : (Array.isArray(a.value) || (a.value = []), a.value.includes(e) ? a.value = a.value.filter((r) => r !== e) : a.value = [...a.value, e]));
+    }
+    function I() {
+      !l.selectable || l.singleSelect || (T.value || P.value ? a.value = [] : a.value = y.value);
+    }
+    function j(e, r) {
+      l.selectable && l.singleSelect && L(l.keyProp ? e[l.keyProp] : r), O("click-row", e, r);
+    }
+    re(w, (e) => {
+      l.expandable && (b.value = W(e)), l.selectable && l.autoClearSelected && (l.singleSelect ? y.value.includes(a.value) || (a.value = void 0) : Array.isArray(a.value) && (a.value = a.value.filter((r) => y.value.includes(r))));
+    }, { immediate: !0 });
+    const { styles: K, classes: A, className: ee } = se("Table", {}, l);
+    return (e, r) => (s(), u("div", V({
+      class: [d(ee), d(A).wrapper]
+    }, d(G)), [
+      f(e.$slots, "title"),
+      f(e.$slots, "actions"),
+      g("div", V(d(Q), {
+        class: ["relative", {
+          "!h-auto": l.loading
+        }]
       }), [
-        f("table", {
-          style: H(n(q)),
-          class: m(n(w).table)
+        g("table", {
+          style: M(d(K)),
+          class: k(d(A).table)
         }, [
-          v(j, { "sticky-header": e.stickyHeader }, {
+          v(oe, { "sticky-header": e.stickyHeader }, {
             default: c(() => [
-              e.expandable ? (o(), g(I, {
+              l.selectable && !l.singleSelect ? (s(), m(_, {
                 key: 0,
+                width: "40",
+                class: "!pl-3.5 !pr-0.5 !py-2.5 cursor-pointer",
+                onClick: I
+              }, {
+                default: c(() => [
+                  v(J, {
+                    "model-value": T.value || P.value,
+                    indeterminate: P.value,
+                    "hide-footer": "",
+                    "aria-label": "Select all rows",
+                    "skip-form-registry": "",
+                    onClick: N(I, ["prevent", "stop"])
+                  }, null, 8, ["model-value", "indeterminate"])
+                ]),
+                _: 1
+              })) : h("", !0),
+              e.expandable ? (s(), m(_, {
+                key: 1,
                 width: "48",
                 class: "!p-0"
-              })) : $("", !0),
-              (o(!0), r(k, null, h(e.headers, (t, i) => (o(), g(I, {
-                key: i,
+              })) : h("", !0),
+              (s(!0), u(S, null, $(e.headers, (t, o) => (s(), m(_, {
+                key: o,
                 "text-align": t.align,
-                sort: X(t.value, e.sort),
+                sort: U(t.value, e.sort),
                 sortable: t.sortable,
                 width: t.width,
                 tooltip: t.tooltip,
-                onClick: (s) => t.sortable ? F(t) : null
+                onClick: (i) => t.sortable ? Y(t) : null
               }, {
                 default: c(() => [
-                  p(e.$slots, `header-${t.value}`, { header: t }, () => [
-                    O(P(t.text), 1)
+                  f(e.$slots, `header-${t.value}`, { header: t }, () => [
+                    X(D(t.text), 1)
                   ])
                 ]),
                 _: 2
@@ -163,28 +200,28 @@ const ie = { key: 1 }, ae = { colspan: "999" }, re = { key: 2 }, ne = { colspan:
             ]),
             _: 3
           }, 8, ["sticky-header"]),
-          v(n(ee), null, {
+          v(d(ne), null, {
             default: c(() => [
-              e.loading ? (o(!0), r(k, { key: 0 }, h(Number(e.loadingLines), (t, i) => (o(), g(T, {
-                key: i,
+              e.loading ? (s(!0), u(S, { key: 0 }, $(Number(e.loadingLines), (t, o) => (s(), m(E, {
+                key: o,
                 striped: e.striped
               }, {
                 default: c(() => [
-                  (o(!0), r(k, null, h(e.headers, (s, d) => (o(), g(_, {
-                    key: d,
-                    "text-align": s.align,
-                    width: s.width,
+                  (s(!0), u(S, null, $(e.headers, (i, p) => (s(), m(C, {
+                    key: p,
+                    "text-align": i.align,
+                    width: i.width,
                     dense: e.dense,
                     fixed: e.fixed
                   }, {
                     default: c(() => [
-                      p(e.$slots, `loading-${s.value}`, { item: t }, () => [
-                        v(se, {
-                          class: m(["max-w-[60%]", {
-                            "mx-auto": s.align === "center",
-                            "ml-auto": s.align === "right"
+                      f(e.$slots, `loading-${i.value}`, { item: t }, () => [
+                        v(de, {
+                          class: k(["max-w-[60%]", {
+                            "mx-auto": i.align === "center",
+                            "ml-auto": i.align === "right"
                           }]),
-                          shape: s.skeletonShape || "line"
+                          shape: i.skeletonShape || "line"
                         }, null, 8, ["shape", "class"])
                       ])
                     ]),
@@ -192,106 +229,124 @@ const ie = { key: 1 }, ae = { colspan: "999" }, re = { key: 2 }, ne = { colspan:
                   }, 1032, ["text-align", "width", "dense", "fixed"]))), 128))
                 ]),
                 _: 2
-              }, 1032, ["striped"]))), 128)) : e.error ? (o(), r("tr", ie, [
-                f("td", ae, [
-                  p(e.$slots, "error")
+              }, 1032, ["striped"]))), 128)) : e.error ? (s(), u("tr", fe, [
+                g("td", ve, [
+                  f(e.$slots, "error")
                 ])
-              ])) : !b.value || b.value.length === 0 ? (o(), r("tr", re, [
-                f("td", ne, [
-                  p(e.$slots, "empty")
+              ])) : !w.value || w.value.length === 0 ? (s(), u("tr", me, [
+                g("td", ye, [
+                  f(e.$slots, "empty")
                 ])
-              ])) : (o(!0), r(k, { key: 3 }, h(n(M), (t, i) => {
-                var s, d;
-                return o(), r(k, {
-                  key: e.keyProp ?? i
+              ])) : (s(!0), u(S, { key: 3 }, $(d(q), (t, o) => {
+                var i, p;
+                return s(), u(S, {
+                  key: e.keyProp ? t.data[e.keyProp] : t.index
                 }, [
-                  v(T, {
+                  v(E, {
                     pointer: e.pointer,
                     striped: e.striped,
-                    selected: A.value ? L.value === (e.keyProp ? t.data[e.keyProp] : t.index) : void 0,
-                    onClick: (u) => e.$emit("click-row", t.data, t.index)
+                    selected: x(e.keyProp ? t.data[e.keyProp] : t.index),
+                    "single-select": e.singleSelect,
+                    onClick: (n) => j(t.data, t.index)
                   }, {
                     default: c(() => [
-                      e.expandable ? (o(), g(_, {
+                      l.selectable && !e.singleSelect ? (s(), m(C, {
                         key: 0,
+                        width: "40",
+                        class: "!pl-3.5 !pr-0.5 cursor-pointer",
+                        onClick: N((n) => L(e.keyProp ? t.data[e.keyProp] : t.index), ["stop"])
+                      }, {
+                        default: c(() => [
+                          v(J, {
+                            "model-value": x(e.keyProp ? t.data[e.keyProp] : t.index),
+                            "hide-footer": "",
+                            "aria-label": `Select row ${o + 1}`,
+                            "skip-form-registry": "",
+                            onClick: N((n) => L(e.keyProp ? t.data[e.keyProp] : t.index), ["prevent", "stop"])
+                          }, null, 8, ["model-value", "aria-label", "onClick"])
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])) : h("", !0),
+                      e.expandable ? (s(), m(C, {
+                        key: 1,
                         width: "48",
                         class: "!p-1"
                       }, {
                         default: c(() => {
-                          var u;
+                          var n;
                           return [
-                            f("button", {
+                            g("button", {
                               type: "button",
-                              class: m(["px-3 p-2", [e.dense ? "p-0.5" : "px-3 py-2"]]),
-                              onClick: (N) => y.value[t.index].__expanded = !y.value[t.index].__expanded
+                              class: k(["px-3 p-2", [e.dense ? "p-0.5" : "px-3 py-2"]]),
+                              onClick: (z) => b.value[t.index].__expanded = !b.value[t.index].__expanded
                             }, [
-                              v(oe, {
-                                icon: n(le),
+                              v(ce, {
+                                icon: d(pe),
                                 size: e.dense ? "xs" : "md",
-                                class: m(["transition-transform", {
-                                  "rotate-180": (u = y.value[t.index]) == null ? void 0 : u.__expanded
+                                class: k(["transition-transform", {
+                                  "rotate-180": (n = b.value[t.index]) == null ? void 0 : n.__expanded
                                 }])
                               }, null, 8, ["icon", "size", "class"])
-                            ], 10, de)
+                            ], 10, ge)
                           ];
                         }),
                         _: 2
-                      }, 1024)) : $("", !0),
-                      (o(!0), r(k, null, h(e.headers, (u, N) => (o(), g(_, {
-                        key: N,
-                        "text-align": u.align,
-                        truncate: u.truncate,
-                        width: u.width,
+                      }, 1024)) : h("", !0),
+                      (s(!0), u(S, null, $(e.headers, (n, z) => (s(), m(C, {
+                        key: z,
+                        "text-align": n.align,
+                        truncate: n.truncate,
+                        width: n.width,
                         dense: e.dense,
-                        style: H([a.virtualList ? {
-                          height: `${a.virtualListItemHeight}px`,
-                          maxHeight: `${a.virtualListItemHeight}px`,
+                        style: M([l.virtualList ? {
+                          height: `${l.virtualListItemHeight}px`,
+                          maxHeight: `${l.virtualListItemHeight}px`,
                           overflow: "hidden",
                           whiteSpace: "nowrap"
                         } : {}])
                       }, {
                         default: c(() => [
-                          p(e.$slots, `item-${u.value}`, {
+                          f(e.$slots, `item-${n.value}`, {
                             item: t.data
                           }, () => [
-                            O(P(W(t.data, u.value)), 1)
+                            X(D(Z(t.data, n.value)), 1)
                           ])
                         ]),
                         _: 2
                       }, 1032, ["text-align", "truncate", "width", "dense", "style"]))), 128))
                     ]),
                     _: 2
-                  }, 1032, ["pointer", "striped", "selected", "onClick"]),
-                  e.expandable ? (o(), r("tr", {
+                  }, 1032, ["pointer", "striped", "selected", "single-select", "onClick"]),
+                  e.expandable ? (s(), u("tr", {
                     key: 0,
-                    class: m({ hidden: !((s = y.value[t.index]) != null && s.__expanded) })
+                    class: k({ hidden: !((i = b.value[t.index]) != null && i.__expanded) })
                   }, [
-                    f("td", ue, [
-                      f("div", {
-                        class: m(["overflow-hidden transition-opacity", [(d = y.value[t.index]) != null && d.__expanded ? "" : "opacity-0 max-h-0"]])
+                    g("td", ke, [
+                      g("div", {
+                        class: k(["overflow-hidden transition-opacity", [(p = b.value[t.index]) != null && p.__expanded ? "" : "opacity-0 max-h-0"]])
                       }, [
-                        p(e.$slots, "expanded-row", {
+                        f(e.$slots, "expanded-row", {
                           item: t.data
                         })
                       ], 2)
                     ])
-                  ], 2)) : $("", !0)
+                  ], 2)) : h("", !0)
                 ], 64);
               }), 128))
             ]),
             _: 3
-          }),
-          e.loading ? (o(), r("div", {
-            key: 0,
-            class: m(n(w).loadingWrapper)
-          }, [
-            v(te, { size: "lg" })
-          ], 2)) : $("", !0)
-        ], 6)
+          })
+        ], 6),
+        e.loading ? (s(), u("div", {
+          key: 0,
+          class: k(d(A).loadingWrapper)
+        }, [
+          v(ue, { size: "lg" })
+        ], 2)) : h("", !0)
       ], 16)
     ], 16));
   }
 });
 export {
-  Le as default
+  xe as default
 };