vft 0.0.394 → 0.0.396

package/es/components/virtual-list/components/scrollbar.js

@@ -5,6 +5,7 @@ import "@vft/utils";
 import "../../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import { cAF as F, rAF as H } from "../../../utils/vue/raf.js";
+import "../../form/index.js";
 import { useNamespace as L } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
@@ -13,13 +14,13 @@ import { ScrollbarDirKey as G, HORIZONTAL as R, SCROLLBAR_MIN_SIZE as V } from "
 import { virtualizedScrollbarProps as Z } from "../props.js";
 import { renderThumbStyle as $ } from "../utils.js";
 import { BAR_MAP as K } from "../../scrollbar/util.js";
-const st = C({
+const it = C({
   name: "ElVirtualScrollBar",
   props: Z,
   emits: ["scroll", "start-move", "stop-move"],
   setup(e, { emit: u }) {
     const S = r(() => e.startGap + e.endGap), I = L("virtual-scrollbar"), A = L("scrollbar"), h = E(), a = E();
-    let M = null, g = null;
+    let p = null, g = null;
     const n = N({
       isDragging: !1,
       traveled: 0
@@ -64,22 +65,22 @@ const st = C({
       window.addEventListener("mousemove", v), window.addEventListener("mouseup", c);
       const t = f(a);
       t && (g = document.onselectstart, document.onselectstart = () => !1, t.addEventListener("touchmove", v, { passive: !0 }), t.addEventListener("touchend", c));
-    }, p = () => {
+    }, M = () => {
       window.removeEventListener("mousemove", v), window.removeEventListener("mouseup", c), document.onselectstart = g, g = null;
       const t = f(a);
       t && (t.removeEventListener("touchmove", v), t.removeEventListener("touchend", c));
     }, y = (t) => {
       t.stopImmediatePropagation(), !(t.ctrlKey || [1, 2].includes(t.button)) && (n.isDragging = !0, n[o.value.axis] = t.currentTarget[o.value.offset] - (t[o.value.client] - t.currentTarget.getBoundingClientRect()[o.value.direction]), u("start-move"), z());
     }, c = () => {
-      n.isDragging = !1, n[o.value.axis] = 0, u("stop-move"), p();
+      n.isDragging = !1, n[o.value.axis] = 0, u("stop-move"), M();
     }, v = (t) => {
       const { isDragging: l } = n;
       if (!l || !a.value || !h.value) return;
       const m = n[o.value.axis];
       if (!m) return;
-      F(M);
+      F(p);
       const d = (h.value.getBoundingClientRect()[o.value.direction] - t[o.value.client]) * -1, P = a.value[o.value.offset] - m, w = d - P;
-      M = H(() => {
+      p = H(() => {
         n.traveled = Math.max(0, Math.min(w, i.value)), u("scroll", w, i.value);
       });
     }, D = (t) => {
@@ -94,7 +95,7 @@ const st = C({
         n.isDragging || (n.traveled = Math.ceil(t * i.value));
       }
     ), O(() => {
-      p();
+      M();
     }), () => x(
       "div",
       {
@@ -123,5 +124,5 @@ const st = C({
   }
 });
 export {
-  st as default
+  it as default
 };

package/es/components/virtual-list/hooks/use-grid-wheel.js

@@ -4,10 +4,11 @@ import "../../config-provider/hooks/use-global-config.js";
 import "vue";
 import "lodash-es";
 import { cAF as c, rAF as m } from "../../../utils/vue/raf.js";
-const W = ({ atXEndEdge: s, atXStartEdge: f, atYEndEdge: i, atYStartEdge: d }, h) => {
+import "../../form/index.js";
+const b = ({ atXEndEdge: s, atXStartEdge: i, atYEndEdge: f, atYStartEdge: d }, h) => {
   let n = null, r = 0, a = 0;
   const o = (l, t) => {
-    const e = l <= 0 && f.value || l >= 0 && s.value, u = t <= 0 && d.value || t >= 0 && i.value;
+    const e = l <= 0 && i.value || l >= 0 && s.value, u = t <= 0 && d.value || t >= 0 && f.value;
     return e && u;
   };
   return {
@@ -22,5 +23,5 @@ const W = ({ atXEndEdge: s, atXStartEdge: f, atYEndEdge: i, atYStartEdge: d }, h
   };
 };
 export {
-  W as useGridWheel
+  b as useGridWheel
 };

package/es/components/virtual-list/hooks/use-wheel.js

@@ -1,27 +1,28 @@
 import "@vueuse/core";
-import { isFirefox as i } from "@vft/utils";
+import { isFirefox as s } from "@vft/utils";
 import "../../config-provider/hooks/use-global-config.js";
 import "vue";
 import "lodash-es";
-import { cAF as m, rAF as c } from "../../../utils/vue/raf.js";
-import { VERTICAL as d, HORIZONTAL as u } from "../defaults.js";
-const p = {
-  [u]: "deltaX",
+import { cAF as f, rAF as c } from "../../../utils/vue/raf.js";
+import "../../form/index.js";
+import { VERTICAL as d, HORIZONTAL as p } from "../defaults.js";
+const u = {
+  [p]: "deltaX",
   [d]: "deltaY"
-}, W = ({ atEndEdge: n, atStartEdge: l, layout: s }, f) => {
+}, x = ({ atEndEdge: n, atStartEdge: l, layout: i }, m) => {
   let a, e = 0;
   const o = (t) => t < 0 && l.value || t > 0 && n.value;
   return {
     hasReachedEdge: o,
     onWheel: (t) => {
-      m(a);
-      const r = t[p[s.value]];
-      o(e) && o(e + r) || (e += r, i() || t.preventDefault(), a = c(() => {
-        f(e), e = 0;
+      f(a);
+      const r = t[u[i.value]];
+      o(e) && o(e + r) || (e += r, s() || t.preventDefault(), a = c(() => {
+        m(e), e = 0;
       }));
     }
   };
 };
 export {
-  W as default
+  x as default
 };

package/es/components/virtual-list/props.js

@@ -4,6 +4,7 @@ import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { mutable as b } from "../../utils/typescript.js";
 import { buildProp as e, definePropType as t, buildProps as o } from "../../utils/vue/props/runtime.js";
+import "../form/index.js";
 import { VERTICAL as S } from "./defaults.js";
 const i = e({
   type: t([Number, Function]),
@@ -65,7 +66,7 @@ const i = e({
     default: !0
   },
   scrollbarAlwaysOn: Boolean
-}), P = o({
+}), O = o({
   /**
    * @description describes how many items should be pre rendered to the head
    * and the tail of the window
@@ -86,7 +87,7 @@ const i = e({
 }), n = {
   type: Number,
   default: 6
-}, s = { type: Number, default: 0 }, d = { type: Number, default: 2 }, O = o({
+}, s = { type: Number, default: 0 }, d = { type: Number, default: 2 }, B = o({
   columnCache: a,
   columnWidth: i,
   estimatedColumnWidth: l,
@@ -110,7 +111,7 @@ const i = e({
   scrollbarEndGap: d,
   role: String,
   ...c
-}), B = o({
+}), C = o({
   alwaysOn: Boolean,
   class: String,
   layout: p,
@@ -133,8 +134,8 @@ const i = e({
   visible: Boolean
 });
 export {
-  O as virtualizedGridProps,
-  P as virtualizedListProps,
+  B as virtualizedGridProps,
+  O as virtualizedListProps,
   c as virtualizedProps,
-  B as virtualizedScrollbarProps
+  C as virtualizedScrollbarProps
 };

package/es/components/watermark/index.js

@@ -4,11 +4,12 @@ import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { withInstall as r } from "../../utils/vue/install.js";
 import "lodash-es";
+import "../form/index.js";
 import t from "./watermark.vue2.js";
-import { watermarkProps as c } from "./watermark.js";
-const s = r(t);
+import { watermarkProps as k } from "./watermark.js";
+const l = r(t);
 export {
-  s as VftWatermark,
-  s as default,
-  c as watermarkProps
+  l as VftWatermark,
+  l as default,
+  k as watermarkProps
 };

package/es/components/watermark/watermark.js

@@ -3,7 +3,8 @@ 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";
-const i = e({
+import "../form/index.js";
+const u = e({
   /**
    * @description The z-index of the appended watermark element
    */
@@ -58,5 +59,5 @@ const i = e({
   }
 });
 export {
-  i as watermarkProps
+  u as watermarkProps
 };

package/es/hooks/use-attrs/index.js

@@ -4,7 +4,8 @@ import { debugWarn as c } from "../../utils/error.js";
 import "../../components/config-provider/hooks/use-global-config.js";
 import { computed as t, getCurrentInstance as a } from "vue";
 import { fromPairs as l } from "lodash-es";
-const i = ["class", "style"], m = /^on[A-Z]/, I = (s = {}) => {
+import "../../components/form/index.js";
+const i = ["class", "style"], m = /^on[A-Z]/, L = (s = {}) => {
   const { excludeListeners: n = !1, excludeKeys: o } = s, u = t(() => (o?.value || []).concat(i)), e = a();
   return e ? t(
     () => l(
@@ -18,5 +19,5 @@ const i = ["class", "style"], m = /^on[A-Z]/, I = (s = {}) => {
   ), t(() => ({})));
 };
 export {
-  I as useAttrs
+  L as useAttrs
 };

package/es/hooks/use-draggable/index.js

@@ -3,13 +3,14 @@ import "@vft/utils";
 import { addUnit as p } from "../../utils/helper.js";
 import { onMounted as W, watchEffect as B, onBeforeUnmount as U } from "vue";
 import "lodash-es";
-const q = (t, e, g) => {
-  let c = {
+import "../../components/form/index.js";
+const z = (t, e, g) => {
+  let m = {
     offsetX: 0,
     offsetY: 0
   };
-  const m = (u) => {
-    const L = u.clientX, M = u.clientY, { offsetX: n, offsetY: s } = c, o = t.value.getBoundingClientRect(), a = o.left, l = o.top, w = o.width, X = o.height, Y = document.documentElement.clientWidth, x = document.documentElement.clientHeight, b = -a + n, D = -l + s, H = Y - a - w + n, T = x - l - X + s, r = (v) => {
+  const c = (u) => {
+    const L = u.clientX, M = u.clientY, { offsetX: n, offsetY: s } = m, o = t.value.getBoundingClientRect(), a = o.left, l = o.top, w = o.width, X = o.height, Y = document.documentElement.clientWidth, x = document.documentElement.clientHeight, b = -a + n, D = -l + s, H = Y - a - w + n, T = x - l - X + s, r = (v) => {
       const f = Math.min(
         Math.max(n + v.clientX - L, b),
         H
@@ -17,7 +18,7 @@ const q = (t, e, g) => {
         Math.max(s + v.clientY - M, D),
         T
       );
-      c = {
+      m = {
         offsetX: f,
         offsetY: h
       }, t.value.style.transform = `translate(${p(
@@ -28,9 +29,9 @@ const q = (t, e, g) => {
     };
     document.addEventListener("mousemove", r), document.addEventListener("mouseup", d);
   }, E = () => {
-    e.value && t.value && e.value.addEventListener("mousedown", m);
+    e.value && t.value && e.value.addEventListener("mousedown", c);
   }, i = () => {
-    e.value && t.value && e.value.removeEventListener("mousedown", m);
+    e.value && t.value && e.value.removeEventListener("mousedown", c);
   };
   W(() => {
     B(() => {
@@ -41,5 +42,5 @@ const q = (t, e, g) => {
   });
 };
 export {
-  q as useDraggable
+  z as useDraggable
 };

package/es/hooks/use-empty-values/index.js

@@ -4,7 +4,8 @@ import { isFunction as t } from "@vft/utils";
 import { debugWarn as c } from "../../utils/error.js";
 import "../../components/config-provider/hooks/use-global-config.js";
 import { buildProps as y } from "../../utils/vue/props/runtime.js";
-const C = Symbol("emptyValuesContextKey"), p = "use-empty-values", d = ["", void 0, null], f = void 0, _ = y({
+import "../../components/form/index.js";
+const p = Symbol("emptyValuesContextKey"), C = "use-empty-values", d = ["", void 0, null], f = void 0, g = y({
   /**
    * @description empty values supported by the component
    */
@@ -17,11 +18,11 @@ const C = Symbol("emptyValuesContextKey"), p = "use-empty-values", d = ["", void
     default: void 0,
     validator: (e) => t(e) ? !e() : !e
   }
-}), g = (e, a) => {
-  const l = v() ? m(C, r({})) : r({}), u = o(
+}), F = (e, a) => {
+  const l = v() ? m(p, r({})) : r({}), u = o(
     () => e.emptyValues || l.value.emptyValues || d
   ), n = o(() => t(e.valueOnClear) ? e.valueOnClear() : e.valueOnClear !== void 0 ? e.valueOnClear : t(l.value.valueOnClear) ? l.value.valueOnClear() : l.value.valueOnClear !== void 0 ? l.value.valueOnClear : a !== void 0 ? a : f), s = (i) => u.value.includes(i);
-  return u.value.includes(n.value) || c(p, "value-on-clear should be a value of empty-values"), {
+  return u.value.includes(n.value) || c(C, "value-on-clear should be a value of empty-values"), {
     emptyValues: u,
     valueOnClear: n,
     isEmptyValue: s
@@ -30,8 +31,8 @@ const C = Symbol("emptyValuesContextKey"), p = "use-empty-values", d = ["", void
 export {
   d as DEFAULT_EMPTY_VALUES,
   f as DEFAULT_VALUE_ON_CLEAR,
-  p as SCOPE,
-  C as emptyValuesContextKey,
-  g as useEmptyValues,
-  _ as useEmptyValuesProps
+  C as SCOPE,
+  p as emptyValuesContextKey,
+  F as useEmptyValues,
+  g as useEmptyValuesProps
 };

package/es/hooks/use-focus-controller/index.js

@@ -4,7 +4,8 @@ import { isElement as C, isFunction as p } from "@vft/utils";
 import { isFocusable as k } from "../../utils/dom/aria.js";
 import "../../components/config-provider/hooks/use-global-config.js";
 import "lodash-es";
-function B(s, {
+import "../../components/form/index.js";
+function D(s, {
   disabled: n,
   beforeFocus: i,
   afterFocus: v,
@@ -34,5 +35,5 @@ function B(s, {
   };
 }
 export {
-  B as useFocusController
+  D as useFocusController
 };

package/es/hooks/use-id/index.js

@@ -4,11 +4,12 @@ import "@vft/utils";
 import { debugWarn as d } from "../../utils/error.js";
 import "../../components/config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../../components/form/index.js";
 import { useGetDerivedNamespace as p } from "../use-namespace/index.js";
 const r = {
   prefix: Math.floor(Math.random() * 1e4),
   current: 0
-}, m = Symbol("vftIdInjection"), a = () => c() ? i(m, r) : r, N = (t) => {
+}, m = Symbol("vftIdInjection"), a = () => c() ? i(m, r) : r, h = (t) => {
   const e = a();
   !s && e === r && d(
     "IdInjection",
@@ -25,6 +26,6 @@ usage: app.provide(ID_INJECTION_KEY, {
 };
 export {
   m as ID_INJECTION_KEY,
-  N as useId,
+  h as useId,
   a as useIdInjection
 };

package/es/hooks/use-lockscreen/index.js

@@ -1,35 +1,36 @@
-import { hasClass as r, getStyle as a, addClass as p, removeClass as f } from "@vft/utils";
+import { hasClass as c, getStyle as a, addClass as p, removeClass as f } from "@vft/utils";
 import { isClient as y } from "@vueuse/core";
 import { getScrollBarWidth as h } from "../../utils/dom/scroll.js";
 import { throwError as b } from "../../utils/error.js";
 import "../../components/config-provider/hooks/use-global-config.js";
 import { isRef as v, computed as w, watch as C, onScopeDispose as H } from "vue";
 import "lodash-es";
+import "../../components/form/index.js";
 import { useNamespace as S } from "../use-namespace/index.js";
-const O = (s, l = {}) => {
+const D = (s, m = {}) => {
   v(s) || b(
     "[useLockscreen]",
     "You need to pass a ref param to this function"
   );
-  const d = l.ns || S("popup"), o = w(() => d.bm("parent", "hidden"));
-  if (!y || r(document.body, o.value))
+  const d = m.ns || S("popup"), o = w(() => d.bm("parent", "hidden"));
+  if (!y || c(document.body, o.value))
     return;
   let t = 0, e = !1, n = "0";
-  const c = () => {
+  const r = () => {
     setTimeout(() => {
       f(document?.body, o.value), e && document && (document.body.style.width = n);
     }, 200);
   };
-  C(s, (m) => {
-    if (!m) {
-      c();
+  C(s, (i) => {
+    if (!i) {
+      r();
       return;
     }
-    e = !r(document.body, o.value), e && (n = document.body.style.width), t = h(d.namespace.value);
-    const i = document.documentElement.clientHeight < document.body.scrollHeight, u = a(document.body, "overflowY");
-    t > 0 && (i || u === "scroll") && e && (document.body.style.width = `calc(100% - ${t}px)`), p(document.body, o.value);
-  }), H(() => c());
+    e = !c(document.body, o.value), e && (n = document.body.style.width), t = h(d.namespace.value);
+    const l = document.documentElement.clientHeight < document.body.scrollHeight, u = a(document.body, "overflowY");
+    t > 0 && (l || u === "scroll") && e && (document.body.style.width = `calc(100% - ${t}px)`), p(document.body, o.value);
+  }), H(() => r());
 };
 export {
-  O as useLockscreen
+  D as useLockscreen
 };

package/es/hooks/use-ordered-children/index.js

@@ -4,9 +4,10 @@ import "@vft/utils";
 import "../../components/config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import { flattedChildren as R } from "../../utils/vue/vnode.js";
+import "../../components/form/index.js";
 const S = (l, u, r) => R(l.subTree).filter(
   (e) => O(e) && e.type?.name === u && !!e.component
-).map((e) => e.component.uid).map((e) => r[e]).filter((e) => !!e), I = (l, u) => {
+).map((e) => e.component.uid).map((e) => r[e]).filter((e) => !!e), T = (l, u) => {
   const r = m({}), c = m([]), d = /* @__PURE__ */ new WeakMap(), e = (t) => {
     r.value[t.uid] = t, p(r), M(() => {
       const o = t.getVnode().el, n = o.parentNode;
@@ -46,5 +47,5 @@ const S = (l, u, r) => R(l.subTree).filter(
   };
 };
 export {
-  I as useOrderedChildren
+  T as useOrderedChildren
 };

package/es/hooks/use-z-index/index.js

@@ -2,13 +2,14 @@ import "@vueuse/core";
 import { isNumber as m, isClient as p } from "@vft/utils";
 import { debugWarn as l } from "../../utils/error.js";
 import "../../components/config-provider/hooks/use-global-config.js";
-import { ref as v, getCurrentInstance as i, inject as e, computed as c, unref as Z } from "vue";
+import { getCurrentInstance as i, inject as e, computed as c, unref as v, ref as Z } from "vue";
 import "lodash-es";
+import "../../components/form/index.js";
 const s = {
   current: 0
-}, u = v(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), j = (I) => {
+}, u = Z(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
   const n = i() ? e(d, s) : s, x = I || (i() ? e(y, void 0) : void 0), t = c(() => {
-    const r = Z(x);
+    const r = v(x);
     return m(r) ? r : f;
   }), o = c(() => t.value + u.value), a = () => (n.current++, u.value = n.current, o.value);
   return !p && !e(d) && l(
@@ -24,6 +25,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`
 export {
   d as ZINDEX_INJECTION_KEY,
   f as defaultInitialZIndex,
-  j as useZIndex,
+  K as useZIndex,
   y as zIndexContextKey
 };

package/es/index.js

@@ -141,6 +141,9 @@ export { buildProp, buildProps, definePropType, epPropKey, isEpProp } from "./ut
 export { cAF, rAF } from "./utils/vue/raf.js";
 export { composeRefs } from "./utils/vue/refs.js";
 export { PatchFlags, ensureOnlyChild, flattedChildren, getFirstValidNode, getNormalizedProps, isComment, isFragment, isTemplate, isText, isValidElementNode, renderBlock, renderIf } from "./utils/vue/vnode.js";
+export { useTable } from "./components/table/use/use-table.js";
+export { ACTION_FIELD, CHECKED_FIELD, CREATE_TIME_FIELD, DATE_FIELD, DATE_TIME_FIELD, ID_FIELD, NAME_FIELD, SEQ_FIELD, STATUS_FIELD, UPDATE_TIME_FIELD } from "./components/table/field.js";
+export { getDynamicProps, useForm } from "./components/super-form/use/use-form.js";
 export { CompResolver } from "./comp-resolver.js";
 export { makeInstaller } from "./make-installer.js";
 export { default as VftPopperArrow } from "./components/popper/arrow.vue2.js";
@@ -178,8 +181,6 @@ export { sliderContextKey } from "./components/slider/constants.js";
 export { sliderEmits } from "./components/slider/slider.js";
 export { spaceProps } from "./components/space/space.js";
 export { useSpace } from "./components/space/use-space.js";
-export { ACTION_FIELD, CHECKED_FIELD, CREATE_TIME_FIELD, DATE_FIELD, DATE_TIME_FIELD, ID_FIELD, NAME_FIELD, SEQ_FIELD, STATUS_FIELD, UPDATE_TIME_FIELD } from "./components/table/field.js";
-export { useTable } from "./components/table/use/use-table.js";
 export { addRequire, removeRequire, selectMapping } from "./components/table/utils.js";
 export { TabsRootContextKey } from "./components/tabs/types.js";
 export { timePickerDefaultProps, timePickerRangeTriggerProps, timePickerRngeTriggerProps } from "./components/time-picker/common/props.js";
@@ -204,7 +205,6 @@ export { vLoading, createLoadingDirective } from "./components/loading/directive
 export { Loading } from "./components/loading/service.js";
 export { messageDefaults, messageTypes } from "./components/message/types.js";
 export { isDatePicker, isInput, isRangePicker } from "./components/super-form/component-map.js";
-export { getDynamicProps, useForm } from "./components/super-form/use/use-form.js";
 
 
 const install = installer.install;

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.394",
+  "version": "0.0.396",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.394";
+const o = "0.0.396";
 export {
   o as version
 };

package/es/utils/index.d.ts

@@ -6,3 +6,6 @@ export * from './helper';
 export * from './ns-cover';
 export * from './typescript';
 export * from './vue';
+export * from 'vft/es/components/table/use/use-table';
+export * from 'vft/es/components/table/field';
+export * from 'vft/es/components/super-form/use/use-form';