@pantograph/vue 0.28.1 → 0.28.3

package/dist/{Tree.vue_vue_type_style_index_0_lang-BFHerbO8.js → Tree.vue_vue_type_style_index_0_lang-ggX1GLbZ.js}

@@ -1,35 +1,35 @@
-import { defineComponent as ke, useAttrs as He, useSlots as Pe, computed as v, createBlock as Ve, openBlock as Ie, h as P, unref as ae, createElementBlock as Je, Fragment as Qe, createVNode as Xe, createElementVNode as Ye, normalizeClass as Ze, ref as oe, watch as pe, nextTick as et, onMounted as tt, onBeforeUnmount as rt, shallowRef as at, render as lt } from "vue";
-import { generateVariantClassList as J, getBemElement as M, normCls as Ae, getBemBlock as ot, createOptionGetterFunc as D, getBemModifier as nt, usePCId as st } from "@pantograph/utils";
-import { createContext as it, RovingFocusItem as ct, RovingFocusGroup as dt } from "reka-ui";
-import { cva as Le } from "class-variance-authority";
-import { isString as ut, uniq as _e, flattenDeep as gt, last as fe, cloneDeep as Ee, isEqual as Te, omit as pt, isFunction as Re } from "es-toolkit";
-import ft from "@pantograph/sortable";
-import { getComponentOptions as Oe, isEmptyElement as $e, sortPlaceholderVariantsClass as ht, useFormInput as yt, useVirtualScroll as vt, sortPlaceholderCls as mt } from "@pantograph/utils-vue";
-import { _ as Fe } from "./IndentLevel.vue_vue_type_style_index_0_lang-BDFJAmdt.js";
-import { _ as bt } from "./Icon.vue_vue_type_style_index_0_lang-DPe3mUfh.js";
-import { _ as _t } from "./Checkbox.vue_vue_type_style_index_0_lang-DoCCVxxa.js";
-import { u as kt } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
-import { _ as It } from "./ScrollContainer.vue_vue_type_style_index_0_lang-uN8OhXm4.js";
+import { defineComponent as ke, useAttrs as He, useSlots as ze, computed as v, createBlock as Ve, openBlock as Ie, h as z, unref as ae, createElementBlock as Je, Fragment as Qe, createVNode as Xe, createElementVNode as Ye, normalizeClass as Ze, ref as ne, watch as pe, nextTick as et, onMounted as tt, onBeforeUnmount as rt, shallowRef as at, render as lt } from "vue";
+import { getComponentOptions as Ae, generateVariantClassList as J, getBemElement as M, normCls as Le, sortPlaceholderVariantsClass as nt, getBemBlock as ot, createOptionGetterFunc as D, getBemModifier as st, usePCId as it, sortPlaceholderCls as ct } from "@pantograph/utils";
+import { createContext as dt, RovingFocusItem as ut, RovingFocusGroup as gt } from "reka-ui";
+import { cva as Ee } from "class-variance-authority";
+import { isString as pt, uniq as _e, flattenDeep as ft, last as fe, cloneDeep as Oe, isEqual as Te, omit as ht, isFunction as Re } from "es-toolkit";
+import yt from "@pantograph/sortable";
+import { isEmptyElement as $e, useFormInput as vt, useVirtualScroll as mt } from "@pantograph/utils-vue";
+import { _ as Fe } from "./IndentLevel.vue_vue_type_style_index_0_lang-_23e7RtC.js";
+import { _ as bt } from "./Icon.vue_vue_type_style_index_0_lang-BYKu480i.js";
+import { _ as _t } from "./Checkbox.vue_vue_type_style_index_0_lang-Ba_orjJG.js";
+import { u as kt } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-xlsy0YwQ.js";
+import { _ as It } from "./ScrollContainer.vue_vue_type_style_index_0_lang-DJCCcXMQ.js";
 import { i as St } from "./isArray-QlWcxgml.js";
 import { s as Ne } from "./index-ZfMi9Is4.js";
-const xt = ["sm", "md", "lg"], ze = { none: "gap-none", sm: "gap-sm", md: "gap-md", lg: "gap-lg" }, [Ct, Bt] = it("Tree"), wt = /* @__PURE__ */ ke({
-  ...Oe("TreeNode"),
+const xt = ["sm", "md", "lg"], Pe = { none: "gap-none", sm: "gap-sm", md: "gap-md", lg: "gap-lg" }, [Ct, Bt] = dt("Tree"), wt = /* @__PURE__ */ ke({
+  ...Ae("TreeNode"),
   __name: "TreeNode",
   props: {
     node: {}
   },
   setup(V) {
-    const i = V, G = He(), e = Pe(), r = Ct(), N = Le(r.prefixes.node, {
+    const i = V, G = He(), e = ze(), r = Ct(), N = Ee(r.prefixes.node, {
       variants: {
         disabled: J("disabled", r.prefixes.node),
         active: J("active", r.prefixes.node)
       }
-    }), m = (o) => r.getNodeChildren(o, !0, !1), K = v(() => m(i.node)), j = v(() => r.props.draggable ? i.node._draggable ?? !0 : !1), f = v(() => !!(r.disabled.value || i.node._disabled)), x = v(() => i.node._dragging ?? !1), k = v(
+    }), m = (n) => r.getNodeChildren(n, !0, !1), K = v(() => m(i.node)), j = v(() => r.props.draggable ? i.node._draggable ?? !0 : !1), f = v(() => !!(r.disabled.value || i.node._disabled)), x = v(() => i.node._dragging ?? !1), k = v(
       () => !x.value && r.expandedKeys.value.includes(i.node._key)
-    ), C = v(() => !x.value && !r.dragging.value && r.props.showLine ? U.value ? "all" : "before" : !1), Q = v(() => r.getIsSelected(i.node)), L = v(() => r.getIsChecked(i.node)), B = (o) => r.onCheck(i.node, !!o), I = v(() => r.getLevel(i.node)), U = v(
+    ), C = v(() => !x.value && !r.dragging.value && r.props.showLine ? U.value ? "all" : "before" : !1), Q = v(() => r.getIsSelected(i.node)), L = v(() => r.getIsChecked(i.node)), B = (n) => r.onCheck(i.node, !!n), I = v(() => r.getLevel(i.node)), U = v(
       () => {
-        var o, d;
-        return !!((o = K.value) != null && o.length || (d = r.props) != null && d.lazyLoad && !i.node._leaf);
+        var n, d;
+        return !!((n = K.value) != null && n.length || (d = r.props) != null && d.lazyLoad && !i.node._leaf);
       }
     ), X = v(() => ({
       ...i.node,
@@ -41,19 +41,19 @@ const xt = ["sm", "md", "lg"], ze = { none: "gap-none", sm: "gap-sm", md: "gap-m
     })), a = () => {
       f.value || r.onSelect(i.node, !Q.value);
     }, c = () => {
-      const o = () => {
+      const n = () => {
         var T, y, Y, A, E, R, q, S;
         const d = [];
         if ((T = r.props) != null && T.draggable) {
           let b = null;
-          r.dragging.value || (b = P(bt, {
+          r.dragging.value || (b = z(bt, {
             icon: "tabler:grip-vertical",
             size: r.iconSize.value,
             class: r.prefixes.draggableIcon
-          })), d.push(P("span", { class: r.prefixes.draggable }, b));
+          })), d.push(z("span", { class: r.prefixes.draggable }, b));
         }
         d.push(
-          P(
+          z(
             Fe,
             {
               level: I.value,
@@ -76,7 +76,8 @@ const xt = ["sm", "md", "lg"], ze = { none: "gap-none", sm: "gap-sm", md: "gap-m
             }
           )
         ), (A = r.props) != null && A.checkable && d.push(
-          P(_t, {
+          z(_t, {
+            unExtendParent: !0,
             size: r.iconSize.value,
             modelValue: L.value,
             "onUpdate:modelValue": B,
@@ -86,15 +87,15 @@ const xt = ["sm", "md", "lg"], ze = { none: "gap-none", sm: "gap-sm", md: "gap-m
         );
         const h = (E = e.default) == null ? void 0 : E.call(e, X.value);
         return $e(h) ? d.push(
-          P("div", { class: M(r.prefixes.node, "title") }, i.node._title)
-        ) : d.push(h), P(
+          z("div", { class: M(r.prefixes.node, "title") }, i.node._title)
+        ) : d.push(h), z(
           "div",
           {
             ...G,
             "data-key": (R = r.props) != null && R.draggable ? i.node._key : void 0,
             "data-level": (q = r.props) != null && q.draggable ? I.value : void 0,
             "data-draggable": (S = r.props) != null && S.draggable ? !f.value && j.value : void 0,
-            class: Ae(
+            class: Le(
               N({
                 disabled: f.value,
                 active: Q.value
@@ -106,18 +107,18 @@ const xt = ["sm", "md", "lg"], ze = { none: "gap-none", sm: "gap-sm", md: "gap-m
           d
         );
       };
-      return r.props.focusable ? P(
-        ct,
+      return r.props.focusable ? z(
+        ut,
         {
           asChild: !0,
           tabStopId: i.node._key
         },
-        o
-      ) : o();
+        n
+      ) : n();
     };
-    return (o, d) => (Ie(), Ve(c));
+    return (n, d) => (Ie(), Ve(c));
   }
-}), ne = (V) => ut(V);
+}), oe = (V) => pt(V);
 function Kt({
   getValue: V,
   getDisabled: i,
@@ -129,7 +130,7 @@ function Kt({
   const m = [], K = (j, f) => {
     j.forEach((x) => {
       const k = e(x, f), C = V(x, f, k);
-      if (ne(C) || N != null && N(x, f, k))
+      if (oe(C) || N != null && N(x, f, k))
         m.push({
           ...typeof x == "object" ? x : { _item: x },
           _parentKeys: f,
@@ -165,36 +166,36 @@ const Tt = ({
     const a = ae(i());
     return K.value.filter(
       (c) => {
-        var o, d;
-        return !c._parentKeys || ((d = (o = c._parentKeys) == null ? void 0 : o.every) == null ? void 0 : d.call(o, (h) => a.includes(h)));
+        var n, d;
+        return !c._parentKeys || ((d = (n = c._parentKeys) == null ? void 0 : n.every) == null ? void 0 : d.call(n, (h) => a.includes(h)));
       }
     );
-  }), f = (a, c = !1, o = !0) => {
+  }), f = (a, c = !1, n = !0) => {
     const d = a == null ? void 0 : a._key;
-    return !ne(d) || !a ? [] : K.value.filter((h) => {
+    return !oe(d) || !a ? [] : K.value.filter((h) => {
       var T;
       if (c) {
         const y = fe(h._parentKeys ?? []);
         return y && y === d;
       }
       return (T = h._parentKeys) == null ? void 0 : T.includes(d);
-    }).filter((h) => h && (!o || !(h != null && h._disabled)));
-  }, x = () => K.value.filter((a) => !a._parentKeys), k = (a) => a ? f(a, !0, !1) : x(), C = (a) => ne(a) ? K.value.find((c) => c._key === a) : void 0, Q = (a) => {
+    }).filter((h) => h && (!n || !(h != null && h._disabled)));
+  }, x = () => K.value.filter((a) => !a._parentKeys), k = (a) => a ? f(a, !0, !1) : x(), C = (a) => oe(a) ? K.value.find((c) => c._key === a) : void 0, Q = (a) => {
     const c = C(fe(a._parentKeys ?? []));
-    return k(c).findIndex((o) => o._key === a._key);
+    return k(c).findIndex((n) => n._key === a._key);
   }, L = (a) => {
     const c = ae(a);
-    return c && St(c) ? Ee(c) : [];
+    return c && St(c) ? Oe(c) : [];
   }, B = (a, c) => {
-    const o = f(a);
-    if (o != null && o.length)
-      return o.some((d) => U(d, c, !1) === !0);
+    const n = f(a);
+    if (n != null && n.length)
+      return n.some((d) => U(d, c, !1) === !0);
   }, I = (a, c) => {
-    const o = f(a);
-    return o != null && o.length ? o.every((d) => U(d, c, !1) === !0) : !1;
-  }, U = (a, c, o = !1) => {
+    const n = f(a);
+    return n != null && n.length ? n.every((d) => U(d, c, !1) === !0) : !1;
+  }, U = (a, c, n = !1) => {
     const d = L(c), h = a == null ? void 0 : a._key;
-    if (!o && !a._disabled && !d.includes(h)) {
+    if (!n && !a._disabled && !d.includes(h)) {
       const T = f(a);
       if (T != null && T.length)
         return I(a, c) ? !0 : B(a, c) ? "indeterminate" : !1;
@@ -212,16 +213,16 @@ const Tt = ({
     isAllChildrenSelected: I,
     isSelected: U,
     getRootNodes: x,
-    selectValue: (a, c, o, d, h, T) => {
-      let y = L(o);
-      if (ne(a._key) && !a._disabled)
+    selectValue: (a, c, n, d, h, T) => {
+      let y = L(n);
+      if (oe(a._key) && !a._disabled)
         if (h) {
           if (c ? y.push(a._key) : y = y.filter((Y) => a._key !== Y), !d) {
             const A = f(a).map((g) => g._key), E = y.map(C).filter((g) => g && g._parentKeys);
             c || E.push(a);
             const q = _e(
-              gt(E.map((g) => g._parentKeys))
-            ).filter((g) => ne(g) && g !== a._key).filter(ne).map(C).filter(Boolean), S = [], b = [];
+              ft(E.map((g) => g._parentKeys))
+            ).filter((g) => oe(g) && g !== a._key).filter(oe).map(C).filter(Boolean), S = [], b = [];
             q.forEach((g) => {
               const ce = g == null ? void 0 : g._key;
               I(g, y) ? S.push(ce) : b.push(ce);
@@ -251,12 +252,12 @@ const Tt = ({
         size: i.indentSize
       }, null, 8, ["level", "branchIcon", "children", "size"]),
       Ye("div", {
-        class: Ze(ae(ht)({ size: i.size }))
+        class: Ze(ae(nt)({ size: i.size }))
       }, null, 2)
     ], 64));
   }
 }), Ut = /* @__PURE__ */ ke({
-  ...Oe("Tree"),
+  ...Ae("Tree"),
   __name: "Tree",
   props: {
     selectionBehavior: { default: "toggle" },
@@ -300,16 +301,16 @@ const Tt = ({
   },
   emits: ["update:modelValue", "update:expandedKeys", "update:checkedKeys", "change", "expand", "select", "check", "dragStart", "dragEnd", "choose", "unchoose"],
   setup(V, { expose: i, emit: G }) {
-    const e = V, r = G, N = Pe(), m = ot("tree"), K = M(m, "node"), j = M(K, "group"), f = M(K, "draggable"), x = M(f, "icon"), k = M(j, "list"), C = {
+    const e = V, r = G, N = ze(), m = ot("tree"), K = M(m, "node"), j = M(K, "group"), f = M(K, "draggable"), x = M(f, "icon"), k = M(j, "list"), C = {
       node: K,
       group: j,
       draggable: f,
       draggableIcon: x,
       groupList: k
-    }, Q = Le(m, {
+    }, Q = Ee(m, {
       variants: {
         size: J(xt, m),
-        gap: J(ze, m),
+        gap: J(Pe, m),
         selectable: J("selectable", m),
         disabled: J("disabled", m),
         inlineNode: J("inline-node", m),
@@ -361,16 +362,16 @@ const Tt = ({
         getter: e.getChildren,
         noReturnOption: !0
       })
-    }, B = (t, n) => {
+    }, B = (t, o) => {
       var O;
-      const s = `get${n[0].toUpperCase() + n.slice(1)}`;
+      const s = `get${o[0].toUpperCase() + o.slice(1)}`;
       return (O = L[s]) == null ? void 0 : O.call(L, t);
-    }, I = oe(e.expandedKeys ?? []), {
+    }, I = ne(e.expandedKeys ?? []), {
       flattenData: U,
       visibleFlattenData: X,
       getNodeByValue: a,
       getChildrenOrRootNodes: c,
-      getNodeIndexInScope: o,
+      getNodeIndexInScope: n,
       isSelected: d,
       getNodeChildren: h,
       selectValue: T,
@@ -394,8 +395,8 @@ const Tt = ({
     let A = !1;
     pe(
       () => [e.defaultExpandAll, e.expandedKeys],
-      ([t, n], s) => {
-        A || (A = !0, n !== (s == null ? void 0 : s[1]) ? I.value = e.expandedKeys ?? [] : t && !(s != null && s[0]) && (I.value = Y()), et(() => A = !1));
+      ([t, o], s) => {
+        A || (A = !0, o !== (s == null ? void 0 : s[1]) ? I.value = e.expandedKeys ?? [] : t && !(s != null && s[0]) && (I.value = Y()), et(() => A = !1));
       },
       { deep: !0, immediate: !0 }
     ), pe(
@@ -405,7 +406,7 @@ const Tt = ({
       },
       { deep: !0 }
     );
-    const E = oe(e.modelValue ?? []);
+    const E = ne(e.modelValue ?? []);
     pe(
       () => e.modelValue,
       () => {
@@ -420,7 +421,7 @@ const Tt = ({
       set(t) {
         t && (e.modelValue || (E.value = t), r("update:modelValue", t));
       }
-    }), q = oe(e.checkedKeys ?? []);
+    }), q = ne(e.checkedKeys ?? []);
     pe(
       () => e.checkedKeys,
       () => {
@@ -435,32 +436,32 @@ const Tt = ({
       set(t) {
         e.checkedKeys || (q.value = t), r("update:checkedKeys", t);
       }
-    }), { getDisabled: b, getSize: g } = yt(), ce = (t) => !!d(t, R, !0), De = (t) => d(t, S, e.checkStrictly), Se = (t, n) => {
+    }), { getDisabled: b, getSize: g } = vt(), ce = (t) => !!d(t, R, !0), De = (t) => d(t, S, e.checkStrictly), Se = (t, o) => {
       if (e.selectable && !b.value) {
         const s = T(
           t,
-          n,
+          o,
           R,
           !!(e.syncCheckboxAndSelect ? e.checkStrictly : e.checkStrictly !== !1),
           e.multiple,
           e.selectionBehavior
         );
-        Te(s, R.value) || (R.value = s, r("select", t, n, s), r("change", { modelValue: R.value, checkedKeys: S.value }), e.syncCheckboxAndSelect && (S.value = s, r("check", t, n, s)));
+        Te(s, R.value) || (R.value = s, r("select", t, o, s), r("change", { modelValue: R.value, checkedKeys: S.value }), e.syncCheckboxAndSelect && (S.value = s, r("check", t, o, s)));
       }
-    }, Me = (t, n) => {
+    }, Me = (t, o) => {
       if (e.checkable && !b.value) {
-        const s = T(t, n, S, !!e.checkStrictly, !0);
-        Te(s, S.value) || (S.value = s, r("check", t, n, S.value), r("change", { modelValue: R.value, checkedKeys: S.value }), e.syncCheckboxAndSelect && (R.value = s, r("select", t, n, s)));
+        const s = T(t, o, S, !!e.checkStrictly, !0);
+        Te(s, S.value) || (S.value = s, r("check", t, o, S.value), r("change", { modelValue: R.value, checkedKeys: S.value }), e.syncCheckboxAndSelect && (R.value = s, r("select", t, o, s)));
       }
     }, se = (t) => {
-      let n = !0, s = Ee(I.value);
-      s.includes(t._key) ? (s = s.filter((O) => O !== t._key), n = !1) : (s = _e([...s, t._key]), n = !0), I.value = s, r("expand", t, n);
+      let o = !0, s = Oe(I.value);
+      s.includes(t._key) ? (s = s.filter((O) => O !== t._key), o = !1) : (s = _e([...s, t._key]), o = !0), I.value = s, r("expand", t, o);
     }, he = v(() => {
       if (e.gap) {
         if (typeof e.gap == "number") return `${e.gap}px`;
-        if (!Object.keys(ze).includes(e.gap)) return e.gap;
+        if (!Object.keys(Pe).includes(e.gap)) return e.gap;
       }
-    }), de = oe(!1), { getDir: Ge } = kt(), Z = Ge(), xe = v(() => {
+    }), de = ne(!1), { getDir: Ge } = kt(), Z = Ge(), xe = v(() => {
       switch (g.value) {
         case "sm":
           return "2xsm";
@@ -470,9 +471,9 @@ const Tt = ({
           return "xsm";
       }
     }), je = v(() => g.value === "sm" ? "2xsm" : "xsm"), Ce = (t) => {
-      var n;
-      return (((n = t == null ? void 0 : t._parentKeys) == null ? void 0 : n.length) ?? 0) + 1;
-    }, ye = oe(), Be = {
+      var o;
+      return (((o = t == null ? void 0 : t._parentKeys) == null ? void 0 : o.length) ?? 0) + 1;
+    }, ye = ne(), Be = {
       iconSize: je,
       disabled: b,
       props: e,
@@ -494,13 +495,13 @@ const Tt = ({
       prefixes: C
     };
     Bt(Be);
-    const ve = oe();
+    const ve = ne();
     if (e.draggable) {
-      let t, n;
+      let t, o;
       const s = (p) => {
         const u = p.getAttribute("data-key");
         if (u) return a(u);
-      }, O = nt(M(m, "dragging_item"), g.value), w = () => {
+      }, O = st(M(m, "dragging_item"), g.value), w = () => {
         var p;
         (p = t == null ? void 0 : t.destroy) == null || p.call(t), t = void 0;
       };
@@ -517,7 +518,7 @@ const Tt = ({
           newDraggableIndex: $
         }), Ke = (l, te) => {
           if (l) {
-            const z = () => {
+            const P = () => {
               const ge = Ce(u), _ = !!(u != null && u._hasChildren);
               return {
                 size: g.value,
@@ -527,14 +528,14 @@ const Tt = ({
                 branchIcon: (u ? u._switcherIcon ?? (e == null ? void 0 : e.switcherIcon) : e == null ? void 0 : e.switcherIcon) ?? "tabler:chevron-left"
               };
             }, F = document.createElement("div"), re = l.getBoundingClientRect();
-            F.style.width = re.width ? `${re.width}px` : "100%", F.style.height = re.height ? `${re.height}px` : "100%", F.classList.add(M(m, mt));
-            const ie = z();
-            return te && (ie.level = te), lt(P(Rt, ie), F), F;
+            F.style.width = re.width ? `${re.width}px` : "100%", F.style.height = re.height ? `${re.height}px` : "100%", F.classList.add(M(m, ct));
+            const ie = P();
+            return te && (ie.level = te), lt(z(Rt, ie), F), F;
           }
         };
-        t ? w() : ve.value && (t = new ft(ve.value, {
-          ...pt(e.sortableProps || {}, ["onMove"]),
-          group: Re(e.groupName) ? e.groupName() : e.groupName ?? st(m),
+        t ? w() : ve.value && (t = new yt(ve.value, {
+          ...ht(e.sortableProps || {}, ["onMove"]),
+          group: Re(e.groupName) ? e.groupName() : e.groupName ?? it(m),
           filter: "[data-draggable=false]",
           tree: !0,
           draggable: `.${C.node}`,
@@ -545,12 +546,12 @@ const Tt = ({
             var te;
             if (u = s(l == null ? void 0 : l.item), W = (te = u == null ? void 0 : u._parentKeys) == null ? void 0 : te.map(a).filter(Boolean), u) {
               if (W != null && W.length) {
-                const z = fe(W);
-                z && (p = h(z, !0, !1).findIndex(
+                const P = fe(W);
+                P && (p = h(P, !0, !1).findIndex(
                   (F) => F._key === u._key
                 ));
               } else
-                p = y().findIndex((z) => z._key === u._key);
+                p = y().findIndex((P) => P._key === u._key);
               u._dragging = !0;
             }
             r("choose", l);
@@ -559,10 +560,10 @@ const Tt = ({
             u && (u._dragging = !1), r("unchoose", l);
           },
           onStart(l) {
-            u != null && u._key && I.value.includes(u._key) && (n = u, se(n)), de.value = !0, r("dragStart", be(l));
+            u != null && u._key && I.value.includes(u._key) && (o = u, se(o)), de.value = !0, r("dragStart", be(l));
           },
           onEnd(l) {
-            de.value = !1, n && (se(n), n = void 0), r("dragEnd", be(l)), p = W = $ = H = u = void 0;
+            de.value = !1, o && (se(o), o = void 0), r("dragEnd", be(l)), p = W = $ = H = u = void 0;
           },
           onMove(l, te) {
             var re, ie, ge;
@@ -573,21 +574,21 @@ const Tt = ({
                 _
               ], (ie = h(_, !0, !1)) != null && ie.length && !I.value.includes(_._key) && se(_));
             }
-            const z = l.draggedTreeItemLevel ?? 1;
+            const P = l.draggedTreeItemLevel ?? 1;
             if (!l.draggedTreeItemBefore) $ = 0;
             else if (l.draggedTreeItemBefore) {
-              if (l.draggedTreeItemBefore.level === z) {
+              if (l.draggedTreeItemBefore.level === P) {
                 const _ = s(l.draggedTreeItemBefore);
-                _ && ($ = o(_) + 1);
-              } else if (l.draggedTreeItemBefore.level < z)
+                _ && ($ = n(_) + 1);
+              } else if (l.draggedTreeItemBefore.level < P)
                 $ = 0;
-              else if (l.draggedTreeItemBefore.level > z) {
-                if (!l.draggedTreeItemAfter || l.draggedTreeItemAfter.level < z) {
+              else if (l.draggedTreeItemBefore.level > P) {
+                if (!l.draggedTreeItemAfter || l.draggedTreeItemAfter.level < P) {
                   const _ = fe(H ?? []);
                   $ = c(_).length;
-                } else if (l.draggedTreeItemAfter.level === z) {
+                } else if (l.draggedTreeItemAfter.level === P) {
                   const _ = s(l.draggedTreeItemAfter);
-                  _ && ($ = o(_));
+                  _ && ($ = n(_));
                 }
               }
             }
@@ -627,18 +628,18 @@ const Tt = ({
       if (typeof e.virtual == "object")
         me = e.virtual;
       else {
-        const { virtualizer: t, ...n } = vt(qe);
-        me = t, ee = n;
+        const { virtualizer: t, ...o } = mt(qe);
+        me = t, ee = o;
       }
     const we = v(
       () => {
         var t;
         return e.virtual ? (((t = ae(me)) == null ? void 0 : t.getVirtualItems()) ?? []).map(
-          (n) => X.value[n.index]
+          (o) => X.value[o.index]
         ) : X.value;
       }
     ), ue = at(), We = () => {
-      var n;
+      var o;
       const t = () => {
         const s = () => {
           var le;
@@ -646,7 +647,7 @@ const Tt = ({
             items: we.value
           });
           return $e(w) ? we.value.map(
-            (p) => P(
+            (p) => z(
               wt,
               { key: p._key, node: p },
               {
@@ -655,12 +656,12 @@ const Tt = ({
               }
             )
           ) : w;
-        }, O = () => P(
+        }, O = () => z(
           "div",
           {
             dir: Z.value,
             role: "tree",
-            class: Ae(
+            class: Le(
               Q({
                 size: g.value,
                 gap: e.gap ?? g.value,
@@ -679,8 +680,8 @@ const Tt = ({
           },
           s()
         );
-        return e.focusable ? P(
-          dt,
+        return e.focusable ? z(
+          gt,
           {
             orientation: "vertical",
             asChild: !0,
@@ -706,28 +707,28 @@ const Tt = ({
           O
         ) : O();
       };
-      return e.virtual && !e.outerVirtualScroll ? P(
+      return e.virtual && !e.outerVirtualScroll ? z(
         It,
         {
           ...e.scrollContainerProps,
           ref: ye,
           dir: Z.value,
           wrapProps: {
-            ...((n = e.scrollContainerProps) == null ? void 0 : n.wrapProps) ?? {},
+            ...((o = e.scrollContainerProps) == null ? void 0 : o.wrapProps) ?? {},
             style: (ee == null ? void 0 : ee.scrollWrapperStyles.value) ?? {}
           }
         },
         t
       ) : t();
     };
-    return i(Be), (t, n) => (Ie(), Ve(We));
+    return i(Be), (t, o) => (Ie(), Ve(We));
   }
 });
 export {
   xt as T,
   Ut as _,
   wt as a,
-  ze as b,
+  Pe as b,
   Kt as f,
   Ct as i,
   Bt as p

package/dist/Upload/Upload.d.ts

@@ -18,8 +18,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Up
         fileList: UploadFile[];
         event: "add" | "remove" | "upload" | "failed" | "paused" | "cancel";
     }) => any;
-    remove: (value: UploadFile) => any;
     "update:fileList": (value: UploadFile[]) => any;
+    remove: (value: UploadFile) => any;
     preview: (value: UploadFile) => any;
     createRequest: (value: UploadFile) => any;
     resetRequest: (value: UploadFile) => any;
@@ -29,8 +29,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Up
         fileList: UploadFile[];
         event: "add" | "remove" | "upload" | "failed" | "paused" | "cancel";
     }) => any) | undefined;
-    onRemove?: ((value: UploadFile) => any) | undefined;
     "onUpdate:fileList"?: ((value: UploadFile[]) => any) | undefined;
+    onRemove?: ((value: UploadFile) => any) | undefined;
     onPreview?: ((value: UploadFile) => any) | undefined;
     onCreateRequest?: ((value: UploadFile) => any) | undefined;
     onResetRequest?: ((value: UploadFile) => any) | undefined;

package/dist/Upload/UploadList.d.ts

@@ -28,8 +28,8 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<UploadProps
         fileList: UploadFile[];
         event: "add" | "remove" | "upload" | "failed" | "paused" | "cancel";
     }) => any;
-    remove: (value: UploadFile) => any;
     "update:fileList": (value: UploadFile[]) => any;
+    remove: (value: UploadFile) => any;
     preview: (value: UploadFile) => any;
     createRequest: (value: UploadFile) => any;
     resetRequest: (value: UploadFile) => any;
@@ -39,8 +39,8 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<UploadProps
         fileList: UploadFile[];
         event: "add" | "remove" | "upload" | "failed" | "paused" | "cancel";
     }) => any) | undefined;
-    onRemove?: ((value: UploadFile) => any) | undefined;
     "onUpdate:fileList"?: ((value: UploadFile[]) => any) | undefined;
+    onRemove?: ((value: UploadFile) => any) | undefined;
     onPreview?: ((value: UploadFile) => any) | undefined;
     onCreateRequest?: ((value: UploadFile) => any) | undefined;
     onResetRequest?: ((value: UploadFile) => any) | undefined;

package/dist/Upload/index.d.ts

@@ -1,4 +1,5 @@
 export { default as Upload } from './Upload';
+export { default as UploadList } from './UploadList';
 export { default as UploadTrigger } from './UploadTrigger';
 export * from './types';
 export * from './Upload.model';

package/dist/Upload/index.js

@@ -1,16 +1,17 @@
-import { _ as e, g as o, f as p, U as t, a as d, h as i, i as l, d as U, p as r, e as x, c as n, b as f, u } from "../Upload.vue_vue_type_style_index_0_lang-zNnaGyQW.js";
+import { _ as o, a as e, h as p, g as t, U as d, b as i, j as l, i as U, e as r, p as x, f as n, d as f, c as u, u as C } from "../Upload.vue_vue_type_style_index_0_lang-CUog0DmH.js";
 export {
-  e as Upload,
-  o as UploadListTypes,
-  p as UploadSizes,
-  t as UploadStatuses,
-  d as UploadTrigger,
-  i as UploadTypes,
-  l as injectBaseUploadContext,
-  U as injectUploadContext,
-  r as provideBaseUploadContext,
-  x as provideUploadContext,
-  n as uploadListItemPrefix,
-  f as uploadListPrefix,
-  u as uploadPrefix
+  o as Upload,
+  e as UploadList,
+  p as UploadListTypes,
+  t as UploadSizes,
+  d as UploadStatuses,
+  i as UploadTrigger,
+  l as UploadTypes,
+  U as injectBaseUploadContext,
+  r as injectUploadContext,
+  x as provideBaseUploadContext,
+  n as provideUploadContext,
+  f as uploadListItemPrefix,
+  u as uploadListPrefix,
+  C as uploadPrefix
 };

package/dist/Upload/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Upload.vue_vue_type_style_index_0_lang-CNL2WWLb.js");exports.Upload=e._sfc_main;exports.UploadListTypes=e.UploadListTypes;exports.UploadSizes=e.UploadSizes;exports.UploadStatuses=e.UploadStatuses;exports.UploadTrigger=e._sfc_main$1;exports.UploadTypes=e.UploadTypes;exports.injectBaseUploadContext=e.injectBaseUploadContext;exports.injectUploadContext=e.injectUploadContext;exports.provideBaseUploadContext=e.provideBaseUploadContext;exports.provideUploadContext=e.provideUploadContext;exports.uploadListItemPrefix=e.uploadListItemPrefix;exports.uploadListPrefix=e.uploadListPrefix;exports.uploadPrefix=e.uploadPrefix;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Upload.vue_vue_type_style_index_0_lang-q8H1enTN.js");exports.Upload=e._sfc_main;exports.UploadList=e._sfc_main$1;exports.UploadListTypes=e.UploadListTypes;exports.UploadSizes=e.UploadSizes;exports.UploadStatuses=e.UploadStatuses;exports.UploadTrigger=e._sfc_main$2;exports.UploadTypes=e.UploadTypes;exports.injectBaseUploadContext=e.injectBaseUploadContext;exports.injectUploadContext=e.injectUploadContext;exports.provideBaseUploadContext=e.provideBaseUploadContext;exports.provideUploadContext=e.provideUploadContext;exports.uploadListItemPrefix=e.uploadListItemPrefix;exports.uploadListPrefix=e.uploadListPrefix;exports.uploadPrefix=e.uploadPrefix;