vft 0.0.428 → 0.0.430

package/es/packages/components/progress/progress.vue2.js

@@ -1,167 +0,0 @@
-import { defineComponent as T, computed as s, createElementBlock as i, openBlock as l, normalizeClass as n, unref as a, createCommentVNode as p, createElementVNode as f, normalizeStyle as u, renderSlot as C, toDisplayString as D, createBlock as x, normalizeProps as A, mergeProps as L } from "vue";
-import { isFunction as M, isString as I } from "@vft/utils";
-import { VftIcon as E } from "../icon/index.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 "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-const R = ["aria-valuenow"], U = { viewBox: "0 0 100 100" }, j = ["d", "stroke", "stroke-width"], q = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"], G = { key: 0 }, H = T({
-  name: "vft-progress"
-}), se = /* @__PURE__ */ T({
-  ...H,
-  props: {
-    type: { default: "line" },
-    percentage: { default: 0 },
-    status: { default: "" },
-    indeterminate: { type: Boolean, default: !1 },
-    duration: { default: 3 },
-    strokeWidth: { default: 6 },
-    strokeLinecap: { default: "round" },
-    textInside: { type: Boolean, default: !1 },
-    width: { default: 126 },
-    showText: { type: Boolean, default: !0 },
-    color: { type: [String, Array, Function], default: "" },
-    striped: { type: Boolean, default: !1 },
-    stripedFlow: { type: Boolean, default: !1 },
-    format: { type: Function, default: (t) => `${t}%` }
-  },
-  setup(t) {
-    const r = O("progress"), y = {
-      success: "#13ce66",
-      exception: "#ff4949",
-      warning: "#e6a23c",
-      default: "#20a0ff"
-    }, F = s(() => ({
-      width: `${t.percentage}%`,
-      animationDuration: `${t.duration}s`,
-      backgroundColor: B(t.percentage)
-    })), h = s(
-      () => (t.strokeWidth / t.width * 100).toFixed(1)
-    ), g = s(() => ["circle", "dashboard"].includes(t.type) ? Number.parseInt(
-      `${50 - Number.parseFloat(h.value) / 2}`,
-      10
-    ) : 0), $ = s(() => {
-      const e = g.value, o = t.type === "dashboard";
-      return `
-          M 50 50
-          m 0 ${o ? "" : "-"}${e}
-          a ${e} ${e} 0 1 1 0 ${o ? "-" : ""}${e * 2}
-          a ${e} ${e} 0 1 1 0 ${o ? "" : "-"}${e * 2}
-          `;
-    }), c = s(() => 2 * Math.PI * g.value), m = s(() => t.type === "dashboard" ? 0.75 : 1), b = s(() => `${-1 * c.value * (1 - m.value) / 2}px`), P = s(() => ({
-      strokeDasharray: `${c.value * m.value}px, ${c.value}px`,
-      strokeDashoffset: b.value
-    })), N = s(() => ({
-      strokeDasharray: `${c.value * m.value * (t.percentage / 100)}px, ${c.value}px`,
-      strokeDashoffset: b.value,
-      transition: "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s"
-    })), z = s(() => {
-      let e;
-      return t.color ? e = B(t.percentage) : e = y[t.status] || y.default, e;
-    }), w = s(() => t.status === "warning" ? "icon-warning-filled" : t.type === "line" ? t.status === "success" ? "icon-circle-check" : "icon-circle-close" : t.status === "success" ? "icon-check" : "icon-close"), W = s(() => t.type === "line" ? 12 + t.strokeWidth * 0.4 : t.width * 0.111111 + 2), S = s(() => t.format(t.percentage));
-    function V(e) {
-      const o = 100 / e.length;
-      return e.map((d, k) => I(d) ? {
-        color: d,
-        percentage: (k + 1) * o
-      } : d).sort((d, k) => d.percentage - k.percentage);
-    }
-    const B = (e) => {
-      if (M(t.color))
-        return t.color(e);
-      if (I(t.color))
-        return t.color;
-      {
-        const o = V(t.color);
-        for (const v of o)
-          if (v.percentage > e) return v.color;
-        return o[o.length - 1]?.color;
-      }
-    };
-    return (e, o) => (l(), i("div", {
-      class: n([
-        a(r).b(),
-        a(r).m(e.type),
-        a(r).is(e.status),
-        {
-          [a(r).m("without-text")]: !e.showText,
-          [a(r).m("text-inside")]: e.textInside
-        }
-      ]),
-      role: "progressbar",
-      "aria-valuenow": e.percentage,
-      "aria-valuemin": "0",
-      "aria-valuemax": "100"
-    }, [
-      e.type === "line" ? (l(), i("div", {
-        key: 0,
-        class: n(a(r).b("bar"))
-      }, [
-        f("div", {
-          class: n(a(r).be("bar", "outer")),
-          style: u({ height: `${e.strokeWidth}px` })
-        }, [
-          f("div", {
-            class: n([
-              a(r).be("bar", "inner"),
-              { [a(r).bem("bar", "inner", "indeterminate")]: e.indeterminate },
-              { [a(r).bem("bar", "inner", "striped")]: e.striped },
-              { [a(r).bem("bar", "inner", "striped-flow")]: e.stripedFlow }
-            ]),
-            style: u(F.value)
-          }, [
-            (e.showText || e.$slots.default) && e.textInside ? (l(), i("div", {
-              key: 0,
-              class: n(a(r).be("bar", "innerText"))
-            }, [
-              C(e.$slots, "default", { percentage: e.percentage }, () => [
-                f("span", null, D(S.value), 1)
-              ])
-            ], 2)) : p("", !0)
-          ], 6)
-        ], 6)
-      ], 2)) : (l(), i("div", {
-        key: 1,
-        class: n(a(r).b("circle")),
-        style: u({ height: `${e.width}px`, width: `${e.width}px` })
-      }, [
-        (l(), i("svg", U, [
-          f("path", {
-            class: n(a(r).be("circle", "track")),
-            d: $.value,
-            stroke: `var(${a(r).cssVarName("fill-color-light")}, #e5e9f2)`,
-            "stroke-width": h.value,
-            fill: "none",
-            style: u(P.value)
-          }, null, 14, j),
-          f("path", {
-            class: n(a(r).be("circle", "path")),
-            d: $.value,
-            stroke: z.value,
-            fill: "none",
-            opacity: e.percentage ? 1 : 0,
-            "stroke-linecap": e.strokeLinecap,
-            "stroke-width": h.value,
-            style: u(N.value)
-          }, null, 14, q)
-        ]))
-      ], 6)),
-      (e.showText || e.$slots.default) && !e.textInside ? (l(), i("div", {
-        key: 2,
-        class: n(a(r).e("text")),
-        style: u({ fontSize: `${W.value}px` })
-      }, [
-        C(e.$slots, "default", { percentage: e.percentage }, () => [
-          e.status ? w.value?.icon ? (l(), x(a(E), A(L({ key: 1 }, w.value)), null, 16)) : p("", !0) : (l(), i("span", G, D(S.value), 1))
-        ])
-      ], 6)) : p("", !0)
-    ], 10, R));
-  }
-});
-export {
-  se as default
-};

package/es/packages/components/qrcode/qrcode.vue2.js

@@ -1,77 +0,0 @@
-import { defineComponent as s, ref as w, onMounted as g, getCurrentInstance as v, watch as p, createElementBlock as h, openBlock as l, createBlock as C, resolveDynamicComponent as y, unref as c } from "vue";
-import { downloadByUrl as E } from "@vft/utils";
-import { toDataURL as L } from "qrcode";
-import { toCanvas as k } from "./toCanvas.js";
-const x = s({
-  name: "vft-qrcode"
-}), M = /* @__PURE__ */ s({
-  ...x,
-  props: {
-    value: {},
-    options: {},
-    width: { default: 200 },
-    logo: {},
-    tag: { default: "canvas" }
-  },
-  emits: ["done", "error"],
-  setup(n, { expose: f, emit: u }) {
-    const a = u, r = w(null);
-    async function i() {
-      try {
-        const o = String(n.value), t = c(r);
-        if (!t) return;
-        if (n.tag === "canvas") {
-          const e = await k({
-            canvas: t,
-            width: n.width,
-            logo: n.logo,
-            content: o,
-            options: n.options || {}
-          });
-          a("done", {
-            url: e,
-            ctx: t.getContext("2d")
-          });
-          return;
-        }
-        if (n.tag === "img") {
-          const e = await L(o, {
-            errorCorrectionLevel: "H",
-            width: n.width,
-            ...n.options
-          });
-          c(r).src = e, a("done", { url: e });
-        }
-      } catch (o) {
-        a("error", o);
-      }
-    }
-    function d(o) {
-      let t = "";
-      const e = c(r);
-      e instanceof HTMLCanvasElement ? t = e.toDataURL() : e instanceof HTMLImageElement && (t = e.src), t && E({
-        url: t,
-        fileName: o
-      });
-    }
-    g(i);
-    const m = v();
-    return p(
-      m.props,
-      () => {
-        i();
-      },
-      { deep: !0 }
-    ), f({
-      download: d
-    }), (o, t) => (l(), h("div", null, [
-      (l(), C(y(o.tag), {
-        ref_key: "wrapRef",
-        ref: r
-      }, null, 512))
-    ]));
-  }
-});
-export {
-  M as default
-};

package/es/packages/components/radio/radio-button.vue2.js

@@ -1,74 +0,0 @@
-import { defineComponent as b, computed as C, createElementBlock as g, openBlock as N, normalizeClass as u, unref as e, withDirectives as V, createElementVNode as m, withModifiers as p, isRef as $, vModelRadio as R, normalizeStyle as w, renderSlot as z, createTextVNode as x, toDisplayString as D } from "vue";
-import "@vueuse/core";
-import "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../form/index.js";
-import { useNamespace as E } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { useRadio as M } from "./use-radio.js";
-const F = ["value", "name", "disabled"], G = b({
-  name: "vft-radio-button"
-}), P = /* @__PURE__ */ b({
-  ...G,
-  props: {
-    size: {},
-    disabled: { type: Boolean },
-    label: { type: [String, Number, Boolean] },
-    value: { type: [String, Number, Boolean] },
-    modelValue: { type: [String, Number, Boolean] },
-    name: {},
-    border: { type: Boolean }
-  },
-  emits: ["click"],
-  setup(f, { emit: v }) {
-    const t = E("radio"), y = f, { radioRef: c, focus: a, size: k, disabled: d, modelValue: i, radioGroup: l, actualValue: s } = M(y), B = v, S = C(() => ({
-      backgroundColor: l?.fill || "",
-      borderColor: l?.fill || "",
-      boxShadow: l?.fill ? `-1px 0 0 0 ${l.fill}` : "",
-      color: l?.textColor || ""
-    }));
-    return (r, o) => (N(), g("label", {
-      class: u([
-        e(t).b("button"),
-        e(t).is("active", e(i) === e(s)),
-        e(t).is("disabled", e(d)),
-        e(t).is("focus", e(a)),
-        e(t).bm("button", e(k))
-      ])
-    }, [
-      V(m("input", {
-        ref_key: "radioRef",
-        ref: c,
-        "onUpdate:modelValue": o[0] || (o[0] = (n) => $(i) ? i.value = n : null),
-        class: u(e(t).be("button", "original-radio")),
-        value: e(s),
-        type: "radio",
-        name: r.name || e(l)?.name,
-        disabled: e(d),
-        onFocus: o[1] || (o[1] = (n) => a.value = !0),
-        onBlur: o[2] || (o[2] = (n) => a.value = !1),
-        onClick: o[3] || (o[3] = p(() => {
-        }, ["stop"]))
-      }, null, 42, F), [
-        [R, e(i)]
-      ]),
-      m("span", {
-        onClick: o[4] || (o[4] = (n) => B("click", r.$props)),
-        class: u(e(t).be("button", "inner")),
-        style: w(e(i) === e(s) ? S.value : {}),
-        onKeydown: o[5] || (o[5] = p(() => {
-        }, ["stop"]))
-      }, [
-        z(r.$slots, "default", {}, () => [
-          x(D(r.label), 1)
-        ])
-      ], 38)
-    ], 2));
-  }
-});
-export {
-  P as default
-};

package/es/packages/components/radio/radio-group.vue2.js

@@ -1,82 +0,0 @@
-import { defineComponent as u, ref as g, onMounted as E, computed as B, provide as k, reactive as h, toRefs as C, watch as z, createElementBlock as s, openBlock as n, unref as t, normalizeClass as N, renderSlot as A, Fragment as F, renderList as G, createBlock as L, resolveDynamicComponent as T, nextTick as V } from "vue";
-import "../form/index.js";
-import { UPDATE_MODEL_EVENT as p, CHANGE_EVENT as D } from "../../constants/event.js";
-import "@vueuse/core";
-import "@vft/utils";
-import { debugWarn as R } from "../../utils/error.js";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import { useId as S } from "../../hooks/use-id/index.js";
-import { useNamespace as $ } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { radioGroupKey as M } from "./constants.js";
-import q from "./radio.vue2.js";
-import w from "./radio-button.vue2.js";
-import { useFormItem as x, useFormItemInputId as H } from "../form/hooks/use-form-item.js";
-const K = ["id", "aria-label", "aria-labelledby"], O = u({
-  name: "vft-radio-group"
-}), me = /* @__PURE__ */ u({
-  ...O,
-  props: {
-    id: {},
-    size: {},
-    disabled: { type: Boolean },
-    label: {},
-    modelValue: { type: [String, Number, Boolean] },
-    name: {},
-    fill: {},
-    textColor: {},
-    validateEvent: { type: Boolean, default: !0 },
-    useButton: { type: Boolean },
-    options: {}
-  },
-  emits: [p, D],
-  setup(c, { emit: f }) {
-    const r = c, i = f, b = $("radio"), v = S(), m = g(), { formItem: a } = x(), { inputId: y, isLabeledByFormItem: d } = H(r, {
-      formItemContext: a
-    }), I = (e) => {
-      i(p, e), V(() => i("change", e));
-    };
-    E(() => {
-      const e = m.value.querySelectorAll("[type=radio]"), l = e[0];
-      !Array.from(e).some((o) => o.checked) && l && (l.tabIndex = 0);
-    });
-    const _ = B(() => r.name || v.value);
-    return k(
-      M,
-      h({
-        ...C(r),
-        changeEvent: I,
-        name: _
-      })
-    ), z(
-      () => r.modelValue,
-      () => {
-        r.validateEvent && a?.validate("change").catch((e) => R(e));
-      }
-    ), (e, l) => (n(), s("div", {
-      id: t(y),
-      ref_key: "radioGroupRef",
-      ref: m,
-      class: N(t(b).b("group")),
-      role: "radiogroup",
-      "aria-label": t(d) ? void 0 : e.label || "radio-group",
-      "aria-labelledby": t(d) ? t(a)?.labelId : void 0
-    }, [
-      e.options ? (n(!0), s(F, { key: 0 }, G(e.options, (o) => (n(), L(T(e.useButton ? w : q), {
-        size: o.size,
-        disabled: o.disabled,
-        label: o.label,
-        value: o.value,
-        name: o.name,
-        border: o.border,
-        key: o.value
-      }, null, 8, ["size", "disabled", "label", "value", "name", "border"]))), 128)) : A(e.$slots, "default", { key: 1 })
-    ], 10, K));
-  }
-});
-export {
-  me as default
-};

package/es/packages/components/router-view-content/router-view-content.vue2.js

@@ -1,61 +0,0 @@
-import { defineComponent as v, computed as u, resolveComponent as C, createBlock as n, openBlock as a, withCtx as m, createVNode as d, unref as r, KeepAlive as A, createCommentVNode as k, resolveDynamicComponent as f, Transition as B, mergeProps as N } from "vue";
-import { getRouterKeyPath as R } from "@vft/router";
-import "vue-router";
-import { createReusableTemplate as K } from "@vueuse/core";
-const P = v({
-  name: "vft-router-view-content"
-}), x = /* @__PURE__ */ v({
-  ...P,
-  props: {
-    cacheList: {},
-    transitionName: {},
-    transitionAttr: {},
-    openKeepAlive: { type: Boolean, default: !0 },
-    isReloadFlag: { type: Boolean },
-    pageErrorStatus: { type: Boolean },
-    enableErrorHandle: { type: Boolean },
-    exceptionComp: {}
-  },
-  setup(t) {
-    const h = u(() => t.openKeepAlive ? t.cacheList : []), c = u(() => (e) => t.enableErrorHandle && t.pageErrorStatus && t.exceptionComp || e), y = u(() => (e) => {
-      let o = e.name;
-      return e.meta?.currentActivePath && (o = e.matched?.filter((l) => l.path === e.meta?.currentActivePath)?.[0].name), t.isReloadFlag ? void 0 : o;
-    }), [g, s] = K();
-    return (e, o) => {
-      const l = C("router-view");
-      return a(), n(l, null, {
-        default: m(({ Component: p, route: i }) => [
-          d(r(g), null, {
-            default: m(() => [
-              e.openKeepAlive ? (a(), n(A, {
-                key: 0,
-                include: h.value,
-                exclude: y.value(i)
-              }, [
-                e.isReloadFlag ? (a(), n(f(c.value(p)), {
-                  key: r(R)(i)
-                })) : k("", !0)
-              ], 1032, ["include", "exclude"])) : (a(), n(f(c.value(p)), {
-                key: i.fullPath
-              }))
-            ]),
-            _: 2
-          }, 1024),
-          e.transitionName ? (a(), n(B, N({
-            key: 0,
-            name: e.transitionName
-          }, e.transitionAttr), {
-            default: m(() => [
-              d(r(s))
-            ]),
-            _: 1
-          }, 16, ["name"])) : (a(), n(r(s), { key: 1 }))
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  x as default
-};

package/es/packages/components/roving-focus-group/roving-focus-item.vue2.js

@@ -1,100 +0,0 @@
-import { defineComponent as p, inject as u, ref as g, unref as r, nextTick as R, computed as l, provide as G, createBlock as K, openBlock as V, withCtx as x, renderSlot as S } from "vue";
-import { EVENT_CODE as U } from "../../constants/aria.js";
-import "@vueuse/core";
-import "@vft/utils";
-import { composeEventHandlers as i } from "../../utils/event.js";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../form/index.js";
-import { useId as B } from "../../hooks/use-id/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { ROVING_FOCUS_GROUP_INJECTION_KEY as J, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as L } from "./tokens.js";
-import { VftCollectionItem as d, ROVING_FOCUS_COLLECTION_INJECTION_KEY as Y } from "./types.js";
-import { getFocusIntent as D, reorderArray as M, focusFirst as P } from "./utils.js";
-const j = p({
-  name: "VftRovingFocusItem",
-  components: {
-    "roving-focus-collection-item": d
-  }
-}), ie = /* @__PURE__ */ p({
-  ...j,
-  props: {
-    focusable: { type: Boolean, default: !0 },
-    active: { type: Boolean, default: !1 }
-  },
-  emits: ["mousedown", "focus", "keydown"],
-  setup(I, { emit: _ }) {
-    const v = I, s = _, { currentTabbedId: O, loop: C, onItemFocus: a, onItemShiftTab: E } = u(
-      J,
-      void 0
-    ), { getItems: b } = u(Y, void 0), n = B(), N = g(null), T = i(
-      (e) => {
-        s("mousedown", e);
-      },
-      (e) => {
-        v.focusable ? a(r(n)) : e.preventDefault();
-      }
-    ), F = i(
-      (e) => {
-        s("focus", e);
-      },
-      () => {
-        a(r(n));
-      }
-    ), h = i(
-      (e) => {
-        s("keydown", e);
-      },
-      (e) => {
-        const { key: f, shiftKey: w, target: y, currentTarget: m } = e;
-        if (f === U.tab && w) {
-          E();
-          return;
-        }
-        if (y !== m) return;
-        const c = D(e);
-        if (c) {
-          e.preventDefault();
-          let t = b().filter((o) => o.focusable).map((o) => o.ref);
-          switch (c) {
-            case "last": {
-              t.reverse();
-              break;
-            }
-            case "prev":
-            case "next": {
-              c === "prev" && t.reverse();
-              const o = t.indexOf(m);
-              t = C.value ? M(t, o + 1) : t.slice(o + 1);
-              break;
-            }
-          }
-          R(() => {
-            P(t);
-          });
-        }
-      }
-    ), k = l(() => O.value === r(n));
-    return G(L, {
-      rovingFocusGroupItemRef: N,
-      tabIndex: l(() => r(k) ? 0 : -1),
-      handleMousedown: T,
-      handleFocus: F,
-      handleKeydown: h
-    }), (e, f) => (V(), K(r(d), {
-      id: r(n),
-      focusable: e.focusable,
-      active: e.active
-    }, {
-      default: x(() => [
-        S(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["id", "focusable", "active"]));
-  }
-});
-export {
-  ie as default
-};

package/es/packages/components/row/row.vue2.js

@@ -1,48 +0,0 @@
-import { defineComponent as a, provide as n, computed as o, createBlock as s, openBlock as u, resolveDynamicComponent as m, normalizeStyle as f, normalizeClass as c, withCtx as g, renderSlot as d } from "vue";
-import "@vueuse/core";
-import "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../form/index.js";
-import { useNamespace as p } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { rowContextKey as y } from "./constants.js";
-const v = a({
-  name: "vft-row"
-}), D = /* @__PURE__ */ a({
-  ...v,
-  props: {
-    tag: { default: "div" },
-    gutter: { default: 0 },
-    justify: { default: "start" },
-    align: { default: "top" }
-  },
-  setup(t) {
-    const r = p("row");
-    n(y, {
-      gutter: o(() => t.gutter)
-    });
-    const i = o(() => {
-      const e = {};
-      return t.gutter && (e.marginRight = e.marginLeft = `-${t.gutter / 2}px`), e;
-    }), l = o(() => [
-      r.b(),
-      r.is(`justify-${t.justify}`, t.justify !== "start"),
-      r.is(`align-${t.align}`, t.align !== "top")
-    ]);
-    return (e, w) => (u(), s(m(e.tag), {
-      class: c(l.value),
-      style: f(i.value)
-    }, {
-      default: g(() => [
-        d(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class", "style"]));
-  }
-});
-export {
-  D as default
-};

package/es/packages/components/scrollbar/bar.vue2.js

@@ -1,41 +0,0 @@
-import { defineComponent as u, ref as i, createElementBlock as c, openBlock as h, Fragment as d, createVNode as r } from "vue";
-import s from "./thumb.vue2.js";
-import { GAP as n } from "./util.js";
-const w = /* @__PURE__ */ u({
-  __name: "bar",
-  props: {
-    always: { type: Boolean, default: !0 },
-    width: {},
-    height: {},
-    ratioX: { default: 1 },
-    ratioY: { default: 1 }
-  },
-  setup(o, { expose: f }) {
-    const t = i(0), a = i(0);
-    return f({
-      handleScroll: (e) => {
-        if (e) {
-          const l = e.offsetHeight - n, m = e.offsetWidth - n;
-          a.value = e.scrollTop * 100 / l * o.ratioY, t.value = e.scrollLeft * 100 / m * o.ratioX;
-        }
-      }
-    }), (e, l) => (h(), c(d, null, [
-      r(s, {
-        move: t.value,
-        ratio: e.ratioX,
-        size: e.width,
-        always: e.always
-      }, null, 8, ["move", "ratio", "size", "always"]),
-      r(s, {
-        move: a.value,
-        ratio: e.ratioY,
-        size: e.height,
-        vertical: "",
-        always: e.always
-      }, null, 8, ["move", "ratio", "size", "always"])
-    ], 64));
-  }
-});
-export {
-  w as default
-};