vft 0.0.142 → 0.0.145

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

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import o from "./clamp-toggle.vue2.js";
 const s = t(o);

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

@@ -1,10 +1,8 @@
-import { ColSize } from './types';
-export interface ColProps {
+import type { ColSize, ColSizeObject } from './types';
+export interface ColProps extends ColSizeObject {
+    /** 自定义元素标签 */
     tag?: string;
-    span?: number;
-    offset?: number;
-    pull?: number;
-    push?: number;
+    /** 以下为响应式栅格数或者栅格属性对象 pc 使用 */
     xs?: ColSize;
     sm?: ColSize;
     md?: ColSize;
@@ -28,10 +26,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    pull: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     xs: {
         type: import("vue").PropType<ColSize>;
     };
@@ -47,6 +41,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     xl: {
         type: import("vue").PropType<ColSize>;
     };
+    pull: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     push: {
         type: import("vue").PropType<number>;
@@ -64,10 +62,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    pull: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     xs: {
         type: import("vue").PropType<ColSize>;
     };
@@ -83,6 +77,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     xl: {
         type: import("vue").PropType<ColSize>;
     };
+    pull: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
 }>>, {
     push: number;
     span: number;

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

@@ -1,4 +1,4 @@
-import { defineComponent as c, inject as d, computed as n, openBlock as h, createBlock as $, resolveDynamicComponent as g, normalizeClass as b, normalizeStyle as v, withCtx as x, renderSlot as y } from "vue";
+import { defineComponent as c, inject as d, computed as n, openBlock as h, createBlock as $, resolveDynamicComponent as b, normalizeClass as g, normalizeStyle as v, withCtx as x, renderSlot as y } from "vue";
 import { isNumber as u, isObject as _ } from "@vft/utils";
 import "../row/index.js";
 import "@vueuse/core";
@@ -8,44 +8,46 @@ import { useNamespace as C } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { rowContextKey as j } from "../row/constants.js";
-const o = (
+const e = (
   /* hoist-static*/
   C("col")
 ), E = c({
-  name: "vft-col"
+  name: e.b()
 }), A = /* @__PURE__ */ c({
   ...E,
   props: {
     tag: { default: "div" },
-    span: { default: 24 },
-    offset: { default: 0 },
-    pull: { default: 0 },
-    push: { default: 0 },
     xs: {},
     sm: {},
     md: {},
     lg: {},
-    xl: {}
+    xl: {},
+    span: { default: 24 },
+    offset: { default: 0 },
+    pull: { default: 0 },
+    push: { default: 0 }
   },
   setup(f) {
-    const e = f, { gutter: a } = d(j, { gutter: n(() => 0) }), i = n(() => {
+    const o = f, { gutter: a } = d(j, { gutter: n(() => 0) }), i = n(() => {
       const t = {};
       return a.value && (t.paddingLeft = t.paddingRight = `${a.value / 2}px`), t;
     }), m = n(() => {
       const t = [];
       return ["span", "offset", "pull", "push"].forEach((s) => {
-        const l = e[s];
-        u(l) && (s === "span" ? t.push(o.b(`${e[s]}`)) : l > 0 && t.push(o.b(`${s}-${e[s]}`)));
+        const l = o[s];
+        u(l) && (s === "span" ? t.push(e.b(`${o[s]}`)) : l > 0 && t.push(e.b(`${s}-${o[s]}`)));
       }), ["xs", "sm", "md", "lg", "xl"].forEach((s) => {
-        u(e[s]) ? t.push(o.b(`${s}-${e[s]}`)) : _(e[s]) && Object.entries(e[s]).forEach(([l, r]) => {
-          t.push(
-            l !== "span" ? o.b(`${s}-${l}-${r}`) : o.b(`${s}-${r}`)
-          );
-        });
-      }), a.value && t.push(o.is("guttered")), [o.b(), t];
+        u(o[s]) ? t.push(e.b(`${s}-${o[s]}`)) : _(o[s]) && Object.entries(o[s]).forEach(
+          ([l, r]) => {
+            t.push(
+              l !== "span" ? e.b(`${s}-${l}-${r}`) : e.b(`${s}-${r}`)
+            );
+          }
+        );
+      }), a.value && t.push(e.is("guttered")), [e.b(), t];
     });
-    return (t, p) => (h(), $(g(t.tag), {
-      class: b(m.value),
+    return (t, p) => (h(), $(b(t.tag), {
+      class: g(m.value),
       style: v(i.value)
     }, {
       default: x(() => [

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

@@ -89,10 +89,6 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            pull: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             xs: {
                 type: import("vue").PropType<import("./types").ColSize>;
             };
@@ -108,6 +104,10 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
             xl: {
                 type: import("vue").PropType<import("./types").ColSize>;
             };
+            pull: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             push: number;
             span: number;
@@ -151,10 +151,6 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        pull: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         xs: {
             type: import("vue").PropType<import("./types").ColSize>;
         };
@@ -170,6 +166,10 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
         xl: {
             type: import("vue").PropType<import("./types").ColSize>;
         };
+        pull: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -191,10 +191,6 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    pull: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     xs: {
         type: import("vue").PropType<import("./types").ColSize>;
     };
@@ -210,6 +206,10 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
     xl: {
         type: import("vue").PropType<import("./types").ColSize>;
     };
+    pull: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     push: number;
     span: number;

package/es/components/col/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import o from "./col.vue2.js";
 const s = t(o);

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

@@ -1,7 +1,11 @@
 export type ColSizeObject = {
+    /** 栅格占据的列数 */
     span?: number;
+    /** 栅格左侧的间隔格数 */
     offset?: number;
+    /** 栅格向左移动格数 */
     pull?: number;
+    /** 栅格向右移动格数 */
     push?: number;
 };
 export type ColSize = number | ColSizeObject;

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

@@ -6,12 +6,15 @@ import "lodash";
 import { useNamespace as l } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-const f = o({
-  name: "VtfCollapseTransition"
+const d = (
+  /* hoist-static*/
+  l("collapse-transition")
+), f = o({
+  name: d.b()
 }), _ = /* @__PURE__ */ o({
   ...f,
   setup(y) {
-    const a = l("collapse-transition"), d = {
+    const a = {
       beforeEnter(t) {
         t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.style.maxHeight = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0;
       },
@@ -32,8 +35,8 @@ const f = o({
       }
     };
     return (t, c) => (e(), s(i, n({
-      name: r(a).b()
-    }, p(d)), {
+      name: r(d).b()
+    }, p(a)), {
       default: g(() => [
         m(t.$slots, "default")
       ]),

package/es/components/color-picker/color-picker.vue.d.ts

@@ -17,22 +17,22 @@ declare const _default: import("vue").DefineComponent<{
     label: {
         type: import("vue").PropType<string>;
     };
-    modelValue: {
+    id: {
         type: import("vue").PropType<string>;
     };
-    id: {
+    modelValue: {
         type: import("vue").PropType<string>;
     };
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
     tabindex: {
         type: import("vue").PropType<string | number>;
         default: number;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
     validateEvent: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -55,26 +55,31 @@ declare const _default: import("vue").DefineComponent<{
      */
     color: Color;
     showPicker: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "activeChange" | "click-outside")[], "update:modelValue" | "change" | "activeChange" | "click-outside", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    activeChange: (...args: any[]) => void;
+    "click-outside": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
     };
-    modelValue: {
+    id: {
         type: import("vue").PropType<string>;
     };
-    id: {
+    modelValue: {
         type: import("vue").PropType<string>;
     };
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
     tabindex: {
         type: import("vue").PropType<string | number>;
         default: number;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
     validateEvent: {
         type: import("vue").PropType<boolean>;
         default: boolean;

package/es/components/color-picker/index.d.ts

@@ -2,22 +2,22 @@ export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<impor
     label: {
         type: import("vue").PropType<string>;
     };
-    modelValue: {
+    id: {
         type: import("vue").PropType<string>;
     };
-    id: {
+    modelValue: {
         type: import("vue").PropType<string>;
     };
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
     tabindex: {
         type: import("vue").PropType<string | number>;
         default: number;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
     validateEvent: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -37,26 +37,31 @@ export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<impor
 }, {
     color: import("./utils/color").default;
     showPicker: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "activeChange" | "click-outside")[], "update:modelValue" | "change" | "activeChange" | "click-outside", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    activeChange: (...args: any[]) => void;
+    "click-outside": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
     };
-    modelValue: {
+    id: {
         type: import("vue").PropType<string>;
     };
-    id: {
+    modelValue: {
         type: import("vue").PropType<string>;
     };
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
     tabindex: {
         type: import("vue").PropType<string | number>;
         default: number;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
     validateEvent: {
         type: import("vue").PropType<boolean>;
         default: boolean;

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

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as o } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import t from "./color-picker.vue2.js";
 const s = o(t);

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

@@ -1,19 +1,19 @@
-import { defineComponent as r, watch as m, computed as f, onActivated as d, onDeactivated as l, onBeforeUnmount as u, getCurrentInstance as h, openBlock as g, createElementBlock as p, normalizeClass as v, unref as C, normalizeStyle as V, renderSlot as b } from "vue";
-import { inBrowser as k, kebabCase as y } from "@vft/utils";
+import { defineComponent as s, watch as o, computed as l, onActivated as d, onDeactivated as u, onBeforeUnmount as h, getCurrentInstance as g, openBlock as p, createElementBlock as C, normalizeClass as v, unref as b, normalizeStyle as V, renderSlot as k } from "vue";
+import { inBrowser as y, kebabCase as B } from "@vft/utils";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as B } from "../../hooks/use-namespace/index.js";
+import { useNamespace as D } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { messageConfig as D } from "./constants.js";
-import { provideGlobalConfig as E } from "./hooks/use-global-config.js";
-const L = (
+import { messageConfig as E } from "./constants.js";
+import { provideGlobalConfig as L } from "./hooks/use-global-config.js";
+const r = (
   /* hoist-static*/
-  B("config-provider")
-), S = r({
-  name: "vft-config-provider"
-}), N = /* @__PURE__ */ r({
+  D("config-provider")
+), S = s({
+  name: r.b()
+}), N = /* @__PURE__ */ s({
   ...S,
   props: {
     theme: { default: "light" },
@@ -29,46 +29,46 @@ const L = (
     button: {}
   },
   setup(t) {
-    m(
+    o(
       () => t.message,
       (e) => {
-        Object.assign(D, e ?? {});
+        Object.assign(E, e ?? {});
       },
       { immediate: !0, deep: !0 }
     );
-    const s = f(() => {
+    const i = l(() => {
       const e = t.theme === "dark";
-      return i({
+      return c({
         ...t.themeVars,
         ...e ? t.themeVarsDark : t.themeVarsLight
       });
     });
-    if (k) {
+    if (y) {
       const e = () => {
         document.documentElement.classList.add(t.theme);
       }, a = (n = t.theme) => {
         document.documentElement.classList.remove(n);
       };
-      m(
+      o(
         () => t.theme,
-        (n, o) => {
-          o && a(o), e();
+        (n, m) => {
+          m && a(m), e();
         },
         { immediate: !0 }
-      ), d(e), l(a), u(a);
+      ), d(e), u(a), h(a);
     }
-    function i(e) {
+    function c(e) {
       const a = {};
       return Object.keys(e).forEach((n) => {
-        a[`--${t.namespace}-${y(n)}`] = e[n];
+        a[`--${t.namespace}-${B(n)}`] = e[n];
       }), a;
     }
-    const c = h();
-    return E(c.props), (e, a) => (g(), p("div", {
-      class: v(C(L).b()),
-      style: V(s.value)
+    const f = g();
+    return L(f.props), (e, a) => (p(), C("div", {
+      class: v(b(r).b()),
+      style: V(i.value)
     }, [
-      b(e.$slots, "default")
+      k(e.$slots, "default")
     ], 6));
   }
 });

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

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as o } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import t from "./config-provider.vue2.js";
 import { configProviderContextKey as g, messageConfig as C } from "./constants.js";

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

@@ -3,25 +3,25 @@ import { addUnit as p } from "@vft/utils";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as f } from "../../hooks/use-namespace/index.js";
+import { useNamespace as u } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const e = (
+const t = (
   /* hoist-static*/
-  f("aside")
-), u = o({
-  name: "vft-aside"
+  u("aside")
+), f = o({
+  name: t.b()
 }), S = /* @__PURE__ */ o({
-  ...u,
+  ...f,
   props: {
     width: {}
   },
-  setup(t) {
+  setup(e) {
     const r = a(
-      () => t.width ? e.cssVarBlock({ width: p(t.width) }) : {}
+      () => e.width ? t.cssVarBlock({ width: p(e.width) }) : {}
     );
     return (s, h) => (i(), m("aside", {
-      class: n(l(e).b()),
+      class: n(l(t).b()),
       style: c(r.value)
     }, [
       d(s.$slots, "default")

package/es/components/container/container.vue.d.ts

@@ -3,11 +3,11 @@ export interface ContainerProps {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     direction: {
-        type: import("vue").PropType<"vertical" | "horizontal">;
+        type: import("vue").PropType<"horizontal" | "vertical">;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     direction: {
-        type: import("vue").PropType<"vertical" | "horizontal">;
+        type: import("vue").PropType<"horizontal" | "vertical">;
     };
 }>>, {}, {}>, {
     default?(_: {}): any;

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

@@ -1,4 +1,4 @@
-import { defineComponent as a, useSlots as l, computed as f, openBlock as m, createElementBlock as u, normalizeClass as p, unref as s, renderSlot as d } from "vue";
+import { defineComponent as a, useSlots as l, computed as m, openBlock as u, createElementBlock as f, normalizeClass as p, unref as i, renderSlot as d } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
@@ -6,25 +6,25 @@ import "lodash";
 import { useNamespace as v } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const i = (
+const t = (
   /* hoist-static*/
   v("container")
 ), _ = a({
-  name: "vft-container"
+  name: t.b()
 }), g = /* @__PURE__ */ a({
   ..._,
   props: {
     direction: {}
   },
-  setup(t) {
-    const e = l(), c = f(() => t.direction === "vertical" ? !0 : t.direction === "horizontal" ? !1 : e && e.default ? e.default().some((r) => {
-      const n = r.type.name;
-      return n === "vft-header" || n === "vft-footer";
+  setup(o) {
+    const e = l(), c = m(() => o.direction === "vertical" ? !0 : o.direction === "horizontal" ? !1 : e && e.default ? e.default().some((n) => {
+      const s = n.type.name;
+      return s === "vft-header" || s === "vft-footer";
     }) : !1);
-    return (o, r) => (m(), u("section", {
-      class: p([s(i).b(), s(i).is("vertical", c.value)])
+    return (r, n) => (u(), f("section", {
+      class: p([i(t).b(), i(t).is("vertical", c.value)])
     }, [
-      d(o.$slots, "default")
+      d(r.$slots, "default")
     ], 2));
   }
 });

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

@@ -6,22 +6,22 @@ import "lodash";
 import { useNamespace as u } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const t = (
+const e = (
   /* hoist-static*/
   u("footer")
 ), h = o({
-  name: "vft-footer"
+  name: e.b()
 }), S = /* @__PURE__ */ o({
   ...h,
   props: {
     height: {}
   },
-  setup(e) {
+  setup(t) {
     const r = m(
-      () => e.height ? t.cssVarBlock({ height: f(e.height) }) : {}
+      () => t.height ? e.cssVarBlock({ height: f(t.height) }) : {}
     );
     return (s, d) => (n(), a("footer", {
-      class: i(l(t).b()),
+      class: i(l(e).b()),
       style: c(r.value)
     }, [
       p(s.$slots, "default")