x-next 1.14.0 → 1.16.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/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/_components/input-label/input-label.js

@@ -1,12 +1,12 @@
-import { defineComponent as _, toRefs as D, computed as a, createVNode as l, mergeProps as b } from "vue";
-import { omit as K } from "../../../_utils/omit.js";
-import { INPUT_EVENTS as v } from "../../../_utils/constant.js";
-import O from "../../../_utils/pick.js";
-import { useInput as T } from "../../../_hooks/use-input.js";
-import { useFormItem as H } from "../../../_hooks/use-form-item.js";
-import { useSize as U } from "../../../_hooks/use-size.js";
-import { getClassNameMixin as V, getRemovePrefixComponentName as $ } from "../../../_utils/config.js";
-const ne = /* @__PURE__ */ _({
+import { defineComponent as K, toRefs as O, computed as l, createVNode as a, mergeProps as V, Fragment as T } from "vue";
+import { omit as H } from "../../../_utils/omit.js";
+import { INPUT_EVENTS as h } from "../../../_utils/constant.js";
+import U from "../../../_utils/pick.js";
+import { useInput as $ } from "../../../_hooks/use-input.js";
+import { useFormItem as q } from "../../../_hooks/use-form-item.js";
+import { useSize as G } from "../../../_hooks/use-size.js";
+import { getClassNameMixin as I, getRemovePrefixComponentName as J } from "../../../_utils/config.js";
+const ae = /* @__PURE__ */ K({
   name: "InputLabel",
   inheritAttrs: !1,
   props: {
@@ -26,7 +26,9 @@ const ne = /* @__PURE__ */ _({
     // used for outer focused
     focused: Boolean,
     uninjectFormItemContext: Boolean,
-    inputAttrs: Object
+    inputAttrs: Object,
+    // Select keeps its native combobox clickable while a label is displayed.
+    retainInputBox: Boolean
   },
   emits: {
     "update:inputValue": (e) => !0,
@@ -41,83 +43,85 @@ const ne = /* @__PURE__ */ _({
     slots: t
   }) {
     const {
-      size: h,
-      disabled: g,
-      error: I,
-      inputValue: C,
+      size: g,
+      disabled: C,
+      error: x,
+      inputValue: B,
       uninjectFormItemContext: r
-    } = D(e), n = e.baseCls ? V($(e.baseCls)) : V("input-label"), {
-      mergedSize: x,
+    } = O(e), n = e.baseCls ? I(J(e.baseCls)) : I("input-label"), {
+      mergedSize: S,
       mergedDisabled: s,
-      mergedError: S,
-      eventHandlers: w
-    } = H({
-      size: h,
-      disabled: g,
-      error: I,
+      mergedError: w,
+      eventHandlers: N
+    } = q({
+      size: g,
+      disabled: C,
+      error: x,
       uninject: r == null ? void 0 : r.value
     }), {
-      mergedSize: B
-    } = U(x), {
+      mergedSize: z
+    } = G(S), {
       inputRef: c,
       _focused: f,
-      computedValue: N,
-      handleInput: z,
+      computedValue: y,
+      handleInput: F,
       handleComposition: i,
-      handleFocus: y,
-      handleBlur: L,
-      handleMousedown: A
-    } = T({
-      modelValue: C,
+      handleFocus: L,
+      handleBlur: A,
+      handleMousedown: E
+    } = $({
+      modelValue: B,
       emit: m,
       eventName: "inputValueChange",
       updateEventName: "update:inputValue",
-      eventHandlers: w
-    }), E = a(() => e.focused ?? f.value), p = a(() => e.enabledInput && f.value || !e.modelValue), d = () => {
+      eventHandlers: N
+    }), R = l(() => e.focused ?? f.value), p = l(() => e.enabledInput && f.value || !e.modelValue), d = () => {
       var u;
       return e.modelValue ? ((u = e.formatLabel) == null ? void 0 : u.call(e, e.modelValue)) ?? e.modelValue.label : "";
-    }, F = a(() => e.enabledInput && e.modelValue ? d() : e.placeholder), R = () => {
+    }, k = l(() => e.enabledInput && e.modelValue ? d() : e.placeholder), P = () => {
       var u;
       return e.modelValue ? ((u = t.default) == null ? void 0 : u.call(t, {
         data: e.modelValue
       })) ?? d() : null;
-    }, k = a(() => [n.block, n.modifier(`size-${B.value}`), {
+    }, j = l(() => [n.block, n.modifier(`size-${z.value}`), {
       [n.modifier("search")]: e.enabledInput,
-      [n.modifier("focus")]: E.value,
+      [n.modifier("focus")]: R.value,
       [n.modifier("disabled")]: s.value,
-      [n.modifier("error")]: S.value
-    }]), P = a(() => K(o, v)), j = a(() => O(o, v)), M = (u) => {
+      [n.modifier("error")]: w.value
+    }]), M = l(() => H(o, h)), _ = l(() => U(o, h)), D = (u) => {
       m("keydown", u);
-    };
+    }, b = () => a("input", V(_.value, e.inputAttrs, {
+      ref: c,
+      class: [n.element("input"), {
+        [n.element("input-hidden")]: !p.value
+      }],
+      value: y.value,
+      readonly: !e.enabledInput,
+      placeholder: k.value,
+      disabled: s.value,
+      onInput: F,
+      onKeydown: D,
+      onFocus: L,
+      onBlur: A,
+      onCompositionstart: i,
+      onCompositionupdate: i,
+      onCompositionend: i
+    }), null), v = () => a("span", {
+      class: [n.element("value"), {
+        [n.element("value-hidden")]: p.value
+      }]
+    }, [P()]);
     return {
       inputRef: c,
-      render: () => l("span", b(P.value, {
-        class: k.value,
+      render: () => a("span", V(M.value, {
+        class: j.value,
         title: d(),
-        onMousedown: A
-      }), [t.prefix && l("span", {
+        onMousedown: E
+      }), [t.prefix && a("span", {
         class: n.element("prefix")
-      }, [t.prefix()]), l("input", b(j.value, e.inputAttrs, {
-        ref: c,
-        class: [n.element("input"), {
-          [n.element("input-hidden")]: !p.value
-        }],
-        value: N.value,
-        readonly: !e.enabledInput,
-        placeholder: F.value,
-        disabled: s.value,
-        onInput: z,
-        onKeydown: M,
-        onFocus: y,
-        onBlur: L,
-        onCompositionstart: i,
-        onCompositionupdate: i,
-        onCompositionend: i
-      }), null), l("span", {
-        class: [n.element("value"), {
-          [n.element("value-hidden")]: p.value
-        }]
-      }, [R()]), t.suffix && l("span", {
+      }, [t.prefix()]), e.retainInputBox ? a("span", {
+        class: n.element("input-area")
+      }, [b(), v()]) : a(T, null, [b(), v()]), t.suffix && a("span", {
         class: n.element("suffix")
       }, [t.suffix()])])
     };
@@ -137,5 +141,5 @@ const ne = /* @__PURE__ */ _({
   }
 });
 export {
-  ne as default
+  ae as default
 };

package/dist/es/components/_components/select-view/select-view.js

@@ -203,6 +203,7 @@ const be = /* @__PURE__ */ E({
         error: v.value,
         enabledInput: D.value,
         inputAttrs: b.value,
+        retainInputBox: !0,
         uninjectFormItemContext: !0,
         onInputValueChange: V,
         onKeydown: y,

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", {