@indielayer/ui 1.14.5 → 1.15.0

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

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

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

@@ -17,6 +17,9 @@ declare const tableCellProps: {
         default: string;
         validator: (value: string) => boolean;
     };
+    to: (ObjectConstructor | StringConstructor)[];
+    href: StringConstructor;
+    target: PropType<"_blank" | "_self" | "_parent" | "_top">;
 };
 export type TableCellTextAlign = typeof validators.textAlign[number];
 export type TableCellVerticalAlign = typeof validators.verticalAlign[number];
@@ -37,6 +40,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         default: string;
         validator: (value: string) => boolean;
     };
+    to: (ObjectConstructor | StringConstructor)[];
+    href: StringConstructor;
+    target: PropType<"_blank" | "_self" | "_parent" | "_top">;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     textAlign: {
         type: PropType<"left" | "right" | "center" | "justify" | null>;
@@ -50,6 +56,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         default: string;
         validator: (value: string) => boolean;
     };
+    to: (ObjectConstructor | StringConstructor)[];
+    href: StringConstructor;
+    target: PropType<"_blank" | "_self" | "_parent" | "_top">;
 }>> & Readonly<{}>, {
     truncate: boolean;
     dense: boolean;