vft 0.0.48 → 0.0.50

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

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import m from "./md-comment.vue2.js";
+const s = t(m);
+export {
+  s as VftMdComment,
+  s as default
+};

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

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./md-container.vue2.js";
+const s = t(o);
+export {
+  s as VftMdContainer,
+  s as default
+};

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

@@ -0,0 +1,177 @@
+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 "../divider/index.js";
+import { VftIcon as y } 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 "../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 "../multiple-tabs/multiple-tabs.vue2.js";
+import { useRouterHelper as O } from "@vft/router";
+import "@vft/store";
+import { useRoute as Y } from "vue-router";
+import "../header-layout/index.js";
+import "../footer-layout/index.js";
+import "../iframe-layout/index.js";
+import "../router-view-content/index.js";
+import "../logo/index.js";
+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 "../image/index.js";
+import "../input/index.js";
+import "../link/index.js";
+import "../pagination/index.js";
+import { VftTag as G } from "../tag/index.js";
+import "../side-menu/index.js";
+import "../qrcode/index.js";
+import "../overlay/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../page-wrapper/index.js";
+import "../exception/index.js";
+import "../search/index.js";
+import "../form/index.js";
+import "../button/index.js";
+import "../checkbox/index.js";
+import "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/index.js";
+import "../scrollbar/index.js";
+import "../dropdown/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../select-v2/index.js";
+import "../verify-code/index.js";
+import "../table/index.js";
+import "./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 Q } 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 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"
+}, rt = { class: "infos" }, it = {
+  class: "reading",
+  title: "阅读量"
+}, mt = ["data-path"], e = (
+  /* hoist-static*/
+  Q("md-container")
+), pt = T({
+  name: e.b()
+}), So = /* @__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(() => {
+      B(() => {
+        m.value = V.exposed.infos, setTimeout(() => {
+          F(r.hash.replace("#", ""));
+        });
+      });
+    }), k({
+      infos: t(m)
+    });
+    const D = location.pathname, { go: z } = O();
+    function E(s) {
+      z("/?tag=" + s);
+    }
+    const N = g(U());
+    return (s, st) => {
+      var c, l, d, u, f, _;
+      return i(), a("div", {
+        class: p(t(e).b())
+      }, [
+        (c = m.value) != null && c.sideData ? (i(), v(t(W), {
+          key: 0,
+          items: m.value.sideData
+        }, null, 8, ["items"])) : x("", !0),
+        o("div", {
+          class: p(t(e).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), {
+                size: 14,
+                color: N.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), {
+                size: "small",
+                class: "mr-5px cursor-pointer",
+                type: t(H)(t(tt), 1)[0],
+                key: P,
+                onClick: (at) => E(h)
+              }, {
+                default: R(() => [
+                  $(C(h), 1)
+                ]),
+                _: 2
+              }, 1032, ["type", "onClick"]))), 128))
+            ])) : x("", !0),
+            o("div", rt, [
+              n(t(q), {
+                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)())
+              }, null, 8, ["text"]),
+              o("div", it, [
+                n(t(y), {
+                  icon: "ico-flat-color-icons:reading",
+                  size: 14,
+                  class: "mr-5px"
+                }),
+                o("div", {
+                  class: "waline-pageview-count lh-1",
+                  "data-path": t(D)
+                }, "0", 8, mt)
+              ])
+            ])
+          ])
+        ], 2),
+        o("div", {
+          class: p(t(e).e("content"))
+        }, [
+          A(s.$slots, "default")
+        ], 2),
+        n(t(K))
+      ], 2);
+    };
+  }
+});
+export {
+  So as default
+};

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

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./md-tabs.js";
+const d = t(o);
+export {
+  d as VftMdTabs,
+  d as default
+};

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

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./md-vue-playground.vue2.js";
+const n = t(o);
+export {
+  n as VftMdVuePlayground,
+  n as default
+};

package/es/packages/components/menu/index.js

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

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

@@ -0,0 +1,15 @@
+import o from "./menu-collapse-transition.vue2.js";
+import { openBlock as r, createBlock 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";
+function f(e, l, c, m, d, u) {
+  return r(), t(n, s({ mode: "out-in" }, e.listeners), {
+    default: i(() => [
+      a(e.$slots, "default")
+    ]),
+    _: 3
+  }, 16);
+}
+const k = /* @__PURE__ */ p(o, [["render", f]]);
+export {
+  k as default
+};

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

@@ -0,0 +1,164 @@
+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 c, Fragment as p, 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 "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import { useNamespace as v } 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 "../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 "../popover/index.js";
+import "./index.js";
+import "@vft/use";
+import "../multiple-tabs/multiple-tabs.vue2.js";
+import "@vft/router";
+import "@vft/store";
+import "vue-router";
+import "../header-layout/index.js";
+import "../footer-layout/index.js";
+import "../iframe-layout/index.js";
+import "../router-view-content/index.js";
+import "../logo/index.js";
+import "../back-top/index.js";
+import "../config-provider/index.js";
+import "../descriptions/index.js";
+import "../full-screen/index.js";
+import "../icon-text/index.js";
+import "../image/index.js";
+import "../input/index.js";
+import "../link/index.js";
+import "../pagination/index.js";
+import "../tag/index.js";
+import "../side-menu/index.js";
+import "../qrcode/index.js";
+import "../overlay/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../page-wrapper/index.js";
+import "../exception/index.js";
+import "../search/index.js";
+import "../form/index.js";
+import "../button/index.js";
+import "../checkbox/index.js";
+import "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/index.js";
+import "../scrollbar/index.js";
+import "../dropdown/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../select-v2/index.js";
+import "../verify-code/index.js";
+import "../table/index.js";
+import "../md-container/index.js";
+import "../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";
+const W = ["title"], k = (
+  /* hoist-static*/
+  v("menu-item")
+), X = S({
+  name: k.b()
+}), bt = /* @__PURE__ */ S({
+  ...X,
+  props: {
+    index: null,
+    route: null,
+    disabled: { type: Boolean },
+    icon: null,
+    title: null,
+    isAloneUse: { type: Boolean },
+    divider: { type: Boolean },
+    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({
+      index: e.index,
+      indexPath: g,
+      active: h
+    }), z = () => {
+      e.disabled || (i == null || i.handleMenuItemClick({
+        index: e.index,
+        indexPath: g.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(), c(p, null, [
+        e.reverse && e.divider ? (m(), s(t(E), {
+          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)]),
+          role: "menuitem",
+          tabindex: "-1",
+          onClick: z
+        }, [
+          ((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), {
+            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)
+            ]),
+            _: 3
+          })) : (m(), c(p, { key: 1 }, [
+            (N = r.$slots) != null && N.default ? f(r.$slots, "default", { key: 0 }) : (m(), c(p, { 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)
+            ], 64))
+          ], 64))
+        ], 2),
+        !e.reverse && e.divider ? (m(), s(t(E), {
+          key: 1,
+          marginY: "0"
+        })) : d("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  bt as default
+};

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

@@ -0,0 +1,206 @@
+import { defineComponent as B, useSlots as J, getCurrentInstance as K, ref as d, computed as Q, watch as O, watchEffect as U, provide as A, reactive as X, onMounted as Y, h as I, nextTick as Z } from "vue";
+import { useResizeObserver as _ } from "@vueuse/core";
+import "@vft/utils";
+import { flattedChildren as ee } from "../../utils/vue/vnode.js";
+import "lodash";
+import "../../utils/ns-cover.js";
+import { useNamespace as N } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import te from "./utils/menu-bar.js";
+import le from "./menu-collapse-transition.vue.js";
+import ne from "./sub-menu.vue2.js";
+import { useMenuCssVar as oe } from "./use-menu-css-var.js";
+import { VftIcon as ue } from "../icon/index.js";
+const M = (
+  /* hoist-static*/
+  N("menu")
+), ae = B({
+  name: M.b()
+}), Ie = /* @__PURE__ */ B({
+  ...ae,
+  props: {
+    mode: { default: "vertical" },
+    defaultActive: { default: "" },
+    defaultOpeneds: { default: [] },
+    uniqueOpened: { type: Boolean },
+    router: { type: Boolean },
+    menuTrigger: { default: "hover" },
+    collapse: { type: Boolean },
+    backgroundColor: null,
+    textColor: null,
+    activeTextColor: null,
+    collapseTransition: { type: Boolean, default: !0 },
+    ellipsis: { type: Boolean, default: !0 }
+  },
+  emits: [
+    "close",
+    "open",
+    "select"
+  ],
+  setup(l, { expose: W, emit: b }) {
+    const y = J(), v = K(), T = v.appContext.config.globalProperties.$router, s = d(), z = N("sub-menu"), f = d(-1), o = d(
+      l.defaultOpeneds && !l.collapse ? l.defaultOpeneds.slice(0) : []
+    ), u = d(l.defaultActive), c = d({}), h = d({}), E = Q(() => l.mode === "horizontal" || l.mode === "vertical" && l.collapse), V = () => {
+      const e = u.value && c.value[u.value];
+      if (!e || l.mode === "horizontal" || l.collapse)
+        return;
+      e.indexPath.forEach((n) => {
+        const a = h.value[n];
+        a && g(n, a.indexPath);
+      });
+    }, g = (e, t) => {
+      o.value.includes(e) || (l.uniqueOpened && (o.value = o.value.filter((n) => t.includes(n))), o.value.push(e), b("open", e, t));
+    }, S = (e, t) => {
+      const n = o.value.indexOf(e);
+      n !== -1 && o.value.splice(n, 1), b("close", e, t);
+    }, $ = ({ index: e, indexPath: t }) => {
+      o.value.includes(e) ? S(e, t) : g(e, t);
+    }, q = (e) => {
+      (l.mode === "horizontal" || l.collapse) && (o.value = []);
+      const { index: t, indexPath: n } = e;
+      if (!(t === void 0 || n === void 0))
+        if (l.router && T) {
+          const a = e.route || t, m = T.push(a).then((i) => (i || (u.value = t), i));
+          b("select", e, m);
+        } else
+          u.value = t, b("select", e);
+    }, D = (e) => {
+      const t = c.value, n = t[e] || u.value && t[u.value] || t[l.defaultActive];
+      n ? u.value = n.index : u.value = e;
+    }, L = () => {
+      var r;
+      if (!s.value)
+        return -1;
+      const e = Array.from(((r = s.value) == null ? void 0 : r.childNodes) ?? []).filter(
+        (C) => C.nodeName !== "#text" || C.nodeValue
+      ), t = 64, n = Number.parseInt(getComputedStyle(s.value).paddingLeft, 10), a = Number.parseInt(getComputedStyle(s.value).paddingRight, 10), m = s.value.clientWidth - n - a;
+      let i = 0, p = 0;
+      return e.forEach((C, H) => {
+        i += C.offsetWidth || 0, i <= m - t && (p = H + 1);
+      }), p === e.length ? -1 : p;
+    }, F = (e, t = 33.34) => {
+      let n;
+      return () => {
+        n && clearTimeout(n), n = setTimeout(() => {
+          e();
+        }, t);
+      };
+    };
+    let k = !0;
+    const P = () => {
+      const e = () => {
+        f.value = -1, Z(() => {
+          f.value = L();
+        });
+      };
+      k ? e() : F(e)(), k = !1;
+    };
+    O(
+      () => l.defaultActive,
+      (e) => {
+        c.value[e] || (u.value = ""), D(e);
+      }
+    ), O(
+      () => l.collapse,
+      (e) => {
+        e && (o.value = []);
+      }
+    ), O(c.value, V);
+    let x;
+    U(() => {
+      l.mode === "horizontal" && l.ellipsis ? x = _(s, P).stop : x == null || x();
+    });
+    const R = (e) => {
+      h.value[e.index] = e;
+    }, w = (e) => {
+      delete h.value[e.index];
+    }, j = (e) => {
+      c.value[e.index] = e;
+    }, G = (e) => {
+      delete c.value[e.index];
+    };
+    return A(
+      "rootMenu",
+      X({
+        props: v.props,
+        openedMenus: o,
+        items: c,
+        subMenus: h,
+        activeIndex: u,
+        isMenuPopup: E,
+        addMenuItem: j,
+        removeMenuItem: G,
+        addSubMenu: R,
+        removeSubMenu: w,
+        openMenu: g,
+        closeMenu: S,
+        handleMenuItemClick: q,
+        handleSubMenuClick: $
+      })
+    ), A(`subMenu:${v.uid}`, {
+      addSubMenu: R,
+      removeSubMenu: w,
+      mouseInChild: d(!1),
+      // 表示当前是第一级的 sub-menu
+      level: 0
+    }), Y(() => {
+      l.mode === "horizontal" && new te(v.vnode.el, M.namespace.value);
+    }), W({
+      open: (e) => {
+        const { indexPath: t } = h.value[e];
+        t.forEach((n) => g(n, t));
+      },
+      close: S,
+      handleResize: P
+    }), () => {
+      var m;
+      let e = ((m = y.default) == null ? void 0 : m.call(y)) ?? [];
+      const t = [];
+      if (l.mode === "horizontal" && s.value) {
+        const i = ee(e), p = f.value === -1 ? i : i.slice(
+          0,
+          f.value
+        ), r = f.value === -1 ? [] : i.slice(f.value);
+        r != null && r.length && l.ellipsis && (e = p, t.push(
+          I(
+            ne,
+            {
+              index: "sub-menu-more",
+              class: z.e("hide-arrow")
+            },
+            {
+              title: () => I(
+                ue,
+                {
+                  icon: "ico-line-md:menu",
+                  class: z.e("icon-more")
+                }
+              ),
+              default: () => r
+            }
+          )
+        ));
+      }
+      const n = oe(v.props, 0), a = I(
+        "ul",
+        {
+          key: String(l.collapse),
+          role: "menubar",
+          ref: s,
+          style: n.value,
+          class: {
+            [M.b()]: !0,
+            [M.m(l.mode)]: !0,
+            [M.m("collapse")]: l.collapse
+          }
+        },
+        [...e, ...t]
+      );
+      return l.collapseTransition && l.mode === "vertical" ? I(le, () => a) : a;
+    };
+  }
+});
+export {
+  Ie as default
+};