@aplus-frontend/ui 7.14.4 → 7.15.0

package/es/src/ap-field/select/index.vue.mjs

@@ -1,19 +1,20 @@
-import { defineComponent as ie, useSlots as de, ref as I, shallowRef as ce, computed as s, onMounted as pe, watch as fe, unref as n, createVNode as c, createElementBlock as _, createBlock as C, openBlock as p, toDisplayString as N, mergeProps as me, h as he, createSlots as ve, withCtx as f, createElementVNode as x, normalizeClass as m, createCommentVNode as M, resolveDynamicComponent as P, withModifiers as ye, renderList as ge, renderSlot as Ce, normalizeProps as be, guardReactiveProps as we } from "vue";
-import { Select as Se, Flex as D, Checkbox as T, Spin as ke } from "@aplus-frontend/antdv";
-import { debounce as Be, isFunction as q, isArray as Ne, isNil as xe, omit as L, isNumber as Fe } from "lodash-unified";
+import { defineComponent as pe, useSlots as fe, ref as k, shallowRef as me, computed as s, onMounted as he, watch as ve, unref as n, createVNode as f, createElementBlock as M, createBlock as C, openBlock as m, toDisplayString as B, mergeProps as ye, h as ge, createSlots as Ce, withCtx as h, createElementVNode as N, normalizeClass as v, createCommentVNode as P, resolveDynamicComponent as T, withModifiers as be, renderList as we, renderSlot as Se, normalizeProps as Fe, guardReactiveProps as Oe } from "vue";
+import { Select as ke, Flex as q, Checkbox as L, Spin as Be } from "@aplus-frontend/antdv";
+import { debounce as Ne, isFunction as R, isArray as xe, isNil as Ae, omit as z, isNumber as Ve } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "../../utils/index.mjs";
+import { useDevWarning as Ie } from "../../utils/warning.mjs";
 import "../../hooks/index.mjs";
-import { useDefaultPlaceholder as Oe } from "../hooks/use-default-placeholder.mjs";
-import Ae from "../style/index.mjs";
-import { useSelectOptions as Ve } from "./use-select-options.mjs";
-import { useNamespace as R } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as Ie } from "../../config-provider/hooks/use-locale.mjs";
-import { useControllableValue as _e } from "../../hooks/useControllableValue.mjs";
-import { isDef as z } from "../../utils/is.mjs";
-const Me = {
+import { useDefaultPlaceholder as _e } from "../hooks/use-default-placeholder.mjs";
+import De from "../style/index.mjs";
+import { useSelectOptions as Me } from "./use-select-options.mjs";
+import { isDef as x } from "../../utils/is.mjs";
+import { useNamespace as E } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as Pe } from "../../config-provider/hooks/use-locale.mjs";
+import { useControllableValue as Te } from "../../hooks/useControllableValue.mjs";
+const qe = {
   key: 0
-}, Pe = ["onClick"], Ge = /* @__PURE__ */ ie({
+}, Le = ["onClick"], Ze = /* @__PURE__ */ pe({
   name: "ApFieldSelect",
   __name: "index",
   props: {
@@ -154,8 +155,12 @@ const Me = {
       type: Boolean,
       default: !1
     },
-    lazy: {
+    fetchOnFocus: {
       type: Boolean,
+      default: void 0
+    },
+    lazy: {
+      type: [Boolean, String],
       default: !1
     },
     addAll: {
@@ -172,192 +177,201 @@ const Me = {
     }
   },
   emits: ["update:value"],
-  setup(E, {
-    expose: U,
-    emit: $
+  setup(U, {
+    expose: $,
+    emit: K
   }) {
     let r = 0;
-    const F = de(), e = E, {
+    const A = fe(), e = U, {
+      deprecated: j
+    } = Ie("ApFieldSelect");
+    j(!x(e.refetchOnFocus), "refetchOnFocus", "fetchOnFocus");
+    const {
       b
-    } = R("field-select"), {
-      b: i
-    } = R("field-select-popup-option"), K = Ae("field"), O = I(!1), {
-      t: A
-    } = Ie(), j = Be((t) => {
-      if (!q(e.request))
+    } = E("field-select"), {
+      b: c
+    } = E("field-select-popup-option"), H = De("field"), V = k(!1), I = k(!1), {
+      t: _
+    } = Pe(), W = Ne((t) => {
+      if (!R(e.request))
         return;
       r += 1;
       const o = r;
-      y([]), u.value = !0, e.request(t).then((l) => {
-        r === o && (y(l), u.value = !1);
+      g([]), u.value = !0, e.request(t).then((l) => {
+        r === o && (g(l), u.value = !1);
       });
-    }, e.searchDelay), H = (t, o) => {
+    }, e.searchDelay), G = (t, o) => {
       const l = e.fieldNames?.label || "label";
       return typeof o?.[l] == "string" && o[l].toLowerCase().indexOf(t.toLowerCase()) > -1;
     }, {
-      options: h,
-      updateOptions: y
-    } = Ve(e), w = ce(), u = I(e?.loading || !1), W = $, G = s(() => {
+      options: d,
+      updateOptions: g
+    } = Me(e), w = me(), u = k(e?.loading || !1), J = K, Q = s(() => e.fetchOnFocus ?? e.refetchOnFocus), X = s(() => {
       if (e.multiple)
         return e.tokenSeparators ? "tags" : "multiple";
     });
-    async function g(t = !0) {
-      if (!q(e.request))
+    async function y(t = !0) {
+      if (!R(e.request))
         return;
       u.value = !0, r += 1;
       const o = r;
       try {
-        t && y([]);
+        t && g([]);
         const l = await e.request(void 0, e.params);
         if (o !== r)
           return;
-        y(l);
+        g(l);
       } finally {
         u.value = !1;
       }
     }
-    function J(t) {
-      e.onFocus?.(t), e.refetchOnFocus && r > 0 && !u.value && g(!0);
+    function Y(t) {
+      !I.value && r === 0 && e.lazy === "first-focus" ? y() : Q.value && !u.value && y(!0), e.onFocus?.(t), I.value = !0;
     }
-    pe(() => {
-      e.lazy || g();
-    }), fe(() => e.params, () => {
-      g();
+    he(() => {
+      if (!e.lazy) {
+        y();
+        return;
+      }
+    }), ve(() => e.params, () => {
+      y();
     }, {
       deep: !0
     });
     const {
-      value: d,
+      value: p,
       updateValue: S
-    } = _e(e, W), Q = Oe("Select", e), X = s(() => {
-      const t = n(d);
+    } = Te(e, J), Z = _e("Select", e), ee = s(() => {
+      const t = n(p);
       if (!t)
         return e.emptyText;
       const o = e.fieldNames?.label || "label", l = e.fieldNames?.value || "value";
-      return Ne(t) ? t.map((v) => n(h).find((re) => re[l] === v)?.[o]).filter(Boolean).join("、") || e.emptyText : n(h).find((v) => v[l] === t)?.[o] || e.emptyText;
-    }), Y = s(() => {
+      return xe(t) ? t.map((a) => n(d).find((de) => de[l] === a)?.[o]).filter(Boolean).join("、") || e.emptyText : n(d).find((a) => a[l] === t)?.[o] || e.emptyText;
+    }), te = s(() => {
       const t = !!e?.showSearch, o = e.searchMode;
       let l = {};
       return t && (l = o === "request" ? {
         defaultActiveFirstOption: !1,
-        onSearch: j,
+        onSearch: W,
         notFoundContent: u.value ? void 0 : null,
         filterOption: !1,
         suffixIcon: null
       } : {
-        filterOption: xe(e?.filterOption) ? H : e?.filterOption
+        filterOption: Ae(e?.filterOption) ? G : e?.filterOption
       }), {
-        ...L(e, ["mode", "value", "onUpdate:value", "onSearch", "request", "searchMode", "onFocus", "onBeforeSelect"]),
-        placeholder: n(Q),
+        ...z(e, ["mode", "value", "onUpdate:value", "onSearch", "request", "searchMode", "onFocus", "onBeforeSelect"]),
+        placeholder: n(Z),
         ...l
       };
-    }), Z = s(() => h.value.map((t) => t[e.fieldNames?.value || "value"])), k = s(() => h.value.filter((t) => !t.disabled).map((t) => t[e.fieldNames?.value || "value"])), V = s(() => !e.multiple || z(e.maxCount) ? !1 : Fe(e.addAll) ? Z.value.length >= e.addAll : !!e.addAll), ee = s(() => e.multiple && e.allowOnlySelect && (!z(e.maxCount) || e.maxCount >= 1));
-    function te() {
+    }), oe = s(() => d.value.map((t) => t[e.fieldNames?.value || "value"])), F = s(() => d.value.filter((t) => !t.disabled).map((t) => t[e.fieldNames?.value || "value"])), D = s(() => !e.multiple || x(e.maxCount) ? !1 : Ve(e.addAll) ? oe.value.length >= e.addAll : !!e.addAll), le = s(() => e.multiple && e.allowOnlySelect && (!x(e.maxCount) || e.maxCount >= 1));
+    function ne() {
       w.value?.focus();
     }
-    function oe() {
+    function ae() {
       w.value?.blur();
     }
-    function B(t, o) {
+    function O(t, o) {
       const l = e.fieldNames?.[o] ?? o;
       return t[l];
     }
-    function le(t) {
-      const o = B(t, "value");
-      S(e.multiple ? [o] : o);
+    function se(t) {
+      const o = O(t, "value");
+      S(e.multiple ? [o] : o), e.onChange?.([o], [t]);
     }
-    function ne(t) {
-      return F.option ? c("div", {
-        class: i("custom")
-      }, [F.option(t)]) : c("span", {
-        class: i("label")
-      }, [B(t, "label")]);
+    function ue(t) {
+      return A.option ? f("div", {
+        class: c("custom")
+      }, [A.option(t)]) : f("span", {
+        class: c("label")
+      }, [O(t, "label")]);
     }
-    const ae = s(() => {
-      const t = n(d) || [], o = k.value;
+    const re = s(() => {
+      const t = n(p) || [], o = F.value;
       return o.length > 0 && o.every((l) => t.includes(l));
-    }), se = s(() => {
-      const t = n(d) || [], o = k.value, l = o.filter((a) => t.includes(a)).length;
+    }), ie = s(() => {
+      const t = n(p) || [], o = F.value, l = o.filter((i) => t.includes(i)).length;
       return l > 0 && l < o.length;
     });
-    function ue() {
-      const t = new Set(n(d) || []), o = k.value;
-      o.length > 0 && o.every((a) => t.has(a)) ? o.forEach((a) => t.delete(a)) : o.forEach((a) => t.add(a)), S([...t]);
+    function ce() {
+      const t = new Set(n(p) || []), o = F.value;
+      o.length > 0 && o.every((a) => t.has(a)) ? o.forEach((a) => t.delete(a)) : o.forEach((a) => t.add(a));
+      const i = d.value.filter((a) => t.has(a[e.fieldNames?.value || "value"]));
+      S([...t]), e.onChange?.([...t], i);
     }
-    return U({
-      focus: te,
-      blur: oe,
-      request: g
-    }), (t, o) => t.mode === "read" ? (p(), _("span", Me, N(X.value), 1)) : (p(), C(n(Se), me({
+    return $({
+      focus: ne,
+      blur: ae,
+      request: y
+    }), (t, o) => t.mode === "read" ? (m(), M("span", qe, B(ee.value), 1)) : (m(), C(n(ke), ye({
       key: 1,
       ref_key: "selectRef",
       ref: w,
       "allow-clear": ""
-    }, Y.value, {
-      mode: G.value,
-      value: n(d),
-      options: n(h),
+    }, te.value, {
+      mode: X.value,
+      value: n(p),
+      options: n(d),
       loading: u.value,
-      "menu-item-selected-icon": he("span"),
-      "popup-class-name": `${n(b)("popup")} ${n(K)}`,
-      open: O.value,
+      "menu-item-selected-icon": ge("span"),
+      "popup-class-name": `${n(b)("popup")} ${n(H)}`,
+      open: V.value,
       "onUpdate:value": n(S),
-      onFocus: J,
-      onDropdownVisibleChange: o[0] || (o[0] = (l) => O.value = l)
-    }), ve({
-      option: f((l) => [x("div", {
-        class: m(n(i)("outter"))
-      }, [c(n(D), {
+      onFocus: Y,
+      onDropdownVisibleChange: o[0] || (o[0] = (l) => V.value = l)
+    }), Ce({
+      option: h((l) => [N("div", {
+        class: v(n(c)("outter"))
+      }, [f(n(q), {
         justify: "space-between",
         align: "center",
-        class: m(n(i)("wrapper")),
+        class: v(n(c)("wrapper")),
         gap: 8
       }, {
-        default: f(() => [c(n(D), {
+        default: h(() => [f(n(q), {
           gap: 8,
           align: "center",
-          class: m(n(i)("content-wrapper"))
+          class: v(n(c)("content-wrapper"))
         }, {
-          default: f(() => [V.value ? (p(), C(n(T), {
+          default: h(() => [D.value ? (m(), C(n(L), {
             key: 0,
-            checked: n(d)?.includes(B(l, "value"))
-          }, null, 8, ["checked"])) : M("", !0), (p(), C(P(ne(l))))]),
+            checked: n(p)?.includes(O(l, "value"))
+          }, null, 8, ["checked"])) : P("", !0), (m(), C(T(ue(l))))]),
           _: 2
-        }, 1032, ["class"]), ee.value && !l?.disabled ? (p(), _("span", {
+        }, 1032, ["class"]), le.value && !l?.disabled ? (m(), M("span", {
           key: 0,
-          class: m(n(i)("action")),
-          onClick: ye(() => le(l), ["stop"])
-        }, N(n(A)("ap.field.chooseOnly")), 11, Pe)) : M("", !0)]),
+          class: v(n(c)("action")),
+          onClick: be(() => se(l), ["stop"])
+        }, B(n(_)("ap.field.chooseOnly")), 11, Le)) : P("", !0)]),
         _: 2
       }, 1032, ["class"])], 2)]),
       _: 2
-    }, [ge(n(L)(t.$slots, ["option"]), (l, a) => ({
-      name: a,
-      fn: f((v) => [Ce(t.$slots, a, be(we(v || {})))])
+    }, [we(n(z)(t.$slots, ["option"]), (l, i) => ({
+      name: i,
+      fn: h((a) => [Se(t.$slots, i, Fe(Oe(a || {})))])
     })), u.value ? {
       name: "notFoundContent",
-      fn: f(() => [c(n(ke), {
+      fn: h(() => [f(n(Be), {
         size: "small"
       })]),
       key: "0"
-    } : void 0, V.value ? {
+    } : void 0, D.value ? {
       name: "dropdownRender",
-      fn: f(({
+      fn: h(({
         menuNode: l
-      }) => [x("div", {
+      }) => [N("div", {
         tabindex: -1,
-        class: m(n(b)("popup-all-option")),
-        onClick: ue
-      }, [c(n(T), {
-        checked: ae.value,
-        indeterminate: se.value
-      }, null, 8, ["checked", "indeterminate"]), x("span", {
-        class: m(n(b)("popup-all-option-label"))
-      }, N(n(A)("ap.field.selectAll")), 3)], 2), (p(), C(P(l)))]),
+        class: v(n(b)("popup-all-option")),
+        onClick: ce
+      }, [f(n(L), {
+        checked: re.value,
+        indeterminate: ie.value
+      }, null, 8, ["checked", "indeterminate"]), N("span", {
+        class: v(n(b)("popup-all-option-label"))
+      }, B(n(_)("ap.field.selectAll")), 3)], 2), (m(), C(T(l)))]),
       key: "1"
     } : void 0]), 1040, ["mode", "value", "options", "loading", "menu-item-selected-icon", "popup-class-name", "open", "onUpdate:value"]));
   }
 });
 export {
-  Ge as default
+  Ze as default
 };

package/es/src/ap-field/select/read.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as i, computed as s, createElementBlock as d, createCommentVNode as c, openBlock as u, toDisplayString as m } from "vue";
+import { defineComponent as i, computed as s, createElementBlock as c, createCommentVNode as d, openBlock as u, toDisplayString as m } from "vue";
 import { isArray as y } from "lodash-unified";
 const f = { key: 0 }, C = /* @__PURE__ */ i({
   name: "ApFieldSelectRead",
@@ -90,7 +90,8 @@ const f = { key: 0 }, C = /* @__PURE__ */ i({
     "onUpdate:value": {},
     searchMode: {},
     refetchOnFocus: { type: Boolean },
-    lazy: { type: Boolean },
+    fetchOnFocus: { type: Boolean },
+    lazy: { type: [Boolean, String] },
     addAll: { type: [Boolean, Number] },
     params: {},
     searchDelay: {},
@@ -108,7 +109,7 @@ const f = { key: 0 }, C = /* @__PURE__ */ i({
         (n) => n[a] === o
       )?.[t] || e.emptyText;
     });
-    return (o, t) => o.mode === "read" ? (u(), d("span", f, m(r.value), 1)) : c("", !0);
+    return (o, t) => o.mode === "read" ? (u(), c("span", f, m(r.value), 1)) : d("", !0);
   }
 });
 export {

package/es/src/ap-field/slider/index.vue.d.ts

@@ -169,8 +169,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApFieldSliderProps, {
-    focus: () => void;
     blur: () => void;
+    focus: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, PublicProps, Readonly<ApFieldSliderProps> & Readonly<{

package/es/src/ap-field/switch/index.vue.d.ts

@@ -1,5 +1,8 @@
 import { ApFieldSwitchProps } from '../interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DefineComponent } from 'vue';
+import { VueTypeDef, VueTypeValidableDef } from '../../../node_modules/vue-types';
+import { FocusEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
+import { VueNode, CustomSlotsType } from '@aplus-frontend/antdv/es/_util/type';
 type ApFieldSwitchSlots = {
     checkedChildren: any;
     unCheckedChildren: any;
@@ -8,11 +11,125 @@ type ApFieldSwitchSlots = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<ApFieldSwitchSlots> & ApFieldSwitchSlots;
-    refs: {};
+    refs: {
+        switchRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+            id: StringConstructor;
+            prefixCls: StringConstructor;
+            size: VueTypeDef<"default" | "small">;
+            disabled: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            checkedChildren: VueTypeValidableDef<any>;
+            unCheckedChildren: VueTypeValidableDef<any>;
+            tabindex: VueTypeDef<string | number>;
+            autofocus: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            checked: VueTypeDef<string | number | boolean>;
+            checkedValue: VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+            unCheckedValue: VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+            onChange: {
+                type: PropType<(checked: string | number | boolean, e: Event) => void>;
+            };
+            onClick: {
+                type: PropType<(checked: string | number | boolean, e: Event) => void>;
+            };
+            onKeydown: {
+                type: PropType<(e: Event) => void>;
+            };
+            onMouseup: {
+                type: PropType<(e: Event) => void>;
+            };
+            'onUpdate:checked': {
+                type: PropType<(checked: string | number | boolean) => void>;
+            };
+            onBlur: PropType<FocusEventHandler>;
+            onFocus: PropType<FocusEventHandler>;
+        }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+            disabled: boolean;
+            autofocus: boolean;
+            loading: boolean;
+            checkedValue: string | number | boolean;
+            unCheckedValue: string | number | boolean;
+        }, true, {}, CustomSlotsType<{
+            checkedChildren: any;
+            unCheckedChildren: any;
+            default: any;
+        }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly< ExtractPropTypes<{
+            id: StringConstructor;
+            prefixCls: StringConstructor;
+            size: VueTypeDef<"default" | "small">;
+            disabled: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            checkedChildren: VueTypeValidableDef<any>;
+            unCheckedChildren: VueTypeValidableDef<any>;
+            tabindex: VueTypeDef<string | number>;
+            autofocus: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            checked: VueTypeDef<string | number | boolean>;
+            checkedValue: VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+            unCheckedValue: VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+            onChange: {
+                type: PropType<(checked: string | number | boolean, e: Event) => void>;
+            };
+            onClick: {
+                type: PropType<(checked: string | number | boolean, e: Event) => void>;
+            };
+            onKeydown: {
+                type: PropType<(e: Event) => void>;
+            };
+            onMouseup: {
+                type: PropType<(e: Event) => void>;
+            };
+            'onUpdate:checked': {
+                type: PropType<(checked: string | number | boolean) => void>;
+            };
+            onBlur: PropType<FocusEventHandler>;
+            onFocus: PropType<FocusEventHandler>;
+        }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
+            disabled: boolean;
+            autofocus: boolean;
+            loading: boolean;
+            checkedValue: string | number | boolean;
+            unCheckedValue: string | number | boolean;
+        }> | null;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<ApFieldSwitchProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component: DefineComponent<ApFieldSwitchProps, {
+    blur: () => void;
+    focus: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:checked": (...args: any[]) => void;
 }, string, PublicProps, Readonly<ApFieldSwitchProps> & Readonly<{
     "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
@@ -23,7 +140,118 @@ declare const __VLS_component: DefineComponent<ApFieldSwitchProps, {}, {}, {}, {
     emptyText: string;
     checkedValue: string | number | boolean;
     unCheckedValue: string | number | boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    switchRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        id: StringConstructor;
+        prefixCls: StringConstructor;
+        size: VueTypeDef<"default" | "small">;
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        checkedChildren: VueTypeValidableDef<any>;
+        unCheckedChildren: VueTypeValidableDef<any>;
+        tabindex: VueTypeDef<string | number>;
+        autofocus: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        checked: VueTypeDef<string | number | boolean>;
+        checkedValue: VueTypeDef<string | number | boolean> & {
+            default: string | number | boolean;
+        };
+        unCheckedValue: VueTypeDef<string | number | boolean> & {
+            default: string | number | boolean;
+        };
+        onChange: {
+            type: PropType<(checked: string | number | boolean, e: Event) => void>;
+        };
+        onClick: {
+            type: PropType<(checked: string | number | boolean, e: Event) => void>;
+        };
+        onKeydown: {
+            type: PropType<(e: Event) => void>;
+        };
+        onMouseup: {
+            type: PropType<(e: Event) => void>;
+        };
+        'onUpdate:checked': {
+            type: PropType<(checked: string | number | boolean) => void>;
+        };
+        onBlur: PropType<FocusEventHandler>;
+        onFocus: PropType<FocusEventHandler>;
+    }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        disabled: boolean;
+        autofocus: boolean;
+        loading: boolean;
+        checkedValue: string | number | boolean;
+        unCheckedValue: string | number | boolean;
+    }, true, {}, CustomSlotsType<{
+        checkedChildren: any;
+        unCheckedChildren: any;
+        default: any;
+    }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        id: StringConstructor;
+        prefixCls: StringConstructor;
+        size: VueTypeDef<"default" | "small">;
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        checkedChildren: VueTypeValidableDef<any>;
+        unCheckedChildren: VueTypeValidableDef<any>;
+        tabindex: VueTypeDef<string | number>;
+        autofocus: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        checked: VueTypeDef<string | number | boolean>;
+        checkedValue: VueTypeDef<string | number | boolean> & {
+            default: string | number | boolean;
+        };
+        unCheckedValue: VueTypeDef<string | number | boolean> & {
+            default: string | number | boolean;
+        };
+        onChange: {
+            type: PropType<(checked: string | number | boolean, e: Event) => void>;
+        };
+        onClick: {
+            type: PropType<(checked: string | number | boolean, e: Event) => void>;
+        };
+        onKeydown: {
+            type: PropType<(e: Event) => void>;
+        };
+        onMouseup: {
+            type: PropType<(e: Event) => void>;
+        };
+        'onUpdate:checked': {
+            type: PropType<(checked: string | number | boolean) => void>;
+        };
+        onBlur: PropType<FocusEventHandler>;
+        onFocus: PropType<FocusEventHandler>;
+    }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
+        disabled: boolean;
+        autofocus: boolean;
+        loading: boolean;
+        checkedValue: string | number | boolean;
+        unCheckedValue: string | number | boolean;
+    }> | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {