vft 0.0.71 → 0.0.72

package/es/components/logo/logo.vue2.js

@@ -1,46 +1,46 @@
-import { defineComponent as c, computed as n, openBlock as u, createElementBlock as p, normalizeClass as l, unref as e, normalizeStyle as g, createElementVNode as s, toDisplayString as f } from "vue";
-import { useRouterHelper as d } from "@vft/router";
-import { useNamespace as h } from "../../hooks/use-namespace/index.js";
+import { defineComponent as s, computed as l, getCurrentInstance as p, openBlock as g, createElementBlock as f, normalizeClass as n, unref as e, normalizeStyle as d, createElementVNode as r, toDisplayString as C } from "vue";
+import { useRouterHelper as h } from "@vft/router";
+import { useNamespace as k } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-const k = ["src"], o = (
+const P = ["src"], o = (
   /* hoist-static*/
-  h("logo")
-), C = c({
+  k("logo")
+), j = s({
   name: o.b()
-}), N = /* @__PURE__ */ c({
-  ...C,
+}), D = /* @__PURE__ */ s({
+  ...j,
   props: {
     title: null,
     logo: null,
     jumpPath: null
   },
   setup(t) {
-    const i = n(() => [o.b()]), { go: r } = d();
+    const c = l(() => [o.b()]), i = p().appContext.config.globalProperties.$router, { go: a } = h(i);
     function m() {
-      t.jumpPath && r(t.jumpPath);
+      t.jumpPath && a(t.jumpPath);
     }
-    const a = n(() => t.jumpPath ? {} : o.cssVarBlock({ cursor: "inital" }));
-    return (j, P) => (u(), p("div", {
-      class: l(e(i)),
+    const u = l(() => t.jumpPath ? {} : o.cssVarBlock({ cursor: "inital" }));
+    return (x, y) => (g(), f("div", {
+      class: n(e(c)),
       onClick: m,
-      style: g(e(a))
+      style: d(e(u))
     }, [
-      s("img", {
-        class: l(e(o).e("img")),
+      r("img", {
+        class: n(e(o).e("img")),
         src: t.logo,
         alt: ""
-      }, null, 10, k),
-      s("div", {
-        class: l(["ml-2 truncate", e(o).e("title")])
-      }, f(t.title), 3)
+      }, null, 10, P),
+      r("div", {
+        class: n(["ml-2 truncate", e(o).e("title")])
+      }, C(t.title), 3)
     ], 6));
   }
 });
 export {
-  N as default
+  D as default
 };

package/es/components/main/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-main.css";

package/es/components/main/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/main.scss";

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

@@ -1,6 +1,6 @@
-import { defineComponent as T, getCurrentInstance as P, ref as v, onMounted as B, nextTick as H, unref as t, computed as I, openBlock as s, createElementBlock as l, normalizeClass as a, createBlock as y, createCommentVNode as x, createElementVNode as i, toDisplayString as C, createVNode as c, Fragment as L, renderList as M, withCtx as R, createTextVNode as $, renderSlot as q } from "vue";
+import { defineComponent as V, getCurrentInstance as $, ref as y, onMounted as B, nextTick as H, unref as t, computed as I, openBlock as s, createElementBlock as l, normalizeClass as a, createBlock as x, createCommentVNode as C, createElementVNode as i, toDisplayString as k, createVNode as c, Fragment as L, renderList as M, withCtx as R, createTextVNode as q, renderSlot as F } from "vue";
 import "../divider/index.js";
-import { VftIcon as k } from "../icon/index.js";
+import { VftIcon as T } from "../icon/index.js";
 import "../avatar/index.js";
 import "../empty/index.js";
 import "../result/index.js";
@@ -10,7 +10,7 @@ import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
 import "../menu/index.js";
-import { jumpElement as F, getRandomElementForArr as j, formatToDateTime as J, getDayTimestamp as O } from "@vft/utils";
+import { jumpElement as j, getRandomElementForArr as J, formatToDateTime as O, getDayTimestamp as Y } from "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/index.js";
 import "../header-layout/index.js";
@@ -19,15 +19,16 @@ import "../iframe-layout/index.js";
 import "../router-view-content/index.js";
 import "../logo/index.js";
 import "../back-top/index.js";
+import "../container/index.js";
 import "../config-provider/index.js";
 import "../descriptions/index.js";
 import "../full-screen/index.js";
-import { VftIconText as Y } from "../icon-text/index.js";
+import { VftIconText as G } from "../icon-text/index.js";
 import "../image/index.js";
 import "../input/index.js";
 import "../link/index.js";
 import "../pagination/index.js";
-import { VftTag as G } from "../tag/index.js";
+import { VftTag as K } from "../tag/index.js";
 import "../side-menu/index.js";
 import "../qrcode/index.js";
 import "../overlay/index.js";
@@ -56,112 +57,117 @@ import "../image-viewer/index.js";
 import "../list-cell/index.js";
 import "../dialog/index.js";
 import "../date-time-select/index.js";
+import "../col/index.js";
+import "../row/index.js";
+import "../horizontal-menu/index.js";
+import "../time-picker/index.js";
+import "../date-picker/index.js";
 import "./index.js";
-import { VftMdComment as K } from "../md-comment/index.js";
+import { VftMdComment as Q } from "../md-comment/index.js";
 import "../md-tabs/index.js";
 import "../md-vue-playground/index.js";
 import "../md-code-demo/index.js";
 import "../md-code-tabs/index.js";
 import "../message/index.js";
-import { useNamespace as Q } from "../../hooks/use-namespace/index.js";
+import { useNamespace as U } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import { primaryColor as U } from "../../utils/ns-cover.js";
-import { useRouterHelper as W } from "@vft/router";
-import { usePhotoSwipe as X, useEventListener as Z } from "@vft/use";
-import { useRoute as tt } from "vue-router";
-import ot from "./toc.js";
-import { useCopyCode as et } from "./use/useCopyCode.js";
-import { useActiveHeaderLinks as it } from "./use/useActiveHeaderLinks.js";
-import { COMP_TYPE as rt } from "./utils.js";
-const mt = { class: "info-container" }, pt = {
+import { primaryColor as W } from "../../utils/ns-cover.js";
+import { useRouterHelper as X } from "@vft/router";
+import { usePhotoSwipe as Z, useEventListener as tt } from "@vft/use";
+import { useRoute as ot } from "vue-router";
+import et from "./toc.js";
+import { useCopyCode as it } from "./use/useCopyCode.js";
+import { useActiveHeaderLinks as rt } from "./use/useActiveHeaderLinks.js";
+import { COMP_TYPE as mt } from "./utils.js";
+const pt = { class: "info-container" }, st = {
   key: 0,
   class: "flex align-center"
-}, st = { class: "infos" }, nt = {
+}, nt = { class: "infos" }, at = {
   class: "reading",
   title: "阅读量"
-}, at = ["data-path"], r = (
+}, ct = ["data-path"], r = (
   /* hoist-static*/
-  Q("md-container")
-), ct = T({
+  U("md-container")
+), lt = V({
   name: r.b()
-}), Mo = /* @__PURE__ */ T({
-  ...ct,
-  setup(lt, { expose: V }) {
-    const w = P(), { initPhotoSwipe: D } = X(`.${r.e("content")} img`);
-    D(), it({}), et();
-    const n = v(), m = tt();
+}), Oo = /* @__PURE__ */ V({
+  ...lt,
+  setup(ut, { expose: w }) {
+    const u = $(), { initPhotoSwipe: D } = Z(`.${r.e("content")} img`);
+    D(), rt({}), it();
+    const n = y(), m = ot();
     B(() => {
       H(() => {
-        n.value = w.exposed.infos, setTimeout(() => {
-          F(m.hash.replace("#", ""));
+        n.value = u.exposed.infos, setTimeout(() => {
+          j(m.hash);
         });
         const e = document.querySelectorAll(".item.expand"), p = document.querySelectorAll("div.language-vue");
         for (let o = 0; o < e.length; o++)
-          Z(e[o], "click", () => {
+          tt(e[o], "click", () => {
             p[o].offsetHeight === 0 ? (p[o].style.height = "auto", p[o].style.visibility = "visible") : (p[o].style.height = "0px", p[o].style.visibility = "hidden");
           });
       });
-    }), V({
+    }), w({
       infos: t(n)
     });
-    const b = location.pathname, { go: E } = W();
-    function S(e) {
-      E("/?tag=" + e);
+    const b = location.pathname, E = u.appContext.config.globalProperties.$router, { go: S } = X(E);
+    function z(e) {
+      S("/?tag=" + e);
     }
-    const z = I(() => {
+    const A = I(() => {
       var e;
       return (e = m.meta.category) == null ? void 0 : e.includes("api");
-    }), A = v(U());
+    }), N = y(W());
     return (e, p) => {
-      var o, d, u, f, h, g;
+      var o, d, f, g, h, _;
       return s(), l("div", {
-        class: a([t(r).b(), t(r).is("api", t(z))])
+        class: a([t(r).b(), t(r).is("api", t(A))])
       }, [
-        (o = n.value) != null && o.sideData ? (s(), y(t(ot), {
+        (o = n.value) != null && o.sideData ? (s(), x(t(et), {
           key: 0,
           items: n.value.sideData
-        }, null, 8, ["items"])) : x("", !0),
+        }, null, 8, ["items"])) : C("", !0),
         i("div", {
           class: a(t(r).e("header"))
         }, [
           i("h1", {
             class: a(t(r).e("title"))
-          }, C((d = t(m).meta) == null ? void 0 : d.title), 3),
-          i("div", mt, [
-            (f = (u = t(m).meta) == null ? void 0 : u.category) != null && f.length ? (s(), l("div", pt, [
-              c(t(k), {
+          }, k((d = t(m).meta) == null ? void 0 : d.title), 3),
+          i("div", pt, [
+            (g = (f = t(m).meta) == null ? void 0 : f.category) != null && g.length ? (s(), l("div", st, [
+              c(t(T), {
                 size: 14,
-                color: A.value,
+                color: N.value,
                 icon: "ico-bx:category",
                 class: "mr-8px"
               }, null, 8, ["color"]),
-              (s(!0), l(L, null, M((h = t(m).meta) == null ? void 0 : h.category, (_, N) => (s(), y(t(G), {
+              (s(!0), l(L, null, M((h = t(m).meta) == null ? void 0 : h.category, (v, P) => (s(), x(t(K), {
                 size: "small",
                 class: "mr-5px cursor-pointer",
-                type: t(j)(t(rt), 1)[0],
-                key: N,
-                onClick: (dt) => S(_)
+                type: t(J)(t(mt), 1)[0],
+                key: P,
+                onClick: (dt) => z(v)
               }, {
                 default: R(() => [
-                  $(C(_), 1)
+                  q(k(v), 1)
                 ]),
                 _: 2
               }, 1032, ["type", "onClick"]))), 128))
-            ])) : x("", !0),
-            i("div", st, [
-              c(t(Y), {
+            ])) : C("", !0),
+            i("div", nt, [
+              c(t(G), {
                 title: "发布时间",
                 icon: "ico-uiw:date",
                 size: 12,
                 class: "mr-10px",
                 distance: 5,
-                text: t(J)(new Date((g = t(m).meta) == null ? void 0 : g.date).getTime() - t(O)())
+                text: t(O)(new Date((_ = t(m).meta) == null ? void 0 : _.date).getTime() - t(Y)())
               }, null, 8, ["text"]),
-              i("div", nt, [
-                c(t(k), {
+              i("div", at, [
+                c(t(T), {
                   icon: "ico-flat-color-icons:reading",
                   size: 14,
                   class: "mr-5px"
@@ -169,7 +175,7 @@ const mt = { class: "info-container" }, pt = {
                 i("div", {
                   class: "waline-pageview-count lh-1",
                   "data-path": t(b)
-                }, "0", 8, at)
+                }, "0", 8, ct)
               ])
             ])
           ])
@@ -177,13 +183,13 @@ const mt = { class: "info-container" }, pt = {
         i("div", {
           class: a(t(r).e("content"))
         }, [
-          q(e.$slots, "default")
+          F(e.$slots, "default")
         ], 2),
-        c(t(K))
+        c(t(Q))
       ], 2);
     };
   }
 });
 export {
-  Mo as default
+  Oo as default
 };

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

@@ -28,7 +28,7 @@ const C = ({ title: e, level: o, slug: t }) => n(
   ) : null;
 };
 function $(e, o) {
-  e.preventDefault(), p(o);
+  e.preventDefault(), p("#" + o);
 }
 const D = d({
   props: {

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

@@ -1,22 +1,22 @@
-import { defineComponent as S, getCurrentInstance as M, inject as V, computed as l, reactive as Y, onMounted as D, onBeforeUnmount as F, openBlock as m, createElementBlock as p, Fragment as c, createBlock as s, unref as t, createCommentVNode as d, createElementVNode as u, normalizeClass as $, withCtx as j, renderSlot as f, normalizeProps as O, mergeProps as q, createVNode as G } from "vue";
-import { singleAttrToObj as H, renderTNode as J, VNode as K } from "@vft/utils";
-import { throwError as P } from "../../utils/error.js";
+import { defineComponent as Y, getCurrentInstance as G, useAttrs as H, inject as M, computed as u, reactive as J, onMounted as K, onBeforeUnmount as L, openBlock as o, createElementBlock as d, Fragment as y, createBlock as l, unref as t, createCommentVNode as f, createElementVNode as x, normalizeClass as v, withCtx as P, renderSlot as A, normalizeProps as E, mergeProps as S, createVNode as Q } from "vue";
+import { singleAttrToObj as R, renderTNode as W, VNode as X } from "@vft/utils";
+import { throwError as T } from "../../utils/error.js";
 import "lodash";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import { useNamespace as v } from "../../hooks/use-namespace/index.js";
+import { useNamespace as g } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import L from "./use-menu.js";
-import { VftDivider as E } from "../divider/index.js";
-import { VftIcon as Q } from "../icon/index.js";
+import Z from "./use-menu.js";
+import { VftDivider as w } from "../divider/index.js";
+import { VftIcon as z } from "../icon/index.js";
 import "../avatar/index.js";
 import "../empty/index.js";
 import "../result/index.js";
 import "../tabs/index.js";
 import "../popper/index.js";
 import "../collapse-transition/index.js";
-import { VftTooltip as R } from "../tooltip/index.js";
+import { VftTooltip as _ } from "../tooltip/index.js";
 import "../popover/index.js";
 import "./index.js";
 import "../context-menu/context-menu.vue2.js";
@@ -27,6 +27,7 @@ import "../iframe-layout/index.js";
 import "../router-view-content/index.js";
 import "../logo/index.js";
 import "../back-top/index.js";
+import "../container/index.js";
 import "../config-provider/index.js";
 import "../descriptions/index.js";
 import "../full-screen/index.js";
@@ -64,6 +65,11 @@ import "../image-viewer/index.js";
 import "../list-cell/index.js";
 import "../dialog/index.js";
 import "../date-time-select/index.js";
+import "../col/index.js";
+import "../row/index.js";
+import "../horizontal-menu/index.js";
+import "../time-picker/index.js";
+import "../date-picker/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -71,13 +77,14 @@ import "../md-vue-playground/index.js";
 import "../md-code-demo/index.js";
 import "../md-code-tabs/index.js";
 import "../message/index.js";
-const W = ["title"], k = (
+const ee = ["title"], s = (
   /* hoist-static*/
-  v("menu-item")
-), X = S({
-  name: k.b()
-}), yt = /* @__PURE__ */ S({
-  ...X,
+  g("menu-item")
+), te = Y({
+  name: s.b(),
+  inheritAttrs: !1
+}), It = /* @__PURE__ */ Y({
+  ...te,
   props: {
     index: null,
     route: null,
@@ -89,77 +96,97 @@ const W = ["title"], k = (
     className: null,
     reverse: { type: Boolean }
   },
-  emits: ["click"],
-  setup(e, { emit: T }) {
-    const b = M(), w = v("menu"), a = v("menu-item"), i = e.isAloneUse ? null : V("rootMenu");
-    !i && !e.isAloneUse && P(k.b(), "can not inject root menu");
-    const { parentMenu: y, indexPath: g } = L(
-      b,
-      l(() => e.index)
-    ), o = e.isAloneUse ? null : V(`subMenu:${y.value.uid}`);
-    !o && !e.isAloneUse && P(k.b(), "can not inject sub menu");
-    const h = l(() => e.index === (i == null ? void 0 : i.activeIndex)), n = Y({
+  emits: ["click", "mouseenter", "mouseleave"],
+  setup(e, { emit: k }) {
+    const U = G(), D = H(), F = g("menu"), b = g("menu-item"), i = e.isAloneUse ? null : M("rootMenu");
+    !i && !e.isAloneUse && T(s.b(), "can not inject root menu");
+    const { parentMenu: B, indexPath: C } = Z(
+      U,
+      u(() => e.index)
+    ), r = e.isAloneUse ? null : M(`subMenu:${B.value.uid}`);
+    !r && !e.isAloneUse && T(s.b(), "can not inject sub menu");
+    const N = u(() => e.index === (i == null ? void 0 : i.activeIndex)), n = J({
       index: e.index,
-      indexPath: g,
-      active: h
-    }), z = () => {
+      indexPath: C,
+      active: N
+    }), O = () => {
       e.disabled || (i == null || i.handleMenuItemClick({
+        ...D,
         index: e.index,
-        indexPath: g.value,
+        indexPath: C.value,
         route: e.route
-      }), T("click", n));
-    }, x = l(() => H(e.icon, "icon")), A = l(() => J(b, "title"));
-    return D(() => {
-      e.isAloneUse || (o == null || o.addSubMenu(n), i == null || i.addMenuItem(n));
-    }), F(() => {
-      e.isAloneUse || (o == null || o.removeSubMenu(n), i == null || i.removeMenuItem(n));
-    }), (r, Z) => {
-      var U, B, C, N, I;
-      return m(), p(c, null, [
-        e.reverse && e.divider ? (m(), s(t(E), {
+      }), k("click", n));
+    }, a = u(() => R(e.icon, "icon")), q = u(() => W(U, "title"));
+    return K(() => {
+      e.isAloneUse || (r == null || r.addSubMenu(n), i == null || i.addMenuItem(n));
+    }), L(() => {
+      e.isAloneUse || (r == null || r.removeSubMenu(n), i == null || i.removeMenuItem(n));
+    }), (m, p) => {
+      var $, I, V, h, j;
+      return o(), d(y, null, [
+        e.reverse && e.divider ? (o(), l(t(w), {
           key: 0,
           marginY: "0"
-        })) : d("", !0),
-        u("li", {
-          class: $([e.className, t(a).b(), t(a).is("active", e.isAloneUse ? !1 : t(h)), t(a).is("disabled", e.disabled)]),
+        })) : f("", !0),
+        x("li", {
+          class: v([
+            e.className,
+            t(b).b(),
+            t(b).is("active", e.isAloneUse ? !1 : t(N)),
+            t(b).is("disabled", e.disabled)
+          ]),
+          onMouseenter: p[0] || (p[0] = (c) => k("mouseenter")),
+          onMouseleave: p[1] || (p[1] = (c) => k("mouseleave")),
           role: "menuitem",
           tabindex: "-1",
-          onClick: z
+          onClick: O
         }, [
-          ((B = (U = t(y)) == null ? void 0 : U.type) == null ? void 0 : B.name) === "vft-menu" && ((C = t(i)) != null && C.props.collapse) && r.$slots.title ? (m(), s(t(R), {
+          ((I = ($ = t(B)) == null ? void 0 : $.type) == null ? void 0 : I.name) === "vft-menu" && ((V = t(i)) != null && V.props.collapse) && m.$slots.title ? (o(), l(t(_), {
             key: 0,
             placement: "right",
             "fallback-placements": ["left"],
             persistent: ""
           }, {
-            content: j(() => [
-              f(r.$slots, "title")
-            ]),
-            default: j(() => [
-              u("div", {
-                class: $(t(w).be("tooltip", "trigger"))
-              }, [
-                f(r.$slots, "default")
-              ], 2)
+            content: P(() => [
+              A(m.$slots, "title")
             ]),
+            default: P(() => {
+              var c;
+              return [
+                x("div", {
+                  class: v(t(F).be("tooltip", "trigger"))
+                }, [
+                  (c = t(a)) != null && c.icon ? (o(), l(t(z), E(S({ key: 0 }, t(a))), null, 16)) : f("", !0),
+                  A(m.$slots, "default")
+                ], 2)
+              ];
+            }),
             _: 3
-          })) : (m(), p(c, { key: 1 }, [
-            (N = r.$slots) != null && N.default ? f(r.$slots, "default", { key: 0 }) : (m(), p(c, { key: 1 }, [
-              (I = t(x)) != null && I.icon ? (m(), s(t(Q), O(q({ key: 0 }, t(x))), null, 16)) : d("", !0),
-              u("span", { title: t(A) }, [
-                G(t(K), { content: t(A) }, null, 8, ["content"])
-              ], 8, W)
+          })) : (o(), d(y, { key: 1 }, [
+            (h = m.$slots) != null && h.default ? (o(), d("span", {
+              key: 0,
+              class: v(t(s).e("text"))
+            }, [
+              A(m.$slots, "default")
+            ], 2)) : (o(), d(y, { key: 1 }, [
+              (j = t(a)) != null && j.icon ? (o(), l(t(z), E(S({ key: 0 }, t(a))), null, 16)) : f("", !0),
+              x("span", {
+                class: v(t(s).e("text")),
+                title: e.title
+              }, [
+                Q(t(X), { content: t(q) }, null, 8, ["content"])
+              ], 10, ee)
             ], 64))
           ], 64))
-        ], 2),
-        !e.reverse && e.divider ? (m(), s(t(E), {
+        ], 34),
+        !e.reverse && e.divider ? (o(), l(t(w), {
           key: 1,
           marginY: "0"
-        })) : d("", !0)
+        })) : f("", !0)
       ], 64);
     };
   }
 });
 export {
-  yt as default
+  It as default
 };