vft 0.0.81 → 0.0.84

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/button/button.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as C, computed as I, openBlock as l, createBlock as i, resolveDynamicComponent as v, mergeProps as y, unref as e, withCtx as A, createElementBlock as f, Fragment as N, renderSlot as k, normalizeClass as g, normalizeProps as P, createCommentVNode as B } from "vue";
-import { VftIcon as b } from "../icon/index.js";
+import { defineComponent as C, computed as I, openBlock as l, createBlock as i, resolveDynamicComponent as v, mergeProps as y, unref as e, withCtx as A, createElementBlock as f, Fragment as N, renderSlot as k, normalizeClass as b, normalizeProps as P, createCommentVNode as g } from "vue";
+import { VftIcon as B } from "../icon/index.js";
 import { useNamespace as T } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -39,12 +39,12 @@ const o = (
   },
   emits: ["click"],
   setup(t, { expose: h, emit: z }) {
-    const a = t, s = I(() => V(a.icon, "icon")), S = w(a), { _ref: r, _size: c, _type: u, _disabled: d, _props: x, shouldAddSpace: m, handleClick: $ } = j(a, z);
+    const a = t, s = I(() => V(a.icon, "icon")), S = w(a), { _ref: c, _size: r, _type: u, _disabled: d, _props: x, shouldAddSpace: m, handleClick: $ } = j(a, z);
     return h({
       /** @description button html element */
-      ref: r,
+      ref: c,
       /** @description button size */
-      size: c,
+      size: r,
       /** @description button type */
       type: u,
       /** @description button disabled */
@@ -53,12 +53,12 @@ const o = (
       shouldAddSpace: m
     }), (n, E) => (l(), i(v(t.tag), y({
       ref_key: "_ref",
-      ref: r
+      ref: c
     }, e(x), {
       class: [
         e(o).b(),
         e(o).m(e(u)),
-        e(o).m(e(c)),
+        e(o).m(e(r)),
         e(o).is("disabled", e(d)),
         e(o).is("loading", t.loading),
         e(o).is("plain", t.plain),
@@ -66,7 +66,8 @@ const o = (
         e(o).is("circle", t.circle),
         e(o).is("text", t.text),
         e(o).is("link", t.link),
-        e(o).is("has-bg", t.bg)
+        e(o).is("has-bg", t.bg),
+        e(o).is("block", t.block)
       ],
       style: e(S),
       onClick: e($)
@@ -75,19 +76,19 @@ const o = (
         var p;
         return [
           t.loading ? (l(), f(N, { key: 0 }, [
-            n.$slots.loading ? k(n.$slots, "loading", { key: 0 }) : (l(), i(e(b), {
+            n.$slots.loading ? k(n.$slots, "loading", { key: 0 }) : (l(), i(e(B), {
               key: 1,
               rotate: "",
-              class: g(e(o).is("loading")),
+              class: b(e(o).is("loading")),
               icon: "ico-ep:loading"
             }, null, 8, ["class"]))
-          ], 64)) : (p = e(s)) != null && p.icon ? (l(), i(e(b), P(y({ key: 1 }, e(s))), null, 16)) : B("", !0),
+          ], 64)) : (p = e(s)) != null && p.icon ? (l(), i(e(B), P(y({ key: 1 }, e(s))), null, 16)) : g("", !0),
           n.$slots.default ? (l(), f("span", {
             key: 2,
-            class: g({ [e(o).em("text", "expand")]: e(m) })
+            class: b({ [e(o).em("text", "expand")]: e(m) })
           }, [
             k(n.$slots, "default")
-          ], 2)) : B("", !0)
+          ], 2)) : g("", !0)
         ];
       }),
       _: 3

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

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

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/footer-layout/style/css.js

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

package/es/components/footer-layout/style/index.js

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

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/header-layout/style/css.js

@@ -1,3 +1,8 @@
 import "vft/theme-style/base.css";
 import "vft/theme-style/vft-logo.css";
+import "vft/theme-style/vft-container.css";
+import "vft/theme-style/vft-aside.css";
+import "vft/theme-style/vft-footer.css";
+import "vft/theme-style/vft-header.css";
+import "vft/theme-style/vft-main.css";
 import "vft/theme-style/vft-header-layout.css";

package/es/components/header-layout/style/index.js

@@ -1,3 +1,8 @@
 import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/container.scss";
+import "vft/theme-style/src/aside.scss";
+import "vft/theme-style/src/footer.scss";
+import "vft/theme-style/src/header.scss";
+import "vft/theme-style/src/main.scss";
 import "vft/theme-style/src/logo.scss";
 import "vft/theme-style/src/header-layout.scss";