vft 0.0.50 → 0.0.53

package/es/components/form/hooks/use-form-item.js

@@ -0,0 +1,50 @@
+import { inject as h, ref as l, computed as y, onMounted as F, watch as f, toRef as K, onUnmounted as U } from "vue";
+import "../../config-provider/hooks/use-global-config.js";
+import "@popperjs/core";
+import "lodash";
+import "../../../hooks/use-z-index/index.js";
+import { useId as j } from "../../../hooks/use-id/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { formContextKey as B, formItemContextKey as L } from "../constants.js";
+const Q = () => {
+  const r = h(B, void 0), u = h(L, void 0);
+  return {
+    form: r,
+    formItem: u
+  };
+}, S = (r, {
+  formItemContext: u,
+  disableIdGeneration: c,
+  disableIdManagement: i
+}) => {
+  c || (c = l(!1)), i || (i = l(!1));
+  const p = l();
+  let d;
+  const w = y(() => {
+    var v;
+    return !!(!r.label && u && u.inputIds && ((v = u.inputIds) == null ? void 0 : v.length) <= 1);
+  });
+  return F(() => {
+    d = f(
+      [K(r, "id"), c],
+      ([v, s]) => {
+        const o = v ?? (s ? void 0 : j().value);
+        o !== p.value && (u != null && u.removeInputId && (p.value && u.removeInputId(p.value), !(i != null && i.value) && !s && o && u.addInputId(o)), p.value = o);
+      },
+      { immediate: !0 }
+    );
+  }), U(() => {
+    d && d(), u != null && u.removeInputId && p.value && u.removeInputId(p.value);
+  }), {
+    isLabeledByFormItem: w,
+    inputId: p
+  };
+};
+export {
+  Q as useFormItem,
+  S as useFormItemInputId
+};

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

@@ -163,7 +163,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
             required: false;
         };
         validateStatus: {
-            type: import("vue").PropType<string | undefined>;
+            type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
             required: false;
         };
         inlineMessage: {
@@ -219,7 +219,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
             required: false;
         };
         validateStatus: {
-            type: import("vue").PropType<string | undefined>;
+            type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
             required: false;
         };
         inlineMessage: {
@@ -276,7 +276,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<import("
         required: false;
     };
     validateStatus: {
-        type: import("vue").PropType<string | undefined>;
+        type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {
@@ -332,7 +332,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<import("
         required: false;
     };
     validateStatus: {
-        type: import("vue").PropType<string | undefined>;
+        type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {

package/es/components/full-screen/full-screen.vue2.js

@@ -0,0 +1,36 @@
+import { defineComponent as n, openBlock as l, createElementBlock as c, normalizeClass as m, unref as e, createVNode as p, createElementVNode as a, toDisplayString as u } from "vue";
+import { useFullscreen as f } from "@vft/use";
+import { VftIcon as d } from "../icon/index.js";
+import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+const i = (
+  /* hoist-static*/
+  _("full-screen")
+), x = n({
+  name: i.b()
+}), S = /* @__PURE__ */ n({
+  ...x,
+  setup(g) {
+    const { toggle: o, isFullscreen: r } = f();
+    return (k, t) => (l(), c("div", {
+      class: m([e(i).b(), "cursor-pointer"]),
+      onClick: t[0] || (t[0] = //@ts-ignore
+      (...s) => e(o) && e(o)(...s))
+    }, [
+      p(e(d), {
+        icon: e(r) ? "ico-radix-icons:exit-full-screen" : "ico-radix-icons:enter-full-screen"
+      }, null, 8, ["icon"]),
+      a("span", null, u(e(r) ? "退出全屏" : "全屏"), 1)
+    ], 2));
+  }
+});
+export {
+  S as default
+};

package/es/components/header-layout/header-layout.vue2.js

@@ -0,0 +1,53 @@
+import { defineComponent as a, computed as n, openBlock as p, createElementBlock as c, normalizeClass as t, unref as o, createElementVNode as s, createVNode as d, normalizeProps as f, guardReactiveProps as u, renderSlot as l } from "vue";
+import { useNamespace as g } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { VftLogo as v } from "../logo/index.js";
+const e = (
+  /* hoist-static*/
+  g("header-layout")
+), C = a({
+  name: e.b()
+}), H = /* @__PURE__ */ a({
+  ...C,
+  props: {
+    logoCfg: null
+  },
+  setup(m) {
+    const i = n(() => [
+      e.b(),
+      {
+        [`${e.m("fixed")}`]: !0
+      }
+    ]);
+    return (r, _) => (p(), c("div", {
+      class: t(o(i))
+    }, [
+      s("div", {
+        class: t(o(e).e("top"))
+      }, [
+        s("div", {
+          class: t(o(e).e("left"))
+        }, [
+          d(o(v), f(u(m.logoCfg)), null, 16),
+          l(r.$slots, "left")
+        ], 2),
+        s("div", {
+          class: t(o(e).e("right"))
+        }, [
+          l(r.$slots, "default")
+        ], 2)
+      ], 2),
+      l(r.$slots, "bottom")
+    ], 2));
+  }
+});
+export {
+  H as default
+};

package/es/components/icon/icon.vue2.js

@@ -0,0 +1,51 @@
+import { defineComponent as r, computed as i, unref as t, openBlock as n, createElementBlock as l, normalizeClass as c, normalizeStyle as d } from "vue";
+import { addUnit as y } from "@vft/utils";
+import { useNamespace as p } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import "../config-provider/index.js";
+import { useGlobalConfig as g } from "../config-provider/hooks/use-global-config.js";
+const z = ["src"], s = (
+  /* hoist-static*/
+  p("icon")
+), k = r({
+  name: s.b()
+}), j = /* @__PURE__ */ r({
+  ...k,
+  props: {
+    icon: null,
+    size: { default: 14 },
+    color: null,
+    rotate: { type: Boolean },
+    rotateSpeed: { default: 2 },
+    cursor: { type: Boolean },
+    scale: null
+  },
+  setup(e) {
+    const a = g(), m = i(() => ({
+      color: e.color,
+      fontSize: e.size ? y(e.size) : "14px",
+      animation: e.rotate ? `${a.value.namespace}-rotate ${e.rotateSpeed}s linear 0s infinite` : void 0,
+      cursor: e.cursor ? "pointer" : void 0,
+      transform: e.scale ? `scale(${e.scale})` : void 0
+    })), u = (o) => o == null ? void 0 : o.includes("/"), f = i(() => u(e.icon));
+    return (o, v) => t(f) ? (n(), l("img", {
+      key: 0,
+      class: c(t(s).e("image")),
+      src: e.icon,
+      alt: ""
+    }, null, 10, z)) : (n(), l("i", {
+      key: 1,
+      class: c([e.icon]),
+      style: d(t(m))
+    }, null, 6));
+  }
+});
+export {
+  j as default
+};

package/es/components/icon-text/icon-text.vue2.js

@@ -0,0 +1,44 @@
+import { defineComponent as f, computed as o, openBlock as r, createElementBlock as k, normalizeClass as g, unref as t, normalizeStyle as x, createBlock as s, mergeProps as m, createCommentVNode as a, createTextVNode as z, toDisplayString as h } from "vue";
+import { singleAttrToObj as B, addUnit as n } from "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import { generateCssVars as S } from "../../utils/ns-cover.js";
+import { VftIcon as u } from "../icon/index.js";
+import { useNamespace as V } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
+const d = (
+  /* hoist-static*/
+  V("icon-text")
+), b = f({
+  name: d.b()
+}), q = /* @__PURE__ */ f({
+  ...b,
+  props: {
+    text: null,
+    icon: null,
+    color: { default: "#434343" },
+    hoverColor: null,
+    distance: null,
+    reverse: { type: Boolean },
+    size: null
+  },
+  emits: ["click"],
+  setup(e, { emit: y }) {
+    const v = o(() => e.hoverColor ? e.hoverColor : e.color), l = o(() => B(e.icon, "icon", { size: e.size, color: e.color })), i = o(() => e.reverse ? { marginLeft: n(e.distance) } : { marginRight: n(e.distance) }), C = o(() => S({ "hover-color": v.value, color: e.color, fontSize: n(e.size) }, "icon-text"));
+    return (N, c) => (r(), k("span", {
+      class: g(t(d).b()),
+      onClick: c[0] || (c[0] = (T) => y("click")),
+      style: x(t(C))
+    }, [
+      e.reverse ? a("", !0) : (r(), s(t(u), m({ key: 0 }, t(l), { style: t(i) }), null, 16, ["style"])),
+      z(" " + h(e.text) + " ", 1),
+      e.reverse ? (r(), s(t(u), m({ key: 1 }, t(l), { style: t(i) }), null, 16, ["style"])) : a("", !0)
+    ], 6));
+  }
+});
+export {
+  q as default
+};

package/es/components/iframe-layout/iframe-layout.vue2.js

@@ -0,0 +1,42 @@
+import { defineComponent as m, openBlock as e, createElementBlock as o, Fragment as a, renderList as f, withDirectives as p, createBlock as l, vShow as i, createCommentVNode as s, unref as _ } from "vue";
+import { useNamespace as h } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import d from "./iframe-page.vue2.js";
+import { useRouter as k } from "vue-router";
+const P = (
+  /* hoist-static*/
+  h("iframe-layout")
+), S = m({
+  name: P.b()
+}), F = /* @__PURE__ */ m({
+  ...S,
+  props: {
+    iframePages: null
+  },
+  setup(n) {
+    const u = k();
+    function c(t) {
+      return t.fullPath === _(u.currentRoute).fullPath;
+    }
+    return (t, y) => (e(!0), o(a, null, f(n.iframePages, (r) => (e(), o(a, {
+      key: r.query ? r.fullPath : r.path
+    }, [
+      r.meta.frameSrc ? p((e(), l(d, {
+        key: 0,
+        frameSrc: r.meta.frameSrc
+      }, null, 8, ["frameSrc"])), [
+        [i, c(r)]
+      ]) : s("", !0)
+    ], 64))), 128));
+  }
+});
+export {
+  F as default
+};

package/es/components/iframe-layout/iframe-page.vue2.js

@@ -0,0 +1,30 @@
+import { defineComponent as r, openBlock as o, createElementBlock as m, normalizeClass as a, unref as p } from "vue";
+import { useNamespace as s } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+const c = ["src"], e = (
+  /* hoist-static*/
+  s("iframe-page")
+), n = r({
+  name: e.b()
+}), S = /* @__PURE__ */ r({
+  ...n,
+  props: {
+    frameSrc: { default: "" }
+  },
+  setup(t) {
+    return (i, f) => (o(), m("iframe", {
+      class: a(p(e).b()),
+      src: t.frameSrc
+    }, null, 10, c));
+  }
+});
+export {
+  S as default
+};

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

@@ -1,5 +1,19 @@
 import type { PropType as __PropType } from 'vue';
 import type { ImgFitType } from './types';
+export interface ImageProps {
+    hideOnClickModal?: boolean;
+    src?: string;
+    fit?: ImgFitType;
+    loading?: 'eager' | 'lazy';
+    lazy?: boolean;
+    scrollContainer?: string | HTMLElement;
+    previewSrcList?: string[];
+    previewTeleported?: boolean;
+    zIndex?: number;
+    initialIndex?: number;
+    infinite?: boolean;
+    closeOnPressEscape?: boolean;
+}
 declare const _sfc_main: import("vue").DefineComponent<{
     hideOnClickModal: {
         type: __PropType<boolean | undefined>;
@@ -49,7 +63,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean | undefined>;
         required: false;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show" | "close" | "error" | "load" | "switch")[], "show" | "close" | "error" | "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: __PropType<boolean | undefined>;
         required: false;
@@ -99,10 +113,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }>> & {
-    onShow?: ((...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;
 }, {}>;
 export default _sfc_main;

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

@@ -0,0 +1,153 @@
+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 te, isElement as le, isString as ne, getScrollContainer as ae } from "@vft/utils";
+import "../../utils/ns-cover.js";
+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: "" },
+    fit: { default: "" },
+    loading: null,
+    lazy: { type: Boolean },
+    scrollContainer: null,
+    previewSrcList: { default: [] },
+    previewTeleported: { type: Boolean, default: !1 },
+    zIndex: null,
+    initialIndex: { default: 0 },
+    infinite: { type: Boolean, default: !0 },
+    closeOnPressEscape: { type: Boolean, default: !0 }
+  },
+  emits: ["load", "error", "switch", "close", "show"],
+  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 N(t) {
+      i.value = !1, r.value = !1, c("load", t);
+    }
+    function P(t) {
+      i.value = !1, r.value = !0, c("error", t);
+    }
+    function p() {
+      te(m.value, n.value) && (C(), B());
+    }
+    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",
+        E
+      ), setTimeout(() => p(), 100)));
+    }
+    function B() {
+      !v || !n.value || !E || (y == null || y(), n.value = void 0);
+    }
+    function D(t) {
+      if (t.ctrlKey) {
+        if (t.deltaY < 0)
+          return t.preventDefault(), !1;
+        if (t.deltaY > 0)
+          return t.preventDefault(), !1;
+      }
+    }
+    function Y() {
+      k.value && (w = V("wheel", D, {
+        passive: !1
+      }), 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 R(
+      () => e.src,
+      () => {
+        I.value ? (i.value = !0, r.value = !1, B(), x()) : C();
+      }
+    ), G(() => {
+      I.value ? x() : C();
+    }), (t, ce) => (s(), f("div", {
+      ref_key: "container",
+      ref: m,
+      class: h([l(a).b(), t.$attrs.class]),
+      style: J(l(O))
+    }, [
+      g.value !== void 0 && !r.value ? (s(), f("img", Q({ key: 0 }, l($), {
+        src: g.value,
+        loading: e.loading,
+        style: l(H),
+        class: [
+          l(a).e("inner"),
+          l(k) && l(a).e("preview"),
+          i.value && l(a).is("loading")
+        ],
+        onClick: Y,
+        onLoad: N,
+        onError: P,
+        alt: ""
+      }), null, 16, oe)) : u("", !0),
+      i.value || r.value ? (s(), f("div", {
+        key: 1,
+        class: h(l(a).e("wrapper"))
+      }, [
+        i.value ? z(t.$slots, "placeholder", { key: 0 }, () => [
+          A("div", {
+            class: h(l(a).e("placeholder"))
+          }, null, 2)
+        ]) : r.value ? z(t.$slots, "error", { key: 1 }, () => [
+          A("div", {
+            class: h(l(a).e("error"))
+          }, "加载失败", 2)
+        ]) : 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 {
+  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, ("show" | "close" | "error" | "load" | "switch")[], "show" | "close" | "error" | "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;
     };
 }>> & {
-    onShow?: ((...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/style/css.js

@@ -0,0 +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

@@ -0,0 +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
+};