vft 0.0.74 → 0.0.77

package/es/components/popconfirm/style/css.js

@@ -0,0 +1,6 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-icon.css";
+import "vft/theme-style/vft-button.css";
+import "vft/theme-style/vft-popover.css";
+import "vft/theme-style/vft-popper.css";
+import "vft/theme-style/vft-popconfirm.css";

package/es/components/popconfirm/style/index.js

@@ -0,0 +1,6 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/icon.scss";
+import "vft/theme-style/src/button.scss";
+import "vft/theme-style/src/popper.scss";
+import "vft/theme-style/src/popover.scss";
+import "vft/theme-style/src/popconfirm.scss";

package/es/components/result/result.vue2.js

@@ -57,6 +57,8 @@ import "../virtual-list/components/fixed-size-grid.js";
 import "../virtual-list/components/dynamic-size-grid.js";
 import "../virtual-list/props.js";
 import "../select-v2/index.js";
+import "../select/index.js";
+import "../tree-select/index.js";
 import "../verify-code/index.js";
 import "../table/index.js";
 import "../image-viewer/index.js";
@@ -68,6 +70,12 @@ import "../row/index.js";
 import "../horizontal-menu/index.js";
 import "../time-picker/index.js";
 import "../date-picker/index.js";
+import "../check-tag/index.js";
+import "../tree/index.js";
+import "../skeleton/index.js";
+import "../space/index.js";
+import "../card/index.js";
+import "../popconfirm/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -80,7 +88,7 @@ const i = (
   x("result")
 ), I = l({
   name: i.b()
-}), Mt = /* @__PURE__ */ l({
+}), Zt = /* @__PURE__ */ l({
   ...I,
   props: {
     title: null,
@@ -119,5 +127,5 @@ const i = (
   }
 });
 export {
-  Mt as default
+  Zt as default
 };

package/es/components/roving-focus-group/roving-focus-item.vue2.js

@@ -6,9 +6,9 @@ import "../../hooks/use-z-index/index.js";
 import { useId as h } from "../../hooks/use-id/index.js";
 import "@vueuse/core";
 import "@vft/utils";
+import { EVENT_CODE as k } from "../../constants/aria.js";
 import { composeEventHandlers as i } from "../../utils/event.js";
 import "../../utils/ns-cover.js";
-import { EVENT_CODE as k } from "../../constants/aria.js";
 import { VftCollectionItem as x, ROVING_FOCUS_COLLECTION_INJECTION_KEY as G } from "./types.js";
 import { ROVING_FOCUS_GROUP_INJECTION_KEY as K, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as U } from "./tokens.js";
 import { getFocusIntent as V, reorderArray as J, focusFirst as L } from "./utils.js";

package/es/components/select/index.js

@@ -0,0 +1,22 @@
+import { withInstall as r, withNoopInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import i from "./select.vue.js";
+import o from "./option.vue.js";
+import p from "./option-group.vue.js";
+import { selectGroupKey as x, selectKey as y } from "./token.js";
+const O = r(i, {
+  Option: o,
+  OptionGroup: p
+}), G = t(o), V = t(p);
+export {
+  G as VftOption,
+  V as VftOptionGroup,
+  O as VftSelect,
+  O as default,
+  x as selectGroupKey,
+  y as selectKey
+};

package/es/components/select/option-group.vue.js

@@ -0,0 +1,25 @@
+import l from "./option-group.vue2.js";
+import { withDirectives as s, openBlock as t, createElementBlock as n, normalizeClass as o, createElementVNode as r, toDisplayString as i, renderSlot as a, vShow as p } from "vue";
+import u from "../../_virtual/_plugin-vue_export-helper.js";
+function c(e, m, f, d, b, $) {
+  return s((t(), n("ul", {
+    class: o(e.ns.be("group", "wrap"))
+  }, [
+    r("li", {
+      class: o(e.ns.be("group", "title"))
+    }, i(e.label), 3),
+    r("li", null, [
+      r("ul", {
+        class: o(e.ns.b("group"))
+      }, [
+        a(e.$slots, "default")
+      ], 2)
+    ])
+  ], 2)), [
+    [p, e.visible]
+  ]);
+}
+const w = /* @__PURE__ */ u(l, [["render", c]]);
+export {
+  w as default
+};

package/es/components/select/option-group.vue2.js

@@ -0,0 +1,53 @@
+import { defineComponent as f, ref as i, getCurrentInstance as y, provide as d, reactive as h, toRefs as v, inject as b, onMounted as g, toRaw as C, watch as x } from "vue";
+import { useNamespace as G } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import { selectGroupKey as O, selectKey as V } from "./token.js";
+const I = f({
+  name: "VftOptionGroup",
+  componentName: "VftOptionGroup",
+  props: {
+    label: String,
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(a) {
+    const c = G("select"), n = i(!0), m = y(), r = i([]);
+    d(
+      O,
+      h({
+        ...v(a)
+      })
+    );
+    const u = b(V);
+    g(() => {
+      r.value = p(m.subTree);
+    });
+    const p = (t) => {
+      const o = [];
+      return Array.isArray(t.children) && t.children.forEach((e) => {
+        var s;
+        e.type && e.type.name === "VftOption" && e.component && e.component.proxy ? o.push(e.component.proxy) : (s = e.children) != null && s.length && o.push(...p(e));
+      }), o;
+    }, { groupQueryChange: l } = C(u);
+    return x(
+      l,
+      () => {
+        n.value = r.value.some((t) => t.visible === !0);
+      },
+      { flush: "post" }
+    ), {
+      visible: n,
+      ns: c
+    };
+  }
+});
+export {
+  I as default
+};

package/es/components/select/option.vue.js

@@ -0,0 +1,27 @@
+import i from "./option.vue2.js";
+import { withDirectives as s, openBlock as t, createElementBlock as l, normalizeClass as n, withModifiers as p, renderSlot as d, createElementVNode as m, toDisplayString as a, vShow as f } from "vue";
+import u from "../../_virtual/_plugin-vue_export-helper.js";
+function v(e, o, b, k, $, h) {
+  return s((t(), l("li", {
+    class: n([
+      e.ns.be("dropdown", "item"),
+      e.ns.is("disabled", e.isDisabled),
+      {
+        selected: e.itemSelected,
+        hover: e.hover
+      }
+    ]),
+    onMouseenter: o[0] || (o[0] = (...r) => e.hoverItem && e.hoverItem(...r)),
+    onClick: o[1] || (o[1] = p((...r) => e.selectOptionClick && e.selectOptionClick(...r), ["stop"]))
+  }, [
+    d(e.$slots, "default", {}, () => [
+      m("span", null, a(e.currentLabel), 1)
+    ])
+  ], 34)), [
+    [f, e.visible]
+  ]);
+}
+const D = /* @__PURE__ */ u(i, [["render", v]]);
+export {
+  D as default
+};

package/es/components/select/option.vue2.js

@@ -0,0 +1,58 @@
+import { defineComponent as O, reactive as v, toRefs as h, getCurrentInstance as g, onBeforeUnmount as S, nextTick as y } from "vue";
+import { useNamespace as x } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import { useOption as B } from "./useOption.js";
+const R = O({
+  name: "VftOption",
+  componentName: "VftOption",
+  props: {
+    value: {
+      required: !0,
+      type: [String, Number, Boolean, Object]
+    },
+    label: [String, Number],
+    created: Boolean,
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(s) {
+    const r = x("select"), o = v({
+      index: -1,
+      groupDisabled: !1,
+      visible: !0,
+      hitState: !1,
+      hover: !1
+    }), { currentLabel: l, itemSelected: a, isDisabled: c, select: e, hoverItem: p } = B(s, o), { visible: m, hover: u } = h(o), t = g().proxy;
+    e.onOptionCreate(t), S(() => {
+      const n = t.value, { selected: i } = e, f = (e.props.multiple ? i : [i]).some((b) => b.value === t.value);
+      y(() => {
+        e.cachedOptions.get(n) === t && !f && e.cachedOptions.delete(n);
+      }), e.onOptionDestroy(n, t);
+    });
+    function d() {
+      s.disabled !== !0 && o.groupDisabled !== !0 && e.handleOptionSelect(t, !0);
+    }
+    return {
+      ns: r,
+      currentLabel: l,
+      itemSelected: a,
+      isDisabled: c,
+      select: e,
+      hoverItem: p,
+      visible: m,
+      hover: u,
+      selectOptionClick: d,
+      states: o
+    };
+  }
+});
+export {
+  R as default
+};

package/es/components/select/options.js

@@ -0,0 +1,34 @@
+import { defineComponent as y } from "vue";
+import { isString as A, isFunction as g } from "@vft/utils";
+const C = y({
+  name: "Options",
+  emits: ["update-options"],
+  setup(x, { slots: t, emit: h }) {
+    let o = [];
+    function O(r, e) {
+      if (r.length !== e.length)
+        return !1;
+      for (const [i] of r.entries())
+        if (r[i] != e[i])
+          return !1;
+      return !0;
+    }
+    return () => {
+      var f, p;
+      const r = (f = t.default) == null ? void 0 : f.call(t), e = [];
+      function i(s) {
+        Array.isArray(s) && s.forEach((n) => {
+          var l, c, u, d;
+          const a = (l = (n == null ? void 0 : n.type) || {}) == null ? void 0 : l.name;
+          a === "VftOptionGroup" ? i(
+            !A(n.children) && !Array.isArray(n.children) && g((c = n.children) == null ? void 0 : c.default) ? (u = n.children) == null ? void 0 : u.default() : n.children
+          ) : a === "VftOption" ? e.push((d = n.props) == null ? void 0 : d.label) : Array.isArray(n.children) && i(n.children);
+        });
+      }
+      return r.length && i((p = r[0]) == null ? void 0 : p.children), O(e, o) || (o = e, h("update-options", e)), r;
+    };
+  }
+});
+export {
+  C as default
+};

package/es/components/select/select-dropdown.vue.js

@@ -0,0 +1,15 @@
+import o from "./select-dropdown.vue2.js";
+import { openBlock as r, createElementBlock as s, normalizeClass as t, normalizeStyle as i, renderSlot as n } from "vue";
+import l from "../../_virtual/_plugin-vue_export-helper.js";
+function p(e, a, d, m, f, u) {
+  return r(), s("div", {
+    class: t([e.ns.b("dropdown"), e.ns.is("multiple", e.isMultiple), e.popperClass]),
+    style: i({ [e.isFitInputWidth ? "width" : "minWidth"]: e.minWidth })
+  }, [
+    n(e.$slots, "default")
+  ], 6);
+}
+const S = /* @__PURE__ */ l(o, [["render", p]]);
+export {
+  S as default
+};

package/es/components/select/select-dropdown.vue2.js

@@ -0,0 +1,32 @@
+import { defineComponent as c, inject as l, computed as e, ref as f, onMounted as u } from "vue";
+import { useResizeObserver as a } from "@vueuse/core";
+import { useNamespace as d } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import { selectKey as W } from "./token.js";
+const S = c({
+  name: "VftSelectDropdown",
+  componentName: "VftSelectDropdown",
+  setup() {
+    const t = l(W), r = d("select"), i = e(() => t.props.popperClass), n = e(() => t.props.multiple), m = e(() => t.props.fitInputWidth), o = f("");
+    function p() {
+      var s;
+      o.value = `${(s = t.selectWrapper) == null ? void 0 : s.offsetWidth}px`;
+    }
+    return u(() => {
+      p(), a(t.selectWrapper, p);
+    }), {
+      ns: r,
+      minWidth: o,
+      popperClass: i,
+      isMultiple: n,
+      isFitInputWidth: m
+    };
+  }
+});
+export {
+  S as default
+};

package/es/components/select/select.vue.js

@@ -0,0 +1,327 @@
+import K from "./select.vue2.js";
+import { resolveComponent as u, resolveDirective as V, withDirectives as C, openBlock as o, createElementBlock as a, normalizeClass as n, withModifiers as f, createVNode as g, withCtx as t, createElementVNode as r, normalizeStyle as v, createBlock as d, Transition as z, Fragment as S, renderList as h, toDisplayString as m, createCommentVNode as p, withKeys as i, vModelText as W, createSlots as B, renderSlot as w, vShow as P } from "vue";
+import E from "../../_virtual/_plugin-vue_export-helper.js";
+const F = ["disabled", "autocomplete"], q = ["disabled"], A = { style: { height: "100%", display: "flex", "justify-content": "center", "align-items": "center" } };
+function H(e, s, N, R, U, Q) {
+  const b = u("vft-tag"), k = u("vft-tooltip"), T = u("vft-icon"), $ = u("vft-input"), O = u("vft-option"), L = u("options"), M = u("vft-scrollbar"), D = u("select-menu"), I = V("click-outside");
+  return C((o(), a("div", {
+    ref: "selectWrapper",
+    class: n(e.wrapperKls),
+    onMouseenter: s[21] || (s[21] = (...l) => e.handleMouseEnter && e.handleMouseEnter(...l)),
+    onMouseleave: s[22] || (s[22] = (...l) => e.handleMouseLeave && e.handleMouseLeave(...l)),
+    onClick: s[23] || (s[23] = f((...l) => e.toggleMenu && e.toggleMenu(...l), ["stop"]))
+  }, [
+    g(k, {
+      ref: "tooltipRef",
+      visible: e.dropMenuVisible,
+      placement: e.placement,
+      teleported: e.teleported,
+      "popper-class": [e.nsSelect.e("popper"), e.popperClass],
+      "popper-options": e.popperOptions,
+      "fallback-placements": ["bottom-start", "top-start", "right", "left"],
+      effect: e.effect,
+      pure: "",
+      trigger: "click",
+      transition: `${e.nsSelect.namespace.value}-zoom-in-top`,
+      "stop-popper-mouse-event": !1,
+      "gpu-acceleration": !1,
+      persistent: e.persistent,
+      onShow: e.handleMenuEnter
+    }, {
+      default: t(() => [
+        r("div", {
+          class: "select-trigger",
+          onMouseenter: s[19] || (s[19] = (l) => e.inputHovering = !0),
+          onMouseleave: s[20] || (s[20] = (l) => e.inputHovering = !1)
+        }, [
+          e.multiple ? (o(), a("div", {
+            key: 0,
+            ref: "tags",
+            class: n([
+              e.nsSelect.e("tags"),
+              e.nsSelect.is("disabled", e.selectDisabled)
+            ]),
+            style: v(e.selectTagsStyle)
+          }, [
+            e.collapseTags && e.selected.length ? (o(), d(z, {
+              key: 0,
+              onAfterLeave: e.resetInputHeight
+            }, {
+              default: t(() => [
+                r("span", {
+                  class: n([
+                    e.nsSelect.b("tags-wrapper"),
+                    { "has-prefix": e.prefixWidth && e.selected.length }
+                  ])
+                }, [
+                  (o(!0), a(S, null, h(e.showTagList, (l) => (o(), d(b, {
+                    key: e.getValueKey(l),
+                    closable: !e.selectDisabled && !l.isDisabled,
+                    size: e.collapseTagSize,
+                    hit: l.hitState,
+                    type: e.tagType,
+                    "disable-transitions": "",
+                    onClose: (y) => e.deleteTag(y, l)
+                  }, {
+                    default: t(() => [
+                      r("span", {
+                        class: n(e.nsSelect.e("tags-text")),
+                        style: v(e.tagTextStyle)
+                      }, m(l.currentLabel), 7)
+                    ]),
+                    _: 2
+                  }, 1032, ["closable", "size", "hit", "type", "onClose"]))), 128)),
+                  e.selected.length > e.maxCollapseTags ? (o(), d(b, {
+                    key: 0,
+                    closable: !1,
+                    size: e.collapseTagSize,
+                    type: e.tagType,
+                    "disable-transitions": ""
+                  }, {
+                    default: t(() => [
+                      e.collapseTagsTooltip ? (o(), d(k, {
+                        key: 0,
+                        disabled: e.dropMenuVisible,
+                        "fallback-placements": ["bottom", "top", "right", "left"],
+                        effect: e.effect,
+                        placement: "bottom",
+                        teleported: e.teleported
+                      }, {
+                        default: t(() => [
+                          r("span", {
+                            class: n(e.nsSelect.e("tags-text"))
+                          }, "+ " + m(e.selected.length - e.maxCollapseTags), 3)
+                        ]),
+                        content: t(() => [
+                          r("div", {
+                            class: n(e.nsSelect.e("collapse-tags"))
+                          }, [
+                            (o(!0), a(S, null, h(e.collapseTagList, (l) => (o(), a("div", {
+                              key: e.getValueKey(l),
+                              class: n(e.nsSelect.e("collapse-tag"))
+                            }, [
+                              g(b, {
+                                class: "in-tooltip",
+                                closable: !e.selectDisabled && !l.isDisabled,
+                                size: e.collapseTagSize,
+                                hit: l.hitState,
+                                type: e.tagType,
+                                "disable-transitions": "",
+                                style: { margin: "2px" },
+                                onClose: (y) => e.deleteTag(y, l)
+                              }, {
+                                default: t(() => [
+                                  r("span", {
+                                    class: n(e.nsSelect.e("tags-text")),
+                                    style: v({
+                                      maxWidth: e.inputWidth - 75 + "px"
+                                    })
+                                  }, m(l.currentLabel), 7)
+                                ]),
+                                _: 2
+                              }, 1032, ["closable", "size", "hit", "type", "onClose"])
+                            ], 2))), 128))
+                          ], 2)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled", "effect", "teleported"])) : (o(), a("span", {
+                        key: 1,
+                        class: n(e.nsSelect.e("tags-text"))
+                      }, "+ " + m(e.selected.length - e.maxCollapseTags), 3))
+                    ]),
+                    _: 1
+                  }, 8, ["size", "type"])) : p("", !0)
+                ], 2)
+              ]),
+              _: 1
+            }, 8, ["onAfterLeave"])) : p("", !0),
+            e.collapseTags ? p("", !0) : (o(), d(z, {
+              key: 1,
+              onAfterLeave: e.resetInputHeight
+            }, {
+              default: t(() => [
+                r("span", {
+                  class: n([
+                    e.nsSelect.b("tags-wrapper"),
+                    { "has-prefix": e.prefixWidth && e.selected.length }
+                  ])
+                }, [
+                  (o(!0), a(S, null, h(e.selected, (l) => (o(), d(b, {
+                    key: e.getValueKey(l),
+                    closable: !e.selectDisabled && !l.isDisabled,
+                    size: e.collapseTagSize,
+                    hit: l.hitState,
+                    type: e.tagType,
+                    "disable-transitions": "",
+                    onClose: (y) => e.deleteTag(y, l)
+                  }, {
+                    default: t(() => [
+                      r("span", {
+                        class: n(e.nsSelect.e("tags-text")),
+                        style: v({ maxWidth: e.inputWidth - 75 + "px" })
+                      }, m(l.currentLabel), 7)
+                    ]),
+                    _: 2
+                  }, 1032, ["closable", "size", "hit", "type", "onClose"]))), 128))
+                ], 2)
+              ]),
+              _: 1
+            }, 8, ["onAfterLeave"])),
+            e.filterable ? C((o(), a("input", {
+              key: 2,
+              ref: "input",
+              "onUpdate:modelValue": s[0] || (s[0] = (l) => e.query = l),
+              type: "text",
+              class: n([
+                e.nsSelect.e("input"),
+                e.nsSelect.is(e.selectSize),
+                e.nsSelect.is("disabled", e.selectDisabled)
+              ]),
+              disabled: e.selectDisabled,
+              autocomplete: e.autocomplete,
+              style: v({
+                marginLeft: e.prefixWidth && !e.selected.length || e.tagInMultiLine ? `${e.prefixWidth}px` : "",
+                flexGrow: 1,
+                width: `${e.inputLength / (e.inputWidth - 32)}%`,
+                maxWidth: `${e.inputWidth - 42}px`
+              }),
+              onFocus: s[1] || (s[1] = (...l) => e.handleFocus && e.handleFocus(...l)),
+              onBlur: s[2] || (s[2] = (...l) => e.handleBlur && e.handleBlur(...l)),
+              onKeyup: s[3] || (s[3] = (...l) => e.managePlaceholder && e.managePlaceholder(...l)),
+              onKeydown: [
+                s[4] || (s[4] = (...l) => e.resetInputState && e.resetInputState(...l)),
+                s[5] || (s[5] = i(f((l) => e.navigateOptions("next"), ["prevent"]), ["down"])),
+                s[6] || (s[6] = i(f((l) => e.navigateOptions("prev"), ["prevent"]), ["up"])),
+                s[7] || (s[7] = i((...l) => e.handleKeydownEscape && e.handleKeydownEscape(...l), ["esc"])),
+                s[8] || (s[8] = i(f((...l) => e.selectOption && e.selectOption(...l), ["stop", "prevent"]), ["enter"])),
+                s[9] || (s[9] = i((...l) => e.deletePrevTag && e.deletePrevTag(...l), ["delete"])),
+                s[10] || (s[10] = i((l) => e.visible = !1, ["tab"]))
+              ],
+              onCompositionstart: s[11] || (s[11] = (...l) => e.handleComposition && e.handleComposition(...l)),
+              onCompositionupdate: s[12] || (s[12] = (...l) => e.handleComposition && e.handleComposition(...l)),
+              onCompositionend: s[13] || (s[13] = (...l) => e.handleComposition && e.handleComposition(...l)),
+              onInput: s[14] || (s[14] = (...l) => e.debouncedQueryChange && e.debouncedQueryChange(...l))
+            }, null, 46, F)), [
+              [W, e.query]
+            ]) : p("", !0)
+          ], 6)) : p("", !0),
+          e.isIOS && !e.multiple && e.filterable && e.readonly ? (o(), a("input", {
+            key: 1,
+            ref: "iOSInput",
+            class: n([
+              e.nsSelect.e("input"),
+              e.nsSelect.is(e.selectSize),
+              e.nsSelect.em("input", "iOS")
+            ]),
+            disabled: e.selectDisabled,
+            type: "text"
+          }, null, 10, q)) : p("", !0),
+          g($, {
+            id: e.id,
+            ref: "reference",
+            modelValue: e.selectedLabel,
+            "onUpdate:modelValue": s[15] || (s[15] = (l) => e.selectedLabel = l),
+            type: "text",
+            placeholder: typeof e.currentPlaceholder == "function" ? e.currentPlaceholder() : e.currentPlaceholder,
+            name: e.name,
+            autocomplete: e.autocomplete,
+            size: e.selectSize,
+            disabled: e.selectDisabled,
+            readonly: e.readonly,
+            "validate-event": !1,
+            class: n([e.nsSelect.is("focus", e.visible)]),
+            tabindex: e.multiple && e.filterable ? -1 : void 0,
+            onFocus: e.handleFocus,
+            onBlur: e.handleBlur,
+            onInput: e.debouncedOnInputChange,
+            onPaste: e.debouncedOnInputChange,
+            onCompositionstart: e.handleComposition,
+            onCompositionupdate: e.handleComposition,
+            onCompositionend: e.handleComposition,
+            onKeydown: [
+              s[16] || (s[16] = i(f((l) => e.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
+              s[17] || (s[17] = i(f((l) => e.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
+              i(f(e.selectOption, ["stop", "prevent"]), ["enter"]),
+              i(e.handleKeydownEscape, ["esc"]),
+              s[18] || (s[18] = i((l) => e.visible = !1, ["tab"]))
+            ]
+          }, B({
+            suffix: t(() => [
+              e.iconComponent && !e.showClose ? (o(), d(T, {
+                key: 0,
+                icon: e.iconComponent,
+                class: n([e.nsSelect.e("caret"), e.nsSelect.e("icon"), e.iconReverse])
+              }, null, 8, ["icon", "class"])) : p("", !0),
+              e.showClose && e.clearIcon ? (o(), d(T, {
+                key: 1,
+                icon: e.clearIcon,
+                class: n([e.nsSelect.e("caret"), e.nsSelect.e("icon")]),
+                onClick: e.handleClearClick
+              }, null, 8, ["icon", "class", "onClick"])) : p("", !0)
+            ]),
+            _: 2
+          }, [
+            e.$slots.prefix ? {
+              name: "prefix",
+              fn: t(() => [
+                r("div", A, [
+                  w(e.$slots, "prefix")
+                ])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["id", "modelValue", "placeholder", "name", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
+        ], 32)
+      ]),
+      content: t(() => [
+        g(D, null, {
+          default: t(() => [
+            C(g(M, {
+              ref: "scrollbar",
+              tag: "ul",
+              "wrap-class": e.nsSelect.be("dropdown", "wrap"),
+              "view-class": e.nsSelect.be("dropdown", "list"),
+              class: n([
+                e.nsSelect.is(
+                  "empty",
+                  !e.allowCreate && !!e.query && e.filteredOptionsCount === 0
+                )
+              ])
+            }, {
+              default: t(() => [
+                e.showNewOption ? (o(), d(O, {
+                  key: 0,
+                  value: e.query,
+                  created: !0
+                }, null, 8, ["value"])) : p("", !0),
+                g(L, { onUpdateOptions: e.onOptionsRendered }, {
+                  default: t(() => [
+                    w(e.$slots, "default")
+                  ]),
+                  _: 3
+                }, 8, ["onUpdateOptions"])
+              ]),
+              _: 3
+            }, 8, ["wrap-class", "view-class", "class"]), [
+              [P, e.options.size > 0 && !e.loading]
+            ]),
+            e.emptyText && (!e.allowCreate || e.loading || e.allowCreate && e.options.size === 0) ? (o(), a(S, { key: 0 }, [
+              e.$slots.empty ? w(e.$slots, "empty", { key: 0 }) : (o(), a("p", {
+                key: 1,
+                class: n(e.nsSelect.be("dropdown", "empty"))
+              }, m(e.emptyText), 3))
+            ], 64)) : p("", !0)
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "effect", "transition", "persistent", "onShow"])
+  ], 34)), [
+    [I, e.handleClose, e.popperPaneRef]
+  ]);
+}
+const X = /* @__PURE__ */ E(K, [["render", H]]);
+export {
+  X as default
+};