vft 0.0.43 → 0.0.44

package/es/components/loading/service.js

@@ -0,0 +1,68 @@
+import { useNamespace as g } from "../../hooks/use-namespace/index.js";
+import { nextTick as f, unref as n } from "vue";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import { isClient as b } from "@vueuse/core";
+import { isString as v, getStyle as a, addClass as c, removeClass as u } from "@vft/utils";
+import "../../utils/ns-cover.js";
+import { createLoadingComponent as p } from "./loading.js";
+let d;
+const N = function(t = {}) {
+  if (!b)
+    return;
+  const e = y(t);
+  if (e.fullscreen && d)
+    return d;
+  const r = p({
+    ...e,
+    closed: () => {
+      var i;
+      (i = e.closed) == null || i.call(e), e.fullscreen && (d = void 0);
+    }
+  });
+  x(e, e.parent, r), m(e, e.parent, r), e.parent.vLoadingAddClassList = () => m(e, e.parent, r);
+  let o = e.parent.getAttribute("loading-number");
+  return o ? o = `${Number.parseInt(o) + 1}` : o = "1", e.parent.setAttribute("loading-number", o), e.parent.appendChild(r.$el), f(() => r.visible.value = e.visible), e.fullscreen && (d = r), r;
+}, y = (t) => {
+  let e;
+  return v(t.target) ? e = document.querySelector(t.target) ?? document.body : e = t.target || document.body, {
+    parent: e === document.body || t.body ? document.body : e,
+    background: n(t.background) || "",
+    svg: n(t.svg) || "",
+    svgViewBox: n(t.svgViewBox) || "",
+    spinner: n(t.spinner) || !1,
+    img: n(t.img) || !1,
+    icon: n(t.icon) || !1,
+    text: n(t.text) || "",
+    rotate: t.rotate ?? !0,
+    fullscreen: e === document.body && (t.fullscreen ?? !0),
+    lock: t.lock ?? !1,
+    customClass: n(t.customClass) || "",
+    visible: t.visible ?? !0,
+    target: e
+  };
+}, x = async (t, e, r) => {
+  const { nextZIndex: o } = r.vm.zIndex, i = {};
+  if (t.fullscreen)
+    r.originalPosition.value = a(document.body, "position"), r.originalOverflow.value = a(document.body, "overflow"), i.zIndex = o();
+  else if (t.parent === document.body) {
+    r.originalPosition.value = a(document.body, "position"), await f();
+    for (const l of ["top", "left"]) {
+      const s = l === "top" ? "scrollTop" : "scrollLeft";
+      i[l] = `${// @ts-ignore
+      t.target.getBoundingClientRect()[l] + document.body[s] + document.documentElement[s] - Number.parseInt(a(document.body, `margin-${l}`), 10)}px`;
+    }
+    for (const l of ["height", "width"])
+      i[l] = `${t.target.getBoundingClientRect()[l]}px`;
+  } else
+    r.originalPosition.value = a(e, "position");
+  for (const [l, s] of Object.entries(i))
+    r.$el.style[l] = s;
+}, m = (t, e, r) => {
+  const o = g("loading");
+  ["absolute", "fixed", "sticky"].includes(r.originalPosition.value) ? u(e, o.bm("parent", "relative")) : c(e, o.bm("parent", "relative")), t.fullscreen && t.lock ? c(e, o.bm("parent", "hidden")) : u(e, o.bm("parent", "hidden"));
+};
+export {
+  N as Loading
+};

package/es/components/logo/index.js

@@ -0,0 +1,10 @@
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import t from "./logo.vue2.js";
+const a = o(t);
+export {
+  a as VftLogo,
+  a as default
+};

package/es/components/logo/logo.vue.js

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

package/es/components/logo/logo.vue2.js

@@ -0,0 +1,46 @@
+import { defineComponent as c, computed as n, openBlock as u, createElementBlock as p, normalizeClass as l, unref as e, normalizeStyle as g, createElementVNode as s, toDisplayString as f } from "vue";
+import { useRouterHelper as d } from "@vft/router";
+import { useNamespace as h } 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";
+const k = ["src"], o = (
+  /* hoist-static*/
+  h("logo")
+), C = c({
+  name: o.b()
+}), N = /* @__PURE__ */ c({
+  ...C,
+  props: {
+    title: null,
+    logo: null,
+    jumpPath: null
+  },
+  setup(t) {
+    const i = n(() => [o.b()]), { go: r } = d();
+    function m() {
+      t.jumpPath && r(t.jumpPath);
+    }
+    const a = n(() => t.jumpPath ? {} : o.cssVarBlock({ cursor: "inital" }));
+    return (j, P) => (u(), p("div", {
+      class: l(e(i)),
+      onClick: m,
+      style: g(e(a))
+    }, [
+      s("img", {
+        class: l(e(o).e("img")),
+        src: t.logo,
+        alt: ""
+      }, null, 10, k),
+      s("div", {
+        class: l(["ml-2 truncate", e(o).e("title")])
+      }, f(t.title), 3)
+    ], 6));
+  }
+});
+export {
+  N as default
+};

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

@@ -0,0 +1,75 @@
+import { preProcessorConfig as g, getConfig as p } from "./utils.js";
+const b = (e) => {
+  const r = Object.keys(e), t = {
+    html: [],
+    js: [],
+    css: [],
+    isLegal: !1
+  };
+  return ["html", "js", "css"].forEach((s) => {
+    const c = r.filter((n) => g[s].types.includes(n));
+    if (c.length) {
+      const n = c[0];
+      t[s] = [e[n].replace(/^\n|\n$/g, ""), g[s].map[n] || n];
+    }
+  }), t.isLegal = (!t.html.length || t.html[1] === "none") && (!t.js.length || t.js[1] === "none") && (!t.css.length || t.css[1] === "none"), t;
+}, d = (e) => e.replace(/<br \/>/g, "<br>").replace(/<((\S+)[^<]*?)\s+\/>/g, "<$1></$2>"), f = (e) => `<div id="app">
+${d(e)}
+</div>`, L = (e) => `${e.replace("export default ", "const $reactApp = ").replace(/App\.__style__(\s*)=(\s*)`([\s\S]*)?`/, "")};
+ReactDOM.createRoot(document.getElementById("app")).render(React.createElement($reactApp))`, C = (e) => e.replace(/export\s+default\s*\{(\n*[\s\S]*)\n*\}\s*;?$/u, "Vue.createApp({$1}).mount('#app')").replace(/export\s+default\s*define(Async)?Component\s*\(\s*\{(\n*[\s\S]*)\n*\}\s*\)\s*;?$/u, "Vue.createApp({$1}).mount('#app')").trim(), h = (e) => `(function(exports){var module={};module.exports=exports;${e};return module.exports.__esModule?module.exports.default:module.exports;})({})`, _ = (e, r) => {
+  const t = p(r), s = e.js[0] || "";
+  return {
+    ...t,
+    html: d(e.html[0] || ""),
+    js: s,
+    css: e.css[0] || "",
+    isLegal: e.isLegal,
+    getScript: () => {
+      var c;
+      return t.useBabel ? ((c = window.Babel.transform(s, { presets: ["es2015"] })) == null ? void 0 : c.code) || "" : s;
+    }
+  };
+}, B = (e, r) => {
+  const t = p(r), s = e.html[0] || "", c = /<template>([\s\S]+)<\/template>/u.exec(s), n = /<script(\s*lang=(['"])(.*?)\2)?>([\s\S]+)<\/script>/u.exec(s), o = /<style(\s*lang=(['"])(.*?)\2)?\s*(?:scoped)?>([\s\S]+)<\/style>/u.exec(s), l = c ? c[1].replace(/^\n|\n$/g, "") : "", [a = "", j = ""] = n ? [n[4].replace(/^\n|\n$/g, ""), n[3]] : [], [$ = "", i = ""] = o ? [o[4].replace(/^\n|\n$/g, ""), o[3]] : [], w = j === "" && (i === "" || i === "css");
+  return {
+    ...t,
+    html: f(l),
+    js: C(a),
+    css: $,
+    isLegal: w,
+    jsLib: [t.vue, ...t.jsLib],
+    getScript: () => {
+      var m, u;
+      const x = r.useBabel ? ((u = (m = window.Babel) == null ? void 0 : m.transform(a, { presets: ["es2015"] })) == null ? void 0 : u.code) || "" : a.replace(/export\s+default/u, "return");
+      return `const app=window.document.createElement('div');document.firstElementChild.appendChild(app);const appOptions=${h(x)};appOptions.template=\`${l.replace(
+        "`",
+        '\\`"'
+      )}\`;window.Vue.createApp(appOptions).mount(app);`;
+    }
+  };
+}, A = (e, r) => {
+  const t = p(r);
+  return {
+    ...t,
+    html: f(""),
+    js: L(e.js[0] || ""),
+    css: e.css[0] || (e.js[0] ? e.js[0].replace(/App\.__style__(?:\s*)=(?:\s*)`([\s\S]*)?`/, "$1").trim() : ""),
+    isLegal: e.isLegal,
+    jsLib: [t.react, t.reactDOM, ...t.jsLib],
+    jsx: !0,
+    getScript: () => {
+      var c, n;
+      const s = ((n = (c = window.Babel) == null ? void 0 : c.transform(e.js[0] || "", {
+        presets: ["es2015", "react"]
+      })) == null ? void 0 : n.code) || "";
+      return `window.ReactDOM.createRoot(document.firstElementChild).render(window.React.createElement(${h(s)}))`;
+    }
+  };
+};
+export {
+  b as getCode,
+  _ as getNormalCode,
+  A as getReactCode,
+  B as getVueCode,
+  h as wrapper
+};

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

@@ -0,0 +1,10 @@
+import { getConfig as r, h as t, injectCSS as e, injectScript as c, loadScript as n, options as p, preProcessorConfig as S } from "./utils.js";
+export {
+  r as getConfig,
+  t as h,
+  e as injectCSS,
+  c as injectScript,
+  n as loadScript,
+  p as options,
+  S as preProcessorConfig
+};

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

@@ -0,0 +1,10 @@
+import { loadScript as e } from "./utils.js";
+const l = {}, t = (a) => Promise.all([e(l, a.babel), e(l, a.react), e(l, a.reactDOM)]), o = (a) => {
+  const s = [e(l, a.vue)];
+  return a.useBabel && s.push(e(l, a.babel)), Promise.all(s);
+}, b = (a) => a.useBabel ? e(l, a.babel) : Promise.resolve();
+export {
+  b as loadNormal,
+  t as loadReact,
+  o as loadVue
+};

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

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

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

@@ -0,0 +1,212 @@
+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 { 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, 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.js

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

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

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

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

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

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

@@ -0,0 +1,44 @@
+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.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 { 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.js

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

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

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