vft 0.0.50 → 0.0.53

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

@@ -0,0 +1,214 @@
+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.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 { VftIcon as y } from "../icon/index.js";
+import { vLoading as _ } from "../loading/directive.js";
+import { getCode as N, getReactCode as w, getVueCode as x, getNormalCode as D } from "./code-demo/code.js";
+import { loadNormal as E, loadVue as M, loadReact as R } from "./code-demo/loadScript.js";
+import { atou as b, injectCSS as k, injectScript as J } from "./utils.js";
+const O = 800, P = 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: 'ico-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: "ico-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: "ico-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 {
+  P as default
+};

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

@@ -0,0 +1,46 @@
+import { defineComponent as i, onMounted as n, openBlock as m, createElementBlock as t, normalizeClass as r, unref as o, createElementVNode as p } from "vue";
+import { useNamespace as a } 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 { init as l } from "@waline/client";
+const s = ["id"], e = (
+  /* hoist-static*/
+  a("md-comment")
+), c = i({
+  name: e.b()
+}), C = /* @__PURE__ */ i({
+  ...c,
+  setup(u) {
+    return n(() => {
+      l({
+        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())
+    }, [
+      p("div", {
+        id: o(e).e("waline")
+      }, null, 8, s)
+    ], 2));
+  }
+});
+export {
+  C as default
+};

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

@@ -0,0 +1,180 @@
+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 "../image-viewer/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 "@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 = {
+  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()
+}), 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(() => {
+      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 {
+  Io as default
+};

package/es/components/md-container/style/css.js

@@ -0,0 +1,7 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-md-comment.css";
+import "vft/theme-style/vft-md-code-demo.css";
+import "vft/theme-style/vft-md-code-tabs.css";
+import "vft/theme-style/vft-md-tabs.css";
+import "vft/theme-style/vft-md-vue-playground.css";
+import "vft/theme-style/vft-md-container.css";

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

@@ -0,0 +1,7 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/md-comment.scss";
+import "vft/theme-style/src/md-code-tabs.scss";
+import "vft/theme-style/src/md-code-demo.scss";
+import "vft/theme-style/src/md-tabs.scss";
+import "vft/theme-style/src/md-vue-playground.scss";
+import "vft/theme-style/src/md-container.scss";

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

@@ -0,0 +1,61 @@
+import { defineComponent as u, ref as a, shallowRef as m, computed as v, onMounted as f, createVNode as e, withDirectives as w, h as g, resolveDirective as h } from "vue";
+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 "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { getVuePlaygroundSettings as C } from "./playground.js";
+import { VftIcon as R } from "../icon/index.js";
+const r = (
+  /* hoist-static*/
+  V("md-vue-playground")
+), y = u({
+  name: r.b()
+}), j = /* @__PURE__ */ u({
+  ...y,
+  props: {
+    title: null,
+    files: null,
+    settings: null
+  },
+  setup(t) {
+    const s = a(!0), i = m(), n = a(), o = v(() => C(t.settings)), l = a(o.value.showCode || !1), c = async () => {
+      const {
+        ReplStore: p,
+        Repl: d
+      } = await import("@vue/repl");
+      i.value = d, n.value = new p({
+        serializedState: decodeURIComponent(t.files),
+        showOutput: !0
+      }), o.value.vueVersion && await n.value.setVueVersion(o.value.vueVersion);
+    };
+    return f(async () => {
+      await c(), s.value = !1;
+    }), () => e("div", {
+      class: r.b()
+    }, [e("div", {
+      class: "title-wrapper"
+    }, [t.title ? e("div", {
+      class: "title"
+    }, [decodeURIComponent(t.title)]) : null, e(R, {
+      cursor: !0,
+      icon: l.value ? "ico-bx:collapse-alt" : "ico-bx:expand-alt",
+      size: 20,
+      onClick: () => {
+        l.value = !l.value;
+      }
+    }, null)]), w(e("div", {
+      class: ["repl-container", l.value ? "show-code" : "hide-code"]
+    }, [i.value ? g(i.value, {
+      store: n.value,
+      ...o.value
+    }) : null]), [[h("loading"), s.value]])]);
+  }
+});
+export {
+  j as default
+};

package/es/components/menu/index.d.ts

@@ -51,7 +51,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     open: (index: string) => void;
     close: (index: string, indexPath: string[]) => void;
     handleResize: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "select")[], "open" | "close" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "select")[], "close" | "open" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
         type: import("vue").PropType<"horizontal" | "vertical" | undefined>;
         required: false;
@@ -101,8 +101,8 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
 }>> & {
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
 }, {}>> & {
     MenuItem: import("vue").DefineComponent<{

package/es/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/components/menu/menu-collapse-transition.vue2.js

@@ -0,0 +1,35 @@
+import { defineComponent as i } from "vue";
+import { useNamespace as r } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { addClass as s, removeClass as a, hasClass as n } from "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+const W = i({
+  setup() {
+    const o = r("menu");
+    return {
+      listeners: {
+        onBeforeEnter: (t) => t.style.opacity = "0.2",
+        onEnter(t, e) {
+          s(t, `${o.namespace.value}-opacity-transition`), t.style.opacity = "1", e();
+        },
+        onAfterEnter(t) {
+          a(t, `${o.namespace.value}-opacity-transition`), t.style.opacity = "";
+        },
+        onBeforeLeave(t) {
+          t.dataset || (t.dataset = {}), n(t, o.m("collapse")) ? (a(t, o.m("collapse")), t.dataset.oldOverflow = t.style.overflow, t.dataset.scrollWidth = t.clientWidth.toString(), s(t, o.m("collapse"))) : (s(t, o.m("collapse")), t.dataset.oldOverflow = t.style.overflow, t.dataset.scrollWidth = t.clientWidth.toString(), a(t, o.m("collapse"))), t.style.width = `${t.scrollWidth}px`, t.style.overflow = "hidden";
+        },
+        onLeave(t) {
+          s(t, "horizontal-collapse-transition"), t.style.width = `${t.dataset.scrollWidth}px`;
+        }
+      }
+    };
+  }
+});
+export {
+  W as default
+};

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

@@ -0,0 +1,40 @@
+import { defineComponent as n, openBlock as o, createElementBlock as r, normalizeClass as l, unref as i, createElementVNode as s, Fragment as a, createTextVNode as u, toDisplayString as c, renderSlot as m } from "vue";
+import { useNamespace as d } 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";
+const t = (
+  /* hoist-static*/
+  d("menu-item-group")
+), f = n({
+  name: t.b()
+}), V = /* @__PURE__ */ n({
+  ...f,
+  props: {
+    title: null
+  },
+  setup(p) {
+    return (e, _) => (o(), r("li", {
+      class: l(i(t).b())
+    }, [
+      s("div", {
+        class: l(i(t).e("title"))
+      }, [
+        e.$slots.title ? m(e.$slots, "title", { key: 1 }) : (o(), r(a, { key: 0 }, [
+          u(c(p.title), 1)
+        ], 64))
+      ], 2),
+      s("ul", null, [
+        m(e.$slots, "default")
+      ])
+    ], 2));
+  }
+});
+export {
+  V as default
+};