vft 0.0.142 → 0.0.145

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

@@ -1,14 +1,17 @@
 export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
     value: {
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
-    width: {
-        type: import("vue").PropType<string | number>;
-    };
     borderColor: {
         type: import("vue").PropType<string>;
     };
+    id: {
+        type: import("vue").PropType<string>;
+    };
     name: {
         type: import("vue").PropType<string>;
     };
@@ -16,15 +19,9 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
-    id: {
-        type: import("vue").PropType<string>;
-    };
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
-    tabindex: {
-        type: import("vue").PropType<string | number>;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -33,6 +30,9 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    tabindex: {
+        type: import("vue").PropType<string | number>;
+    };
     validateEvent: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -73,17 +73,24 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
 }, {
     focus: () => void;
     checked: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "input")[], "update:modelValue" | "change" | "input", 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;
+    input: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
     value: {
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
-    width: {
-        type: import("vue").PropType<string | number>;
-    };
     borderColor: {
         type: import("vue").PropType<string>;
     };
+    id: {
+        type: import("vue").PropType<string>;
+    };
     name: {
         type: import("vue").PropType<string>;
     };
@@ -91,15 +98,9 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
-    id: {
-        type: import("vue").PropType<string>;
-    };
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
-    tabindex: {
-        type: import("vue").PropType<string | number>;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -108,6 +109,9 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    tabindex: {
+        type: import("vue").PropType<string | number>;
+    };
     validateEvent: {
         type: import("vue").PropType<boolean>;
         default: boolean;

package/es/components/switch/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 "./switch.vue2.js";
 const c = t(o);

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

@@ -24,16 +24,19 @@ export interface SwitchProps {
     tabindex?: string | number;
 }
 declare const _default: import("vue").DefineComponent<{
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
     value: {
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
-    width: {
-        type: import("vue").PropType<string | number>;
-    };
     borderColor: {
         type: import("vue").PropType<string>;
     };
+    id: {
+        type: import("vue").PropType<string>;
+    };
     name: {
         type: import("vue").PropType<string>;
     };
@@ -41,15 +44,9 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
-    id: {
-        type: import("vue").PropType<string>;
-    };
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
-    tabindex: {
-        type: import("vue").PropType<string | number>;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -58,6 +55,9 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    tabindex: {
+        type: import("vue").PropType<string | number>;
+    };
     validateEvent: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -104,17 +104,24 @@ declare const _default: import("vue").DefineComponent<{
      * @description whether Switch is checked
      */
     checked: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "input")[], "update:modelValue" | "change" | "input", 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;
+    input: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
     value: {
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
-    width: {
-        type: import("vue").PropType<string | number>;
-    };
     borderColor: {
         type: import("vue").PropType<string>;
     };
+    id: {
+        type: import("vue").PropType<string>;
+    };
     name: {
         type: import("vue").PropType<string>;
     };
@@ -122,15 +129,9 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string | number | boolean>;
         default: boolean;
     };
-    id: {
-        type: import("vue").PropType<string>;
-    };
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
-    tabindex: {
-        type: import("vue").PropType<string | number>;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -139,6 +140,9 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    tabindex: {
+        type: import("vue").PropType<string | number>;
+    };
     validateEvent: {
         type: import("vue").PropType<boolean>;
         default: boolean;

package/es/components/switch/switch.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as H, computed as s, ref as T, watch as w, onMounted as Z, openBlock as n, createElementBlock as u, normalizeClass as r, normalizeStyle as M, withModifiers as ee, createElementVNode as B, unref as o, withKeys as ae, createBlock as V, normalizeProps as E, mergeProps as I, createCommentVNode as c, toDisplayString as N, nextTick as oe } from "vue";
-import { singleAttrToObj as U, addUnit as ie, isPromise as j, isBoolean as te } from "@vft/utils";
+import { defineComponent as H, computed as s, ref as T, watch as w, onMounted as Z, openBlock as n, createElementBlock as u, normalizeClass as r, normalizeStyle as M, withModifiers as ee, createElementVNode as B, unref as i, withKeys as ae, createBlock as V, normalizeProps as E, mergeProps as I, createCommentVNode as c, toDisplayString as N, nextTick as oe } from "vue";
+import { singleAttrToObj as U, addUnit as ie, isPromise as j, isBoolean as le } from "@vft/utils";
 import "../form/index.js";
 import { VftIcon as C } from "../icon/index.js";
 import { UPDATE_MODEL_EVENT as P, CHANGE_EVENT as S, INPUT_EVENT as _ } from "../../constants/event.js";
 import "@vueuse/core";
-import { debugWarn as G, throwError as le } from "../../utils/error.js";
+import { debugWarn as G, throwError as te } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
 import "lodash";
 import { useNamespace as ne } from "../../hooks/use-namespace/index.js";
@@ -12,11 +12,11 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { useFormItem as re, useFormItemInputId as ce } from "../form/hooks/use-form-item.js";
 import { useFormSize as se, useFormDisabled as ue } from "../form/hooks/use-form-common-props.js";
-const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"], me = ["aria-hidden"], pe = ["aria-hidden"], fe = ["aria-hidden"], i = (
+const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"], me = ["aria-hidden"], pe = ["aria-hidden"], fe = ["aria-hidden"], o = (
   /* hoist-static*/
   ne("switch")
 ), he = H({
-  name: "vft-switch"
+  name: o.b()
 }), _e = /* @__PURE__ */ H({
   ...he,
   props: {
@@ -51,10 +51,10 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
     ), f = s(
       () => U(a.inactiveIcon, "icon")
     ), y = ue(s(() => a.loading)), g = T(a.modelValue !== !1), h = T(), J = T(), Q = s(() => [
-      i.b(),
-      i.m($.value),
-      i.is("disabled", y.value),
-      i.is("checked", t.value)
+      o.b(),
+      o.m($.value),
+      o.is("disabled", y.value),
+      o.is("checked", l.value)
     ]), R = s(() => ({
       width: ie(a.width)
     }));
@@ -69,15 +69,15 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
         g.value = !1;
       }
     );
-    const z = s(() => g.value ? a.modelValue : a.value), t = s(() => z.value === a.activeValue);
-    [a.activeValue, a.inactiveValue].includes(z.value) || (d(P, a.inactiveValue), d(S, a.inactiveValue), d(_, a.inactiveValue)), w(t, (e) => {
-      var l;
-      h.value.checked = e, a.validateEvent && ((l = v == null ? void 0 : v.validate) == null || l.call(v, "change").catch((b) => G(b)));
+    const z = s(() => g.value ? a.modelValue : a.value), l = s(() => z.value === a.activeValue);
+    [a.activeValue, a.inactiveValue].includes(z.value) || (d(P, a.inactiveValue), d(S, a.inactiveValue), d(_, a.inactiveValue)), w(l, (e) => {
+      var t;
+      h.value.checked = e, a.validateEvent && ((t = v == null ? void 0 : v.validate) == null || t.call(v, "change").catch((b) => G(b)));
     });
     const k = () => {
-      const e = t.value ? a.inactiveValue : a.activeValue;
+      const e = l.value ? a.inactiveValue : a.activeValue;
       d(P, e), d(S, e), d(_, e), oe(() => {
-        h.value.checked = t.value;
+        h.value.checked = l.value;
       });
     }, D = () => {
       if (y.value)
@@ -87,28 +87,28 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
         k();
         return;
       }
-      const l = e();
+      const t = e();
       [
-        j(l),
-        te(l)
-      ].includes(!0) || le(
-        i.b(),
+        j(t),
+        le(t)
+      ].includes(!0) || te(
+        o.b(),
         "beforeChange must return type `Promise<boolean>` or `boolean`"
-      ), j(l) ? l.then((p) => {
+      ), j(t) ? t.then((p) => {
         p && k();
       }).catch((p) => {
-        G(i.b(), `some error occurred: ${p}`);
-      }) : l && k();
-    }, X = s(() => i.cssVarBlock({
+        G(o.b(), `some error occurred: ${p}`);
+      }) : t && k();
+    }, X = s(() => o.cssVarBlock({
       ...a.activeColor ? { "on-color": a.activeColor } : null,
       ...a.inactiveColor ? { "off-color": a.inactiveColor } : null,
       ...a.borderColor ? { "border-color": a.borderColor } : null
     })), Y = () => {
-      var e, l;
-      (l = (e = h.value) == null ? void 0 : e.focus) == null || l.call(e);
+      var e, t;
+      (t = (e = h.value) == null ? void 0 : e.focus) == null || t.call(e);
     };
     return Z(() => {
-      h.value.checked = t.value;
+      h.value.checked = l.value;
     }), W({
       /**
        *  @description manual focus to the switch component
@@ -117,8 +117,8 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
       /**
        * @description whether Switch is checked
        */
-      checked: t
-    }), (e, l) => {
+      checked: l
+    }), (e, t) => {
       var b, p, x, F, K, O, A;
       return n(), u("div", {
         class: r(Q.value),
@@ -126,18 +126,18 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
         onClick: ee(D, ["prevent"])
       }, [
         B("input", {
-          id: o(q),
+          id: i(q),
           ref_key: "input",
           ref: h,
-          class: r(o(i).e("input")),
+          class: r(i(o).e("input")),
           type: "checkbox",
           role: "switch",
-          "aria-checked": t.value,
-          "aria-disabled": o(y),
+          "aria-checked": l.value,
+          "aria-disabled": i(y),
           name: e.name,
           "true-value": e.activeValue,
           "false-value": e.inactiveValue,
-          disabled: o(y),
+          disabled: i(y),
           tabindex: e.tabindex,
           onChange: k,
           onKeydown: ae(D, ["enter"])
@@ -145,40 +145,40 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
         !e.inlinePrompt && (e.inactiveIcon || e.inactiveText) ? (n(), u("span", {
           key: 0,
           class: r([
-            o(i).e("label"),
-            o(i).em("label", "left"),
-            o(i).is("active", !t.value)
+            i(o).e("label"),
+            i(o).em("label", "left"),
+            i(o).is("active", !l.value)
           ])
         }, [
-          (b = f.value) != null && b.icon ? (n(), V(o(C), E(I({ key: 0 }, f.value)), null, 16)) : c("", !0),
+          (b = f.value) != null && b.icon ? (n(), V(i(C), E(I({ key: 0 }, f.value)), null, 16)) : c("", !0),
           !((p = f.value) != null && p.icon) && e.inactiveText ? (n(), u("span", {
             key: 1,
-            "aria-hidden": t.value
+            "aria-hidden": l.value
           }, N(e.inactiveText), 9, me)) : c("", !0)
         ], 2)) : c("", !0),
         B("span", {
           ref_key: "core",
           ref: J,
-          class: r(o(i).e("core")),
+          class: r(i(o).e("core")),
           style: M(R.value)
         }, [
           e.inlinePrompt ? (n(), u("div", {
             key: 0,
-            class: r(o(i).e("inner"))
+            class: r(i(o).e("inner"))
           }, [
-            (x = m.value) != null && x.icon || (F = f.value) != null && F.icon ? (n(), V(o(C), E(I({ key: 0 }, t.value ? m.value : f.value)), null, 16)) : e.activeText || e.inactiveText ? (n(), u("span", {
+            (x = m.value) != null && x.icon || (F = f.value) != null && F.icon ? (n(), V(i(C), E(I({ key: 0 }, l.value ? m.value : f.value)), null, 16)) : e.activeText || e.inactiveText ? (n(), u("span", {
               key: 1,
-              class: r(o(i).is("text")),
-              "aria-hidden": !t.value
-            }, N(t.value ? e.activeText : e.inactiveText), 11, pe)) : c("", !0)
+              class: r(i(o).is("text")),
+              "aria-hidden": !l.value
+            }, N(l.value ? e.activeText : e.inactiveText), 11, pe)) : c("", !0)
           ], 2)) : c("", !0),
           B("div", {
-            class: r(o(i).e("action"))
+            class: r(i(o).e("action"))
           }, [
-            e.loading ? (n(), V(o(C), {
+            e.loading ? (n(), V(i(C), {
               key: 0,
               rotate: "",
-              class: r(o(i).is("loading")),
+              class: r(i(o).is("loading")),
               icon: "icon-loading"
             }, null, 8, ["class"])) : c("", !0)
           ], 2)
@@ -186,15 +186,15 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
         !e.inlinePrompt && ((K = m.value) != null && K.icon || e.activeText) ? (n(), u("span", {
           key: 1,
           class: r([
-            o(i).e("label"),
-            o(i).em("label", "right"),
-            o(i).is("active", t.value)
+            i(o).e("label"),
+            i(o).em("label", "right"),
+            i(o).is("active", l.value)
           ])
         }, [
-          (O = m.value) != null && O.icon ? (n(), V(o(C), E(I({ key: 0 }, m.value)), null, 16)) : c("", !0),
+          (O = m.value) != null && O.icon ? (n(), V(i(C), E(I({ key: 0 }, m.value)), null, 16)) : c("", !0),
           !((A = m.value) != null && A.icon) && e.activeText ? (n(), u("span", {
             key: 1,
-            "aria-hidden": !t.value
+            "aria-hidden": !l.value
           }, N(e.activeText), 9, fe)) : c("", !0)
         ], 2)) : c("", !0)
       ], 14, de);