vft 0.0.506 → 0.0.509

package/es/components/input/input.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as Oe, useAttrs as Te, useSlots as Le, computed as l, ref as S, getCurrentInstance as je, shallowRef as H, watch as U, nextTick as E, onMounted as We, withDirectives as He, createElementBlock as c, openBlock as i, mergeProps as h, Fragment as q, createCommentVNode as u, createElementVNode as w, normalizeClass as r, unref as a, renderSlot as $, createBlock as V, withKeys as Ue, withModifiers as me, toDisplayString as D, normalizeStyle as qe, vShow as Ge } from "vue";
+import { defineComponent as Oe, useAttrs as Te, useSlots as Le, computed as l, ref as E, getCurrentInstance as je, shallowRef as H, watch as U, nextTick as V, onMounted as We, withDirectives as He, createElementBlock as c, openBlock as i, mergeProps as h, Fragment as q, createCommentVNode as u, createElementVNode as w, normalizeClass as r, unref as a, renderSlot as $, createBlock as B, withKeys as Ue, withModifiers as me, toDisplayString as D, normalizeStyle as qe, vShow as Ge } from "vue";
 import "../form/index.js";
-import { VftIcon as B } from "../icon/index.js";
+import { VftIcon as A } from "../icon/index.js";
 import { useResizeObserver as Je, isClient as Qe } from "@vueuse/core";
-import { isString as A, singleAttrToObj as G, noop as Xe, isObject as ve } from "@vft/utils";
+import { isString as F, singleAttrToObj as G, noop as Xe, isObject as ve } from "@vft/utils";
 import { debugWarn as J } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import { isNil as Ye } from "lodash-es";
@@ -44,11 +44,11 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
     inputStyle: { type: [Boolean, null, String, Object, Array] }
   },
   emits: {
-    [Q]: (e) => A(e),
-    input: (e) => A(e),
-    change: (e) => A(e),
-    suffixClick: (e) => A(e),
-    prefixClick: (e) => A(e),
+    [Q]: (e) => F(e),
+    input: (e) => F(e),
+    change: (e) => F(e),
+    suffixClick: (e) => F(e),
+    prefixClick: (e) => F(e),
     focus: (e) => e instanceof FocusEvent,
     blur: (e) => e instanceof FocusEvent,
     clear: () => !0,
@@ -59,7 +59,8 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
     keydown: (e) => e instanceof Event,
     compositionstart: (e) => e instanceof CompositionEvent,
     compositionupdate: (e) => e instanceof CompositionEvent,
-    compositionend: (e) => e instanceof CompositionEvent
+    compositionend: (e) => e instanceof CompositionEvent,
+    passwordVisibleChange: (e) => typeof e == "boolean"
   },
   setup(e, { expose: xe, emit: pe }) {
     const s = pe, g = Te(), m = Le(), X = l(() => {
@@ -85,19 +86,19 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       n.is("focus", v.value)
     ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = at(), { inputId: Y } = nt(we.props, {
-      formItemContext: F
-    }), ke = et(), x = tt(), n = ye("input"), Z = ye("textarea"), M = H(), p = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || p.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
+    }), { form: Ce, formItem: M } = at(), { inputId: Y } = nt(we.props, {
+      formItemContext: M
+    }), ke = et(), x = tt(), n = ye("input"), Z = ye("textarea"), K = H(), p = H(), v = E(!1), N = E(!1), C = E(!1), k = E(!1), _ = E(), O = H(e.inputStyle), I = l(() => K.value || p.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
-    })), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(
-      () => I.value && {
+    })), te = l(() => Ce?.statusIcon ?? !1), z = l(() => M?.validateState || ""), ae = l(
+      () => z.value && {
         validating: "icon-loading",
         success: "icon-circle-check",
         error: "icon-circle-close"
-      }[I.value]
+      }[z.value]
     ), ze = l(
-      () => K.value ? { icon: "icon-view", size: 16 } : { icon: "icon-hide", size: 16 }
+      () => k.value ? { icon: "icon-view", size: 16 } : { icon: "icon-hide", size: 16 }
     ), Se = l(() => [
       g.style,
       e.inputStyle
@@ -119,8 +120,8 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
         !!b.value && j.value > Number(d.value.maxlength)
       )
     ), Ve = l(
-      () => !!m.suffix || !!e.suffixIcon || P.value || e.showPassword || b.value || !!I.value && te.value
-    ), [Be, Ae] = _e(M);
+      () => !!m.suffix || !!e.suffixIcon || P.value || e.showPassword || b.value || !!z.value && te.value
+    ), [Be, Ae] = _e(K);
     Je(p, (t) => {
       if (!b.value || e.resize !== "both") return;
       const o = t[0], { width: y } = o.contentRect;
@@ -140,18 +141,18 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
           O.value = {
             minHeight: he(p.value).minHeight
           };
-    }, z = () => {
-      const t = k.value;
+    }, S = () => {
+      const t = I.value;
       !t || t.value === f.value || (t.value = f.value);
     }, W = async (t) => {
       Be();
       let { value: o } = t.target;
       if (d.value.maxlength && o.length >= d.value.maxlength && (o = o.slice(0, Number(d.value.maxlength))), e.formatter && (o = e.parser ? e.parser(o) : o, o = e.formatter(o)), !C.value) {
         if (o === f.value) {
-          z();
+          S();
           return;
         }
-        s(Q, o), s("input", o), await E(), z(), Ae();
+        s(Q, o), s("input", o), await V(), S(), Ae();
       }
     }, oe = (t) => {
       s("change", t.target.value);
@@ -168,13 +169,13 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
     }, ie = (t) => {
       s("compositionend", t), C.value && (C.value = !1, W(t));
     }, Pe = () => {
-      K.value = !K.value, ue();
+      k.value = !k.value, s("passwordVisibleChange", k.value), ue();
     }, ue = async () => {
-      await E(), k.value?.focus();
-    }, Re = () => k.value?.blur(), re = (t) => {
+      await V(), I.value?.focus();
+    }, Re = () => I.value?.blur(), re = (t) => {
       v.value = !0, s("focus", t);
     }, ce = (t) => {
-      v.value = !1, s("blur", t), e.validateEvent && F?.validate?.("blur").catch((o) => J(o));
+      v.value = !1, s("blur", t), e.validateEvent && M?.validate?.("blur").catch((o) => J(o));
     }, $e = (t) => {
       N.value = !1, s("mouseleave", t);
     }, De = (t) => {
@@ -185,32 +186,32 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
         return t.returnValue = !1, !1;
       s("keydown", t);
     }, Ne = () => {
-      k.value?.select();
+      I.value?.select();
     }, fe = () => {
       s(Q, ""), s("change", ""), s("clear"), s("input", "");
     };
     return U(
       () => e.modelValue,
       () => {
-        E(() => R()), e.validateEvent && F?.validate?.("change").catch((t) => J(t));
+        V(() => R()), e.validateEvent && M?.validate?.("change").catch((t) => J(t));
       }
-    ), U(f, () => z()), U(
+    ), U(f, () => S()), U(
       () => e.type,
       async () => {
-        await E(), z(), R();
+        await V(), S(), R();
       }
     ), We(() => {
       !e.formatter && e.parser && J(
         "VftInput",
         "If you set the parser, you also need to set the formatter."
-      ), z(), E(R);
+      ), S(), V(R);
     }), xe({
       /** @description HTML input element */
-      input: M,
+      input: K,
       /** @description HTML textarea element */
       textarea: p,
       /** @description HTML element, input or textarea */
-      ref: k,
+      ref: I,
       /** @description style of textarea. */
       textareaStyle: ne,
       /** @description from props (used on unit test) */
@@ -252,7 +253,7 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
               onClick: Me
             }, [
               $(t.$slots, "prefix"),
-              T.value?.icon ? (i(), V(a(B), h({
+              T.value?.icon ? (i(), B(a(A), h({
                 key: 0,
                 pointer: ""
               }, T.value, {
@@ -263,10 +264,10 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
           w("input", h({
             id: a(Y),
             ref_key: "input",
-            ref: M,
+            ref: K,
             class: a(n).e("inner")
           }, a(d), {
-            type: e.showPassword ? K.value ? "text" : "password" : e.type,
+            type: e.showPassword ? k.value ? "text" : "password" : e.type,
             disabled: a(x),
             formatter: e.formatter,
             parser: e.parser,
@@ -297,11 +298,11 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
             }, [
               !P.value || !L.value || !b.value ? (i(), c(q, { key: 0 }, [
                 $(t.$slots, "suffix"),
-                ee.value?.icon ? (i(), V(a(B), h({ key: 0 }, ee.value, {
+                ee.value?.icon ? (i(), B(a(A), h({ key: 0 }, ee.value, {
                   class: a(n).e("icon")
                 }), null, 16, ["class"])) : u("", !0)
               ], 64)) : u("", !0),
-              P.value ? (i(), V(a(B), h({
+              P.value ? (i(), B(a(A), h({
                 key: 1,
                 pointer: "",
                 class: [a(n).e("icon"), a(n).e("clear")]
@@ -309,7 +310,7 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
                 onMousedown: me(a(Xe), ["prevent"]),
                 onClick: me(fe, ["stop"])
               }), null, 16, ["class", "onMousedown"])) : u("", !0),
-              L.value ? (i(), V(a(B), h({ key: 2 }, ze.value, {
+              L.value ? (i(), B(a(A), h({ key: 2 }, ze.value, {
                 class: [a(n).e("icon"), a(n).e("password")],
                 onClick: Pe
               }), null, 16, ["class"])) : u("", !0),
@@ -321,13 +322,13 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
                   class: r(a(n).e("count-inner"))
                 }, D(j.value) + " / " + D(a(d).maxlength), 3)
               ], 2)) : u("", !0),
-              I.value && ae.value && te.value ? (i(), V(a(B), {
+              z.value && ae.value && te.value ? (i(), B(a(A), {
                 key: 4,
                 icon: ae.value,
                 class: r([
                   a(n).e("icon"),
                   a(n).e("validateIcon"),
-                  a(n).is("loading", I.value === "validating")
+                  a(n).is("loading", z.value === "validating")
                 ])
               }, null, 8, ["icon", "class"])) : u("", !0)
             ], 2)

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
 };