vft 0.0.32 → 0.0.35

package/es/components/divider/divider.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as a, computed as m, openBlock as n, createElementBlock as i, normalizeClass as l, unref as r, normalizeStyle as c, renderSlot as s, createCommentVNode as u } from "vue";
+import { defineComponent as a, computed as d, openBlock as n, createElementBlock as i, normalizeClass as l, unref as r, normalizeStyle as c, renderSlot as s, createCommentVNode as u } from "vue";
 import { useNamespace as f } from "../../hooks/use-namespace/index.mjs";
 import "@popperjs/core";
 import "lodash";
@@ -6,12 +6,13 @@ import "../../hooks/use-z-index/index.mjs";
 import "@vueuse/core";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 const t = (
   /* hoist-static*/
   f("divider")
 ), b = a({
   name: t.b()
-}), h = /* @__PURE__ */ a({
+}), x = /* @__PURE__ */ a({
   ...b,
   props: {
     direction: { default: "horizontal" },
@@ -22,7 +23,7 @@ const t = (
     marginX: null
   },
   setup(e) {
-    const d = m(() => ({
+    const m = d(() => ({
       ...t.cssVarBlock({
         "border-style": e.borderStyle,
         "border-color": e.borderColor,
@@ -32,7 +33,7 @@ const t = (
     }));
     return (o, y) => (n(), i("div", {
       class: l([r(t).b(), r(t).m(e.direction)]),
-      style: c(r(d)),
+      style: c(r(m)),
       role: "separator"
     }, [
       o.$slots.default && e.direction !== "vertical" ? (n(), i("div", {
@@ -45,5 +46,5 @@ const t = (
   }
 });
 export {
-  h as default
+  x as default
 };

package/es/components/divider/index.mjs

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.mjs";
 import "vue";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import i from "./divider.vue2.mjs";
-const a = t(i);
+const s = t(i);
 export {
-  a as VftDivider,
-  a as default
+  s as VftDivider,
+  s as default
 };

package/es/components/empty/empty.vue2.mjs

@@ -7,6 +7,7 @@ import "../../hooks/use-z-index/index.mjs";
 import "@vueuse/core";
 import "@vue/shared";
 import { getSizeType as S } from "../../utils/helper.mjs";
+import "../../utils/ns-cover.mjs";
 import { EmptyEnum as o } from "./constants.mjs";
 import D from "./assets/no-collect.png.mjs";
 import x from "./assets/no-data.png.mjs";
@@ -18,7 +19,7 @@ const h = ["src"], m = (
   k("empty")
 ), v = f({
   name: m.b()
-}), Y = /* @__PURE__ */ f({
+}), Z = /* @__PURE__ */ f({
   ...v,
   props: {
     img: null,
@@ -97,5 +98,5 @@ const h = ["src"], m = (
   }
 });
 export {
-  Y as default
+  Z as default
 };

package/es/components/empty/index.mjs

@@ -2,11 +2,12 @@ import { withInstall as t } from "../../utils/vue/install.mjs";
 import "vue";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import m from "./empty.vue2.mjs";
-import { EmptyEnum as e } from "./constants.mjs";
-const a = t(m);
+import { EmptyEnum as l } from "./constants.mjs";
+const n = t(m);
 export {
-  e as EmptyEnum,
-  a as VftEmpty,
-  a as default
+  l as EmptyEnum,
+  n as VftEmpty,
+  n as default
 };

package/es/components/exception/index.mjs

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.mjs";
 import "vue";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import o from "./exception.vue2.mjs";
-const a = t(o);
+const n = t(o);
 export {
-  a as VftException,
-  a as default
+  n as VftException,
+  n as default
 };

package/es/components/focus-trap/focus-trap.vue2.mjs

@@ -137,7 +137,7 @@ const ce = J({
             focusReason: d.value
           }
         });
-        e.addEventListener(y, B), e.dispatchEvent(t), !t.defaultPrevented && (d.value == "keyboard" || !$() || e.contains(document.activeElement)) && f(l ?? document.body), e.removeEventListener(y, F), N.remove(i);
+        e.addEventListener(y, B), e.dispatchEvent(t), !t.defaultPrevented && (d.value === "keyboard" || !$() || e.contains(document.activeElement)) && f(l ?? document.body), e.removeEventListener(y, F), N.remove(i);
       }
     }
     return z(() => {

package/es/components/footer-layout/footer-layout.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as a, computed as m, openBlock as c, createElementBlock as f, normalizeClass as o, unref as e, normalizeStyle as d, createElementVNode as l, renderSlot as r } from "vue";
+import { defineComponent as a, computed as m, openBlock as c, createElementBlock as f, normalizeClass as o, unref as e, normalizeStyle as d, createElementVNode as r, renderSlot as l } from "vue";
 import { generateCssVars as p, isNullOrUndefined as u, addUnit as y } from "@vft/utils";
 import { useNamespace as v } from "../../hooks/use-namespace/index.mjs";
 import "@popperjs/core";
@@ -6,12 +6,13 @@ import "lodash";
 import "../../hooks/use-z-index/index.mjs";
 import "@vueuse/core";
 import "@vue/shared";
+import "../../utils/ns-cover.mjs";
 const t = (
   /* hoist-static*/
   v("footer-layout")
 ), g = a({
   name: t.b()
-}), B = /* @__PURE__ */ a({
+}), E = /* @__PURE__ */ a({
   ...g,
   props: {
     leftDistance: null
@@ -27,24 +28,24 @@ const t = (
       class: o(e(t).b()),
       style: d(e(i))
     }, [
-      l("div", {
+      r("div", {
         class: o(e(t).e("left"))
       }, [
-        r(s.$slots, "left")
+        l(s.$slots, "left")
       ], 2),
-      l("div", {
+      r("div", {
         class: o(e(t).e("center"))
       }, [
-        r(s.$slots, "default")
+        l(s.$slots, "default")
       ], 2),
-      l("div", {
+      r("div", {
         class: o(e(t).e("right"))
       }, [
-        r(s.$slots, "right")
+        l(s.$slots, "right")
       ], 2)
     ], 6));
   }
 });
 export {
-  B as default
+  E as default
 };

package/es/components/footer-layout/index.mjs

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.mjs";
 import "vue";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import o from "./footer-layout.vue2.mjs";
-const f = t(o);
+const s = t(o);
 export {
-  f as VftFooterLayout,
-  f as default
+  s as VftFooterLayout,
+  s as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as t, openBlock as l, createElementBlock as c, normalizeClass as m, unref as e, createVNode as p, createElementVNode as a, toDisplayString as u } from "vue";
+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.mjs";
 import { useNamespace as _ } from "../../hooks/use-namespace/index.mjs";
@@ -8,18 +8,19 @@ import "../../hooks/use-z-index/index.mjs";
 import "@vueuse/core";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 const i = (
   /* hoist-static*/
   _("full-screen")
-), x = t({
+), x = n({
   name: i.b()
-}), D = /* @__PURE__ */ t({
+}), I = /* @__PURE__ */ n({
   ...x,
   setup(g) {
     const { toggle: o, isFullscreen: r } = f();
-    return (k, n) => (l(), c("div", {
+    return (k, t) => (l(), c("div", {
       class: m([e(i).b(), "cursor-pointer"]),
-      onClick: n[0] || (n[0] = //@ts-ignore
+      onClick: t[0] || (t[0] = //@ts-ignore
       (...s) => e(o) && e(o)(...s))
     }, [
       p(e(d), {
@@ -30,5 +31,5 @@ const i = (
   }
 });
 export {
-  D as default
+  I as default
 };

package/es/components/full-screen/index.mjs

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.mjs";
 import "vue";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import o from "./full-screen.vue2.mjs";
-const l = t(o);
+const a = t(o);
 export {
-  l as VftFullScreen,
-  l as default
+  a as VftFullScreen,
+  a as default
 };

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

@@ -6,13 +6,14 @@ import "../../hooks/use-z-index/index.mjs";
 import "@vueuse/core";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import { VftLogo as v } from "../logo/index.mjs";
 const e = (
   /* hoist-static*/
   g("header-layout")
 ), C = a({
   name: e.b()
-}), P = /* @__PURE__ */ a({
+}), y = /* @__PURE__ */ a({
   ...C,
   props: {
     logoCfg: null
@@ -47,5 +48,5 @@ const e = (
   }
 });
 export {
-  P as default
+  y as default
 };

package/es/components/header-layout/index.mjs

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.mjs";
 import "vue";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import o from "./header-layout.vue2.mjs";
-const f = t(o);
+const e = t(o);
 export {
-  f as VftHeaderLayout,
-  f as default
+  e as VftHeaderLayout,
+  e as default
 };

package/es/components/icon/icon.vue2.mjs

@@ -6,15 +6,16 @@ import "lodash";
 import "../../hooks/use-z-index/index.mjs";
 import "@vueuse/core";
 import "@vue/shared";
+import "../../utils/ns-cover.mjs";
 import "../config-provider/index.mjs";
 import { useGlobalConfig as g } from "../config-provider/hooks/use-global-config.mjs";
-const z = ["src"], s = (
+const p = ["src"], s = (
   /* hoist-static*/
   y("icon")
-), k = l({
+), z = l({
   name: s.b()
-}), N = /* @__PURE__ */ l({
-  ...k,
+}), U = /* @__PURE__ */ l({
+  ...z,
   props: {
     icon: null,
     size: { default: 14 },
@@ -36,7 +37,7 @@ const z = ["src"], s = (
       class: c(t(s).e("image")),
       src: e.icon,
       alt: ""
-    }, null, 10, z)) : (i(), n("i", {
+    }, null, 10, p)) : (i(), n("i", {
       key: 1,
       class: c([e.icon]),
       style: f(t(r))
@@ -44,5 +45,5 @@ const z = ["src"], s = (
   }
 });
 export {
-  N as default
+  U as default
 };

package/es/components/icon/index.mjs

@@ -2,10 +2,11 @@ import { withInstall as o } from "../../utils/vue/install.mjs";
 import "vue";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import t from "./icon.vue2.mjs";
-const f = o(t);
+const n = o(t);
 export {
-  f as Icon,
-  f as VftIcon,
-  f as default
+  n as Icon,
+  n as VftIcon,
+  n as default
 };

package/es/components/icon-text/icon-text.vue.d.ts

@@ -6,7 +6,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
     icon: {
-        type: __PropType<IconProps>;
+        type: __PropType<string | IconProps>;
         required: true;
     };
     color: {
@@ -35,7 +35,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
     icon: {
-        type: __PropType<IconProps>;
+        type: __PropType<string | IconProps>;
         required: true;
     };
     color: {

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

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

package/es/components/icon-text/index.d.ts

@@ -4,7 +4,7 @@ export declare const VftIconText: import("vft/es/utils").SFCWithInstall<import("
         required: true;
     };
     icon: {
-        type: import("vue").PropType<import("..").IconProps>;
+        type: import("vue").PropType<string | import("..").IconProps>;
         required: true;
     };
     color: {
@@ -33,7 +33,7 @@ export declare const VftIconText: import("vft/es/utils").SFCWithInstall<import("
         required: true;
     };
     icon: {
-        type: import("vue").PropType<import("..").IconProps>;
+        type: import("vue").PropType<string | import("..").IconProps>;
         required: true;
     };
     color: {

package/es/components/icon-text/index.mjs

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.mjs";
 import "vue";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import o from "./icon-text.vue2.mjs";
-const a = t(o);
+const n = t(o);
 export {
-  a as VftIconText,
-  a as default
+  n as VftIconText,
+  n as default
 };

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

@@ -6,6 +6,7 @@ import "../../hooks/use-z-index/index.mjs";
 import "@vueuse/core";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import d from "./iframe-page.vue2.mjs";
 import { useRouter as k } from "vue-router";
 const P = (
@@ -13,7 +14,7 @@ const P = (
   h("iframe-layout")
 ), S = m({
   name: P.b()
-}), D = /* @__PURE__ */ m({
+}), E = /* @__PURE__ */ m({
   ...S,
   props: {
     iframePages: null
@@ -36,5 +37,5 @@ const P = (
   }
 });
 export {
-  D as default
+  E as default
 };

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

@@ -6,12 +6,13 @@ import "../../hooks/use-z-index/index.mjs";
 import "@vueuse/core";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 const n = ["src"], r = (
   /* hoist-static*/
   c("iframe-page")
 ), p = e({
   name: r.b()
-}), B = /* @__PURE__ */ e({
+}), C = /* @__PURE__ */ e({
   ...p,
   props: {
     frameSrc: { default: "" }
@@ -24,5 +25,5 @@ const n = ["src"], r = (
   }
 });
 export {
-  B as default
+  C as default
 };

package/es/components/iframe-layout/index.mjs

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.mjs";
 import "vue";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import o from "./iframe-layout.vue2.mjs";
-const p = t(o);
+const s = t(o);
 export {
-  p as VftIframeLayout,
-  p as default
+  s as VftIframeLayout,
+  s as default
 };

package/es/components/image/image.vue2.mjs

@@ -6,8 +6,9 @@ import "lodash";
 import "../../hooks/use-z-index/index.mjs";
 import "@vue/shared";
 import { isInContainer as Q, isElement as R, isString as U, getScrollContainer as W } from "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import { useAttrs as X } from "@vft/use";
-const Z = ["src", "loading"], ue = /* @__PURE__ */ F({
+const Z = ["src", "loading"], ce = /* @__PURE__ */ F({
   __name: "image",
   props: {
     hideOnClickModal: { type: Boolean, default: !1 },
@@ -42,17 +43,17 @@ const Z = ["src", "loading"], ue = /* @__PURE__ */ F({
       o.value = !1, r.value = !0, v("error", l);
     }
     function k() {
-      Q(c.value, a.value) && (y(), p());
+      Q(c.value, a.value) && (y(), z());
     }
     const S = G(k, 200);
-    async function z() {
+    async function p() {
       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,
         "scroll",
         S
       ), setTimeout(() => k(), 100)));
     }
-    function p() {
+    function z() {
       !u || !a.value || !S || (d == null || d(), a.value = void 0);
     }
     function V(l) {
@@ -71,10 +72,10 @@ const Z = ["src", "loading"], ue = /* @__PURE__ */ F({
     return P(
       () => e.src,
       () => {
-        C.value ? (o.value = !0, r.value = !1, p(), z()) : y();
+        C.value ? (o.value = !0, r.value = !1, z(), p()) : y();
       }
     ), Y(() => {
-      C.value ? z() : y();
+      C.value ? p() : y();
     }), (l, _) => (g(), w("div", {
       ref_key: "container",
       ref: c,
@@ -112,5 +113,5 @@ const Z = ["src", "loading"], ue = /* @__PURE__ */ F({
   }
 });
 export {
-  ue as default
+  ce as default
 };

package/es/components/image/index.mjs

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.mjs";
 import "vue";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import m from "./image.vue2.mjs";
-const f = t(m);
+const s = t(m);
 export {
-  f as VftImage,
-  f as default
+  s as VftImage,
+  s as default
 };

package/es/components/input/index.mjs

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.mjs";
 import "vue";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import o from "./input.vue2.mjs";
-const a = t(o);
+const n = t(o);
 export {
-  a as VftInput,
-  a as default
+  n as VftInput,
+  n as default
 };

package/es/components/input/input.vue2.mjs

@@ -12,7 +12,8 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.mjs";
 import "@vue/shared";
 import { debugWarn as Z } from "../../utils/error.mjs";
-const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], gt = /* @__PURE__ */ De({
+import "../../utils/ns-cover.mjs";
+const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], Ct = /* @__PURE__ */ De({
   __name: "input",
   props: {
     id: null,
@@ -357,5 +358,5 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
   }
 });
 export {
-  gt as default
+  Ct as default
 };

package/es/components/link/index.mjs

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.mjs";
 import "vue";
 import "@vue/shared";
 import "@vft/utils";
+import "../../utils/ns-cover.mjs";
 import o from "./link.vue2.mjs";
-const a = t(o);
+const n = t(o);
 export {
-  a as VftLink,
-  a as default
+  n as VftLink,
+  n as default
 };

package/es/components/link/link.vue2.mjs

@@ -7,13 +7,14 @@ import "lodash";
 import "../../hooks/use-z-index/index.mjs";
 import "@vueuse/core";
 import "@vue/shared";
+import "../../utils/ns-cover.mjs";
 import { useRouterHelper as h } from "@vft/router";
 const o = (
   /* hoist-static*/
   R("link")
 ), z = u({
   name: o.b()
-}), T = /* @__PURE__ */ u({
+}), q = /* @__PURE__ */ u({
   ...z,
   props: {
     type: { default: "default" },
@@ -53,5 +54,5 @@ const o = (
   }
 });
 export {
-  T as default
+  q as default
 };