vft 0.0.312 → 0.0.313

package/es/components/config-provider/config-provider.vue2.js

@@ -1,19 +1,19 @@
-import { defineComponent as r, watch as n, computed as d, onActivated as l, onDeactivated as u, onBeforeUnmount as h, getCurrentInstance as p, createElementBlock as g, openBlock as v, normalizeStyle as C, normalizeClass as b, unref as k, renderSlot as V } from "vue";
-import { inBrowser as y, kebabCase as B } from "@vft/utils";
+import { defineComponent as r, watch as m, computed as l, onActivated as d, onDeactivated as u, onBeforeUnmount as h, getCurrentInstance as p, createElementBlock as g, openBlock as v, normalizeStyle as C, normalizeClass as b, unref as k, renderSlot as V } from "vue";
+import { inBrowser as S, kebabCase as y } from "@vft/utils";
 import "../button/index.js";
 import "@vueuse/core";
+import { provideGlobalConfig as B } from "./hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import { useNamespace as z } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { messageConfig as E } from "./constants.js";
-import { provideGlobalConfig as L } from "./hooks/use-global-config.js";
-const S = r({
+import { messageConfig as D } from "./constants.js";
+const E = r({
   name: "vft-config-provider"
-}), U = /* @__PURE__ */ r({
-  ...S,
+}), P = /* @__PURE__ */ r({
+  ...E,
   props: {
     theme: { default: "light" },
     themeVars: {},
@@ -25,46 +25,48 @@ const S = r({
     zIndex: {},
     message: {},
     projectCfg: {},
-    button: {}
+    button: {},
+    baseUnit: { type: [String, Boolean], default: !1 },
+    baseUnitSize: { default: 1080 }
   },
   setup(t) {
-    const s = D("config-provider");
-    n(
+    const s = z("config-provider");
+    m(
       () => t.message,
       (e) => {
-        Object.assign(E, e ?? {});
+        Object.assign(D, e ?? {});
       },
       { immediate: !0, deep: !0 }
     );
-    const i = d(() => {
+    const i = l(() => {
       const e = t.theme === "dark";
       return c({
         ...t.themeVars,
         ...e ? t.themeVarsDark : t.themeVarsLight
       });
     });
-    if (y) {
+    if (S) {
       const e = () => {
         document.documentElement.classList.add(t.theme);
-      }, o = (m = t.theme) => {
-        document.documentElement.classList.remove(m);
+      }, a = (o = t.theme) => {
+        document.documentElement.classList.remove(o);
       };
-      n(
+      m(
         () => t.theme,
-        (m, a) => {
-          a && o(a), e();
+        (o, n) => {
+          n && a(n), e();
         },
         { immediate: !0 }
-      ), l(e), u(o), h(o);
+      ), d(e), u(a), h(a);
     }
     function c(e) {
-      const o = {};
-      return Object.keys(e).forEach((m) => {
-        o[`--${t.namespace}-${B(m)}`] = e[m];
-      }), o;
+      const a = {};
+      return Object.keys(e).forEach((o) => {
+        a[`--${t.namespace}-${y(o)}`] = e[o];
+      }), a;
     }
     const f = p();
-    return L(f.props), (e, o) => (v(), g("div", {
+    return B(f.props), (e, a) => (v(), g("div", {
       class: b(k(s).b()),
       style: C(i.value)
     }, [
@@ -73,5 +75,5 @@ const S = r({
   }
 });
 export {
-  U as default
+  P as default
 };

package/es/components/config-provider/hooks/use-global-config.js

@@ -3,15 +3,15 @@ import "@vueuse/core";
 import { debugWarn as v } from "../../../utils/error.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
-import { ref as g, getCurrentInstance as l, inject as C, computed as i, unref as p, provide as x } from "vue";
+import { getCurrentInstance as l, inject as g, ref as C, computed as i, unref as p, provide as x } from "vue";
 import { namespaceContextKey as I, useNamespace as b, defaultNamespace as y } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { zIndexContextKey as G, useZIndex as z, defaultInitialZIndex as K } from "../../../hooks/use-z-index/index.js";
 import { configProviderContextKey as m } from "../constants.js";
-const a = g();
+const a = C();
 function d(o, e = void 0) {
-  const n = l() ? C(m, a) : a;
+  const n = l() ? g(m, a) : a;
   return o ? i(() => n.value?.[o] ?? e) : n;
 }
 function B(o) {

package/es/components/config-provider/index.d.ts

@@ -33,6 +33,12 @@ export declare const VftConfigProvider: import("vft/es/utils").SFCWithInstall<{
         button: {
             type: import("vue").PropType<import("vft/es/vft").ButtonConfigContext>;
         };
+        baseUnit: {
+            type: import("vue").PropType<string | boolean>;
+        };
+        baseUnitSize: {
+            type: import("vue").PropType<number>;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -74,6 +80,12 @@ export declare const VftConfigProvider: import("vft/es/utils").SFCWithInstall<{
         button: {
             type: import("vue").PropType<import("vft/es/vft").ButtonConfigContext>;
         };
+        baseUnit: {
+            type: import("vue").PropType<string | boolean>;
+        };
+        baseUnitSize: {
+            type: import("vue").PropType<number>;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -112,6 +124,12 @@ export declare const VftConfigProvider: import("vft/es/utils").SFCWithInstall<{
     button: {
         type: import("vue").PropType<import("vft/es/vft").ButtonConfigContext>;
     };
+    baseUnit: {
+        type: import("vue").PropType<string | boolean>;
+    };
+    baseUnitSize: {
+        type: import("vue").PropType<number>;
+    };
 }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/es/components/config-provider/index.js

@@ -1,19 +1,19 @@
 import "@vueuse/core";
 import "@vft/utils";
+import { provideGlobalConfig as g, useGlobalComponentSettings as C, useGlobalConfig as d } from "./hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as o } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import t from "./config-provider.vue2.js";
-import { configProviderContextKey as g, messageConfig as C } from "./constants.js";
-import { provideGlobalConfig as x, useGlobalComponentSettings as b, useGlobalConfig as c } from "./hooks/use-global-config.js";
+import { configProviderContextKey as b, messageConfig as c } from "./constants.js";
 const l = o(t);
 export {
   l as VftConfigProvider,
-  g as configProviderContextKey,
+  b as configProviderContextKey,
   l as default,
-  C as messageConfig,
-  x as provideGlobalConfig,
-  b as useGlobalComponentSettings,
-  c as useGlobalConfig
+  c as messageConfig,
+  g as provideGlobalConfig,
+  C as useGlobalComponentSettings,
+  d as useGlobalConfig
 };

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

@@ -1,6 +1,7 @@
-import { defineComponent as o, computed as i, createElementBlock as a, openBlock as m, normalizeStyle as n, normalizeClass as l, unref as c, renderSlot as d } from "vue";
-import { addUnit as p } from "@vft/utils";
+import { defineComponent as o, computed as i, createElementBlock as m, openBlock as a, normalizeStyle as n, normalizeClass as l, unref as p, renderSlot as c } from "vue";
 import "@vueuse/core";
+import "@vft/utils";
+import { addUnit as d } from "../../utils/helper.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as f } from "../../hooks/use-namespace/index.js";
@@ -9,23 +10,23 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const u = o({
   name: "vft-aside"
-}), b = /* @__PURE__ */ o({
+}), x = /* @__PURE__ */ o({
   ...u,
   props: {
     width: {}
   },
   setup(t) {
     const e = f("aside"), r = i(
-      () => t.width ? e.cssVarBlock({ width: p(t.width) }) : {}
+      () => t.width ? e.cssVarBlock({ width: d(t.width) }) : {}
     );
-    return (s, h) => (m(), a("aside", {
-      class: l(c(e).b()),
+    return (s, h) => (a(), m("aside", {
+      class: l(p(e).b()),
       style: n(r.value)
     }, [
-      d(s.$slots, "default")
+      c(s.$slots, "default")
     ], 6));
   }
 });
 export {
-  b as default
+  x as default
 };

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

@@ -1,6 +1,7 @@
 import { defineComponent as a, useSlots as l, computed as m, createElementBlock as f, openBlock as u, normalizeClass as p, unref as i, renderSlot as d } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as v } from "../../hooks/use-namespace/index.js";
@@ -9,7 +10,7 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const _ = a({
   name: "vft-container"
-}), x = /* @__PURE__ */ a({
+}), y = /* @__PURE__ */ a({
   ..._,
   props: {
     direction: {}
@@ -27,5 +28,5 @@ const _ = a({
   }
 });
 export {
-  x as default
+  y as default
 };

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

@@ -1,6 +1,7 @@
-import { defineComponent as o, computed as s, createElementBlock as n, openBlock as i, normalizeStyle as a, normalizeClass as l, unref as c, renderSlot as p } from "vue";
-import { addUnit as f } from "@vft/utils";
+import { defineComponent as o, computed as s, createElementBlock as i, openBlock as n, normalizeStyle as a, normalizeClass as l, unref as p, renderSlot as c } from "vue";
 import "@vueuse/core";
+import "@vft/utils";
+import { addUnit as f } from "../../utils/helper.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as u } from "../../hooks/use-namespace/index.js";
@@ -9,7 +10,7 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const h = o({
   name: "vft-footer"
-}), b = /* @__PURE__ */ o({
+}), x = /* @__PURE__ */ o({
   ...h,
   props: {
     height: {}
@@ -18,14 +19,14 @@ const h = o({
     const e = u("footer"), r = s(
       () => t.height ? e.cssVarBlock({ height: f(t.height) }) : {}
     );
-    return (m, d) => (i(), n("footer", {
-      class: l(c(e).b()),
+    return (m, d) => (n(), i("footer", {
+      class: l(p(e).b()),
       style: a(r.value)
     }, [
-      p(m.$slots, "default")
+      c(m.$slots, "default")
     ], 6));
   }
 });
 export {
-  b as default
+  x as default
 };

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

@@ -1,6 +1,7 @@
-import { defineComponent as r, computed as m, createElementBlock as n, openBlock as s, normalizeStyle as i, normalizeClass as l, unref as c, renderSlot as p } from "vue";
-import { addUnit as h } from "@vft/utils";
+import { defineComponent as r, computed as a, createElementBlock as n, openBlock as s, normalizeStyle as i, normalizeClass as l, unref as p, renderSlot as c } from "vue";
 import "@vueuse/core";
+import "@vft/utils";
+import { addUnit as h } from "../../utils/helper.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as d } from "../../hooks/use-namespace/index.js";
@@ -9,23 +10,23 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const u = r({
   name: "vft-header"
-}), b = /* @__PURE__ */ r({
+}), x = /* @__PURE__ */ r({
   ...u,
   props: {
     height: {}
   },
   setup(e) {
-    const t = d("header"), o = m(() => e.height ? t.cssVarBlock({
+    const t = d("header"), o = a(() => e.height ? t.cssVarBlock({
       height: h(e.height)
     }) : {});
-    return (a, f) => (s(), n("header", {
-      class: l(c(t).b()),
+    return (m, f) => (s(), n("header", {
+      class: l(p(t).b()),
       style: i(o.value)
     }, [
-      p(a.$slots, "default")
+      c(m.$slots, "default")
     ], 6));
   }
 });
 export {
-  b as default
+  x as default
 };

package/es/components/container/index.js

@@ -1,5 +1,6 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as f, withNoopInstall as o } from "../../utils/vue/install.js";
 import "lodash-es";
@@ -9,17 +10,17 @@ import n from "./container.vue2.js";
 import i from "./footer.vue2.js";
 import r from "./header.vue2.js";
 import m from "./main.vue2.js";
-const w = f(n, {
+const A = f(n, {
   Aside: t,
   Footer: i,
   Header: r,
   Main: m
-}), A = o(t), F = o(i), H = o(r), I = o(m);
+}), F = o(t), H = o(i), I = o(r), M = o(m);
 export {
-  A as VftAside,
-  w as VftContainer,
-  F as VftFooter,
-  H as VftHeader,
-  I as VftMain,
-  w as default
+  F as VftAside,
+  A as VftContainer,
+  H as VftFooter,
+  I as VftHeader,
+  M as VftMain,
+  A as default
 };

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

@@ -1,26 +1,27 @@
-import { defineComponent as e, createElementBlock as r, openBlock as m, normalizeClass as n, unref as s, renderSlot as a } from "vue";
+import { defineComponent as t, createElementBlock as r, openBlock as m, normalizeClass as n, unref as p, renderSlot as s } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as p } from "../../hooks/use-namespace/index.js";
+import { useNamespace as a } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const i = e({
+const i = t({
   name: "vft-main"
-}), v = /* @__PURE__ */ e({
+}), x = /* @__PURE__ */ t({
   ...i,
   setup(c) {
-    const t = p("main");
+    const e = a("main");
     return (o, f) => (m(), r("main", {
       ref: "testRef",
-      class: n(s(t).b())
+      class: n(p(e).b())
     }, [
-      a(o.$slots, "default")
+      s(o.$slots, "default")
     ], 2));
   }
 });
 export {
-  v as default
+  x as default
 };

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

@@ -3,6 +3,7 @@ import { useTimeoutFn as H, useClickAway as I, useEventListener as f } from "@vf
 import { VftMenuItem as L } from "../menu/index.js";
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as N } from "../../hooks/use-namespace/index.js";
@@ -11,7 +12,7 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const R = { class: "vft-sub-menu" }, T = p({
   name: "vft-context-menu"
-}), P = /* @__PURE__ */ p({
+}), Q = /* @__PURE__ */ p({
   ...T,
   props: {
     axis: {},
@@ -99,5 +100,5 @@ const R = { class: "vft-sub-menu" }, T = p({
   }
 });
 export {
-  P as default
+  Q as default
 };

package/es/components/countdown/countdown.js

@@ -1,10 +1,11 @@
 import "@vueuse/core";
 import { isNumber as i } from "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import { CHANGE_EVENT as o } from "../../constants/event.js";
 import "../../utils/ns-cover.js";
 import { buildProps as e, definePropType as t } from "../../utils/vue/props/runtime.js";
 import "vue";
-const l = e({
+const a = e({
   /**
    * @description Formatting the countdown display
    */
@@ -37,11 +38,11 @@ const l = e({
   valueStyle: {
     type: t([String, Object, Array])
   }
-}), a = {
+}), c = {
   finish: () => !0,
   [o]: (r) => i(r)
 };
 export {
-  a as countdownEmits,
-  l as countdownProps
+  c as countdownEmits,
+  a as countdownProps
 };

package/es/components/countdown/countdown.vue2.js

@@ -2,6 +2,7 @@ import { defineComponent as p, ref as _, computed as h, onMounted as x, watch as
 import { VftStatistic as N } from "../statistic/index.js";
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import { CHANGE_EVENT as $ } from "../../constants/event.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
@@ -10,7 +11,7 @@ import { countdownEmits as G, countdownProps as H } from "./countdown.js";
 import { formatTime as l, getTime as u } from "./utils.js";
 const L = p({
   name: "VftCountdown"
-}), O = /* @__PURE__ */ p({
+}), Q = /* @__PURE__ */ p({
   ...L,
   props: H,
   emits: G,
@@ -61,5 +62,5 @@ const L = p({
   }
 });
 export {
-  O as default
+  Q as default
 };

package/es/components/countdown/index.js

@@ -1,15 +1,16 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as o } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import t from "./countdown.vue2.js";
-import { countdownEmits as u, countdownProps as w } from "./countdown.js";
-const a = o(t);
+import { countdownEmits as w, countdownProps as e } from "./countdown.js";
+const c = o(t);
 export {
-  a as VftCountdown,
-  u as countdownEmits,
-  w as countdownProps,
-  a as default
+  c as VftCountdown,
+  w as countdownEmits,
+  e as countdownProps,
+  c as default
 };

package/es/components/date-picker/composables/use-range-picker.js

@@ -2,6 +2,7 @@ import { getCurrentInstance as b, ref as l, inject as w, watch as S, unref as a
 import k from "dayjs";
 import { isArray as D } from "@vft/utils";
 import "@vueuse/core";
+import "../../config-provider/hooks/use-global-config.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as z } from "../../../hooks/use-namespace/index.js";
@@ -11,7 +12,7 @@ import "../../../hooks/use-z-index/index.js";
 import { getDefaultValue as A, isValidRange as J } from "../utils.js";
 import { ROOT_PICKER_INJECTION_KEY as Y } from "../constants.js";
 import { useShortcut as q } from "./use-shortcut.js";
-const tt = (d, {
+const et = (d, {
   defaultValue: p,
   defaultTime: R,
   leftDate: g,
@@ -78,5 +79,5 @@ const tt = (d, {
   };
 };
 export {
-  tt as useRangePicker
+  et as useRangePicker
 };

package/es/components/date-picker/date-picker-com/basic-cell-render.js

@@ -1,6 +1,7 @@
-import { defineComponent as p, inject as s, renderSlot as m, createVNode as r } from "vue";
+import { defineComponent as l, inject as m, renderSlot as s, createVNode as r } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
+import "../../config-provider/hooks/use-global-config.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as i } from "../../../hooks/use-namespace/index.js";
@@ -9,18 +10,18 @@ import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
 import { ROOT_PICKER_INJECTION_KEY as a } from "../constants.js";
 import { basicCellProps as n } from "../props/basic-cell.js";
-const O = /* @__PURE__ */ p({
+const T = /* @__PURE__ */ l({
   name: "ElDatePickerCell",
   props: n,
   setup(o) {
     const t = i("date-table-cell"), {
-      slots: l
-    } = s(a);
+      slots: p
+    } = m(a);
     return () => {
       const {
         cell: e
       } = o;
-      return m(l, "default", {
+      return s(p, "default", {
         ...e
       }, () => [r("div", {
         class: t.b()
@@ -31,5 +32,5 @@ const O = /* @__PURE__ */ p({
   }
 });
 export {
-  O as default
+  T as default
 };

package/es/components/date-picker/date-picker-com/panel-date-pick.vue2.js

@@ -4,6 +4,7 @@ import { VftButton as we } from "../../button/index.js";
 import { ClickOutside as vt } from "@vft/directives";
 import "@vueuse/core";
 import { isArray as A, isFunction as be } from "@vft/utils";
+import "../../config-provider/hooks/use-global-config.js";
 import { EVENT_CODE as k } from "../../../constants/aria.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
@@ -25,7 +26,7 @@ import { PICKER_BASE_INJECTION_KEY as kt } from "../../time-picker/constants.js"
 import { TOOLTIP_INJECTION_KEY as wt } from "../../tooltip/constants.js";
 import { extractTimeFormat as bt, extractDateFormat as Vt } from "../../time-picker/utils.js";
 import Dt from "../../time-picker/time-picker-com/panel-time-pick.vue2.js";
-const gt = ["onClick"], Xt = /* @__PURE__ */ nt({
+const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
   __name: "panel-date-pick",
   props: mt,
   emits: ["pick", "set-picker-option", "panel-change"],
@@ -504,5 +505,5 @@ const gt = ["onClick"], Xt = /* @__PURE__ */ nt({
   }
 });
 export {
-  Xt as default
+  Zt as default
 };