vft 0.0.43 → 0.0.45

package/es/components/md-code-demo/md-code-demo.mjs

@@ -1,212 +0,0 @@
-import { defineComponent as C, ref as n, computed as u, onMounted as L, withDirectives as S, h as t } from "vue";
-import "../config-provider/hooks/use-global-config.mjs";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.mjs";
-import "@vueuse/core";
-import "@vft/utils";
-import "../../utils/ns-cover.mjs";
-import { VftIcon as y } from "../icon/index.mjs";
-import { vLoading as _ } from "../loading/directive.mjs";
-import { getCode as N, getReactCode as w, getVueCode as x, getNormalCode as D } from "./code-demo/code.mjs";
-import { loadNormal as E, loadVue as M, loadReact as R } from "./code-demo/loadScript.mjs";
-import { atou as b, injectCSS as k, injectScript as J } from "./utils.mjs";
-const O = 800, B = C({
-  name: "VftMdCodeDemo",
-  props: {
-    /**
-     * Code demo id
-     *
-     * 代码演示 id
-     */
-    id: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Code demo type
-     *
-     * 代码演示类型
-     */
-    type: {
-      type: String,
-      default: "normal"
-    },
-    /**
-     * Code demo title
-     *
-     * 代码演示标题
-     */
-    title: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Code demo config
-     *
-     * 代码演示配置
-     */
-    config: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Code demo code content
-     *
-     * 代码演示代码内容
-     */
-    code: {
-      type: String,
-      required: !0
-    }
-  },
-  setup(a, { slots: s }) {
-    const d = n(!1), f = n(), h = n(), i = n("0"), c = n(!1), r = u(() => JSON.parse(a.config ? b(a.config) : "{}")), o = u(() => {
-      const l = JSON.parse(b(a.code));
-      return N(l);
-    }), e = u(
-      () => a.type === "react" ? w(o.value, r.value) : a.type === "vue" ? x(o.value, r.value) : D(o.value, r.value)
-    ), g = u(() => e.value.isLegal), p = (l = !1) => {
-      const v = f.value.attachShadow({ mode: "open" }), m = document.createElement("div");
-      m.classList.add("code-demo-app"), v.appendChild(m), g.value ? (l && (m.innerHTML = e.value.html), k(v, e.value), J(a.id, v, e.value), i.value = "0") : i.value = "auto", c.value = !0;
-    }, j = () => {
-      switch (a.type) {
-        case "react":
-          return R(e.value).then(() => p());
-        case "vue":
-          return M(e.value).then(() => p());
-        default:
-          return E(e.value).then(() => p(!0));
-      }
-    };
-    return L(() => {
-      setTimeout(() => {
-        j();
-      }, O);
-    }), () => {
-      var l;
-      return S(
-        t("div", { class: "vft-md-code-demo", id: a.id }, [
-          // loaded.value ? null : h(Icon, { class: 'loading', icon: 'i-icomoon-free:spinner2' }),
-          t("div", { class: "code-demo-header" }, [
-            e.value.isLegal ? t("button", {
-              class: ["toggle-button", d.value ? "down" : "right"],
-              onClick: () => {
-                i.value = d.value ? "0" : `${h.value.clientHeight + 13.8}px`, d.value = !d.value;
-              }
-            }) : null,
-            a.title ? t("span", { class: "title" }, decodeURIComponent(a.title)) : null,
-            t("div", {
-              style: { display: "flex" }
-            }, [
-              e.value.isLegal && e.value.jsfiddle !== !1 ? t(
-                "form",
-                {
-                  class: "code-demo-jsfiddle",
-                  target: "_blank",
-                  action: "https://jsfiddle.net/api/post/library/pure/",
-                  method: "post"
-                },
-                [
-                  t("input", {
-                    type: "hidden",
-                    name: "html",
-                    value: e.value.html
-                  }),
-                  t("input", {
-                    type: "hidden",
-                    name: "js",
-                    value: e.value.js
-                  }),
-                  t("input", {
-                    type: "hidden",
-                    name: "css",
-                    value: e.value.css
-                  }),
-                  t("input", { type: "hidden", name: "wrap", value: "1" }),
-                  t("input", { type: "hidden", name: "panel_js", value: "3" }),
-                  t("input", {
-                    type: "hidden",
-                    name: "resources",
-                    value: [...e.value.cssLib, ...e.value.jsLib].join(",")
-                  }),
-                  t("button", {
-                    type: "submit",
-                    "aria-label": "JSFiddle",
-                    "data-balloon-pos": "up"
-                  }, t(y, {
-                    icon: "i-cib:jsfiddle",
-                    class: "jsfiddle-button"
-                  }))
-                ]
-              ) : null,
-              !e.value.isLegal || e.value.codepen !== !1 ? t(
-                "form",
-                {
-                  class: "code-demo-codepen",
-                  target: "_blank",
-                  action: "https://codepen.io/pen/define",
-                  method: "post"
-                },
-                [
-                  t("input", {
-                    type: "hidden",
-                    name: "data",
-                    value: JSON.stringify({
-                      html: e.value.html,
-                      js: e.value.js,
-                      css: e.value.css,
-                      // eslint-disable-next-line @typescript-eslint/naming-convention
-                      js_external: e.value.jsLib.join(";"),
-                      // eslint-disable-next-line @typescript-eslint/naming-convention
-                      css_external: e.value.cssLib.join(";"),
-                      layout: e.value.codepenLayout,
-                      // eslint-disable-next-line @typescript-eslint/naming-convention
-                      html_pre_processor: o.value ? o.value.html[1] : "none",
-                      // eslint-disable-next-line @typescript-eslint/naming-convention
-                      js_pre_processor: o.value ? o.value.js[1] : e.value.jsx ? "babel" : "none",
-                      // eslint-disable-next-line @typescript-eslint/naming-convention
-                      css_pre_processor: o.value ? o.value.css[1] : "none",
-                      editors: e.value.codepenEditors
-                    })
-                  }),
-                  t("button", {
-                    type: "submit",
-                    "aria-label": "Codepen",
-                    "data-balloon-pos": "up"
-                  }, t(y, {
-                    icon: "i-mdi:codepen",
-                    class: "codepen-button"
-                  }))
-                ]
-              ) : null
-            ])
-          ]),
-          t("div", {
-            ref: f,
-            class: "code-demo-container",
-            style: {
-              display: g.value && c.value ? "block" : "none"
-            }
-          }),
-          t(
-            "div",
-            { class: "code-demo-code-wrapper", style: { height: i.value } },
-            t(
-              "div",
-              {
-                ref: h,
-                class: "code-demo-codes"
-              },
-              (l = s.default) == null ? void 0 : l.call(s)
-            )
-          )
-        ]),
-        [[_, !c.value]]
-      );
-    };
-  }
-});
-export {
-  B as default
-};

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

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

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

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

package/es/components/md-comment/md-comment.vue.mjs

@@ -1,4 +0,0 @@
-import f from "./md-comment.vue2.mjs";
-export {
-  f as default
-};

package/es/components/md-comment/md-comment.vue2.mjs

@@ -1,44 +0,0 @@
-import { defineComponent as i, onMounted as n, openBlock as m, createElementBlock as t, normalizeClass as r, unref as o, createElementVNode as a } from "vue";
-import { useNamespace as l } from "../../hooks/use-namespace/index.mjs";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.mjs";
-import "@vueuse/core";
-import "@vft/utils";
-import "../../utils/ns-cover.mjs";
-import { init as p } from "@waline/client";
-const s = ["id"], e = (
-  /* hoist-static*/
-  l("md-comment")
-), c = i({
-  name: e.b()
-}), x = /* @__PURE__ */ i({
-  ...c,
-  setup(u) {
-    return n(() => {
-      p({
-        el: `#${e.e("waline")}`,
-        serverURL: "https://waline.wflynn.cn/",
-        pageview: !0,
-        reaction: !0,
-        emoji: [
-          "//unpkg.com/@waline/emojis@1.1.0/weibo",
-          "//unpkg.com/@waline/emojis@1.1.0/bilibili",
-          "//unpkg.com/@waline/emojis@1.1.0/bmoji",
-          "//unpkg.com/@waline/emojis@1.1.0/qq",
-          "//unpkg.com/@waline/emojis@1.1.0/tieba",
-          "//unpkg.com/@waline/emojis@1.1.0/tw-emoji"
-        ]
-      });
-    }), (w, _) => (m(), t("div", {
-      class: r(o(e).b())
-    }, [
-      a("div", {
-        id: o(e).e("waline")
-      }, null, 8, s)
-    ], 2));
-  }
-});
-export {
-  x as default
-};

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

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

package/es/components/md-container/md-container.vue.mjs

@@ -1,4 +0,0 @@
-import f from "./md-container.vue2.mjs";
-export {
-  f as default
-};

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

@@ -1,159 +0,0 @@
-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 "../divider/index.mjs";
-import { VftIcon as y } from "../icon/index.mjs";
-import "../avatar/index.mjs";
-import "../empty/index.mjs";
-import "../result/index.mjs";
-import "../tabs/index.mjs";
-import "../popper/index.mjs";
-import "../collapse-transition/index.mjs";
-import "../tooltip/index.mjs";
-import "../popover/index.mjs";
-import "../menu/index.mjs";
-import { jumpElement as A, getRandomElementForArr as F, formatToDateTime as H, getDayTimestamp as L } from "@vft/utils";
-import { usePhotoSwipe as j } from "@vft/use";
-import "../multiple-tabs/multiple-tabs.vue2.mjs";
-import { useRouterHelper as J } from "@vft/router";
-import "@vft/store";
-import { useRoute as O } from "vue-router";
-import "../header-layout/index.mjs";
-import "../footer-layout/index.mjs";
-import "../iframe-layout/index.mjs";
-import "../router-view-content/index.mjs";
-import "../logo/index.mjs";
-import "../back-top/index.mjs";
-import "../config-provider/index.mjs";
-import "../descriptions/index.mjs";
-import "../full-screen/index.mjs";
-import { VftIconText as Y } from "../icon-text/index.mjs";
-import "../image/index.mjs";
-import "../input/index.mjs";
-import "../link/index.mjs";
-import "../pagination/index.mjs";
-import { VftTag as q } from "../tag/index.mjs";
-import "../side-menu/index.mjs";
-import "../qrcode/index.mjs";
-import "../overlay/index.mjs";
-import "../clamp/index.mjs";
-import "../clamp-toggle/index.mjs";
-import "../page-wrapper/index.mjs";
-import "../exception/index.mjs";
-import "../search/index.mjs";
-import "./index.mjs";
-import { VftMdComment as G } from "../md-comment/index.mjs";
-import "../md-tabs/index.mjs";
-import "../md-vue-playground/index.mjs";
-import "../md-code-demo/index.mjs";
-import "../md-code-tabs/index.mjs";
-import "../message/index.mjs";
-import { useNamespace as K } from "../../hooks/use-namespace/index.mjs";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.mjs";
-import "@vueuse/core";
-import { cssVarValue as Q } from "../../utils/ns-cover.mjs";
-import U from "./toc.mjs";
-import { useCopyCode as W } from "./use/useCopyCode.mjs";
-import { useActiveHeaderLinks as X } from "./use/useActiveHeaderLinks.mjs";
-import { COMP_TYPE as Z } from "./utils.mjs";
-const tt = { class: "info-container" }, ot = {
-  key: 0,
-  class: "flex align-center"
-}, et = { class: "infos" }, rt = {
-  class: "reading",
-  title: "阅读量"
-}, it = ["data-path"], e = (
-  /* hoist-static*/
-  K("md-container")
-), mt = C({
-  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("#", ""));
-        });
-      });
-    }), T({
-      infos: t(m)
-    });
-    const w = location.pathname, { go: D } = J();
-    function E(p) {
-      D("/?tag=" + p);
-    }
-    return (p, nt) => {
-      var c, l, d, u, f, _;
-      return i(), s("div", {
-        class: a(t(e).b())
-      }, [
-        (c = m.value) != null && c.sideData ? (i(), g(t(U), {
-          key: 0,
-          items: m.value.sideData
-        }, null, 8, ["items"])) : v("", !0),
-        o("div", {
-          class: a(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,
-                icon: "i-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), {
-                size: "small",
-                class: "mr-5px cursor-pointer",
-                type: t(F)(t(Z), 1)[0],
-                key: N,
-                onClick: (pt) => E(h)
-              }, {
-                default: M(() => [
-                  R(x(h), 1)
-                ]),
-                _: 2
-              }, 1032, ["type", "onClick"]))), 128))
-            ])) : v("", !0),
-            o("div", et, [
-              n(t(Y), {
-                title: "发布时间",
-                icon: "i-uiw:date",
-                size: 14,
-                class: "mr-10px",
-                distance: 5,
-                text: t(H)(new Date((_ = t(r).meta) == null ? void 0 : _.date).getTime() - t(L)())
-              }, null, 8, ["text"]),
-              o("div", rt, [
-                n(t(y), {
-                  icon: "i-flat-color-icons:reading",
-                  size: 14,
-                  class: "mr-5px"
-                }),
-                o("span", {
-                  class: "waline-pageview-count",
-                  "data-path": t(w)
-                }, "0", 8, it)
-              ])
-            ])
-          ])
-        ], 2),
-        o("div", {
-          class: a(t(e).e("content"))
-        }, [
-          $(p.$slots, "default")
-        ], 2),
-        n(t(G))
-      ], 2);
-    };
-  }
-});
-export {
-  fo as default
-};

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

@@ -1,80 +0,0 @@
-import { jumpElement as p } from "@vft/utils";
-import { defineComponent as d, ref as f, onMounted as v, watch as g, h as n } from "vue";
-import { useRoute as h } from "vue-router";
-import { isActiveLink as T } from "./utils.mjs";
-const C = ({ title: e, level: o, slug: t }) => n(
-  "a",
-  {
-    href: `#${t}`,
-    class: ["toc-link", `level${o}`]
-  },
-  e
-), u = (e, o) => {
-  const t = h();
-  return e.length && o > 0 ? n(
-    "ul",
-    { class: "toc-list" },
-    e.map((l) => [
-      n(
-        "li",
-        {
-          class: ["toc-item", { active: T(t, `#${l.slug}`) }],
-          onClick: (c) => $(c, l.slug)
-        },
-        C(l)
-      ),
-      u(l.children, o - 1)
-    ])
-  ) : null;
-};
-function $(e, o) {
-  e.preventDefault(), p(o);
-}
-const D = d({
-  props: {
-    /**
-     * TOC items config
-     *
-     * TOC 项目配置
-     */
-    items: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Max header nesting depth
-     *
-     * 最大的标题嵌套深度
-     */
-    headerDepth: {
-      type: Number,
-      default: 2
-    }
-  },
-  setup(e) {
-    const o = h(), t = f(), l = (c) => {
-      var r;
-      (r = t.value) == null || r.scrollTo({ top: c, behavior: "smooth" });
-    };
-    return v(() => {
-      g(
-        () => o.hash,
-        (c) => {
-          if (t.value) {
-            const r = document.querySelector(`#toc a.toc-link[href$="${c}"]`);
-            if (!r)
-              return;
-            const { top: i, height: a } = t.value.getBoundingClientRect(), { top: s, height: m } = r.getBoundingClientRect();
-            s < i ? l(t.value.scrollTop + s - i) : s + m > i + a && l(t.value.scrollTop + s + m - i - a);
-          }
-        }
-      );
-    }), () => {
-      const c = e.items.length ? u(e.items, e.headerDepth) : u([], e.headerDepth);
-      return c ? n("div", { class: "toc-place-holder" }, [n("aside", { id: "toc" }, [n("div", { class: "toc-header" }, ["此页内容"]), n("div", { class: "toc-wrapper", ref: t }, [c])])]) : null;
-    };
-  }
-});
-export {
-  D as default
-};

package/es/components/md-container/use/index.mjs

@@ -1,6 +0,0 @@
-import { useCopyCode as r } from "./useCopyCode.mjs";
-import { useActiveHeaderLinks as s } from "./useActiveHeaderLinks.mjs";
-export {
-  s as useActiveHeaderLinks,
-  r as useCopyCode
-};

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

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

package/es/components/md-tabs/md-tabs.mjs

@@ -1,118 +0,0 @@
-import { useStorage as y } from "@vueuse/core";
-import { defineComponent as g, ref as b, onMounted as S, watch as h, h as v } from "vue";
-const c = y("VUEPRESS_TAB_STORE", {}), $ = g({
-  // eslint-disable-next-line vue/multi-word-component-names
-  name: "VftMdTabs",
-  props: {
-    /**
-     * Active tab index
-     *
-     * 激活的标签页序号
-     */
-    active: {
-      type: Number,
-      default: 0
-    },
-    /**
-     * tab data
-     *
-     * 标签页数据
-     */
-    data: {
-      type: Array,
-      required: !0
-    },
-    /**
-     * Tab id
-     *
-     * 标签页 id
-     */
-    id: {
-      type: String,
-      required: !0
-    },
-    /**
-     * tab id
-     *
-     * 标签页 id
-     */
-    tabId: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(t, { slots: r }) {
-    const i = b(t.active), d = b([]), f = () => {
-      if (t.tabId) {
-        const { title: a, id: e = a } = t.data[i.value];
-        c.value[t.tabId] = e;
-      }
-    }, o = (a = i.value) => {
-      i.value = a < d.value.length - 1 ? a + 1 : 0, d.value[i.value].focus();
-    }, s = (a = i.value) => {
-      i.value = a > 0 ? a - 1 : d.value.length - 1, d.value[i.value].focus();
-    }, I = (a, e) => {
-      a.key === " " || a.key === "Enter" ? (a.preventDefault(), i.value = e) : a.key === "ArrowRight" ? (a.preventDefault(), o()) : a.key === "ArrowLeft" && (a.preventDefault(), s()), f();
-    }, m = () => {
-      if (t.tabId) {
-        const a = t.data.findIndex(({ title: e, id: l = e }) => c.value[t.tabId] === l);
-        if (a !== -1)
-          return a;
-      }
-      return t.active;
-    };
-    return S(() => {
-      i.value = m(), h(
-        () => c.value[t.tabId],
-        (a, e) => {
-          if (t.tabId && a !== e) {
-            const l = t.data.findIndex(({ title: u, id: n = u }) => n === a);
-            l !== -1 && (i.value = l);
-          }
-        }
-      );
-    }), () => t.data.length ? v("div", { class: "vft-md-tabs" }, [
-      v(
-        "div",
-        { class: "tab-list-nav", role: "tablist" },
-        t.data.map(({ title: a }, e) => {
-          const l = e === i.value;
-          return v(
-            "button",
-            {
-              ref: (u) => {
-                u && (d.value[e] = u);
-              },
-              class: ["tab-list-nav-item", { active: l }],
-              role: "tab",
-              "aria-controls": `tab-${t.id}-${e}`,
-              "aria-selected": l,
-              onClick: () => {
-                i.value = e, f();
-              },
-              onKeydown: (u) => I(u, e)
-            },
-            a
-          );
-        })
-      ),
-      t.data.map(({ title: a, id: e = a }, l) => {
-        var n;
-        const u = l === i.value;
-        return v(
-          "div",
-          {
-            class: ["tab-item", { active: u }],
-            id: `tab-${t.id}-${l}`,
-            role: "tabpanel",
-            "aria-expanded": u
-          },
-          (n = r[`tab${l}`]) == null ? void 0 : n.call(r, { title: a, value: e, isActive: u })
-        );
-      })
-    ]) : null;
-  }
-});
-export {
-  $ as default
-};

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

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