x-next 1.13.0 → 1.15.0

package/dist/components/tree-select/interface.d.ts

@@ -0,0 +1,203 @@
+import { RenderFunction } from 'vue';
+import { FieldString } from '../../_hooks/_types';
+import { Size } from '../../_utils/constant';
+import { VirtualListProps } from '../virtual-list-v2/interface';
+import { TriggerProps } from '../trigger/interface';
+import { ScrollbarProps } from '../scrollbar-v2';
+/**
+ * @zh 树节点键值
+ * @en Tree node key
+ */
+export type TreeSelectKey = string | number;
+/**
+ * @zh 树节点数据
+ * @en Tree node data
+ */
+export interface TreeSelectNodeData {
+    /**
+     * @zh 节点键值，全局唯一；不传时按节点路径自动生成
+     * @en Node key, unique in the whole tree; generated from the node path when omitted
+     */
+    key?: TreeSelectKey;
+    /**
+     * @zh 节点标题
+     * @en Node title
+     */
+    title?: string;
+    /**
+     * @zh 子节点
+     * @en Child nodes
+     */
+    children?: TreeSelectNodeData[];
+    /**
+     * @zh 是否禁用，禁用节点不可选中、不可勾选、不参与父子联动
+     * @en Whether disabled. Disabled nodes cannot be selected or checked and are excluded from cascade
+     */
+    disabled?: boolean;
+    /**
+     * @zh 是否可勾选，仅 `treeCheckable` 时生效
+     * @en Whether checkable, only works with `treeCheckable`
+     */
+    checkable?: boolean;
+    /**
+     * @zh 是否禁用复选框，仍可被父节点联动勾选
+     * @en Whether the checkbox is disabled. The node can still be toggled by its parent
+     */
+    disableCheckbox?: boolean;
+    /**
+     * @zh 是否可选中
+     * @en Whether selectable
+     */
+    selectable?: boolean;
+    /**
+     * @zh 是否为叶子节点，配合 `loadMore` 判断是否需要异步加载子节点
+     * @en Whether it is a leaf, used with `loadMore` for lazy loading
+     */
+    isLeaf?: boolean;
+    /**
+     * @zh 节点前缀图标
+     * @en Node prefix icon
+     */
+    icon?: RenderFunction;
+    [other: string]: any;
+}
+/**
+ * @zh 自定义 `TreeSelectNodeData` 中的字段名
+ * @en Customize the field names of `TreeSelectNodeData`
+ */
+export type TreeSelectFieldNames = FieldString<TreeSelectNodeData>;
+/**
+ * @zh 标签模式的选中项
+ * @en Selected item in label-in-value mode
+ */
+export interface TreeSelectLabelValue {
+    /**
+     * @zh 选中的键值
+     * @en Selected key
+     */
+    value: TreeSelectKey;
+    /**
+     * @zh 选中的标题
+     * @en Selected title
+     */
+    label: string;
+    /**
+     * @zh 节点原始数据
+     * @en Raw node data
+     */
+    raw?: TreeSelectNodeData;
+}
+/**
+ * @zh 选中值
+ * @en Selected value
+ */
+export type TreeSelectValue = TreeSelectKey | TreeSelectLabelValue;
+/**
+ * @zh 过滤节点的方法，返回 `true` 表示命中
+ * @en Filter node method, returns `true` when the node matches
+ */
+export type TreeSelectFilterNode = (inputValue: string, node: TreeSelectNodeData) => boolean;
+/**
+ * @zh 节点是否可选中的判定
+ * @en Determine whether a node is selectable
+ */
+export type TreeSelectSelectable = boolean | 'leaf' | ((node: TreeSelectNodeData, info: {
+    isLeaf: boolean;
+    level: number;
+}) => boolean);
+export interface TreeSelectInstance {
+    /** 聚焦默认触发器 */
+    focus: () => void;
+    /** 失焦默认触发器 */
+    blur: () => void;
+    /** 展开 / 收起全部可展开节点，默认展开 */
+    expandAll: (expanded?: boolean) => void;
+    /** 全选 / 清空勾选，仅勾选模式生效，默认全选 */
+    checkAll: (checked?: boolean) => void;
+}
+export interface TreeSelectProps {
+    modelValue?: TreeSelectValue | TreeSelectValue[];
+    defaultValue?: TreeSelectValue | TreeSelectValue[];
+    multiple?: boolean;
+    treeCheckable?: boolean;
+    treeCheckStrictly?: boolean;
+    checkedStrategy?: 'all' | 'parent' | 'child';
+    data?: TreeSelectNodeData[];
+    fieldNames?: TreeSelectFieldNames;
+    labelInValue?: boolean;
+    selectable?: TreeSelectSelectable;
+    allowSearch?: boolean | {
+        retainInputValue?: boolean;
+    };
+    allowClear?: boolean;
+    filterTreeNode?: boolean | TreeSelectFilterNode;
+    searchDelay?: number;
+    inputValue?: string;
+    defaultInputValue?: string;
+    size?: Size;
+    placeholder?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    bordered?: boolean;
+    maxTagCount?: number;
+    tagNowrap?: boolean;
+    popupVisible?: boolean;
+    defaultPopupVisible?: boolean;
+    unmountOnClose?: boolean;
+    popupContainer?: string | HTMLElement;
+    triggerProps?: TriggerProps;
+    defaultExpandAll?: boolean;
+    expandedKeys?: TreeSelectKey[];
+    defaultExpandedKeys?: TreeSelectKey[];
+    autoExpandParent?: boolean;
+    showLine?: boolean;
+    blockNode?: boolean;
+    virtualListProps?: VirtualListProps;
+    scrollbar?: boolean | ScrollbarProps;
+    maxHeight?: number | string;
+    loadMore?: (node: TreeSelectNodeData) => Promise<void>;
+    fallbackOption?: boolean | ((value: TreeSelectKey) => TreeSelectNodeData);
+    formatLabel?: (data: TreeSelectNodeData) => string;
+    showHeaderOnEmpty?: boolean;
+    showFooterOnEmpty?: boolean;
+}
+/**
+ * @zh 内部节点信息
+ * @en Internal node info
+ */
+export interface TreeSelectNodeInfo {
+    key: string;
+    value: TreeSelectKey;
+    title: string;
+    raw: TreeSelectNodeData;
+    level: number;
+    index: number;
+    parentKey?: string;
+    pathKeys: string[];
+    childrenKeys: string[];
+    siblingIndex: number;
+    siblingCount: number;
+    isLeaf: boolean;
+    disabled: boolean;
+    checkable: boolean;
+    disableCheckbox: boolean;
+    selectable: boolean;
+    loading: boolean;
+}
+/**
+ * @zh 树节点插槽参数
+ * @en Tree node slot props
+ */
+export interface TreeSelectNodeSlotProps {
+    node: TreeSelectNodeData;
+    value: TreeSelectKey;
+    title: string;
+    level: number;
+    checked: boolean;
+    halfChecked: boolean;
+    selected: boolean;
+    expanded: boolean;
+    disabled: boolean;
+    isLeaf: boolean;
+}

package/dist/components/tree-select/utils.d.ts

@@ -0,0 +1,64 @@
+import { TreeSelectFilterNode, TreeSelectKey, TreeSelectNodeData, TreeSelectNodeInfo, TreeSelectValue } from './interface';
+export declare const DEFAULT_FIELD_NAMES: {
+    key: string;
+    title: string;
+    children: string;
+    disabled: string;
+    checkable: string;
+    disableCheckbox: string;
+    selectable: string;
+    isLeaf: string;
+    icon: string;
+};
+export type MergedFieldNames = typeof DEFAULT_FIELD_NAMES;
+/** 归一化键值：区分数字与字符串键，避免 `1` 和 `'1'` 互相覆盖。 */
+export declare const normalizeKey: (key: TreeSelectKey) => string;
+export declare const getValueFromKey: (key: string) => TreeSelectKey;
+/** 提取选中项中的键值，兼容 labelInValue 对象。 */
+export declare const getKeyFromValue: (value: TreeSelectValue) => TreeSelectKey | undefined;
+export declare const isValidKey: (key: unknown) => key is TreeSelectKey;
+export interface TreeBuildResult {
+    nodeMap: Map<string, TreeSelectNodeInfo>;
+    orderedNodes: TreeSelectNodeInfo[];
+    rootKeys: string[];
+}
+export declare const buildTree: (data: TreeSelectNodeData[], fieldNames: MergedFieldNames) => TreeBuildResult;
+/** 参与父子联动的节点：可勾选且未禁用。 */
+export declare const isCascadeCheckable: (info: TreeSelectNodeInfo) => boolean;
+/** 某个节点下参与级联判定的直接子节点。 */
+export declare const getEligibleChildren: (info: TreeSelectNodeInfo, nodeMap: Map<string, TreeSelectNodeInfo>) => TreeSelectNodeInfo[];
+export declare const getDescendantKeys: (nodeMap: Map<string, TreeSelectNodeInfo>, info: TreeSelectNodeInfo, predicate?: (node: TreeSelectNodeInfo) => boolean) => string[];
+/** 向下联动时的键集合：自身 + 可联动后代。 */
+export declare const getCascadeKeys: (nodeMap: Map<string, TreeSelectNodeInfo>, info: TreeSelectNodeInfo) => string[];
+export interface TreeSelectCheckState {
+    checked: Set<string>;
+    halfChecked: Set<string>;
+}
+/**
+ * 由公开选中值推导完整勾选状态。
+ * 非严格模式下，父键会向下补齐可联动后代；随后自底向上重算半选。
+ */
+export declare const conductCheckState: (checkedKeys: string[], nodeMap: Map<string, TreeSelectNodeInfo>, orderedNodes: TreeSelectNodeInfo[], strict: boolean) => TreeSelectCheckState;
+/** 切换单个节点的勾选，并向上联动父级状态。 */
+export declare const toggleCheckState: (current: TreeSelectCheckState, info: TreeSelectNodeInfo, nextChecked: boolean, nodeMap: Map<string, TreeSelectNodeInfo>, strict: boolean) => TreeSelectCheckState;
+/** 按选中策略过滤公开值：parent 保留最高层已选节点，child 保留最底层已选节点。 */
+export declare const filterCheckedKeysByStrategy: (state: TreeSelectCheckState, strategy: "all" | "parent" | "child", orderedNodes: TreeSelectNodeInfo[], nodeMap: Map<string, TreeSelectNodeInfo>) => string[];
+export interface TreeFilterResult {
+    keptKeys: Set<string>;
+    matchedKeys: Set<string>;
+    query: string;
+}
+/** 过滤树：命中节点保留自身与全部后代，并保留其所有祖先。 */
+export declare const filterTreeNodes: (orderedNodes: TreeSelectNodeInfo[], nodeMap: Map<string, TreeSelectNodeInfo>, inputValue: string, filterTreeNode: boolean | TreeSelectFilterNode) => TreeFilterResult | null;
+export type TreeSelectFlatNode = TreeSelectNodeInfo & {
+    lastChild: boolean;
+};
+/** 展开状态下的可见节点；过滤时展示命中集合及其祖先。 */
+export declare const getVisibleNodes: (orderedNodes: TreeSelectNodeInfo[], expandedKeys: Set<string>, filterResult: TreeFilterResult | null) => TreeSelectFlatNode[];
+/** 把标题按查询词切分为高亮片段。 */
+export declare const splitHighlightText: (title: string, query: string) => {
+    text: string;
+    match: boolean;
+}[];
+/** 由显示值解析节点键列表。 */
+export declare const getKeysFromValues: (values: TreeSelectValue[]) => TreeSelectKey[];

package/dist/es/_styles/palette-aliases.js

@@ -104,6 +104,9 @@ const r = {
     "--x-time-range-selector-color-default": "var(--x-color-primary-6)",
     "--x-timeline-dot-hollow-shadow": "0 0 0 1px color-mix( in srgb, var(--x-color-primary-solid) 10%, var(--x-color-transparent) )",
     "--x-timeline-dot-shadow": "0 0 0 1px color-mix(in srgb, var(--x-color-primary-solid) 8%, var(--x-color-transparent))",
+    "--x-tree-select-highlight-color-text": "var(--x-color-primary)",
+    "--x-tree-select-node-color-bg_selected": "var(--x-color-primary-light-1)",
+    "--x-tree-select-node-color-text_selected": "var(--x-color-primary)",
     "--x-upload-color-border-hover": "var(--x-color-primary)"
   },
   success: {

package/dist/es/_utils/inherit-component-type.js

@@ -0,0 +1,6 @@
+function r(e, n, t) {
+  return e;
+}
+export {
+  r as inheritComponentType
+};

package/dist/es/components/_components/feedback-icon/index.vue2.js

@@ -1,26 +1,26 @@
-import { defineComponent as e, computed as c } from "vue";
+import { defineComponent as i, computed as c } from "vue";
 import l from "../../../icons/animation/animation-loading.js";
 import t from "../../../icons/default/check-circle-fill.js";
-import n from "../../../icons/default/exclamation-circle-fill.js";
-import r from "../../../icons/default/close-circle-fill.js";
-import { getClassNameMixin as m } from "../../../_utils/config.js";
-const k = e({
+import r from "../../../icons/default/exclamation-circle-fill.js";
+import m from "../../../icons/default/close-circle-fill.js";
+import { getClassNameMixin as n } from "../../../_utils/config.js";
+const k = i({
   name: "FeedbackIcon",
   components: {
     IconLoading: l,
     IconCheckCircleFill: t,
-    IconExclamationCircleFill: n,
-    IconCloseCircleFill: r
+    IconExclamationCircleFill: r,
+    IconCloseCircleFill: m
   },
   props: {
     type: {
       type: String
     }
   },
-  setup(i) {
-    const o = m("feedback-icon");
+  setup(e) {
+    const o = n("feedback-icon");
     return {
-      cls: c(() => [o.block, o.modifier(`status-${i.type}`)])
+      cls: c(() => [o.block, o.modifier(`status-${e.type}`)])
     };
   }
 });

package/dist/es/components/button/Button.js

@@ -26,7 +26,7 @@ const o = (e) => {
   emits: ["click"],
   setup(e, {
     slots: n,
-    emit: A
+    emit: T
   }) {
     const v = E(), a = M(_, void 0), {
       mergedSize: F
@@ -35,24 +35,24 @@ const o = (e) => {
     }), u = R({
       clicked: !1,
       isDebounce: !1
-    }), i = U("button"), I = (t) => t.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`), f = (t) => {
+    }), i = U("button"), A = (t) => t.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`), f = (t) => {
       const c = (v == null ? void 0 : v.vnode.props) ?? {};
-      return Object.prototype.hasOwnProperty.call(c, t) || Object.prototype.hasOwnProperty.call(c, I(t));
-    }, m = r(() => f("type") ? e.type : (a == null ? void 0 : a.type) ?? e.type), w = r(() => f("size") ? e.size : (a == null ? void 0 : a.size) ?? F.value), D = r(() => f("status") ? e.status : (a == null ? void 0 : a.status) ?? e.status), y = r(() => f("shape") ? e.shape : (a == null ? void 0 : a.shape) ?? e.shape), s = r(() => f("disabled") ? e.disabled : (a == null ? void 0 : a.disabled) ?? e.disabled), L = r(() => [i.block, m.value && m.value !== "default" && i.modifier(m.value), w.value && i.modifier(w.value), D.value && i.modifier(D.value), s.value && i.is("disabled"), e.block && i.modifier("block"), e.plain && i.modifier("plain"), y.value && i.modifier(y.value), e.link && i.modifier("link"), !e.border && i.modifier("hide-border"), l.value && i.modifier("loading"), e.narrow && i.modifier("narrow")]), N = () => {
+      return Object.prototype.hasOwnProperty.call(c, t) || Object.prototype.hasOwnProperty.call(c, A(t));
+    }, s = r(() => f("type") ? e.type : (a == null ? void 0 : a.type) ?? e.type), w = r(() => f("size") ? e.size : (a == null ? void 0 : a.size) ?? F.value), D = r(() => f("status") ? e.status : (a == null ? void 0 : a.status) ?? e.status), y = r(() => f("shape") ? e.shape : (a == null ? void 0 : a.shape) ?? e.shape), m = r(() => f("disabled") ? e.disabled : (a == null ? void 0 : a.disabled) ?? e.disabled), L = r(() => [i.block, s.value && s.value !== "default" && i.modifier(s.value), w.value && i.modifier(w.value), D.value && i.modifier(D.value), m.value && i.is("disabled"), e.block && i.modifier("block"), e.plain && i.modifier("plain"), y.value && i.modifier(y.value), e.link && i.modifier("link"), !e.border && i.modifier("hide-border"), l.value && i.modifier("loading"), e.narrow && i.modifier("narrow")]), N = () => {
       e.debounce > 0 && !u.isDebounce && (u.isDebounce = !0, setTimeout(() => {
         u.isDebounce = !1;
       }, e.debounce));
-    }, l = r(() => e.loading || u.clicked || u.isDebounce), V = r(() => s.value || l.value || e.link || m.value === "text"), B = (t) => {
+    }, l = r(() => e.loading || u.clicked || u.isDebounce), V = r(() => m.value || l.value || e.link || s.value === "text"), B = (t) => {
       var c;
-      t.detail > 0 && ((c = t.currentTarget) == null || c.blur()), !(s.value || l.value) && (N(), A("click", t));
+      t.detail > 0 && ((c = t.currentTarget) == null || c.blur()), !(m.value || l.value) && (N(), T("click", t));
     };
     return () => {
-      var P, j, O, T;
-      const t = (P = n.default) == null ? void 0 : P.call(n), c = (j = n.prefix) == null ? void 0 : j.call(n), S = (O = n.icon) == null ? void 0 : O.call(n), x = (T = n.suffix) == null ? void 0 : T.call(n), b = o(t), g = o(c), h = o(S), p = o(x), z = !b && !g && h && !p, k = e.loadingFill || l.value && (y.value === "circle" || z), K = l.value && !k && (b || g || h || p);
+      var P, j, I, O;
+      const t = (P = n.default) == null ? void 0 : P.call(n), c = (j = n.prefix) == null ? void 0 : j.call(n), S = (I = n.icon) == null ? void 0 : I.call(n), x = (O = n.suffix) == null ? void 0 : O.call(n), b = o(t), g = o(c), h = o(S), p = o(x), z = !b && !g && h && !p, k = e.loadingFill || l.value && (y.value === "circle" || z), K = l.value && !k && (b || g || h || p);
       return Z(d("button", {
         class: [L.value, !b && i.modifier("empty-content"), z && i.modifier("only-icon"), k && i.modifier("loading-fill")],
         type: e.htmlType,
-        disabled: s.value || l.value,
+        disabled: m.value || l.value,
         "aria-busy": l.value || void 0,
         onClick: B
       }, [d("span", {

package/dist/es/components/date-picker/index.js

@@ -3,25 +3,26 @@ import { defineComponent as c, h as k } from "vue";
 import { generateComponent as e } from "../../_utils/vue-eco.js";
 import { getComponentPrefix as r } from "../../_utils/config.js";
 import { getRangePickerType as s } from "./utils.js";
-const l = e(r("DatePicker"), n), i = (t, o) => c({
+import { inheritComponentType as P } from "../../_utils/inherit-component-type.js";
+const R = e(r("DatePicker"), n), i = (t, o) => P(c({
   name: t,
   inheritAttrs: !1,
-  setup(a, { attrs: P, slots: m }) {
-    return () => k(n, { ...P, type: o }, m);
+  setup(a, { attrs: m, slots: p }) {
+    return () => k(n, { ...m, type: o }, p);
   }
-}), y = e(
+})), C = e(
   r("MonthPicker"),
   i("MonthPicker", "month")
-), R = e(
+), D = e(
   r("YearPicker"),
   i("YearPicker", "year")
-), C = e(
+), M = e(
   r("QuarterPicker"),
   i("QuarterPicker", "quarter")
-), D = e(
+), Q = e(
   r("WeekPicker"),
   i("WeekPicker", "week")
-), p = c({
+), f = c({
   name: "RangePicker",
   inheritAttrs: !1,
   props: {
@@ -41,16 +42,16 @@ const l = e(r("DatePicker"), n), i = (t, o) => c({
       a
     );
   }
-}), M = e(
+}), T = e(
   r("RangePicker"),
-  p
+  P(f)
 );
 export {
-  l as DatePicker,
-  y as MonthPicker,
-  C as QuarterPicker,
-  M as RangePicker,
-  D as WeekPicker,
-  R as YearPicker,
-  l as default
+  R as DatePicker,
+  C as MonthPicker,
+  M as QuarterPicker,
+  T as RangePicker,
+  Q as WeekPicker,
+  D as YearPicker,
+  R as default
 };

package/dist/es/components/drawer/src/Drawer.vue.js

@@ -1,10 +1,10 @@
 import $ from "./Drawer.vue2.js";
-import { resolveComponent as f, openBlock as a, createBlock as b, Teleport as N, withDirectives as k, createElementBlock as d, mergeProps as m, createVNode as t, Transition as g, withCtx as n, withModifiers as S, normalizeClass as s, vShow as u, createCommentVNode as i, createElementVNode as r, renderSlot as p, toDisplayString as y, normalizeStyle as T, createTextVNode as w } from "vue";
+import { resolveComponent as f, openBlock as a, createBlock as g, Teleport as N, withDirectives as k, createElementBlock as d, mergeProps as m, createVNode as t, Transition as b, withCtx as n, withModifiers as S, normalizeClass as s, vShow as u, createCommentVNode as i, createElementVNode as r, renderSlot as p, toDisplayString as y, normalizeStyle as T, createTextVNode as w } from "vue";
 import B from "../../../_virtual/_plugin-vue_export-helper.js";
 const V = ["data-theme"], c = ["aria-modal"], O = ["id"], A = ["aria-label"];
 function K(e, o, M, j, z, E) {
   const h = f("Scrollbar"), C = f("Button"), v = f("Space");
-  return a(), b(N, {
+  return a(), g(N, {
     to: e.teleportContainer,
     disabled: e.disabled || !e.teleportContainer
   }, [
@@ -15,7 +15,7 @@ function K(e, o, M, j, z, E) {
       style: [e.drawerStyle, e.$attrs.style],
       "data-theme": e.popupThemeName
     }, e.rootAttrs()), [
-      t(g, {
+      t(b, {
         name: "x-fade-in-standard",
         appear: ""
       }, {
@@ -30,7 +30,7 @@ function K(e, o, M, j, z, E) {
         ]),
         _: 1
       }),
-      t(g, {
+      t(b, {
         name: `x-slide-${e.placement}`,
         appear: "",
         onAfterEnter: e.afterEnter,
@@ -62,7 +62,7 @@ function K(e, o, M, j, z, E) {
                 class: s([e.className.element("body"), e.bodyClass]),
                 style: T(e.mergedBodyStyle)
               }, [
-                t(h, { style: { overflow: "auto" } }, {
+                t(h, { style: { height: "100%", overflow: "auto" } }, {
                   default: n(() => [
                     p(e.$slots, "default")
                   ]),
@@ -90,7 +90,7 @@ function K(e, o, M, j, z, E) {
                         ]),
                         _: 1
                       }, 16, ["loading", "onClick"]),
-                      e.hideCancel ? i("", !0) : (a(), b(C, m({
+                      e.hideCancel ? i("", !0) : (a(), g(C, m({
                         key: 0,
                         loading: e.loadingObj.cancel,
                         size: "small"

package/dist/es/components/form-input/index.js

@@ -1,14 +1,15 @@
-import p from "./Input.js";
-import r from "./InputSearch.js";
-import n from "./InputPassword.vue.js";
+import r from "./Input.js";
+import n from "./InputSearch.js";
+import m from "./InputPassword.vue.js";
 import u from "./InputGroup.vue.js";
-import { generateComponent as t } from "../../_utils/vue-eco.js";
-import { getComponentPrefix as o } from "../../_utils/config.js";
-const c = t(o("Input"), p), i = t(o("InputSearch"), r), d = t(o("InputPassword"), n), P = t(o("InputGroup"), u);
+import { generateComponent as o } from "../../_utils/vue-eco.js";
+import { getComponentPrefix as t } from "../../_utils/config.js";
+import { inheritComponentType as p } from "../../_utils/inherit-component-type.js";
+const d = o(t("Input"), r), h = o(t("InputSearch"), p(n)), P = o(t("InputPassword"), p(m)), w = o(t("InputGroup"), u);
 export {
-  c as Input,
-  P as InputGroup,
-  d as InputPassword,
-  i as InputSearch,
-  c as default
+  d as Input,
+  w as InputGroup,
+  P as InputPassword,
+  h as InputSearch,
+  d as default
 };

package/dist/es/components/form-switch/Switch.vue2.js

@@ -176,24 +176,24 @@ const ne = $({
    * @en The icon on the button when closed
    * @slot unchecked-icon
    */
-  setup(e, { emit: n, expose: b, slots: g, attrs: S }) {
+  setup(e, { emit: n, expose: b, slots: y, attrs: S }) {
     const { disabled: w, size: x, modelValue: B } = q(e), c = Y("switch"), {
       formItemCtx: z,
       mergedDisabled: o,
-      mergedSize: A,
+      mergedSize: F,
       eventHandlers: s
     } = J({
       disabled: w,
       size: x
-    }), F = O(z, () => S, { required: !1 }), { mergedSize: y } = P(A), d = k(e.defaultChecked ? e.checkedValue : e.uncheckedValue), a = r(
+    }), N = O(z, () => S, { required: !1 }), { mergedSize: g } = P(F), d = k(e.defaultChecked ? e.checkedValue : e.uncheckedValue), a = r(
       () => (e.modelValue ?? d.value) === e.checkedValue
     ), m = k(!1);
     let v = !1;
     H(() => {
       v = !0;
     });
-    const f = r(() => m.value || e.loading), h = k(), N = r(
-      () => e.type !== "line" && y.value !== "mini" && (!!e.checkedText || !!e.uncheckedText || !!g.checked || !!g.unchecked)
+    const f = r(() => m.value || e.loading), h = k(), R = r(
+      () => e.type !== "line" && g.value !== "mini" && (!!e.checkedText || !!e.uncheckedText || !!y.checked || !!y.unchecked)
     ), C = (t, l) => {
       var u, i;
       d.value = t ? e.checkedValue : e.uncheckedValue, n("update:modelValue", d.value), n("change", d.value, l), (i = (u = s.value) == null ? void 0 : u.onChange) == null || i.call(u, l);
@@ -211,29 +211,29 @@ const ne = $({
         }
       } else
         C(t, l);
-    }, R = async (t) => {
+    }, T = async (t) => {
       const l = a.value ? e.uncheckedValue : e.checkedValue;
       n("click", l, t), await V(!a.value, t);
-    }, T = async (t) => {
+    }, A = async (t) => {
       if (t.key !== "ArrowLeft" && t.key !== "Left" && t.key !== "ArrowRight" && t.key !== "Right")
         return;
       t.preventDefault();
       const l = t.key === "ArrowRight" || t.key === "Right";
       l !== a.value && await V(l, t);
-    }, L = (t) => {
+    }, _ = (t) => {
       var l, u;
       n("focus", t), (u = (l = s.value) == null ? void 0 : l.onFocus) == null || u.call(l, t);
-    }, _ = (t) => {
+    }, I = (t) => {
       var l, u;
       n("blur", t), (u = (l = s.value) == null ? void 0 : l.onBlur) == null || u.call(l, t);
     };
     K(B, (t) => {
       (Q(t) || W(t)) && (d.value = e.uncheckedValue);
     });
-    const I = r(() => [
+    const L = r(() => [
       c.block,
       c.modifier(`type-${e.type}`),
-      c.modifier(`size-${y.value}`),
+      c.modifier(`size-${g.value}`),
       {
         [c.modifier("checked")]: a.value,
         [c.modifier("disabled")]: o.value,
@@ -261,19 +261,19 @@ const ne = $({
       focus: M,
       blur: U
     }), {
-      formControlAttrs: F,
+      formControlAttrs: N,
       className: c,
-      cls: I,
+      cls: L,
       switchRef: h,
       mergedDisabled: o,
       buttonStyle: D,
       computedCheck: a,
       computedLoading: f,
-      showText: N,
-      handleClick: R,
-      handleKeydown: T,
-      handleFocus: L,
-      handleBlur: _
+      showText: R,
+      handleClick: T,
+      handleKeydown: A,
+      handleFocus: _,
+      handleBlur: I
     };
   }
 });