vft 0.0.142 → 0.0.144

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

@@ -58,12 +58,12 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
             onChange?: ((...args: any[]) => any) | undefined;
             readonly tabindex?: string | number | undefined;
             readonly disabled?: boolean | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             readonly checked?: boolean | undefined;
             readonly indeterminate?: boolean | undefined;
             readonly trueValue?: string | number | undefined;
             readonly falseValue?: string | number | undefined;
             readonly controls?: string | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -106,6 +106,10 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
             disabled: {
                 type: import("vue").PropType<boolean>;
             };
+            validateEvent: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             checked: {
                 type: import("vue").PropType<boolean>;
             };
@@ -121,10 +125,6 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
             controls: {
                 type: import("vue").PropType<string>;
             };
-            validateEvent: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
         }>> & {
             onChange?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -178,6 +178,10 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        validateEvent: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         checked: {
             type: import("vue").PropType<boolean>;
         };
@@ -193,10 +197,6 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
         controls: {
             type: import("vue").PropType<string>;
         };
-        validateEvent: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
     }>> & {
         onChange?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -232,6 +232,10 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    validateEvent: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     checked: {
         type: import("vue").PropType<boolean>;
     };
@@ -247,10 +251,6 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
     controls: {
         type: import("vue").PropType<string>;
     };
-    validateEvent: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -320,13 +320,13 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
                 onChange?: ((...args: any[]) => any) | undefined;
                 readonly tabindex?: string | number | undefined;
                 readonly disabled?: boolean | undefined;
+                readonly validateEvent?: boolean | undefined;
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 readonly checked?: boolean | undefined;
                 readonly indeterminate?: boolean | undefined;
                 readonly trueValue?: string | number | undefined;
                 readonly falseValue?: string | number | undefined;
                 readonly controls?: string | undefined;
-                readonly validateEvent?: boolean | undefined;
-                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -577,8 +577,8 @@ export declare const VftCheckbox: import("vft/es/utils").SFCWithInstall<{
                 readonly disabled?: boolean | undefined;
                 readonly min?: number | undefined;
                 readonly max?: number | undefined;
-                readonly textColor?: string | undefined;
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                readonly textColor?: string | undefined;
                 readonly useButton?: boolean | undefined;
             };
             $attrs: {
@@ -821,13 +821,13 @@ export declare const VftCheckboxButton: import("vft/es/utils").SFCWithInstall<{
             onChange?: ((...args: any[]) => any) | undefined;
             readonly tabindex?: string | number | undefined;
             readonly disabled?: boolean | undefined;
+            readonly validateEvent?: boolean | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             readonly checked?: boolean | undefined;
             readonly indeterminate?: boolean | undefined;
             readonly trueValue?: string | number | undefined;
             readonly falseValue?: string | number | undefined;
             readonly controls?: string | undefined;
-            readonly validateEvent?: boolean | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -1078,8 +1078,8 @@ export declare const VftCheckboxGroup: import("vft/es/utils").SFCWithInstall<{
             readonly disabled?: boolean | undefined;
             readonly min?: number | undefined;
             readonly max?: number | undefined;
-            readonly textColor?: string | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            readonly textColor?: string | undefined;
             readonly useButton?: boolean | undefined;
         };
         $attrs: {

package/es/components/checkbox/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as m, withNoopInstall as o } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import p from "./checkbox.vue2.js";
 import t from "./checkbox-button.vue2.js";

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

@@ -12,15 +12,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     expanded: {
         type: import("vue").PropType<boolean>;
     };
-    location: {
-        type: import("vue").PropType<"start" | "end" | "middle">;
-    };
     ellipsis: {
         type: import("vue").PropType<string>;
     };
     autoResize: {
         type: import("vue").PropType<boolean>;
     };
+    location: {
+        type: import("vue").PropType<"start" | "end" | "middle">;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "clamp-change": (data: boolean) => void;
     "update:expanded": (data: boolean) => void;
@@ -38,15 +38,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     expanded: {
         type: import("vue").PropType<boolean>;
     };
-    location: {
-        type: import("vue").PropType<"start" | "end" | "middle">;
-    };
     ellipsis: {
         type: import("vue").PropType<string>;
     };
     autoResize: {
         type: import("vue").PropType<boolean>;
     };
+    location: {
+        type: import("vue").PropType<"start" | "end" | "middle">;
+    };
 }>> & {
     "onClamp-change"?: ((data: boolean) => any) | undefined;
     "onUpdate:expanded"?: ((data: boolean) => any) | undefined;

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

@@ -10,9 +10,9 @@ const K = ["aria-label"], P = M({
     maxHeight: {},
     maxLines: { default: 1 },
     expanded: { type: Boolean, default: !1 },
-    location: { default: "end" },
     ellipsis: { default: "…" },
-    autoResize: { type: Boolean, default: !1 }
+    autoResize: { type: Boolean, default: !1 },
+    location: { default: "end" }
   },
   emits: ["clamp-change", "update:expanded"],
   setup(e, { emit: R }) {

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

@@ -52,8 +52,8 @@ export declare const VftClamp: import("vft/es/utils").SFCWithInstall<{
             }>) => void)[] | undefined;
             readonly ellipsis?: string | undefined;
             readonly expanded?: boolean | undefined;
-            readonly location?: "start" | "end" | "middle" | undefined;
             readonly autoResize?: boolean | undefined;
+            readonly location?: "start" | "end" | "middle" | undefined;
             "onClamp-change"?: ((data: boolean) => any) | undefined;
             "onUpdate:expanded"?: ((data: boolean) => any) | undefined;
         };
@@ -84,15 +84,15 @@ export declare const VftClamp: import("vft/es/utils").SFCWithInstall<{
             expanded: {
                 type: import("vue").PropType<boolean>;
             };
-            location: {
-                type: import("vue").PropType<"start" | "end" | "middle">;
-            };
             ellipsis: {
                 type: import("vue").PropType<string>;
             };
             autoResize: {
                 type: import("vue").PropType<boolean>;
             };
+            location: {
+                type: import("vue").PropType<"start" | "end" | "middle">;
+            };
         }>> & {
             "onClamp-change"?: ((data: boolean) => any) | undefined;
             "onUpdate:expanded"?: ((data: boolean) => any) | undefined;
@@ -133,15 +133,15 @@ export declare const VftClamp: import("vft/es/utils").SFCWithInstall<{
         expanded: {
             type: import("vue").PropType<boolean>;
         };
-        location: {
-            type: import("vue").PropType<"start" | "end" | "middle">;
-        };
         ellipsis: {
             type: import("vue").PropType<string>;
         };
         autoResize: {
             type: import("vue").PropType<boolean>;
         };
+        location: {
+            type: import("vue").PropType<"start" | "end" | "middle">;
+        };
     }>> & {
         "onClamp-change"?: ((data: boolean) => any) | undefined;
         "onUpdate:expanded"?: ((data: boolean) => any) | undefined;
@@ -163,15 +163,15 @@ export declare const VftClamp: import("vft/es/utils").SFCWithInstall<{
     expanded: {
         type: import("vue").PropType<boolean>;
     };
-    location: {
-        type: import("vue").PropType<"start" | "end" | "middle">;
-    };
     ellipsis: {
         type: import("vue").PropType<string>;
     };
     autoResize: {
         type: import("vue").PropType<boolean>;
     };
+    location: {
+        type: import("vue").PropType<"start" | "end" | "middle">;
+    };
 }>> & {
     "onClamp-change"?: ((data: boolean) => any) | undefined;
     "onUpdate:expanded"?: ((data: boolean) => any) | undefined;

package/es/components/clamp/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 m from "./clamp.vue2.js";
 const s = t(m);

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

@@ -1,18 +1,18 @@
-import { defineComponent as i, computed as m, openBlock as l, createBlock as g, unref as a, normalizeStyle as p, withCtx as c, createElementBlock as d, normalizeClass as u, toDisplayString as f, createCommentVNode as x } from "vue";
-import { VftClamp as z } from "../clamp/index.js";
+import { defineComponent as i, computed as g, openBlock as l, createBlock as p, unref as a, normalizeStyle as d, withCtx as u, createElementBlock as c, normalizeClass as f, toDisplayString as x, createCommentVNode as z } from "vue";
+import { VftClamp as C } from "../clamp/index.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { generateCssVars as C } from "../../utils/ns-cover.js";
+import { generateCssVars as y } from "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as y } from "../../hooks/use-namespace/index.js";
+import { useNamespace as h } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const h = ["onClick"], k = (
+const k = ["onClick"], s = (
   /* hoist-static*/
-  y("clamp-toggle")
+  h("clamp-toggle")
 ), B = i({
-  name: "vft-clamp-toggle"
-}), b = /* @__PURE__ */ i({
+  name: s.b()
+}), D = /* @__PURE__ */ i({
   ...B,
   props: {
     text: {},
@@ -29,12 +29,12 @@ const h = ["onClick"], k = (
     toggleText: { default: ["展开", "收缩"] }
   },
   setup(t) {
-    const s = m(() => C(
+    const n = g(() => y(
       { color: t.color, size: t.size, toggleColor: t.toggleColor, toggleSize: t.toggleSize },
       "clamp-toggle"
     ));
-    return (e, S) => (l(), g(a(z), {
-      style: p(s.value),
+    return (e, S) => (l(), p(a(C), {
+      style: d(n.value),
       text: e.text,
       maxHeight: e.maxHeight,
       maxLines: e.maxLines,
@@ -43,17 +43,17 @@ const h = ["onClick"], k = (
       ellipsis: e.ellipsis,
       autoResize: e.autoResize
     }, {
-      after: c(({ toggle: n, expanded: o, clamped: r }) => [
-        o || r ? (l(), d("span", {
+      after: u(({ toggle: r, expanded: o, clamped: m }) => [
+        o || m ? (l(), c("span", {
           key: 0,
-          class: u(["cursor-pointer", a(k).e("more")]),
-          onClick: n
-        }, f(o ? e.toggleText[1] : e.toggleText[0]), 11, h)) : x("", !0)
+          class: f(["cursor-pointer", a(s).e("more")]),
+          onClick: r
+        }, x(o ? e.toggleText[1] : e.toggleText[0]), 11, k)) : z("", !0)
       ]),
       _: 1
     }, 8, ["style", "text", "maxHeight", "maxLines", "expanded", "location", "ellipsis", "autoResize"]));
   }
 });
 export {
-  b as default
+  D as default
 };

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/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);