vft 0.0.311 → 0.0.313

package/es/components/col/index.d.ts

@@ -1,10 +1,10 @@
 export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        push: {
+        span: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        span: {
+        push: {
             type: import("vue").PropType<number>;
             default: number;
         };
@@ -36,8 +36,8 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
             default: number;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        push: number;
         span: number;
+        push: number;
         offset: number;
         tag: string;
         pull: number;
@@ -49,11 +49,11 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        push: {
+        span: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        span: {
+        push: {
             type: import("vue").PropType<number>;
             default: number;
         };
@@ -85,8 +85,8 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
             default: number;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
-        push: number;
         span: number;
+        push: number;
         offset: number;
         tag: string;
         pull: number;
@@ -95,11 +95,11 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    push: {
+    span: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    span: {
+    push: {
         type: import("vue").PropType<number>;
         default: number;
     };
@@ -131,8 +131,8 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
         default: number;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    push: number;
     span: number;
+    push: number;
     offset: number;
     tag: string;
     pull: number;

package/es/components/col/index.js

@@ -1,12 +1,13 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 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

@@ -1,9 +1,10 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
-import { buildProps as t, definePropType as e } from "../../utils/vue/props/runtime.js";
+import { buildProps as t, definePropType as o } from "../../utils/vue/props/runtime.js";
 import "vue";
-const m = t({
+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-item.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly disabled: BooleanConstructor;
 }>> & Readonly<{}>, {
     readonly title: string;
-    readonly name: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => import("vft/es/vft").CollapseActiveName) | (((new (...args: any[]) => string | number) | (() => import("vft/es/vft").CollapseActiveName)) | null)[], unknown, unknown>;
     readonly disabled: boolean;
+    readonly name: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => import("vft/es/vft").CollapseActiveName) | (((new (...args: any[]) => string | number) | (() => import("vft/es/vft").CollapseActiveName)) | null)[], unknown, unknown>;
     readonly icon: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/es/components/collapse/collapse.js

@@ -1,11 +1,12 @@
 import "@vueuse/core";
 import { isNumber as i, isString as e, isArray as p } from "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import { CHANGE_EVENT as m, UPDATE_MODEL_EVENT as n } from "../../constants/event.js";
 import "../../utils/ns-cover.js";
 import { mutable as s } from "../../utils/typescript.js";
 import { buildProps as a, definePropType as r } from "../../utils/vue/props/runtime.js";
 import "vue";
-const t = (o) => i(o) || e(o) || p(o), b = a({
+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

@@ -1,24 +1,25 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as t, withNoopInstall as p } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 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

@@ -1,6 +1,7 @@
 import { inject as v, ref as b, computed as t, unref 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 { useIdInjection as I } from "../../hooks/use-id/index.js";
@@ -9,9 +10,9 @@ 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

@@ -2,6 +2,7 @@ import { ref as p, watch as d, provide as v, computed as C } from "vue";
 import "@vueuse/core";
 import { isPromise as n, isBoolean as h } from "@vft/utils";
 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 "../../utils/ns-cover.js";
 import { castArray as m } from "lodash-es";
@@ -10,7 +11,7 @@ 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

@@ -1,6 +1,7 @@
 import { defineComponent as o, createBlock as e, openBlock as s, Transition as i, mergeProps as n, unref as r, toHandlers as p, withCtx as m, renderSlot as g } 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 l } from "../../hooks/use-namespace/index.js";
@@ -9,7 +10,7 @@ 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/color-picker.vue2.js

@@ -9,6 +9,7 @@ import { UPDATE_MODEL_EVENT as _, CHANGE_EVENT as ve } from "../../constants/eve
 import "@vueuse/core";
 import "@vft/utils";
 import { debugWarn as R } from "../../utils/error.js";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { debounce as be } from "lodash-es";
 import { useNamespace as he } from "../../hooks/use-namespace/index.js";
@@ -25,7 +26,7 @@ import { useFormItem as ye, useFormItemInputId as Ee } from "../form/hooks/use-f
 import { useFormSize as Ae, useFormDisabled as Ie } from "../form/hooks/use-form-common-props.js";
 const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"], _e = U({
   name: "VftColorPicker"
-}), eo = /* @__PURE__ */ U({
+}), oo = /* @__PURE__ */ U({
   ..._e,
   props: {
     modelValue: {},
@@ -271,5 +272,5 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
   }
 });
 export {
-  eo as default
+  oo as default
 };

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

@@ -1,6 +1,7 @@
 import { getClientXY as W } from "../../../utils/dom/position.js";
 import "@vft/utils";
 import "@vueuse/core";
+import "../../config-provider/hooks/use-global-config.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
 import { defineComponent as T, getCurrentInstance as w, ref as a, computed as x, watch as B, onMounted as L } from "vue";
@@ -9,7 +10,7 @@ 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

@@ -1,5 +1,6 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../../config-provider/hooks/use-global-config.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
 import { defineComponent as f, inject as s, ref as p, watch as d, watchEffect as C } from "vue";
@@ -8,8 +9,8 @@ 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
 };

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

@@ -1,6 +1,7 @@
-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 "../../../utils/ns-cover.js";
 import "lodash-es";
 import { defineComponent as M, getCurrentInstance as w, ref as d, computed as C, watch as b, onMounted as x } from "vue";
@@ -9,7 +10,7 @@ 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

@@ -1,6 +1,7 @@
-import { addUnit as M } from "@vft/utils";
 import { getClientXY as x } from "../../../utils/dom/position.js";
+import "@vft/utils";
 import "@vueuse/core";
+import { addUnit as M } from "../../../utils/helper.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
 import { getCurrentInstance as $, shallowRef as p, ref as m, onMounted as K, watch as H, computed as c } from "vue";
@@ -9,7 +10,7 @@ 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.d.ts

@@ -2,12 +2,12 @@ export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<impor
     label: {
         type: import("vue").PropType<string>;
     };
-    id: {
-        type: import("vue").PropType<string>;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    id: {
+        type: import("vue").PropType<string>;
+    };
     size: {
         type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
     };
@@ -46,12 +46,12 @@ export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<impor
     label: {
         type: import("vue").PropType<string>;
     };
-    id: {
-        type: import("vue").PropType<string>;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    id: {
+        type: import("vue").PropType<string>;
+    };
     size: {
         type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
     };

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

@@ -1,12 +1,13 @@
 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 "./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.vue.d.ts

@@ -20,6 +20,8 @@ export interface ConfigProviderProps {
     message?: MessageConfigContext;
     projectCfg?: Record<string, any>;
     button?: ButtonConfigContext;
+    baseUnit?: string | boolean;
+    baseUnitSize?: number;
 }
 declare function __VLS_template(): {
     default?(_: {}): any;