vft 0.0.53 → 0.0.55

package/es/component.js

@@ -52,14 +52,12 @@ import { VftMdCodeDemo as ao } from "./components/md-code-demo/index.js";
 import { VftMdCodeTabs as no } from "./components/md-code-tabs/index.js";
 import { VftMdContainer as uo } from "./components/md-container/index.js";
 const dt = [
-  // md
   uo,
   no,
   ao,
   eo,
   Vo,
   po,
-  // md
   io,
   mo,
   fo,

package/es/components/back-top/back-top.vue2.js

@@ -11,10 +11,11 @@ import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
 import "../menu/index.js";
-import "@vft/use";
+import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/multiple-tabs.vue2.js";
 import "@vft/router";
 import "@vft/store";
+import "@vft/use";
 import "vue-router";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
@@ -77,7 +78,7 @@ const r = (
   _("back-top")
 ), N = c({
   name: r.b()
-}), Yt = /* @__PURE__ */ c({
+}), Zt = /* @__PURE__ */ c({
   ...N,
   props: {
     visibilityHeight: { default: 200 },
@@ -120,5 +121,5 @@ const r = (
   }
 });
 export {
-  Yt as default
+  Zt as default
 };

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

@@ -1,5 +1,14 @@
-import { defineComponent as w, ref as u, computed as y, openBlock as n, createBlock as d, Transition as k, withCtx as C, withDirectives as b, createElementVNode as c, normalizeStyle as g, unref as l, withModifiers as M, createElementBlock as $, Fragment as z, renderList as B, vShow as E } from "vue";
-import { useTimeoutFn as S, useClickAway as A, useEventListener as a } from "@vft/use";
+import { defineComponent as f, ref as u, computed as k, openBlock as l, createBlock as d, Transition as b, withCtx as C, withDirectives as g, createElementVNode as a, normalizeStyle as z, unref as p, withModifiers as M, normalizeClass as $, createElementBlock as B, Fragment as E, renderList as S, vShow as A } from "vue";
+import { useNamespace as F } 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";
+import "@vue/reactivity";
+import "@vue/shared";
+import { useTimeoutFn as H, useClickAway as I, useEventListener as c } from "@vft/use";
 import "../divider/index.js";
 import "../icon/index.js";
 import "../avatar/index.js";
@@ -10,8 +19,7 @@ import "../popper/index.js";
 import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
-import { VftMenuItem as F } from "../menu/index.js";
-import "@vft/utils";
+import { VftMenuItem as L } from "../menu/index.js";
 import "../multiple-tabs/multiple-tabs.vue2.js";
 import "@vft/router";
 import "@vft/store";
@@ -63,16 +71,13 @@ import "../md-vue-playground/index.js";
 import "../md-code-demo/index.js";
 import "../md-code-tabs/index.js";
 import "../message/index.js";
-import "../config-provider/hooks/use-global-config.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
-const H = { class: "vft-sub-menu" }, Zt = /* @__PURE__ */ w({
-  __name: "context-menu",
+const N = { class: "vft-sub-menu" }, x = (
+  /* hoist-static*/
+  F("context-menu")
+), R = f({
+  name: x.b()
+}), io = /* @__PURE__ */ f({
+  ...R,
   props: {
     axis: null,
     styles: null,
@@ -81,63 +86,63 @@ const H = { class: "vft-sub-menu" }, Zt = /* @__PURE__ */ w({
   },
   setup(r) {
     let s = u();
-    const f = y(() => {
-      const { x: t, y: i } = r.axis || { x: 0, y: 0 }, o = (r.items || []).length * 40, m = r.width || 0, p = document.body, v = p.clientWidth < t + m ? t - m : t, h = p.clientHeight < i + o ? i - o : i;
+    const v = k(() => {
+      const { x: t, y: o } = r.axis || { x: 0, y: 0 }, i = (r.items || []).length * 40, m = r.width || 0, n = document.body, w = n.clientWidth < t + m ? t - m : t, y = n.clientHeight < o + i ? o - i : o;
       return {
         zIndex: 3e3,
         ...r.styles,
         position: "fixed",
         width: `${r.width}px`,
-        left: `${v + 1}px`,
-        top: `${h + 1}px`
+        left: `${w + 1}px`,
+        top: `${y + 1}px`
       };
     });
     let e = u(!1);
-    S(() => {
+    H(() => {
       e.value = !0;
-    }, 0), A(s, () => {
+    }, 0), I(s, () => {
       e.value = !1;
     }, {
       listenerOptions: {
         capture: !0
       }
-    }), a(window, "scroll", () => {
+    }), c(window, "scroll", () => {
       e.value = !1;
     }, {
       capture: !0
-    }), a(window, "drag", () => {
+    }), c(window, "drag", () => {
       e.value = !1;
     }, {
       capture: !0
     });
-    function x(t) {
-      var i;
-      t != null && t.disabled || ((i = t.handler) == null || i.call(t), e.value = !1);
+    function h(t) {
+      var o;
+      t != null && t.disabled || ((o = t.handler) == null || o.call(t), e.value = !1);
     }
-    return (t, i) => (n(), d(k, { name: "vft-zoom-in-top" }, {
+    return (t, o) => (l(), d(b, { name: "vft-zoom-in-top" }, {
       default: C(() => [
-        b(c("div", {
+        g(a("div", {
           ref_key: "contextMenuRef",
           ref: s,
-          style: g(l(f)),
-          onClick: i[0] || (i[0] = M(() => {
+          style: z(p(v)),
+          onClick: o[0] || (o[0] = M(() => {
           }, ["stop"])),
-          class: "vft-menu"
+          class: $([p(x).b(), "vft-menu"])
         }, [
-          c("div", H, [
-            (n(!0), $(z, null, B(r.items, (o, m) => (n(), d(l(F), {
-              onClick: (p) => x(o),
-              index: m + o.text,
-              title: o.text,
-              divider: o.divider,
-              disabled: o.disabled,
-              icon: o.iconCfg,
+          a("div", N, [
+            (l(!0), B(E, null, S(r.items, (i, m) => (l(), d(p(L), {
+              onClick: (n) => h(i),
+              index: m + i.text,
+              title: i.text,
+              divider: i.divider,
+              disabled: i.disabled,
+              icon: i.iconCfg,
               isAloneUse: "",
               key: m
             }, null, 8, ["onClick", "index", "title", "divider", "disabled", "icon"]))), 128))
           ])
-        ], 4), [
-          [E, l(e)]
+        ], 6), [
+          [A, p(e)]
         ])
       ]),
       _: 1
@@ -145,5 +150,5 @@ const H = { class: "vft-sub-menu" }, Zt = /* @__PURE__ */ w({
   }
 });
 export {
-  Zt as default
+  io as default
 };

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

@@ -1,44 +1,51 @@
-import { defineComponent as f, computed as o, openBlock as r, createElementBlock as k, normalizeClass as g, unref as t, normalizeStyle as x, createBlock as s, mergeProps as m, createCommentVNode as a, createTextVNode as z, toDisplayString as h } from "vue";
-import { singleAttrToObj as B, addUnit as n } from "@vft/utils";
-import "lodash";
-import "@vueuse/core";
-import { generateCssVars as S } from "../../utils/ns-cover.js";
-import { VftIcon as u } from "../icon/index.js";
-import { useNamespace as V } from "../../hooks/use-namespace/index.js";
+import { defineComponent as d, computed as o, openBlock as r, createElementBlock as h, normalizeClass as S, unref as t, normalizeStyle as B, createBlock as a, mergeProps as m, createCommentVNode as u, createElementVNode as V, toDisplayString as b } from "vue";
+import { VftIcon as v } from "../icon/index.js";
+import { useNamespace as N } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
+import "lodash";
 import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { singleAttrToObj as E, addUnit as l, removeUnit as f } from "@vft/utils";
+import { generateCssVars as U } from "../../utils/ns-cover.js";
 import "@vue/reactivity";
 import "@vue/shared";
-const d = (
+const y = (
   /* hoist-static*/
-  V("icon-text")
-), b = f({
-  name: d.b()
-}), q = /* @__PURE__ */ f({
-  ...b,
+  N("icon-text")
+), $ = d({
+  name: y.b()
+}), G = /* @__PURE__ */ d({
+  ...$,
   props: {
     text: null,
     icon: null,
-    color: { default: "#434343" },
+    color: null,
     hoverColor: null,
     distance: null,
     reverse: { type: Boolean },
     size: null
   },
   emits: ["click"],
-  setup(e, { emit: y }) {
-    const v = o(() => e.hoverColor ? e.hoverColor : e.color), l = o(() => B(e.icon, "icon", { size: e.size, color: e.color })), i = o(() => e.reverse ? { marginLeft: n(e.distance) } : { marginRight: n(e.distance) }), C = o(() => S({ "hover-color": v.value, color: e.color, fontSize: n(e.size) }, "icon-text"));
-    return (N, c) => (r(), k("span", {
-      class: g(t(d).b()),
-      onClick: c[0] || (c[0] = (T) => y("click")),
-      style: x(t(C))
+  setup(e, { emit: z }) {
+    const C = o(() => e.hoverColor ? e.hoverColor : e.color), c = o(() => E(e.icon, "icon", { size: e.size, color: e.color })), i = o(() => e.reverse ? { marginLeft: l(e.distance) } : { marginRight: l(e.distance) }), n = o(() => f(e.size)), k = o(() => n.value && f(n.value) < 12 ? { transform: `scale(${n.value / 12})` } : {}), x = o(() => ({
+      ...U({
+        color: e.color,
+        "hover-color": C.value,
+        fontSize: n.value < 12 ? "12px" : l(e.size)
+      }, "icon-text"),
+      ...k.value
+    }));
+    return (g, s) => (r(), h("span", {
+      class: S(t(y).b()),
+      onClick: s[0] || (s[0] = (j) => z("click")),
+      style: B(t(x))
     }, [
-      e.reverse ? a("", !0) : (r(), s(t(u), m({ key: 0 }, t(l), { style: t(i) }), null, 16, ["style"])),
-      z(" " + h(e.text) + " ", 1),
-      e.reverse ? (r(), s(t(u), m({ key: 1 }, t(l), { style: t(i) }), null, 16, ["style"])) : a("", !0)
+      e.reverse ? u("", !0) : (r(), a(t(v), m({ key: 0 }, t(c), { style: t(i) }), null, 16, ["style"])),
+      V("span", null, b(e.text), 1),
+      e.reverse ? (r(), a(t(v), m({ key: 1 }, t(c), { style: t(i) }), null, 16, ["style"])) : u("", !0)
     ], 6));
   }
 });
 export {
-  q as default
+  G as default
 };

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

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

package/es/components/md-container/use/useCopyCode.js

@@ -8,9 +8,9 @@ function u() {
         const n = t.parentElement, s = t.nextElementSibling;
         if (!n || !s)
           return;
-        const l = /language-(shellscript|shell|bash|sh|zsh)/.test(n.classList.toString());
-        let { innerText: i = "" } = s;
-        l && (i = i.replace(/^ *(\$|>) /gm, "")), r(i).then(() => {
+        const i = /language-(shellscript|shell|bash|sh|zsh)/.test(n.classList.toString());
+        let l = s.textContent;
+        i && (l = l.replace(/^ *(\$|>) /gm, "")), r(l).then(() => {
           t.classList.add("copied"), clearTimeout(o.get(t));
           const c = setTimeout(() => {
             t.classList.remove("copied"), t.blur(), o.delete(t);

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

@@ -21,10 +21,11 @@ import "../collapse-transition/index.js";
 import { VftTooltip as R } from "../tooltip/index.js";
 import "../popover/index.js";
 import "./index.js";
-import "@vft/use";
+import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/multiple-tabs.vue2.js";
 import "@vft/router";
 import "@vft/store";
+import "@vft/use";
 import "vue-router";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
@@ -78,7 +79,7 @@ const W = ["title"], k = (
   v("menu-item")
 ), X = S({
   name: k.b()
-}), he = /* @__PURE__ */ S({
+}), xe = /* @__PURE__ */ S({
   ...X,
   props: {
     index: null,
@@ -163,5 +164,5 @@ const W = ["title"], k = (
   }
 });
 export {
-  he as default
+  xe as default
 };

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

@@ -11,10 +11,11 @@ import { VftTooltip as pe } from "../tooltip/index.js";
 import "../popover/index.js";
 import "./index.js";
 import { singleAttrToObj as se, renderTNode as me } from "@vft/utils";
-import "@vft/use";
+import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/multiple-tabs.vue2.js";
 import "@vft/router";
 import "@vft/store";
+import "@vft/use";
 import "vue-router";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
@@ -79,7 +80,7 @@ const S = (
   I("sub-menu")
 ), ve = Z({
   name: S.b()
-}), No = /* @__PURE__ */ Z({
+}), Ro = /* @__PURE__ */ Z({
   ...ve,
   props: {
     index: null,
@@ -280,5 +281,5 @@ const S = (
   }
 });
 export {
-  No as default
+  Ro as default
 };