vft 0.0.48 → 0.0.51

package/es/components/image/image.vue2.js

@@ -1,14 +1,23 @@
-import { defineComponent as F, useAttrs as O, ref as i, computed as s, watch as P, onMounted as Y, openBlock as g, createElementBlock as w, normalizeClass as f, unref as t, normalizeStyle as j, mergeProps as q, createCommentVNode as h, renderSlot as E, createElementVNode as I, nextTick as K } from "vue";
-import { isClient as u, useThrottleFn as G, useEventListener as B } from "@vueuse/core";
-import { useNamespace as J } from "../../hooks/use-namespace/index.js";
+import { defineComponent as b, useAttrs as K, ref as o, computed as d, watch as R, onMounted as G, openBlock as s, createElementBlock as f, normalizeClass as h, unref as l, normalizeStyle as J, mergeProps as Q, createCommentVNode as u, renderSlot as z, createElementVNode as A, Fragment as U, createBlock as X, withCtx as Z, nextTick as W } from "vue";
+import { isClient as v, useThrottleFn as _, useEventListener as V } from "@vueuse/core";
+import { useNamespace as ee } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
-import { isInContainer as Q, isElement as R, isString as U, getScrollContainer as W } from "@vft/utils";
+import { isInContainer as te, isElement as le, isString as ne, getScrollContainer as ae } from "@vft/utils";
 import "../../utils/ns-cover.js";
-import { useAttrs as X } from "@vft/use";
-const Z = ["src", "loading"], ue = /* @__PURE__ */ F({
-  __name: "image",
+import "@vue/reactivity";
+import "@vue/shared";
+import { useAttrs as re } from "@vft/use";
+import { VftImageViewer as ie } from "../image-viewer/index.js";
+const oe = ["src", "loading"], se = { key: 0 }, a = (
+  /* hoist-static*/
+  ee("image")
+), ue = b({
+  inheritAttrs: !1,
+  name: a.b()
+}), Se = /* @__PURE__ */ b({
+  ...ue,
   props: {
     hideOnClickModal: { type: Boolean, default: !1 },
     src: { default: "" },
@@ -24,93 +33,121 @@ const Z = ["src", "loading"], ue = /* @__PURE__ */ F({
     closeOnPressEscape: { type: Boolean, default: !0 }
   },
   emits: ["load", "error", "switch", "close", "show"],
-  setup(e, { emit: v }) {
-    const n = J("image"), A = O(), x = X(), m = i(), r = i(!1), o = i(!0), T = i(!1), c = i(), a = i(), b = u && "loading" in HTMLImageElement.prototype;
-    let d;
-    const H = s(() => A.style), M = s(() => u && e.fit ? { objectFit: e.fit } : {}), L = s(() => Array.isArray(e.previewSrcList) && e.previewSrcList.length > 0);
-    s(() => {
-      let l = e.initialIndex;
-      return e.initialIndex > e.previewSrcList.length - 1 && (l = 0), l;
-    });
-    const C = s(() => e.loading === "eager" ? !1 : !b && e.loading === "lazy" || e.lazy), y = () => {
-      u && (o.value = !0, r.value = !1, m.value = e.src);
+  setup(e, { emit: c }) {
+    let S = "";
+    const T = K(), $ = re(), g = o(), r = o(!1), i = o(!0), L = o(!1), m = o(), n = o(), M = v && "loading" in HTMLImageElement.prototype;
+    let y, w;
+    const O = d(() => T.style), H = d(() => v && e.fit ? { objectFit: e.fit } : {}), k = d(() => Array.isArray(e.previewSrcList) && e.previewSrcList.length > 0), F = d(() => {
+      let t = e.initialIndex;
+      return e.initialIndex > e.previewSrcList.length - 1 && (t = 0), t;
+    }), I = d(() => e.loading === "eager" ? !1 : !M && e.loading === "lazy" || e.lazy), C = () => {
+      v && (i.value = !0, r.value = !1, g.value = e.src);
     };
-    function $(l) {
-      o.value = !1, r.value = !1, v("load", l);
+    function N(t) {
+      i.value = !1, r.value = !1, c("load", t);
     }
-    function N(l) {
-      o.value = !1, r.value = !0, v("error", l);
+    function P(t) {
+      i.value = !1, r.value = !0, c("error", t);
     }
-    function k() {
-      Q(c.value, a.value) && (y(), p());
+    function p() {
+      te(m.value, n.value) && (C(), B());
     }
-    const S = G(k, 200);
-    async function z() {
-      u && (await K(), R(e.scrollContainer) ? a.value = e.scrollContainer : U(e.scrollContainer) && e.scrollContainer !== "" ? a.value = document.querySelector(e.scrollContainer) ?? void 0 : c.value && (a.value = W(c.value)), a.value && (d = B(
-        a,
+    const E = _(p, 200);
+    async function x() {
+      v && (await W(), le(e.scrollContainer) ? n.value = e.scrollContainer : ne(e.scrollContainer) && e.scrollContainer !== "" ? n.value = document.querySelector(e.scrollContainer) ?? void 0 : m.value && (n.value = ae(m.value)), n.value && (y = V(
+        n,
         "scroll",
-        S
-      ), setTimeout(() => k(), 100)));
+        E
+      ), setTimeout(() => p(), 100)));
     }
-    function p() {
-      !u || !a.value || !S || (d == null || d(), a.value = void 0);
+    function B() {
+      !v || !n.value || !E || (y == null || y(), n.value = void 0);
     }
-    function V(l) {
-      if (l.ctrlKey) {
-        if (l.deltaY < 0)
-          return l.preventDefault(), !1;
-        if (l.deltaY > 0)
-          return l.preventDefault(), !1;
+    function D(t) {
+      if (t.ctrlKey) {
+        if (t.deltaY < 0)
+          return t.preventDefault(), !1;
+        if (t.deltaY > 0)
+          return t.preventDefault(), !1;
       }
     }
-    function D() {
-      L.value && (B("wheel", V, {
+    function Y() {
+      k.value && (w = V("wheel", D, {
         passive: !1
-      }), document.body.style.overflow, document.body.style.overflow = "hidden", T.value = !0, v("show"));
+      }), S = document.body.style.overflow, document.body.style.overflow = "hidden", L.value = !0, c("show"));
+    }
+    function j() {
+      w == null || w(), document.body.style.overflow = S, L.value = !1, c("close");
+    }
+    function q(t) {
+      c("switch", t);
     }
-    return P(
+    return R(
       () => e.src,
       () => {
-        C.value ? (o.value = !0, r.value = !1, p(), z()) : y();
+        I.value ? (i.value = !0, r.value = !1, B(), x()) : C();
       }
-    ), Y(() => {
-      C.value ? z() : y();
-    }), (l, _) => (g(), w("div", {
+    ), G(() => {
+      I.value ? x() : C();
+    }), (t, ce) => (s(), f("div", {
       ref_key: "container",
-      ref: c,
-      class: f([t(n).b(), l.$attrs.class]),
-      style: j(t(H))
+      ref: m,
+      class: h([l(a).b(), t.$attrs.class]),
+      style: J(l(O))
     }, [
-      m.value !== void 0 && !r.value ? (g(), w("img", q({ key: 0 }, t(x), {
-        src: m.value,
+      g.value !== void 0 && !r.value ? (s(), f("img", Q({ key: 0 }, l($), {
+        src: g.value,
         loading: e.loading,
-        style: t(M),
+        style: l(H),
         class: [
-          t(n).e("inner"),
-          t(L) && t(n).e("preview"),
-          o.value && t(n).is("loading")
+          l(a).e("inner"),
+          l(k) && l(a).e("preview"),
+          i.value && l(a).is("loading")
         ],
-        onClick: D,
-        onLoad: $,
-        onError: N
-      }), null, 16, Z)) : h("", !0),
-      o.value || r.value ? (g(), w("div", {
+        onClick: Y,
+        onLoad: N,
+        onError: P,
+        alt: ""
+      }), null, 16, oe)) : u("", !0),
+      i.value || r.value ? (s(), f("div", {
         key: 1,
-        class: f(t(n).e("wrapper"))
+        class: h(l(a).e("wrapper"))
       }, [
-        o.value ? E(l.$slots, "placeholder", { key: 0 }, () => [
-          I("div", {
-            class: f(t(n).e("placeholder"))
+        i.value ? z(t.$slots, "placeholder", { key: 0 }, () => [
+          A("div", {
+            class: h(l(a).e("placeholder"))
           }, null, 2)
-        ]) : r.value ? E(l.$slots, "error", { key: 1 }, () => [
-          I("div", {
-            class: f(t(n).e("error"))
+        ]) : r.value ? z(t.$slots, "error", { key: 1 }, () => [
+          A("div", {
+            class: h(l(a).e("error"))
           }, "加载失败", 2)
-        ]) : h("", !0)
-      ], 2)) : h("", !0)
+        ]) : u("", !0)
+      ], 2)) : u("", !0),
+      l(k) ? (s(), f(U, { key: 2 }, [
+        L.value ? (s(), X(l(ie), {
+          key: 0,
+          "z-index": e.zIndex,
+          "initial-index": l(F),
+          infinite: e.infinite,
+          "zoom-rate": t.zoomRate,
+          "url-list": e.previewSrcList,
+          "hide-on-click-modal": e.hideOnClickModal,
+          teleported: e.previewTeleported,
+          "close-on-press-escape": e.closeOnPressEscape,
+          onClose: j,
+          onSwitch: q
+        }, {
+          default: Z(() => [
+            t.$slots.viewer ? (s(), f("div", se, [
+              z(t.$slots, "viewer")
+            ])) : u("", !0)
+          ]),
+          _: 3
+        }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : u("", !0)
+      ], 64)) : u("", !0)
     ], 6));
   }
 });
 export {
-  ue as default
+  Se as default
 };

package/es/components/image/index.d.ts

@@ -47,7 +47,7 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<import("vue
         type: import("vue").PropType<boolean | undefined>;
         required: false;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "close" | "show" | "load" | "switch")[], "error" | "close" | "show" | "load" | "switch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "switch" | "show" | "error" | "load")[], "close" | "switch" | "show" | "error" | "load", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     hideOnClickModal: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
@@ -97,11 +97,12 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<import("vue
         required: false;
     };
 }>> & {
-    onError?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onSwitch?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
     onLoad?: ((...args: any[]) => any) | undefined;
-    onSwitch?: ((...args: any[]) => any) | undefined;
 }, {}>> & Record<string, any>;
 export default VftImage;
 export * from './types';
+export { type ImageProps } from './image.vue';

package/es/components/image/index.js

@@ -1,11 +1,12 @@
 import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
-import "../../utils/ns-cover.js";
 import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
 import m from "./image.vue2.js";
-const s = t(m);
+const e = t(m);
 export {
-  s as VftImage,
-  s as default
+  e as VftImage,
+  e as default
 };

package/es/components/image/style/css.js

@@ -1,2 +1,3 @@
 import "vft/theme-style/base.css";
+import "vft/theme-style/vft-image-viewer.css";
 import "vft/theme-style/vft-image.css";

package/es/components/image/style/index.js

@@ -1,2 +1,3 @@
 import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/image-viewer.scss";
 import "vft/theme-style/src/image.scss";

package/es/components/image-viewer/image-viewer.vue.d.ts

@@ -0,0 +1,88 @@
+import type { PropType as __PropType } from 'vue';
+export interface ImageViewerProps {
+    urlList?: string[];
+    zIndex?: number;
+    initialIndex?: number;
+    infinite?: boolean;
+    hideOnClickModal?: boolean;
+    teleported?: boolean;
+    closeOnPressEscape?: boolean;
+    zoomRate?: number;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    urlList: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    initialIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    infinite: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    hideOnClickModal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    zoomRate: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}, {
+    /** @description manually switch image */
+    setActiveItem: (index: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => true;
+    switch: (index: number) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    urlList: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    initialIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    infinite: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    hideOnClickModal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    zoomRate: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: (() => any) | undefined;
+    onSwitch?: ((index: number) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/es/components/image-viewer/image-viewer.vue.js

@@ -0,0 +1,4 @@
+import f from "./image-viewer.vue2.js";
+export {
+  f as default
+};

package/es/components/image-viewer/image-viewer.vue2.js

@@ -0,0 +1,296 @@
+import { defineComponent as Z, ref as h, effectScope as ee, computed as p, watch as R, nextTick as te, onMounted as ne, openBlock as z, createBlock as oe, Teleport as ae, createVNode as d, Transition as se, withCtx as ie, createElementVNode as c, normalizeClass as l, unref as e, normalizeStyle as S, withModifiers as le, createElementBlock as E, Fragment as V, createCommentVNode as re, renderList as ce, withDirectives as ue, vShow as fe, renderSlot as de } from "vue";
+import { isNumber as H, useEventListener as I } from "@vueuse/core";
+import { throttle as T } from "lodash";
+import { useNamespace as me } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import { useZIndex as ve } from "../../hooks/use-z-index/index.js";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { EVENT_CODE as w } from "@vft/constants";
+import { VftIcon as v } from "../icon/index.js";
+const ke = ["src"], s = (
+  /* hoist-static*/
+  me("image-viewer")
+), be = Z({
+  name: s.b()
+}), Xe = /* @__PURE__ */ Z({
+  ...be,
+  props: {
+    urlList: { default: [] },
+    zIndex: null,
+    initialIndex: { default: 0 },
+    infinite: { type: Boolean, default: !0 },
+    hideOnClickModal: { type: Boolean, default: !1 },
+    teleported: { type: Boolean, default: !1 },
+    closeOnPressEscape: { type: Boolean, default: !0 },
+    zoomRate: { default: 1.2 }
+  },
+  emits: {
+    close: () => !0,
+    switch: (o) => H(o)
+  },
+  setup(o, { expose: A, emit: X }) {
+    const { nextZIndex: P } = ve(), C = h(), Y = h([]), O = ee(), b = h(!0), m = h(o.initialIndex), i = h({
+      scale: 1,
+      deg: 0,
+      offsetX: 0,
+      offsetY: 0,
+      enableTransition: !1
+    }), W = p(() => o.urlList.length <= 1), $ = p(() => m.value === 0), M = p(() => m.value === o.urlList.length - 1), j = p(() => o.urlList[m.value]), q = p(() => {
+      const { scale: t, deg: n, offsetX: a, offsetY: r, enableTransition: x } = i.value;
+      let u = a / t, f = r / t;
+      switch (n % 360) {
+        case 90:
+        case -270:
+          [u, f] = [f, -u];
+          break;
+        case 180:
+        case -180:
+          [u, f] = [-u, -f];
+          break;
+        case 270:
+        case -90:
+          [u, f] = [-f, u];
+          break;
+      }
+      const g = {
+        transform: `scale(${t}) rotate(${n}deg) translate(${u}px, ${f}px)`,
+        transition: x ? "transform .3s" : ""
+      };
+      return g.maxWidth = g.maxHeight = "100%", g;
+    }), G = p(() => H(o.zIndex) ? o.zIndex : P());
+    function y() {
+      K(), X("close");
+    }
+    function J() {
+      const t = T((a) => {
+        switch (a.code) {
+          case w.esc:
+            o.closeOnPressEscape && y();
+            break;
+          case w.space:
+            B();
+            break;
+          case w.left:
+            D();
+            break;
+          case w.up:
+            k("zoomIn");
+            break;
+          case w.right:
+            F();
+            break;
+          case w.down:
+            k("zoomOut");
+            break;
+        }
+      }), n = T((a) => {
+        const r = a.deltaY || a.deltaX;
+        k(r < 0 ? "zoomIn" : "zoomOut", {
+          zoomRate: o.zoomRate,
+          enableTransition: !1
+        });
+      });
+      O.run(() => {
+        I(document, "keydown", t), I(document, "wheel", n);
+      });
+    }
+    function K() {
+      O.stop();
+    }
+    function Q() {
+      b.value = !1;
+    }
+    function U(t) {
+      b.value = !1, t.target.alt = "加载失败";
+    }
+    function _(t) {
+      if (b.value || t.button !== 0 || !C.value)
+        return;
+      i.value.enableTransition = !1;
+      const { offsetX: n, offsetY: a } = i.value, r = t.pageX, x = t.pageY, u = T((g) => {
+        i.value = {
+          ...i.value,
+          offsetX: n + g.pageX - r,
+          offsetY: a + g.pageY - x
+        };
+      }), f = I(document, "mousemove", u);
+      I(document, "mouseup", () => {
+        f();
+      }), t.preventDefault();
+    }
+    function N() {
+      i.value = {
+        scale: 1,
+        deg: 0,
+        offsetX: 0,
+        offsetY: 0,
+        enableTransition: !1
+      };
+    }
+    function B() {
+      b.value || N();
+    }
+    function L(t) {
+      const n = o.urlList.length;
+      m.value = (t + n) % n;
+    }
+    function D() {
+      $.value && !o.infinite || L(m.value - 1);
+    }
+    function F() {
+      M.value && !o.infinite || L(m.value + 1);
+    }
+    function k(t, n = {}) {
+      if (b.value)
+        return;
+      const { rotateDeg: a, enableTransition: r } = {
+        rotateDeg: 90,
+        enableTransition: !0,
+        ...n
+      };
+      switch (t) {
+        case "zoomOut":
+          i.value.scale > 0.2 && (i.value.scale = Number.parseFloat(
+            (i.value.scale / o.zoomRate).toFixed(3)
+          ));
+          break;
+        case "zoomIn":
+          i.value.scale < 7 && (i.value.scale = Number.parseFloat(
+            (i.value.scale * o.zoomRate).toFixed(3)
+          ));
+          break;
+        case "clockwise":
+          i.value.deg += a;
+          break;
+        case "anticlockwise":
+          i.value.deg -= a;
+          break;
+      }
+      i.value.enableTransition = r;
+    }
+    return R(j, () => {
+      te(() => {
+        const t = Y.value[0];
+        t != null && t.complete || (b.value = !0);
+      });
+    }), R(m, (t) => {
+      N(), X("switch", t);
+    }), ne(() => {
+      var t, n;
+      J(), (n = (t = C.value) == null ? void 0 : t.focus) == null || n.call(t);
+    }), A({
+      /** @description manually switch image */
+      setActiveItem: L
+    }), (t, n) => (z(), oe(ae, {
+      to: "body",
+      disabled: !o.teleported
+    }, [
+      d(se, {
+        name: "viewer-fade",
+        appear: ""
+      }, {
+        default: ie(() => [
+          c("div", {
+            ref_key: "wrapper",
+            ref: C,
+            tabindex: -1,
+            class: l(e(s).e("wrapper")),
+            style: S({ zIndex: e(G) })
+          }, [
+            c("div", {
+              class: l(e(s).e("mask")),
+              onClick: n[0] || (n[0] = le((a) => o.hideOnClickModal && y(), ["self"]))
+            }, null, 2),
+            c("span", {
+              class: l([e(s).e("btn"), e(s).e("close")]),
+              onClick: y
+            }, [
+              d(e(v), { icon: "ico-ep:close" })
+            ], 2),
+            e(W) ? re("", !0) : (z(), E(V, { key: 0 }, [
+              c("span", {
+                class: l([
+                  e(s).e("btn"),
+                  e(s).e("prev"),
+                  e(s).is("disabled", !o.infinite && e($))
+                ]),
+                onClick: D
+              }, [
+                d(e(v), { icon: "ico-ep:arrow-left" })
+              ], 2),
+              c("span", {
+                class: l([
+                  e(s).e("btn"),
+                  e(s).e("next"),
+                  e(s).is("disabled", !o.infinite && e(M))
+                ]),
+                onClick: F
+              }, [
+                d(e(v), { icon: "ico-ep:arrow-right" })
+              ], 2)
+            ], 64)),
+            c("div", {
+              class: l([e(s).e("btn"), e(s).e("actions")])
+            }, [
+              c("div", {
+                class: l(e(s).e("actions__inner"))
+              }, [
+                d(e(v), {
+                  icon: "ico-ep:zoom-out",
+                  onClick: n[1] || (n[1] = (a) => k("zoomOut"))
+                }),
+                d(e(v), {
+                  icon: "ico-ep:zoom-in",
+                  onClick: n[2] || (n[2] = (a) => k("zoomIn"))
+                }),
+                c("i", {
+                  class: l(e(s).e("actions__divider"))
+                }, null, 2),
+                d(e(v), {
+                  icon: "ico-ep:scale-to-original",
+                  onClick: B
+                }),
+                c("i", {
+                  class: l(e(s).e("actions__divider"))
+                }, null, 2),
+                d(e(v), {
+                  icon: "ico-ep:refresh-left",
+                  onClick: n[3] || (n[3] = (a) => k("anticlockwise"))
+                }),
+                d(e(v), {
+                  icon: "ico-ep:refresh-right",
+                  onClick: n[4] || (n[4] = (a) => k("clockwise"))
+                })
+              ], 2)
+            ], 2),
+            c("div", {
+              class: l(e(s).e("canvas"))
+            }, [
+              (z(!0), E(V, null, ce(o.urlList, (a, r) => ue((z(), E("img", {
+                ref_for: !0,
+                ref: (x) => Y.value[r] = x,
+                key: a,
+                src: a,
+                style: S(e(q)),
+                class: l(e(s).e("img")),
+                onLoad: Q,
+                onError: U,
+                onMousedown: _
+              }, null, 46, ke)), [
+                [fe, r === m.value]
+              ])), 128))
+            ], 2),
+            de(t.$slots, "default")
+          ], 6)
+        ]),
+        _: 3
+      })
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  Xe as default
+};