vft 0.0.70 → 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/alert/alert.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as C, useSlots as w, ref as g, computed as a, openBlock as s, createBlock as r, Transition as I, unref as e, withCtx as N, withDirectives as S, createElementVNode as k, normalizeClass as n, createCommentVNode as i, createElementBlock as c, renderSlot as b, createTextVNode as p, toDisplayString as u, Fragment as V, vShow as $ } from "vue";
-import { VftIcon as v } from "../icon/index.js";
+import { defineComponent as h, useSlots as w, ref as g, computed as a, openBlock as s, createBlock as r, Transition as I, unref as e, withCtx as N, withDirectives as S, createElementVNode as k, normalizeClass as n, createCommentVNode as c, createElementBlock as i, renderSlot as b, createTextVNode as v, toDisplayString as u, Fragment as V, vShow as $ } from "vue";
+import { VftIcon as C } from "../icon/index.js";
 import { useNamespace as E } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -7,14 +7,12 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 const o = (
   /* hoist-static*/
   E("alert")
-), x = C({
+), x = h({
   name: o.b()
-}), O = /* @__PURE__ */ C({
+}), K = /* @__PURE__ */ h({
   ...x,
   props: {
     title: { default: "" },
@@ -29,12 +27,12 @@ const o = (
   emits: {
     close: (t) => t instanceof MouseEvent
   },
-  setup(t, { emit: h }) {
-    const d = w(), m = g(!0), f = a(() => t.type), B = a(() => [
+  setup(t, { emit: p }) {
+    const d = w(), f = g(!0), m = a(() => t.type), B = a(() => [
       o.e("icon"),
       { [o.is("big")]: !!t.description || !!d.default }
     ]), T = a(() => ({ [o.is("bold")]: t.description || d.default })), y = (l) => {
-      m.value = !1, h("close", l);
+      f.value = !1, p("close", l);
     };
     return (l, D) => (s(), r(I, {
       name: e(o).b("fade")
@@ -44,45 +42,45 @@ const o = (
           class: n([e(o).b(), e(o).m(t.type), e(o).is("center", t.center), e(o).is(t.effect)]),
           role: "alert"
         }, [
-          t.showIcon && e(f) ? (s(), r(e(v), {
+          t.showIcon && e(m) ? (s(), r(e(C), {
             key: 0,
             class: n(e(B)),
-            icon: e(f)
-          }, null, 8, ["class", "icon"])) : i("", !0),
+            icon: e(m)
+          }, null, 8, ["class", "icon"])) : c("", !0),
           k("div", {
             class: n(e(o).e("content"))
           }, [
-            t.title || l.$slots.title ? (s(), c("span", {
+            t.title || l.$slots.title ? (s(), i("span", {
               key: 0,
               class: n([e(o).e("title"), e(T)])
             }, [
               b(l.$slots, "title", {}, () => [
-                p(u(t.title), 1)
+                v(u(t.title), 1)
               ])
-            ], 2)) : i("", !0),
-            l.$slots.default || t.description ? (s(), c("p", {
+            ], 2)) : c("", !0),
+            l.$slots.default || t.description ? (s(), i("p", {
               key: 1,
               class: n(e(o).e("description"))
             }, [
               b(l.$slots, "default", {}, () => [
-                p(u(t.description), 1)
+                v(u(t.description), 1)
               ])
-            ], 2)) : i("", !0),
-            t.closable ? (s(), c(V, { key: 2 }, [
-              t.closeText ? (s(), c("div", {
+            ], 2)) : c("", !0),
+            t.closable ? (s(), i(V, { key: 2 }, [
+              t.closeText ? (s(), i("div", {
                 key: 0,
                 class: n([e(o).e("close-btn"), e(o).is("customed")]),
                 onClick: y
-              }, u(t.closeText), 3)) : (s(), r(e(v), {
+              }, u(t.closeText), 3)) : (s(), r(e(C), {
                 key: 1,
                 class: n(e(o).e("close-btn")),
                 onClick: y,
                 icon: l.CloseIcon
               }, null, 8, ["class", "icon"]))
-            ], 64)) : i("", !0)
+            ], 64)) : c("", !0)
           ], 2)
         ], 2), [
-          [$, m.value]
+          [$, f.value]
         ])
       ]),
       _: 3
@@ -90,5 +88,5 @@ const o = (
   }
 });
 export {
-  O as default
+  K 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/avatar/avatar.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as z, ref as h, computed as o, watch as v, openBlock as s, createElementBlock as k, normalizeClass as y, unref as r, normalizeStyle as g, createBlock as c, normalizeProps as B, mergeProps as E, renderSlot as S } from "vue";
+import { defineComponent as z, ref as h, computed as s, watch as v, openBlock as n, createElementBlock as k, normalizeClass as y, unref as r, normalizeStyle as g, createBlock as c, normalizeProps as B, mergeProps as E, renderSlot as S } from "vue";
 import { isString as b, isNumber as C, addUnit as V, singleAttrToObj as I } from "@vft/utils";
 import { VftIcon as L } from "../icon/index.js";
 import { VftImage as N } from "../image/index.js";
@@ -8,9 +8,7 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
-const H = /* @__PURE__ */ z({
+const G = /* @__PURE__ */ z({
   __name: "avatar",
   props: {
     size: { default: "" },
@@ -22,36 +20,36 @@ const H = /* @__PURE__ */ z({
   },
   emits: ["error"],
   setup(e, { emit: m }) {
-    const i = P("avatar"), a = h(!1), u = o(() => {
-      const t = [i.b()];
-      return b(e.size) && t.push(i.m(e.size)), !e.src && e.icon && t.push(i.m("icon")), e.shape && t.push(i.m(e.shape)), t;
-    }), f = o(() => C(e.size) ? i.cssVarBlock({
+    const a = P("avatar"), i = h(!1), u = s(() => {
+      const t = [a.b()];
+      return b(e.size) && t.push(a.m(e.size)), !e.src && e.icon && t.push(a.m("icon")), e.shape && t.push(a.m(e.shape)), t;
+    }), f = s(() => C(e.size) ? a.cssVarBlock({
       size: V(e.size) || ""
-    }) : void 0), n = o(() => I(e.icon, "icon", { size: e.size }));
+    }) : void 0), l = s(() => I(e.icon, "icon", { size: e.size }));
     v(
       () => e.src,
-      () => a.value = !1
+      () => i.value = !1
     );
     function d(t) {
-      a.value = !0, m("error", t);
+      i.value = !0, m("error", t);
     }
     return (t, j) => {
-      var l;
-      return s(), k("span", {
+      var o;
+      return n(), k("span", {
         class: y(r(u)),
         style: g(r(f))
       }, [
-        e.src && !a.value ? (s(), c(r(N), {
+        e.src && !i.value ? (n(), c(r(N), {
           key: 0,
           src: e.src,
           alt: e.alt,
           fit: e.fit,
           onError: d
-        }, null, 8, ["src", "alt", "fit"])) : (l = r(n)) != null && l.icon ? (s(), c(r(L), B(E({ key: 1 }, r(n))), null, 16)) : S(t.$slots, "default", { key: 2 })
+        }, null, 8, ["src", "alt", "fit"])) : (o = r(l)) != null && o.icon ? (n(), c(r(L), B(E({ key: 1 }, r(l))), null, 16)) : S(t.$slots, "default", { key: 2 })
       ], 6);
     };
   }
 });
 export {
-  H as default
+  G as default
 };

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

@@ -12,17 +12,14 @@ import "../tooltip/index.js";
 import "../popover/index.js";
 import "../menu/index.js";
 import "../context-menu/context-menu.vue2.js";
-import "../multiple-tabs/multiple-tabs.vue2.js";
-import "@vft/router";
-import "@vft/store";
-import "@vft/use";
-import "vue-router";
+import "../multiple-tabs/index.js";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
 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";
@@ -60,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";
@@ -73,8 +75,6 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { useBackTop as I } from "./use-back-top.js";
 const r = (
   /* hoist-static*/

package/es/components/button/button-custom.js

@@ -7,14 +7,12 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import "../form/index.js";
 import { useFormDisabled as k } from "../form/hooks/use-form-common-props.js";
 function c(r, l = 20) {
   return r.mix("#141414", l).toString();
 }
-function D(r) {
+function $(r) {
   const l = k(), t = g("button");
   return m(() => {
     let e = {};
@@ -55,5 +53,5 @@ function D(r) {
 }
 export {
   c as darken,
-  D as useButtonCustomStyle
+  $ as useButtonCustomStyle
 };

package/es/components/button/button-group.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, provide as s, reactive as i, toRef as o, openBlock as m, createElementBlock as u, normalizeClass as l, unref as a, renderSlot as c } from "vue";
+import { defineComponent as o, provide as s, reactive as i, toRef as e, openBlock as m, createElementBlock as u, normalizeClass as l, unref as a, renderSlot as c } from "vue";
 import { useNamespace as f } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -6,12 +6,10 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { buttonGroupContextKey as d } from "./constants.js";
-const _ = e({
+const _ = o({
   name: "VtfButtonGroup"
-}), E = /* @__PURE__ */ e({
+}), g = /* @__PURE__ */ o({
   ..._,
   props: {
     size: null,
@@ -22,8 +20,8 @@ const _ = e({
     s(
       d,
       i({
-        size: o(t, "size"),
-        type: o(t, "type")
+        size: e(t, "size"),
+        type: e(t, "type")
       })
     );
     const p = f("button");
@@ -35,5 +33,5 @@ const _ = e({
   }
 });
 export {
-  E as default
+  g as default
 };

package/es/components/button/button.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, computed as I, openBlock as l, createElementBlock as s, normalizeClass as r, unref as e, normalizeStyle as T, Fragment as v, renderSlot as k, createBlock as g, normalizeProps as A, mergeProps as N, createCommentVNode as B } from "vue";
+import { defineComponent as C, computed as I, openBlock as l, createElementBlock as s, normalizeClass as d, unref as e, normalizeStyle as T, Fragment as v, renderSlot as k, createBlock as g, normalizeProps as A, mergeProps as N, createCommentVNode as B } from "vue";
 import { VftIcon as z } from "../icon/index.js";
 import { useNamespace as P } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
@@ -7,8 +7,6 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import { singleAttrToObj as V } from "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { useButton as j } from "./use-button.js";
 import { useButtonCustomStyle as E } from "./button-custom.js";
 const F = ["aria-disabled", "disabled", "autofocus", "type"], o = (
@@ -16,7 +14,7 @@ const F = ["aria-disabled", "disabled", "autofocus", "type"], o = (
   P("button")
 ), O = C({
   name: o.b()
-}), X = /* @__PURE__ */ C({
+}), U = /* @__PURE__ */ C({
   ...O,
   props: {
     size: null,
@@ -40,7 +38,7 @@ const F = ["aria-disabled", "disabled", "autofocus", "type"], o = (
   },
   emits: ["click"],
   setup(t, { expose: S, emit: $ }) {
-    const a = t, d = I(() => V(a.icon, "icon")), h = E(a), { _ref: c, _size: u, _type: m, _disabled: n, shouldAddSpace: y, handleClick: p } = j(a, $);
+    const i = t, r = I(() => V(i.icon, "icon")), h = E(i), { _ref: c, _size: u, _type: m, _disabled: n, shouldAddSpace: y, handleClick: f } = j(i, $);
     return S({
       /** @description button html element */
       ref: c,
@@ -52,12 +50,12 @@ const F = ["aria-disabled", "disabled", "autofocus", "type"], o = (
       disabled: n,
       /** @description whether adding space */
       shouldAddSpace: y
-    }), (i, f) => {
+    }), (a, p) => {
       var b;
       return l(), s("button", {
         ref_key: "_ref",
         ref: c,
-        class: r([
+        class: d([
           e(o).b(),
           e(o).m(e(m)),
           e(o).m(e(u)),
@@ -76,27 +74,27 @@ const F = ["aria-disabled", "disabled", "autofocus", "type"], o = (
         autofocus: t.autofocus,
         type: t.nativeType,
         style: T(e(h)),
-        onClick: f[0] || (f[0] = //@ts-ignore
-        (...x) => e(p) && e(p)(...x))
+        onClick: p[0] || (p[0] = //@ts-ignore
+        (...x) => e(f) && e(f)(...x))
       }, [
         t.loading ? (l(), s(v, { key: 0 }, [
-          i.$slots.loading ? k(i.$slots, "loading", { key: 0 }) : (l(), g(e(z), {
+          a.$slots.loading ? k(a.$slots, "loading", { key: 0 }) : (l(), g(e(z), {
             key: 1,
             rotate: "",
-            class: r(e(o).is("loading")),
+            class: d(e(o).is("loading")),
             icon: "ico-ep:loading"
           }, null, 8, ["class"]))
-        ], 64)) : (b = e(d)) != null && b.icon ? (l(), g(e(z), A(N({ key: 1 }, e(d))), null, 16)) : B("", !0),
-        i.$slots.default ? (l(), s("span", {
+        ], 64)) : (b = e(r)) != null && b.icon ? (l(), g(e(z), A(N({ key: 1 }, e(r))), null, 16)) : B("", !0),
+        a.$slots.default ? (l(), s("span", {
           key: 2,
-          class: r({ [e(o).em("text", "expand")]: e(y) })
+          class: d({ [e(o).em("text", "expand")]: e(y) })
         }, [
-          k(i.$slots, "default")
+          k(a.$slots, "default")
         ], 2)) : B("", !0)
       ], 14, F);
     };
   }
 });
 export {
-  X as default
+  U as default
 };