@indielayer/ui 0.0.0-dev-20240125104319 → 0.0.0-dev-20240129122517

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

@@ -1,6 +1,7 @@
-import type { ExtractPublicPropTypes, PropType } from 'vue';
+import { type ExtractPublicPropTypes, type PropType } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
 import { type TableHeaderAlign } from './TableHeader.vue';
+import type { SkeletonShape } from '../skeleton/Skeleton.vue';
 declare const tableProps: {
     headers: {
         type: PropType<TableHeader[]>;
@@ -15,6 +16,12 @@ declare const tableProps: {
         default: () => never[];
     };
     loading: BooleanConstructor;
+    loadingSkeleton: BooleanConstructor;
+    loadingLines: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    error: BooleanConstructor;
     dense: BooleanConstructor;
     fixed: BooleanConstructor;
     striped: BooleanConstructor;
@@ -27,6 +34,7 @@ declare const tableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    expandable: BooleanConstructor;
 };
 export type TableHeader = {
     sortable?: boolean;
@@ -35,33 +43,43 @@ export type TableHeader = {
     value?: string;
     text?: string;
     width?: string | number;
+    truncate?: boolean;
+    skeletonShape?: SkeletonShape;
 };
 export type TableProps = ExtractPublicPropTypes<typeof tableProps>;
-type InternalClasses = 'wrapper' | 'loadingWrapper';
+type InternalClasses = 'wrapper' | 'table' | 'loadingWrapper';
 export interface TableTheme extends ThemeComponent<TableProps, InternalClasses> {
 }
 declare const _default: <T>(__VLS_props: Partial<{
     sort: string[];
+    error: boolean;
     items: T[];
     loading: boolean;
     fixed: boolean;
     headers: TableHeader[];
+    loadingSkeleton: boolean;
+    loadingLines: string | number;
     dense: boolean;
     striped: boolean;
     pointer: boolean;
     scrollable: boolean;
     stickyHeader: boolean;
+    expandable: boolean;
 }> & Omit<{
     readonly sort: string[];
+    readonly error: boolean;
     readonly items: T[];
     readonly loading: boolean;
     readonly fixed: boolean;
     readonly headers: TableHeader[];
+    readonly loadingSkeleton: boolean;
+    readonly loadingLines: string | number;
     readonly dense: boolean;
     readonly striped: boolean;
     readonly pointer: boolean;
     readonly scrollable: boolean;
     readonly stickyHeader: boolean;
+    readonly expandable: boolean;
     "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
     "onClick-row"?: ((...args: any[]) => any) | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -78,6 +96,12 @@ declare const _default: <T>(__VLS_props: Partial<{
         default: () => never[];
     };
     loading: BooleanConstructor;
+    loadingSkeleton: BooleanConstructor;
+    loadingLines: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    error: BooleanConstructor;
     dense: BooleanConstructor;
     fixed: BooleanConstructor;
     striped: BooleanConstructor;
@@ -90,32 +114,41 @@ declare const _default: <T>(__VLS_props: Partial<{
         type: BooleanConstructor;
         default: boolean;
     };
+    expandable: BooleanConstructor;
 }>> & {
     "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
     "onClick-row"?: ((...args: any[]) => any) | undefined;
-}, "sort" | "items" | "loading" | "fixed" | "headers" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader"> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
+}, "sort" | "error" | "items" | "loading" | "fixed" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable"> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
     props: Partial<{
         sort: string[];
+        error: boolean;
         items: T[];
         loading: boolean;
         fixed: boolean;
         headers: TableHeader[];
+        loadingSkeleton: boolean;
+        loadingLines: string | number;
         dense: boolean;
         striped: boolean;
         pointer: boolean;
         scrollable: boolean;
         stickyHeader: boolean;
+        expandable: boolean;
     }> & Omit<{
         readonly sort: string[];
+        readonly error: boolean;
         readonly items: T[];
         readonly loading: boolean;
         readonly fixed: boolean;
         readonly headers: TableHeader[];
+        readonly loadingSkeleton: boolean;
+        readonly loadingLines: string | number;
         readonly dense: boolean;
         readonly striped: boolean;
         readonly pointer: boolean;
         readonly scrollable: boolean;
         readonly stickyHeader: boolean;
+        readonly expandable: boolean;
         "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
         "onClick-row"?: ((...args: any[]) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -132,6 +165,12 @@ declare const _default: <T>(__VLS_props: Partial<{
             default: () => never[];
         };
         loading: BooleanConstructor;
+        loadingSkeleton: BooleanConstructor;
+        loadingLines: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        error: BooleanConstructor;
         dense: BooleanConstructor;
         fixed: BooleanConstructor;
         striped: BooleanConstructor;
@@ -144,39 +183,60 @@ declare const _default: <T>(__VLS_props: Partial<{
             type: BooleanConstructor;
             default: boolean;
         };
+        expandable: BooleanConstructor;
     }>> & {
         "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
         "onClick-row"?: ((...args: any[]) => any) | undefined;
-    }, "sort" | "items" | "loading" | "fixed" | "headers" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader">;
+    }, "sort" | "error" | "items" | "loading" | "fixed" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable">;
     expose(exposed: {}): void;
     attrs: any;
     slots: Partial<Record<string, (_: {
+        header: TableHeader;
+    }) => any>> & Partial<Record<string, (_: {
+        item: number;
+    }) => any>> & Partial<Record<string, (_: {
         item: T;
-    }) => any>>;
+    }) => any>> & {
+        title?(_: {}): any;
+        actions?(_: {}): any;
+        error?(_: {}): any;
+        empty?(_: {}): any;
+        "expanded-row"?(_: {
+            item: T;
+        }): any;
+    };
     emit: (event: "update:sort" | "click-row", ...args: any[]) => void;
 }, "emit" | "attrs" | "slots"> | undefined, __VLS_setup?: {
     props: Partial<{
         sort: string[];
+        error: boolean;
         items: T[];
         loading: boolean;
         fixed: boolean;
         headers: TableHeader[];
+        loadingSkeleton: boolean;
+        loadingLines: string | number;
         dense: boolean;
         striped: boolean;
         pointer: boolean;
         scrollable: boolean;
         stickyHeader: boolean;
+        expandable: boolean;
     }> & Omit<{
         readonly sort: string[];
+        readonly error: boolean;
         readonly items: T[];
         readonly loading: boolean;
         readonly fixed: boolean;
         readonly headers: TableHeader[];
+        readonly loadingSkeleton: boolean;
+        readonly loadingLines: string | number;
         readonly dense: boolean;
         readonly striped: boolean;
         readonly pointer: boolean;
         readonly scrollable: boolean;
         readonly stickyHeader: boolean;
+        readonly expandable: boolean;
         "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
         "onClick-row"?: ((...args: any[]) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -193,6 +253,12 @@ declare const _default: <T>(__VLS_props: Partial<{
             default: () => never[];
         };
         loading: BooleanConstructor;
+        loadingSkeleton: BooleanConstructor;
+        loadingLines: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        error: BooleanConstructor;
         dense: BooleanConstructor;
         fixed: BooleanConstructor;
         striped: BooleanConstructor;
@@ -205,15 +271,28 @@ declare const _default: <T>(__VLS_props: Partial<{
             type: BooleanConstructor;
             default: boolean;
         };
+        expandable: BooleanConstructor;
     }>> & {
         "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
         "onClick-row"?: ((...args: any[]) => any) | undefined;
-    }, "sort" | "items" | "loading" | "fixed" | "headers" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader">;
+    }, "sort" | "error" | "items" | "loading" | "fixed" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable">;
     expose(exposed: {}): void;
     attrs: any;
     slots: Partial<Record<string, (_: {
+        header: TableHeader;
+    }) => any>> & Partial<Record<string, (_: {
+        item: number;
+    }) => any>> & Partial<Record<string, (_: {
         item: T;
-    }) => any>>;
+    }) => any>> & {
+        title?(_: {}): any;
+        actions?(_: {}): any;
+        error?(_: {}): any;
+        empty?(_: {}): any;
+        "expanded-row"?(_: {
+            item: T;
+        }): any;
+    };
     emit: (event: "update:sort" | "click-row", ...args: any[]) => void;
 }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -221,26 +300,34 @@ declare const _default: <T>(__VLS_props: Partial<{
     __ctx?: {
         props: Partial<{
             sort: string[];
+            error: boolean;
             items: T[];
             loading: boolean;
             fixed: boolean;
             headers: TableHeader[];
+            loadingSkeleton: boolean;
+            loadingLines: string | number;
             dense: boolean;
             striped: boolean;
             pointer: boolean;
             scrollable: boolean;
             stickyHeader: boolean;
+            expandable: boolean;
         }> & Omit<{
             readonly sort: string[];
+            readonly error: boolean;
             readonly items: T[];
             readonly loading: boolean;
             readonly fixed: boolean;
             readonly headers: TableHeader[];
+            readonly loadingSkeleton: boolean;
+            readonly loadingLines: string | number;
             readonly dense: boolean;
             readonly striped: boolean;
             readonly pointer: boolean;
             readonly scrollable: boolean;
             readonly stickyHeader: boolean;
+            readonly expandable: boolean;
             "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
             "onClick-row"?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -257,6 +344,12 @@ declare const _default: <T>(__VLS_props: Partial<{
                 default: () => never[];
             };
             loading: BooleanConstructor;
+            loadingSkeleton: BooleanConstructor;
+            loadingLines: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            error: BooleanConstructor;
             dense: BooleanConstructor;
             fixed: BooleanConstructor;
             striped: BooleanConstructor;
@@ -269,15 +362,28 @@ declare const _default: <T>(__VLS_props: Partial<{
                 type: BooleanConstructor;
                 default: boolean;
             };
+            expandable: BooleanConstructor;
         }>> & {
             "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
             "onClick-row"?: ((...args: any[]) => any) | undefined;
-        }, "sort" | "items" | "loading" | "fixed" | "headers" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader">;
+        }, "sort" | "error" | "items" | "loading" | "fixed" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable">;
         expose(exposed: {}): void;
         attrs: any;
         slots: Partial<Record<string, (_: {
+            header: TableHeader;
+        }) => any>> & Partial<Record<string, (_: {
+            item: number;
+        }) => any>> & Partial<Record<string, (_: {
             item: T;
-        }) => any>>;
+        }) => any>> & {
+            title?(_: {}): any;
+            actions?(_: {}): any;
+            error?(_: {}): any;
+            empty?(_: {}): any;
+            "expanded-row"?(_: {
+                item: T;
+            }): any;
+        };
         emit: (event: "update:sort" | "click-row", ...args: any[]) => void;
     } | undefined;
 };

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

@@ -1,12 +1,14 @@
-import { defineComponent as N, openBlock as s, createElementBlock as a, createElementVNode as x, normalizeStyle as H, unref as i, normalizeClass as g, createVNode as f, withCtx as u, Fragment as d, renderList as c, createBlock as m, createTextVNode as v, toDisplayString as b, renderSlot as S, createCommentVNode as V } from "vue";
-import { useTheme as z } from "../../composables/useTheme.js";
-import X from "./TableHead.js";
-import E from "./TableHeader.vue.js";
-import h from "./TableBody.js";
-import D from "./TableRow.vue.js";
-import F from "./TableCell.vue.js";
-import I from "../spinner/Spinner.vue.js";
-const L = { class: "w-full overflow-x-auto" }, P = {
+import { defineComponent as J, ref as X, watch as F, resolveComponent as O, openBlock as n, createElementBlock as i, normalizeClass as p, unref as c, renderSlot as d, createElementVNode as f, normalizeStyle as P, createVNode as m, withCtx as u, createBlock as y, createCommentVNode as b, Fragment as k, renderList as v, createTextVNode as C, toDisplayString as N } from "vue";
+import { useTheme as W } from "../../composables/useTheme.js";
+import q from "./TableHead.vue.js";
+import S from "./TableHeader.vue.js";
+import G from "./TableBody.js";
+import z from "./TableRow.vue.js";
+import _ from "./TableCell.vue.js";
+import K from "../spinner/Spinner.vue.js";
+import M from "../skeleton/Skeleton.vue.js";
+import { chevronDownIcon as Q } from "../../common/icons.js";
+const R = { key: 1 }, U = ["colspan"], Y = { key: 2 }, Z = ["colspan"], j = ["onClick"], x = { key: 0 }, ee = { colspan: "999" }, te = {
   headers: {
     type: Array,
     default: () => []
@@ -20,6 +22,12 @@ const L = { class: "w-full overflow-x-auto" }, P = {
     default: () => []
   },
   loading: Boolean,
+  loadingSkeleton: Boolean,
+  loadingLines: {
+    type: [Number, String],
+    default: 3
+  },
+  error: Boolean,
   dense: Boolean,
   fixed: Boolean,
   striped: Boolean,
@@ -31,116 +39,219 @@ const L = { class: "w-full overflow-x-auto" }, P = {
   stickyHeader: {
     type: Boolean,
     default: !0
-  }
-}, W = { name: "XTable" }, Y = /* @__PURE__ */ N({
-  ...W,
+  },
+  expandable: Boolean
+}, ne = { name: "XTable" }, fe = /* @__PURE__ */ J({
+  ...ne,
   props: {
-    ...P,
+    ...te,
     items: {
       type: Array,
       default: () => []
     }
   },
   emits: ["update:sort", "click-row"],
-  setup(p, { emit: B }) {
-    const y = p, $ = B;
-    function _(t, r) {
-      if (t)
-        for (let e = 0; e < r.length; e++) {
-          const { 0: l, 1: o } = r[e].split(",");
-          if (t === l)
+  setup(h, { emit: A }) {
+    const $ = h;
+    function T(e) {
+      try {
+        return JSON.parse(JSON.stringify(e));
+      } catch {
+        return [];
+      }
+    }
+    const g = X([]);
+    F(() => $.items, (e) => {
+      $.expandable && (g.value = T(e));
+    }, { immediate: !0 });
+    const H = A;
+    function V(e, l) {
+      if (e)
+        for (let r = 0; r < l.length; r++) {
+          const { 0: t, 1: o } = l[r].split(",");
+          if (e === t)
             return parseInt(o) > 0 ? 1 : -1;
         }
     }
-    function w(t) {
-      const r = y.sort.slice(0);
-      let e = !1;
-      for (let l = 0; l < r.length; l++) {
-        const { 0: o, 1: n } = r[l].split(",");
-        if (o === t.value) {
-          if (e = !0, n === "-1") {
-            r.splice(l, 1, `${t.value},1`);
+    function I(e) {
+      const l = $.sort.slice(0);
+      let r = !1;
+      for (let t = 0; t < l.length; t++) {
+        const { 0: o, 1: s } = l[t].split(",");
+        if (o === e.value) {
+          if (r = !0, s === "-1") {
+            l.splice(t, 1, `${e.value},1`);
             break;
-          } else if (n === "1") {
-            r.splice(l, 1);
+          } else if (s === "1") {
+            l.splice(t, 1);
             break;
           }
         }
       }
-      e || r.push(`${t.value},-1`), $("update:sort", r);
+      r || l.push(`${e.value},-1`), H("update:sort", l);
     }
-    function C(t, r) {
-      if (!r)
+    function L(e, l) {
+      if (!l)
         return "";
-      const e = Array.isArray(r) ? r : r.match(/([^[.\]])+/g);
-      return (e == null ? void 0 : e.reduce((o, n) => o && o[n], t)) ?? "";
+      const r = Array.isArray(l) ? l : l.match(/([^[.\]])+/g);
+      return (r == null ? void 0 : r.reduce((o, s) => o && o[s], e)) ?? "";
     }
-    const { styles: T, classes: k, className: A } = z("Table", {}, y);
-    return (t, r) => (s(), a("div", L, [
-      x("table", {
-        style: H(i(T)),
-        class: g([
-          i(A),
-          i(k).wrapper
-        ])
+    const { styles: D, classes: w, className: E } = W("Table", {}, $);
+    return (e, l) => {
+      const r = O("x-icon");
+      return n(), i("div", {
+        class: p([c(E), c(w).wrapper])
       }, [
-        f(i(X), null, {
-          default: u(() => [
-            (s(!0), a(d, null, c(t.headers, (e, l) => (s(), m(E, {
-              key: l,
-              "sticky-header": t.stickyHeader,
-              "text-align": e.align,
-              sort: _(e.value, t.sort),
-              sortable: e.sortable,
-              width: e.width,
-              onClick: (o) => e.sortable ? w(e) : null
-            }, {
-              default: u(() => [
-                v(b(e.text), 1)
-              ]),
-              _: 2
-            }, 1032, ["sticky-header", "text-align", "sort", "sortable", "width", "onClick"]))), 128))
-          ]),
-          _: 1
-        }),
-        f(i(h), null, {
-          default: u(() => [
-            (s(!0), a(d, null, c(p.items, (e, l) => (s(), m(D, {
-              key: l,
-              pointer: t.pointer,
-              striped: t.striped,
-              onClick: (o) => t.$emit("click-row", e)
-            }, {
-              default: u(() => [
-                (s(!0), a(d, null, c(t.headers, (o, n) => (s(), m(F, {
-                  key: n,
-                  "text-align": o.align,
-                  dense: t.dense,
-                  fixed: t.fixed
-                }, {
-                  default: u(() => [
-                    S(t.$slots, `item-${o.value}`, { item: e }, () => [
-                      v(b(C(e, o.value)), 1)
-                    ])
-                  ]),
-                  _: 2
-                }, 1032, ["text-align", "dense", "fixed"]))), 128))
-              ]),
-              _: 2
-            }, 1032, ["pointer", "striped", "onClick"]))), 128))
-          ]),
-          _: 3
-        }),
-        t.loading ? (s(), a("div", {
-          key: 0,
-          class: g(i(k).loadingWrapper)
+        d(e.$slots, "title"),
+        d(e.$slots, "actions"),
+        f("table", {
+          style: P(c(D)),
+          class: p(c(w).table)
         }, [
-          f(I, { size: "lg" })
-        ], 2)) : V("", !0)
-      ], 6)
-    ]));
+          m(q, null, {
+            default: u(() => [
+              e.expandable ? (n(), y(S, {
+                key: 0,
+                width: "48",
+                class: "!p-0",
+                "sticky-header": e.stickyHeader
+              }, null, 8, ["sticky-header"])) : b("", !0),
+              (n(!0), i(k, null, v(e.headers, (t, o) => (n(), y(S, {
+                key: o,
+                "sticky-header": e.stickyHeader,
+                "text-align": t.align,
+                sort: V(t.value, e.sort),
+                sortable: t.sortable,
+                width: t.width,
+                onClick: (s) => t.sortable ? I(t) : null
+              }, {
+                default: u(() => [
+                  d(e.$slots, `header-${t.value}`, { header: t }, () => [
+                    C(N(t.text), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["sticky-header", "text-align", "sort", "sortable", "width", "onClick"]))), 128))
+            ]),
+            _: 3
+          }),
+          m(c(G), null, {
+            default: u(() => [
+              e.loading ? (n(!0), i(k, { key: 0 }, v(Number(e.loadingLines), (t, o) => (n(), y(z, {
+                key: o,
+                striped: e.striped
+              }, {
+                default: u(() => [
+                  (n(!0), i(k, null, v(e.headers, (s, a) => (n(), y(_, {
+                    key: a,
+                    "text-align": s.align,
+                    width: s.width,
+                    dense: e.dense,
+                    fixed: e.fixed
+                  }, {
+                    default: u(() => [
+                      d(e.$slots, `loading-${s.value}`, { item: t }, () => [
+                        m(M, {
+                          class: p(["max-w-[60%]", {
+                            "mx-auto": s.align === "center",
+                            "ml-auto": s.align === "right"
+                          }]),
+                          shape: s.skeletonShape || "line"
+                        }, null, 8, ["shape", "class"])
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["text-align", "width", "dense", "fixed"]))), 128))
+                ]),
+                _: 2
+              }, 1032, ["striped"]))), 128)) : e.error ? (n(), i("tr", R, [
+                f("td", {
+                  colspan: e.headers.length
+                }, [
+                  d(e.$slots, "error")
+                ], 8, U)
+              ])) : !h.items || h.items.length === 0 ? (n(), i("tr", Y, [
+                f("td", {
+                  colspan: e.headers.length
+                }, [
+                  d(e.$slots, "empty")
+                ], 8, Z)
+              ])) : (n(!0), i(k, { key: 3 }, v(h.items, (t, o) => {
+                var s;
+                return n(), i(k, { key: o }, [
+                  m(z, {
+                    pointer: e.pointer,
+                    striped: e.striped,
+                    onClick: (a) => e.$emit("click-row", t)
+                  }, {
+                    default: u(() => [
+                      e.expandable ? (n(), y(_, {
+                        key: 0,
+                        width: "48",
+                        class: "!p-1"
+                      }, {
+                        default: u(() => {
+                          var a;
+                          return [
+                            f("button", {
+                              class: "p-4",
+                              onClick: (B) => g.value[o].__expanded = !g.value[o].__expanded
+                            }, [
+                              m(r, {
+                                icon: c(Q),
+                                size: e.dense ? "xs" : "md",
+                                class: p(["transition-transform", {
+                                  "rotate-180": (a = g.value[o]) == null ? void 0 : a.__expanded
+                                }])
+                              }, null, 8, ["icon", "size", "class"])
+                            ], 8, j)
+                          ];
+                        }),
+                        _: 2
+                      }, 1024)) : b("", !0),
+                      (n(!0), i(k, null, v(e.headers, (a, B) => (n(), y(_, {
+                        key: B,
+                        "text-align": a.align,
+                        truncate: a.truncate,
+                        width: a.width,
+                        dense: e.dense,
+                        fixed: e.fixed
+                      }, {
+                        default: u(() => [
+                          d(e.$slots, `item-${a.value}`, { item: t }, () => [
+                            C(N(L(t, a.value)), 1)
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["text-align", "truncate", "width", "dense", "fixed"]))), 128))
+                    ]),
+                    _: 2
+                  }, 1032, ["pointer", "striped", "onClick"]),
+                  e.expandable ? (n(), i("tr", x, [
+                    f("td", ee, [
+                      f("div", {
+                        class: p(["overflow-hidden transition-opacity", [(s = g.value[o]) != null && s.__expanded ? "" : "opacity-0 max-h-0"]])
+                      }, [
+                        d(e.$slots, "expanded-row", { item: t })
+                      ], 2)
+                    ])
+                  ])) : b("", !0)
+                ], 64);
+              }), 128))
+            ]),
+            _: 3
+          }),
+          e.loading ? (n(), i("div", {
+            key: 0,
+            class: p(c(w).loadingWrapper)
+          }, [
+            m(K, { size: "lg" })
+          ], 2)) : b("", !0)
+        ], 6)
+      ], 2);
+    };
   }
 });
 export {
-  Y as default
+  fe as default
 };