vft 0.0.427 → 0.0.428

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.427",
+  "version": "0.0.428",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.427";
+const o = "0.0.428";
 export {
   o as version
 };

package/es/{components → packages/components}/carousel/use-carousel.js

@@ -11,7 +11,7 @@ import "../../hooks/use-model-toggle/index.js";
 import { useOrderedChildren as ge } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { carouselContextKey as Se, CAROUSEL_ITEM_NAME as H } from "./constants.js";
+import { CAROUSEL_ITEM_NAME as H, carouselContextKey as Se } from "./constants.js";
 const L = 300, ze = (t, O, M) => {
   const {
     children: o,

package/es/{components → packages/components}/color-picker/components/hue-slider.vue.js

@@ -1,6 +1,6 @@
 import s from "./hue-slider.vue2.js";
 import { createElementBlock as t, openBlock as a, normalizeClass as l, createElementVNode as n, normalizeStyle as i } from "vue";
-import m from "../../../_virtual/_plugin-vue_export-helper.js";
+import m from "../../../../_virtual/_plugin-vue_export-helper.js";
 function p(e, r, f, d, u, b) {
   return a(), t("div", {
     class: l([e.ns.b(), e.ns.is("vertical", e.vertical)])

package/es/{components → packages/components}/color-picker/components/predefine.vue.js

@@ -1,6 +1,6 @@
 import t from "./predefine.vue2.js";
 import { createElementBlock as r, openBlock as l, normalizeClass as s, createElementVNode as a, Fragment as c, renderList as d, normalizeStyle as i } from "vue";
-import p from "../../../_virtual/_plugin-vue_export-helper.js";
+import p from "../../../../_virtual/_plugin-vue_export-helper.js";
 const m = ["onClick"];
 function u(e, f, k, v, h, C) {
   return l(), r("div", {

package/es/{components → packages/components}/color-picker/components/sv-panel.vue.js

@@ -1,6 +1,6 @@
 import n from "./sv-panel.vue2.js";
 import { createElementBlock as a, openBlock as t, normalizeStyle as s, normalizeClass as o, createElementVNode as r } from "vue";
-import i from "../../../_virtual/_plugin-vue_export-helper.js";
+import i from "../../../../_virtual/_plugin-vue_export-helper.js";
 function p(e, l, u, d, c, m) {
   return t(), a("div", {
     class: o(e.ns.b()),

package/es/{components → packages/components}/config-provider/hooks/use-global-config.js

@@ -1,7 +1,7 @@
 import { keysOf as f } from "@vft/utils";
 import "@vueuse/core";
 import { debugWarn as v } from "../../../utils/error.js";
-import { getCurrentInstance as l, computed as i, unref as p, provide as g, ref as C, inject as x } from "vue";
+import { ref as g, getCurrentInstance as l, computed as i, unref as p, provide as C, inject as x } from "vue";
 import "lodash-es";
 import "../../form/index.js";
 import { namespaceContextKey as I, useNamespace as b, defaultNamespace as y } from "../../../hooks/use-namespace/index.js";
@@ -9,7 +9,7 @@ import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { zIndexContextKey as G, useZIndex as z, defaultInitialZIndex as K } from "../../../hooks/use-z-index/index.js";
 import { configProviderContextKey as m } from "../constants.js";
-const a = C();
+const a = g();
 function d(o, e = void 0) {
   const n = l() ? x(m, a) : a;
   return o ? i(() => n?.value?.[o] ?? e) : n;
@@ -27,7 +27,7 @@ function B(o) {
   };
 }
 const S = (o, e, n = !1) => {
-  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? g : void 0);
+  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? C : void 0);
   if (!u) {
     v(
       "provideGlobalConfig",

package/es/{components → packages/components}/dialog/use-dialog.js

@@ -17,54 +17,54 @@ import { useGlobalConfig as fe } from "../config-provider/hooks/use-global-confi
 const Te = (e, t) => {
   const i = ne().emit, { nextZIndex: m } = ae();
   let T = "";
-  const B = k(), S = k(), a = r(!1), v = r(!1), c = r(!1), d = r(e.zIndex ?? m());
-  let C, g;
-  const O = fe(), U = l(() => O.value?.namespace ?? ie), s = l(() => O.value?.dialog), V = l(() => {
+  const B = k(), S = k(), a = r(!1), v = r(!1), u = r(!1), d = r(e.zIndex ?? m());
+  let C, y;
+  const O = fe(), U = l(() => O.value?.namespace ?? ie), c = l(() => O.value?.dialog), V = l(() => {
     const n = {}, f = `--${U.value}-dialog`;
     return e.fullscreen || (e.top && (n[`${f}-margin-top`] = e.top), e.width && (n[`${f}-width`] = ee(e.width))), n;
   }), $ = l(
-    () => (e.draggable ?? s.value?.draggable ?? !1) && !e.fullscreen
+    () => (e.draggable ?? c.value?.draggable ?? !1) && !e.fullscreen
   ), F = l(
-    () => e.alignCenter ?? s.value?.alignCenter ?? !1
+    () => e.alignCenter ?? c.value?.alignCenter ?? !1
   ), G = l(
-    () => e.overflow ?? s.value?.overflow ?? !1
+    () => e.overflow ?? c.value?.overflow ?? !1
   ), Z = l(() => F.value ? { display: "flex" } : {}), j = l(() => {
-    const n = e.transition ?? s.value?.transition ?? P, f = {
+    const n = e.transition ?? c.value?.transition ?? P, f = {
       name: n,
-      onAfterEnter: y,
+      onAfterEnter: g,
       onBeforeLeave: I,
       onAfterLeave: A
     };
     if (R(n)) {
-      const o = { ...n }, b = (u, X) => (w) => {
-        p(u) ? u.forEach((z) => {
+      const o = { ...n }, b = (s, X) => (w) => {
+        p(s) ? s.forEach((z) => {
           N(z) && z(w);
-        }) : N(u) && u(w), X();
+        }) : N(s) && s(w), X();
       };
-      return o.onAfterEnter = b(o.onAfterEnter, y), o.onBeforeLeave = b(o.onBeforeLeave, I), o.onAfterLeave = b(o.onAfterLeave, A), o.name || (o.name = P), o;
+      return o.onAfterEnter = b(o.onAfterEnter, g), o.onBeforeLeave = b(o.onBeforeLeave, I), o.onAfterLeave = b(o.onAfterLeave, A), o.name || (o.name = P), o;
     }
     return f;
   });
-  function y() {
+  function g() {
     i("opened");
   }
   function A() {
-    i("closed"), i(Y, !1), e.destroyOnClose && (c.value = !1);
+    i("closed"), i(Y, !1), e.destroyOnClose && (u.value = !1);
   }
   function I() {
     i("close");
   }
   function _() {
-    g?.(), C?.(), e.openDelay && e.openDelay > 0 ? { stop: C } = M(() => h(), e.openDelay) : h();
+    y?.(), C?.(), e.openDelay && e.openDelay > 0 ? { stop: C } = M(() => h(), e.openDelay) : h();
   }
   function D() {
-    C?.(), g?.(), e.closeDelay && e.closeDelay > 0 ? { stop: g } = M(() => L(), e.closeDelay) : L();
+    C?.(), y?.(), e.closeDelay && e.closeDelay > 0 ? { stop: y } = M(() => L(), e.closeDelay) : L();
   }
   function E() {
     function n(f) {
       f || (v.value = !0, a.value = !1);
     }
-    console.log(111), e.beforeClose ? e.beforeClose(n) : D();
+    e.beforeClose ? e.beforeClose(n) : D();
   }
   function q() {
     e.closeOnClickModal && E();
@@ -96,7 +96,7 @@ const Te = (e, t) => {
   ), x(
     () => e.modelValue,
     (n) => {
-      n ? (v.value = !1, _(), c.value = !0, d.value = e.zIndex ?? m(), oe(() => {
+      n ? (v.value = !1, _(), u.value = !0, d.value = e.zIndex ?? m(), oe(() => {
         i("open"), t.value && (t.value.parentElement.scrollTop = 0, t.value.parentElement.scrollLeft = 0, t.value.scrollTop = 0);
       })) : a.value && D();
     }
@@ -106,9 +106,9 @@ const Te = (e, t) => {
       t.value && (n ? (T = t.value.style.transform, t.value.style.transform = "") : t.value.style.transform = T);
     }
   ), te(() => {
-    e.modelValue && (a.value = !0, c.value = !0, _());
+    e.modelValue && (a.value = !0, u.value = !0, _());
   }), {
-    afterEnter: y,
+    afterEnter: g,
     afterLeave: A,
     beforeLeave: I,
     handleClose: E,
@@ -124,7 +124,7 @@ const Te = (e, t) => {
     closed: v,
     style: V,
     overlayDialogStyle: Z,
-    rendered: c,
+    rendered: u,
     visible: a,
     zIndex: d,
     transitionConfig: j,

package/es/{components → packages/components}/focus-trap/focus-trap.vue.js

@@ -1,6 +1,6 @@
 import r from "./focus-trap.vue2.js";
 import { renderSlot as e } from "vue";
-import t from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
 function n(o, s, f, p, a, d) {
   return e(o.$slots, "default", { handleKeydown: o.onKeydown });
 }

package/es/{components → packages/components}/input/input.vue2.js

@@ -13,8 +13,8 @@ import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
 import { useAttrs as Ze, useCursor as _e } from "@vft/use";
 import { calcTextareaHeight as ye } from "./utils.js";
-import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
-import { useFormSize as at, useFormDisabled as ot } from "../form/hooks/use-form-common-props.js";
+import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as at, useFormItemInputId as ot } from "../form/hooks/use-form-item.js";
 const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
@@ -85,9 +85,9 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       o.is("focus", v.value)
     ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(xe.props, {
+    }), { form: Ce, formItem: F } = at(), { inputId: Y } = ot(xe.props, {
       formItemContext: F
-    }), ke = at(), h = ot(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
+    }), ke = et(), h = tt(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.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(

package/es/{components → packages/components}/input-tag/composables/use-input-tag.js

@@ -1,6 +1,6 @@
 import { shallowRef as B, ref as L, computed as c, watch as G } from "vue";
 import { EVENT_CODE as g } from "../../../constants/aria.js";
-import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as d, INPUT_EVENT as H } from "../../../constants/event.js";
+import { CHANGE_EVENT as i, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
 import "@vueuse/core";
 import { isUndefined as K } from "@vft/utils";
 import { debugWarn as C } from "../../../utils/error.js";

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

@@ -0,0 +1,170 @@
+import { defineComponent as k, getCurrentInstance as N, ref as R, computed as h, onMounted as $, nextTick as A, createElementBlock as u, openBlock as s, normalizeClass as r, 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 "@vueuse/core";
+import { handleScrollPosition as j, jumpElement as _, getRandomElementForArr as U, isClient as Y } from "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import { primaryColor as G } from "../../utils/ns-cover.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as K } 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 Q } from "@vft/router";
+import { useEventListener as W } from "@vft/use";
+import { usePhotoSwipe as X } from "@vft/use/photoswipe";
+import { formatToDateTime as Z, getDayTimestamp as ee } from "@vft/utils/date";
+import { l as te } from "../../../_virtual/lodash.js";
+import { useCopyCode as oe } from "./use/useCopyCode.js";
+import { COMP_TYPE as ne } from "./utils.js";
+const ie = { class: "info-container" }, ae = {
+  key: 0,
+  class: "left"
+}, le = { class: "infos" }, se = {
+  class: "reading",
+  title: "阅读量"
+}, re = ["data-path"], ce = k({
+  name: "vft-md-container"
+}), $e = /* @__PURE__ */ k({
+  ...ce,
+  props: {
+    tocList: {}
+  },
+  setup(m) {
+    const l = K("md-container"), b = N(), p = R(), d = h(() => m.tocList && m.tocList !== "undefined" ? JSON.parse(m.tocList) : ""), { initPhotoSwipe: T } = X(`.${l.e("content")} img`);
+    T(), oe();
+    const f = b.appContext.config.globalProperties.$router, a = f.currentRoute.value, S = G(), V = Y ? location.pathname : "", { go: D } = Q(f);
+    function w(o) {
+      D(`/?classify=${o}`);
+    }
+    const E = h(() => a.meta.category?.includes("api")), L = te.debounce(
+      () => j({
+        scrollDom: ".layout-content",
+        contentDom: ".header-anchor",
+        selectAttrName: "href",
+        offset: 100,
+        callback: (o) => {
+          p.value.menuRef.updateActiveIndex(
+            o.slice(1)
+          );
+        }
+      }),
+      100
+    );
+    $(() => {
+      A(() => {
+        setTimeout(() => {
+          _(encodeURI(a.hash));
+        }), setTimeout(() => {
+          const t = document.querySelector(".layout-content");
+          t && t.addEventListener("scroll", L);
+        }, 1500);
+        const o = document.querySelectorAll(".item.expand"), n = document.querySelectorAll(
+          "div.language-vue"
+        );
+        for (let t = 0; t < o.length; t++)
+          W(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) => (s(), u("div", {
+      class: r([e(l).b(), e(l).is("api", E.value)])
+    }, [
+      d.value?.length ? (s(), y(e(J), {
+        key: 0,
+        ref_key: "sideMenuRef",
+        ref: p,
+        "default-active": d.value[0].slug,
+        class: "toc-side-menu",
+        menus: d.value,
+        "is-fixed-left": !1,
+        "default-openeds-level": "",
+        "unique-opened": !1,
+        "disable-sub-menu-action": "",
+        "attr-mapping": {
+          index: "slug",
+          originIndex: "slug",
+          originChildren: "children"
+        },
+        onSelect: g,
+        onSubMenuClick: g
+      }, null, 8, ["default-active", "menus"])) : v("", !0),
+      i("div", {
+        class: r(e(l).e("header"))
+      }, [
+        i("h1", {
+          class: r(e(l).e("title"))
+        }, C(e(a).meta?.title), 3),
+        i("div", ie, [
+          e(a).meta?.category?.length ? (s(), u("div", ae, [
+            c(e(x), {
+              size: 14,
+              color: e(S),
+              icon: "icon-category"
+            }, null, 8, ["color"]),
+            (s(!0), u(I, null, P(e(a).meta?.category, (t, M) => (s(), y(e(O), {
+              size: "small",
+              class: "tag",
+              type: e(U)(e(ne), 1)[0],
+              key: M,
+              onClick: (me) => w(t)
+            }, {
+              default: z(() => [
+                q(C(t), 1)
+              ]),
+              _: 2
+            }, 1032, ["type", "onClick"]))), 128))
+          ])) : v("", !0),
+          i("div", le, [
+            c(e(F), {
+              title: "发布时间",
+              icon: "icon-date",
+              size: 12,
+              class: "mr-10px",
+              distance: 5,
+              text: e(Z)(
+                (e(a).meta?.date ? new Date(e(a).meta.date).getTime() : (/* @__PURE__ */ new Date()).getTime()) - e(ee)()
+              )
+            }, null, 8, ["text"]),
+            i("div", se, [
+              c(e(x), {
+                icon: "icon-reading",
+                size: 14,
+                class: "mr-5px"
+              }),
+              i("div", {
+                class: "waline-pageview-count lh-1",
+                "data-path": e(V)
+              }, "0", 8, re)
+            ])
+          ])
+        ])
+      ], 2),
+      i("div", {
+        class: r(e(l).e("content"))
+      }, [
+        B(o.$slots, "default")
+      ], 2),
+      c(e(H)),
+      n[0] || (n[0] = i("ins", {
+        class: "adsbygoogle",
+        style: { display: "block", "text-align": "center" },
+        "data-ad-layout": "in-article",
+        "data-ad-format": "fluid",
+        "data-ad-client": "ca-pub-4046301015031382",
+        "data-ad-slot": "6525439078"
+      }, null, -1))
+    ], 2));
+  }
+});
+export {
+  $e as default
+};

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

@@ -0,0 +1,4 @@
+import { useCopyCode as p } from "./useCopyCode.js";
+export {
+  p as useCopyCode
+};

package/es/{components → packages/components}/menu/menu-collapse-transition.vue.js

@@ -1,6 +1,6 @@
 import o from "./menu-collapse-transition.vue2.js";
 import { createBlock as r, openBlock as t, Transition as n, mergeProps as s, withCtx as i, renderSlot as a } from "vue";
-import p from "../../_virtual/_plugin-vue_export-helper.js";
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
 function f(e, l, c, m, d, u) {
   return t(), r(n, s({ mode: "out-in" }, e.listeners), {
     default: i(() => [

package/es/{components → packages/components}/menu/menu-item.vue2.js

@@ -12,12 +12,11 @@ import { useNamespace as A } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "vue-router";
 import W from "./use-menu.js";
 const X = ["title"], Y = E({
   name: "vft-menu-item",
   inheritAttrs: !1
-}), ve = /* @__PURE__ */ E({
+}), fe = /* @__PURE__ */ E({
   ...Y,
   props: {
     index: {},
@@ -32,13 +31,13 @@ const X = ["title"], Y = E({
   },
   emits: ["click", "mouseenter", "mouseleave"],
   setup(t, { emit: S }) {
-    const d = A("menu-item"), c = S, g = F(), T = O(), w = A("menu"), f = A("menu-item"), i = t.isAloneUse ? null : N("rootMenu");
-    !i && !t.isAloneUse && P(d.b(), "can not inject root menu");
+    const d = S, c = A("menu-item"), g = F(), T = O(), w = A("menu"), f = A("menu-item"), i = t.isAloneUse ? null : N("rootMenu");
+    !i && !t.isAloneUse && P(c.b(), "can not inject root menu");
     const { parentMenu: U, indexPath: B } = W(
       g,
       a(() => t.index)
     ), v = t.isAloneUse ? null : N(`subMenu:${U.value.uid}`);
-    !v && !t.isAloneUse && P(d.b(), "can not inject sub menu");
+    !v && !t.isAloneUse && P(c.b(), "can not inject sub menu");
     const C = a(() => t.index === i?.activeIndex), s = q({
       index: t.index,
       indexPath: B,
@@ -49,7 +48,7 @@ const X = ["title"], Y = E({
         index: t.index,
         indexPath: B.value,
         route: t.route
-      }), c("click", s));
+      }), d("click", s));
     }, r = a(() => K(t.icon, "icon")), z = a(() => L(g, "title"));
     return G(() => {
       t.isAloneUse || (v?.addSubMenu(s), i?.addMenuItem(s));
@@ -67,8 +66,8 @@ const X = ["title"], Y = E({
           e(f).is("active", n.isAloneUse ? !1 : C.value),
           e(f).is("disabled", n.disabled)
         ]),
-        onMouseenter: u[0] || (u[0] = (D) => c("mouseenter")),
-        onMouseleave: u[1] || (u[1] = (D) => c("mouseleave")),
+        onMouseenter: u[0] || (u[0] = (D) => d("mouseenter")),
+        onMouseleave: u[1] || (u[1] = (D) => d("mouseleave")),
         role: "menuitem",
         tabindex: "-1",
         onClick: x
@@ -95,7 +94,7 @@ const X = ["title"], Y = E({
           n.$slots?.default ? y(n.$slots, "default", { key: 0 }) : (o(), p(k, { key: 1 }, [
             r.value?.icon ? (o(), l(e(h), I(V({ key: 0 }, r.value)), null, 16)) : m("", !0),
             b("span", {
-              class: M(e(d).e("text")),
+              class: M(e(c).e("text")),
               title: n.title
             }, [
               J(e(Q), { content: z.value }, null, 8, ["content"])
@@ -111,5 +110,5 @@ const X = ["title"], Y = E({
   }
 });
 export {
-  ve as default
+  fe as default
 };