vft 0.0.149 → 0.0.151

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

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

package/es/components/table/field.d.ts

@@ -64,7 +64,7 @@ export declare const STATUS_FIELD: ({ field, title, normalText, disabledText, st
     slots: {
         default: ({ row }: {
             row: any;
-        }) => "-" | JSX.Element;
+        }) => any;
     };
 };
 interface ActionFieldProps {
@@ -83,7 +83,7 @@ export declare const ACTION_FIELD: ({ confirmText, leftCallback, rightCallback,
     slots: {
         default: ({ row }: {
             row: any;
-        }) => JSX.Element;
+        }) => any;
     };
 };
 export {};