vft 0.0.429 → 0.0.430

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

@@ -1,30 +1,30 @@
-import { defineComponent as K, reactive as oe, getCurrentInstance as re, computed as p, toRefs as M, provide as ie, createElementBlock as n, openBlock as r, unref as e, normalizeClass as u, createElementVNode as S, createBlock as B, createCommentVNode as k, normalizeStyle as b, createVNode as ne, Fragment as h, renderList as z } from "vue";
+import { defineComponent as $, reactive as oe, getCurrentInstance as ie, computed as d, toRefs as D, provide as re, createElementBlock as r, openBlock as o, unref as e, normalizeClass as u, createElementVNode as V, createBlock as I, createCommentVNode as S, normalizeStyle as p, createVNode as ne, Fragment as k, renderList as B } from "vue";
 import "@popperjs/core";
 import "../form/index.js";
-import { VftInputNumber as se } from "../input-number/index.js";
+import { VftInputNumber as ue } from "../input-number/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace as ue } from "../../hooks/use-namespace/index.js";
+import { useNamespace as se } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "../../hooks/use-z-index/index.js";
-import $ from "./button.vue2.js";
+import M from "./button.vue2.js";
 import { useLifecycle as me } from "./composables/use-lifecycle.js";
 import { useMarks as de } from "./composables/use-marks.js";
-import { useSlide as pe } from "./composables/use-slide.js";
+import { useSlide as ce } from "./composables/use-slide.js";
 import "./composables/use-slider-button.js";
 import { useStops as ve } from "./composables/use-stops.js";
 import { useWatch as fe } from "./composables/use-watch.js";
-import { sliderContextKey as ce } from "./constants.js";
+import { sliderContextKey as pe } from "./constants.js";
 import be from "./marker.js";
 import { sliderEmits as ye } from "./slider.js";
 import { useFormItemInputId as ge } from "../form/hooks/use-form-item.js";
-import { useFormSize as Ve } from "../form/hooks/use-form-common-props.js";
-const Se = ["id", "role", "aria-labelledby"], ke = { key: 1 }, he = K({
+import { useFormSize as xe } from "../form/hooks/use-form-common-props.js";
+const Ve = ["id", "role", "aria-labelledby"], Se = { key: 1 }, ke = $({
   name: "vft-slider"
-}), He = /* @__PURE__ */ K({
-  ...he,
+}), He = /* @__PURE__ */ $({
+  ...ke,
   props: {
     modelValue: { default: 0 },
     id: {},
@@ -53,171 +53,171 @@ const Se = ["id", "role", "aria-labelledby"], ke = { key: 1 }, he = K({
     validateEvent: { type: Boolean, default: !0 }
   },
   emits: ye,
-  setup(o, { expose: x, emit: P }) {
-    const C = P, t = ue("slider"), m = oe({
+  setup(a, { expose: K, emit: P }) {
+    const z = P, l = se("slider"), s = oe({
       firstValue: 0,
       secondValue: 0,
       oldValue: 0,
       dragging: !1,
       sliderSize: 1
-    }), s = re(), {
-      elFormItem: y,
+    }), n = ie(), {
+      elFormItem: b,
       slider: R,
       firstButton: j,
       secondButton: q,
-      sliderDisabled: v,
-      minValue: T,
-      maxValue: L,
+      sliderDisabled: c,
+      minValue: C,
+      maxValue: T,
       runwayStyle: A,
       barStyle: G,
-      resetSize: E,
-      emitChange: F,
-      onSliderWrapperPrevent: g,
+      resetSize: L,
+      emitChange: E,
+      onSliderWrapperPrevent: y,
       onSliderClick: H,
-      onSliderDown: V,
-      setFirstValue: U,
+      onSliderDown: g,
+      setFirstValue: F,
       setSecondValue: J
-    } = pe(s.props, m, C), { stops: O, getStopStyle: w } = ve(
-      s.props,
-      m,
-      T,
-      L
-    ), { inputId: N, isLabeledByFormItem: W } = ge(s.props, {
-      formItemContext: y
-    }), D = Ve(), Q = p(() => o.inputSize || D.value), X = p(() => o.formatValueText ? o.formatValueText(d.value) : `${d.value}`), Y = p(() => o.rangeEndLabel || ""), Z = p(() => o.formatValueText ? o.formatValueText(f.value) : `${f.value}`), _ = p(() => [
-      t.b(),
-      t.m(D.value),
-      t.is("vertical", o.vertical),
-      { [t.m("with-input")]: o.showInput }
-    ]), I = de(s.props);
-    fe(s.props, m, T, L, C, y);
-    const ee = p(() => {
-      const a = [o.min, o.max, o.step].map((i) => {
-        const l = `${i}`.split(".")[1];
-        return l ? l.length : 0;
+    } = ce(n.props, s, z), { stops: O, getStopStyle: h } = ve(
+      n.props,
+      s,
+      C,
+      T
+    ), { inputId: U, isLabeledByFormItem: N } = ge(n.props, {
+      formItemContext: b
+    }), W = xe(), Q = d(() => a.inputSize || W.value), X = d(() => a.formatValueText ? a.formatValueText(m.value) : `${m.value}`), Y = d(() => a.rangeEndLabel || ""), Z = d(() => a.formatValueText ? a.formatValueText(v.value) : `${v.value}`), _ = d(() => [
+      l.b(),
+      l.m(W.value),
+      l.is("vertical", a.vertical),
+      { [l.m("with-input")]: a.showInput }
+    ]), w = de(n.props);
+    fe(n.props, s, C, T, z, b);
+    const ee = d(() => {
+      const x = [a.min, a.max, a.step].map((i) => {
+        const t = `${i}`.split(".")[1];
+        return t ? t.length : 0;
       });
-      return Math.max.apply(null, a);
-    }), { sliderWrapper: ae } = me(s.props, m, E), { firstValue: d, secondValue: f, sliderSize: le } = M(m), te = (a) => {
-      m.dragging = a;
+      return Math.max.apply(null, x);
+    }), { sliderWrapper: ae } = me(n.props, s, L), { firstValue: m, secondValue: v, sliderSize: te } = D(s), le = (x) => {
+      s.dragging = x;
     };
-    return ie(ce, {
-      ...M(s.props),
-      sliderSize: le,
-      disabled: v.value,
+    return re(pe, {
+      ...D(n.props),
+      sliderSize: te,
+      disabled: c.value,
       precision: ee,
-      emitChange: F,
-      resetSize: E,
-      updateDragging: te
-    }), x({
+      emitChange: E,
+      resetSize: L,
+      updateDragging: le
+    }), K({
       onSliderClick: H
-    }), (a, i) => (r(), n("div", {
-      id: a.range ? e(N) : void 0,
+    }), (x, i) => (o(), r("div", {
+      id: a.range ? e(U) : void 0,
       ref_key: "sliderWrapper",
       ref: ae,
       class: u(_.value),
       role: a.range ? "group" : void 0,
-      "aria-labelledby": a.range && e(W) ? e(y)?.labelId : void 0,
+      "aria-labelledby": a.range && e(N) ? e(b)?.labelId : void 0,
       onTouchstart: i[2] || (i[2] = //@ts-ignore
-      (...l) => e(g) && e(g)(...l)),
+      (...t) => e(y) && e(y)(...t)),
       onTouchmove: i[3] || (i[3] = //@ts-ignore
-      (...l) => e(g) && e(g)(...l))
+      (...t) => e(y) && e(y)(...t))
     }, [
-      S("div", {
+      V("div", {
         ref_key: "slider",
         ref: R,
         class: u([
-          e(t).e("runway"),
+          e(l).e("runway"),
           { "show-input": a.showInput && !a.range },
-          e(t).is("disabled", e(v))
+          e(l).is("disabled", e(c))
         ]),
-        style: b(e(A)),
+        style: p(e(A)),
         onMousedown: i[0] || (i[0] = //@ts-ignore
-        (...l) => e(V) && e(V)(...l)),
+        (...t) => e(g) && e(g)(...t)),
         onTouchstart: i[1] || (i[1] = //@ts-ignore
-        (...l) => e(V) && e(V)(...l))
+        (...t) => e(g) && e(g)(...t))
       }, [
-        S("div", {
-          class: u(e(t).e("bar")),
-          style: b(e(G))
+        V("div", {
+          class: u(e(l).e("bar")),
+          style: p(e(G))
         }, null, 6),
-        ne($, {
-          id: a.range ? void 0 : e(N),
+        ne(M, {
+          id: a.range ? void 0 : e(U),
           ref_key: "firstButton",
           ref: j,
-          "model-value": e(d),
+          "model-value": e(m),
           vertical: a.vertical,
           "tooltip-class": a.tooltipClass,
           placement: a.placement,
           role: "slider",
-          "aria-labelledby": !a.range && e(W) ? e(y)?.labelId : void 0,
+          "aria-labelledby": !a.range && e(N) ? e(b)?.labelId : void 0,
           "aria-valuemin": a.min,
-          "aria-valuemax": a.range ? e(f) : a.max,
-          "aria-valuenow": e(d),
+          "aria-valuemax": a.range ? e(v) : a.max,
+          "aria-valuenow": e(m),
           "aria-valuetext": X.value,
           "aria-orientation": a.vertical ? "vertical" : "horizontal",
-          "aria-disabled": e(v),
-          "onUpdate:modelValue": e(U)
+          "aria-disabled": e(c),
+          "onUpdate:modelValue": e(F)
         }, null, 8, ["id", "model-value", "vertical", "tooltip-class", "placement", "aria-labelledby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"]),
-        a.range ? (r(), B($, {
+        a.range ? (o(), I(M, {
           key: 0,
           ref_key: "secondButton",
           ref: q,
-          "model-value": e(f),
+          "model-value": e(v),
           vertical: a.vertical,
           "tooltip-class": a.tooltipClass,
           placement: a.placement,
           role: "slider",
           "aria-label": Y.value,
-          "aria-valuemin": e(d),
+          "aria-valuemin": e(m),
           "aria-valuemax": a.max,
-          "aria-valuenow": e(f),
+          "aria-valuenow": e(v),
           "aria-valuetext": Z.value,
           "aria-orientation": a.vertical ? "vertical" : "horizontal",
-          "aria-disabled": e(v),
+          "aria-disabled": e(c),
           "onUpdate:modelValue": e(J)
-        }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : k("", !0),
-        a.showStops ? (r(), n("div", ke, [
-          (r(!0), n(h, null, z(e(O), (l, c) => (r(), n("div", {
-            key: c,
-            class: u(e(t).e("stop")),
-            style: b(e(w)(l))
+        }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : S("", !0),
+        a.showStops ? (o(), r("div", Se, [
+          (o(!0), r(k, null, B(e(O), (t, f) => (o(), r("div", {
+            key: f,
+            class: u(e(l).e("stop")),
+            style: p(e(h)(t))
           }, null, 6))), 128))
-        ])) : k("", !0),
-        e(I).length > 0 ? (r(), n(h, { key: 2 }, [
-          S("div", null, [
-            (r(!0), n(h, null, z(e(I), (l, c) => (r(), n("div", {
-              key: c,
-              style: b(e(w)(l.position)),
-              class: u([e(t).e("stop"), e(t).e("marks-stop")])
+        ])) : S("", !0),
+        e(w).length > 0 ? (o(), r(k, { key: 2 }, [
+          V("div", null, [
+            (o(!0), r(k, null, B(e(w), (t, f) => (o(), r("div", {
+              key: f,
+              style: p(e(h)(t.position)),
+              class: u([e(l).e("stop"), e(l).e("marks-stop")])
             }, null, 6))), 128))
           ]),
-          S("div", {
-            class: u(e(t).e("marks"))
+          V("div", {
+            class: u(e(l).e("marks"))
           }, [
-            (r(!0), n(h, null, z(e(I), (l, c) => (r(), B(e(be), {
-              key: c,
-              mark: l.mark,
-              style: b(e(w)(l.position))
+            (o(!0), r(k, null, B(e(w), (t, f) => (o(), I(e(be), {
+              key: f,
+              mark: t.mark,
+              style: p(e(h)(t.position))
             }, null, 8, ["mark", "style"]))), 128))
           ], 2)
-        ], 64)) : k("", !0)
+        ], 64)) : S("", !0)
       ], 38),
-      a.showInput && !a.range ? (r(), B(e(se), {
+      a.showInput && !a.range ? (o(), I(e(ue), {
         key: 0,
         ref: "input",
-        "model-value": e(d),
-        class: u(e(t).e("input")),
+        "model-value": e(m),
+        class: u(e(l).e("input")),
         step: a.step,
-        disabled: e(v),
+        disabled: e(c),
         controls: a.showInputControls,
         min: a.min,
         max: a.max,
         debounce: a.debounce,
         size: Q.value,
-        "onUpdate:modelValue": e(U),
-        onChange: e(F)
-      }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : k("", !0)
-    ], 42, Se));
+        "onUpdate:modelValue": e(F),
+        onChange: e(E)
+      }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : S("", !0)
+    ], 42, Ve));
   }
 });
 export {

package/es/components/steps/item.vue2.js

@@ -1,18 +1,18 @@
-import { defineComponent as D, ref as w, inject as Y, getCurrentInstance as q, onMounted as F, watch as G, computed as n, reactive as H, onBeforeUnmount as Q, createElementBlock as a, openBlock as i, normalizeClass as l, normalizeStyle as z, createCommentVNode as S, createElementVNode as d, unref as t, renderSlot as p, createTextVNode as k, toDisplayString as y, createBlock as N, mergeProps as R } from "vue";
-import { VftIcon as V } from "../icon/index.js";
+import { defineComponent as K, ref as N, inject as Y, getCurrentInstance as q, onMounted as x, watch as F, computed as n, reactive as G, onBeforeUnmount as H, createElementBlock as a, openBlock as i, normalizeClass as l, normalizeStyle as D, createCommentVNode as y, createElementVNode as m, unref as t, renderSlot as p, createTextVNode as $, toDisplayString as k, createBlock as V, mergeProps as Q } from "vue";
+import { VftIcon as I } from "../icon/index.js";
 import "@vueuse/core";
-import { singleAttrToObj as X, isNumber as Z } from "@vft/utils";
+import { singleAttrToObj as R, isNumber as X } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
+import { useNamespace as Z } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { STEPS_INJECTION_KEY as x } from "./tokens.js";
-const ee = D({
+import { STEPS_INJECTION_KEY as _ } from "./tokens.js";
+const ee = K({
   name: "VftStep"
-}), de = /* @__PURE__ */ D({
+}), de = /* @__PURE__ */ K({
   ...ee,
   props: {
     title: {},
@@ -20,10 +20,10 @@ const ee = D({
     description: {},
     status: {}
   },
-  setup(K) {
-    const I = K, e = _("step"), c = w(-1), B = w({}), m = w(""), o = Y(x), $ = q();
-    F(() => {
-      G(
+  setup(v) {
+    const B = v, e = Z("step"), c = N(-1), E = N({}), f = N(""), o = Y(_), h = q();
+    x(() => {
+      F(
         [
           () => o.props.active,
           () => o.props.processStatus,
@@ -35,45 +35,45 @@ const ee = D({
         { immediate: !0 }
       );
     });
-    const E = n(
-      () => X(I.icon, "icon")
-    ), r = n(() => I.status || m.value), O = n(() => {
+    const P = n(
+      () => R(B.icon, "icon")
+    ), r = n(() => B.status || f.value), O = n(() => {
       const s = o.steps.value[c.value - 1];
       return s ? s.currentStatus : "wait";
-    }), h = n(() => o.props.alignCenter), P = n(() => o.props.direction === "vertical"), u = n(() => o.props.simple), g = n(() => o.props.contentPosition === "top"), C = n(() => o.steps.value.length), T = n(() => o.steps.value[C.value - 1]?.uid === $.uid), f = n(() => u.value ? "" : o.props.space), A = n(() => [
+    }), g = n(() => o.props.alignCenter), T = n(() => o.props.direction === "vertical"), u = n(() => o.props.simple), C = n(() => o.props.contentPosition === "top"), b = n(() => o.steps.value.length), W = n(() => o.steps.value[b.value - 1]?.uid === h.uid), S = n(() => u.value ? "" : o.props.space), A = n(() => [
       e.b(),
       e.is(u.value ? "simple" : o.props.direction),
-      e.is("flex", T.value && !f.value && !h.value),
-      e.is("center", h.value && !P.value && !u.value),
-      e.is("content-top", g.value),
+      e.is("flex", W.value && !S.value && !g.value),
+      e.is("center", g.value && !T.value && !u.value),
+      e.is("content-top", C.value),
       e.is(r.value)
     ]), J = n(() => {
       const s = {
-        flexBasis: Z(f.value) ? `${f.value}px` : f.value ? f.value : `${100 / (C.value - (h.value ? 0 : 1))}%`
+        flexBasis: X(S.value) ? `${S.value}px` : S.value ? S.value : `${100 / (b.value - (g.value ? 0 : 1))}%`
       };
-      return P.value || T.value && (s.maxWidth = `${100 / C.value}%`), s;
+      return T.value || W.value && (s.maxWidth = `${100 / b.value}%`), s;
     }), L = (s) => {
       c.value = s;
     }, M = (s) => {
-      const v = s === "wait", b = {
-        transitionDelay: `${v ? "-" : ""}${150 * c.value}ms`
-      }, j = s === o.props.processStatus || v ? 0 : 100;
-      b.borderWidth = j && !u.value ? "1px" : 0, b[o.props.direction === "vertical" ? "height" : "width"] = `${j}%`, B.value = b;
+      const d = s === "wait", w = {
+        transitionDelay: `${d ? "-" : ""}${150 * c.value}ms`
+      }, z = s === o.props.processStatus || d ? 0 : 100;
+      w.borderWidth = z && !u.value ? "1px" : 0, w[o.props.direction === "vertical" ? "height" : "width"] = `${z}%`, E.value = w;
     }, U = (s) => {
-      s > c.value ? m.value = o.props.finishStatus : s === c.value && O.value !== "error" ? m.value = o.props.processStatus : m.value = "wait";
-      const v = o.steps.value[c.value - 1];
-      v && v.calcProgress(m.value);
-    }, W = H({
-      uid: $.uid,
-      getVnode: () => $.vnode,
+      s > c.value ? f.value = o.props.finishStatus : s === c.value && O.value !== "error" ? f.value = o.props.processStatus : f.value = "wait";
+      const d = o.steps.value[c.value - 1];
+      d && d.calcProgress(f.value);
+    }, j = G({
+      uid: h.uid,
+      getVnode: () => h.vnode,
       currentStatus: r,
       setIndex: L,
       calcProgress: M
     });
-    return o.addStep(W), Q(() => {
-      o.removeStep(W);
-    }), (s, v) => (i(), a("div", {
-      style: z(J.value),
+    return o.addStep(j), H(() => {
+      o.removeStep(j);
+    }), (s, d) => (i(), a("div", {
+      style: D(J.value),
       class: l(A.value)
     }, [
       s.$slots.top ? (i(), a("div", {
@@ -81,59 +81,59 @@ const ee = D({
         class: l(t(e).e("top-slot"))
       }, [
         p(s.$slots, "top")
-      ], 2)) : g.value ? (i(), a("div", {
+      ], 2)) : C.value ? (i(), a("div", {
         key: 1,
         class: l(t(e).e("main"))
       }, [
-        d("div", {
+        m("div", {
           class: l([t(e).e("title"), t(e).is(r.value)])
         }, [
           p(s.$slots, "title", {}, () => [
-            k(y(s.title), 1)
+            $(k(v.title), 1)
           ])
         ], 2),
         u.value ? (i(), a("div", {
           key: 0,
           class: l(t(e).e("arrow"))
-        }, null, 2)) : S("", !0),
-        d("div", {
+        }, null, 2)) : y("", !0),
+        m("div", {
           class: l([t(e).e("description"), t(e).is(r.value)])
         }, [
           p(s.$slots, "description", {}, () => [
-            k(y(s.description), 1)
+            $(k(v.description), 1)
           ])
         ], 2)
-      ], 2)) : S("", !0),
-      d("div", {
+      ], 2)) : y("", !0),
+      m("div", {
         class: l([t(e).e("head"), t(e).is(r.value)])
       }, [
-        u.value ? S("", !0) : (i(), a("div", {
+        u.value ? y("", !0) : (i(), a("div", {
           key: 0,
           class: l(t(e).e("line"))
         }, [
-          d("i", {
+          m("i", {
             class: l(t(e).e("line-inner")),
-            style: z(B.value)
+            style: D(E.value)
           }, null, 6)
         ], 2)),
-        d("div", {
-          class: l([t(e).e("icon"), t(e).is(s.icon || s.$slots.icon ? "icon" : "text")])
+        m("div", {
+          class: l([t(e).e("icon"), t(e).is(v.icon || s.$slots.icon ? "icon" : "text")])
         }, [
           p(s.$slots, "icon", {}, () => [
-            E.value?.icon ? (i(), N(t(V), R({ key: 0 }, E.value, {
+            P.value?.icon ? (i(), V(t(I), Q({ key: 0 }, P.value, {
               class: t(e).e("icon-inner")
-            }), null, 16, ["class"])) : r.value === "success" ? (i(), N(t(V), {
+            }), null, 16, ["class"])) : r.value === "success" ? (i(), V(t(I), {
               key: 1,
               class: l([t(e).e("icon-inner"), t(e).is("status")]),
               icon: "icon-check"
-            }, null, 8, ["class"])) : r.value === "error" ? (i(), N(t(V), {
+            }, null, 8, ["class"])) : r.value === "error" ? (i(), V(t(I), {
               key: 2,
               class: l([t(e).e("icon-inner"), t(e).is("status")]),
               icon: "icon-close"
-            }, null, 8, ["class"])) : u.value ? S("", !0) : (i(), a("div", {
+            }, null, 8, ["class"])) : u.value ? y("", !0) : (i(), a("div", {
               key: 3,
               class: l(t(e).e("icon-inner"))
-            }, y(c.value + 1), 3))
+            }, k(c.value + 1), 3))
           ])
         ], 2)
       ], 2),
@@ -142,15 +142,15 @@ const ee = D({
         class: l(t(e).e("bottom-slot"))
       }, [
         p(s.$slots, "bottom")
-      ], 2)) : g.value ? S("", !0) : (i(), a("div", {
+      ], 2)) : C.value ? y("", !0) : (i(), a("div", {
         key: 3,
         class: l(t(e).e("main"))
       }, [
-        d("div", {
+        m("div", {
           class: l([t(e).e("title"), t(e).is(r.value)])
         }, [
           p(s.$slots, "title", {}, () => [
-            k(y(s.title), 1)
+            $(k(v.title), 1)
           ])
         ], 2),
         u.value ? (i(), a("div", {
@@ -161,7 +161,7 @@ const ee = D({
           class: l([t(e).e("description"), t(e).is(r.value)])
         }, [
           p(s.$slots, "description", {}, () => [
-            k(y(s.description), 1)
+            $(k(v.description), 1)
           ])
         ], 2))
       ], 2))

package/es/components/steps/steps.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as p, getCurrentInstance as u, watch as n, provide as h, createElementBlock as S, openBlock as C, normalizeClass as v, unref as r, renderSlot as E, createVNode as _ } from "vue";
-import { CHANGE_EVENT as N } from "../../constants/event.js";
+import { defineComponent as m, getCurrentInstance as u, watch as a, provide as h, createElementBlock as S, openBlock as C, normalizeClass as v, unref as i, renderSlot as E, createVNode as N } from "vue";
+import { CHANGE_EVENT as _ } from "../../constants/event.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -11,9 +11,9 @@ import { useOrderedChildren as I } from "../../hooks/use-ordered-children/index.
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { STEPS_INJECTION_KEY as g } from "./tokens.js";
-const T = p({
+const T = m({
   name: "vft-steps"
-}), Y = /* @__PURE__ */ p({
+}), K = /* @__PURE__ */ m({
   ...T,
   props: {
     space: {},
@@ -26,30 +26,30 @@ const T = p({
     contentPosition: { default: "bottom" }
   },
   emits: ["change"],
-  setup(a, { emit: m }) {
-    const s = a, l = m, i = B("steps"), {
-      children: o,
-      addChild: d,
-      removeChild: c,
+  setup(o, { emit: p }) {
+    const s = o, l = p, n = B("steps"), {
+      children: r,
+      addChild: c,
+      removeChild: d,
       ChildrenSorter: f
     } = I(u(), "VftStep");
-    return n(o, () => {
-      o.value.forEach((e, t) => {
+    return a(r, () => {
+      r.value.forEach((e, t) => {
         e.setIndex(t);
       });
-    }), h(g, { props: s, steps: o, addStep: d, removeStep: c }), n(
+    }), h(g, { props: s, steps: r, addStep: c, removeStep: d }), a(
       () => s.active,
       (e, t) => {
-        l(N, e, t);
+        l(_, e, t);
       }
     ), (e, t) => (C(), S("div", {
-      class: v([r(i).b(), r(i).m(e.simple ? "simple" : e.direction)])
+      class: v([i(n).b(), i(n).m(o.simple ? "simple" : o.direction)])
     }, [
       E(e.$slots, "default"),
-      _(r(f))
+      N(i(f))
     ], 2));
   }
 });
 export {
-  Y as default
+  K as default
 };