vft 0.0.430 → 0.0.433

package/es/components/md-container/index.d.ts

@@ -3,6 +3,9 @@ export declare const VftMdContainer: import("vft/es/utils").SFCWithInstall<{
         tocList: {
             type: import("vue").PropType<string>;
         };
+        scrollDom: {
+            type: import("vue").PropType<string>;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -14,6 +17,9 @@ export declare const VftMdContainer: import("vft/es/utils").SFCWithInstall<{
         tocList: {
             type: import("vue").PropType<string>;
         };
+        scrollDom: {
+            type: import("vue").PropType<string>;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -22,6 +28,9 @@ export declare const VftMdContainer: import("vft/es/utils").SFCWithInstall<{
     tocList: {
         type: import("vue").PropType<string>;
     };
+    scrollDom: {
+        type: import("vue").PropType<string>;
+    };
 }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/es/components/md-container/md-container.vue.d.ts

@@ -1,6 +1,8 @@
 interface Props {
     /** 标题目录列表 */
     tocList?: string;
+    /** 滚动 dom 元素 */
+    scrollDom?: string;
 }
 declare function __VLS_template(): {
     default?(_: {}): any;

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as Z, getCurrentInstance as le, computed as l, inject as D, ref as C, reactive as ue, watch as ae, provide as se, onMounted as re, onBeforeUnmount as ie, useSlots as ce, h as s, Fragment as pe, withDirectives as me, vShow as de } from "vue";
+import { defineComponent as Z, getCurrentInstance as le, computed as l, inject as D, ref as C, reactive as ue, watch as ae, provide as se, onMounted as re, onBeforeUnmount as ie, useSlots as ce, h as u, Fragment as pe, withDirectives as me, vShow as de } from "vue";
 import { singleAttrToObj as g, renderTNode as ve, isMobile as fe } from "@vft/utils";
 import { VftTooltip as Me } from "../tooltip/index.js";
 import { VftIcon as L } from "../icon/index.js";
@@ -56,7 +56,7 @@ const Ce = Z({
     const y = G, I = w("sub-menu"), m = le(), {
       indexPath: f,
       parentMenu: k
-    } = he(m, l(() => o.index)), i = w("menu"), u = w("sub-menu"), e = D("rootMenu");
+    } = he(m, l(() => o.index)), i = w("menu"), a = w("sub-menu"), e = D("rootMenu");
     e || U(I.b(), "can not inject root menu");
     const r = D(`subMenu:${k.value.uid}`);
     r || U(I.b(), "can not inject sub menu");
@@ -64,8 +64,8 @@ const Ce = Z({
     let M;
     const z = C(!1), J = C(), E = C(null), A = l(() => p.value === "horizontal" && b.value ? "bottom-start" : "right-start"), b = l(() => r.level === 0), x = l(() => o.teleported === void 0 ? b.value : o.teleported), K = l(() => e.props.collapse ? `${i.namespace.value}-zoom-in-left` : `${i.namespace.value}-zoom-in-top`), Q = l(() => p.value === "horizontal" && b.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = l(() => e.openedMenus.includes(o.index)), d = l(() => {
       let t = !1;
-      return Object.values(S.value).forEach((a) => {
-        a.active && (t = !0);
+      return Object.values(S.value).forEach((s) => {
+        s.active && (t = !0);
       }), o.index === e.activeIndex && (t = !0), t;
     }), B = l(() => e.props.backgroundColor || ""), P = l(() => e.props.activeTextColor || ""), F = l(() => e.props.textColor || ""), p = l(() => e.props.mode), W = l(() => e.props.persistent), h = ue({
       index: o.index,
@@ -79,7 +79,7 @@ const Ce = Z({
     }), X = () => E.value?.popperRef?.popperInstanceRef?.destroy(), Y = (t) => {
       t || X();
     }, O = (t) => {
-      const a = {
+      const s = {
         e: t,
         index: o.index,
         indexPath: f.value,
@@ -87,18 +87,18 @@ const Ce = Z({
       };
       if (e.props.menuTrigger === "hover" && e.props.mode === "horizontal" && !fe() || e.props.collapse && e.props.mode === "vertical" || o.disabled) {
         e.handleSubMenuClick({
-          ...a,
+          ...s,
           isFirstLevel: !0
         });
         return;
       }
-      e.handleSubMenuClick(a);
-    }, v = (t, a = o.showTimeout) => {
+      e.handleSubMenuClick(s);
+    }, v = (t, s = o.showTimeout) => {
       t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (r.mouseInChild.value = !0, M?.(), {
         stop: M
       } = H(() => {
         e.openMenu(o.index, f.value);
-      }, a), x.value && k.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")), y("mouseenter", t)));
+      }, s), x.value && k.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")), y("mouseenter", t)));
     }, _ = () => {
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseEnterTimer = setTimeout(() => {
         e.inSubMenu = !0;
@@ -107,23 +107,23 @@ const Ce = Z({
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseleaveTimer = setTimeout(() => {
         e.inSubMenu = !1;
       }, o.hideTimeout - 10);
-    }, T = (t, a = !1) => {
+    }, T = (t, s = !1) => {
       e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (M?.(), r.mouseInChild.value = !1, {
         stop: M
       } = H(() => {
         !z.value && e.closeMenu(o.index, f.value);
-      }, o.hideTimeout), x.value && a && m.parent?.type.name === "vft-sub-menu" && r.handleMouseleave?.(t, !0), y("mouseleave", t));
+      }, o.hideTimeout), x.value && s && m.parent?.type.name === "vft-sub-menu" && r.handleMouseleave?.(t, !0), y("mouseleave", t));
     };
     ae(() => e.props.collapse, (t) => Y(!!t));
     {
       const t = (n) => {
         S.value[n.index] = n;
-      }, a = (n) => {
+      }, s = (n) => {
         delete S.value[n.index];
       };
       se(`subMenu:${m.uid}`, {
         addSubMenu: t,
-        removeSubMenu: a,
+        removeSubMenu: s,
         handleMouseleave: T,
         mouseInChild: z,
         level: r.level + 1
@@ -146,18 +146,18 @@ const Ce = Z({
       ...te.value
     }), R = l(() => ve(m, "title"));
     return () => {
-      const t = [N.value?.icon ? s(L, {
+      const t = [N.value?.icon ? u(L, {
         ...N.value
-      }) : null, s("span", {
-        class: [u.e("text"), u.is("arrow", o.showArrow)],
+      }) : null, u("span", {
+        class: [a.e("text"), a.is("arrow", o.showArrow)],
         title: m.props.title
-      }, R.value), o.showArrow ? s(L, {
-        class: u.e("icon-arrow"),
+      }, R.value), o.showArrow ? u(L, {
+        class: a.e("icon-arrow"),
         ...ne.value,
         style: {
           transform: c.value ? "rotateZ(180deg)" : "none"
         }
-      }) : !1], a = e.isMenuPopup ? s(Me, {
+      }) : !1], s = e.isMenuPopup ? u(Me, {
         ref: E,
         visible: c.value,
         effect: "light",
@@ -173,17 +173,19 @@ const Ce = Z({
         gpuAcceleration: !1,
         ...o.toolTipCfg
       }, {
-        content: () => s("div", {
+        content: () => u("div", {
           class: [i.m(p.value), i.m("popup-container"), o.popperClass],
           onMouseenter: (n) => v(n, 100),
           onMouseleave: (n) => T(n, !0),
           onFocus: (n) => v(n, 100)
-        }, [s("ul", {
+        }, [u("div", {
           class: [i.b(), i.m("popup"), i.m(`popup-${A.value}`)],
           style: j.value
-        }, [V.default?.()])]),
-        default: () => s("div", {
-          class: u.e("title"),
+        }, [u("ul", {
+          class: i.m("popup-ul-list")
+        }, V.default?.())])]),
+        default: () => u("div", {
+          class: a.e("title"),
           style: [$.value, {
             backgroundColor: B.value
           }],
@@ -193,30 +195,30 @@ const Ce = Z({
         }, t)
       }) : (
         // 以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
-        s(pe, {}, [R.value ? s("div", {
-          class: u.e("title"),
+        u(pe, {}, [R.value ? u("div", {
+          class: a.e("title"),
           style: [$.value, {
             backgroundColor: B.value
           }],
           ref: J,
           onClick: O
-        }, t) : null, s(be, {}, {
-          default: () => me(s("ul", {
+        }, t) : null, u(be, {}, {
+          default: () => me(u("ul", {
             role: "menu",
             class: [i.b(), i.m("inline")],
             style: j.value
           }, [V.default?.()]), [[de, c.value]])
         })])
       );
-      return s("li", {
-        class: [u.b(), u.is("active", d.value), u.e(String(r.level)), u.is("in-popup", r.level !== 0), u.is("opened", c.value), u.is("arrow", !0), u.is("disabled", o.disabled)],
+      return u("li", {
+        class: [a.b(), a.is("active", d.value), a.e(String(r.level)), a.is("in-popup", r.level !== 0), a.is("opened", c.value), a.is("arrow", !0), a.is("disabled", o.disabled)],
         role: "menuitem",
         ariaHaspopup: !0,
         ariaExpanded: c.value,
         onMouseenter: [_, (n) => v(n)],
         onMouseleave: [ee, (n) => T(n, !0)],
         onFocus: v
-      }, [a]);
+      }, [s]);
     };
   }
 });

package/es/components/side-menu/side-menu.vue.d.ts

@@ -1,4 +1,4 @@
-import Sortable from 'sortablejs';
+import type { SortableEvent } from 'sortablejs';
 import type { MenuSelectEventData, SideMenuProps } from './types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SideMenuProps>, {
     isFixedLeft: boolean;
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:collapse": (val: boolean) => void;
     "update:width": (val: string | number) => void;
-    dragEnd: (oldIndex: Sortable.SortableEvent, newIndex: Sortable.SortableEvent) => void;
+    dragEnd: (oldIndex: SortableEvent, newIndex: SortableEvent) => void;
     dragWidthEnd: () => void;
     select: (val: MenuSelectEventData) => void;
     subMenuClick: (val: any) => void;
@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onSelect?: ((val: MenuSelectEventData) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onUpdate:width"?: ((val: string | number) => any) | undefined;
-    onDragEnd?: ((oldIndex: Sortable.SortableEvent, newIndex: Sortable.SortableEvent) => any) | undefined;
+    onDragEnd?: ((oldIndex: SortableEvent, newIndex: SortableEvent) => any) | undefined;
     onDragWidthEnd?: (() => any) | undefined;
     onSubMenuClick?: ((val: any) => any) | undefined;
     onSubMenuOpenClick?: ((val: any) => any) | undefined;