vft 0.0.83 → 0.0.85

package/es/component.js

@@ -5,7 +5,7 @@ import { VftAvatar as f } from "./components/avatar/index.js";
 import { VftEmpty as m } from "./components/empty/index.js";
 import { VftResult as i } from "./components/result/index.js";
 import { VftTooltip as p } from "./components/tooltip/index.js";
-import { VftBackTop as V } from "./components/back-top/index.js";
+import { VftBacktop as V } from "./components/backtop/index.js";
 import { VftPopover as e } from "./components/popover/index.js";
 import { VftPopper as a } from "./components/popper/index.js";
 import { VftLogo as n } from "./components/logo/index.js";
@@ -14,8 +14,8 @@ import { VftImage as u } from "./components/image/index.js";
 import { VftFullScreen as c } from "./components/full-screen/index.js";
 import { VftInput as d } from "./components/input/index.js";
 import { VftLink as C } from "./components/link/index.js";
-import { VftTag as T } from "./components/tag/index.js";
-import { VftQrcode as s } from "./components/qrcode/index.js";
+import { VftTag as s } from "./components/tag/index.js";
+import { VftQrcode as T } from "./components/qrcode/index.js";
 import { VftOverlay as M } from "./components/overlay/index.js";
 import { VftSideMenu as S } from "./components/side-menu/index.js";
 import { VftClamp as g } from "./components/clamp/index.js";
@@ -31,7 +31,7 @@ import { VftForm as L, VftFormItem as R } from "./components/form/index.js";
 import { VftDescriptions as v, VftDescriptionsItem as B } from "./components/descriptions/index.js";
 import { VftMultipleTabs as F } from "./components/multiple-tabs/index.js";
 import { VftCollapseTransition as G } from "./components/collapse-transition/index.js";
-import { VftMenu as H, VftMenuItem as O, VftMenuItemGroup as A, VftSubMenu as E } from "./components/menu/index.js";
+import { VftMenu as A, VftMenuItem as H, VftMenuItemGroup as O, VftSubMenu as E } from "./components/menu/index.js";
 import { VftException as z } from "./components/exception/index.js";
 import { VftSearch as Q } from "./components/search/index.js";
 import { VftButton as W, VftButtonGroup as j } from "./components/button/index.js";
@@ -54,44 +54,46 @@ import { VftRow as lo } from "./components/row/index.js";
 import { VftTimePicker as uo } from "./components/time-picker/index.js";
 import { VftDatePicker as co } from "./components/date-picker/index.js";
 import { VftCheckTag as Co } from "./components/check-tag/index.js";
-import { VftTree as To } from "./components/tree/index.js";
-import { VftSpace as so } from "./components/space/index.js";
+import { VftTree as so } from "./components/tree/index.js";
+import { VftSpace as To } from "./components/space/index.js";
 import { VftCard as Mo } from "./components/card/index.js";
 import { VftPopconfirm as So } from "./components/popconfirm/index.js";
 import { VftTreeSelect as go } from "./components/tree-select/index.js";
-import { VftSkeleton as Io, VftSkeletonItem as bo } from "./components/skeleton/index.js";
-import { VftAside as ko, VftContainer as Po, VftFooter as Do, VftHeader as wo, VftMain as yo } from "./components/container/index.js";
-import { VftOption as ho, VftOptionGroup as xo, VftSelect as Lo } from "./components/select/index.js";
-import { VftMdComment as Ro } from "./components/md-comment/index.js";
-import { VftMdTabs as vo } from "./components/md-tabs/index.js";
-import { VftMdVuePlayground as Bo } from "./components/md-vue-playground/index.js";
-import { VftMdCodeDemo as Fo } from "./components/md-code-demo/index.js";
-import { VftMdCodeTabs as Go } from "./components/md-code-tabs/index.js";
+import { VftAlert as Io } from "./components/alert/index.js";
+import { VftSkeleton as bo, VftSkeletonItem as ko } from "./components/skeleton/index.js";
+import { VftAside as Po, VftContainer as Do, VftFooter as wo, VftHeader as yo, VftMain as ho } from "./components/container/index.js";
+import { VftOption as xo, VftOptionGroup as Lo, VftSelect as Ro } from "./components/select/index.js";
+import { VftMdComment as vo } from "./components/md-comment/index.js";
+import { VftMdTabs as Bo } from "./components/md-tabs/index.js";
+import { VftMdVuePlayground as Fo } from "./components/md-vue-playground/index.js";
+import { VftMdCodeDemo as Go } from "./components/md-code-demo/index.js";
+import { VftMdCodeTabs as Ao } from "./components/md-code-tabs/index.js";
 import { VftMdContainer as Ho } from "./components/md-container/index.js";
-const $t = [
+const tr = [
+  Io,
   go,
-  ho,
   xo,
   Lo,
+  Ro,
   So,
   Mo,
-  so,
-  Io,
-  bo,
   To,
+  bo,
+  ko,
+  so,
   Co,
   Ho,
+  Ao,
   Go,
   Fo,
   Bo,
-  vo,
   co,
-  Ro,
-  ko,
+  vo,
   Po,
   Do,
   wo,
   yo,
+  ho,
   ao,
   no,
   uo,
@@ -123,9 +125,9 @@ const $t = [
   I,
   g,
   b,
-  s,
-  M,
   T,
+  M,
+  s,
   S,
   y,
   C,
@@ -143,9 +145,9 @@ const $t = [
   w,
   n,
   F,
+  A,
   H,
   O,
-  A,
   E,
   G,
   o,
@@ -161,5 +163,5 @@ const $t = [
   z
 ];
 export {
-  $t as default
+  tr as default
 };

package/es/components/alert/index.js

@@ -7,6 +7,6 @@ import "../../utils/ns-cover.js";
 import o from "./alert.vue2.js";
 const s = t(o);
 export {
-  s as WflyAlert,
+  s as VftAlert,
   s as default
 };

package/es/components/backtop/backtop.vue.js

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

package/es/components/{back-top/back-top.vue2.js → backtop/backtop.vue2.js}

@@ -70,6 +70,7 @@ import "../skeleton/index.js";
 import "../space/index.js";
 import "../card/index.js";
 import "../popconfirm/index.js";
+import "../alert/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -83,13 +84,13 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import { useBackTop as I } from "./use-back-top.js";
+import { useBackTop as I } from "./use-backtop.js";
 const r = (
   /* hoist-static*/
-  _("back-top")
+  _("backtop")
 ), N = c({
   name: r.b()
-}), so = /* @__PURE__ */ c({
+}), co = /* @__PURE__ */ c({
   ...N,
   props: {
     visibilityHeight: { default: 200 },
@@ -132,5 +133,5 @@ const r = (
   }
 });
 export {
-  so as default
+  co as default
 };

package/es/components/{back-top → backtop}/index.js

@@ -4,9 +4,9 @@ import "@vft/utils";
 import "lodash";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import o from "./back-top.vue2.js";
+import o from "./backtop.vue2.js";
 const c = t(o);
 export {
-  c as VftBackTop,
+  c as VftBacktop,
   c as default
 };

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

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

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

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

package/es/components/container/footer.vue2.js

@@ -1,39 +1,33 @@
-import { defineComponent as r, computed as p, openBlock as m, createElementBlock as i, normalizeClass as a, unref as o, normalizeStyle as c, renderSlot as f } from "vue";
-import { useNamespace as u } from "../../hooks/use-namespace/index.js";
+import { defineComponent as r, computed as m, openBlock as l, createElementBlock as i, normalizeClass as a, unref as o, normalizeStyle as c, renderSlot as p } from "vue";
+import { useNamespace as f } 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 { addUnit as u } from "@vft/utils";
 import "../../utils/ns-cover.js";
-const t = (
+const e = (
   /* hoist-static*/
-  u("footer")
+  f("footer")
 ), h = r({
-  name: t.b()
-}), C = /* @__PURE__ */ r({
+  name: e.b()
+}), S = /* @__PURE__ */ r({
   ...h,
   props: {
-    /**
-     * @description height of the footer
-     */
-    height: {
-      type: String,
-      default: null
-    }
+    height: null
   },
-  setup(s) {
-    const e = s, n = p(
-      () => e.height ? t.cssVarBlock({ height: e.height }) : {}
+  setup(t) {
+    const n = m(
+      () => t.height ? e.cssVarBlock({ height: u(t.height) }) : {}
     );
-    return (l, d) => (m(), i("footer", {
-      class: a(o(t).b()),
+    return (s, d) => (l(), i("footer", {
+      class: a(o(e).b()),
       style: c(o(n))
     }, [
-      f(l.$slots, "default")
+      p(s.$slots, "default")
     ], 6));
   }
 });
 export {
-  C as default
+  S as default
 };

package/es/components/container/header.vue2.js

@@ -1,39 +1,33 @@
-import { defineComponent as r, computed as p, openBlock as a, createElementBlock as m, normalizeClass as i, unref as o, normalizeStyle as c, renderSlot as u } from "vue";
+import { defineComponent as r, computed as m, openBlock as a, createElementBlock as l, normalizeClass as i, unref as o, normalizeStyle as c, renderSlot as p } from "vue";
 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 { addUnit as u } from "@vft/utils";
 import "../../utils/ns-cover.js";
 const e = (
   /* hoist-static*/
   h("header")
 ), d = r({
   name: e.b()
-}), C = /* @__PURE__ */ r({
+}), S = /* @__PURE__ */ r({
   ...d,
   props: {
-    /**
-     * @description height of the header
-     */
-    height: {
-      type: String,
-      default: null
-    }
+    height: null
   },
-  setup(s) {
-    const t = s, n = p(() => t.height ? e.cssVarBlock({
-      height: t.height
+  setup(t) {
+    const n = m(() => t.height ? e.cssVarBlock({
+      height: u(t.height)
     }) : {});
-    return (l, f) => (a(), m("header", {
+    return (s, f) => (a(), l("header", {
       class: i(o(e).b()),
       style: c(o(n))
     }, [
-      u(l.$slots, "default")
+      p(s.$slots, "default")
     ], 6));
   }
 });
 export {
-  C as default
+  S as default
 };

package/es/components/context-menu/context-menu.vue2.js

@@ -24,7 +24,7 @@ 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 "../backtop/index.js";
 import "../container/index.js";
 import "../config-provider/index.js";
 import "../descriptions/index.js";
@@ -76,6 +76,7 @@ import "../skeleton/index.js";
 import "../space/index.js";
 import "../card/index.js";
 import "../popconfirm/index.js";
+import "../alert/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -88,7 +89,7 @@ const N = { class: "vft-sub-menu" }, x = (
   F("context-menu")
 ), R = f({
   name: x.b()
-}), xo = /* @__PURE__ */ f({
+}), vo = /* @__PURE__ */ f({
   ...R,
   props: {
     axis: null,
@@ -162,5 +163,5 @@ const N = { class: "vft-sub-menu" }, x = (
   }
 });
 export {
-  xo as default
+  vo as default
 };

package/es/components/footer-layout/footer-layout.vue2.js

@@ -24,7 +24,7 @@ import "./index.js";
 import "../iframe-layout/index.js";
 import "../router-view-content/index.js";
 import "../logo/index.js";
-import "../back-top/index.js";
+import "../backtop/index.js";
 import { VftFooter as C } from "../container/index.js";
 import "../config-provider/index.js";
 import "../descriptions/index.js";
@@ -76,6 +76,7 @@ import "../skeleton/index.js";
 import "../space/index.js";
 import "../card/index.js";
 import "../popconfirm/index.js";
+import "../alert/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -88,7 +89,7 @@ const o = (
   h("footer-layout")
 ), _ = s({
   name: o.b()
-}), Wt = /* @__PURE__ */ s({
+}), Xt = /* @__PURE__ */ s({
   ..._,
   props: {
     leftDistance: null
@@ -124,5 +125,5 @@ const o = (
   }
 });
 export {
-  Wt as default
+  Xt as default
 };

package/es/components/header-layout/header-layout.vue2.js

@@ -24,7 +24,7 @@ import "./index.js";
 import "../footer-layout/index.js";
 import "../iframe-layout/index.js";
 import "../router-view-content/index.js";
-import "../back-top/index.js";
+import "../backtop/index.js";
 import { VftHeader as V, VftContainer as _, VftMain as k, VftFooter as $ } from "../container/index.js";
 import "../config-provider/index.js";
 import "../descriptions/index.js";
@@ -76,6 +76,7 @@ import "../skeleton/index.js";
 import "../space/index.js";
 import "../card/index.js";
 import "../popconfirm/index.js";
+import "../alert/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -94,7 +95,7 @@ const y = { class: "content" }, b = {
   h("header-layout")
 ), v = c({
   name: p.b()
-}), mo = /* @__PURE__ */ c({
+}), po = /* @__PURE__ */ c({
   ...v,
   props: {
     logoCfg: null
@@ -140,5 +141,5 @@ const y = { class: "content" }, b = {
   }
 });
 export {
-  mo as default
+  po as default
 };

package/es/components/horizontal-menu/horizontal-menu.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, computed as k, getCurrentInstance as Q, useSlots as W, ref as X, createVNode as v, mergeProps as A } from "vue";
+import { defineComponent as L, computed as w, getCurrentInstance as Q, useSlots as W, ref as X, createVNode as v, mergeProps as J } from "vue";
 import { VftMenu as Y, VftSubMenu as Z, VftMenuItem as m } from "../menu/index.js";
 import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
@@ -42,36 +42,36 @@ const y = (
     defaultOpeneds: null
   },
   emits: ["open", "close"],
-  setup(t, {
+  setup(o, {
     expose: z,
-    emit: w
+    emit: k
   }) {
-    const D = k(() => (e, o) => {
+    const D = w(() => (e, t) => {
       var a, d, r, n;
       return {
-        "grid-template-rows": `repeat(${Math.min(((d = (a = e == null ? void 0 : e[o]) == null ? void 0 : a[l.value.children]) == null ? void 0 : d.length) || 0, Number(t.maxRowLength ? t.maxRowLength : (n = (r = e == null ? void 0 : e[o]) == null ? void 0 : r[l.value.children]) == null ? void 0 : n.length))}, auto)`
+        "grid-template-rows": `repeat(${Math.min(((d = (a = e == null ? void 0 : e[t]) == null ? void 0 : a[l.value.children]) == null ? void 0 : d.length) || 0, Number(o.maxRowLength ? o.maxRowLength : (n = (r = e == null ? void 0 : e[t]) == null ? void 0 : r[l.value.children]) == null ? void 0 : n.length))}, auto)`
       };
-    }), l = k(() => ({
+    }), l = w(() => ({
       path: "path",
       children: "children",
       title: "title",
       index: "path",
       icon: "icon",
       disabled: "disabled",
-      ...t.attrMapping
+      ...o.attrMapping
     })), P = Q(), p = W(), I = X(), x = P.appContext.config.globalProperties.$router, {
       go: E
     } = B(x), $ = (e) => {
-      const o = l.value.path;
-      E(e[o]);
-    }, T = (e, o, a) => {
-      const d = e[l.value.path], r = e[l.value.title], n = e == null ? void 0 : e[l.value.index], b = e == null ? void 0 : e[l.value.icon], f = !!(e != null && e[l.value.disabled]), s = t.disabledJudgeTurnOver ? !f : f, i = n || d || o + r;
-      return v(m, A(e, {
+      const t = l.value.path;
+      E(e[t]);
+    }, T = (e, t, a) => {
+      const d = e[l.value.path], r = e[l.value.title], n = e == null ? void 0 : e[l.value.index], b = e == null ? void 0 : e[l.value.icon], f = !!(e != null && e[l.value.disabled]), s = o.disabledJudgeTurnOver ? !f : f, i = n || d || t + r;
+      return v(m, J(e, {
         key: i,
         index: i,
         icon: b,
         title: r,
-        disabled: t.openDisabled && s,
+        disabled: o.openDisabled && s,
         className: a ? "vft-menu-popup-item" : "vft-menu-no-popup-item",
         onClick: () => $(e)
       }), {
@@ -88,14 +88,14 @@ const y = (
         } : null
       });
     }, j = () => {
-      w("open");
+      k("open");
     }, H = () => {
-      w("close");
-    }, S = (e, o, a) => {
+      k("close");
+    }, S = (e, t, a) => {
       var N;
-      const d = e[l.value.path], r = e[l.value.title], n = e == null ? void 0 : e[l.value.children], b = e == null ? void 0 : e[l.value.index], f = e == null ? void 0 : e[l.value.icon], s = e == null ? void 0 : e.menuOrder, i = !!(e != null && e[l.value.disabled]), g = t.disabledJudgeTurnOver ? !i : i, R = b || d || o + r, O = e.type === ne.TILE;
-      let C = [];
-      if (O)
+      const d = e[l.value.path], r = e[l.value.title], n = e == null ? void 0 : e[l.value.children], b = e == null ? void 0 : e[l.value.index], f = e == null ? void 0 : e[l.value.icon], s = e == null ? void 0 : e.menuOrder, i = !!(e != null && e[l.value.disabled]), g = o.disabledJudgeTurnOver ? !i : i, R = b || d || t + r, C = e.type === ne.TILE;
+      let O = [];
+      if (C)
         if (s) {
           const u = s.flat();
           if ((u == null ? void 0 : u.length) < n.length) {
@@ -103,35 +103,35 @@ const y = (
             for (let c = M + 1; c < n.length; c++)
               s.push([c]);
           }
-          C = s;
+          O = s;
         } else
           for (let u = 0; u < n.length; u++)
-            C.push([u]);
-      return n != null && n.length || e != null && e.render ? v(Z, A(t.subMenuCfg, e, {
+            O.push([u]);
+      return n != null && n.length || e != null && e.render ? v(Z, J(o.subMenuCfg, e, {
         index: R,
         key: R,
         icon: f,
-        showArrow: e.showArrow ?? !0,
-        disabled: t.openDisabled && g,
+        showArrow: e.showArrow ?? o.subMenuCfg.showArrow,
+        disabled: o.openDisabled && g,
         toolTipCfg: {
-          ...t.subMenuCfg.toolTipCfg || {},
+          ...o.subMenuCfg.toolTipCfg || {},
           ...((N = e.subMenuCfg) == null ? void 0 : N.toolTipCfg) || {}
         },
         teleported: !1,
-        "popper-class": [O ? y.e("tile") : "", y.e("normal")]
+        "popper-class": [C ? y.e("tile") : "", y.e("normal")]
       }), {
-        default: () => [e != null && e.render ? e == null ? void 0 : e.render : O ? C.map((u, M) => v("div", {
+        default: () => [e != null && e.render ? e == null ? void 0 : e.render : C ? O.map((u, M) => v("div", {
           class: "content-main",
           key: M
         }, [u.map((c, F) => {
-          var V, J;
+          var V, A;
           const h = (V = n == null ? void 0 : n[c]) == null ? void 0 : V[l.value.children];
           return n != null && n.length ? v("div", {
             class: "content-col",
             key: F
           }, [v("span", {
             class: h != null && h.length ? "title" : ""
-          }, [(J = n == null ? void 0 : n[c]) == null ? void 0 : J[l.value.title]]), h != null && h.length ? v("div", {
+          }, [(A = n == null ? void 0 : n[c]) == null ? void 0 : A[l.value.title]]), h != null && h.length ? v("div", {
             class: "content",
             style: D.value(n, c)
           }, [h.map((G, K) => T(G, K, !0))]) : null]) : null;
@@ -140,17 +140,17 @@ const y = (
           return (c = u[l.value.children]) != null && c.length ? S(u, M, !0) : T(u, M, !0);
         })],
         title: () => r
-      }) : T(e, o, a);
+      }) : T(e, t, a);
     };
     async function U(e) {
-      var o, a, d;
-      if (t.useRouterJump) {
+      var t, a, d;
+      if (o.useRouterJump) {
         const {
           go: r
         } = B(x), n = e.route;
         let b = e.route;
         e.indexPath.some((s) => ee(s)) && (b = e.indexPath.slice(-2).join("/"));
-        const f = (d = (a = (o = x.getRoutes().filter((s) => s.path === b)) == null ? void 0 : o[0]) == null ? void 0 : a.meta) == null ? void 0 : d.linkTarget;
+        const f = (d = (a = (t = x.getRoutes().filter((s) => s.path === b)) == null ? void 0 : t[0]) == null ? void 0 : a.meta) == null ? void 0 : d.linkTarget;
         r(f ? {
           url: n,
           winOpenOpt: {
@@ -159,7 +159,7 @@ const y = (
         } : n);
       }
     }
-    const q = k(() => {
+    const q = w(() => {
       var e;
       return (e = I.value) == null ? void 0 : e.inSubMenu;
     });
@@ -172,12 +172,12 @@ const y = (
       onClose: H,
       mode: "horizontal",
       class: y.b(),
-      defaultActive: t.defaultActive,
-      defaultOpeneds: t.defaultOpeneds
+      defaultActive: o.defaultActive,
+      defaultOpeneds: o.defaultOpeneds
     }, {
       default: () => {
         var e;
-        return [(e = t.menus) != null && e.length ? t.menus.map((o, a) => S(o, a, !1)) : null];
+        return [(e = o.menus) != null && e.length ? o.menus.map((t, a) => S(t, a, !1)) : null];
       }
     });
   }