vft 0.0.394 → 0.0.396

package/es/components/md-vue-playground/md-vue-playground.vue2.js

@@ -4,6 +4,7 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as g } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -12,7 +13,7 @@ import { Repl as w, ReplStore as h } from "@vue/repl";
 import { getVuePlaygroundSettings as V } from "./playground.js";
 const y = i({
   name: "vft-md-vue-playground"
-}), P = /* @__PURE__ */ i({
+}), j = /* @__PURE__ */ i({
   ...y,
   props: {
     title: {},
@@ -20,16 +21,16 @@ const y = i({
     settings: {}
   },
   setup(t) {
-    const u = g("md-vue-playground"), r = s(!0), n = p(), a = s(), o = d(() => V(t.settings)), l = s(o.value.showCode || !1), c = async () => {
+    const r = g("md-vue-playground"), u = s(!0), n = p(), a = s(), o = d(() => V(t.settings)), l = s(o.value.showCode || !1), c = async () => {
       n.value = w, a.value = new h({
         serializedState: decodeURIComponent(t.files),
         showOutput: !0
       }), o.value.vueVersion && await a.value.setVueVersion(o.value.vueVersion);
     };
     return m(async () => {
-      await c(), r.value = !1;
+      await c(), u.value = !1;
     }), () => e("div", {
-      class: u.b()
+      class: r.b()
     }, [e("div", {
       class: "title-wrapper"
     }, [t.title ? e("div", {
@@ -50,5 +51,5 @@ const y = i({
   }
 });
 export {
-  P as default
+  j as default
 };

package/es/components/menu/index.js

@@ -2,21 +2,22 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "vue";
-import { withInstall as n, withNoopInstall as t } from "../../utils/vue/install.js";
+import { withInstall as i, withNoopInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
-import i from "./menu.vue2.js";
+import "../form/index.js";
+import n from "./menu.vue2.js";
 import o from "./menu-item.vue2.js";
 import m from "./menu-item-group.vue2.js";
 import r from "./sub-menu.vue2.js";
-const l = n(i, {
+const V = i(n, {
   MenuItem: o,
   MenuItemGroup: m,
   SubMenu: r
-}), V = t(o), $ = t(m), b = t(r);
+}), $ = t(o), b = t(m), h = t(r);
 export {
-  l as VftMenu,
-  V as VftMenuItem,
-  $ as VftMenuItemGroup,
-  b as VftSubMenu,
-  l as default
+  V as VftMenu,
+  $ as VftMenuItem,
+  b as VftMenuItemGroup,
+  h as VftSubMenu,
+  V as default
 };

package/es/components/menu/menu-collapse-transition.vue2.js

@@ -3,11 +3,12 @@ import "@vueuse/core";
 import { addClass as s, hasClass as r, removeClass as a } from "@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 w = i({
+const W = i({
   setup() {
     const o = n("menu");
     return {
@@ -30,5 +31,5 @@ const w = i({
   }
 });
 export {
-  w as default
+  W as default
 };

package/es/components/menu/menu-item-group.vue2.js

@@ -1,15 +1,16 @@
-import { defineComponent as n, createElementBlock as o, openBlock as r, normalizeClass as l, unref as s, createElementVNode as i, renderSlot as m, Fragment as p, createTextVNode as a, toDisplayString as u } from "vue";
+import { defineComponent as n, createElementBlock as o, openBlock as r, normalizeClass as l, unref as i, createElementVNode as m, renderSlot as s, Fragment as p, createTextVNode as a, toDisplayString as u } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as c } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const f = n({
   name: "vft-menu-item-group"
-}), S = /* @__PURE__ */ n({
+}), V = /* @__PURE__ */ n({
   ...f,
   props: {
     title: {}
@@ -17,21 +18,21 @@ const f = n({
   setup(d) {
     const t = c("menu-item-group");
     return (e, _) => (r(), o("li", {
-      class: l(s(t).b())
+      class: l(i(t).b())
     }, [
-      i("div", {
-        class: l(s(t).e("title"))
+      m("div", {
+        class: l(i(t).e("title"))
       }, [
-        e.$slots.title ? m(e.$slots, "title", { key: 1 }) : (r(), o(p, { key: 0 }, [
+        e.$slots.title ? s(e.$slots, "title", { key: 1 }) : (r(), o(p, { key: 0 }, [
           a(u(e.title), 1)
         ], 64))
       ], 2),
-      i("ul", null, [
-        m(e.$slots, "default")
+      m("ul", null, [
+        s(e.$slots, "default")
       ])
     ], 2));
   }
 });
 export {
-  S as default
+  V as default
 };

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

@@ -7,6 +7,7 @@ import "@vueuse/core";
 import { throwError as P } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as A } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -16,7 +17,7 @@ import W from "./use-menu.js";
 const X = ["title"], Y = E({
   name: "vft-menu-item",
   inheritAttrs: !1
-}), fe = /* @__PURE__ */ E({
+}), ve = /* @__PURE__ */ E({
   ...Y,
   props: {
     index: {},
@@ -110,5 +111,5 @@ const X = ["title"], Y = E({
   }
 });
 export {
-  fe as default
+  ve as default
 };

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

@@ -5,6 +5,7 @@ import { useResizeObserver as ue } from "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import { flattedChildren as se } from "../../utils/vue/vnode.js";
+import "../form/index.js";
 import { useNamespace as w } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -15,7 +16,7 @@ import { useMenuCssVar as ce } from "./use-menu-css-var.js";
 import re from "./utils/menu-bar.js";
 const de = A({
   name: "vft-menu"
-}), ke = /* @__PURE__ */ A({
+}), Pe = /* @__PURE__ */ A({
   ...de,
   props: {
     mode: { default: "vertical" },
@@ -208,5 +209,5 @@ const de = A({
   }
 });
 export {
-  ke as default
+  Pe as default
 };

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

@@ -7,6 +7,7 @@ import { useTimeoutFn as H } from "@vueuse/core";
 import { throwError as U } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as w } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -16,7 +17,7 @@ import { useMenuCssVar as Te } from "./use-menu-css-var.js";
 const Ce = Z({
   name: "vft-sub-menu",
   inheritAttrs: !1
-}), Oe = /* @__PURE__ */ Z({
+}), Ve = /* @__PURE__ */ Z({
   ...Ce,
   props: {
     index: {},
@@ -224,5 +225,5 @@ const Ce = Z({
   }
 });
 export {
-  Oe as default
+  Ve as default
 };

package/es/components/menu/use-menu-css-var.js

@@ -3,16 +3,17 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as m } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const V = (p, r) => {
+const d = (p, r) => {
   const o = m("menu");
   return t(() => o.cssVarBlock({
     level: `${r}`
   }));
 };
 export {
-  V as useMenuCssVar
+  d as useMenuCssVar
 };

package/es/components/message/index.js

@@ -4,13 +4,14 @@ import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { withInstallFunction as s } from "../../utils/vue/install.js";
 import "lodash-es";
+import "../form/index.js";
 import e from "./method.js";
-import { messageDefaults as n, messageTypes as u } from "./types.js";
-const f = s(e, "$message");
+import { messageDefaults as u, messageTypes as c } from "./types.js";
+const g = s(e, "$message");
 export {
-  f as Message,
-  f as VftMessage,
-  f as default,
-  n as messageDefaults,
-  u as messageTypes
+  g as Message,
+  g as VftMessage,
+  g as default,
+  u as messageDefaults,
+  c as messageTypes
 };

package/es/components/message/method.js

@@ -1,20 +1,21 @@
-import { isNumber as T, isString as u, isFunction as m, isElement as v } from "@vft/utils";
+import { isNumber as T, isString as u, isFunction as p, isElement as v } from "@vft/utils";
 import { isVNode as h, createVNode as C, render as g } from "vue";
 import "../config-provider/index.js";
 import { isClient as b } from "@vueuse/core";
 import { debugWarn as y } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { instances as r } from "./instance.js";
 import E from "./message.vue2.js";
 import { messageDefaults as _, messageTypes as z } from "./types.js";
-import { messageConfig as p } from "../config-provider/constants.js";
+import { messageConfig as a } from "../config-provider/constants.js";
 let D = 1;
 const x = (e) => {
-  const o = !e || u(e) || h(e) || m(e) ? { message: e } : e, n = {
+  const o = !e || u(e) || h(e) || p(e) ? { message: e } : e, n = {
     ...{
       ..._,
-      ...p
+      ...a
     },
     ...o
   };
@@ -48,11 +49,11 @@ const x = (e) => {
   }, c = C(
     E,
     i,
-    m(i.message) || h(i.message) ? {
-      default: m(i.message) ? i.message : () => i.message
+    p(i.message) || h(i.message) ? {
+      default: p(i.message) ? i.message : () => i.message
     } : null
   );
-  c.appContext = s || a._context, g(c, l), e.appendChild(l.firstElementChild);
+  c.appContext = s || m._context, g(c, l), e.appendChild(l.firstElementChild);
   const d = c.component, f = {
     id: n,
     vnode: c,
@@ -68,10 +69,10 @@ const x = (e) => {
     props: c.component.props
   };
   return f;
-}, a = (e = {}, o) => {
+}, m = (e = {}, o) => {
   if (!b) return { close: () => {
   } };
-  if (T(p.max) && r.length >= p.max)
+  if (T(a.max) && r.length >= a.max)
     return { close: () => {
     } };
   const s = x(e);
@@ -86,18 +87,18 @@ const x = (e) => {
   return r.push(n), n.handler;
 };
 z.forEach((e) => {
-  a[e] = (o = {}, s) => {
+  m[e] = (o = {}, s) => {
     const n = x(o);
-    return a({ ...n, type: e }, s);
+    return m({ ...n, type: e }, s);
   };
 });
 function O(e) {
   for (const o of r)
     (!e || e === o.props.type) && o.handler.close();
 }
-a.closeAll = O;
-a._context = null;
+m.closeAll = O;
+m._context = null;
 export {
   O as closeAll,
-  a as default
+  m as default
 };

package/es/components/modal/index.js

@@ -4,14 +4,15 @@ 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 "./modal.vue2.js";
 import "../button/index.js";
 import "../row/index.js";
-import { useModal as M, useModalInner as c } from "./use/use-modal.js";
-const n = o(t);
+import { useModal as c, useModalInner as x } from "./use/use-modal.js";
+const d = o(t);
 export {
-  n as VftModal,
-  n as default,
-  M as useModal,
-  c as useModalInner
+  d as VftModal,
+  d as default,
+  c as useModal,
+  x as useModalInner
 };

package/es/components/modal/modal-footer-action.vue2.js

@@ -7,11 +7,12 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as h } 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 = /* @__PURE__ */ O({
+const D = /* @__PURE__ */ O({
   __name: "modal-footer-action",
   props: {
     showSubmitButton: { type: Boolean },
@@ -57,5 +58,5 @@ const A = /* @__PURE__ */ O({
   }
 });
 export {
-  A as default
+  D as default
 };

package/es/components/multiple-tabs/index.js

@@ -4,16 +4,17 @@ 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 "./multiple-tabs.vue2.js";
 /* empty css                   */
 import "../tabs/index.js";
-import { initAffixTabs as x, useTabsDrag as T } from "./use/use-multiple-tabs.js";
-import { useTabDropdown as d } from "./use/use-tab-dropdown.js";
-const n = o(t);
+import { initAffixTabs as T, useTabsDrag as c } from "./use/use-multiple-tabs.js";
+import { useTabDropdown as w } from "./use/use-tab-dropdown.js";
+const b = o(t);
 export {
-  n as VftMultipleTabs,
-  n as default,
-  x as initAffixTabs,
-  d as useTabDropdown,
-  T as useTabsDrag
+  b as VftMultipleTabs,
+  b as default,
+  T as initAffixTabs,
+  w as useTabDropdown,
+  c as useTabsDrag
 };

package/es/components/multiple-tabs/multiple-tabs.vue2.js

@@ -5,6 +5,7 @@ import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import { generateCssVars as R } from "../../utils/ns-cover.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as G } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -20,7 +21,7 @@ import "../context-menu/context-menu.vue2.js";
 import "../icon/index.js";
 const oe = S({
   name: "vft-multiple-tabs"
-}), Pe = /* @__PURE__ */ S({
+}), ke = /* @__PURE__ */ S({
   ...oe,
   props: {
     tabsStyle: {},
@@ -135,5 +136,5 @@ const oe = S({
   }
 });
 export {
-  Pe as default
+  ke as default
 };

package/es/components/notification/index.js

@@ -4,13 +4,14 @@ import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { withInstallFunction as t } from "../../utils/vue/install.js";
 import "lodash-es";
+import "../form/index.js";
 import o from "./notify.js";
-import { notificationEmits as l, notificationProps as y, notificationTypes as u } from "./notification.js";
-const c = t(o, "$notify");
+import { notificationEmits as y, notificationProps as u, notificationTypes as x } from "./notification.js";
+const s = t(o, "$notify");
 export {
-  c as VftNotification,
-  c as default,
-  l as notificationEmits,
-  y as notificationProps,
-  u as notificationTypes
+  s as VftNotification,
+  s as default,
+  y as notificationEmits,
+  u as notificationProps,
+  x as notificationTypes
 };

package/es/components/notification/notification.js

@@ -3,13 +3,14 @@ import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { buildProps as e, definePropType as t } from "../../utils/vue/props/runtime.js";
+import "../form/index.js";
 const o = [
   "primary",
   "success",
   "info",
   "warning",
   "error"
-], s = e({
+], l = e({
   /**
    * @description custom class name for Notification
    */
@@ -115,11 +116,11 @@ const o = [
     type: String,
     default: "icon-close"
   }
-}), l = {
+}), a = {
   destroy: () => !0
 };
 export {
-  l as notificationEmits,
-  s as notificationProps,
+  a as notificationEmits,
+  l as notificationProps,
   o as notificationTypes
 };

package/es/components/notification/notify.js

@@ -4,6 +4,7 @@ import "@vueuse/core";
 import { debugWarn as N } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import O from "./notification.vue2.js";
 import { notificationTypes as _ } from "./notification.js";
 const l = {

package/es/components/overlay/index.js

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

package/es/components/overlay/overlay.vue2.js

@@ -3,13 +3,14 @@ import { noop as u } from "@vft/utils";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as C } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const g = i({
   name: "vft-overlay"
-}), q = /* @__PURE__ */ i({
+}), A = /* @__PURE__ */ i({
   ...g,
   props: {
     mask: { type: Boolean },
@@ -68,5 +69,5 @@ const g = i({
   }
 });
 export {
-  q as default
+  A as default
 };

package/es/components/page-wrapper/index.js

@@ -4,9 +4,10 @@ import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
+import "../form/index.js";
 import r from "./page-wrapper.vue2.js";
-const s = t(r);
+const l = t(r);
 export {
-  s as VftPageWrapper,
-  s as default
+  l as VftPageWrapper,
+  l as default
 };

package/es/components/page-wrapper/page-wrapper.vue2.js

@@ -4,13 +4,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 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 f = s({
   name: "vft-page-wrapper"
-}), b = /* @__PURE__ */ s({
+}), y = /* @__PURE__ */ s({
   ...f,
   props: {
     title: {}
@@ -36,5 +37,5 @@ const f = s({
   }
 });
 export {
-  b as default
+  y as default
 };

package/es/components/pagination/components/jumper.vue2.js

@@ -3,24 +3,25 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../../form/index.js";
 import { useNamespace as b } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
 import { VftInput as z } from "../../input/index.js";
 import { usePagination as C } from "../usePagination.js";
-const V = ["disabled"], A = /* @__PURE__ */ d({
+const V = ["disabled"], D = /* @__PURE__ */ d({
   __name: "jumper",
   props: {
     size: {}
   },
   setup(x) {
-    const n = b("pagination"), { pageCount: r, disabled: s, currentPage: l, changeEvent: p } = C(), o = f(), m = g(() => o.value ?? l?.value);
+    const n = b("pagination"), { pageCount: r, disabled: s, currentPage: p, changeEvent: l } = C(), o = f(), m = g(() => o.value ?? p?.value);
     function u(a) {
       o.value = +a;
     }
     function c(a) {
-      a = Math.trunc(+a), p?.(+a), o.value = void 0;
+      a = Math.trunc(+a), l?.(+a), o.value = void 0;
     }
     return (a, E) => (_(), v("span", {
       class: t(e(n).e("jump")),
@@ -48,5 +49,5 @@ const V = ["disabled"], A = /* @__PURE__ */ d({
   }
 });
 export {
-  A as default
+  D as default
 };