vft 0.0.239 → 0.0.240

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

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

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

@@ -83,7 +83,7 @@ export declare const ACTION_FIELD: ({ confirmText, leftCallback, rightCallback,
     slots: {
         default: ({ row }: {
             row: any;
-        }) => VNode;
+        }) => any;
     };
 };
 export {};

package/es/components/table/field.js

@@ -1,9 +1,9 @@
-import { createVNode as e, ref as I, Fragment as Y, isVNode as _ } from "vue";
-import { formatToDateTime as l, isNullOrUndefined as M } from "@vft/utils";
+import { createVNode as p, ref as I, Fragment as Y, isVNode as _ } from "vue";
+import { formatToDateTime as d, isNullOrUndefined as h } from "@vft/utils";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../backtop/index.js";
-import { VftButton as D } from "../button/index.js";
+import { VftButton as f } from "../button/index.js";
 import "../card/index.js";
 import "../check-tag/index.js";
 import "../checkbox/index.js";
@@ -45,7 +45,7 @@ import "../multiple-tabs/index.js";
 import "../overlay/index.js";
 import "../page-wrapper/index.js";
 import "../pagination/index.js";
-import { VftPopconfirm as F } from "../popconfirm/index.js";
+import { VftPopconfirm as M } from "../popconfirm/index.js";
 import "../popover/index.js";
 import "../popper/index.js";
 import "../qrcode/index.js";
@@ -63,7 +63,7 @@ import "../space/index.js";
 import "../switch/index.js";
 import "./index.js";
 import "../tabs/index.js";
-import { VftTag as E } from "../tag/index.js";
+import { VftTag as c } from "../tag/index.js";
 import "../time-picker/index.js";
 import "../tooltip/index.js";
 import "../tree/index.js";
@@ -97,96 +97,96 @@ import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
-function u(i) {
-  return typeof i == "function" || Object.prototype.toString.call(i) === "[object Object]" && !_(i);
+function n(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !_(t);
 }
-const Ei = {
+const ci = {
   type: "seq",
   title: "序号",
   fixed: "left",
   width: 53
-}, li = {
+}, di = {
   type: "checkbox",
   title: "",
   minWidth: 60,
   fixed: "left"
-}, ai = {
+}, Di = {
   field: "id",
   title: "Id",
   minWidth: 100
-}, ci = {
+}, Ei = {
   field: "name",
   title: "名称",
   minWidth: 100
 }, Ii = ({
-  format: i = "YYYY-MM-DD",
-  field: t = "date",
+  format: t = "YYYY-MM-DD",
+  field: i = "date",
   title: o = "时间"
 } = {}) => ({
   minWidth: 100,
-  field: t,
+  field: i,
   title: o,
   formatter: ({
     row: r
-  }) => r[t] ? l(r[t], i) : "-"
-}), a = ({
-  format: i = "YYYY-MM-DD HH:mm:ss",
-  field: t = "date",
+  }) => r[i] ? d(r[i], t) : "-"
+}), D = ({
+  format: t = "YYYY-MM-DD HH:mm:ss",
+  field: i = "date",
   title: o = "时间"
 } = {}) => ({
   minWidth: 190,
-  field: t,
+  field: i,
   title: o,
   formatter: ({
     row: r
-  }) => r[t] ? l(r[t], i) : "-"
+  }) => r[i] ? d(r[i], t) : "-"
 }), Yi = ({
-  format: i = "YYYY-MM-DD HH:mm:ss",
-  field: t = "createTime",
+  format: t = "YYYY-MM-DD HH:mm:ss",
+  field: i = "createTime",
   title: o = "创建时间"
-} = {}) => a({
-  format: i,
-  field: t,
+} = {}) => D({
+  format: t,
+  field: i,
   title: o
 }), _i = ({
-  format: i = "YYYY-MM-DD HH:mm:ss",
-  field: t = "updateTime",
+  format: t = "YYYY-MM-DD HH:mm:ss",
+  field: i = "updateTime",
   title: o = "更新时间"
-} = {}) => a({
-  format: i,
-  field: t,
+} = {}) => D({
+  format: t,
+  field: i,
   title: o
-}), Mi = ({
-  field: i = "status",
-  title: t = "状态",
+}), hi = ({
+  field: t = "status",
+  title: i = "状态",
   normalText: o = "正常",
   disabledText: r = "禁用",
-  strToNumber: n = !0
+  strToNumber: e = !0
 } = {}) => ({
-  field: i,
-  title: t,
+  field: t,
+  title: i,
   minWidth: 100,
   slots: {
     default: ({
-      row: s
+      row: l
     }) => {
-      let m = s == null ? void 0 : s[i];
-      return M(m) ? "-" : (n && Number(m) === 0 && (m = !1), m ? e(E, null, u(o) ? o : {
+      let m = l?.[t];
+      return h(m) ? "-" : (e && Number(m) === 0 && (m = !1), m ? p(c, null, n(o) ? o : {
         default: () => [o]
-      }) : e(E, {
+      }) : p(c, {
         type: "danger"
-      }, u(r) ? r : {
+      }, n(r) ? r : {
         default: () => [r]
       }));
     }
   }
-}), Fi = ({
-  confirmText: i = "确认删除?",
-  leftCallback: t,
+}), Mi = ({
+  confirmText: t = "确认删除?",
+  leftCallback: i,
   rightCallback: o,
   leftText: r = "编辑",
-  rightText: n = "删除",
-  showLeft: s = !0,
+  rightText: e = "删除",
+  showLeft: l = !0,
   showRight: m = !0
 } = {}) => ({
   title: "操作栏",
@@ -194,50 +194,49 @@ const Ei = {
   fixed: "right",
   slots: {
     default: ({
-      row: d
+      row: u
     }) => {
-      const f = I(!1), c = () => {
-        var p;
-        f.value = !0, (p = o == null ? void 0 : o(d)) == null || p.finally(() => {
-          f.value = !1;
+      const a = I(!1), E = () => {
+        a.value = !0, o?.(u)?.finally(() => {
+          a.value = !1;
         });
       };
-      return e(Y, null, [s ? e(D, {
+      return p(Y, null, [l ? p(f, {
         size: "small",
         type: "primary",
-        onClick: (p) => {
-          p.stopPropagation(), t == null || t(d);
+        onClick: (s) => {
+          s.stopPropagation(), i?.(u);
         }
-      }, u(r) ? r : {
+      }, n(r) ? r : {
         default: () => [r]
-      }) : null, m ? e(F, {
+      }) : null, m ? p(M, {
         width: "150",
-        onConfirm: c,
-        title: i
+        onConfirm: E,
+        title: t
       }, {
-        reference: () => e(D, {
-          loading: f.value,
+        reference: () => p(f, {
+          loading: a.value,
           size: "small",
           type: "danger",
-          onClick: (p) => {
-            p.stopPropagation();
+          onClick: (s) => {
+            s.stopPropagation();
           }
-        }, u(n) ? n : {
-          default: () => [n]
+        }, n(e) ? e : {
+          default: () => [e]
         })
       }) : null]);
     }
   }
 });
 export {
-  Fi as ACTION_FIELD,
-  li as CHECKED_FIELD,
+  Mi as ACTION_FIELD,
+  di as CHECKED_FIELD,
   Yi as CREATE_TIME_FIELD,
   Ii as DATE_FIELD,
-  a as DATE_TIME_FIELD,
-  ai as ID_FIELD,
-  ci as NAME_FIELD,
-  Ei as SEQ_FIELD,
-  Mi as STATUS_FIELD,
+  D as DATE_TIME_FIELD,
+  Di as ID_FIELD,
+  Ei as NAME_FIELD,
+  ci as SEQ_FIELD,
+  hi as STATUS_FIELD,
   _i as UPDATE_TIME_FIELD
 };