vft 0.0.428 → 0.0.430

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

@@ -0,0 +1,106 @@
+import { defineComponent as b, reactive as N, getCurrentInstance as S, toRefs as T, createElementBlock as P, openBlock as z, unref as t, normalizeStyle as K, normalizeClass as d, createVNode as L, withCtx as f, createElementVNode as g, toDisplayString as X } from "vue";
+import "@popperjs/core";
+import { isNumber as Y } from "@vft/utils";
+import { VftTooltip as A } from "../tooltip/index.js";
+import { UPDATE_MODEL_EVENT as F } 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 I } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "../../hooks/use-z-index/index.js";
+import { useSliderButton as O } from "./composables/use-slider-button.js";
+const R = ["tabindex"], U = b({
+  name: "VftSliderButton"
+}), nt = /* @__PURE__ */ b({
+  ...U,
+  props: {
+    modelValue: { default: 0 },
+    vertical: { type: Boolean },
+    tooltipClass: {},
+    placement: { default: "top" }
+  },
+  emits: {
+    [F]: (n) => Y(n)
+  },
+  setup(n, { expose: v, emit: c }) {
+    const V = c, m = I("slider"), u = N({
+      hovering: !1,
+      dragging: !1,
+      isClick: !1,
+      startX: 0,
+      currentX: 0,
+      startY: 0,
+      currentY: 0,
+      startPosition: 0,
+      newPosition: 0,
+      oldValue: n.modelValue
+    }), w = S(), {
+      disabled: y,
+      button: B,
+      tooltip: C,
+      showTooltip: E,
+      tooltipVisible: k,
+      wrapperStyle: x,
+      formatValue: D,
+      handleMouseEnter: s,
+      handleMouseLeave: i,
+      onButtonDown: r,
+      onKeyDown: l,
+      setPosition: M
+    } = O(w.props, u, V), { hovering: a, dragging: p } = T(u);
+    return v({
+      onButtonDown: r,
+      onKeyDown: l,
+      setPosition: M,
+      hovering: a,
+      dragging: p
+    }), (j, e) => (z(), P("div", {
+      ref_key: "button",
+      ref: B,
+      class: d([t(m).e("button-wrapper"), { hover: t(a), dragging: t(p) }]),
+      style: K(t(x)),
+      tabindex: t(y) ? -1 : 0,
+      onMouseenter: e[0] || (e[0] = //@ts-ignore
+      (...o) => t(s) && t(s)(...o)),
+      onMouseleave: e[1] || (e[1] = //@ts-ignore
+      (...o) => t(i) && t(i)(...o)),
+      onMousedown: e[2] || (e[2] = //@ts-ignore
+      (...o) => t(r) && t(r)(...o)),
+      onTouchstart: e[3] || (e[3] = //@ts-ignore
+      (...o) => t(r) && t(r)(...o)),
+      onFocus: e[4] || (e[4] = //@ts-ignore
+      (...o) => t(s) && t(s)(...o)),
+      onBlur: e[5] || (e[5] = //@ts-ignore
+      (...o) => t(i) && t(i)(...o)),
+      onKeydown: e[6] || (e[6] = //@ts-ignore
+      (...o) => t(l) && t(l)(...o))
+    }, [
+      L(t(A), {
+        ref_key: "tooltip",
+        ref: C,
+        visible: t(k),
+        placement: n.placement,
+        "fallback-placements": ["top", "bottom", "right", "left"],
+        "stop-popper-mouse-event": !1,
+        "popper-class": n.tooltipClass,
+        disabled: !t(E),
+        persistent: ""
+      }, {
+        content: f(() => [
+          g("span", null, X(t(D)), 1)
+        ]),
+        default: f(() => [
+          g("div", {
+            class: d([t(m).e("button"), { hover: t(a), dragging: t(p) }])
+          }, null, 2)
+        ]),
+        _: 1
+      }, 8, ["visible", "placement", "popper-class", "disabled"])
+    ], 46, R));
+  }
+});
+export {
+  nt as default
+};

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

@@ -0,0 +1,225 @@
+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 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 se } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "../../hooks/use-z-index/index.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 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 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 xe } from "../form/hooks/use-form-common-props.js";
+const Ve = ["id", "role", "aria-labelledby"], Se = { key: 1 }, ke = $({
+  name: "vft-slider"
+}), He = /* @__PURE__ */ $({
+  ...ke,
+  props: {
+    modelValue: { default: 0 },
+    id: {},
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    showInput: { type: Boolean },
+    showInputControls: { type: Boolean, default: !0 },
+    size: {},
+    inputSize: {},
+    showStops: { type: Boolean },
+    showTooltip: { type: Boolean, default: !0 },
+    formatTooltip: {},
+    disabled: { type: Boolean },
+    range: { type: Boolean },
+    vertical: { type: Boolean },
+    height: {},
+    debounce: { default: 300 },
+    label: {},
+    rangeStartLabel: {},
+    rangeEndLabel: {},
+    formatValueText: {},
+    tooltipClass: {},
+    placement: { default: "top" },
+    marks: {},
+    validateEvent: { type: Boolean, default: !0 }
+  },
+  emits: ye,
+  setup(a, { expose: K, emit: P }) {
+    const z = P, l = se("slider"), s = oe({
+      firstValue: 0,
+      secondValue: 0,
+      oldValue: 0,
+      dragging: !1,
+      sliderSize: 1
+    }), n = ie(), {
+      elFormItem: b,
+      slider: R,
+      firstButton: j,
+      secondButton: q,
+      sliderDisabled: c,
+      minValue: C,
+      maxValue: T,
+      runwayStyle: A,
+      barStyle: G,
+      resetSize: L,
+      emitChange: E,
+      onSliderWrapperPrevent: y,
+      onSliderClick: H,
+      onSliderDown: g,
+      setFirstValue: F,
+      setSecondValue: J
+    } = 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, x);
+    }), { sliderWrapper: ae } = me(n.props, s, L), { firstValue: m, secondValue: v, sliderSize: te } = D(s), le = (x) => {
+      s.dragging = x;
+    };
+    return re(pe, {
+      ...D(n.props),
+      sliderSize: te,
+      disabled: c.value,
+      precision: ee,
+      emitChange: E,
+      resetSize: L,
+      updateDragging: le
+    }), K({
+      onSliderClick: H
+    }), (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(N) ? e(b)?.labelId : void 0,
+      onTouchstart: i[2] || (i[2] = //@ts-ignore
+      (...t) => e(y) && e(y)(...t)),
+      onTouchmove: i[3] || (i[3] = //@ts-ignore
+      (...t) => e(y) && e(y)(...t))
+    }, [
+      V("div", {
+        ref_key: "slider",
+        ref: R,
+        class: u([
+          e(l).e("runway"),
+          { "show-input": a.showInput && !a.range },
+          e(l).is("disabled", e(c))
+        ]),
+        style: p(e(A)),
+        onMousedown: i[0] || (i[0] = //@ts-ignore
+        (...t) => e(g) && e(g)(...t)),
+        onTouchstart: i[1] || (i[1] = //@ts-ignore
+        (...t) => e(g) && e(g)(...t))
+      }, [
+        V("div", {
+          class: u(e(l).e("bar")),
+          style: p(e(G))
+        }, null, 6),
+        ne(M, {
+          id: a.range ? void 0 : e(U),
+          ref_key: "firstButton",
+          ref: j,
+          "model-value": e(m),
+          vertical: a.vertical,
+          "tooltip-class": a.tooltipClass,
+          placement: a.placement,
+          role: "slider",
+          "aria-labelledby": !a.range && e(N) ? e(b)?.labelId : void 0,
+          "aria-valuemin": a.min,
+          "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(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 ? (o(), I(M, {
+          key: 0,
+          ref_key: "secondButton",
+          ref: q,
+          "model-value": e(v),
+          vertical: a.vertical,
+          "tooltip-class": a.tooltipClass,
+          placement: a.placement,
+          role: "slider",
+          "aria-label": Y.value,
+          "aria-valuemin": e(m),
+          "aria-valuemax": a.max,
+          "aria-valuenow": e(v),
+          "aria-valuetext": Z.value,
+          "aria-orientation": a.vertical ? "vertical" : "horizontal",
+          "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"])) : 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))
+        ])) : 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))
+          ]),
+          V("div", {
+            class: u(e(l).e("marks"))
+          }, [
+            (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)) : S("", !0)
+      ], 38),
+      a.showInput && !a.range ? (o(), I(e(ue), {
+        key: 0,
+        ref: "input",
+        "model-value": e(m),
+        class: u(e(l).e("input")),
+        step: a.step,
+        disabled: e(c),
+        controls: a.showInputControls,
+        min: a.min,
+        max: a.max,
+        debounce: a.debounce,
+        size: Q.value,
+        "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 {
+  He as default
+};

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

@@ -0,0 +1,173 @@
+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 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 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 _ } from "./tokens.js";
+const ee = K({
+  name: "VftStep"
+}), de = /* @__PURE__ */ K({
+  ...ee,
+  props: {
+    title: {},
+    icon: {},
+    description: {},
+    status: {}
+  },
+  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,
+          () => o.props.finishStatus
+        ],
+        ([s]) => {
+          U(s);
+        },
+        { immediate: !0 }
+      );
+    });
+    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";
+    }), 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", 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: X(S.value) ? `${S.value}px` : S.value ? S.value : `${100 / (b.value - (g.value ? 0 : 1))}%`
+      };
+      return T.value || W.value && (s.maxWidth = `${100 / b.value}%`), s;
+    }), L = (s) => {
+      c.value = s;
+    }, M = (s) => {
+      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 ? 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(j), H(() => {
+      o.removeStep(j);
+    }), (s, d) => (i(), a("div", {
+      style: D(J.value),
+      class: l(A.value)
+    }, [
+      s.$slots.top ? (i(), a("div", {
+        key: 0,
+        class: l(t(e).e("top-slot"))
+      }, [
+        p(s.$slots, "top")
+      ], 2)) : C.value ? (i(), a("div", {
+        key: 1,
+        class: l(t(e).e("main"))
+      }, [
+        m("div", {
+          class: l([t(e).e("title"), t(e).is(r.value)])
+        }, [
+          p(s.$slots, "title", {}, () => [
+            $(k(v.title), 1)
+          ])
+        ], 2),
+        u.value ? (i(), a("div", {
+          key: 0,
+          class: l(t(e).e("arrow"))
+        }, null, 2)) : y("", !0),
+        m("div", {
+          class: l([t(e).e("description"), t(e).is(r.value)])
+        }, [
+          p(s.$slots, "description", {}, () => [
+            $(k(v.description), 1)
+          ])
+        ], 2)
+      ], 2)) : y("", !0),
+      m("div", {
+        class: l([t(e).e("head"), t(e).is(r.value)])
+      }, [
+        u.value ? y("", !0) : (i(), a("div", {
+          key: 0,
+          class: l(t(e).e("line"))
+        }, [
+          m("i", {
+            class: l(t(e).e("line-inner")),
+            style: D(E.value)
+          }, null, 6)
+        ], 2)),
+        m("div", {
+          class: l([t(e).e("icon"), t(e).is(v.icon || s.$slots.icon ? "icon" : "text")])
+        }, [
+          p(s.$slots, "icon", {}, () => [
+            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(), 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(), V(t(I), {
+              key: 2,
+              class: l([t(e).e("icon-inner"), t(e).is("status")]),
+              icon: "icon-close"
+            }, null, 8, ["class"])) : u.value ? y("", !0) : (i(), a("div", {
+              key: 3,
+              class: l(t(e).e("icon-inner"))
+            }, k(c.value + 1), 3))
+          ])
+        ], 2)
+      ], 2),
+      s.$slots.bottom ? (i(), a("div", {
+        key: 2,
+        class: l(t(e).e("bottom-slot"))
+      }, [
+        p(s.$slots, "bottom")
+      ], 2)) : C.value ? y("", !0) : (i(), a("div", {
+        key: 3,
+        class: l(t(e).e("main"))
+      }, [
+        m("div", {
+          class: l([t(e).e("title"), t(e).is(r.value)])
+        }, [
+          p(s.$slots, "title", {}, () => [
+            $(k(v.title), 1)
+          ])
+        ], 2),
+        u.value ? (i(), a("div", {
+          key: 0,
+          class: l(t(e).e("arrow"))
+        }, null, 2)) : (i(), a("div", {
+          key: 1,
+          class: l([t(e).e("description"), t(e).is(r.value)])
+        }, [
+          p(s.$slots, "description", {}, () => [
+            $(k(v.description), 1)
+          ])
+        ], 2))
+      ], 2))
+    ], 6));
+  }
+});
+export {
+  de as default
+};

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

@@ -0,0 +1,55 @@
+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";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as B } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import { useOrderedChildren as I } from "../../hooks/use-ordered-children/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { STEPS_INJECTION_KEY as g } from "./tokens.js";
+const T = m({
+  name: "vft-steps"
+}), K = /* @__PURE__ */ m({
+  ...T,
+  props: {
+    space: {},
+    active: { default: 0 },
+    direction: { default: "horizontal" },
+    alignCenter: { type: Boolean },
+    simple: { type: Boolean },
+    finishStatus: { default: "finish" },
+    processStatus: { default: "process" },
+    contentPosition: { default: "bottom" }
+  },
+  emits: ["change"],
+  setup(o, { emit: p }) {
+    const s = o, l = p, n = B("steps"), {
+      children: r,
+      addChild: c,
+      removeChild: d,
+      ChildrenSorter: f
+    } = I(u(), "VftStep");
+    return a(r, () => {
+      r.value.forEach((e, t) => {
+        e.setIndex(t);
+      });
+    }), h(g, { props: s, steps: r, addStep: c, removeStep: d }), a(
+      () => s.active,
+      (e, t) => {
+        l(_, e, t);
+      }
+    ), (e, t) => (C(), S("div", {
+      class: v([i(n).b(), i(n).m(o.simple ? "simple" : o.direction)])
+    }, [
+      E(e.$slots, "default"),
+      N(i(f))
+    ], 2));
+  }
+});
+export {
+  K as default
+};

package/es/components/super-form/super-form-action.vue2.js

@@ -0,0 +1,108 @@
+import { defineComponent as g, computed as a, createBlock as l, openBlock as c, unref as t, normalizeProps as R, guardReactiveProps as x, withCtx as u, createVNode as T, normalizeClass as N, createCommentVNode as r, renderSlot as v, mergeProps as p, createTextVNode as B, toDisplayString as f } from "vue";
+import { VftButton as b } from "../button/index.js";
+import { VftFormItem as V } from "../form/index.js";
+import { VftRow as S } from "../row/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import { useNamespace as j } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { useFormContext as A } from "./use/use-form-context.js";
+const Q = /* @__PURE__ */ g({
+  __name: "super-form-action",
+  props: {
+    showResetButton: { type: Boolean },
+    showSubmitButton: { type: Boolean },
+    showCommonButton: { type: Boolean },
+    resetButtonOptions: {},
+    submitButtonOptions: {},
+    commonButtonOptions: {},
+    actionRowOptions: {},
+    submitResetReverse: { type: Boolean }
+  },
+  setup(o) {
+    const m = j("form-action"), { resetAction: k, submitAction: w, commonAction: C } = A(), O = a(() => ({
+      justify: "end",
+      ...o.actionRowOptions
+    })), h = a(
+      () => Object.assign({ btnText: "重置" }, o.resetButtonOptions)
+    ), d = a(
+      () => Object.assign({ btnText: "确认" }, o.submitButtonOptions)
+    ), n = a(
+      () => Object.assign({ btnText: "取消" }, o.commonButtonOptions)
+    ), y = (e) => ({
+      type: e ? "warning" : "primary",
+      options: e ? h.value : d.value,
+      action: e ? k : w,
+      className: e ? m.e("reset") : m.e("submit"),
+      show: e ? o.showResetButton : o.showSubmitButton
+    }), s = a(
+      () => y(!o.submitResetReverse)
+    ), i = a(
+      () => y(o.submitResetReverse)
+    );
+    return (e, P) => (c(), l(t(S), R(x(O.value)), {
+      default: u(() => [
+        T(t(V), {
+          class: N([{ "submit-block": d.value.block }, t(m).b()])
+        }, {
+          default: u(() => [
+            o.showCommonButton && !n.value.isBehind ? (c(), l(t(b), p({ key: 0 }, n.value, {
+              class: t(m).e("common"),
+              onClick: t(C)
+            }), {
+              default: u(() => [
+                B(f(n.value.btnText), 1)
+              ]),
+              _: 1
+            }, 16, ["class", "onClick"])) : r("", !0),
+            v(e.$slots, "resetBefore"),
+            s.value.show ? (c(), l(t(b), p({
+              key: 1,
+              type: s.value.type
+            }, s.value.options, {
+              onClick: s.value.action,
+              class: s.value.className
+            }), {
+              default: u(() => [
+                B(f(s.value.options.btnText), 1)
+              ]),
+              _: 1
+            }, 16, ["type", "onClick", "class"])) : r("", !0),
+            v(e.$slots, "submitBefore"),
+            i.value.show ? (c(), l(t(b), p({
+              key: 2,
+              type: i.value.type
+            }, i.value.options, {
+              onClick: i.value.action,
+              class: i.value.className
+            }), {
+              default: u(() => [
+                B(f(i.value.options.btnText), 1)
+              ]),
+              _: 1
+            }, 16, ["type", "onClick", "class"])) : r("", !0),
+            v(e.$slots, "submitAfter"),
+            o.showCommonButton && n.value.isBehind ? (c(), l(t(b), p({ key: 3 }, n.value, {
+              class: t(m).e("common"),
+              onClick: t(C)
+            }), {
+              default: u(() => [
+                B(f(n.value.btnText), 1)
+              ]),
+              _: 1
+            }, 16, ["class", "onClick"])) : r("", !0)
+          ]),
+          _: 3
+        }, 8, ["class"])
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  Q as default
+};