vft 0.0.507 → 0.0.511

package/es/components/form/form-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Z, useSlots as ye, inject as E, ref as b, computed as a, watch as T, reactive as Se, toRefs as ke, provide as qe, onMounted as Ie, onBeforeUnmount as Ve, createElementBlock as we, openBlock as R, unref as f, normalizeClass as g, createBlock as G, createCommentVNode as _, createElementVNode as K, withCtx as B, resolveDynamicComponent as Ce, normalizeStyle as U, renderSlot as M, createTextVNode as Fe, toDisplayString as O, createVNode as Re, TransitionGroup as _e, nextTick as Be } from "vue";
+import { defineComponent as Z, useSlots as ye, inject as E, ref as b, computed as a, watch as T, reactive as Se, toRefs as ke, provide as qe, onMounted as Ie, onBeforeUnmount as Ve, openBlock as R, createElementBlock as we, unref as f, normalizeClass as g, createBlock as G, withCtx as _, resolveDynamicComponent as Ce, normalizeStyle as K, renderSlot as B, createTextVNode as Fe, toDisplayString as U, createCommentVNode as M, createElementVNode as O, createVNode as Re, TransitionGroup as _e, nextTick as Be } from "vue";
 import { refDebounced as Me } from "@vueuse/core";
 import { isBoolean as We, getProp as W, isFunction as xe } from "@vft/utils";
 import { addUnit as H, castArray as J } from "../../utils/helper.js";
@@ -185,46 +185,46 @@ const je = ["role", "aria-labelledby"], De = Z({
       role: I.value ? "group" : void 0,
       "aria-labelledby": I.value ? f(S) : void 0
     }, [
-      x.hideLabel ? _("", !0) : (R(), G(f(Ne), {
+      x.hideLabel ? M("", !0) : (R(), G(f(Ne), {
         key: 0,
         "is-auto-width": A.value.width === "auto",
         "update-all": f(o)?.labelWidth === "auto"
       }, {
-        default: B(() => [
+        default: _(() => [
           k.value ? (R(), G(Ce(q.value ? "label" : "div"), {
             key: 0,
             id: f(S),
             for: q.value,
             class: g(f(s).e("label")),
-            style: U(A.value)
+            style: K(A.value)
           }, {
-            default: B(() => [
-              M(e.$slots, "label", { label: L.value }, () => [
-                Fe(O(L.value), 1)
+            default: _(() => [
+              B(e.$slots, "label", { label: L.value }, () => [
+                Fe(U(L.value), 1)
               ])
             ]),
             _: 3
-          }, 8, ["id", "for", "class", "style"])) : _("", !0)
+          }, 8, ["id", "for", "class", "style"])) : M("", !0)
         ]),
         _: 3
       }, 8, ["is-auto-width", "update-all"])),
-      K("div", {
+      O("div", {
         class: g(f(s).e("content")),
-        style: U(ae.value)
+        style: K(ae.value)
       }, [
-        M(e.$slots, "default"),
+        B(e.$slots, "default"),
         Re(_e, {
           name: `${f(s).namespace.value}-zoom-in-top`
         }, {
-          default: B(() => [
-            me.value ? M(e.$slots, "error", {
+          default: _(() => [
+            me.value ? B(e.$slots, "error", {
               key: 0,
               error: n.value
             }, () => [
-              K("div", {
+              O("div", {
                 class: g(ne.value)
-              }, O(n.value), 3)
-            ]) : _("", !0)
+              }, U(n.value), 3)
+            ]) : M("", !0)
           ]),
           _: 3
         }, 8, ["name"])

package/es/components/form/form.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as b, getCurrentInstance as q, ref as x, reactive as y, computed as F, watch as z, provide as T, toRefs as $, createElementBlock as j, openBlock as M, normalizeClass as W, renderSlot as A } from "vue";
+import { defineComponent as b, getCurrentInstance as q, ref as x, reactive as y, computed as F, watch as z, provide as T, toRefs as $, openBlock as j, createElementBlock as M, normalizeClass as W, renderSlot as A } from "vue";
 import "@vueuse/core";
 import { isFunction as K } from "@vft/utils";
 import { debugWarn as n } from "../../utils/error.js";
@@ -133,7 +133,7 @@ const H = b({
        * @description Scroll to the specified fields.
        */
       scrollToField: S
-    }), (e, t) => (M(), j("form", {
+    }), (e, t) => (j(), M("form", {
       ref_key: "formRef",
       ref: d,
       class: W(C.value)

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

@@ -1,20 +1,21 @@
-import { defineComponent as r, createBlock as p, openBlock as s, unref as o, mergeProps as m } from "vue";
-import { useFullscreen as a } from "@vft/use";
-import { delObjAttrNotExist as u } from "@vft/utils";
-import { VftIconText as f } from "../icon-text/index.js";
+import { defineComponent as r, openBlock as p, createBlock as m, unref as o, mergeProps as a } from "vue";
+import { useFullscreen as u } from "@vft/use";
+import { delObjAttrNotExist as f } from "@vft/utils";
+import { VftIconText as x } from "../icon-text/index.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import { primaryColor as d } from "../../utils/ns-cover.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as x } from "../../hooks/use-namespace/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";
-const _ = r({
+import v from "../../locale/use-locale.js";
+const y = r({
   name: "full-screen"
-}), z = /* @__PURE__ */ r({
-  ..._,
+}), A = /* @__PURE__ */ r({
+  ...y,
   props: {
     text: {},
     icon: {},
@@ -32,18 +33,18 @@ const _ = r({
     clampTooltipCfg: {},
     useClamp: { type: Boolean }
   },
-  setup(t) {
-    const n = t, l = x("full-screen"), { toggle: i, isFullscreen: e } = a(), c = d().value;
-    return (y, B) => (s(), p(o(f), m({
-      class: o(l).b(),
+  setup(n) {
+    const l = n, c = _("full-screen"), { t: e } = v(), { toggle: i, isFullscreen: t } = u(), s = d().value;
+    return (B, C) => (p(), m(o(x), a({
+      class: o(c).b(),
       distance: 2,
-      "hover-color": o(c),
+      "hover-color": o(s),
       onClick: o(i),
-      icon: o(e) ? "icon-exit-full-screen" : "icon-full-screen",
-      text: o(e) ? "退出全屏" : "全屏"
-    }, o(u)(n, !0, !0), { pointer: "" }), null, 16, ["class", "hover-color", "onClick", "icon", "text"]));
+      icon: o(t) ? "icon-exit-full-screen" : "icon-full-screen",
+      text: o(t) ? o(e)("vft.fullScreen.exit") : o(e)("vft.fullScreen.enter")
+    }, o(f)(l, !0, !0), { pointer: "" }), null, 16, ["class", "hover-color", "onClick", "icon", "text"]));
   }
 });
 export {
-  z as default
+  A as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as d, createBlock as n, openBlock as e, unref as t, normalizeClass as m, withCtx as r, createVNode as f, createCommentVNode as l, createElementVNode as u, createElementBlock as c, renderSlot as i, normalizeProps as p, mergeProps as g } from "vue";
+import { defineComponent as d, openBlock as e, createBlock as n, unref as t, normalizeClass as m, withCtx as r, createVNode as f, createElementVNode as u, createElementBlock as c, normalizeProps as p, mergeProps as g, createCommentVNode as l, renderSlot as i } from "vue";
 import { VftHeader as h, VftContainer as C, VftMain as V, VftFooter as k } from "../container/index.js";
 import { VftLogo as _ } from "../logo/index.js";
 import "@vueuse/core";

package/es/components/horizontal-menu/horizontal-menu.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as V, computed as S, getCurrentInstance as Y, useSlots as q, ref as F, createVNode as c, mergeProps as w, isVNode as K } from "vue";
 import { useRouterHelper as Q } from "@vft/router";
 import { isUrl as X } from "@vft/utils";
-import { VftMenu as Z, VftSubMenu as _, VftMenuItem as ee, VftMenuItemGroup as te } from "../menu/index.js";
+import { VftMenu as Z, VftSubMenu as _, VftMenuItemGroup as ee, VftMenuItem as te } from "../menu/index.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
@@ -71,7 +71,7 @@ const ue = V({
       ...t.attrMapping
     })), B = Y(), h = q(), O = F(), T = B.appContext.config.globalProperties.$router, v = (e, o, a) => {
       const i = e[l.value.path], r = e[l.value.title], n = e?.[l.value.index], M = e?.[l.value.icon], m = !!e?.[l.value.disabled], d = t.disabledJudgeTurnOver ? !m : m, g = n || i || o + r;
-      return c(ee, w(e, {
+      return c(te, w(e, {
         key: g,
         index: String(g),
         icon: M,
@@ -92,7 +92,7 @@ const ue = V({
       p("close", e);
     }, z = (e) => {
       p("sub-menu-click", e);
-    }, H = (e, o) => !t.enableScroll || !e ? e : o > t.scrollThreshold ? c(te, {
+    }, H = (e, o) => !t.enableScroll || !e ? e : o > t.scrollThreshold ? c(ee, {
       style: {
         maxHeight: t.scrollMaxHeight,
         overflowY: "auto"

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

@@ -1,4 +1,4 @@
-import { defineComponent as f, computed as t, createElementBlock as c, openBlock as s, normalizeStyle as l, normalizeClass as m, unref as i } from "vue";
+import { defineComponent as f, computed as t, openBlock as c, createElementBlock as s, normalizeStyle as l, normalizeClass as m, unref as i } from "vue";
 import { isString as y } from "@vft/utils";
 import "../config-provider/index.js";
 import "@vueuse/core";
@@ -37,13 +37,13 @@ const z = ["src"], I = f({
         "icon"
       )
     ), u = (a) => a?.includes("/"), v = t(() => u(o.icon)), d = t(() => e.value?.iconifyPrefixClass && o.icon && y(o.icon) ? o.icon.startsWith(e.value?.iconifyPrefixClass) : !1).value ? "" : e.value?.iconfontClass || "";
-    return (a, x) => v.value ? (s(), c("img", {
+    return (a, x) => v.value ? (c(), s("img", {
       key: 0,
       class: m(i(n).e("image")),
       src: o.icon,
       alt: "",
       style: l(r.value)
-    }, null, 14, z)) : (s(), c("i", {
+    }, null, 14, z)) : (c(), s("i", {
       key: 1,
       class: m([i(n).b(), o.icon, i(d)]),
       style: l(r.value)

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

@@ -1,4 +1,4 @@
-import { defineComponent as C, computed as o, createElementBlock as f, openBlock as l, normalizeStyle as k, normalizeClass as S, unref as r, createBlock as c, createCommentVNode as y, mergeProps as s, normalizeProps as b, toDisplayString as I } from "vue";
+import { defineComponent as C, computed as o, openBlock as l, createElementBlock as f, normalizeStyle as k, normalizeClass as S, unref as r, createBlock as c, mergeProps as s, createCommentVNode as y, normalizeProps as b, toDisplayString as I } from "vue";
 import { VftClampTooltip as w } from "../clamp-tooltip/index.js";
 import { VftIcon as h } from "../icon/index.js";
 import "@vueuse/core";

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

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as p, computed as P, createElementBlock as n, openBlock as t, Fragment as m, renderList as _, withDirectives as g, createCommentVNode as k, createBlock as v, vShow as L } from "vue";
+import { defineComponent as c, ref as p, computed as P, openBlock as t, createElementBlock as n, Fragment as m, renderList as _, withDirectives as g, createBlock as k, vShow as v, createCommentVNode as L } from "vue";
 import y from "./iframe-page.vue2.js";
 const B = c({
   name: "vft-iframe-layout"
@@ -19,7 +19,7 @@ const B = c({
     }), (a, f) => (t(!0), n(m, null, _(o.iframePages, (e, h) => (t(), n(m, {
       key: e.query ? e.fullPath : e.path
     }, [
-      e.meta.frameSrc && e.meta.loaded ? g((t(), v(y, {
+      e.meta.frameSrc && e.meta.loaded ? g((t(), k(y, {
         key: 0,
         ref_for: !0,
         ref_key: "iframePageRef",
@@ -27,8 +27,8 @@ const B = c({
         onLoaded: (S) => s(e, h),
         "frame-src": e.meta.frameSrc
       }, null, 8, ["onLoaded", "frame-src"])), [
-        [L, e.fullPath === (o.currentPath || a.$route.fullPath)]
-      ]) : k("", !0)
+        [v, e.fullPath === (o.currentPath || a.$route.fullPath)]
+      ]) : L("", !0)
     ], 64))), 128));
   }
 });

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

@@ -1,4 +1,4 @@
-import { defineComponent as n, ref as a, onMounted as u, nextTick as t, createElementBlock as w, openBlock as _, normalizeClass as v, unref as g } from "vue";
+import { defineComponent as n, ref as a, onMounted as u, nextTick as t, openBlock as w, createElementBlock as _, normalizeClass as v, unref as g } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -35,7 +35,7 @@ const h = ["src"], k = n({
       });
     }), s({
       isLoading: o
-    }), (d, x) => (_(), w("iframe", {
+    }), (d, x) => (w(), _("iframe", {
       ref_key: "iframeRef",
       ref: e,
       sandbox: "allow-scripts allow-storage-access-by-user-activation allow-presentation allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-downloads allow-top-navigation allow-modals allow-forms allow-top-navigation-by-user-activation",

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

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