vft 0.0.394 → 0.0.396

package/es/components/cascader-panel/utils.js

@@ -4,15 +4,16 @@ import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import "lodash-es";
-const x = (e) => {
+import "../form/index.js";
+const g = (e) => {
   if (!e) return 0;
   const i = e.id.split("-");
   return Number(i[i.length - 2]);
-}, g = (e) => {
+}, k = (e) => {
   if (!e) return;
   const i = e.querySelector("input");
   i ? i.click() : p(e) && e.click();
-}, k = (e, i) => {
+}, y = (e, i) => {
   const t = i.slice(0), o = t.map((r) => r.uid), s = e.reduce((r, c) => {
     const n = o.indexOf(c.uid);
     return n > -1 && (r.push(c), t.splice(n, 1), o.splice(n, 1)), r;
@@ -20,7 +21,7 @@ const x = (e) => {
   return s.push(...t), s;
 };
 export {
-  g as checkNode,
-  x as getMenuIndex,
-  k as sortByOriginalOrder
+  k as checkNode,
+  g as getMenuIndex,
+  y as sortByOriginalOrder
 };

package/es/components/check-tag/check-tag.vue2.js

@@ -1,16 +1,17 @@
-import { defineComponent as o, computed as s, createElementBlock as i, openBlock as l, normalizeClass as p, renderSlot as d } from "vue";
+import { defineComponent as o, computed as s, createElementBlock as i, openBlock as p, normalizeClass as l, renderSlot as d } from "vue";
 import { CHANGE_EVENT as h } from "../../constants/event.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as k } 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-check-tag"
-}), z = /* @__PURE__ */ o({
+}), A = /* @__PURE__ */ o({
   ...u,
   props: {
     checked: { type: Boolean, default: !1 }
@@ -20,8 +21,8 @@ const u = o({
     const t = k("check-tag"), c = a, n = s(() => [t.b(), t.is("checked", e.checked)]), m = () => {
       c(h, !e.checked), c("update:checked", !e.checked);
     };
-    return (r, f) => (l(), i("span", {
-      class: p(n.value),
+    return (r, f) => (p(), i("span", {
+      class: l(n.value),
       onClick: m
     }, [
       d(r.$slots, "default")
@@ -29,5 +30,5 @@ const u = o({
   }
 });
 export {
-  z as default
+  A as default
 };

package/es/components/check-tag/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 "./check-tag.vue2.js";
-const c = t(o);
+const e = t(o);
 export {
-  c as VftCheckTag,
-  c as default
+  e as VftCheckTag,
+  e as default
 };

package/es/components/checkbox/checkbox-button.vue2.js

@@ -3,12 +3,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 w } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { useCheckbox as E } from "./composables/use-checkbox.js";
-import "../form/index.js";
 import { checkboxGroupContextKey as G } from "./constants.js";
 const K = ["name", "tabindex", "disabled", "true-value", "false-value"], U = ["name", "tabindex", "disabled", "value"], M = c({
   name: "VftCheckboxButton"

package/es/components/checkbox/checkbox.vue2.js

@@ -3,12 +3,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 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 { useCheckbox as x } from "./composables/use-checkbox.js";
-import "../form/index.js";
 const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"], q = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"], A = S({
   name: "vft-checkbox"
 }), ae = /* @__PURE__ */ S({

package/es/components/checkbox/index.js

@@ -4,18 +4,19 @@ import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { withInstall as m, withNoopInstall as o } from "../../utils/vue/install.js";
 import "lodash-es";
+import "../form/index.js";
 import p from "./checkbox.vue2.js";
 import t from "./checkbox-button.vue2.js";
 import r from "./checkbox-group.vue2.js";
-import { checkboxGroupContextKey as l } from "./constants.js";
-const b = m(p, {
+import { checkboxGroupContextKey as G } from "./constants.js";
+const k = m(p, {
   CheckboxButton: t,
   CheckboxGroup: r
-}), k = o(t), u = o(r);
+}), u = o(t), C = o(r);
 export {
-  b as VftCheckbox,
-  k as VftCheckboxButton,
-  u as VftCheckboxGroup,
-  l as checkboxGroupContextKey,
-  b as default
+  k as VftCheckbox,
+  u as VftCheckboxButton,
+  C as VftCheckboxGroup,
+  G as checkboxGroupContextKey,
+  k as default
 };

package/es/components/clamp/clamp.vue2.js

@@ -1,12 +1,13 @@
-import { defineComponent as M, ref as v, reactive as N, computed as u, watch as s, nextTick as E, onUnmounted as V, onMounted as q, createElementBlock as D, openBlock as G, normalizeStyle as I, createElementVNode as w, renderSlot as B } from "vue";
+import { defineComponent as M, ref as v, reactive as N, computed as u, watch as s, nextTick as E, onUnmounted as V, onMounted as p, createElementBlock as q, openBlock as D, normalizeStyle as G, createElementVNode as w, renderSlot as B } from "vue";
 import "@vueuse/core";
-import { addListener as J, removeListener as K } from "@vft/utils";
-import { addUnit as P } from "../../utils/helper.js";
+import { addListener as I, removeListener as J } from "@vft/utils";
+import { addUnit as K } from "../../utils/helper.js";
 import "lodash-es";
-const Q = ["title", "aria-label"], W = M({
+import "../form/index.js";
+const P = ["title", "aria-label"], Q = M({
   name: "vft-clamp"
-}), ee = /* @__PURE__ */ M({
-  ...W,
+}), te = /* @__PURE__ */ M({
+  ...Q,
   props: {
     text: {},
     maxHeight: {},
@@ -24,14 +25,14 @@ const Q = ["title", "aria-label"], W = M({
       unregisterResizeCallback: null
     }), j = u(() => {
       if (!l.localExpanded && e.maxHeight)
-        return P(e.maxHeight);
+        return K(e.maxHeight);
     }), y = () => {
       x.value && (x.value.textContent = S.value);
     }, c = () => {
       l.localExpanded || (y(), (d() || n.value) && g());
     }, k = () => {
-      e.text && (l.offset = e.text.length, C(), e.autoResize && a.value && (J(a.value, c), l.unregisterResizeCallback = () => {
-        a.value && K(a.value, c);
+      e.text && (l.offset = e.text.length, C(), e.autoResize && a.value && (I(a.value, c), l.unregisterResizeCallback = () => {
+        a.value && J(a.value, c);
       }), c());
     }, C = () => {
       l.unregisterResizeCallback?.();
@@ -111,15 +112,15 @@ const Q = ["title", "aria-label"], W = M({
       }
     ), V(() => {
       C();
-    }), q(() => {
+    }), p(() => {
       k();
     }), T({
       isClamped: n
-    }), (t, i) => (G(), D("div", {
+    }), (t, i) => (D(), q("div", {
       ref_key: "textClampRef",
       ref: a,
       class: "text-clamp",
-      style: I({
+      style: G({
         overflow: "hidden",
         maxHeight: j.value
       })
@@ -140,7 +141,7 @@ const Q = ["title", "aria-label"], W = M({
           ref: x,
           title: t.text,
           "aria-label": t.text
-        }, null, 8, Q),
+        }, null, 8, P),
         B(t.$slots, "after", {
           expand: L,
           collapse: b,
@@ -153,5 +154,5 @@ const Q = ["title", "aria-label"], W = M({
   }
 });
 export {
-  ee as default
+  te as default
 };

package/es/components/clamp/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 m from "./clamp.vue2.js";
-const s = t(m);
+const n = t(m);
 export {
-  s as VftClamp,
-  s as default
+  n as VftClamp,
+  n as default
 };

package/es/components/clamp-toggle/clamp-toggle.vue2.js

@@ -1,17 +1,18 @@
-import { defineComponent as i, computed as g, createBlock as p, openBlock as l, unref as a, normalizeStyle as c, withCtx as d, createElementBlock as u, createCommentVNode as f, normalizeClass as x, toDisplayString as z } from "vue";
+import { defineComponent as i, computed as p, createBlock as g, openBlock as l, unref as a, normalizeStyle as c, withCtx as d, createElementBlock as u, createCommentVNode as f, normalizeClass as x, toDisplayString as z } from "vue";
 import { VftClamp as C } from "../clamp/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import { generateCssVars as h } from "../../utils/ns-cover.js";
 import "lodash-es";
+import "../form/index.js";
 import { useNamespace as y } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const k = ["onClick"], B = i({
   name: "vft-clamp-toggle"
-}), q = /* @__PURE__ */ i({
+}), A = /* @__PURE__ */ i({
   ...B,
   props: {
     text: {},
@@ -28,11 +29,11 @@ const k = ["onClick"], B = i({
     toggleText: { default: () => ["展开", "收缩"] }
   },
   setup(t) {
-    const r = y("clamp-toggle"), s = g(() => h(
+    const r = y("clamp-toggle"), s = p(() => h(
       { color: t.color, size: t.size, toggleColor: t.toggleColor, toggleSize: t.toggleSize },
       "clamp-toggle"
     ));
-    return (e, S) => (l(), p(a(C), {
+    return (e, S) => (l(), g(a(C), {
       style: c(s.value),
       text: e.text,
       "max-height": e.maxHeight,
@@ -54,5 +55,5 @@ const k = ["onClick"], B = i({
   }
 });
 export {
-  q as default
+  A as default
 };

package/es/components/clamp-toggle/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 "./clamp-toggle.vue2.js";
-const s = t(o);
+const e = t(o);
 export {
-  s as VftClampToggle,
-  s as default
+  e as VftClampToggle,
+  e as default
 };

package/es/components/clamp-tooltip/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 "./clamp-tooltip.vue2.js";
-const s = t(o);
+const n = t(o);
 export {
-  s as VftClampTooltip,
-  s as default
+  n as VftClampTooltip,
+  n as default
 };

package/es/components/col/col.vue2.js

@@ -4,6 +4,7 @@ import "@vueuse/core";
 import { isNumber as u, isObject as _ } from "@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";
@@ -11,7 +12,7 @@ import "../../hooks/use-z-index/index.js";
 import { rowContextKey as j } from "../row/constants.js";
 const E = c({
   name: "vft-col"
-}), F = /* @__PURE__ */ c({
+}), G = /* @__PURE__ */ c({
   ...E,
   props: {
     tag: { default: "div" },
@@ -56,5 +57,5 @@ const E = c({
   }
 });
 export {
-  F as default
+  G as default
 };

package/es/components/col/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 "./col.vue2.js";
-const s = t(o);
+const n = t(o);
 export {
-  s as VftCol,
-  s as default
+  n as VftCol,
+  n as default
 };

package/es/components/collapse/collapse-item.js

@@ -2,8 +2,9 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "vue";
-import { buildProps as t, definePropType as e } from "../../utils/vue/props/runtime.js";
-const m = t({
+import { buildProps as t, definePropType as o } from "../../utils/vue/props/runtime.js";
+import "../form/index.js";
+const a = t({
   /**
    * @description title of the panel
    */
@@ -15,7 +16,7 @@ const m = t({
    * @description unique identification of the panel
    */
   name: {
-    type: e([String, Number]),
+    type: o([String, Number]),
     default: void 0
   },
   /**
@@ -31,5 +32,5 @@ const m = t({
   disabled: Boolean
 });
 export {
-  m as collapseItemProps
+  a as collapseItemProps
 };

package/es/components/collapse/collapse.js

@@ -5,7 +5,8 @@ import { CHANGE_EVENT as m, UPDATE_MODEL_EVENT as n } from "../../constants/even
 import "vue";
 import { mutable as s } from "../../utils/typescript.js";
 import { buildProps as a, definePropType as r } from "../../utils/vue/props/runtime.js";
-const t = (o) => i(o) || e(o) || p(o), b = a({
+import "../form/index.js";
+const t = (o) => i(o) || e(o) || p(o), g = a({
   /**
    * @description whether to activate accordion mode
    */
@@ -32,12 +33,12 @@ const t = (o) => i(o) || e(o) || p(o), b = a({
       Function
     )
   }
-}), g = {
+}), N = {
   [n]: t,
   [m]: t
 };
 export {
-  g as collapseEmits,
-  b as collapseProps,
+  N as collapseEmits,
+  g as collapseProps,
   t as emitChangeFn
 };

package/es/components/collapse/index.js

@@ -4,21 +4,22 @@ import "../config-provider/hooks/use-global-config.js";
 import "vue";
 import { withInstall as t, withNoopInstall as p } from "../../utils/vue/install.js";
 import "lodash-es";
+import "../form/index.js";
 import m from "./collapse.vue2.js";
 import o from "./collapse-item.vue2.js";
-import { collapseEmits as _, collapseProps as h, emitChangeFn as w } from "./collapse.js";
-import { collapseItemProps as V } from "./collapse-item.js";
-import { collapseContextKey as g } from "./constants.js";
-const c = t(m, {
+import { collapseEmits as h, collapseProps as w, emitChangeFn as P } from "./collapse.js";
+import { collapseItemProps as d } from "./collapse-item.js";
+import { collapseContextKey as u } from "./constants.js";
+const x = t(m, {
   CollapseItem: o
-}), x = p(o);
+}), C = p(o);
 export {
-  c as VftCollapse,
-  x as VftCollapseItem,
-  g as collapseContextKey,
-  _ as collapseEmits,
-  V as collapseItemProps,
-  h as collapseProps,
-  c as default,
-  w as emitChangeFn
+  x as VftCollapse,
+  C as VftCollapseItem,
+  u as collapseContextKey,
+  h as collapseEmits,
+  d as collapseItemProps,
+  w as collapseProps,
+  x as default,
+  P as emitChangeFn
 };

package/es/components/collapse/use-collapse-item.js

@@ -3,15 +3,16 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
+import "../form/index.js";
 import { useIdInjection as I } from "../../hooks/use-id/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";
 import { collapseContextKey as g } from "./constants.js";
-const T = (a) => {
-  const c = v(g), { namespace: l } = C("collapse"), n = b(!1), e = b(!1), r = I(), m = t(() => r.current++), i = t(() => a.name ?? `${l.value}-id-${r.prefix}-${s(m)}`), d = t(
-    () => c?.activeNames.value.includes(s(i))
+const y = (a) => {
+  const c = v(g), { namespace: i } = C("collapse"), n = b(!1), e = b(!1), r = I(), m = t(() => r.current++), l = t(() => a.name ?? `${i.value}-id-${r.prefix}-${s(m)}`), d = t(
+    () => c?.activeNames.value.includes(s(l))
   );
   return {
     focusing: n,
@@ -23,28 +24,28 @@ const T = (a) => {
       }, 50);
     },
     handleHeaderClick: (o) => {
-      a.disabled || o.target?.closest("input, textarea, select") || (c?.handleItemClick(s(i)), n.value = !1, e.value = !0);
+      a.disabled || o.target?.closest("input, textarea, select") || (c?.handleItemClick(s(l)), n.value = !1, e.value = !0);
     },
     handleEnterClick: (o) => {
-      o.target?.closest("input, textarea, select") || (o.preventDefault(), c?.handleItemClick(s(i)));
+      o.target?.closest("input, textarea, select") || (o.preventDefault(), c?.handleItemClick(s(l)));
     }
   };
-}, y = (a, { focusing: c, isActive: l, id: n }) => {
+}, M = (a, { focusing: c, isActive: i, id: n }) => {
   const e = C("collapse"), r = t(() => [
     e.b("item"),
-    e.is("active", s(l)),
+    e.is("active", s(i)),
     e.is("disabled", a.disabled)
   ]), m = t(() => [
     e.be("item", "header"),
-    e.is("active", s(l)),
+    e.is("active", s(i)),
     { focusing: s(c) && !a.disabled }
-  ]), i = t(() => [
+  ]), l = t(() => [
     e.be("item", "arrow"),
-    e.is("active", s(l))
+    e.is("active", s(i))
   ]), d = t(() => [e.be("item", "title")]), u = t(() => e.be("item", "wrap")), p = t(() => e.be("item", "content")), f = t(() => e.b(`content-${s(n)}`)), o = t(() => e.b(`head-${s(n)}`));
   return {
     itemTitleKls: d,
-    arrowKls: i,
+    arrowKls: l,
     headKls: m,
     rootKls: r,
     itemWrapperKls: u,
@@ -54,6 +55,6 @@ const T = (a) => {
   };
 };
 export {
-  T as useCollapseItem,
-  y as useCollapseItemDOM
+  y as useCollapseItem,
+  M as useCollapseItemDOM
 };

package/es/components/collapse/use-collapse.js

@@ -5,12 +5,13 @@ import { throwError as E, debugWarn as b } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import { UPDATE_MODEL_EVENT as N, CHANGE_EVENT as P } from "../../constants/event.js";
 import { castArray as m } from "lodash-es";
+import "../form/index.js";
 import { useNamespace as O } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { collapseContextKey as V } from "./constants.js";
-const u = "VftCollapse", k = (r, l) => {
+const u = "VftCollapse", G = (r, l) => {
   const t = p(m(r.modelValue)), i = (o) => {
     t.value = o;
     const e = r.accordion ? t.value[0] : t.value;
@@ -52,7 +53,7 @@ const u = "VftCollapse", k = (r, l) => {
     activeNames: t,
     setActiveNames: i
   };
-}, G = (r) => {
+}, H = (r) => {
   const l = O("collapse");
   return {
     rootKls: C(() => [
@@ -62,6 +63,6 @@ const u = "VftCollapse", k = (r, l) => {
   };
 };
 export {
-  k as useCollapse,
-  G as useCollapseDOM
+  G as useCollapse,
+  H as useCollapseDOM
 };

package/es/components/collapse-transition/collapse-transition.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 l } 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 = o({
   name: "vft-collapse-transition"
-}), u = /* @__PURE__ */ o({
+}), O = /* @__PURE__ */ o({
   ...f,
   setup(y) {
     const a = l("collapse-transition"), d = {
@@ -43,5 +44,5 @@ const f = o({
   }
 });
 export {
-  u as default
+  O as default
 };

package/es/components/color-picker/components/hue-slider.vue2.js

@@ -4,12 +4,13 @@ import "@vueuse/core";
 import "../../config-provider/hooks/use-global-config.js";
 import { defineComponent as T, getCurrentInstance as w, ref as a, computed as x, watch as B, onMounted as L } 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 v } from "../utils/draggable.js";
-const R = T({
+const S = T({
   name: "VftColorHueSlider",
   props: {
     color: {
@@ -91,5 +92,5 @@ const R = T({
   }
 });
 export {
-  R as default
+  S as default
 };

package/es/components/color-picker/components/predefine.vue2.js

@@ -3,13 +3,14 @@ import "@vft/utils";
 import "../../config-provider/hooks/use-global-config.js";
 import { defineComponent as f, inject as s, ref as p, watch as d, watchEffect as C } from "vue";
 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";
 import "../../../hooks/use-z-index/index.js";
 import { colorPickerContextKey as h } from "../contants.js";
-import a from "../utils/color.js";
-const k = f({
+import m from "../utils/color.js";
+const K = f({
   props: {
     colors: {
       type: Array,
@@ -21,11 +22,11 @@ const k = f({
     }
   },
   setup(o) {
-    const m = g("color-predefine"), { currentColor: i } = s(h), n = p(l(o.colors, o.color));
+    const a = g("color-predefine"), { currentColor: i } = s(h), n = p(l(o.colors, o.color));
     d(
       () => i.value,
       (e) => {
-        const t = new a();
+        const t = new m();
         t.fromString(e), n.value.forEach((c) => {
           c.selected = t.compare(c);
         });
@@ -38,17 +39,17 @@ const k = f({
     }
     function l(e, t) {
       return e.map((c) => {
-        const r = new a();
+        const r = new m();
         return r.enableAlpha = !0, r.format = "rgba", r.fromString(c), r.selected = r.value === t.value, r;
       });
     }
     return {
       rgbaColors: n,
       handleSelect: u,
-      ns: m
+      ns: a
     };
   }
 });
 export {
-  k as default
+  K as default
 };