vft 0.0.394 → 0.0.396

package/es/components/color-picker/components/sv-panel.vue2.js

@@ -1,15 +1,16 @@
-import { getClientXY as p } from "../../../utils/dom/position.js";
+import { getClientXY as f } from "../../../utils/dom/position.js";
 import "@vft/utils";
 import "@vueuse/core";
 import "../../config-provider/hooks/use-global-config.js";
 import { defineComponent as M, getCurrentInstance as w, ref as d, computed as C, watch as b, onMounted as x } from "vue";
 import "lodash-es";
+import "../../form/index.js";
 import { useNamespace as V } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
 import { draggable as X } from "../utils/draggable.js";
-const N = M({
+const O = M({
   name: "VftSlPanel",
   props: {
     color: {
@@ -18,16 +19,16 @@ const N = M({
     }
   },
   setup(o) {
-    const f = V("color-svpanel"), r = w(), a = d(0), i = d(0), g = d("hsl(0, 100%, 50%)"), v = C(() => {
-      const t = o.color.get("hue"), c = o.color.get("value");
-      return { hue: t, value: c };
+    const v = V("color-svpanel"), c = w(), a = d(0), i = d(0), g = d("hsl(0, 100%, 50%)"), p = C(() => {
+      const t = o.color.get("hue"), r = o.color.get("value");
+      return { hue: t, value: r };
     });
     function u() {
-      const t = o.color.get("saturation"), c = o.color.get("value"), e = r.vnode.el, { clientWidth: m, clientHeight: h } = e;
-      i.value = t * m / 100, a.value = (100 - c) * h / 100, g.value = `hsl(${o.color.get("hue")}, 100%, 50%)`;
+      const t = o.color.get("saturation"), r = o.color.get("value"), e = c.vnode.el, { clientWidth: m, clientHeight: h } = e;
+      i.value = t * m / 100, a.value = (100 - r) * h / 100, g.value = `hsl(${o.color.get("hue")}, 100%, 50%)`;
     }
     function s(t) {
-      const e = r.vnode.el.getBoundingClientRect(), { clientX: m, clientY: h } = p(t);
+      const e = c.vnode.el.getBoundingClientRect(), { clientX: m, clientY: h } = f(t);
       let n = m - e.left, l = h - e.top;
       n = Math.max(0, n), n = Math.min(n, e.width), l = Math.max(0, l), l = Math.min(l, e.height), i.value = n, a.value = l, o.color.set({
         saturation: n / e.width * 100,
@@ -35,12 +36,12 @@ const N = M({
       });
     }
     return b(
-      () => v.value,
+      () => p.value,
       () => {
         u();
       }
     ), x(() => {
-      X(r.vnode.el, {
+      X(c.vnode.el, {
         drag: (t) => {
           s(t);
         },
@@ -52,13 +53,13 @@ const N = M({
       cursorTop: a,
       cursorLeft: i,
       background: g,
-      colorValue: v,
+      colorValue: p,
       handleDrag: s,
       update: u,
-      ns: f
+      ns: v
     };
   }
 });
 export {
-  N as default
+  O as default
 };

package/es/components/color-picker/composables/use-alpha-slider.js

@@ -4,12 +4,13 @@ import "@vueuse/core";
 import { addUnit as M } from "../../../utils/helper.js";
 import { getCurrentInstance as $, shallowRef as p, ref as m, onMounted as K, watch as H, computed as c } from "vue";
 import "lodash-es";
+import "../../form/index.js";
 import { useNamespace as R } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
 import { draggable as W } from "../utils/draggable.js";
-const j = (e) => {
+const q = (e) => {
   const f = $(), t = p(), u = p();
   function h(i) {
     i.target !== t.value && r(i);
@@ -41,7 +42,7 @@ const j = (e) => {
     handleDrag: r,
     handleClick: h
   };
-}, q = (e, {
+}, z = (e, {
   bar: f,
   thumb: t,
   handleDrag: u
@@ -98,6 +99,6 @@ const j = (e) => {
   return { rootKls: C, barKls: k, barStyle: S, thumbKls: w, thumbStyle: T, update: g };
 };
 export {
-  j as useAlphaSlider,
-  q as useAlphaSliderDOM
+  q as useAlphaSlider,
+  z as useAlphaSliderDOM
 };

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

@@ -4,9 +4,10 @@ import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { withInstall as o } from "../../utils/vue/install.js";
 import "lodash-es";
+import "../form/index.js";
 import t from "./color-picker.vue2.js";
-const s = o(t);
+const c = o(t);
 export {
-  s as VftColorPicker,
-  s as default
+  c as VftColorPicker,
+  c as default
 };

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

@@ -1,17 +1,18 @@
-import { defineComponent as m, watch as s, computed as d, onActivated as u, onDeactivated as h, onBeforeUnmount as g, getCurrentInstance as p, createElementBlock as v, openBlock as b, normalizeStyle as C, normalizeClass as k, unref as V, renderSlot as y } from "vue";
+import { defineComponent as s, watch as m, computed as d, onActivated as u, onDeactivated as h, onBeforeUnmount as p, getCurrentInstance as g, createElementBlock as v, openBlock as b, normalizeStyle as C, normalizeClass as k, unref as V, renderSlot as y } from "vue";
 import { inBrowser as S, kebabCase as B } from "@vft/utils";
 import "../button/index.js";
 import "@vueuse/core";
 import { provideGlobalConfig as E } from "./hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as j } 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 n } from "./constants.js";
-const z = m({
+const z = s({
   name: "vft-config-provider"
-}), N = /* @__PURE__ */ m({
+}), P = /* @__PURE__ */ s({
   ...z,
   props: {
     theme: { default: "light" },
@@ -30,7 +31,7 @@ const z = m({
   },
   setup(t) {
     const i = j("config-provider");
-    s(
+    m(
       () => t.message,
       (e) => {
         Object.keys(n).forEach((a) => {
@@ -52,13 +53,13 @@ const z = m({
       }, a = (o = t.theme) => {
         document.documentElement.classList.remove(o);
       };
-      s(
+      m(
         () => t.theme,
         (o, r) => {
           r && a(r), e();
         },
         { immediate: !0 }
-      ), u(e), h(a), g(a);
+      ), u(e), h(a), p(a);
     }
     function f(e) {
       const a = {};
@@ -66,7 +67,7 @@ const z = m({
         a[`--${t.namespace}-${B(o)}`] = e[o];
       }), a;
     }
-    const l = p();
+    const l = g();
     return E(l.props), (e, a) => (b(), v("div", {
       class: k(V(i).b()),
       style: C(c.value)
@@ -76,5 +77,5 @@ const z = m({
   }
 });
 export {
-  N as default
+  P as default
 };

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

@@ -1,20 +1,21 @@
 import { keysOf as f } from "@vft/utils";
 import "@vueuse/core";
 import { debugWarn as v } from "../../../utils/error.js";
-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, computed as i, unref as p, provide as g, ref as C, inject as x } from "vue";
 import "lodash-es";
+import "../../form/index.js";
 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 d } from "../constants.js";
-const a = g();
-function m(o, e = void 0) {
-  const n = l() ? C(d, a) : a;
+import { configProviderContextKey as m } from "../constants.js";
+const a = C();
+function d(o, e = void 0) {
+  const n = l() ? x(m, a) : a;
   return o ? i(() => n?.value?.[o] ?? e) : n;
 }
-function A(o) {
-  const e = m(), n = b(
+function B(o) {
+  const e = d(), n = b(
     o,
     i(() => e.value?.namespace || y)
   ), t = z(
@@ -26,7 +27,7 @@ function A(o) {
   };
 }
 const S = (o, e, n = !1) => {
-  const t = !!l(), r = t ? m() : void 0, u = e?.provide ?? (t ? x : void 0);
+  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? g : void 0);
   if (!u) {
     v(
       "provideGlobalConfig",
@@ -38,7 +39,7 @@ const S = (o, e, n = !1) => {
     const c = p(o);
     return r?.value ? j(r.value, c) : c;
   });
-  return u(d, s), u(
+  return u(m, s), u(
     I,
     i(() => s.value.namespace)
   ), u(
@@ -53,6 +54,6 @@ const S = (o, e, n = !1) => {
 };
 export {
   S as provideGlobalConfig,
-  A as useGlobalComponentSettings,
-  m as useGlobalConfig
+  B as useGlobalComponentSettings,
+  d as useGlobalConfig
 };

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

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

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

@@ -1,31 +1,32 @@
-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 { 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 p } from "../../utils/helper.js";
+import { addUnit as d } from "../../utils/helper.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as f } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 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

@@ -3,13 +3,14 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as v } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 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,15 +1,16 @@
-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 { 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 "lodash-es";
+import "../form/index.js";
 import { useNamespace as u } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 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,31 +1,32 @@
-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 { 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 "lodash-es";
+import "../form/index.js";
 import { useNamespace as d } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 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

@@ -4,22 +4,23 @@ import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { withInstall as f, withNoopInstall as o } from "../../utils/vue/install.js";
 import "lodash-es";
+import "../form/index.js";
 import t from "./aside.vue2.js";
 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 "lodash-es";
-import { useNamespace as p } from "../../hooks/use-namespace/index.js";
+import "../form/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

@@ -5,13 +5,14 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as N } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 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

@@ -4,7 +4,8 @@ import "../config-provider/hooks/use-global-config.js";
 import { CHANGE_EVENT as o } from "../../constants/event.js";
 import "vue";
 import { buildProps as e, definePropType as t } from "../../utils/vue/props/runtime.js";
-const l = e({
+import "../form/index.js";
+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

@@ -6,11 +6,12 @@ import "../config-provider/hooks/use-global-config.js";
 import { CHANGE_EVENT as $ } from "../../constants/event.js";
 import "lodash-es";
 import { rAF as f, cAF as g } from "../../utils/vue/raf.js";
+import "../form/index.js";
 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

@@ -4,12 +4,13 @@ import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { withInstall as o } from "../../utils/vue/install.js";
 import "lodash-es";
+import "../form/index.js";
 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-basic-date-table.js

@@ -4,12 +4,13 @@ import { flatten as p, isArray as ee } from "lodash-es";
 import "@vueuse/core";
 import "@vft/utils";
 import { castArray as x } from "../../../utils/helper.js";
+import "../../form/index.js";
 import { useNamespace as te } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
 import { buildPickerTable as ae } from "../utils.js";
-const N = (a = "") => ["normal", "today"].includes(a), he = (a, f) => {
+const N = (a = "") => ["normal", "today"].includes(a), ye = (a, f) => {
   const D = k("zh-cn"), y = k(), b = k(), g = k(), w = k(), C = k([[], [], [], [], [], []]);
   let o = !1;
   const c = a.date.$locale().weekStart || 7, S = a.date.locale("zh-cn").localeData().weekdaysShort().map((e) => e.toLowerCase()), O = m(() => c > 3 ? 7 - c : -c), v = m(() => {
@@ -154,7 +155,7 @@ const N = (a = "") => ["normal", "today"].includes(a), he = (a, f) => {
     handleMouseMove: z,
     handleFocus: U
   };
-}, ye = (a, {
+}, ke = (a, {
   isCurrent: f,
   isWeekActive: D
 }) => {
@@ -177,6 +178,6 @@ const N = (a = "") => ["normal", "today"].includes(a), he = (a, f) => {
   };
 };
 export {
-  he as useBasicDateTable,
-  ye as useBasicDateTableDOM
+  ye as useBasicDateTable,
+  ke as useBasicDateTableDOM
 };

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

@@ -4,6 +4,7 @@ import { isArray as D } from "@vft/utils";
 import "@vueuse/core";
 import "../../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../../form/index.js";
 import { useNamespace as z } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -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
 };