vft 0.0.46 → 0.0.48

package/es/components/md-code-demo/index.js

@@ -2,9 +2,10 @@ import { withInstall as o } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
 import t from "./md-code-demo.js";
-const d = o(t);
+const f = o(t);
 export {
-  d as VftMdCodeDemo,
-  d as default
+  f as VftMdCodeDemo,
+  f as default
 };

package/es/components/md-code-tabs/index.js

@@ -2,9 +2,10 @@ import { withInstall as o } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
 import t from "./md-code-tabs.js";
-const d = o(t);
+const s = o(t);
 export {
-  d as VftMdCodeTabs,
-  d as default
+  s as VftMdCodeTabs,
+  s as default
 };

package/es/components/md-comment/index.js

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
 import m from "./md-comment.vue2.js";
-const a = t(m);
+const n = t(m);
 export {
-  a as VftMdComment,
-  a as default
+  n as VftMdComment,
+  n as default
 };

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

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
 import o from "./md-container.vue2.js";
-const f = t(o);
+const n = t(o);
 export {
-  f as VftMdContainer,
-  f as default
+  n as VftMdContainer,
+  n as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as C, getCurrentInstance as z, ref as P, onMounted as S, nextTick as b, unref as t, openBlock as i, createElementBlock as s, normalizeClass as a, createBlock as g, createCommentVNode as v, createElementVNode as o, toDisplayString as x, createVNode as n, Fragment as B, renderList as I, withCtx as M, createTextVNode as R, renderSlot as $ } from "vue";
+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 n, createBlock as v, createCommentVNode as x, createElementVNode as o, toDisplayString as C, createVNode as p, Fragment as I, renderList as M, withCtx as R, createTextVNode as $, renderSlot as A } from "vue";
 import "../divider/index.js";
 import { VftIcon as y } from "../icon/index.js";
 import "../avatar/index.js";
@@ -10,12 +10,12 @@ import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
 import "../menu/index.js";
-import { jumpElement as A, getRandomElementForArr as F, formatToDateTime as H, getDayTimestamp as L } from "@vft/utils";
-import { usePhotoSwipe as j } from "@vft/use";
+import { jumpElement as F, getRandomElementForArr as H, formatToDateTime as L, getDayTimestamp as j } from "@vft/utils";
+import { usePhotoSwipe as J } from "@vft/use";
 import "../multiple-tabs/multiple-tabs.vue2.js";
-import { useRouterHelper as J } from "@vft/router";
+import { useRouterHelper as O } from "@vft/router";
 import "@vft/store";
-import { useRoute as O } from "vue-router";
+import { useRoute as Y } from "vue-router";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
 import "../iframe-layout/index.js";
@@ -25,12 +25,12 @@ import "../back-top/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 q } from "../icon-text/index.js";
 import "../image/index.js";
 import "../input/index.js";
 import "../link/index.js";
 import "../pagination/index.js";
-import { VftTag as q } from "../tag/index.js";
+import { VftTag as G } from "../tag/index.js";
 import "../side-menu/index.js";
 import "../qrcode/index.js";
 import "../overlay/index.js";
@@ -39,121 +39,124 @@ import "../clamp-toggle/index.js";
 import "../page-wrapper/index.js";
 import "../exception/index.js";
 import "../search/index.js";
+import "../form/index.js";
 import "./index.js";
-import { VftMdComment as G } from "../md-comment/index.js";
+import { VftMdComment as K } 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 K } from "../../hooks/use-namespace/index.js";
+import { useNamespace as Q } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import { cssVarValue as Q } from "../../utils/ns-cover.js";
-import U from "./toc.js";
-import { useCopyCode as W } from "./use/useCopyCode.js";
-import { useActiveHeaderLinks as X } from "./use/useActiveHeaderLinks.js";
-import { COMP_TYPE as Z } from "./utils.js";
-const tt = { class: "info-container" }, ot = {
+import { primaryColor as U } from "../../utils/ns-cover.js";
+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 = {
   key: 0,
   class: "flex align-center"
-}, et = { class: "infos" }, rt = {
+}, rt = { class: "infos" }, it = {
   class: "reading",
   title: "阅读量"
-}, it = ["data-path"], e = (
+}, mt = ["data-path"], e = (
   /* hoist-static*/
-  K("md-container")
-), mt = C({
+  Q("md-container")
+), nt = T({
   name: e.b()
-}), fo = /* @__PURE__ */ C({
-  ...mt,
-  setup(at, { expose: T }) {
-    const k = z(), { initPhotoSwipe: V } = j(`.${e.e("content")} img`);
-    V(), X({}), W();
-    const m = P(), r = O();
-    S(() => {
-      b(() => {
-        m.value = k.exposed.infos, setTimeout(() => {
-          A(r.hash.replace("#", ""));
+}), ho = /* @__PURE__ */ T({
+  ...nt,
+  setup(pt, { expose: k }) {
+    const V = S(), { initPhotoSwipe: w } = J(`.${e.e("content")} img`);
+    w(), Z({}), X();
+    const m = g(), r = Y();
+    b(() => {
+      B(() => {
+        m.value = V.exposed.infos, setTimeout(() => {
+          F(r.hash.replace("#", ""));
         });
       });
-    }), T({
+    }), k({
       infos: t(m)
     });
-    const w = location.pathname, { go: D } = J();
-    function E(p) {
-      D("/?tag=" + p);
+    const D = location.pathname, { go: z } = O();
+    function E(s) {
+      z("/?tag=" + s);
     }
-    return (p, nt) => {
+    const N = g(U());
+    return (s, st) => {
       var c, l, d, u, f, _;
-      return i(), s("div", {
-        class: a(t(e).b())
+      return i(), a("div", {
+        class: n(t(e).b())
       }, [
-        (c = m.value) != null && c.sideData ? (i(), g(t(U), {
+        (c = m.value) != null && c.sideData ? (i(), v(t(W), {
           key: 0,
           items: m.value.sideData
-        }, null, 8, ["items"])) : v("", !0),
+        }, null, 8, ["items"])) : x("", !0),
         o("div", {
-          class: a(t(e).e("header"))
+          class: n(t(e).e("header"))
         }, [
           o("h1", {
-            class: a(t(e).e("title"))
-          }, x((l = t(r).meta) == null ? void 0 : l.title), 3),
-          o("div", tt, [
-            (u = (d = t(r).meta) == null ? void 0 : d.category) != null && u.length ? (i(), s("div", ot, [
-              n(t(y), {
-                color: t(Q)("primary-color").value,
+            class: n(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, [
+              p(t(y), {
+                size: 14,
+                color: N.value,
                 icon: "ico-bx:category",
                 class: "mr-8px"
               }, null, 8, ["color"]),
-              (i(!0), s(B, null, I((f = t(r).meta) == null ? void 0 : f.category, (h, N) => (i(), g(t(q), {
+              (i(!0), a(I, null, M((f = t(r).meta) == null ? void 0 : f.category, (h, P) => (i(), v(t(G), {
                 size: "small",
                 class: "mr-5px cursor-pointer",
-                type: t(F)(t(Z), 1)[0],
-                key: N,
-                onClick: (pt) => E(h)
+                type: t(H)(t(tt), 1)[0],
+                key: P,
+                onClick: (at) => E(h)
               }, {
-                default: M(() => [
-                  R(x(h), 1)
+                default: R(() => [
+                  $(C(h), 1)
                 ]),
                 _: 2
               }, 1032, ["type", "onClick"]))), 128))
-            ])) : v("", !0),
-            o("div", et, [
-              n(t(Y), {
+            ])) : x("", !0),
+            o("div", rt, [
+              p(t(q), {
                 title: "发布时间",
                 icon: "ico-uiw:date",
-                size: 14,
+                size: 12,
                 class: "mr-10px",
                 distance: 5,
-                text: t(H)(new Date((_ = t(r).meta) == null ? void 0 : _.date).getTime() - t(L)())
+                text: t(L)(new Date((_ = t(r).meta) == null ? void 0 : _.date).getTime() - t(j)())
               }, null, 8, ["text"]),
-              o("div", rt, [
-                n(t(y), {
+              o("div", it, [
+                p(t(y), {
                   icon: "ico-flat-color-icons:reading",
                   size: 14,
                   class: "mr-5px"
                 }),
-                o("span", {
-                  class: "waline-pageview-count",
-                  "data-path": t(w)
-                }, "0", 8, it)
+                o("div", {
+                  class: "waline-pageview-count lh-1",
+                  "data-path": t(D)
+                }, "0", 8, mt)
               ])
             ])
           ])
         ], 2),
         o("div", {
-          class: a(t(e).e("content"))
+          class: n(t(e).e("content"))
         }, [
-          $(p.$slots, "default")
+          A(s.$slots, "default")
         ], 2),
-        n(t(G))
+        p(t(K))
       ], 2);
     };
   }
 });
 export {
-  fo as default
+  ho as default
 };

package/es/components/md-tabs/index.js

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
 import o from "./md-tabs.js";
-const s = t(o);
+const f = t(o);
 export {
-  s as VftMdTabs,
-  s as default
+  f as VftMdTabs,
+  f as default
 };

package/es/components/md-vue-playground/index.js

@@ -2,9 +2,10 @@ import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
 import o from "./md-vue-playground.vue2.js";
-const f = t(o);
+const l = t(o);
 export {
-  f as VftMdVuePlayground,
-  f as default
+  l as VftMdVuePlayground,
+  l as default
 };

package/es/components/menu/index.js

@@ -2,19 +2,20 @@ import { withInstall as r, withNoopInstall as t } from "../../utils/vue/install.
 import "vue";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import f from "./menu.vue2.js";
+import "lodash";
+import i from "./menu.vue2.js";
 import o from "./menu-item.vue2.js";
 import m from "./menu-item-group.vue2.js";
 import n from "./sub-menu.vue2.js";
-const M = r(f, {
+const I = r(i, {
   MenuItem: o,
   MenuItemGroup: m,
   SubMenu: n
-}), I = t(o), l = t(m), V = t(n);
+}), l = t(o), V = t(m), $ = t(n);
 export {
-  M as VftMenu,
-  I as VftMenuItem,
-  l as VftMenuItemGroup,
-  V as VftSubMenu,
-  M as default
+  I as VftMenu,
+  l as VftMenuItem,
+  V as VftMenuItemGroup,
+  $ as VftSubMenu,
+  I as default
 };

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

@@ -2,9 +2,9 @@ import { defineComponent as S, getCurrentInstance as M, inject as V, computed as
 import { singleAttrToObj as H, renderTNode as J, VNode as K } from "@vft/utils";
 import { throwError as P } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
+import "lodash";
 import { useNamespace as v } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
-import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import L from "./use-menu.js";
@@ -47,6 +47,7 @@ import "../clamp-toggle/index.js";
 import "../page-wrapper/index.js";
 import "../exception/index.js";
 import "../search/index.js";
+import "../form/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -59,7 +60,7 @@ const W = ["title"], k = (
   v("menu-item")
 ), X = S({
   name: k.b()
-}), tt = /* @__PURE__ */ S({
+}), it = /* @__PURE__ */ S({
   ...X,
   props: {
     index: null,
@@ -144,5 +145,5 @@ const W = ["title"], k = (
   }
 });
 export {
-  tt as default
+  it as default
 };

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

@@ -3,9 +3,9 @@ import { useResizeObserver as _ } from "@vueuse/core";
 import "@vft/utils";
 import { flattedChildren as ee } from "../../utils/vue/vnode.js";
 import "../../utils/ns-cover.js";
+import "lodash";
 import { useNamespace as N } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
-import "lodash";
 import "../../hooks/use-z-index/index.js";
 import te from "./utils/menu-bar.js";
 import le from "./menu-collapse-transition.vue.js";

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

@@ -39,6 +39,7 @@ import "../clamp-toggle/index.js";
 import "../page-wrapper/index.js";
 import "../exception/index.js";
 import "../search/index.js";
+import "../form/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -60,7 +61,7 @@ const S = (
   I("sub-menu")
 ), ve = Z({
   name: S.b()
-}), Co = /* @__PURE__ */ Z({
+}), go = /* @__PURE__ */ Z({
   ...ve,
   props: {
     index: null,
@@ -261,5 +262,5 @@ const S = (
   }
 });
 export {
-  Co as default
+  go as default
 };

package/es/components/message/index.js

@@ -2,13 +2,14 @@ import { withInstallFunction as s } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
 import e from "./method.js";
-import { messageDefaults as g, messageTypes as l } from "./types.js";
-const p = s(e, "$message");
+import { messageDefaults as l, messageTypes as n } from "./types.js";
+const i = s(e, "$message");
 export {
-  p as Message,
-  p as VftMessage,
-  p as default,
-  g as messageDefaults,
-  l as messageTypes
+  i as Message,
+  i as VftMessage,
+  i as default,
+  l as messageDefaults,
+  n as messageTypes
 };

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

@@ -2,15 +2,15 @@ import { defineComponent as _, ref as b, computed as h, watchEffect as D, unref
 import { useRouterHelper as $, getRouterKeyPath as c, listenerRouteChange as j } from "@vft/router";
 import { useMultipleTabStore as q, useTabs as G } from "@vft/store";
 import { useRefs as J } from "@vft/use";
-import { generateCssVars as S } from "@vft/utils";
+import "@vft/utils";
+import { generateCssVars as S } from "../../utils/ns-cover.js";
+import "lodash";
 import L from "hotkeys-js";
 import { useRouter as O, onBeforeRouteLeave as Q } from "vue-router";
 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 "../../utils/ns-cover.js";
 import "../divider/index.js";
 import "../icon/index.js";
 import "../avatar/index.js";
@@ -22,7 +22,7 @@ import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
 import "../menu/index.js";
-import { initAffixTabs as Z, useTabsDrag as tt } from "./use/use-multiple-tabs.js";
+import { initAffixTabs as Z, useTabsDrag as ee } from "./use/use-multiple-tabs.js";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
 import "../iframe-layout/index.js";
@@ -46,6 +46,7 @@ import "../clamp-toggle/index.js";
 import "../page-wrapper/index.js";
 import "../exception/index.js";
 import "../search/index.js";
+import "../form/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -53,14 +54,14 @@ import "../md-vue-playground/index.js";
 import "../md-code-demo/index.js";
 import "../md-code-tabs/index.js";
 import "../message/index.js";
-import et from "./tab-content.vue2.js";
+import te from "./tab-content.vue2.js";
 const P = (
   /* hoist-static*/
   W("multiple-tabs")
-), ot = _({
+), oe = _({
   name: P.b()
-}), ie = /* @__PURE__ */ _({
-  ...ot,
+}), at = /* @__PURE__ */ _({
+  ...oe,
   props: {
     tabsStyle: null,
     contextMenuStyle: null,
@@ -68,45 +69,45 @@ const P = (
   },
   setup(f) {
     const n = Z();
-    f.canDrag && tt(n);
-    const p = q(), i = b(""), m = b(0), d = b(), v = O(), { go: g } = $(), s = h(() => p.getTabList.filter((t) => {
-      var e;
-      return !((e = t.meta) != null && e.hideTab);
+    f.canDrag && ee(n);
+    const u = q(), i = b(""), m = b(0), d = b(), v = O(), { go: g } = $(), s = h(() => u.getTabList.filter((e) => {
+      var t;
+      return !((t = e.meta) != null && t.hideTab);
     }));
     D(() => {
-      var t;
+      var e;
       if (i.value) {
-        const e = s.value.findIndex((o) => c(o) === i.value);
-        e === -1 ? m.value = ((t = s.value) == null ? void 0 : t.length) - 1 : m.value = e, m.value = m.value < (n == null ? void 0 : n.length) ? (n == null ? void 0 : n.length) - 1 : m.value;
+        const t = s.value.findIndex((o) => c(o) === i.value);
+        t === -1 ? m.value = ((e = s.value) == null ? void 0 : e.length) - 1 : m.value = t, m.value = m.value < (n == null ? void 0 : n.length) ? (n == null ? void 0 : n.length) - 1 : m.value;
       }
     }), Q(() => {
       d.value = r(v.currentRoute);
-    }), j((t) => {
-      if (!t)
+    }), j((e) => {
+      if (!e)
         return;
-      const { meta: e = {} } = t, { currentActivePath: o, hideTab: a } = e, l = a ? o : null, u = c(t);
-      if (i.value !== u && (i.value = u), l) {
+      const { meta: t = {} } = e, { currentActivePath: o, hideTab: a } = t, l = a ? o : null, p = c(e);
+      if (i.value !== p && (i.value = p), l) {
         let y = v.getRoutes().find((z) => z.path === o);
-        y && p.addTab(y, r(d), m.value, t);
+        y && u.addTab(y, r(d), m.value, e);
       } else
-        p.addTab(r(t), r(d), m.value);
+        u.addTab(r(e), r(d), m.value);
     });
-    function M(t) {
+    function M(e) {
       var a, l;
-      if (i.value === t.paneName)
+      if (i.value === e.paneName)
         return;
-      const e = s.value[t.attrs.index];
-      i.value = t.paneName;
-      const o = (l = (a = e == null ? void 0 : e.meta) == null ? void 0 : a.hideActiveRoute) == null ? void 0 : l.fullPath;
-      g(o || e.fullPath || e.path);
+      const t = s.value[e.attrs.index];
+      i.value = e.paneName;
+      const o = (l = (a = t == null ? void 0 : t.meta) == null ? void 0 : a.hideActiveRoute) == null ? void 0 : l.fullPath;
+      g(o || t.fullPath || t.path);
     }
-    function k(t) {
-      p.closeTabByKey(t, v);
+    function k(e) {
+      u.closeTabByKey(e, v);
     }
     const [B, I] = J();
-    function N(t) {
-      const e = t.pane.attrs.index, o = t.event;
-      B.value[e].handleContext(o);
+    function N(e) {
+      const t = e.pane.attrs.index, o = e.event;
+      B.value[t].handleContext(o);
     }
     const w = h(() => ({ ...S({
       padding: "4px 0 0",
@@ -118,8 +119,9 @@ const P = (
       "close-icon-left": "8px",
       "item-distance": "10px",
       "item-max-width": "348px",
+      "scroll-padding": "0 20px",
       "header-margin": "0 0 0 8px"
-    }, "tabs", "vft"), ...f.tabsStyle })), { closeCurrent: V } = G();
+    }, "tabs"), ...f.tabsStyle })), { closeCurrent: V } = G();
     L("command+e, ctrl+e", function() {
       return V(), !1;
     });
@@ -128,16 +130,16 @@ const P = (
         border: "1px solid #dcdfe6",
         "sub-item-height": "40px",
         "item-min-width": "150px"
-      }, "menu", "vft"),
+      }, "menu"),
       ...f.contextMenuStyle
     }));
-    return (t, e) => (x(), T("div", {
+    return (e, t) => (x(), T("div", {
       class: E(r(P).b()),
       style: H(r(w))
     }, [
       R(r(X), {
         "model-value": i.value,
-        "onUpdate:modelValue": e[0] || (e[0] = (o) => i.value = o),
+        "onUpdate:modelValue": t[0] || (t[0] = (o) => i.value = o),
         type: "card",
         onTabClick: M,
         onTabRemove: k,
@@ -154,11 +156,11 @@ const P = (
               name: r(c)(o)
             }, {
               label: C(() => {
-                var u;
+                var p;
                 return [
-                  R(et, {
+                  R(te, {
                     contextMenuStyle: r(A),
-                    affixNum: (u = r(n)) == null ? void 0 : u.length,
+                    affixNum: (p = r(n)) == null ? void 0 : p.length,
                     ref_for: !0,
                     ref: r(I)(a),
                     tabItem: o
@@ -175,5 +177,5 @@ const P = (
   }
 });
 export {
-  ie as default
+  at as default
 };

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

@@ -39,6 +39,7 @@ import "../clamp-toggle/index.js";
 import "../page-wrapper/index.js";
 import "../exception/index.js";
 import "../search/index.js";
+import "../form/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -53,7 +54,7 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import { useContextMenu as d } from "../context-menu/useContextMenu.js";
-const C = ["title", "onContextmenu"], It = /* @__PURE__ */ l({
+const C = ["title", "onContextmenu"], yt = /* @__PURE__ */ l({
   __name: "tab-content",
   props: {
     tabItem: null,
@@ -79,5 +80,5 @@ const C = ["title", "onContextmenu"], It = /* @__PURE__ */ l({
   }
 });
 export {
-  It as default
+  yt as default
 };