vft 0.0.507 → 0.0.509

package/es/components/md-container/md-container.vue2.js

@@ -1,88 +1,86 @@
-import { defineComponent as S, getCurrentInstance as $, ref as N, computed as x, onMounted as A, nextTick as P, onDeactivated as q, onBeforeMount as z, createElementBlock as u, openBlock as r, normalizeClass as c, unref as e, createBlock as f, createCommentVNode as p, createElementVNode as l, toDisplayString as k, createVNode as g, Fragment as B, renderList as I, withCtx as O, createTextVNode as F, renderSlot as H } from "vue";
-import { VftIcon as b } from "../icon/index.js";
-import { VftIconText as J } from "../icon-text/index.js";
-import { VftMdComment as j } from "../md-comment/index.js";
-import { VftSideMenu as U } from "../side-menu/index.js";
-import { VftTag as Y } from "../tag/index.js";
+import { defineComponent as S, getCurrentInstance as N, ref as A, computed as k, onMounted as P, nextTick as q, onDeactivated as z, onBeforeMount as B, createElementBlock as u, openBlock as s, normalizeClass as c, unref as e, createBlock as f, createCommentVNode as p, createElementVNode as l, toDisplayString as b, createVNode as h, Fragment as I, renderList as O, withCtx as F, createTextVNode as H, renderSlot as J } from "vue";
+import { VftIcon as T } from "../icon/index.js";
+import { VftIconText as j } from "../icon-text/index.js";
+import { VftMdComment as U } from "../md-comment/index.js";
+import { VftSideMenu as Y } from "../side-menu/index.js";
+import { VftTag as G } from "../tag/index.js";
 import "@vueuse/core";
-import { handleScrollPosition as G, getAdaptiveOffset as K, jumpElement as D, getRandomElementForArr as Q, isClient as W } from "@vft/utils";
+import { handleScrollPosition as K, getAdaptiveOffset as Q, jumpElement as D, getRandomElementForArr as W, isClient as X } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
-import { primaryColor as X } from "../../utils/ns-cover.js";
-import { debounce as Z } from "lodash-es";
+import { primaryColor as Z } from "../../utils/ns-cover.js";
+import { debounce as ee } from "lodash-es";
 import "../form/index.js";
-import { useNamespace as ee } from "../../hooks/use-namespace/index.js";
+import { useNamespace as te } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useRouterHelper as te } from "@vft/router";
-import { useEventListener as oe } from "@vft/use";
-import { usePhotoSwipe as ne } from "@vft/use/photoswipe";
-import { formatToDateTime as ie, getDayTimestamp as le } from "@vft/utils/date";
-import { useCopyCode as ae } from "./use/useCopyCode.js";
-import { COMP_TYPE as se } from "./utils.js";
-const re = { class: "info-container" }, ce = {
+import { useLocale as oe } from "../../locale/use-locale.js";
+import { useRouterHelper as ne } from "@vft/router";
+import { useEventListener as ie } from "@vft/use";
+import { usePhotoSwipe as le } from "@vft/use/photoswipe";
+import { formatToDateTime as ae, getDayTimestamp as re } from "@vft/utils/date";
+import { useCopyCode as se } from "./use/useCopyCode.js";
+import { COMP_TYPE as ce } from "./utils.js";
+const me = { class: "info-container" }, de = {
   key: 0,
   class: "left"
-}, me = { class: "infos" }, de = {
-  class: "reading",
-  title: "阅读量"
-}, ue = ["data-path"], fe = S({
+}, ue = { class: "infos" }, fe = ["title"], pe = ["data-path"], he = S({
   name: "vft-md-container"
-}), qe = /* @__PURE__ */ S({
-  ...fe,
+}), Ie = /* @__PURE__ */ S({
+  ...he,
   props: {
     tocList: {},
     scrollDom: { default: ".layout-content" },
     showComment: { type: Boolean, default: !0 }
   },
   setup(a) {
-    const s = ee("md-container"), T = $(), m = N(), d = x(() => a.tocList && a.tocList !== "undefined" ? JSON.parse(a.tocList) : ""), { initPhotoSwipe: w } = ne(`.${s.e("content")} img`);
-    w(), ae();
-    const h = T.appContext.config.globalProperties.$router, n = h.currentRoute.value, L = X(), V = W ? location.pathname : "", { go: _ } = te(h);
-    function E(o) {
-      _(`/?classify=${o}`);
+    const r = te("md-container"), L = N(), { t: g } = oe(), m = A(), d = k(() => a.tocList && a.tocList !== "undefined" ? JSON.parse(a.tocList) : ""), { initPhotoSwipe: w } = le(`.${r.e("content")} img`);
+    w(), se();
+    const v = L.appContext.config.globalProperties.$router, n = v.currentRoute.value, V = Z(), _ = X ? location.pathname : "", { go: E } = ne(v);
+    function M(o) {
+      E(`/?classify=${o}`);
     }
-    const M = x(() => n.meta.category?.includes("api")), v = Z(
-      () => G({
+    const R = k(() => n.meta.category?.includes("api")), y = ee(
+      () => K({
         scrollDom: a.scrollDom,
         contentDom: ".header-anchor",
         selectAttrName: "href",
-        offset: K(210, 1920, 1500, 1920),
+        offset: Q(210, 1920, 1500, 1920),
         callback: (o) => {
           m.value?.menuRef && (m.value.menuRef.activeIndex = o.slice(1));
         }
       }),
       100
-    ), y = (o) => {
+    ), C = (o) => {
       D(`[id="${o.index}"]`, a.scrollDom, 120);
-    }, C = () => {
+    }, x = () => {
       const o = document.querySelector(a.scrollDom);
-      o && o.removeEventListener("scroll", v);
+      o && o.removeEventListener("scroll", y);
     };
-    return A(() => {
-      P(() => {
+    return P(() => {
+      q(() => {
         setTimeout(() => {
           n.hash && D(`[id="${encodeURI(n.hash).slice(1)}"]`);
         }), setTimeout(() => {
           const t = document.querySelector(".layout-content");
-          t && t.addEventListener("scroll", v);
+          t && t.addEventListener("scroll", y);
         }, 1500);
         const o = document.querySelectorAll(".item.expand"), i = document.querySelectorAll(
           "div.language-vue"
         );
         for (let t = 0; t < o.length; t++)
-          oe(o[t], "click", () => {
+          ie(o[t], "click", () => {
             i[t].offsetHeight === 0 ? (i[t].style.height = "auto", i[t].style.visibility = "visible") : (i[t].style.height = "0px", i[t].style.visibility = "hidden");
           });
       });
-    }), q(() => {
-      C();
     }), z(() => {
-      C();
-    }), (o, i) => (r(), u("div", {
-      class: c([e(s).b(), e(s).is("api", M.value)])
+      x();
+    }), B(() => {
+      x();
+    }), (o, i) => (s(), u("div", {
+      class: c([e(r).b(), e(r).is("api", R.value)])
     }, [
-      d.value?.length ? (r(), f(e(U), {
+      d.value?.length ? (s(), f(e(Y), {
         key: 0,
         ref_key: "sideMenuRef",
         ref: m,
@@ -96,66 +94,69 @@ const re = { class: "info-container" }, ce = {
         "attr-mapping": {
           index: "slug"
         },
-        onSelect: y,
-        onSubMenuClick: y
+        onSelect: C,
+        onSubMenuClick: C
       }, null, 8, ["default-active", "menus"])) : p("", !0),
       l("div", {
-        class: c(e(s).e("header"))
+        class: c(e(r).e("header"))
       }, [
         l("h1", {
-          class: c(e(s).e("title"))
-        }, k(e(n).meta?.title), 3),
-        l("div", re, [
-          e(n).meta?.category?.length ? (r(), u("div", ce, [
-            g(e(b), {
+          class: c(e(r).e("title"))
+        }, b(e(n).meta?.title), 3),
+        l("div", me, [
+          e(n).meta?.category?.length ? (s(), u("div", de, [
+            h(e(T), {
               size: 14,
-              color: e(L),
+              color: e(V),
               icon: "icon-category"
             }, null, 8, ["color"]),
-            (r(!0), u(B, null, I(e(n).meta?.category, (t, R) => (r(), f(e(Y), {
+            (s(!0), u(I, null, O(e(n).meta?.category, (t, $) => (s(), f(e(G), {
               size: "small",
               class: "tag",
-              type: e(Q)(e(se), 1)[0],
-              key: R,
-              onClick: (pe) => E(t)
+              type: e(W)(e(ce), 1)[0],
+              key: $,
+              onClick: (ge) => M(t)
             }, {
-              default: O(() => [
-                F(k(t), 1)
+              default: F(() => [
+                H(b(t), 1)
               ]),
               _: 2
             }, 1032, ["type", "onClick"]))), 128))
           ])) : p("", !0),
-          l("div", me, [
-            g(e(J), {
-              title: "发布时间",
+          l("div", ue, [
+            h(e(j), {
+              title: e(g)("vft.mdContainer.publishTime"),
               icon: "icon-date",
               size: 12,
               class: "mr-10px",
               distance: 5,
-              text: e(ie)(
-                (e(n).meta?.date ? new Date(e(n).meta.date).getTime() : (/* @__PURE__ */ new Date()).getTime()) - e(le)()
+              text: e(ae)(
+                (e(n).meta?.date ? new Date(e(n).meta.date).getTime() : (/* @__PURE__ */ new Date()).getTime()) - e(re)()
               )
-            }, null, 8, ["text"]),
-            l("div", de, [
-              g(e(b), {
+            }, null, 8, ["title", "text"]),
+            l("div", {
+              class: "reading",
+              title: e(g)("vft.mdContainer.readCount")
+            }, [
+              h(e(T), {
                 icon: "icon-reading",
                 size: 14,
                 class: "mr-5px"
               }),
               l("div", {
                 class: "waline-pageview-count lh-1",
-                "data-path": e(V)
-              }, "0", 8, ue)
-            ])
+                "data-path": e(_)
+              }, "0", 8, pe)
+            ], 8, fe)
           ])
         ])
       ], 2),
       l("div", {
-        class: c(e(s).e("content"))
+        class: c(e(r).e("content"))
       }, [
-        H(o.$slots, "default")
+        J(o.$slots, "default")
       ], 2),
-      a.showComment ? (r(), f(e(j), { key: 1 })) : p("", !0),
+      a.showComment ? (s(), f(e(U), { key: 1 })) : p("", !0),
       i[0] || (i[0] = l("ins", {
         class: "adsbygoogle",
         style: { display: "block", "text-align": "center" },
@@ -168,5 +169,5 @@ const re = { class: "info-container" }, ce = {
   }
 });
 export {
-  qe as default
+  Ie as default
 };

package/es/components/md-container/toc.js

@@ -1,40 +1,41 @@
 import { jumpElement as h } from "@vft/utils";
-import { defineComponent as v, ref as f, getCurrentInstance as g, computed as T, onMounted as C, watch as $, h as o } from "vue";
-import { isActiveLink as I } from "./utils.js";
-const k = ({ title: t, level: e, slug: l }) => o(
+import { useLocale as v } from "../../locale/use-locale.js";
+import { defineComponent as g, ref as C, getCurrentInstance as T, computed as $, onMounted as I, watch as b, h as n } from "vue";
+import { isActiveLink as k } from "./utils.js";
+const y = ({ title: e, level: o, slug: t }) => n(
   "a",
   {
-    href: `#${l}`,
-    class: ["toc-link", `level${e}`]
+    href: `#${t}`,
+    class: ["toc-link", `level${o}`]
   },
-  t
-), a = (t, e, l) => t.length && e > 0 ? o(
+  e
+), u = (e, o, t) => e.length && o > 0 ? n(
   "ul",
   { class: "toc-list" },
-  t.map((c) => [
-    o(
+  e.map((l) => [
+    n(
       "li",
       {
         class: [
           "toc-item",
           {
-            active: I(
-              l,
-              `#${decodeURIComponent(c.slug)}`
+            active: k(
+              t,
+              `#${decodeURIComponent(l.slug)}`
             )
           }
         ],
-        onClick: (r) => y(r, c.slug)
+        onClick: (s) => H(s, l.slug)
       },
-      k(c)
+      y(l)
     ),
-    a(c.children, e - 1, l)
+    u(l.children, o - 1, t)
   ])
 ) : null;
-function y(t, e) {
-  t.preventDefault(), h(`[id="${e}"]`);
+function H(e, o) {
+  e.preventDefault(), h(`[id="${o}"]`);
 }
-const A = v({
+const w = g({
   props: {
     /**
      * TOC items config
@@ -55,37 +56,37 @@ const A = v({
       default: 2
     }
   },
-  setup(t) {
-    const e = f(), c = g().appContext.config.globalProperties.$router, r = T(() => c.currentRoute.value), u = (n) => {
-      e.value?.scrollTo({ top: n, behavior: "smooth" });
+  setup(e) {
+    const { t: o } = v(), t = C(), s = T().appContext.config.globalProperties.$router, a = $(() => s.currentRoute.value), m = (c) => {
+      t.value?.scrollTo({ top: c, behavior: "smooth" });
     };
-    return C(() => {
-      $(
-        () => r.value.hash,
-        (n) => {
-          if (e.value) {
+    return I(() => {
+      b(
+        () => a.value.hash,
+        (c) => {
+          if (t.value) {
             const p = document.querySelector(
-              `#toc a.toc-link[href$="${n}"]`
+              `#toc a.toc-link[href$="${c}"]`
             );
             if (!p) return;
-            const { top: i, height: d } = e.value.getBoundingClientRect(), { top: s, height: m } = p.getBoundingClientRect();
-            s < i ? u(e.value.scrollTop + s - i) : s + m > i + d && u(
-              e.value.scrollTop + s + m - i - d
+            const { top: r, height: d } = t.value.getBoundingClientRect(), { top: i, height: f } = p.getBoundingClientRect();
+            i < r ? m(t.value.scrollTop + i - r) : i + f > r + d && m(
+              t.value.scrollTop + i + f - r - d
             );
           }
         }
       );
     }), () => {
-      const n = t.items.length ? a(t.items, t.headerDepth, r.value) || [] : a([], t.headerDepth, r.value) || null;
-      return n ? o("div", { class: "toc-place-holder" }, [
-        o("aside", { id: "toc" }, [
-          o("div", { class: "toc-header" }, ["此页内容"]),
-          o("div", { class: "toc-wrapper", ref: e }, [n])
+      const c = e.items.length ? u(e.items, e.headerDepth, a.value) || [] : u([], e.headerDepth, a.value) || null;
+      return c ? n("div", { class: "toc-place-holder" }, [
+        n("aside", { id: "toc" }, [
+          n("div", { class: "toc-header" }, [o("vft.mdContainer.tableOfContents")]),
+          n("div", { class: "toc-wrapper", ref: t }, [c])
         ])
       ]) : null;
     };
   }
 });
 export {
-  A as default
+  w as default
 };

package/es/components/modal/modal-footer-action.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as O, computed as e, createBlock as n, openBlock as s, unref as o, normalizeProps as w, guardReactiveProps as y, withCtx as i, createCommentVNode as c, renderSlot as l, mergeProps as p, createTextVNode as f, toDisplayString as B } from "vue";
+import { defineComponent as w, computed as e, createBlock as n, openBlock as s, unref as o, normalizeProps as v, guardReactiveProps as y, withCtx as a, createCommentVNode as l, renderSlot as p, mergeProps as f, createTextVNode as B, toDisplayString as b } from "vue";
 import { VftRow as g } from "../row/index.js";
-import { VftButton as b } from "../button/index.js";
+import { VftButton as d } from "../button/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -10,7 +10,8 @@ import { useNamespace as h } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const A = /* @__PURE__ */ O({
+import { useLocale as x } from "../../locale/use-locale.js";
+const q = /* @__PURE__ */ w({
   __name: "modal-footer-action",
   props: {
     showSubmitButton: { type: Boolean },
@@ -20,41 +21,41 @@ const A = /* @__PURE__ */ O({
     actionRowOptions: {}
   },
   setup(t) {
-    const a = h("form-action"), d = e(() => ({
+    const i = h("form-action"), { t: r } = x(), O = e(() => ({
       justify: "end",
       ...t.actionRowOptions
-    })), r = e(
-      () => Object.assign({ btnText: "确认" }, t.submitButtonOptions)
-    ), u = e(
-      () => Object.assign({ btnText: "取消" }, t.cancelButtonOptions)
+    })), m = e(
+      () => Object.assign({ btnText: r("vft.modal.confirm") }, t.submitButtonOptions)
+    ), c = e(
+      () => Object.assign({ btnText: r("vft.modal.cancel") }, t.cancelButtonOptions)
     );
-    return (m, v) => (s(), n(o(g), w(y(d.value)), {
-      default: i(() => [
-        t.showCancelButton ? (s(), n(o(b), p({ key: 0 }, u.value, {
-          class: o(a).e("cancel")
+    return (u, C) => (s(), n(o(g), v(y(O.value)), {
+      default: a(() => [
+        t.showCancelButton ? (s(), n(o(d), f({ key: 0 }, c.value, {
+          class: o(i).e("cancel")
         }), {
-          default: i(() => [
-            f(B(u.value.btnText), 1)
+          default: a(() => [
+            B(b(c.value.btnText), 1)
           ]),
           _: 1
-        }, 16, ["class"])) : c("", !0),
-        l(m.$slots, "submitBefore"),
-        t.showSubmitButton ? (s(), n(o(b), p({
+        }, 16, ["class"])) : l("", !0),
+        p(u.$slots, "submitBefore"),
+        t.showSubmitButton ? (s(), n(o(d), f({
           key: 1,
           type: "primary",
-          class: o(a).e("submit")
-        }, r.value), {
-          default: i(() => [
-            f(B(r.value.btnText), 1)
+          class: o(i).e("submit")
+        }, m.value), {
+          default: a(() => [
+            B(b(m.value.btnText), 1)
           ]),
           _: 1
-        }, 16, ["class"])) : c("", !0),
-        l(m.$slots, "submitAfter")
+        }, 16, ["class"])) : l("", !0),
+        p(u.$slots, "submitAfter")
       ]),
       _: 3
     }, 16));
   }
 });
 export {
-  A as default
+  q as default
 };

package/es/components/multiple-tabs/multiple-tabs.vue2.js

@@ -7,11 +7,11 @@ import { addUnit as o } from "../../utils/helper.js";
 import { generateCssVars as M } from "../../utils/ns-cover.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as le } from "../../hooks/use-namespace/index.js";
+import { useNamespace as ie } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useRouterHelper as ie, getRouterKeyPath as b, listenerRouteChange as re } from "@vft/router";
+import { useRouterHelper as le, getRouterKeyPath as b, listenerRouteChange as re } from "@vft/router";
 import { useMultipleTabStore as se, isTabPinned as $, useTabs as ue } from "@vft/store";
 import { useRefs as ce } from "@vft/use";
 import fe from "hotkeys-js";
@@ -19,9 +19,10 @@ import { onBeforeRouteLeave as me } from "vue-router";
 import de from "./tab-content.vue2.js";
 import { initAffixTabs as ve, useTabsDrag as he } from "./use/use-multiple-tabs.js";
 import "../context-menu/context-menu.vue2.js";
+import "../../locale/use-locale.js";
 const be = B({
   name: "vft-multiple-tabs"
-}), ze = /* @__PURE__ */ B({
+}), De = /* @__PURE__ */ B({
   ...be,
   props: {
     tabsStyle: {},
@@ -32,15 +33,15 @@ const be = B({
     fixExtraScrollWidth: {}
   },
   setup(u) {
-    const R = le("multiple-tabs"), s = q().appContext.config.globalProperties.$router, I = ve(s), l = se(), f = d(
-      () => l.getTabList.filter((e) => !e.meta?.hideTab && $(e)).length
+    const R = ie("multiple-tabs"), s = q().appContext.config.globalProperties.$router, I = ve(s), i = se(), f = d(
+      () => i.getTabList.filter((e) => !e.meta?.hideTab && $(e)).length
     ), L = d(
       () => Math.max(u.fixTabCount, f.value)
-    ), r = v(""), i = v(0), p = v(), { go: C } = ie(s), m = d(() => l.getTabList.filter((e) => !e.meta?.hideTab));
+    ), r = v(""), l = v(0), p = v(), { go: C } = le(s), m = d(() => i.getTabList.filter((e) => !e.meta?.hideTab));
     G(() => {
       if (r.value) {
         const e = m.value.findIndex((n) => b(n) === r.value);
-        e === -1 ? i.value = m.value?.length - 1 : i.value = e, i.value = i.value < f.value ? f.value - 1 : i.value;
+        e === -1 ? l.value = m.value?.length - 1 : l.value = e, l.value = l.value < f.value ? f.value - 1 : l.value;
       }
     }), oe && me(() => {
       p.value = t(s.currentRoute);
@@ -50,13 +51,13 @@ const be = B({
       const { meta: n = {} } = e, { currentActivePath: a, hideTab: c } = n, W = c ? a : null, S = b(e);
       if (r.value !== S && (r.value = S), W) {
         const k = s.getRoutes().find((j) => j.path === a);
-        k && l.addTab(
+        k && i.addTab(
           k,
           t(p),
-          i.value,
+          l.value,
           e
         );
-      } else c || l.addTab(t(e), t(p), i.value);
+      } else c || i.addTab(t(e), t(p), l.value);
     });
     function N(e) {
       if (r.value === e.paneName)
@@ -67,7 +68,7 @@ const be = B({
       C(a || n.fullPath || n.path);
     }
     function _(e) {
-      l.closeTabByKey(e, s);
+      i.closeTabByKey(e, s);
     }
     const { refs: E, setRefs: F } = ce();
     function A(e) {
@@ -100,11 +101,11 @@ const be = B({
       ),
       ...u.contextMenuStyle
     }, K = () => {
-      l.toggleFullScreen(l.getTabList[i.value], s);
+      i.toggleFullScreen(i.getTabList[l.value], s);
     }, x = v(!1);
     let y;
     const U = () => {
-      clearInterval(y), x.value = !0, l.refreshPage(0, s, l.getTabList[i.value]), y = setTimeout(() => {
+      clearInterval(y), x.value = !0, i.refreshPage(0, s, i.getTabList[l.value]), y = setTimeout(() => {
         x.value = !1;
       }, 500);
     };
@@ -161,7 +162,7 @@ const be = B({
                 }, null, 8, ["rotate"]),
                 h(t(w), {
                   onClick: K,
-                  icon: t(l).isFullScreen ? "icon-collapse" : "icon-expand",
+                  icon: t(i).isFullScreen ? "icon-collapse" : "icon-expand",
                   pointer: ""
                 }, null, 8, ["icon"])
               ], 2)
@@ -174,5 +175,5 @@ const be = B({
   }
 });
 export {
-  ze as default
+  De as default
 };