vft 0.0.394 → 0.0.396

package/es/components/side-menu/side-menu.vue2.js

@@ -1,24 +1,25 @@
-import { defineComponent as V, toRefs as oe, useSlots as le, getCurrentInstance as ne, ref as g, computed as m, h as b, createVNode as p, onMounted as ae, nextTick as ue, watch as se, isVNode as ie } from "vue";
-import { listenerRouteChange as de, useRouterHelper as re } from "@vft/router";
-import { useSortable as ce } from "@vft/use/sortable";
-import { isUrl as pe, isNullOrUndefined as A, isNumber as fe } from "@vft/utils";
+import { defineComponent as j, toRefs as le, useSlots as ne, getCurrentInstance as ae, ref as g, computed as m, h as b, createVNode as p, onMounted as ue, nextTick as se, watch as ie, isVNode as de } from "vue";
+import { listenerRouteChange as re, useRouterHelper as ce } from "@vft/router";
+import { useSortable as pe } from "@vft/use/sortable";
+import { isUrl as fe, isNullOrUndefined as W, isNumber as me } from "@vft/utils";
 import "@vueuse/core";
-import { addUnit as W } from "../../utils/helper.js";
+import { addUnit as I } from "../../utils/helper.js";
 import "lodash-es";
-import { VftIcon as me } from "../icon/index.js";
-import { VftMenu as he, VftSubMenu as ve, VftMenuItem as I } from "../menu/index.js";
-import { useNamespace as ge } from "../../hooks/use-namespace/index.js";
+import "../form/index.js";
+import { VftIcon as ve } from "../icon/index.js";
+import { VftMenu as he, VftSubMenu as ge, VftMenuItem as V } from "../menu/index.js";
+import { useNamespace as be } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useDragLine as be } from "./use-drag-line.js";
-function ye(h) {
-  return typeof h == "function" || Object.prototype.toString.call(h) === "[object Object]" && !ie(h);
+import { useDragLine as ye } from "./use-drag-line.js";
+function Ce(v) {
+  return typeof v == "function" || Object.prototype.toString.call(v) === "[object Object]" && !de(v);
 }
-const Ce = V({
+const Me = j({
   name: "vft-side-menu"
-}), Ie = /* @__PURE__ */ V({
-  ...Ce,
+}), je = /* @__PURE__ */ j({
+  ...Me,
   props: {
     isFixedLeft: {
       type: Boolean,
@@ -78,17 +79,17 @@ const Ce = V({
     defaultOpeneds: {}
   },
   emits: ["update:collapse", "update:width", "dragEnd", "dragWidthEnd", "select", "subMenuClick", "menuItemMouseenter", "menuItemMouseleave"],
-  setup(h, {
+  setup(v, {
     expose: J,
-    emit: j
+    emit: q
   }) {
-    const t = h, {
+    const t = v, {
       defaultActive: E,
       collapse: f,
-      uniqueOpened: q,
-      defaultOpeneds: L,
-      openMenuCollapse: P
-    } = oe(t), r = j, u = ge("side-menu"), s = le(), M = ne(), O = g(), n = m(() => ({
+      uniqueOpened: L,
+      defaultOpeneds: P,
+      openMenuCollapse: H
+    } = le(t), r = q, u = be("side-menu"), s = ne(), M = ae(), S = g(), a = m(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -97,103 +98,113 @@ const Ce = V({
       disabled: "disabled",
       ...t.attrMapping
     }));
-    de(({
+    re(({
       route: e
     }) => {
-      !e || e.meta?.hideSide && !t.useRouterJump || (O.value = e.path);
+      !e || e.meta?.hideSide && !t.useRouterJump || (S.value = e.path);
     });
-    const H = (e) => {
-      const a = e.e;
-      if (t.autoScrollActiveDom && a) {
-        const o = fe(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, l = a.target;
-        v.value?.menu && l && setTimeout(() => {
-          v.value.menu.scrollTop = v.value.menu.scrollTop + (l.getBoundingClientRect().top - v.value.menu.getBoundingClientRect().top) + o;
-        }, 300);
+    const U = (e) => {
+      const n = e.e;
+      if (t.autoScrollActiveDom && n) {
+        const o = me(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, l = n.target;
+        O({
+          activeDom: l,
+          offset: o
+        });
       }
       r("subMenuClick", e);
-    }, U = (e) => {
-      r("menuItemMouseenter", e);
+    }, O = ({
+      activeDom: e = null,
+      offset: n = 0,
+      delay: o = 300
+    } = {}) => {
+      const l = e || document.querySelector(".vft-menu-item.is-active");
+      h.value?.menu && l && setTimeout(() => {
+        h.value.menu.scrollTop = h.value.menu.scrollTop + (l.getBoundingClientRect().top - h.value.menu.getBoundingClientRect().top) + n;
+      }, o);
     }, F = (e) => {
+      r("menuItemMouseenter", e);
+    }, Z = (e) => {
       r("menuItemMouseleave", e);
-    }, S = (e, a) => {
-      const o = e[n.value.path], l = e[n.value.title], i = e?.[n.value.children], c = e?.[n.value.index], B = e?.[n.value.icon], T = !!e?.[n.value.disabled], D = t.disabledJudgeTurnOver ? !T : T, R = c || o || a + l;
+    }, _ = (e, n) => {
+      const o = e[a.value.path], l = e[a.value.title], i = e?.[a.value.children], c = e?.[a.value.index], D = e?.[a.value.icon], T = !!e?.[a.value.disabled], R = t.disabledJudgeTurnOver ? !T : T, k = c || o || n + l;
       return i?.length ? b(
         // @ts-ignore
-        ve,
+        ge,
         {
           ...e,
           popperAppendToBody: !0,
-          key: R,
-          index: R,
+          key: k,
+          index: k,
           title: l,
-          icon: B,
-          disabled: t.openDisabled && D,
+          icon: D,
+          disabled: t.openDisabled && R,
           popperClass: u.e("popper")
         },
         {
-          default: () => i?.map((d, Q) => {
-            const C = d[n.value.path], k = d[n.value.index], X = d[n.value.icon], ee = d[n.value.title], N = !!d[n.value.disabled], te = t.disabledJudgeTurnOver ? !N : N;
-            return d?.[n.value.children]?.length ? S(d, Q) : (
+          default: () => i?.map((d, X) => {
+            const C = d[a.value.path], A = d[a.value.index], ee = d[a.value.icon], te = d[a.value.title], N = !!d[a.value.disabled], oe = t.disabledJudgeTurnOver ? !N : N;
+            return d?.[a.value.children]?.length ? _(d, X) : (
               // @ts-ignore
-              b(I, {
+              b(V, {
                 ...d,
-                key: k || C,
-                index: k || C,
+                key: A || C,
+                index: A || C,
                 route: C,
-                icon: X,
-                title: ee,
-                disabled: t.openDisabled && te
+                icon: ee,
+                title: te,
+                disabled: t.openDisabled && oe
               }, s.menuItem ? () => s.menuItem?.({
                 item: d
               }) : "")
             );
           })
         }
-      ) : b(I, {
+      ) : b(V, {
         ...e,
         key: c || o,
         index: c || o,
         title: l,
         route: o,
-        icon: B,
-        disabled: t.openDisabled && D,
-        onMouseenter: () => U(e),
-        onMouseleave: () => F(e)
+        icon: D,
+        disabled: t.openDisabled && R,
+        onMouseenter: () => F(e),
+        onMouseleave: () => Z(e)
       }, s.menuItem ? () => s.menuItem?.({
         item: e,
-        index: a
+        index: n
       }) : "");
-    }, v = g(), Z = m(() => ({
+    }, h = g(), $ = m(() => ({
       ...t.collapseWidth === 0 && f.value ? {
         width: 0
       } : {},
       height: `calc(100% - ${t.menuTopBottomHeight}px)`
-    })), $ = m(() => {
+    })), z = m(() => {
       let e;
       return b(p(he, {
-        ref: v.value,
-        onSelect: z,
-        onOpen: H,
-        defaultActive: E?.value || O.value,
-        defaultOpeneds: L?.value,
+        ref: h,
+        onSelect: Y,
+        onOpen: U,
+        defaultActive: E?.value || S.value,
+        defaultOpeneds: P?.value,
         class: [u.e("con"), t.dragOption?.dragClassName ? u.e(t.dragOption?.dragClassName) : ""],
-        style: Z.value,
-        collapse: P.value ? f.value : !1,
-        uniqueOpened: q.value,
+        style: $.value,
+        collapse: H.value ? f.value : !1,
+        uniqueOpened: L.value,
         collapseTransition: !1
-      }, ye(e = t.menus.map((a, o) => S(a, o))) ? e : {
+      }, Ce(e = t.menus.map((n, o) => _(n, o))) ? e : {
         default: () => [e]
       }));
     }), x = M.appContext.config.globalProperties.$router;
-    async function z(e) {
+    async function Y(e) {
       if (t.useRouterJump) {
         const {
-          go: a
-        } = re(x), o = e.route;
+          go: n
+        } = ce(x), o = e.route;
         let l = e.route;
-        e.indexPath.some((c) => pe(c)) && (l = e.indexPath.slice(-2).join("/"));
+        e.indexPath.some((c) => fe(c)) && (l = e.indexPath.slice(-2).join("/"));
         const i = x.getRoutes().filter((c) => c.path === l)?.[0]?.meta?.linkTarget;
-        a(i ? {
+        n(i ? {
           url: o,
           winOpenOpt: {
             target: i
@@ -202,65 +213,66 @@ const Ce = V({
       }
       r("select", e);
     }
-    ae(() => {
-      ue(() => {
+    ue(() => {
+      se(() => {
         if (t.dragOption?.dragClassName) {
           const e = document.querySelectorAll("." + u.e(t.dragOption?.dragClassName))?.[0], {
-            initSortable: a
-          } = ce(e, {
+            initSortable: n
+          } = pe(e, {
             draggable: ".vft-menu-item",
             onEnd: (o) => {
               const {
                 oldIndex: l,
                 newIndex: i
               } = o;
-              A(l) || A(i) || l === i || r("dragEnd", l, i);
+              W(l) || W(i) || l === i || r("dragEnd", l, i);
             },
             ...t.dragOption
           });
-          a();
+          n();
         }
       });
     });
-    const y = g(), _ = g(), w = g(), Y = m(() => ({
+    const y = g(), w = g(), B = g(), G = m(() => ({
       ...t.collapseWidth === 0 && f.value ? {
         borderRight: "none"
       } : {},
-      width: W(t.width),
+      width: I(t.width),
       height: t.height
     }));
-    se(() => f.value, (e) => {
-      e ? r("update:width", t.collapseWidth) : r("update:width", w.value || t.width), w.value = t.width;
-    }), t.dragWidthCfg && be(y, _, M);
-    const G = m(() => ({
-      left: W(t.width)
-    })), K = m(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]);
+    ie(() => f.value, (e) => {
+      e ? r("update:width", t.collapseWidth) : r("update:width", B.value || t.width), B.value = t.width;
+    }), t.dragWidthCfg && ye(y, w, M);
+    const K = m(() => ({
+      left: I(t.width)
+    })), Q = m(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]);
     return J({
-      sideRef: y
+      sideRef: y,
+      jumpActiveDom: O
     }), () => p("div", {
       ref: y,
-      class: K.value,
-      style: Y.value
+      class: Q.value,
+      style: G.value
     }, [s.top ? p("div", {
       class: u.e("top")
-    }, [s.top()]) : null, $.value, s.bottom ? p("div", {
+    }, [s.top()]) : null, z.value, s.bottom ? p("div", {
       class: u.e("bottom")
     }, [s.bottom()]) : t.showCollapse ? p("div", {
       onClick: () => r("update:collapse", !f.value),
       class: [u.e("bottom"), u.e("collapse")]
-    }, [p(me, {
+    }, [p(ve, {
       style: {
         transform: f.value ? "rotateY(180deg)" : ""
       },
       size: 20,
       icon: "icon-sidebar-collapse"
     }, null)]) : null, s.default?.(), t.dragWidthCfg ? p("div", {
-      ref: _,
-      style: G.value,
+      ref: w,
+      style: K.value,
       class: u.e("drag-bar")
     }, null) : null]);
   }
 });
 export {
-  Ie as default
+  je as default
 };

package/es/components/skeleton/index.js

@@ -4,13 +4,14 @@ import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { withInstall as o, withNoopInstall as m } from "../../utils/vue/install.js";
 import "lodash-es";
+import "../form/index.js";
 import i from "./skeleton.vue2.js";
 import t from "./skeleton-item.vue2.js";
-const c = o(i, {
+const I = o(i, {
   SkeletonItem: t
-}), I = m(t);
+}), _ = m(t);
 export {
-  c as VftSkeleton,
-  I as VftSkeletonItem,
-  c as default
+  I as VftSkeleton,
+  _ as VftSkeletonItem,
+  I as default
 };

package/es/components/skeleton/skeleton-item.vue2.js

@@ -4,13 +4,14 @@ import "@vueuse/core";
 import { singleAttrToObj as _ } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as k } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const g = n({
   name: "VftSkeletonItem"
-}), x = /* @__PURE__ */ n({
+}), y = /* @__PURE__ */ n({
   ...g,
   props: {
     variant: { default: "text" },
@@ -31,5 +32,5 @@ const g = n({
   }
 });
 export {
-  x as default
+  y as default
 };

package/es/components/skeleton/skeleton.vue2.js

@@ -3,6 +3,7 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as w } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -11,7 +12,7 @@ import "../../hooks/use-z-index/index.js";
 import c from "./skeleton-item.vue2.js";
 const N = k({
   name: "vft-skeleton"
-}), A = /* @__PURE__ */ k({
+}), D = /* @__PURE__ */ k({
   ...N,
   props: {
     animated: { type: Boolean, default: !1 },
@@ -52,5 +53,5 @@ const N = k({
   }
 });
 export {
-  A as default
+  D as default
 };

package/es/components/slider/button.vue2.js

@@ -6,10 +6,10 @@ import { UPDATE_MODEL_EVENT as I } from "../../constants/event.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as O } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "../../hooks/use-z-index/index.js";
-import "../form/index.js";
 import { useSliderButton as R } from "./composables/use-slider-button.js";
 const U = ["tabindex"], j = v({
   name: "VftSliderButton"

package/es/components/slider/composables/use-stops.js

@@ -2,15 +2,16 @@ import "@vueuse/core";
 import "@vft/utils";
 import { debugWarn as f } from "../../../utils/error.js";
 import "../../config-provider/hooks/use-global-config.js";
-import { computed as c } from "vue";
+import { computed as o } from "vue";
 import "lodash-es";
-const y = (t, i, u, l) => ({
-  stops: c(() => {
+import "../../form/index.js";
+const s = (t, i, u, l) => ({
+  stops: o(() => {
     if (!t.showStops || t.min > t.max) return [];
     if (t.step === 0)
       return f("ElSlider", "step should not be 0."), [];
-    const m = (t.max - t.min) / t.step, a = 100 * t.step / (t.max - t.min), n = Array.from({ length: m - 1 }).map(
-      (e, r) => (r + 1) * a
+    const m = (t.max - t.min) / t.step, r = 100 * t.step / (t.max - t.min), n = Array.from({ length: m - 1 }).map(
+      (e, a) => (a + 1) * r
     );
     return t.range ? n.filter((e) => e < 100 * (u.value - t.min) / (t.max - t.min) || e > 100 * (l.value - t.min) / (t.max - t.min)) : n.filter(
       (e) => e > 100 * (i.firstValue - t.min) / (t.max - t.min)
@@ -19,5 +20,5 @@ const y = (t, i, u, l) => ({
   getStopStyle: (m) => t.vertical ? { bottom: `${m}%` } : { left: `${m}%` }
 });
 export {
-  y as useStops
+  s as useStops
 };

package/es/components/slider/composables/use-watch.js

@@ -3,38 +3,39 @@ import "@vueuse/core";
 import "@vft/utils";
 import { throwError as E, debugWarn as c } from "../../../utils/error.js";
 import "../../config-provider/hooks/use-global-config.js";
-import { watch as n } from "vue";
+import { watch as u } from "vue";
 import "lodash-es";
-const s = (m, a, t, g, r, f) => {
+import "../../form/index.js";
+const w = (m, a, t, g, n, f) => {
   const i = (e) => {
-    r(h, e), r(y, e);
+    n(h, e), n(y, e);
   }, d = () => m.range ? ![t.value, g.value].every(
     (e, l) => e === a.oldValue[l]
-  ) : m.modelValue !== a.oldValue, u = () => {
+  ) : m.modelValue !== a.oldValue, r = () => {
     m.min > m.max && E("Slider", "min should not be greater than max.");
     const e = m.modelValue;
     m.range && Array.isArray(e) ? e[1] < m.min ? i([m.min, m.min]) : e[0] > m.max ? i([m.max, m.max]) : e[0] < m.min ? i([m.min, e[1]]) : e[1] > m.max ? i([e[0], m.max]) : (a.firstValue = e[0], a.secondValue = e[1], d() && (m.validateEvent && f?.validate?.("change").catch((l) => c(l)), a.oldValue = e.slice())) : !m.range && typeof e == "number" && !Number.isNaN(e) && (e < m.min ? i(m.min) : e > m.max ? i(m.max) : (a.firstValue = e, d() && (m.validateEvent && f?.validate?.("change").catch((l) => c(l)), a.oldValue = e)));
   };
-  u(), n(
+  r(), u(
     () => a.dragging,
     (e) => {
-      e || u();
+      e || r();
     }
-  ), n(
+  ), u(
     () => m.modelValue,
     (e, l) => {
-      a.dragging || Array.isArray(e) && Array.isArray(l) && e.every((V, x) => V === l[x]) && a.firstValue === e[0] && a.secondValue === e[1] || u();
+      a.dragging || Array.isArray(e) && Array.isArray(l) && e.every((V, x) => V === l[x]) && a.firstValue === e[0] && a.secondValue === e[1] || r();
     },
     {
       deep: !0
     }
-  ), n(
+  ), u(
     () => [m.min, m.max],
     () => {
-      u();
+      r();
     }
   );
 };
 export {
-  s as useWatch
+  w as useWatch
 };

package/es/components/slider/index.js

@@ -4,13 +4,14 @@ import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
+import "../form/index.js";
 import r from "./slider.vue2.js";
-import { sliderContextKey as n } from "./constants.js";
-import { sliderEmits as c } from "./slider.js";
-const l = t(r);
+import { sliderContextKey as x } from "./constants.js";
+import { sliderEmits as _ } from "./slider.js";
+const a = t(r);
 export {
-  l as VftSlider,
-  l as default,
-  n as sliderContextKey,
-  c as sliderEmits
+  a as VftSlider,
+  a as default,
+  x as sliderContextKey,
+  _ as sliderEmits
 };

package/es/components/slider/marker.js

@@ -1,13 +1,14 @@
-import { isString as e } from "@vft/utils";
+import { isString as r } from "@vft/utils";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
-import { defineComponent as o, computed as r, h as l } from "vue";
+import { defineComponent as o, computed as e, h as l } from "vue";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as s } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const S = o({
+const b = o({
   name: "VftSliderMarker",
   props: {
     mark: {
@@ -19,8 +20,8 @@ const S = o({
     }
   },
   setup(t) {
-    const m = s("slider"), a = r(() => e(t.mark) ? t.mark : t.mark.label), i = r(
-      () => e(t.mark) ? void 0 : t.mark.style
+    const m = s("slider"), a = e(() => r(t.mark) ? t.mark : t.mark.label), i = e(
+      () => r(t.mark) ? void 0 : t.mark.style
     );
     return () => l(
       "div",
@@ -33,5 +34,5 @@ const S = o({
   }
 });
 export {
-  S as default
+  b as default
 };

package/es/components/slot/only-child.js

@@ -1,28 +1,29 @@
-import { defineComponent as d, inject as a, withDirectives as m, cloneVNode as p, Fragment as h, Text as w, Comment as C, createVNode as N } from "vue";
+import { defineComponent as d, inject as m, withDirectives as a, cloneVNode as p, Fragment as h, Text as w, Comment as C, createVNode as N } from "vue";
 import { noop as R, isObject as g } from "@vft/utils";
 import "@vueuse/core";
 import { debugWarn as c } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { FORWARD_REF_INJECTION_KEY as v, useForwardRefDirective as F } from "../../hooks/use-forward-ref/index.js";
 import { useNamespace as y } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const o = "VftOnlyChild", L = /* @__PURE__ */ d({
+const o = "VftOnlyChild", W = /* @__PURE__ */ d({
   name: o,
   setup(t, {
     slots: r,
     attrs: e
   }) {
-    const f = a(v), s = F(f?.setForwardRef ?? R);
+    const f = m(v), s = F(f?.setForwardRef ?? R);
     return () => {
       const n = r.default?.(e);
       if (!n) return null;
       if (n.length > 1)
         return c(o, "requires exact only one valid child."), null;
       const i = u(n);
-      return i ? m(p(i, e), [[s]]) : (c(o, "no valid child node found"), null);
+      return i ? a(p(i, e), [[s]]) : (c(o, "no valid child node found"), null);
     };
   }
 });
@@ -53,5 +54,5 @@ function l(t) {
   }, [t]);
 }
 export {
-  L as OnlyChild
+  W as OnlyChild
 };

package/es/components/space/index.js

@@ -4,14 +4,15 @@ import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { withInstall as o } from "../../utils/vue/install.js";
 import "lodash-es";
+import "../form/index.js";
 import p from "./space.js";
-import { spaceProps as S } from "./space.js";
+import { spaceProps as n } from "./space.js";
 import "./item.js";
-import { useSpace as u } from "./use-space.js";
-const c = o(p);
+import { useSpace as d } from "./use-space.js";
+const l = o(p);
 export {
-  c as VftSpace,
-  c as default,
-  S as spaceProps,
-  u as useSpace
+  l as VftSpace,
+  l as default,
+  n as spaceProps,
+  d as useSpace
 };

package/es/components/space/item.js

@@ -3,6 +3,7 @@ import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import { defineComponent as r, computed as m, h as s, renderSlot as i } from "vue";
 import { buildProps as a } from "../../utils/vue/props/runtime.js";
+import "../form/index.js";
 import "lodash-es";
 import { useNamespace as c } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
@@ -12,14 +13,14 @@ const n = a({
   prefixCls: {
     type: String
   }
-}), P = r({
+}), _ = r({
   name: "ElSpaceItem",
   props: n,
-  setup(e, { slots: t }) {
-    const p = c("space"), o = m(() => `${e.prefixCls || p.b()}__item`);
-    return () => s("div", { class: o.value }, i(t, "default"));
+  setup(t, { slots: e }) {
+    const p = c("space"), o = m(() => `${t.prefixCls || p.b()}__item`);
+    return () => s("div", { class: o.value }, i(e, "default"));
   }
 });
 export {
-  P as default
+  _ as default
 };