@layers.digital/layers-design-system-vue3 1.22.0 → 1.22.2

package/dist/chunks/chunk-2059.cjs

@@ -1 +1 @@
-"use strict";const e=require("./chunk-2070.cjs");function s(r,t){var a=r.__data__;return e(t)?a[typeof t=="string"?"string":"hash"]:a.map}module.exports=s;
+"use strict";const a=require("./chunk-2275.cjs"),p=require("./chunk-2279.cjs"),i=require("vue");function f(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!i.isVNode(e)}const y=({columns:e,columnsStyles:n,headerIndex:r,style:u,headerClass:l,headerProps:d,ns:o},{slots:t})=>{const c={columns:e,headerIndex:r},s=[o.e("header-row"),a.tryCall(l,c,""),o.is("customized",!!t.header)];return i.createVNode(p,{...a.tryCall(d,c),columnsStyles:n,class:s,columns:e,headerIndex:r,style:u},f(t)?t:{default:()=>[t]})};module.exports=y;

package/dist/chunks/chunk-2059.js

@@ -1,8 +1,27 @@
-import e from "./chunk-2070.js";
-function n(r, a) {
-  var t = r.__data__;
-  return e(a) ? t[typeof a == "string" ? "string" : "hash"] : t.map;
+import { tryCall as c } from "./chunk-2275.js";
+import l from "./chunk-2279.js";
+import { createVNode as m, isVNode as u } from "vue";
+function b(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !u(e);
 }
+const w = ({ columns: e, columnsStyles: i, headerIndex: t, style: n, headerClass: d, headerProps: f, ns: o }, { slots: r }) => {
+  const a = {
+    columns: e,
+    headerIndex: t
+  }, p = [
+    o.e("header-row"),
+    c(d, a, ""),
+    o.is("customized", !!r.header)
+  ];
+  return m(l, {
+    ...c(f, a),
+    columnsStyles: i,
+    class: p,
+    columns: e,
+    headerIndex: t,
+    style: n
+  }, b(r) ? r : { default: () => [r] });
+};
 export {
-  n as default
+  w as default
 };

package/dist/chunks/chunk-2060.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue");var t=e.defineComponent({inheritAttrs:!1});module.exports=t;
+"use strict";const p=require("./chunk-2044.cjs"),V=require("./chunk-2045.cjs"),c=require("./chunk-2275.cjs"),O=require("./chunk-2280.cjs"),P=require("./chunk-2281.cjs"),l=require("vue"),R=(t,{slots:C})=>{const{column:e,ns:r,t:S,style:m,onColumnSorted:b}=t,d=c.enforceUnit(m);if(e.placeholderSign===V.placeholderSign)return l.createVNode("div",{class:r.em("header-row-cell","placeholder"),style:d},null);const{headerCellRenderer:f,headerClass:k,sortable:a}=e,i={...t,class:r.e("header-cell-text")},u=c.componentToSlot(f),q=u?u(i):l.renderSlot(C,"default",i,()=>[l.createVNode(O,i,null)]),{sortBy:g,sortState:h,headerCellProps:v}=t;let o,s,n;if(h){const y=h[e.key];o=!!p.oppositeOrderMap[y],s=o?y:"asc"}else o=e.key===g.key,s=o?g.order:"asc";s==="asc"?n="ascending":s==="desc"?n="descending":n=void 0;const N=[r.e("header-cell"),c.tryCall(k,t,""),e.align==="center"&&r.is("align-center"),e.align==="right"&&r.is("align-right"),a&&r.is("sortable")];return l.createVNode("div",l.mergeProps({...c.tryCall(v,t),onClick:e.sortable?b:void 0,ariaSort:a?n:void 0,class:N,style:d,"data-key":e.key},{role:"columnheader"}),[q,a&&l.createVNode(P,{class:[r.e("sort-icon"),o&&r.is("sorting")],sortOrder:s,ariaLabel:S("el.table.sortLabel",{column:e.title||""})},null)])};module.exports=R;

package/dist/chunks/chunk-2060.js

@@ -1,7 +1,46 @@
-import { defineComponent as e } from "vue";
-var r = e({
-  inheritAttrs: !1
-});
+import { oppositeOrderMap as P } from "./chunk-2044.js";
+import { placeholderSign as R } from "./chunk-2045.js";
+import { enforceUnit as x, componentToSlot as B, tryCall as h } from "./chunk-2275.js";
+import H from "./chunk-2280.js";
+import L from "./chunk-2281.js";
+import { createVNode as n, renderSlot as w, mergeProps as I } from "vue";
+const j = (r, { slots: u }) => {
+  const { column: e, ns: l, t: y, style: C, onColumnSorted: S } = r, i = x(C);
+  if (e.placeholderSign === R) return n("div", {
+    class: l.em("header-row-cell", "placeholder"),
+    style: i
+  }, null);
+  const { headerCellRenderer: p, headerClass: b, sortable: a } = e, c = {
+    ...r,
+    class: l.e("header-cell-text")
+  }, d = B(p), k = d ? d(c) : w(u, "default", c, () => [n(H, c, null)]), { sortBy: m, sortState: f, headerCellProps: v } = r;
+  let o, t, s;
+  if (f) {
+    const g = f[e.key];
+    o = !!P[g], t = o ? g : "asc";
+  } else
+    o = e.key === m.key, t = o ? m.order : "asc";
+  t === "asc" ? s = "ascending" : t === "desc" ? s = "descending" : s = void 0;
+  const O = [
+    l.e("header-cell"),
+    h(b, r, ""),
+    e.align === "center" && l.is("align-center"),
+    e.align === "right" && l.is("align-right"),
+    a && l.is("sortable")
+  ];
+  return n("div", I({
+    ...h(v, r),
+    onClick: e.sortable ? S : void 0,
+    ariaSort: a ? s : void 0,
+    class: O,
+    style: i,
+    "data-key": e.key
+  }, { role: "columnheader" }), [k, a && n(L, {
+    class: [l.e("sort-icon"), o && l.is("sorting")],
+    sortOrder: t,
+    ariaLabel: y("el.table.sortLabel", { column: e.title || "" })
+  }, null)]);
+};
 export {
-  r as default
+  j as default
 };

package/dist/chunks/chunk-2061.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue");var t=e.defineComponent({name:"ElCollectionItem",inheritAttrs:!1});module.exports=t;
+"use strict";const l=require("vue"),t=(e,{slots:s})=>l.createVNode("div",{class:e.class,style:e.style},[s.default?.()]);t.displayName="ElTableV2Footer";module.exports=t;

package/dist/chunks/chunk-2061.js

@@ -1,8 +1,9 @@
-import { defineComponent as e } from "vue";
-var n = e({
-  name: "ElCollectionItem",
-  inheritAttrs: !1
-});
+import { createVNode as a } from "vue";
+const l = (e, { slots: t }) => a("div", {
+  class: e.class,
+  style: e.style
+}, [t.default?.()]);
+l.displayName = "ElTableV2Footer";
 export {
-  n as default
+  l as default
 };

package/dist/chunks/chunk-2062.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),w=require("./chunk-1684.cjs"),E=require("./chunk-1873.cjs"),S=require("./chunk-1872.cjs"),a=require("./chunk-2076.cjs"),f=require("./chunk-1713.cjs"),T="currentTabIdChange",b="rovingFocusGroup.entryFocus",B={bubbles:!1,cancelable:!0};var U=e.defineComponent({name:"ElRovingFocusGroupImpl",inheritAttrs:!1,props:E.rovingFocusGroupProps,emits:[T,"entryFocus"],setup(t,{emit:v}){var I;const i=e.ref((I=t.currentTabId||t.defaultCurrentTabId)!=null?I:null),u=e.ref(!1),l=e.ref(!1),F=e.ref(),{getItems:_}=e.inject(E.ROVING_FOCUS_COLLECTION_INJECTION_KEY,void 0),g=e.computed(()=>[{outline:"none"},t.style]),C=n=>{v(T,n)},O=()=>{u.value=!0},R=f.composeEventHandlers(n=>{var o;(o=t.onMousedown)==null||o.call(t,n)},()=>{l.value=!0}),y=f.composeEventHandlers(n=>{var o;(o=t.onFocus)==null||o.call(t,n)},n=>{const o=!e.unref(l),{target:m,currentTarget:r}=n;if(m===r&&o&&!e.unref(u)){const s=new Event(b,B);if(r?.dispatchEvent(s),!s.defaultPrevented){const d=_().filter(c=>c.focusable),x=d.find(c=>c.active),k=d.find(c=>c.id===e.unref(i)),q=[x,k,...d].filter(Boolean).map(c=>c.ref);a.focusFirst(q)}}l.value=!1}),N=f.composeEventHandlers(n=>{var o;(o=t.onBlur)==null||o.call(t,n)},()=>{u.value=!1}),G=(...n)=>{v("entryFocus",...n)},h=n=>{const o=a.getFocusIntent(n);if(o){n.preventDefault();let r=_().filter(s=>s.focusable).map(s=>s.ref);switch(o){case"last":{r.reverse();break}case"prev":case"next":{o==="prev"&&r.reverse();const s=r.indexOf(n.currentTarget);r=t.loop?a.reorderArray(r,s+1):r.slice(s+1);break}}e.nextTick(()=>{a.focusFirst(r)})}};e.provide(S.ROVING_FOCUS_GROUP_INJECTION_KEY,{currentTabbedId:e.readonly(i),loop:e.toRef(t,"loop"),tabIndex:e.computed(()=>e.unref(u)?-1:0),rovingFocusGroupRef:F,rovingFocusGroupRootStyle:g,orientation:e.toRef(t,"orientation"),dir:e.toRef(t,"dir"),onItemFocus:C,onItemShiftTab:O,onBlur:N,onFocus:y,onMousedown:R,onKeydown:h}),e.watch(()=>t.currentTabId,n=>{i.value=n??null}),w.useEventListener(F,b,G)}});module.exports=U;
+"use strict";const o=require("./chunk-1960.cjs"),e=require("vue"),l=(t,{slots:s})=>{const r=e.renderSlot(s,"default",{},()=>[e.createVNode(o.ElEmpty,null,null)]);return e.createVNode("div",{class:t.class,style:t.style},[r])};l.displayName="ElTableV2Empty";module.exports=l;

package/dist/chunks/chunk-2062.js

@@ -1,114 +1,13 @@
-import { defineComponent as K, ref as a, inject as L, computed as F, unref as u, provide as U, toRef as f, readonly as V, watch as p, nextTick as A } from "vue";
-import { useEventListener as P } from "./chunk-1684.js";
-import { rovingFocusGroupProps as Y, ROVING_FOCUS_COLLECTION_INJECTION_KEY as J } from "./chunk-1873.js";
-import { ROVING_FOCUS_GROUP_INJECTION_KEY as D } from "./chunk-1872.js";
-import { focusFirst as b, getFocusIntent as H, reorderArray as M } from "./chunk-2076.js";
-import { composeEventHandlers as v } from "./chunk-1713.js";
-const C = "currentTabIdChange", O = "rovingFocusGroup.entryFocus", j = { bubbles: !1, cancelable: !0 };
-var ee = K({
-  name: "ElRovingFocusGroupImpl",
-  inheritAttrs: !1,
-  props: Y,
-  emits: [C, "entryFocus"],
-  setup(t, { emit: m }) {
-    var I;
-    const l = a(
-      (I = t.currentTabId || t.defaultCurrentTabId) != null ? I : null
-    ), s = a(!1), i = a(!1), _ = a(), { getItems: T } = L(
-      J,
-      void 0
-    ), N = F(() => [
-      {
-        outline: "none"
-      },
-      t.style
-    ]), g = (e) => {
-      m(C, e);
-    }, y = () => {
-      s.value = !0;
-    }, R = v(
-      (e) => {
-        var n;
-        (n = t.onMousedown) == null || n.call(t, e);
-      },
-      () => {
-        i.value = !0;
-      }
-    ), G = v(
-      (e) => {
-        var n;
-        (n = t.onFocus) == null || n.call(t, e);
-      },
-      (e) => {
-        const n = !u(i), { target: E, currentTarget: o } = e;
-        if (E === o && n && !u(s)) {
-          const r = new Event(O, j);
-          if (o?.dispatchEvent(r), !r.defaultPrevented) {
-            const d = T().filter((c) => c.focusable), S = d.find((c) => c.active), k = d.find(
-              (c) => c.id === u(l)
-            ), B = [S, k, ...d].filter(
-              Boolean
-            ).map((c) => c.ref);
-            b(B);
-          }
-        }
-        i.value = !1;
-      }
-    ), h = v(
-      (e) => {
-        var n;
-        (n = t.onBlur) == null || n.call(t, e);
-      },
-      () => {
-        s.value = !1;
-      }
-    ), w = (...e) => {
-      m("entryFocus", ...e);
-    }, x = (e) => {
-      const n = H(e);
-      if (n) {
-        e.preventDefault();
-        let o = T().filter((r) => r.focusable).map((r) => r.ref);
-        switch (n) {
-          case "last": {
-            o.reverse();
-            break;
-          }
-          case "prev":
-          case "next": {
-            n === "prev" && o.reverse();
-            const r = o.indexOf(e.currentTarget);
-            o = t.loop ? M(o, r + 1) : o.slice(r + 1);
-            break;
-          }
-        }
-        A(() => {
-          b(o);
-        });
-      }
-    };
-    U(D, {
-      currentTabbedId: V(l),
-      loop: f(t, "loop"),
-      tabIndex: F(() => u(s) ? -1 : 0),
-      rovingFocusGroupRef: _,
-      rovingFocusGroupRootStyle: N,
-      orientation: f(t, "orientation"),
-      dir: f(t, "dir"),
-      onItemFocus: g,
-      onItemShiftTab: y,
-      onBlur: h,
-      onFocus: G,
-      onMousedown: R,
-      onKeydown: x
-    }), p(
-      () => t.currentTabId,
-      (e) => {
-        l.value = e ?? null;
-      }
-    ), P(_, O, w);
-  }
-});
+import { ElEmpty as a } from "./chunk-1960.js";
+import { renderSlot as r, createVNode as t } from "vue";
+const s = (l, { slots: e }) => {
+  const o = r(e, "default", {}, () => [t(a, null, null)]);
+  return t("div", {
+    class: l.class,
+    style: l.style
+  }, [o]);
+};
+s.displayName = "ElTableV2Empty";
 export {
-  ee as default
+  s as default
 };

package/dist/chunks/chunk-2063.cjs

@@ -1 +1 @@
-"use strict";function u(e,n){return e?.[n]}module.exports=u;
+"use strict";const t=require("vue"),s=(e,{slots:l})=>t.createVNode("div",{class:e.class,style:e.style},[l.default?.()]);s.displayName="ElTableV2Overlay";module.exports=s;

package/dist/chunks/chunk-2063.js

@@ -1,6 +1,9 @@
-function u(e, n) {
-  return e?.[n];
-}
+import { createVNode as l } from "vue";
+const t = (e, { slots: a }) => l("div", {
+  class: e.class,
+  style: e.style
+}, [a.default?.()]);
+t.displayName = "ElTableV2Overlay";
 export {
-  u as default
+  t as default
 };

package/dist/chunks/chunk-2064.cjs

@@ -1 +1 @@
-"use strict";function t(){this.__data__=[],this.size=0}module.exports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunk-1704.cjs"),o=e.buildProps({disableWidth:Boolean,disableHeight:Boolean,onResize:{type:e.definePropType(Function)}});exports.autoResizerProps=o;

package/dist/chunks/chunk-2064.js

@@ -1,6 +1,9 @@
-function t() {
-  this.__data__ = [], this.size = 0;
-}
+import { buildProps as e, definePropType as o } from "./chunk-1704.js";
+const t = e({
+  disableWidth: Boolean,
+  disableHeight: Boolean,
+  onResize: { type: o(Function) }
+});
 export {
-  t as default
+  t as autoResizerProps
 };

package/dist/chunks/chunk-2065.cjs

@@ -1 +1 @@
-"use strict";const s=require("./chunk-2077.cjs");var i=Array.prototype,l=i.splice;function n(t){var e=this.__data__,r=s(e,t);if(r<0)return!1;var a=e.length-1;return r==a?e.pop():l.call(e,r,1),--this.size,!0}module.exports=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunk-1748.cjs"),t=require("./chunk-2051.cjs"),l=require("./chunk-2066.cjs");e.withInstall(t);e.withInstall(l);exports.TableV2=t;

package/dist/chunks/chunk-2065.js

@@ -1,12 +1,8 @@
-import s from "./chunk-2077.js";
-var i = Array.prototype, l = i.splice;
-function n(r) {
-  var e = this.__data__, a = s(e, r);
-  if (a < 0)
-    return !1;
-  var t = e.length - 1;
-  return a == t ? e.pop() : l.call(e, a, 1), --this.size, !0;
-}
+import { withInstall as o } from "./chunk-1748.js";
+import r from "./chunk-2051.js";
+import t from "./chunk-2066.js";
+o(r);
+o(t);
 export {
-  n as default
+  r as TableV2
 };

package/dist/chunks/chunk-2066.cjs

@@ -1 +1 @@
-"use strict";const s=require("./chunk-2077.cjs");function a(n){var e=this.__data__,t=s(e,n);return t<0?void 0:e[t][1]}module.exports=a;
+"use strict";const c=require("./chunk-1717.cjs"),a=require("./chunk-2282.cjs"),h=require("./chunk-2064.cjs"),e=require("vue"),d=e.defineComponent({name:"ElAutoResizer",props:h.autoResizerProps,setup(t,{slots:s}){const r=c.useNamespace("auto-resizer"),{height:i,width:o,sizer:u}=a.useAutoResize(t),n={width:"100%",height:"100%"};return()=>e.createVNode("div",{ref:u,class:r.b(),style:n},[s.default?.({height:i.value,width:o.value})])}});module.exports=d;

package/dist/chunks/chunk-2066.js

@@ -1,8 +1,25 @@
-import d from "./chunk-2077.js";
-function i(e) {
-  var t = this.__data__, a = d(t, e);
-  return a < 0 ? void 0 : t[a][1];
-}
+import { useNamespace as a } from "./chunk-1717.js";
+import { useAutoResize as m } from "./chunk-2282.js";
+import { autoResizerProps as n } from "./chunk-2064.js";
+import { defineComponent as p, createVNode as h } from "vue";
+const z = /* @__PURE__ */ p({
+  name: "ElAutoResizer",
+  props: n,
+  setup(e, { slots: t }) {
+    const o = a("auto-resizer"), { height: r, width: s, sizer: i } = m(e), u = {
+      width: "100%",
+      height: "100%"
+    };
+    return () => h("div", {
+      ref: i,
+      class: o.b(),
+      style: u
+    }, [t.default?.({
+      height: r.value,
+      width: s.value
+    })]);
+  }
+});
 export {
-  i as default
+  z as default
 };

package/dist/chunks/chunk-2067.cjs

@@ -1 +1 @@
-"use strict";const t=require("./chunk-2077.cjs");function e(s){return t(this.__data__,s)>-1}module.exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=Symbol("tabsRootContextKey");exports.tabsRootContextKey=t;

package/dist/chunks/chunk-2067.js

@@ -1,7 +1,4 @@
-import a from "./chunk-2077.js";
-function e(t) {
-  return a(this.__data__, t) > -1;
-}
+const t = Symbol("tabsRootContextKey");
 export {
-  e as default
+  t as tabsRootContextKey
 };

package/dist/chunks/chunk-2068.cjs

@@ -1 +1 @@
-"use strict";const r=require("./chunk-2077.cjs");function a(t,e){var s=this.__data__,i=r(s,t);return i<0?(++this.size,s.push([t,e])):s[i][1]=e,this}module.exports=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunk-1704.cjs"),t=require("./chunk-1785.cjs"),r=e.buildProps({tabs:{type:e.definePropType(Array),default:()=>t.mutable([])},tabRefs:{type:e.definePropType(Object),default:()=>t.mutable({})}});exports.tabBarProps=r;

package/dist/chunks/chunk-2068.js

@@ -1,8 +1,15 @@
-import e from "./chunk-2077.js";
-function d(s, i) {
-  var t = this.__data__, a = e(t, s);
-  return a < 0 ? (++this.size, t.push([s, i])) : t[a][1] = i, this;
-}
+import { buildProps as r, definePropType as t } from "./chunk-1704.js";
+import { mutable as e } from "./chunk-1785.js";
+const a = r({
+  tabs: {
+    type: t(Array),
+    default: () => e([])
+  },
+  tabRefs: {
+    type: t(Object),
+    default: () => e({})
+  }
+});
 export {
-  d as default
+  a as tabBarProps
 };

package/dist/chunks/chunk-2069.cjs

@@ -1 +1 @@
-"use strict";const r=require("./chunk-1915.cjs");var t=r.Uint8Array;module.exports=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("./chunk-1697.cjs"),G=require("./chunk-1731.cjs"),H=require("./chunk-2070.cjs"),fe=require("./chunk-1706.cjs"),K=require("./chunk-1704.cjs"),be=require("./chunk-1785.cjs"),$=require("./chunk-2071.cjs"),he=require("./chunk-1717.cjs"),A=require("./chunk-1754.cjs"),ge=require("./chunk-2072.cjs"),me=require("./chunk-2067.cjs"),pe=require("./chunk-2073.cjs"),Ne=require("./chunk-2074.cjs"),x=require("./chunk-1709.cjs"),M=require("./chunk-1786.cjs"),e=require("vue"),Te=require("./chunk-1713.cjs"),U=K.buildProps({panes:{type:K.definePropType(Array),default:()=>be.mutable([])},currentName:{type:[String,Number],default:""},editable:Boolean,type:{type:String,values:["card","border-card",""],default:""},stretch:Boolean,tabindex:{type:[String,Number],default:void 0}}),X={tabClick:(r,R,C)=>C instanceof Event,tabRemove:(r,R)=>R instanceof Event},j="ElTabNav",Ee=e.defineComponent({name:j,props:U,emits:X,setup(r,{expose:R,emit:C}){const b=e.inject(me.tabsRootContextKey);b||fe.throwError(j,"<el-tabs><tab-nav /></el-tabs>");const o=he.useNamespace("tabs"),Y=x.useDocumentVisibility(),J=x.useWindowFocus(),u=e.ref(),d=e.ref(),y=e.ref(),w=e.ref({}),V=e.ref(),i=e.ref(!1),c=e.ref(0),q=e.ref(!1),S=e.ref(!0),O=e.ref(!1),_=e.shallowRef(),h=e.computed(()=>["top","bottom"].includes(b.props.tabPosition)),p=e.computed(()=>h.value?"width":"height"),Q=e.computed(()=>{const t=p.value==="width"?"X":"Y";return{transition:O.value||le.value?"none":void 0,transform:`translate${t}(-${c.value}px)`}}),{width:Z,height:ee}=x.useElementSize(u),{width:te,height:ae}=x.useElementSize(d,{width:0,height:0},{box:"border-box"}),B=e.computed(()=>h.value?Z.value:ee.value),k=e.computed(()=>h.value?te.value:ae.value),{onWheel:ne}=ge({atStartEdge:e.computed(()=>c.value<=0),atEndEdge:e.computed(()=>k.value-c.value<=B.value),layout:e.computed(()=>h.value?"horizontal":"vertical")},t=>{c.value=Te(c.value+t,0,k.value-B.value)}),oe=t=>{O.value=!0,ne(t),H.rAF(()=>{O.value=!1})},{isTouchScrolling:le,handleTouchStart:se,handleTouchMove:ce,handleTouchEnd:W}=Ne.useTabNavTouch({scrollable:i,navOffset:c,navSize:k,navContainerSize:B,isHorizontal:h}),re=()=>{if(!u.value)return;const t=u.value.getBoundingClientRect()[p.value],n=c.value;n&&(c.value=n>t?n-t:0)},ie=()=>{if(!u.value||!d.value)return;const t=d.value.getBoundingClientRect()[p.value],n=u.value.getBoundingClientRect()[p.value],a=c.value;$.isGreaterThan(t-a,n)&&(c.value=t-a>n*2?a+n:t-n)},D=async()=>{const t=d.value;if(!i.value||!y.value||!u.value||!t)return;await e.nextTick();const n=w.value[r.currentName];if(!n)return;const a=u.value,l=n.getBoundingClientRect(),s=a.getBoundingClientRect(),N=s.left+1,g=s.right-1,T=t.getBoundingClientRect(),P=h.value?T.width-s.width:T.height-s.height,m=c.value;let v=m;h.value?(l.left<N&&(v=m-(N-l.left)),l.right>g&&(v=m+l.right-g)):(l.top<s.top&&(v=m-(s.top-l.top)),l.bottom>s.bottom&&(v=m+(l.bottom-s.bottom))),v=Math.max(v,0),c.value=Math.min(v,P)},F=()=>{if(!d.value||!u.value)return;r.stretch&&V.value?.update();const t=d.value.getBoundingClientRect()[p.value],n=u.value.getBoundingClientRect()[p.value],a=c.value;n<t?(i.value=i.value||{},i.value.prev=a,i.value.next=$.isGreaterThan(t,a+n),$.isGreaterThan(n,t-a)&&(c.value=t-n)):(i.value=!1,a>0&&(c.value=0))},ue=t=>{const n=G.getEventCode(t);let a=0;switch(n){case E.EVENT_CODE.left:case E.EVENT_CODE.up:a=-1;break;case E.EVENT_CODE.right:case E.EVENT_CODE.down:a=1;break;default:return}const l=Array.from(t.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)"));let s=l.indexOf(t.target)+a;s<0?s=l.length-1:s>=l.length&&(s=0),l[s].focus({preventScroll:!0}),l[s].click(),L()},L=()=>{S.value&&(q.value=!0)},z=()=>q.value=!1,ve=(t,n)=>{w.value[n]=t},de=async()=>{await e.nextTick(),w.value[r.currentName]?.focus({preventScroll:!0})};return e.watch(Y,t=>{t==="hidden"?S.value=!1:t==="visible"&&setTimeout(()=>S.value=!0,50)}),e.watch(J,t=>{t?setTimeout(()=>S.value=!0,50):S.value=!1}),x.useResizeObserver(y,()=>{H.rAF(F)}),e.onMounted(()=>setTimeout(()=>D(),0)),e.onUpdated(()=>F()),R({scrollToActiveTab:D,removeFocus:z,focusActiveTab:de,tabListRef:d,tabBarRef:V,scheduleRender:()=>e.triggerRef(_)}),()=>{const t=i.value?[e.createVNode("span",{class:[o.e("nav-prev"),o.is("disabled",!i.value.prev)],onClick:re},[e.createVNode(A.ElIcon,null,{default:()=>[e.createVNode(M.ArrowLeft,null,null)]})]),e.createVNode("span",{class:[o.e("nav-next"),o.is("disabled",!i.value.next)],onClick:ie},[e.createVNode(A.ElIcon,null,{default:()=>[e.createVNode(M.ArrowRight,null,null)]})])]:null,n=r.panes.map((a,l)=>{const s=a.uid,N=a.props.disabled,g=a.props.name??a.index??`${l}`,T=!N&&(a.isClosable||a.props.closable!==!1&&r.editable);a.index=`${l}`;const P=T?e.createVNode(A.ElIcon,{class:"is-icon-close",onClick:f=>C("tabRemove",a,f)},{default:()=>[e.createVNode(M.Close,null,null)]}):null,m=a.slots.label?.()||a.props.label,v=!N&&a.active?r.tabindex??b.props.tabindex:-1;return e.createVNode("div",{ref:f=>ve(f,g),class:[o.e("item"),o.is(b.props.tabPosition),o.is("active",a.active),o.is("disabled",N),o.is("closable",T),o.is("focus",q.value)],id:`tab-${g}`,key:`tab-${s}`,"aria-controls":`pane-${g}`,role:"tab","aria-selected":a.active,tabindex:v,onFocus:()=>L(),onBlur:()=>z(),onClick:f=>{z(),C("tabClick",a,g,f)},onKeydown:f=>{const I=G.getEventCode(f);T&&(I===E.EVENT_CODE.delete||I===E.EVENT_CODE.backspace)&&C("tabRemove",a,f)}},[m,P])});return _.value,e.createVNode("div",{ref:y,class:[o.e("nav-wrap"),o.is("scrollable",!!i.value),o.is(b.props.tabPosition)]},[t,e.createVNode("div",{class:o.e("nav-scroll"),ref:u},[r.panes.length>0?e.createVNode("div",{class:[o.e("nav"),o.is(b.props.tabPosition),o.is("stretch",r.stretch&&["top","bottom"].includes(b.props.tabPosition))],ref:d,style:Q.value,role:"tablist",onKeydown:ue,onWheel:oe,onTouchstart:se,onTouchmove:ce,onTouchend:W,onTouchcancel:W},[r.type?null:e.createVNode(pe,{ref:V,tabs:[...r.panes],tabRefs:w.value},null),n]):null])])}}});exports.default=Ee;exports.tabNavEmits=X;exports.tabNavProps=U;

package/dist/chunks/chunk-2069.js

@@ -1,5 +1,218 @@
-import r from "./chunk-1915.js";
-var a = r.Uint8Array;
+import { EVENT_CODE as R } from "./chunk-1697.js";
+import { getEventCode as I } from "./chunk-1731.js";
+import { rAF as j } from "./chunk-2070.js";
+import { throwError as de } from "./chunk-1706.js";
+import { buildProps as be, definePropType as me } from "./chunk-1704.js";
+import { mutable as he } from "./chunk-1785.js";
+import { isGreaterThan as W } from "./chunk-2071.js";
+import { useNamespace as pe } from "./chunk-1717.js";
+import { ElIcon as M } from "./chunk-1754.js";
+import ge from "./chunk-2072.js";
+import { tabsRootContextKey as Te } from "./chunk-2067.js";
+import Ce from "./chunk-2073.js";
+import { useTabNavTouch as Se } from "./chunk-2074.js";
+import { useElementSize as q, useResizeObserver as we, useDocumentVisibility as Re, useWindowFocus as xe } from "./chunk-1709.js";
+import { ArrowLeft as ye, ArrowRight as Ne, Close as Ee } from "./chunk-1786.js";
+import { defineComponent as Be, inject as ke, ref as v, shallowRef as ze, computed as m, watch as G, onMounted as Oe, onUpdated as Pe, triggerRef as $e, createVNode as i, nextTick as U } from "vue";
+import Ae from "./chunk-1713.js";
+const _e = be({
+  panes: {
+    type: me(Array),
+    default: () => he([])
+  },
+  currentName: {
+    type: [String, Number],
+    default: ""
+  },
+  editable: Boolean,
+  type: {
+    type: String,
+    values: [
+      "card",
+      "border-card",
+      ""
+    ],
+    default: ""
+  },
+  stretch: Boolean,
+  /**
+  * @description tab-nav tabindex
+  */
+  tabindex: {
+    type: [String, Number],
+    default: void 0
+  }
+}), We = {
+  tabClick: (r, N, x) => x instanceof Event,
+  tabRemove: (r, N) => N instanceof Event
+}, X = "ElTabNav", et = /* @__PURE__ */ Be({
+  name: X,
+  props: _e,
+  emits: We,
+  setup(r, { expose: N, emit: x }) {
+    const h = ke(Te);
+    h || de(X, "<el-tabs><tab-nav /></el-tabs>");
+    const o = pe("tabs"), Y = Re(), J = xe(), u = v(), d = v(), B = v(), E = v({}), k = v(), c = v(!1), s = v(0), z = v(!1), y = v(!0), O = v(!1), F = ze(), p = m(() => ["top", "bottom"].includes(h.props.tabPosition)), C = m(() => p.value ? "width" : "height"), Q = m(() => {
+      const e = C.value === "width" ? "X" : "Y";
+      return {
+        transition: O.value || ne.value ? "none" : void 0,
+        transform: `translate${e}(-${s.value}px)`
+      };
+    }), { width: Z, height: ee } = q(u), { width: te, height: ae } = q(d, {
+      width: 0,
+      height: 0
+    }, { box: "border-box" }), P = m(() => p.value ? Z.value : ee.value), $ = m(() => p.value ? te.value : ae.value), { onWheel: oe } = ge({
+      atStartEdge: m(() => s.value <= 0),
+      atEndEdge: m(() => $.value - s.value <= P.value),
+      layout: m(() => p.value ? "horizontal" : "vertical")
+    }, (e) => {
+      s.value = Ae(s.value + e, 0, $.value - P.value);
+    }), le = (e) => {
+      O.value = !0, oe(e), j(() => {
+        O.value = !1;
+      });
+    }, { isTouchScrolling: ne, handleTouchStart: se, handleTouchMove: ie, handleTouchEnd: L } = Se({
+      scrollable: c,
+      navOffset: s,
+      navSize: $,
+      navContainerSize: P,
+      isHorizontal: p
+    }), re = () => {
+      if (!u.value) return;
+      const e = u.value.getBoundingClientRect()[C.value], a = s.value;
+      a && (s.value = a > e ? a - e : 0);
+    }, ce = () => {
+      if (!u.value || !d.value) return;
+      const e = d.value.getBoundingClientRect()[C.value], a = u.value.getBoundingClientRect()[C.value], t = s.value;
+      W(e - t, a) && (s.value = e - t > a * 2 ? t + a : e - a);
+    }, H = async () => {
+      const e = d.value;
+      if (!c.value || !B.value || !u.value || !e) return;
+      await U();
+      const a = E.value[r.currentName];
+      if (!a) return;
+      const t = u.value, l = a.getBoundingClientRect(), n = t.getBoundingClientRect(), S = n.left + 1, g = n.right - 1, w = e.getBoundingClientRect(), _ = p.value ? w.width - n.width : w.height - n.height, T = s.value;
+      let f = T;
+      p.value ? (l.left < S && (f = T - (S - l.left)), l.right > g && (f = T + l.right - g)) : (l.top < n.top && (f = T - (n.top - l.top)), l.bottom > n.bottom && (f = T + (l.bottom - n.bottom))), f = Math.max(f, 0), s.value = Math.min(f, _);
+    }, K = () => {
+      if (!d.value || !u.value) return;
+      r.stretch && k.value?.update();
+      const e = d.value.getBoundingClientRect()[C.value], a = u.value.getBoundingClientRect()[C.value], t = s.value;
+      a < e ? (c.value = c.value || {}, c.value.prev = t, c.value.next = W(e, t + a), W(a, e - t) && (s.value = e - a)) : (c.value = !1, t > 0 && (s.value = 0));
+    }, ue = (e) => {
+      const a = I(e);
+      let t = 0;
+      switch (a) {
+        case R.left:
+        case R.up:
+          t = -1;
+          break;
+        case R.right:
+        case R.down:
+          t = 1;
+          break;
+        default:
+          return;
+      }
+      const l = Array.from(e.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)"));
+      let n = l.indexOf(e.target) + t;
+      n < 0 ? n = l.length - 1 : n >= l.length && (n = 0), l[n].focus({ preventScroll: !0 }), l[n].click(), V();
+    }, V = () => {
+      y.value && (z.value = !0);
+    }, A = () => z.value = !1, ve = (e, a) => {
+      E.value[a] = e;
+    }, fe = async () => {
+      await U(), E.value[r.currentName]?.focus({ preventScroll: !0 });
+    };
+    return G(Y, (e) => {
+      e === "hidden" ? y.value = !1 : e === "visible" && setTimeout(() => y.value = !0, 50);
+    }), G(J, (e) => {
+      e ? setTimeout(() => y.value = !0, 50) : y.value = !1;
+    }), we(B, () => {
+      j(K);
+    }), Oe(() => setTimeout(() => H(), 0)), Pe(() => K()), N({
+      scrollToActiveTab: H,
+      removeFocus: A,
+      focusActiveTab: fe,
+      tabListRef: d,
+      tabBarRef: k,
+      scheduleRender: () => $e(F)
+    }), () => {
+      const e = c.value ? [i("span", {
+        class: [o.e("nav-prev"), o.is("disabled", !c.value.prev)],
+        onClick: re
+      }, [i(M, null, { default: () => [i(ye, null, null)] })]), i("span", {
+        class: [o.e("nav-next"), o.is("disabled", !c.value.next)],
+        onClick: ce
+      }, [i(M, null, { default: () => [i(Ne, null, null)] })])] : null, a = r.panes.map((t, l) => {
+        const n = t.uid, S = t.props.disabled, g = t.props.name ?? t.index ?? `${l}`, w = !S && (t.isClosable || t.props.closable !== !1 && r.editable);
+        t.index = `${l}`;
+        const _ = w ? i(M, {
+          class: "is-icon-close",
+          onClick: (b) => x("tabRemove", t, b)
+        }, { default: () => [i(Ee, null, null)] }) : null, T = t.slots.label?.() || t.props.label, f = !S && t.active ? r.tabindex ?? h.props.tabindex : -1;
+        return i("div", {
+          ref: (b) => ve(b, g),
+          class: [
+            o.e("item"),
+            o.is(h.props.tabPosition),
+            o.is("active", t.active),
+            o.is("disabled", S),
+            o.is("closable", w),
+            o.is("focus", z.value)
+          ],
+          id: `tab-${g}`,
+          key: `tab-${n}`,
+          "aria-controls": `pane-${g}`,
+          role: "tab",
+          "aria-selected": t.active,
+          tabindex: f,
+          onFocus: () => V(),
+          onBlur: () => A(),
+          onClick: (b) => {
+            A(), x("tabClick", t, g, b);
+          },
+          onKeydown: (b) => {
+            const D = I(b);
+            w && (D === R.delete || D === R.backspace) && x("tabRemove", t, b);
+          }
+        }, [T, _]);
+      });
+      return F.value, i("div", {
+        ref: B,
+        class: [
+          o.e("nav-wrap"),
+          o.is("scrollable", !!c.value),
+          o.is(h.props.tabPosition)
+        ]
+      }, [e, i("div", {
+        class: o.e("nav-scroll"),
+        ref: u
+      }, [r.panes.length > 0 ? i("div", {
+        class: [
+          o.e("nav"),
+          o.is(h.props.tabPosition),
+          o.is("stretch", r.stretch && ["top", "bottom"].includes(h.props.tabPosition))
+        ],
+        ref: d,
+        style: Q.value,
+        role: "tablist",
+        onKeydown: ue,
+        onWheel: le,
+        onTouchstart: se,
+        onTouchmove: ie,
+        onTouchend: L,
+        onTouchcancel: L
+      }, [r.type ? null : i(Ce, {
+        ref: k,
+        tabs: [...r.panes],
+        tabRefs: E.value
+      }, null), a]) : null])]);
+    };
+  }
+});
 export {
-  a as default
+  et as default,
+  We as tabNavEmits,
+  _e as tabNavProps
 };

package/dist/chunks/chunk-2070.cjs

@@ -1 +1 @@
-"use strict";function r(o){var t=typeof o;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?o!=="__proto__":o===null}module.exports=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./chunk-1722.cjs"),t=e=>i.isClient?window.requestAnimationFrame(e):setTimeout(e,16),n=e=>i.isClient?window.cancelAnimationFrame(e):clearTimeout(e);exports.cAF=n;exports.rAF=t;