@stonecrop/atable 0.2.58 → 0.2.60

package/dist/assets/index.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";.atable-cell{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1;white-space:nowrap;max-width:40ch}.atable-cell a{color:var(--sc-cell-text-color);text-decoration:none}.atable-cell:focus,.atable-cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:var(--sc-atable-cell-border-width);outline-style:solid;outline-offset:calc(var(--sc-atable-cell-border-width) * -1);outline-color:var(--sc-focus-cell-outline);box-shadow:none;overflow:hidden;text-wrap:nowrap;box-sizing:border-box}.row-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;display:flex;align-items:center;justify-content:center}.expandable-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);border-left:4px solid var(--sc-row-border-color);display:flex}.expanded-row{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color)}.expanded-row-content{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.table-row{border-top:1px solid var(--sc-row-border-color);display:flex;background-color:#fff}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:.5em;text-align:left;-webkit-user-select:none;user-select:none;width:7ch;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.tree-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.atable-header-row{display:flex}.atable-header-row th{padding-left:.5ch!important;font-weight:700;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);box-sizing:border-box;color:var(--sc-header-text-color)}#header-index{padding-left:var(--sc-atable-row-padding);box-sizing:border-box}.tree-index{padding-right:0}th{order:1}.list-expansion-index{width:2ch;margin-left:5px}:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-modified: #ffffb1;--sc-form-border: var(--sc-gray-5);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: 5px;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.amodal{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:100}.sticky-index{position:sticky;left:0;z-index:1;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}[data-v-3b613fb3]:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-modified: #ffffb1;--sc-form-border: var(--sc-gray-5);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: 5px;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.atable[data-v-3b613fb3]{font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse;box-sizing:border-box;table-layout:auto;width:auto}.atable th[data-v-3b613fb3]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}.atable th[data-v-3b613fb3]:focus{outline:none}
+@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";.atable-cell{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1;white-space:nowrap;max-width:40ch}.atable-cell a{color:var(--sc-cell-text-color);text-decoration:none}.atable-cell:focus,.atable-cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:var(--sc-atable-cell-border-width);outline-style:solid;outline-offset:calc(var(--sc-atable-cell-border-width) * -1);outline-color:var(--sc-focus-cell-outline);box-shadow:none;overflow:hidden;text-wrap:nowrap;box-sizing:border-box}.row-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;display:flex;align-items:center;justify-content:center}.expandable-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);border-left:4px solid var(--sc-row-border-color);display:flex}.expanded-row{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color)}.expanded-row-content{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.table-row{border-top:1px solid var(--sc-row-border-color);display:flex;background-color:#fff}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:.5em;text-align:left;-webkit-user-select:none;user-select:none;width:7ch;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.tree-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.atable-header-row{display:flex}.atable-header-row th{padding-left:.5ch!important;font-weight:700;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);box-sizing:border-box;color:var(--sc-header-text-color)}#header-index{padding-left:var(--sc-atable-row-padding);box-sizing:border-box}.tree-index{padding-right:0}th{order:1}.list-expansion-index{width:2ch;margin-left:5px}:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-modified: #ffffb1;--sc-form-border: var(--sc-gray-5);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: 5px;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.amodal{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:100}.sticky-index{position:sticky;left:0;z-index:1;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}[data-v-5fc77917]:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-modified: #ffffb1;--sc-form-border: var(--sc-gray-5);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: 5px;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.atable[data-v-5fc77917]{font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse;box-sizing:border-box;table-layout:auto;width:auto}.atable th[data-v-5fc77917]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}.atable th[data-v-5fc77917]:focus{outline:none}

package/dist/atable.js

@@ -1,7 +1,7 @@
 import './assets/index.css';var Ue = Object.defineProperty;
 var qe = (e, t, n) => t in e ? Ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var T = (e, t, n) => qe(e, typeof t != "symbol" ? t + "" : t, n);
-import { onMounted as F, ref as b, watch as C, onBeforeUnmount as Ye, computed as x, unref as m, getCurrentScope as ie, onScopeDispose as se, getCurrentInstance as re, nextTick as Te, defineComponent as M, inject as Q, useTemplateRef as Z, openBlock as h, createElementBlock as k, normalizeStyle as P, normalizeClass as N, createBlock as q, resolveDynamicComponent as De, mergeProps as ae, toDisplayString as B, Fragment as X, createElementVNode as W, renderSlot as S, createCommentVNode as J, withDirectives as ne, vShow as Me, toRef as Xe, readonly as Je, customRef as Qe, reactive as R, renderList as oe, createTextVNode as Ze, provide as Ke, createVNode as ye, withCtx as be } from "vue";
+import { onMounted as G, ref as b, watch as C, onBeforeUnmount as Ye, computed as x, unref as m, getCurrentScope as ie, onScopeDispose as se, getCurrentInstance as re, nextTick as Te, defineComponent as M, inject as Q, useTemplateRef as Z, openBlock as h, createElementBlock as k, normalizeStyle as P, normalizeClass as N, createBlock as Y, resolveDynamicComponent as De, mergeProps as ae, toDisplayString as B, Fragment as J, createElementVNode as W, renderSlot as S, createCommentVNode as V, withDirectives as ne, vShow as Me, toRef as Xe, readonly as Je, customRef as Qe, reactive as R, renderList as oe, createTextVNode as Ze, provide as Ke, createVNode as ye, withCtx as be } from "vue";
 function Re(e) {
   return ie() ? (se(e), !0) : !1;
 }
@@ -11,21 +11,21 @@ function ce(e) {
 const _e = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const et = (e) => e != null, tt = Object.prototype.toString, nt = (e) => tt.call(e) === "[object Object]", ot = () => {
-}, G = _e ? window : void 0;
-function V(e) {
+}, U = _e ? window : void 0;
+function z(e) {
   var t;
   const n = ce(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function z(...e) {
+function F(...e) {
   let t, n, l, i;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, i] = e, t = G) : [t, n, l, i] = e, !t)
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, i] = e, t = U) : [t, n, l, i] = e, !t)
     return ot;
   Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);
   const o = [], a = () => {
     o.forEach((u) => u()), o.length = 0;
   }, s = (u, p, c, f) => (u.addEventListener(p, c, f), () => u.removeEventListener(p, c, f)), d = C(
-    () => [V(t), ce(i)],
+    () => [z(t), ce(i)],
     ([u, p]) => {
       if (a(), !u)
         return;
@@ -42,7 +42,7 @@ function z(...e) {
 }
 function lt() {
   const e = b(!1), t = re();
-  return t && F(() => {
+  return t && G(() => {
     e.value = !0;
   }, t), e;
 }
@@ -51,12 +51,12 @@ function it(e) {
   return x(() => (t.value, !!e()));
 }
 function st(e, t, n = {}) {
-  const { window: l = G, ...i } = n;
+  const { window: l = U, ...i } = n;
   let o;
   const a = it(() => l && "MutationObserver" in l), s = () => {
     o && (o.disconnect(), o = void 0);
   }, d = x(() => {
-    const c = ce(e), f = (Array.isArray(c) ? c : [c]).map(V).filter(et);
+    const c = ce(e), f = (Array.isArray(c) ? c : [c]).map(z).filter(et);
     return new Set(f);
   }), r = C(
     () => d.value,
@@ -76,7 +76,7 @@ function st(e, t, n = {}) {
 function rt(e = {}) {
   var t;
   const {
-    window: n = G,
+    window: n = U,
     deep: l = !0,
     triggerOnRemoval: i = !1
   } = e, o = (t = e.document) != null ? t : n == null ? void 0 : n.document, a = () => {
@@ -89,9 +89,9 @@ function rt(e = {}) {
   }, s = b(), d = () => {
     s.value = a();
   };
-  return n && (z(n, "blur", (r) => {
+  return n && (F(n, "blur", (r) => {
     r.relatedTarget === null && d();
-  }, !0), z(n, "focus", d, !0)), i && st(o, (r) => {
+  }, !0), F(n, "focus", d, !0)), i && st(o, (r) => {
     r.filter((u) => u.removedNodes.length).map((u) => Array.from(u.removedNodes)).flat().forEach((u) => {
       u === s.value && d();
     });
@@ -102,13 +102,13 @@ function rt(e = {}) {
 }
 const at = "focusin", ct = "focusout";
 function dt(e, t = {}) {
-  const { window: n = G } = t, l = x(() => V(e)), i = b(!1), o = x(() => i.value), a = rt(t);
-  return !n || !a.value ? { focused: o } : (z(l, at, () => i.value = !0), z(l, ct, () => i.value = !1), { focused: o });
+  const { window: n = U } = t, l = x(() => z(e)), i = b(!1), o = x(() => i.value), a = rt(t);
+  return !n || !a.value ? { focused: o } : (F(l, at, () => i.value = !0), F(l, ct, () => i.value = !1), { focused: o });
 }
-function ut(e, { window: t = G, scrollTarget: n } = {}) {
+function ut(e, { window: t = U, scrollTarget: n } = {}) {
   const l = b(!1), i = () => {
     if (!t) return;
-    const o = t.document, a = V(e);
+    const o = t.document, a = z(e);
     if (!a)
       l.value = !1;
     else {
@@ -117,10 +117,10 @@ function ut(e, { window: t = G, scrollTarget: n } = {}) {
     }
   };
   return C(
-    () => V(e),
+    () => z(e),
     () => i(),
     { immediate: !0, flush: "post" }
-  ), t && z(n || t, "scroll", i, {
+  ), t && F(n || t, "scroll", i, {
     capture: !1,
     passive: !0
   }), l;
@@ -230,7 +230,7 @@ const O = (e) => {
 }, Ie = (e) => {
   const t = e.target.parentElement.lastElementChild;
   return t && (!$(t) || !O(t)) ? fe(t) : t;
-}, U = ["alt", "control", "shift", "meta"], mt = {
+}, q = ["alt", "control", "shift", "meta"], mt = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
@@ -325,18 +325,18 @@ function ve(e) {
     return a.selectors ? d = n(a) : s && (d = Array.from(s.children).filter((r) => $(r) && O(r))), d;
   }, i = (a) => (s) => {
     const d = mt[s.key] || s.key.toLowerCase();
-    if (U.includes(d)) return;
+    if (q.includes(d)) return;
     const r = a.handlers || me;
     for (const u of Object.keys(r)) {
       const [p, ...c] = u.split(".");
       if (p === "keydown" && c.includes(d)) {
-        const f = r[u], v = c.filter((y) => U.includes(y)), g = U.some((y) => {
+        const f = r[u], v = c.filter((y) => q.includes(y)), g = q.some((y) => {
           const E = y.charAt(0).toUpperCase() + y.slice(1);
           return s.getModifierState(E);
         });
         if (v.length > 0) {
           if (g) {
-            for (const y of U)
+            for (const y of q)
               if (c.includes(y)) {
                 const E = y.charAt(0).toUpperCase() + y.slice(1);
                 s.getModifierState(E) && f(s);
@@ -347,7 +347,7 @@ function ve(e) {
       }
     }
   }, o = [];
-  F(() => {
+  G(() => {
     for (const a of e) {
       const s = t(a), d = l(a), r = i(a), u = s ? [s] : d;
       for (const p of u) {
@@ -376,7 +376,7 @@ function gt(e) {
   return re();
 }
 function xt(e, t = !0, n) {
-  gt() ? F(e, n) : t ? e() : Te(e);
+  gt() ? G(e, n) : t ? e() : Te(e);
 }
 const he = vt ? window : void 0;
 function D(e) {
@@ -409,7 +409,7 @@ function Ae(...e) {
 }
 function Et() {
   const e = b(!1), t = re();
-  return t && F(() => {
+  return t && G(() => {
     e.value = !0;
   }, t), e;
 }
@@ -575,7 +575,7 @@ const It = (e) => {
       onMousedown: E,
       class: N(["atable-cell", w.pinned ? "sticky-column" : ""])
     }, [
-      m(r).cellComponent ? (h(), q(De(m(r).cellComponent), ae({
+      m(r).cellComponent ? (h(), Y(De(m(r).cellComponent), ae({
         key: 0,
         value: g.value
       }, m(r).cellComponentProps), null, 16, ["value"])) : f.value ? (h(), k("span", {
@@ -607,7 +607,7 @@ const It = (e) => {
         }
       ]);
     }
-    return (i, o) => (h(), k(X, null, [
+    return (i, o) => (h(), k(J, null, [
       W("tr", ae(i.$attrs, {
         ref: "rowEl",
         tabindex: i.tabIndex,
@@ -633,7 +633,7 @@ const It = (e) => {
         }, [
           S(i.$slots, "content")
         ], 8, Dt)
-      ], 8, Tt)) : J("", !0)
+      ], 8, Tt)) : V("", !0)
     ], 64));
   }
 }), Rt = ["tabindex"], He = /* @__PURE__ */ M({
@@ -665,7 +665,7 @@ const It = (e) => {
       tabindex: s.tabIndex,
       class: "table-row"
     }, [
-      S(s.$slots, "index", {}, () => [
+      m(t).config.view !== "uncounted" ? S(s.$slots, "index", { key: 0 }, () => [
         m(t).config.view === "list" ? (h(), k("td", {
           key: 0,
           tabIndex: -1,
@@ -675,8 +675,8 @@ const It = (e) => {
           tabIndex: -1,
           class: N(["tree-index", l.value ? "sticky-index" : ""]),
           onClick: d[0] || (d[0] = (r) => a(s.rowIndex))
-        }, B(o.value), 3)) : J("", !0)
-      ]),
+        }, B(o.value), 3)) : V("", !0)
+      ]) : V("", !0),
       S(s.$slots, "default")
     ], 8, Rt)), [
       [Me, i.value]
@@ -714,7 +714,7 @@ function L(e) {
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 const Be = Ne ? window : void 0;
-function Y(...e) {
+function X(...e) {
   let t, n, l, i;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, i] = e, t = Be) : [t, n, l, i] = e, !t)
     return j;
@@ -752,7 +752,7 @@ function $e(e, t, n = {}) {
       return v && (c.target === v || c.composedPath().includes(v));
     }
   }), u = [
-    Y(l, "click", (c) => {
+    X(l, "click", (c) => {
       const f = L(e);
       if (!(!f || f === c.target || c.composedPath().includes(f))) {
         if (c.detail === 0 && (s = !d(c)), !s) {
@@ -762,11 +762,11 @@ function $e(e, t, n = {}) {
         t(c);
       }
     }, { passive: !0, capture: o }),
-    Y(l, "pointerdown", (c) => {
+    X(l, "pointerdown", (c) => {
       const f = L(e);
       s = !d(c) && !!(f && !c.composedPath().includes(f));
     }, { passive: !0 }),
-    a && Y(l, "blur", (c) => {
+    a && X(l, "blur", (c) => {
       setTimeout(() => {
         var f;
         const v = L(e);
@@ -824,7 +824,7 @@ function Bt(e, t = !1) {
   });
   const o = () => {
     const s = ee(H(e));
-    !s || n.value || (le && (l = Y(
+    !s || n.value || (le && (l = X(
       s,
       "touchmove",
       (d) => {
@@ -944,8 +944,8 @@ const Ft = {
             m(t).config.view === "tree" ? "tree-index" : "",
             m(t).config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
-        }, null, 2)) : J("", !0),
-        (h(!0), k(X, null, oe(i.columns, (a, s) => (h(), k("th", {
+        }, null, 2)) : V("", !0),
+        (h(!0), k(J, null, oe(i.columns, (a, s) => (h(), k("th", {
           key: a.name,
           tabindex: "-1",
           style: P(l(a)),
@@ -956,7 +956,7 @@ const Ft = {
           ])
         ], 6))), 128))
       ])
-    ])) : J("", !0);
+    ])) : V("", !0);
   }
 }), Fe = /* @__PURE__ */ M({
   __name: "ATableModal",
@@ -996,7 +996,7 @@ const Ft = {
         n("update:modelValue", d);
       },
       { deep: !0 }
-    ), F(() => {
+    ), G(() => {
       e.columns.some((d) => d.pinned) && (a(), o.config.view === "tree" && Pe(l, a, { childList: !0, subtree: !0 }));
     });
     const a = () => {
@@ -1037,21 +1037,21 @@ const Ft = {
       ], !0),
       W("tbody", null, [
         S(d.$slots, "body", { data: m(o) }, () => [
-          (h(!0), k(X, null, oe(m(o).rows, (u, p) => (h(), q(He, {
+          (h(!0), k(J, null, oe(m(o).rows, (u, p) => (h(), Y(He, {
             key: u.id,
             row: u,
             rowIndex: p,
             tableid: m(o).id
           }, {
             default: be(() => [
-              (h(!0), k(X, null, oe(m(o).columns, (c, f) => (h(), q(We, {
+              (h(!0), k(J, null, oe(m(o).columns, (c, f) => (h(), Y(We, {
                 key: c.name,
                 tableid: m(o).id,
                 col: c,
                 spellcheck: "false",
                 pinned: c.pinned,
                 rowIndex: p,
-                colIndex: f + (m(o).zeroColumn ? 0 : -1),
+                colIndex: f,
                 component: c.cellComponent,
                 style: P({
                   textAlign: (c == null ? void 0 : c.align) || "center",
@@ -1077,7 +1077,7 @@ const Ft = {
           })
         }, {
           default: be(() => [
-            (h(), q(De(m(o).modal.component), ae({
+            (h(), Y(De(m(o).modal.component), ae({
               key: `${m(o).modal.rowIndex}:${m(o).modal.colIndex}`,
               colIndex: m(o).modal.colIndex,
               rowIndex: m(o).modal.rowIndex,
@@ -1098,7 +1098,7 @@ const Ft = {
   for (const [l, i] of t)
     n[l] = i;
   return n;
-}, Yt = /* @__PURE__ */ qt(Ut, [["__scopeId", "data-v-3b613fb3"]]);
+}, Yt = /* @__PURE__ */ qt(Ut, [["__scopeId", "data-v-5fc77917"]]);
 function Zt(e) {
   e.component("ACell", We), e.component("AExpansionRow", Mt), e.component("ARow", He), e.component("ATable", Yt), e.component("ATableHeader", ze), e.component("ATableModal", Fe);
 }