vft 0.0.71 → 0.0.72

package/es/component.js

@@ -1,8 +1,8 @@
 import { VftDivider as o } from "./components/divider/index.js";
 import { VftConfigProvider as t } from "./components/config-provider/index.js";
 import { VftIcon as r } from "./components/icon/index.js";
-import { VftAvatar as m } from "./components/avatar/index.js";
-import { VftEmpty as f } from "./components/empty/index.js";
+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";
@@ -22,51 +22,67 @@ import { VftClamp as g } from "./components/clamp/index.js";
 import { VftPageWrapper as I } from "./components/page-wrapper/index.js";
 import { VftClampToggle as D } from "./components/clamp-toggle/index.js";
 import { VftRouterViewContent as P } from "./components/router-view-content/index.js";
-import { VftIframeLayout as S } from "./components/iframe-layout/index.js";
-import { VftFooterLayout as y } from "./components/footer-layout/index.js";
-import { VftHeaderLayout as k } from "./components/header-layout/index.js";
-import { VftPagination as w } from "./components/pagination/index.js";
+import { VftIframeLayout as k } from "./components/iframe-layout/index.js";
+import { VftFooterLayout as S } from "./components/footer-layout/index.js";
+import { VftHeaderLayout as w } from "./components/header-layout/index.js";
+import { VftPagination as y } from "./components/pagination/index.js";
 import { VftTabs as x, VftTabPane as L } from "./components/tabs/index.js";
-import { VftForm as h, VftFormItem as v } from "./components/form/index.js";
-import { VftDescriptions as B, VftDescriptionsItem as R } from "./components/descriptions/index.js";
+import { VftForm as R, VftFormItem as h } 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 E, VftMenuItem as A, VftMenuItemGroup as H, VftSubMenu as O } from "./components/menu/index.js";
-import { VftException as Q } from "./components/exception/index.js";
-import { VftSearch as W } from "./components/search/index.js";
-import { VftButton as j, VftButtonGroup as q } from "./components/button/index.js";
-import { VftCheckboxGroup as z, VftCheckbox as J, VftCheckboxButton as K } from "./components/checkbox/index.js";
+import { VftMenu as H, VftMenuItem as A, VftMenuItemGroup as E, VftSubMenu as z } from "./components/menu/index.js";
+import { VftException as O } 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";
+import { VftCheckboxGroup as q, VftCheckbox as J, VftCheckboxButton as K } from "./components/checkbox/index.js";
 import { VftRadioButton as N, VftRadio as U, VftRadioGroup as X } from "./components/radio/index.js";
 import { VftSwitch as Y } from "./components/switch/index.js";
 import { VftColorPicker as Z } from "./components/color-picker/index.js";
 import { VftScrollbar as _ } from "./components/scrollbar/index.js";
 import { VftDropdownItem as $, VftDropdownMenu as oo, VftDropdown as to } from "./components/dropdown/index.js";
 import { VftSelectV2 as ro } from "./components/select-v2/index.js";
-import { VftVerifyCode as mo } from "./components/verify-code/index.js";
-import { VftTable as fo } from "./components/table/index.js";
+import { VftVerifyCode as fo } from "./components/verify-code/index.js";
+import { VftTable as mo } from "./components/table/index.js";
 import { VftImageViewer as io } from "./components/image-viewer/index.js";
 import { VftListCell as po } from "./components/list-cell/index.js";
 import { VftDialog as Vo } from "./components/dialog/index.js";
 import { VftDateTimeSelect as eo } from "./components/date-time-select/index.js";
-import { VftMdComment as ao } from "./components/md-comment/index.js";
-import { VftMdTabs as no } from "./components/md-tabs/index.js";
-import { VftMdVuePlayground as uo } from "./components/md-vue-playground/index.js";
-import { VftMdCodeDemo as lo } from "./components/md-code-demo/index.js";
-import { VftMdCodeTabs as co } from "./components/md-code-tabs/index.js";
-import { VftMdContainer as Co } from "./components/md-container/index.js";
-const Tt = [
-  Co,
+import { VftHorizontalMenu as ao } from "./components/horizontal-menu/index.js";
+import { VftCol as no } from "./components/col/index.js";
+import { VftRow as uo } from "./components/row/index.js";
+import { VftTimePicker as lo } from "./components/time-picker/index.js";
+import { VftDatePicker as co } from "./components/date-picker/index.js";
+import { VftAside as Co, VftContainer as so, VftFooter as Mo, VftHeader as To, VftMain as bo } from "./components/container/index.js";
+import { VftMdComment as go } from "./components/md-comment/index.js";
+import { VftMdTabs as Io } from "./components/md-tabs/index.js";
+import { VftMdVuePlayground as Do } from "./components/md-vue-playground/index.js";
+import { VftMdCodeDemo as Po } from "./components/md-code-demo/index.js";
+import { VftMdCodeTabs as ko } from "./components/md-code-tabs/index.js";
+import { VftMdContainer as So } from "./components/md-container/index.js";
+const Ft = [
+  So,
+  ko,
+  Po,
+  Do,
+  Io,
   co,
+  go,
+  Co,
+  so,
+  Mo,
+  To,
+  bo,
+  ao,
+  no,
   lo,
   uo,
-  no,
-  ao,
   Vo,
   eo,
   po,
   io,
-  fo,
   mo,
+  fo,
   ro,
   $,
   oo,
@@ -77,14 +93,14 @@ const Tt = [
   N,
   U,
   X,
-  z,
+  q,
   J,
   K,
+  W,
   j,
-  q,
+  R,
   h,
-  v,
-  W,
+  Q,
   I,
   g,
   D,
@@ -92,39 +108,39 @@ const Tt = [
   T,
   s,
   b,
-  w,
+  y,
   C,
   c,
   l,
   u,
   d,
+  v,
   B,
-  R,
   t,
   V,
   P,
-  S,
-  y,
   k,
+  S,
+  w,
   n,
   F,
-  E,
-  A,
   H,
-  O,
+  A,
+  E,
+  z,
   G,
   o,
   r,
-  m,
   f,
+  m,
   i,
   x,
   L,
   p,
   e,
   a,
-  Q
+  O
 ];
 export {
-  Tt as default
+  Ft as default
 };

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

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

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

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

package/es/components/back-top/back-top.vue2.js

@@ -19,6 +19,7 @@ import "../iframe-layout/index.js";
 import "../router-view-content/index.js";
 import "../logo/index.js";
 import "./index.js";
+import "../container/index.js";
 import "../config-provider/index.js";
 import "../descriptions/index.js";
 import "../full-screen/index.js";
@@ -56,6 +57,11 @@ import "../image-viewer/index.js";
 import "../list-cell/index.js";
 import "../dialog/index.js";
 import "../date-time-select/index.js";
+import "../col/index.js";
+import "../row/index.js";
+import "../horizontal-menu/index.js";
+import "../time-picker/index.js";
+import "../date-picker/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -75,7 +81,7 @@ const r = (
   _("back-top")
 ), N = c({
   name: r.b()
-}), Wt = /* @__PURE__ */ c({
+}), ro = /* @__PURE__ */ c({
   ...N,
   props: {
     visibilityHeight: { default: 200 },
@@ -118,5 +124,5 @@ const r = (
   }
 });
 export {
-  Wt as default
+  ro as default
 };

package/es/components/col/col.vue.js

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

package/es/components/col/col.vue2.js

@@ -0,0 +1,60 @@
+import { defineComponent as i, inject as h, computed as u, openBlock as $, createBlock as b, resolveDynamicComponent as g, normalizeClass as x, unref as c, normalizeStyle as y, withCtx as _, renderSlot as v } from "vue";
+import { isNumber as f, isObject as C } from "@vft/utils";
+import { useNamespace as j } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "../row/index.js";
+import { rowContextKey as E } from "../row/constants.js";
+const e = (
+  /* hoist-static*/
+  j("col")
+), k = i({
+  name: e.b()
+}), F = /* @__PURE__ */ i({
+  ...k,
+  props: {
+    tag: { default: "div" },
+    span: { default: 24 },
+    offset: { default: 0 },
+    pull: { default: 0 },
+    push: { default: 0 },
+    xs: null,
+    sm: null,
+    md: null,
+    lg: null,
+    xl: null
+  },
+  setup(a) {
+    const l = a, { gutter: n } = h(E, { gutter: u(() => 0) }), m = u(() => {
+      const s = {};
+      return n.value && (s.paddingLeft = s.paddingRight = `${n.value / 2}px`), s;
+    }), p = u(() => {
+      const s = [];
+      return ["span", "offset", "pull", "push"].forEach((t) => {
+        const o = l[t];
+        f(o) && (t === "span" ? s.push(e.b(`${l[t]}`)) : o > 0 && s.push(e.b(`${t}-${l[t]}`)));
+      }), ["xs", "sm", "md", "lg", "xl"].forEach((t) => {
+        f(l[t]) ? s.push(e.b(`${t}-${l[t]}`)) : C(l[t]) && Object.entries(l[t]).forEach(([o, r]) => {
+          s.push(
+            o !== "span" ? e.b(`${t}-${o}-${r}`) : e.b(`${t}-${r}`)
+          );
+        });
+      }), n.value && s.push(e.is("guttered")), [e.b(), s];
+    });
+    return (s, d) => ($(), b(g(a.tag), {
+      class: x(c(p)),
+      style: y(c(m))
+    }, {
+      default: _(() => [
+        v(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+});
+export {
+  F as default
+};

package/es/components/col/index.js

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./col.vue2.js";
+const s = t(o);
+export {
+  s as VftCol,
+  s as default
+};

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

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

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

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

package/es/components/col/types.js

@@ -0,0 +1 @@
+

package/es/components/color-picker/utils/color.js

@@ -1,44 +1,41 @@
-var C = Object.defineProperty;
-var k = (a, t, e) => t in a ? C(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
-var c = (a, t, e) => (k(a, typeof t != "symbol" ? t + "" : t, e), e);
-import { hasOwn as _ } from "@vft/utils";
-const g = function(a, t, e) {
+import { hasOwn as b } from "@vft/utils";
+const _ = function(a, t, e) {
   return [
     a,
     t * e / ((a = (2 - t) * e) < 1 ? a : 2 - a) || 0,
     a / 2
   ];
-}, A = function(a) {
+}, F = function(a) {
   return typeof a == "string" && a.includes(".") && Number.parseFloat(a) === 1;
-}, O = function(a) {
+}, C = function(a) {
   return typeof a == "string" && a.includes("%");
-}, u = function(a, t) {
-  A(a) && (a = "100%");
-  const e = O(a);
+}, l = function(a, t) {
+  F(a) && (a = "100%");
+  const e = C(a);
   return a = Math.min(t, Math.max(0, Number.parseFloat(`${a}`))), e && (a = Number.parseInt(`${a * t}`, 10) / 100), Math.abs(a - t) < 1e-6 ? 1 : a % t / Number.parseFloat(t);
-}, $ = {
+}, g = {
   10: "A",
   11: "B",
   12: "C",
   13: "D",
   14: "E",
   15: "F"
-}, m = (a) => {
+}, f = (a) => {
   a = Math.min(Math.round(a), 255);
   const t = Math.floor(a / 16), e = a % 16;
-  return `${$[t] || t}${$[e] || e}`;
-}, M = function({ r: a, g: t, b: e }) {
-  return Number.isNaN(+a) || Number.isNaN(+t) || Number.isNaN(+e) ? "" : `#${m(a)}${m(t)}${m(e)}`;
-}, b = {
+  return `${g[t] || t}${g[e] || e}`;
+}, $ = function({ r: a, g: t, b: e }) {
+  return Number.isNaN(+a) || Number.isNaN(+t) || Number.isNaN(+e) ? "" : `#${f(a)}${f(t)}${f(e)}`;
+}, p = {
   A: 10,
   B: 11,
   C: 12,
   D: 13,
   E: 14,
   F: 15
-}, l = function(a) {
-  return a.length === 2 ? (b[a[0].toUpperCase()] || +a[0]) * 16 + (b[a[1].toUpperCase()] || +a[1]) : b[a[1].toUpperCase()] || +a[1];
-}, I = function(a, t, e) {
+}, c = function(a) {
+  return a.length === 2 ? (p[a[0].toUpperCase()] || +a[0]) * 16 + (p[a[1].toUpperCase()] || +a[1]) : p[a[1].toUpperCase()] || +a[1];
+}, k = function(a, t, e) {
   t = t / 100, e = e / 100;
   let s = t;
   const n = Math.max(e, 0.01);
@@ -49,8 +46,8 @@ const g = function(a, t, e) {
     s: r * 100,
     v: h * 100
   };
-}, d = (a, t, e) => {
-  a = u(a, 255), t = u(t, 255), e = u(e, 255);
+}, M = (a, t, e) => {
+  a = l(a, 255), t = l(t, 255), e = l(e, 255);
   const s = Math.max(a, t, e), n = Math.min(a, t, e);
   let h;
   const r = s, i = s - n, o = s === 0 ? 0 : i / s;
@@ -74,33 +71,26 @@ const g = function(a, t, e) {
     h /= 6;
   }
   return { h: h * 360, s: o * 100, v: r * 100 };
-}, f = function(a, t, e) {
-  a = u(a, 360) * 6, t = u(t, 100), e = u(e, 100);
-  const s = Math.floor(a), n = a - s, h = e * (1 - t), r = e * (1 - n * t), i = e * (1 - (1 - n) * t), o = s % 6, p = [e, r, h, h, i, e][o], N = [i, e, e, r, h, h][o], F = [h, h, i, e, e, r][o];
+}, u = function(a, t, e) {
+  a = l(a, 360) * 6, t = l(t, 100), e = l(e, 100);
+  const s = Math.floor(a), n = a - s, h = e * (1 - t), r = e * (1 - n * t), i = e * (1 - (1 - n) * t), o = s % 6, m = [e, r, h, h, i, e][o], d = [i, e, e, r, h, h][o], N = [h, h, i, e, e, r][o];
   return {
-    r: Math.round(p * 255),
-    g: Math.round(N * 255),
-    b: Math.round(F * 255)
+    r: Math.round(m * 255),
+    g: Math.round(d * 255),
+    b: Math.round(N * 255)
   };
 };
-class P {
+class O {
   constructor(t = {}) {
-    c(this, "_hue", 0);
-    c(this, "_saturation", 100);
-    c(this, "_value", 100);
-    c(this, "_alpha", 100);
-    c(this, "enableAlpha", !1);
-    c(this, "format", "hex");
-    c(this, "value", "");
-    c(this, "selected");
+    this._hue = 0, this._saturation = 100, this._value = 100, this._alpha = 100, this.enableAlpha = !1, this.format = "hex", this.value = "";
     for (const e in t)
-      _(t, e) && (this[e] = t[e]);
+      b(t, e) && (this[e] = t[e]);
     t.value ? this.fromString(t.value) : this.doOnChange();
   }
   set(t, e) {
     if (arguments.length === 1 && typeof t == "object") {
       for (const s in t)
-        _(t, s) && this.set(s, t[s]);
+        b(t, s) && this.set(s, t[s]);
       return;
     }
     this[`_${t}`] = e, this.doOnChange();
@@ -109,7 +99,7 @@ class P {
     return t === "alpha" ? Math.floor(this[`_${t}`]) : this[`_${t}`];
   }
   toRgb() {
-    return f(this._hue, this._saturation, this._value);
+    return u(this._hue, this._saturation, this._value);
   }
   fromString(t) {
     if (!t) {
@@ -124,7 +114,7 @@ class P {
         (n, h) => h > 2 ? Number.parseFloat(n) : Number.parseInt(n, 10)
       );
       if (s.length === 4 ? this._alpha = Number.parseFloat(s[3]) * 100 : s.length === 3 && (this._alpha = 100), s.length >= 3) {
-        const { h: n, s: h, v: r } = I(s[0], s[1], s[2]);
+        const { h: n, s: h, v: r } = k(s[0], s[1], s[2]);
         e(n, h, r);
       }
     } else if (t.includes("hsv")) {
@@ -137,7 +127,7 @@ class P {
         (n, h) => h > 2 ? Number.parseFloat(n) : Number.parseInt(n, 10)
       );
       if (s.length === 4 ? this._alpha = Number.parseFloat(s[3]) * 100 : s.length === 3 && (this._alpha = 100), s.length >= 3) {
-        const { h: n, s: h, v: r } = d(s[0], s[1], s[2]);
+        const { h: n, s: h, v: r } = M(s[0], s[1], s[2]);
         e(n, h, r);
       }
     } else if (t.includes("#")) {
@@ -145,9 +135,9 @@ class P {
       if (!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(s))
         return;
       let n, h, r;
-      s.length === 3 ? (n = l(s[0] + s[0]), h = l(s[1] + s[1]), r = l(s[2] + s[2])) : (s.length === 6 || s.length === 8) && (n = l(s.slice(0, 2)), h = l(s.slice(2, 4)), r = l(s.slice(4, 6))), s.length === 8 ? this._alpha = l(s.slice(6)) / 255 * 100 : (s.length === 3 || s.length === 6) && (this._alpha = 100);
-      const { h: i, s: o, v: p } = d(n, h, r);
-      e(i, o, p);
+      s.length === 3 ? (n = c(s[0] + s[0]), h = c(s[1] + s[1]), r = c(s[2] + s[2])) : (s.length === 6 || s.length === 8) && (n = c(s.slice(0, 2)), h = c(s.slice(2, 4)), r = c(s.slice(4, 6))), s.length === 8 ? this._alpha = c(s.slice(6)) / 255 * 100 : (s.length === 3 || s.length === 6) && (this._alpha = 100);
+      const { h: i, s: o, v: m } = M(n, h, r);
+      e(i, o, m);
     }
   }
   compare(t) {
@@ -158,7 +148,7 @@ class P {
     if (this.enableAlpha)
       switch (h) {
         case "hsl": {
-          const r = g(t, e / 100, s / 100);
+          const r = _(t, e / 100, s / 100);
           this.value = `hsla(${t}, ${Math.round(
             r[1] * 100
           )}%, ${Math.round(r[2] * 100)}%, ${this.get("alpha") / 100})`;
@@ -171,20 +161,20 @@ class P {
           break;
         }
         case "hex": {
-          this.value = `${M(f(t, e, s))}${m(
+          this.value = `${$(u(t, e, s))}${f(
             n * 255 / 100
           )}`;
           break;
         }
         default: {
-          const { r, g: i, b: o } = f(t, e, s);
+          const { r, g: i, b: o } = u(t, e, s);
           this.value = `rgba(${r}, ${i}, ${o}, ${this.get("alpha") / 100})`;
         }
       }
     else
       switch (h) {
         case "hsl": {
-          const r = g(t, e / 100, s / 100);
+          const r = _(t, e / 100, s / 100);
           this.value = `hsl(${t}, ${Math.round(r[1] * 100)}%, ${Math.round(
             r[2] * 100
           )}%)`;
@@ -197,15 +187,15 @@ class P {
           break;
         }
         case "rgb": {
-          const { r, g: i, b: o } = f(t, e, s);
+          const { r, g: i, b: o } = u(t, e, s);
           this.value = `rgb(${r}, ${i}, ${o})`;
           break;
         }
         default:
-          this.value = M(f(t, e, s));
+          this.value = $(u(t, e, s));
       }
   }
 }
 export {
-  P as default
+  O as default
 };

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

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

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

@@ -0,0 +1,37 @@
+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 "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+const t = (
+  /* hoist-static*/
+  u("aside")
+), f = r({
+  name: t.b()
+}), C = /* @__PURE__ */ r({
+  ...f,
+  props: {
+    /**
+     * @description width of the side section
+     */
+    width: {
+      type: String,
+      default: 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))
+    }, [
+      d(i.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  C as default
+};

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

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

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

@@ -0,0 +1,33 @@
+import { defineComponent as a, useSlots as c, computed as m, openBlock as u, createElementBlock as f, normalizeClass as p, unref as t, renderSlot as d } from "vue";
+import { useNamespace as v } 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 o = (
+  /* hoist-static*/
+  v("container")
+), _ = a({
+  name: o.b()
+}), g = /* @__PURE__ */ a({
+  ..._,
+  props: {
+    direction: null
+  },
+  setup(r) {
+    const e = c(), l = m(() => r.direction === "vertical" ? !0 : r.direction === "horizontal" ? !1 : e && e.default ? e.default().some((s) => {
+      const i = s.type.name;
+      return i === "vft-header" || i === "vft-footer";
+    }) : !1);
+    return (n, s) => (u(), f("section", {
+      class: p([t(o).b(), t(o).is("vertical", t(l))])
+    }, [
+      d(n.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  g as default
+};

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

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

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

@@ -0,0 +1,39 @@
+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 "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+const t = (
+  /* hoist-static*/
+  u("footer")
+), h = r({
+  name: t.b()
+}), C = /* @__PURE__ */ r({
+  ...h,
+  props: {
+    /**
+     * @description height of the footer
+     */
+    height: {
+      type: String,
+      default: null
+    }
+  },
+  setup(s) {
+    const e = s, n = p(
+      () => e.height ? t.cssVarBlock({ height: e.height }) : {}
+    );
+    return (l, d) => (m(), i("footer", {
+      class: a(o(t).b()),
+      style: c(o(n))
+    }, [
+      f(l.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  C as default
+};

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

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