vft 0.0.363 → 0.0.364

package/es/components/loading/service.js

@@ -1,104 +1,70 @@
-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,
+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,
     closed: () => {
-      resolved.closed?.();
-      if (resolved.fullscreen) fullscreenInstance = void 0;
+      e.closed?.(), e.fullscreen && (d = void 0);
     }
   });
-  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(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
   };
-};
-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}`),
+}, 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}`),
         10
       )}px`;
     }
-    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"));
-  }
+    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"));
 };
 export {
-  Loading
+  P as Loading
 };

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

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

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

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

package/es/components/logo/index.js

@@ -1,7 +1,12 @@
-import _sfc_main from "./logo.vue2.js";
-import { withInstall } from "../../utils/vue/install.js";
-const VftLogo = withInstall(_sfc_main);
+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);
 export {
-  VftLogo,
-  VftLogo as default
+  l as VftLogo,
+  l as default
 };

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

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

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

@@ -1,49 +1,46 @@
-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({
+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({
   name: "vft-logo"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), H = /* @__PURE__ */ i({
+  ..._,
   props: {
     title: {},
     logo: {},
     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);
-      }
+  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);
     }
-    const logoVars = computed(
-      () => __props.jumpPath ? {} : ns.cssVarBlock({ cursor: "inital" })
+    const u = r(
+      () => o.jumpPath ? {} : t.cssVarBlock({ cursor: "inital" })
     );
-    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);
-    };
+    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));
   }
 });
 export {
-  _sfc_main as default
+  H as default
 };

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

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

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

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

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

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

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

@@ -1 +1,2 @@
-
+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,112 +1,92 @@
-import { preProcessorConfig, getConfig } from "./utils.js";
-const getCode = (code) => {
-  const languages = Object.keys(code);
-  const result = {
+import { preProcessorConfig as m, getConfig as p } from "./utils.js";
+const C = (e) => {
+  const c = Object.keys(e), t = {
     html: [],
     js: [],
     css: [],
-    isLegal: false
+    isLegal: !1
   };
-  ["html", "js", "css"].forEach((type) => {
-    const match = languages.filter(
-      (language) => preProcessorConfig[type].types.includes(language)
+  return ["html", "js", "css"].forEach((s) => {
+    const r = c.filter(
+      (n) => m[s].types.includes(n)
     );
-    if (match.length) {
-      const language = match[0];
-      result[type] = [
-        code[language].replace(/^\n|\n$/g, ""),
-        preProcessorConfig[type].map[language] || language
+    if (r.length) {
+      const n = r[0];
+      t[s] = [
+        e[n].replace(/^\n|\n$/g, ""),
+        m[s].map[n] || n
       ];
     }
-  });
-  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(
+  }), 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(
   /App\.__style__(\s*)=(\s*)`([\s\S]*)?`/,
   ""
 )};
-ReactDOM.createRoot(document.getElementById("app")).render(React.createElement($reactApp))`;
-const getVueJsTemplate = (js) => js.replace(
+ReactDOM.createRoot(document.getElementById("app")).render(React.createElement($reactApp))`, x = (e) => e.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();
-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] || "";
+).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] || "";
   return {
-    ...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
+    ...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
   };
-};
-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");
+}, 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");
   return {
-    ...codeConfig,
-    html: getHtmlTemplate(html),
-    js: getVueJsTemplate(js),
-    css,
-    isLegal,
-    jsLib: [codeConfig.vue, ...codeConfig.jsLib],
+    ...t,
+    html: g(l),
+    js: x(a),
+    css: h,
+    isLegal: j,
+    jsLib: [t.vue, ...t.jsLib],
     getScript: () => {
-      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(
+      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(
         "`",
         '\\`"'
       )}\`;window.Vue.createApp(appOptions).mount(app);`;
     }
   };
-};
-const getReactCode = (code, config) => {
-  const codeConfig = getConfig(config);
+}, _ = (e, c) => {
+  const t = p(c);
   return {
-    ...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,
+    ...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,
     getScript: () => {
-      const scriptStr = window.Babel?.transform(code.js[0] || "", {
+      const s = window.Babel?.transform(e.js[0] || "", {
         presets: ["es2015", "react"]
       })?.code || "";
-      return `window.ReactDOM.createRoot(document.firstElementChild).render(window.React.createElement(${wrapper(
-        scriptStr
+      return `window.ReactDOM.createRoot(document.firstElementChild).render(window.React.createElement(${d(
+        s
       )}))`;
     }
   };
 };
 export {
-  getCode,
-  getNormalCode,
-  getReactCode,
-  getVueCode,
-  wrapper
+  C as getCode,
+  S as getNormalCode,
+  _ as getReactCode,
+  b as getVueCode,
+  d as wrapper
 };

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

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

@@ -1,18 +1,14 @@
-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();
+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 {
-  loadNormal,
-  loadReact,
-  loadVue
+  b as loadNormal,
+  t as loadReact,
+  o as loadVue
 };