vft 0.0.362 → 0.0.363

package/es/components/loading/service.js

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

package/es/components/loading/style/css.js

@@ -1,2 +1 @@
-import "vft/theme-style/base.css";
-import "vft/theme-style/vft-loading.css";
+

package/es/components/loading/style/index.js

@@ -1,2 +1 @@
-import "vft/theme-style/src/base.scss";
-import "vft/theme-style/src/loading.scss";
+

package/es/components/logo/index.js

@@ -1,12 +1,7 @@
-import "@vueuse/core";
-import "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "vue";
-import { withInstall as o } from "../../utils/vue/install.js";
-import "lodash-es";
-import t from "./logo.vue2.js";
-const l = o(t);
+import _sfc_main from "./logo.vue2.js";
+import { withInstall } from "../../utils/vue/install.js";
+const VftLogo = withInstall(_sfc_main);
 export {
-  l as VftLogo,
-  l as default
+  VftLogo,
+  VftLogo as default
 };

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

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

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

@@ -1,46 +1,49 @@
-import { defineComponent as i, computed as r, getCurrentInstance as g, createElementBlock as f, openBlock as d, normalizeStyle as C, normalizeClass as e, createElementVNode as s, unref as l, toDisplayString as h } from "vue";
-import { useRouterHelper as k } from "@vft/router";
-import "@vueuse/core";
-import "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import { useNamespace as v } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-const P = ["src"], _ = i({
+import { defineComponent, computed, getCurrentInstance, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, unref, toDisplayString } from "vue";
+import { useRouterHelper } from "@vft/router";
+import { useNamespace } from "../../hooks/use-namespace/index.js";
+const _hoisted_1 = ["src"];
+const __default__ = defineComponent({
   name: "vft-logo"
-}), H = /* @__PURE__ */ i({
-  ..._,
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   props: {
     title: {},
     logo: {},
     jumpPath: {}
   },
-  setup(o) {
-    const t = v("logo"), a = r(() => [t.b()]), c = g().appContext.config.globalProperties.$router, { go: m } = k(c);
-    function p() {
-      o.jumpPath && m(o.jumpPath);
+  setup(__props) {
+    const ns = useNamespace("logo");
+    const getLogoClass = computed(() => [ns.b()]);
+    const instance = getCurrentInstance();
+    const _router = instance.appContext.config.globalProperties.$router;
+    const { go } = useRouterHelper(_router);
+    function onClickLogo() {
+      if (__props.jumpPath) {
+        go(__props.jumpPath);
+      }
     }
-    const u = r(
-      () => o.jumpPath ? {} : t.cssVarBlock({ cursor: "inital" })
+    const logoVars = computed(
+      () => __props.jumpPath ? {} : ns.cssVarBlock({ cursor: "inital" })
     );
-    return (n, y) => (d(), f("div", {
-      class: e(a.value),
-      onClick: p,
-      style: C(u.value)
-    }, [
-      s("img", {
-        class: e(l(t).e("img")),
-        src: n.logo,
-        alt: ""
-      }, null, 10, P),
-      s("div", {
-        class: e(l(t).e("title"))
-      }, h(n.title), 3)
-    ], 6));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(getLogoClass.value),
+        onClick: onClickLogo,
+        style: normalizeStyle(logoVars.value)
+      }, [
+        createElementVNode("img", {
+          class: normalizeClass(unref(ns).e("img")),
+          src: _ctx.logo,
+          alt: ""
+        }, null, 10, _hoisted_1),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("title"))
+        }, toDisplayString(_ctx.title), 3)
+      ], 6);
+    };
   }
 });
 export {
-  H as default
+  _sfc_main as default
 };

package/es/components/logo/style/css.js

@@ -1,2 +1 @@
-import "vft/theme-style/base.css";
-import "vft/theme-style/vft-logo.css";
+

package/es/components/logo/style/index.js

@@ -1,2 +1 @@
-import "vft/theme-style/src/base.scss";
-import "vft/theme-style/src/logo.scss";
+

package/es/components/main/style/css.js

@@ -1,2 +1 @@
-import "vft/theme-style/base.css";
-import "vft/theme-style/vft-main.css";
+

package/es/components/main/style/index.js

@@ -1,2 +1 @@
-import "vft/theme-style/src/base.scss";
-import "vft/theme-style/src/main.scss";
+

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

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

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

@@ -1,10 +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";
+import { getConfig, h, injectCSS, injectScript, loadScript, options, preProcessorConfig } 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
+  getConfig,
+  h,
+  injectCSS,
+  injectScript,
+  loadScript,
+  options,
+  preProcessorConfig
 };

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

@@ -1,14 +1,18 @@
-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();
+import { loadScript } from "./utils.js";
+const state = {};
+const loadReact = (code) => Promise.all([
+  loadScript(state, code.babel),
+  loadScript(state, code.react),
+  loadScript(state, code.reactDOM)
+]);
+const loadVue = (code) => {
+  const promises = [loadScript(state, code.vue)];
+  if (code.useBabel) promises.push(loadScript(state, code.babel));
+  return Promise.all(promises);
+};
+const loadNormal = (code) => code.useBabel ? loadScript(state, code.babel) : Promise.resolve();
 export {
-  b as loadNormal,
-  t as loadReact,
-  o as loadVue
+  loadNormal,
+  loadReact,
+  loadVue
 };