vft 0.0.312 → 0.0.314

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/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
 };

package/es/components/date-picker/date-picker.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly tabindex: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
     readonly validateEvent: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly unlinkPanels: BooleanConstructor;
-    readonly placement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown, "bottom", boolean>;
+    readonly placement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown, "bottom", boolean>;
     readonly fallbackPlacements: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | (((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
     readonly emptyValues: ArrayConstructor;
     readonly valueOnClear: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly editable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly prefixIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "", boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly tabindex: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
     readonly validateEvent: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly unlinkPanels: BooleanConstructor;
-    readonly placement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown, "bottom", boolean>;
+    readonly placement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown, "bottom", boolean>;
     readonly fallbackPlacements: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | (((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
     readonly emptyValues: ArrayConstructor;
     readonly valueOnClear: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -157,7 +157,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly editable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly prefixIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "", boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -186,10 +186,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    readonly type: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType) | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType)) | null)[], unknown, unknown>;
     readonly disabled: boolean;
+    readonly type: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType) | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType)) | null)[], unknown, unknown>;
     readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("vft/es/components/time-picker").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("vft/es/components/time-picker").ModelValueType)) | null)[], unknown, unknown>;
-    readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
+    readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly readonly: boolean;
     readonly placeholder: string;