x-next 1.13.0 → 1.15.0

package/dist/es/components/tree-select/TreeSelect.js

@@ -0,0 +1,865 @@
+import { defineComponent as Ze, toRefs as ea, useId as aa, computed as g, ref as m, watch as M, onBeforeUnmount as la, createVNode as h, mergeProps as A, nextTick as ta } from "vue";
+import { isObject as oa, isUndefined as z, isFunction as i } from "../../_utils/is.js";
+import { Trigger as _ } from "../trigger/index.js";
+import $ from "../_components/select-view/select-view.js";
+import na from "./TreeSelectDropdown.vue.js";
+import ua from "./TreeNode.vue.js";
+import ra from "../virtual-list-v2/virtual-list.vue.js";
+import { useFormItem as da } from "../../_hooks/use-form-item.js";
+import { useTrigger as ia } from "../../_hooks/use-trigger.js";
+import { useLocale as ca } from "../../locale/index.js";
+import { getClassNameMixin as sa } from "../../_utils/config.js";
+import { omit as pa } from "../../_utils/omit.js";
+import { getRelativeRect as fa } from "../../_utils/dom.js";
+import { useTreeSelect as ma } from "./hooks/use-tree-select.js";
+import { normalizeKey as W, getValueFromKey as X } from "./utils.js";
+const ha = /* @__PURE__ */ new Set(["id", "name", "form", "tabindex", "tabIndex", "autofocus", "autoFocus", "autocomplete", "autoComplete"]), q = (a) => ha.has(a) || a.startsWith("aria-"), Aa = /* @__PURE__ */ Ze({
+  name: "TreeSelect",
+  components: {
+    Trigger: _,
+    SelectView: $
+  },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * @zh 绑定值
+     * @en Value
+     */
+    modelValue: {
+      type: [String, Number, Object, Array],
+      default: void 0
+    },
+    /**
+     * @zh 默认值（非受控模式）
+     * @en Default value (uncontrolled mode)
+     */
+    defaultValue: {
+      type: [String, Number, Object, Array],
+      default: (a) => a.multiple || a.treeCheckable ? [] : void 0
+    },
+    /**
+     * @zh 是否开启多选模式
+     * @en Whether to open multi-select mode
+     */
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否开启勾选模式，开启后按复选框逻辑选择，值始终为数组
+     * @en Whether to enable checkbox mode. Values are always an array
+     */
+    treeCheckable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 勾选模式是否取消父子联动
+     * @en Whether to disable parent-child conduction in checkable mode
+     */
+    treeCheckStrictly: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 勾选回填策略，`parent` 保留父节点，`child` 只保留叶子节点
+     * @en Checked value strategy. `parent` keeps parents, `child` keeps only leaves
+     */
+    checkedStrategy: {
+      type: String,
+      default: "parent"
+    },
+    /**
+     * @zh 树数据
+     * @en Tree data
+     */
+    data: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 自定义节点字段名
+     * @en Customize node field names
+     */
+    fieldNames: {
+      type: Object
+    },
+    /**
+     * @zh 选中值是否包含标题，值形如 `{ value, label }`
+     * @en Whether the value contains the label, shaped as `{ value, label }`
+     */
+    labelInValue: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 节点是否可选中，也支持 `'leaf'` 仅叶子节点或自定义方法
+     * @en Whether the node is selectable. `'leaf'` or a custom method is also accepted
+     */
+    selectable: {
+      type: [Boolean, String, Function],
+      default: !0
+    },
+    /**
+     * @zh 是否允许搜索
+     * @en Whether to allow searching
+     */
+    allowSearch: {
+      type: [Boolean, Object],
+      default: (a) => !!(a.multiple || a.treeCheckable)
+    },
+    /**
+     * @zh 是否允许清空
+     * @en Whether to allow clear
+     */
+    allowClear: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 过滤节点的方法，`false` 关闭过滤
+     * @en Filter node method, `false` to disable filtering
+     */
+    filterTreeNode: {
+      type: [Boolean, Function],
+      default: !0
+    },
+    /**
+     * @zh 触发搜索事件的延迟时间
+     * @en Delay time to trigger search event
+     */
+    searchDelay: {
+      type: Number,
+      default: 500
+    },
+    /**
+     * @zh 搜索输入值
+     * @en Search input value
+     * @vModel
+     */
+    inputValue: {
+      type: String
+    },
+    /**
+     * @zh 搜索输入默认值（非受控模式）
+     * @en Default search input value (uncontrolled mode)
+     */
+    defaultInputValue: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @zh 选择框的尺寸
+     * @en The size of the select
+     * @values 'mini','small','medium','large'
+     * @defaultValue 'medium'
+     */
+    size: {
+      type: String
+    },
+    /**
+     * @zh 占位符
+     * @en Placeholder
+     */
+    placeholder: String,
+    /**
+     * @zh 是否为加载中状态
+     * @en Whether it is loading state
+     */
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否为错误状态
+     * @en Whether it is an error state
+     */
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否显示输入框的边框
+     * @en Whether to display the border of the input box
+     */
+    bordered: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 多选模式下最多显示的标签数量。0 表示不限制
+     * @en In multi-select mode, the maximum number of labels displayed. 0 means unlimited
+     */
+    maxTagCount: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * @zh 标签内容不换行
+     * @en Tag content does not wrap
+     */
+    tagNowrap: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否显示下拉菜单
+     * @en Whether to show the dropdown
+     * @vModel
+     */
+    popupVisible: {
+      type: Boolean,
+      default: void 0
+    },
+    /**
+     * @zh 弹出框默认是否可见（非受控模式）
+     * @en Whether the popup is visible by default (uncontrolled mode)
+     */
+    defaultPopupVisible: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否在下拉菜单关闭时销毁元素
+     * @en Whether to destroy the element when the dropdown is closed
+     */
+    unmountOnClose: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 弹出框的挂载容器
+     * @en Mount container for popup
+     */
+    popupContainer: {
+      type: [String, Object]
+    },
+    /**
+     * @zh 下拉菜单的触发器属性
+     * @en Trigger props of the drop-down menu
+     * @type TriggerProps
+     */
+    triggerProps: {
+      type: Object
+    },
+    /**
+     * @zh 是否默认展开所有节点
+     * @en Whether to expand all nodes by default
+     */
+    defaultExpandAll: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 展开的节点
+     * @en Expanded keys
+     * @vModel
+     */
+    expandedKeys: {
+      type: Array,
+      default: void 0
+    },
+    /**
+     * @zh 默认展开的节点（非受控模式）
+     * @en Expanded keys by default (uncontrolled mode)
+     */
+    defaultExpandedKeys: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 是否自动展开父节点
+     * @en Whether to expand parent nodes automatically
+     */
+    autoExpandParent: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 是否显示连接线
+     * @en Whether to display the tree line
+     */
+    showLine: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 节点是否占据整行，整行可点击
+     * @en Whether the node occupies the whole row. The whole row is clickable
+     */
+    blockNode: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 传递虚拟列表属性，传入此参数以开启虚拟滚动 [VirtualListProps](#VirtualListProps)
+     * @en Pass the virtual list attribute, pass in this parameter to turn on virtual scrolling [VirtualListProps](#VirtualListProps)
+     * @type VirtualListProps
+     */
+    virtualListProps: {
+      type: Object
+    },
+    /**
+     * @zh 是否开启虚拟滚动条
+     * @en Whether to enable virtual scroll bar
+     */
+    scrollbar: {
+      type: [Boolean, Object],
+      default: !0
+    },
+    /**
+     * @zh 下拉列表最大高度
+     * @en Max height of the dropdown list
+     */
+    maxHeight: {
+      type: [Number, String]
+    },
+    /**
+     * @zh 异步加载子节点数据
+     * @en Load child nodes asynchronously
+     */
+    loadMore: {
+      type: Function
+    },
+    /**
+     * @zh 自定义值中不存在的节点
+     * @en Options that do not exist in custom values
+     */
+    fallbackOption: {
+      type: [Boolean, Function],
+      default: !0
+    },
+    /**
+     * @zh 格式化显示内容
+     * @en Format display content
+     */
+    formatLabel: {
+      type: Function
+    },
+    /**
+     * @zh 空状态时是否显示 header
+     * @en Whether to display the header in the empty state
+     */
+    showHeaderOnEmpty: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 空状态时是否显示 footer
+     * @en Whether to display the footer in the empty state
+     */
+    showFooterOnEmpty: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: {
+    "update:modelValue": (a) => !0,
+    "update:inputValue": (a) => !0,
+    "update:popupVisible": (a) => !0,
+    "update:expandedKeys": (a) => !0,
+    /**
+     * @zh 值发生改变时触发
+     * @en Triggered when the value changes
+     * @param {TreeSelectValue | TreeSelectValue[] | undefined} value
+     * @param {object} info 节点与勾选状态
+     */
+    change: (a, o) => !0,
+    /**
+     * @zh 输入框的值发生改变时触发
+     * @en Triggered when the value of the input changes
+     * @param {string} inputValue
+     */
+    inputValueChange: (a) => !0,
+    /**
+     * @zh 用户搜索时触发
+     * @en Triggered when the user searches
+     * @param {string} inputValue
+     */
+    search: (a) => !0,
+    /**
+     * @zh 下拉框的显示状态改变时触发
+     * @en Triggered when the display state of the drop-down box changes
+     * @param {boolean} visible
+     */
+    popupVisibleChange: (a) => !0,
+    /**
+     * @zh 点击清除按钮时触发
+     * @en Triggered when the clear button is clicked
+     */
+    clear: (a) => !0,
+    /**
+     * @zh 删除多选标签时触发
+     * @en Triggered when the delete button of the label is clicked
+     * @param {TreeSelectValue} removed
+     */
+    remove: (a) => !0,
+    /**
+     * @zh 展开状态改变时触发
+     * @en Triggered when the expanded state changes
+     * @param {TreeSelectKey[]} keys
+     * @param {object} info
+     */
+    expand: (a, o) => !0,
+    /**
+     * @zh 下拉菜单发生滚动时触发
+     * @en Triggered when the drop-down scrolls
+     */
+    dropdownScroll: (a) => !0,
+    /**
+     * @zh 点击节点时触发
+     * @en Triggered when a node is clicked
+     * @param {TreeSelectValue} value
+     * @param {object} info
+     */
+    nodeClick: (a, o) => !0,
+    focus: (a) => !0,
+    blur: (a) => !0
+  },
+  /**
+   * @zh 选项为空时的显示内容
+   * @en Display content when the option is empty
+   * @slot empty
+   */
+  /**
+   * @zh 自定义节点标题
+   * @en Custom node title
+   * @slot title
+   * @binding {TreeSelectNodeData} node
+   * @binding {TreeSelectKey} value
+   * @binding {boolean} checked
+   * @binding {boolean} halfChecked
+   * @binding {boolean} selected
+   * @binding {boolean} expanded
+   */
+  /**
+   * @zh 自定义节点前缀图标
+   * @en Custom node icon
+   * @slot node-icon
+   * @binding {TreeSelectNodeData} node
+   */
+  /**
+   * @zh 自定义展开图标
+   * @en Custom switcher icon
+   * @slot switcher-icon
+   * @binding {TreeSelectNodeData} node
+   * @binding {boolean} expanded
+   * @binding {boolean} loading
+   */
+  /**
+   * @zh 选择框的显示内容
+   * @en Display content of label
+   * @slot label
+   * @binding {TreeSelectLabelValue} data
+   */
+  /**
+   * @zh 下拉框的页头
+   * @en The header of the drop-down box
+   * @slot header
+   */
+  /**
+   * @zh 下拉框的页脚
+   * @en The footer of the drop-down box
+   * @slot footer
+   */
+  /**
+   * @zh 选择框的箭头图标
+   * @en Arrow icon for select box
+   * @slot arrow-icon
+   */
+  /**
+   * @zh 选择框的加载中图标
+   * @en Loading icon for select box
+   * @slot loading-icon
+   */
+  /**
+   * @zh 选择框的搜索图标
+   * @en Search icon for select box
+   * @slot search-icon
+   */
+  /**
+   * @zh 前缀元素
+   * @en Prefix
+   * @slot prefix
+   */
+  /**
+   * @zh 自定义触发元素
+   * @en Custom trigger element
+   * @slot trigger
+   * @binding {boolean} popupVisible
+   * @binding {boolean} disabled
+   */
+  setup(a, {
+    slots: o,
+    emit: n,
+    attrs: v,
+    expose: Y
+  }) {
+    const {
+      size: G,
+      disabled: J,
+      error: Q,
+      data: Z,
+      multiple: ee,
+      treeCheckable: ae,
+      treeCheckStrictly: le,
+      checkedStrategy: te,
+      labelInValue: w,
+      selectable: oe,
+      expandedKeys: ne,
+      defaultExpandedKeys: ue,
+      defaultExpandAll: re,
+      autoExpandParent: de,
+      defaultInputValue: ie,
+      filterTreeNode: ce,
+      loadMore: se,
+      fallbackOption: pe,
+      formatLabel: fe,
+      modelValue: me,
+      defaultValue: he,
+      fieldNames: ve,
+      popupVisible: ye,
+      defaultPopupVisible: be,
+      loading: ge
+    } = ea(a), we = sa("tree-select"), O = aa(), V = `${O}-tree`, k = (e) => `${O}-node-${encodeURIComponent(e)}`, {
+      formItemCtx: Ve,
+      mergedSize: P,
+      mergedDisabled: d,
+      mergedError: ke,
+      eventHandlers: Se
+    } = da({
+      size: G,
+      disabled: J,
+      error: Q
+    }), {
+      t: Ce
+    } = ca(), S = g(() => oa(a.allowSearch) && !!a.allowSearch.retainInputValue), C = m(), K = m(), x = m(), y = m({}), {
+      computedPopupVisible: r,
+      handlePopupVisibleChange: s
+    } = ia({
+      popupVisible: ye,
+      defaultPopupVisible: be,
+      emit: n
+    }), {
+      nodeMap: L,
+      checkState: F,
+      isCheckable: T,
+      isMultiple: N,
+      filterResult: xe,
+      visibleNodes: B,
+      activeKey: c,
+      displayValues: Te,
+      clearable: Ne,
+      computedInputValue: p,
+      getNodeInfo: R,
+      isNodeSelectable: Be,
+      isNodeSelected: Ie,
+      isNodeHalfChecked: Ee,
+      isNodeExpanded: Ae,
+      isLoadingNode: Oe,
+      updateInputValue: b,
+      setActiveKey: I,
+      expandNode: Pe,
+      handleSelect: Ke,
+      handleRemove: Le,
+      handleClear: Fe,
+      handleKeyDown: Re,
+      expandAll: De,
+      checkAll: He
+    } = ma({
+      data: Z,
+      fieldNames: ve,
+      modelValue: me,
+      defaultValue: he,
+      multiple: ee,
+      treeCheckable: ae,
+      treeCheckStrictly: le,
+      checkedStrategy: te,
+      labelInValue: w,
+      selectable: oe,
+      expandedKeys: ne,
+      defaultExpandedKeys: ue,
+      defaultExpandAll: re,
+      autoExpandParent: de,
+      defaultInputValue: ie,
+      filterTreeNode: ce,
+      loadMore: se,
+      fallbackOption: pe,
+      formatLabel: fe,
+      popupVisible: r,
+      disabled: d,
+      loading: ge,
+      onUpdateModelValue: (e) => n("update:modelValue", e),
+      onChange: (e, l) => {
+        var t, u;
+        n("change", e, l), (u = (t = Se.value) == null ? void 0 : t.onChange) == null || u.call(t);
+      },
+      onUpdateExpandedKeys: (e) => n("update:expandedKeys", e),
+      onExpand: (e, l) => n("expand", e, l),
+      onUpdateInputValue: (e) => {
+        n("update:inputValue", e), n("inputValueChange", e);
+      },
+      onPopupVisibleChange: s
+    });
+    Y({
+      focus: () => {
+        var e;
+        return (e = C.value) == null ? void 0 : e.focus();
+      },
+      blur: () => {
+        var e;
+        return (e = C.value) == null ? void 0 : e.blur();
+      },
+      expandAll: (e = !0) => De(e),
+      checkAll: (e = !0) => He(e)
+    }), M(r, (e) => {
+      !e && !S.value && p.value && b("");
+    }), M(d, (e) => {
+      e && s(!1);
+    });
+    const f = m(), D = () => {
+      f.value !== void 0 && clearTimeout(f.value), f.value = void 0;
+    };
+    la(D);
+    const je = (e) => {
+      d.value || e !== p.value && (r.value || s(!0), b(e), D(), f.value = setTimeout(() => {
+        f.value = void 0, a.allowSearch && !d.value && e === p.value && n("search", e);
+      }, Math.max(0, a.searchDelay)));
+    }, H = (e) => {
+      const l = R(e), t = F.value.checked.has(e);
+      if (Ke(e), d.value || !l) return;
+      const u = w.value ? {
+        value: l.value,
+        label: l.title,
+        raw: l.raw
+      } : l.value;
+      if (n("nodeClick", u, {
+        node: l.raw,
+        checked: T.value ? !t : void 0,
+        selected: T.value ? void 0 : !t
+      }), !N.value && Be(l)) {
+        S.value && b(l.title), s(!1);
+        return;
+      }
+      !S.value && p.value && b("");
+    }, Ue = (e) => {
+      const l = String(e), t = R(l);
+      Le(l);
+      const u = t ? w.value ? {
+        value: t.value,
+        label: t.title,
+        raw: t.raw
+      } : t.value : X(l);
+      n("remove", u);
+    }, Me = (e) => {
+      Fe(), n("clear", e);
+    }, E = (e) => {
+      if (Re(e), e.key === "ArrowUp" || e.key === "ArrowDown") {
+        const l = c.value;
+        l && ta(() => $e(l));
+      }
+    }, ze = /* @__PURE__ */ new Set(["text", "search", "password", "email", "url", "tel", "number"]), _e = (e) => {
+      const l = e.target;
+      if (l && l !== e.currentTarget) {
+        const t = l.tagName;
+        if (l.isContentEditable || t === "TEXTAREA" || t === "INPUT" && !["checkbox", "radio"].includes(l.type) && ze.has(l.type))
+          return;
+      }
+      E(e);
+    }, $e = (e) => {
+      var U;
+      x.value && x.value.scrollTo({
+        key: e
+      });
+      const l = (U = K.value) == null ? void 0 : U.wrapperRef, t = y.value[e];
+      if (!l || !t || l.scrollHeight === l.offsetHeight) return;
+      const u = fa(t, l);
+      u.top < 0 ? l.scrollTo(0, l.scrollTop + u.top) : u.bottom > l.offsetHeight && l.scrollTo(0, l.scrollTop + u.bottom - l.offsetHeight);
+    }, We = g(() => pa(v, Object.keys(v).filter(q))), Xe = g(() => ({
+      ...Object.fromEntries(Object.entries(v).filter(([e]) => q(e))),
+      role: "combobox",
+      "aria-haspopup": "tree",
+      "aria-expanded": String(r.value),
+      "aria-controls": V,
+      "aria-activedescendant": r.value && !a.loading && !z(c.value) ? k(c.value) : void 0,
+      "aria-autocomplete": a.allowSearch ? "list" : "none",
+      "aria-label": v["aria-label"] ?? (Ve.labelId ? void 0 : a.placeholder ?? Ce("common.select"))
+    })), qe = g(() => Te.value.map((e) => {
+      const l = L.value.get(W(e.value));
+      return {
+        // 标签值使用内部键，数字键在 InputTag 往返后不会丢失类型
+        value: W(e.value),
+        label: e.label,
+        closable: !(l != null && l.disabled)
+      };
+    })), Ye = ({
+      data: e
+    }) => {
+      if (i(o.label) && e) {
+        const l = L.value.get(e.value);
+        return o.label({
+          data: l ? {
+            value: l.value,
+            label: l.title,
+            raw: l.raw
+          } : {
+            value: X(e.value),
+            label: e.label
+          }
+        });
+      }
+      return (e == null ? void 0 : e.label) ?? "";
+    }, Ge = () => ({
+      ...i(o.title) ? {
+        default: o.title
+      } : {},
+      ...i(o["node-icon"]) ? {
+        "node-icon": o["node-icon"]
+      } : {},
+      ...i(o["switcher-icon"]) ? {
+        "switcher-icon": o["switcher-icon"]
+      } : {}
+    }), j = (e) => {
+      var l;
+      return h(ua, {
+        key: e.key,
+        ref: (t) => {
+          t instanceof Element ? y.value[e.key] = t : (t == null ? void 0 : t.$el) instanceof Element ? y.value[e.key] = t.$el : delete y.value[e.key];
+        },
+        node: e,
+        nodeId: k(e.key),
+        selected: Ie(e),
+        checked: F.value.checked.has(e.key),
+        halfChecked: Ee(e),
+        expanded: Ae(e),
+        active: c.value === e.key,
+        loading: Oe(e.key),
+        checkable: T.value,
+        multiple: N.value,
+        disabled: e.disabled,
+        showLine: a.showLine,
+        blockNode: a.blockNode,
+        highlight: ((l = xe.value) == null ? void 0 : l.query) ?? "",
+        size: P.value,
+        onSelect: () => H(e.key),
+        onCheck: () => H(e.key),
+        "onToggle-expand": (t) => {
+          Pe(e.key, t), I(e.key);
+        },
+        onHover: () => {
+          e.disabled || I(e.key);
+        },
+        onLeave: () => I(void 0)
+      }, Ge());
+    }, Je = (e) => {
+      n("dropdownScroll", e);
+    }, Qe = () => h(na, {
+      ref: K,
+      id: V,
+      loading: a.loading,
+      empty: B.value.length === 0,
+      virtualList: !!a.virtualListProps,
+      showLine: a.showLine,
+      scrollbar: a.scrollbar,
+      maxHeight: a.maxHeight,
+      showHeaderOnEmpty: a.showHeaderOnEmpty,
+      showFooterOnEmpty: a.showFooterOnEmpty,
+      onScroll: Je,
+      onKeydown: _e
+    }, {
+      default: () => a.virtualListProps ? void 0 : B.value.map(j),
+      "virtual-list": () => h(ra, A(a.virtualListProps, {
+        ref: x,
+        data: B.value,
+        itemKey: "key",
+        scrollbar: a.scrollbar
+      }), {
+        item: ({
+          item: e
+        }) => j(e)
+      }),
+      // 仅在用户真的提供了插槽时才透传，否则空 key 会跳过默认空态
+      ...i(o.empty) ? {
+        empty: o.empty
+      } : {},
+      ...i(o.header) ? {
+        header: o.header
+      } : {},
+      ...i(o.footer) ? {
+        footer: o.footer
+      } : {}
+    });
+    return () => h(_, A({
+      trigger: "click",
+      position: "bl",
+      popupOffset: 4,
+      animationName: "x-slide-dynamic-origin",
+      hideEmpty: !0,
+      preventFocus: !0,
+      autoFitPopupWidth: !0,
+      autoFitTransformOrigin: !0,
+      disabled: d.value,
+      popupVisible: r.value,
+      unmountOnClose: a.unmountOnClose,
+      clickToClose: !a.allowSearch,
+      popupContainer: a.popupContainer,
+      onPopupVisibleChange: s,
+      updateAtScroll: !0
+    }, a.triggerProps), {
+      default: () => {
+        var e;
+        return [((e = o.trigger) == null ? void 0 : e.call(o, {
+          popupVisible: r.value,
+          disabled: d.value,
+          treeId: V,
+          activeDescendant: r.value && !a.loading && !z(c.value) ? k(c.value) : void 0,
+          onKeydown: E
+        })) ?? h($, A({
+          ref: C,
+          class: we.block,
+          modelValue: qe.value,
+          inputValue: p.value,
+          multiple: N.value,
+          disabled: d.value,
+          error: ke.value,
+          loading: a.loading,
+          allowClear: a.allowClear,
+          clearable: Ne.value,
+          allowSearch: !!a.allowSearch,
+          opened: r.value,
+          maxTagCount: a.maxTagCount,
+          placeholder: a.placeholder,
+          bordered: a.bordered,
+          size: P.value,
+          tagNowrap: a.tagNowrap,
+          inputAttrs: Xe.value
+        }, We.value, {
+          onInputValueChange: je,
+          onRemove: Ue,
+          onClear: Me,
+          onKeydown: E,
+          onFocus: (l) => n("focus", l),
+          onBlur: (l) => n("blur", l)
+        }), {
+          label: Ye,
+          prefix: o.prefix,
+          "arrow-icon": o["arrow-icon"],
+          "loading-icon": o["loading-icon"],
+          "search-icon": o["search-icon"]
+        })];
+      },
+      content: Qe
+    });
+  }
+});
+export {
+  Aa as default
+};