vft 0.0.249 → 0.0.252

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

@@ -1,328 +1,338 @@
-import B from "./select.vue2.js";
-import { resolveComponent as g, resolveDirective as z, withDirectives as C, createElementBlock as a, openBlock as n, withModifiers as i, normalizeClass as s, createVNode as f, withCtx as p, renderSlot as w, createElementVNode as t, toDisplayString as d, normalizeProps as K, guardReactiveProps as M, createCommentVNode as u, Fragment as y, renderList as h, normalizeStyle as m, createBlock as v, withKeys as r, vShow as E } from "vue";
-import W from "../../_virtual/_plugin-vue_export-helper.js";
-const R = { key: 0 }, D = ["id", "autocomplete", "aria-expanded", "aria-labelledby", "disabled", "readonly", "name", "unselectable"], U = ["textContent"], F = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"], N = ["textContent"];
-function L(e, o, O, H, P, A) {
-  const S = g("vft-tag"), V = g("vft-tooltip"), k = g("vft-icon"), $ = g("select-menu"), I = z("model-text"), T = z("click-outside");
-  return C((n(), a("div", {
+import I from "./select.vue2.js";
+import { resolveComponent as m, resolveDirective as R, withDirectives as w, createElementBlock as p, openBlock as a, normalizeClass as o, createVNode as u, withCtx as t, createSlots as M, renderSlot as i, normalizeProps as D, guardReactiveProps as E, createElementVNode as n, toDisplayString as f, withModifiers as r, createCommentVNode as d, createBlock as b, Fragment as h, renderList as $, normalizeStyle as k, createTextVNode as T, withKeys as g, vModelText as B, vShow as K } from "vue";
+import L from "../../_virtual/_plugin-vue_export-helper.js";
+const P = ["id", "autocomplete", "tabindex", "aria-expanded", "aria-label", "disabled", "readonly", "name"], N = ["textContent"], O = { key: 1 };
+function H(e, s, U, A, F, j) {
+  const v = m("tag"), C = m("tooltip"), S = m("icon"), V = m("select-menu"), z = R("click-outside");
+  return w((a(), p("div", {
     ref: "selectRef",
-    class: s([e.nsSelect.b(), e.nsSelect.m(e.selectSize)]),
-    onClick: o[24] || (o[24] = i((...l) => e.toggleMenu && e.toggleMenu(...l), ["stop"])),
-    onMouseenter: o[25] || (o[25] = (l) => e.states.comboBoxHovering = !0),
-    onMouseleave: o[26] || (o[26] = (l) => e.states.comboBoxHovering = !1)
+    class: o([e.nsSelect.b(), e.nsSelect.m(e.selectSize)]),
+    onMouseenter: s[13] || (s[13] = (l) => e.states.inputHovering = !0),
+    onMouseleave: s[14] || (s[14] = (l) => e.states.inputHovering = !1)
   }, [
-    f(V, {
-      ref: "popper",
+    u(C, {
+      ref: "tooltipRef",
       visible: e.dropdownMenuVisible,
       teleported: e.teleported,
       "popper-class": [e.nsSelect.e("popper"), e.popperClass],
       "gpu-acceleration": !1,
       "stop-popper-mouse-event": !1,
       "popper-options": e.popperOptions,
-      "fallback-placements": ["bottom-start", "top-start", "right", "left"],
+      "fallback-placements": e.fallbackPlacements,
       effect: e.effect,
       placement: e.placement,
       pure: "",
       transition: `${e.nsSelect.namespace.value}-zoom-in-top`,
       trigger: "click",
       persistent: e.persistent,
+      "append-to": e.appendTo,
+      "show-arrow": e.showArrow,
+      offset: e.offset,
       onBeforeShow: e.handleMenuEnter,
-      onHide: o[23] || (o[23] = (l) => e.states.inputValue = e.states.displayInputValue)
+      onHide: s[12] || (s[12] = (l) => e.states.isBeforeHide = !1)
     }, {
-      default: p(() => [
-        t("div", {
-          ref: "selectionRef",
-          class: s([
+      default: t(() => [
+        n("div", {
+          ref: "wrapperRef",
+          class: o([
             e.nsSelect.e("wrapper"),
-            e.nsSelect.is("focused", e.states.isComposing || e.expanded),
-            e.nsSelect.is("hovering", e.states.comboBoxHovering),
+            e.nsSelect.is("focused", e.isFocused),
+            e.nsSelect.is("hovering", e.states.inputHovering),
             e.nsSelect.is("filterable", e.filterable),
             e.nsSelect.is("disabled", e.selectDisabled)
-          ])
+          ]),
+          onClick: s[11] || (s[11] = r((...l) => e.toggleMenu && e.toggleMenu(...l), ["prevent"]))
         }, [
-          e.$slots.prefix ? (n(), a("div", R, [
-            w(e.$slots, "prefix")
-          ])) : u("", !0),
-          e.multiple ? (n(), a("div", {
-            key: 1,
-            class: s(e.nsSelect.e("selection"))
+          e.$slots.prefix ? (a(), p("div", {
+            key: 0,
+            ref: "prefixRef",
+            class: o(e.nsSelect.e("prefix"))
+          }, [
+            i(e.$slots, "prefix")
+          ], 2)) : d("", !0),
+          n("div", {
+            ref: "selectionRef",
+            class: o([
+              e.nsSelect.e("selection"),
+              e.nsSelect.is(
+                "near",
+                e.multiple && !e.$slots.prefix && !!e.modelValue.length
+              )
+            ])
           }, [
-            e.collapseTags && e.modelValue.length > 0 ? (n(), a(y, { key: 0 }, [
-              (n(!0), a(y, null, h(e.showTagList, (l) => (n(), a("div", {
-                key: e.getValueKey(l),
-                class: s(e.nsSelect.e("selected-item"))
+            e.multiple ? i(e.$slots, "tag", {
+              key: 0,
+              data: e.states.cachedOptions,
+              deleteTag: e.deleteTag,
+              selectDisabled: e.selectDisabled
+            }, () => [
+              (a(!0), p(h, null, $(e.showTagList, (l) => (a(), p("div", {
+                key: e.getValueKey(e.getValue(l)),
+                class: o(e.nsSelect.e("selected-item"))
               }, [
-                f(S, {
-                  closable: !e.selectDisabled && !l?.disable,
+                u(v, {
+                  closable: !e.selectDisabled && !e.getDisabled(l),
                   size: e.collapseTagSize,
-                  type: "info",
+                  type: e.tagType,
+                  effect: e.tagEffect,
                   "disable-transitions": "",
-                  onClose: (b) => e.deleteTag(b, l)
+                  style: k(e.tagStyle),
+                  onClose: (y) => e.deleteTag(y, l)
                 }, {
-                  default: p(() => [
-                    t("span", {
-                      class: s(e.nsSelect.e("tags-text")),
-                      style: m({
-                        maxWidth: `${e.tagMaxWidth}px`
-                      })
-                    }, d(l?.label), 7)
+                  default: t(() => [
+                    n("span", {
+                      class: o(e.nsSelect.e("tags-text"))
+                    }, [
+                      i(e.$slots, "label", {
+                        label: e.getLabel(l),
+                        value: e.getValue(l)
+                      }, () => [
+                        T(f(e.getLabel(l)), 1)
+                      ])
+                    ], 2)
                   ]),
                   _: 2
-                }, 1032, ["closable", "size", "onClose"])
+                }, 1032, ["closable", "size", "type", "effect", "style", "onClose"])
               ], 2))), 128)),
-              t("div", {
-                class: s(e.nsSelect.e("selected-item"))
-              }, [
-                e.modelValue.length > e.maxCollapseTags ? (n(), v(S, {
-                  key: 0,
-                  closable: !1,
-                  size: e.collapseTagSize,
-                  type: "info",
-                  "disable-transitions": ""
-                }, {
-                  default: p(() => [
-                    e.collapseTagsTooltip ? (n(), v(V, {
-                      key: 0,
-                      disabled: e.dropdownMenuVisible,
-                      "fallback-placements": ["bottom", "top", "right", "left"],
-                      effect: e.effect,
-                      placement: "bottom",
-                      teleported: !1
+              e.collapseTags && e.modelValue.length > e.maxCollapseTags ? (a(), b(C, {
+                key: 0,
+                ref: "tagTooltipRef",
+                disabled: e.dropdownMenuVisible || !e.collapseTagsTooltip,
+                "fallback-placements": ["bottom", "top", "right", "left"],
+                effect: e.effect,
+                placement: "bottom",
+                "popper-class": e.popperClass,
+                teleported: e.teleported
+              }, {
+                default: t(() => [
+                  n("div", {
+                    ref: "collapseItemRef",
+                    class: o(e.nsSelect.e("selected-item"))
+                  }, [
+                    u(v, {
+                      closable: !1,
+                      size: e.collapseTagSize,
+                      type: e.tagType,
+                      effect: e.tagEffect,
+                      style: k(e.collapseTagStyle),
+                      "disable-transitions": ""
                     }, {
-                      default: p(() => [
-                        t("span", {
-                          class: s(e.nsSelect.e("tags-text")),
-                          style: m({
-                            maxWidth: `${e.tagMaxWidth}px`
-                          })
-                        }, " + " + d(e.modelValue.length - e.maxCollapseTags), 7)
-                      ]),
-                      content: p(() => [
-                        t("div", {
-                          class: s(e.nsSelect.e("selection"))
-                        }, [
-                          (n(!0), a(y, null, h(e.collapseTagList, (l) => (n(), a("div", {
-                            key: e.getValueKey(l),
-                            class: s(e.nsSelect.e("selected-item"))
-                          }, [
-                            f(S, {
-                              closable: !e.selectDisabled && !l.disabled,
-                              size: e.collapseTagSize,
-                              class: "in-tooltip",
-                              type: "info",
-                              "disable-transitions": "",
-                              onClose: (b) => e.deleteTag(b, l)
-                            }, {
-                              default: p(() => [
-                                t("span", {
-                                  class: s(e.nsSelect.e("tags-text")),
-                                  style: m({
-                                    maxWidth: `${e.tagMaxWidth}px`
-                                  })
-                                }, d(e.getLabel(l)), 7)
-                              ]),
-                              _: 2
-                            }, 1032, ["closable", "size", "onClose"])
-                          ], 2))), 128))
-                        ], 2)
+                      default: t(() => [
+                        n("span", {
+                          class: o(e.nsSelect.e("tags-text"))
+                        }, " + " + f(e.modelValue.length - e.maxCollapseTags), 3)
                       ]),
                       _: 1
-                    }, 8, ["disabled", "effect"])) : (n(), a("span", {
-                      key: 1,
-                      class: s(e.nsSelect.e("tags-text")),
-                      style: m({
-                        maxWidth: `${e.tagMaxWidth}px`
-                      })
-                    }, " + " + d(e.modelValue.length - e.maxCollapseTags), 7))
-                  ]),
-                  _: 1
-                }, 8, ["size"])) : u("", !0)
-              ], 2)
-            ], 64)) : (n(!0), a(y, { key: 1 }, h(e.states.cachedOptions, (l) => (n(), a("div", {
-              key: e.getValueKey(l),
-              class: s(e.nsSelect.e("selected-item"))
-            }, [
-              f(S, {
-                closable: !e.selectDisabled && !l.disabled,
-                size: e.collapseTagSize,
-                type: "info",
-                "disable-transitions": "",
-                onClose: (b) => e.deleteTag(b, l)
-              }, {
-                default: p(() => [
-                  t("span", {
-                    class: s(e.nsSelect.e("tags-text")),
-                    style: m({
-                      maxWidth: `${e.tagMaxWidth}px`
-                    })
-                  }, d(e.getLabel(l)), 7)
+                    }, 8, ["size", "type", "effect", "style"])
+                  ], 2)
+                ]),
+                content: t(() => [
+                  n("div", {
+                    ref: "tagMenuRef",
+                    class: o(e.nsSelect.e("selection"))
+                  }, [
+                    (a(!0), p(h, null, $(e.collapseTagList, (l) => (a(), p("div", {
+                      key: e.getValueKey(e.getValue(l)),
+                      class: o(e.nsSelect.e("selected-item"))
+                    }, [
+                      u(v, {
+                        class: "in-tooltip",
+                        closable: !e.selectDisabled && !e.getDisabled(l),
+                        size: e.collapseTagSize,
+                        type: e.tagType,
+                        effect: e.tagEffect,
+                        "disable-transitions": "",
+                        onClose: (y) => e.deleteTag(y, l)
+                      }, {
+                        default: t(() => [
+                          n("span", {
+                            class: o(e.nsSelect.e("tags-text"))
+                          }, [
+                            i(e.$slots, "label", {
+                              label: e.getLabel(l),
+                              value: e.getValue(l)
+                            }, () => [
+                              T(f(e.getLabel(l)), 1)
+                            ])
+                          ], 2)
+                        ]),
+                        _: 2
+                      }, 1032, ["closable", "size", "type", "effect", "onClose"])
+                    ], 2))), 128))
+                  ], 2)
                 ]),
-                _: 2
-              }, 1032, ["closable", "size", "onClose"])
-            ], 2))), 128)),
-            t("div", {
-              class: s([
+                _: 3
+              }, 8, ["disabled", "effect", "popper-class", "teleported"])) : d("", !0)
+            ]) : d("", !0),
+            n("div", {
+              class: o([
                 e.nsSelect.e("selected-item"),
-                e.nsSelect.e("input-wrapper")
-              ]),
-              style: m(e.inputWrapperStyle)
+                e.nsSelect.e("input-wrapper"),
+                e.nsSelect.is("hidden", !e.filterable)
+              ])
             }, [
-              C(t("input", {
-                id: e.id,
+              w(n("input", {
+                id: e.inputId,
                 ref: "inputRef",
+                "onUpdate:modelValue": s[0] || (s[0] = (l) => e.states.inputValue = l),
+                style: k(e.inputStyle),
                 autocomplete: e.autocomplete,
+                tabindex: e.tabindex,
                 "aria-autocomplete": "list",
                 "aria-haspopup": "listbox",
                 autocapitalize: "off",
                 "aria-expanded": e.expanded,
-                "aria-labelledby": e.label,
-                class: s([e.nsSelect.is(e.selectSize), e.nsSelect.e("combobox-input")]),
-                disabled: e.disabled,
+                "aria-label": e.ariaLabel,
+                class: o([e.nsSelect.e("input"), e.nsSelect.is(e.selectSize)]),
+                disabled: e.selectDisabled,
                 role: "combobox",
                 readonly: !e.filterable,
                 spellcheck: "false",
                 type: "text",
                 name: e.name,
-                unselectable: e.expanded ? "on" : void 0,
-                "on:update:modelValue": o[0] || (o[0] = (...l) => e.onUpdateInputValue && e.onUpdateInputValue(...l)),
-                onFocus: o[1] || (o[1] = (...l) => e.handleFocus && e.handleFocus(...l)),
-                onBlur: o[2] || (o[2] = (...l) => e.handleBlur && e.handleBlur(...l)),
-                onInput: o[3] || (o[3] = (...l) => e.onInput && e.onInput(...l)),
-                onCompositionstart: o[4] || (o[4] = (...l) => e.handleCompositionStart && e.handleCompositionStart(...l)),
-                onCompositionupdate: o[5] || (o[5] = (...l) => e.handleCompositionUpdate && e.handleCompositionUpdate(...l)),
-                onCompositionend: o[6] || (o[6] = (...l) => e.handleCompositionEnd && e.handleCompositionEnd(...l)),
+                onInput: s[1] || (s[1] = (...l) => e.onInput && e.onInput(...l)),
+                onCompositionstart: s[2] || (s[2] = (...l) => e.handleCompositionStart && e.handleCompositionStart(...l)),
+                onCompositionupdate: s[3] || (s[3] = (...l) => e.handleCompositionUpdate && e.handleCompositionUpdate(...l)),
+                onCompositionend: s[4] || (s[4] = (...l) => e.handleCompositionEnd && e.handleCompositionEnd(...l)),
                 onKeydown: [
-                  o[7] || (o[7] = r(i((l) => e.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
-                  o[8] || (o[8] = r(i((l) => e.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
-                  o[9] || (o[9] = r(i((...l) => e.onKeyboardSelect && e.onKeyboardSelect(...l), ["stop", "prevent"]), ["enter"])),
-                  o[10] || (o[10] = r(i((...l) => e.handleEsc && e.handleEsc(...l), ["stop", "prevent"]), ["esc"])),
-                  o[11] || (o[11] = r(i((...l) => e.handleDel && e.handleDel(...l), ["stop"]), ["delete"]))
-                ]
-              }, null, 42, D), [
-                [I, e.states.displayInputValue]
+                  s[5] || (s[5] = g(r((l) => e.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
+                  s[6] || (s[6] = g(r((l) => e.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
+                  s[7] || (s[7] = g(r((...l) => e.onKeyboardSelect && e.onKeyboardSelect(...l), ["stop", "prevent"]), ["enter"])),
+                  s[8] || (s[8] = g(r((...l) => e.handleEsc && e.handleEsc(...l), ["stop", "prevent"]), ["esc"])),
+                  s[9] || (s[9] = g(r((...l) => e.handleDel && e.handleDel(...l), ["stop"]), ["delete"]))
+                ],
+                onClick: s[10] || (s[10] = r((...l) => e.toggleMenu && e.toggleMenu(...l), ["stop"]))
+              }, null, 46, P), [
+                [B, e.states.inputValue]
               ]),
-              e.filterable ? (n(), a("span", {
+              e.filterable ? (a(), p("span", {
                 key: 0,
                 ref: "calculatorRef",
                 "aria-hidden": "true",
-                class: s(e.nsSelect.e("input-calculator")),
-                textContent: d(e.states.displayInputValue)
-              }, null, 10, U)) : u("", !0)
-            ], 6)
-          ], 2)) : (n(), a(y, { key: 2 }, [
-            t("div", {
-              class: s([
+                class: o(e.nsSelect.e("input-calculator")),
+                textContent: f(e.states.inputValue)
+              }, null, 10, N)) : d("", !0)
+            ], 2),
+            e.shouldShowPlaceholder ? (a(), p("div", {
+              key: 1,
+              class: o([
                 e.nsSelect.e("selected-item"),
-                e.nsSelect.e("input-wrapper")
+                e.nsSelect.e("placeholder"),
+                e.nsSelect.is(
+                  "transparent",
+                  !e.hasModelValue || e.expanded && !e.states.inputValue
+                )
               ])
             }, [
-              C(t("input", {
-                id: e.id,
-                ref: "inputRef",
-                "aria-autocomplete": "list",
-                "aria-haspopup": "listbox",
-                "aria-labelledby": e.label,
-                "aria-expanded": e.expanded,
-                autocapitalize: "off",
-                autocomplete: e.autocomplete,
-                class: s(e.nsSelect.e("combobox-input")),
-                disabled: e.disabled,
-                name: e.name,
-                role: "combobox",
-                readonly: !e.filterable,
-                spellcheck: "false",
-                type: "text",
-                unselectable: e.expanded ? "on" : void 0,
-                onCompositionstart: o[12] || (o[12] = (...l) => e.handleCompositionStart && e.handleCompositionStart(...l)),
-                onCompositionupdate: o[13] || (o[13] = (...l) => e.handleCompositionUpdate && e.handleCompositionUpdate(...l)),
-                onCompositionend: o[14] || (o[14] = (...l) => e.handleCompositionEnd && e.handleCompositionEnd(...l)),
-                onFocus: o[15] || (o[15] = (...l) => e.handleFocus && e.handleFocus(...l)),
-                onBlur: o[16] || (o[16] = (...l) => e.handleBlur && e.handleBlur(...l)),
-                onInput: o[17] || (o[17] = (...l) => e.onInput && e.onInput(...l)),
-                onKeydown: [
-                  o[18] || (o[18] = r(i((l) => e.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
-                  o[19] || (o[19] = r(i((l) => e.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
-                  o[20] || (o[20] = r(i((...l) => e.onKeyboardSelect && e.onKeyboardSelect(...l), ["stop", "prevent"]), ["enter"])),
-                  o[21] || (o[21] = r(i((...l) => e.handleEsc && e.handleEsc(...l), ["stop", "prevent"]), ["esc"]))
-                ],
-                "on:update:modelValue": o[22] || (o[22] = (...l) => e.onUpdateInputValue && e.onUpdateInputValue(...l))
-              }, null, 42, F), [
-                [I, e.states.displayInputValue]
-              ])
-            ], 2),
-            e.filterable ? (n(), a("span", {
-              key: 0,
-              ref: "calculatorRef",
-              "aria-hidden": "true",
-              class: s([
-                e.nsSelect.e("selected-item"),
-                e.nsSelect.e("input-calculator")
-              ]),
-              textContent: d(e.states.displayInputValue)
-            }, null, 10, N)) : u("", !0)
-          ], 64)),
-          e.shouldShowPlaceholder ? (n(), a("span", {
-            key: 3,
-            class: s([
-              e.nsSelect.e("placeholder"),
-              e.nsSelect.is(
-                "transparent",
-                e.multiple ? e.modelValue.length === 0 : !e.hasModelValue
-              )
-            ])
-          }, d(e.currentPlaceholder), 3)) : u("", !0),
-          t("span", {
-            class: s(e.nsSelect.e("suffix"))
+              e.hasModelValue ? i(e.$slots, "label", {
+                key: 0,
+                label: e.currentPlaceholder,
+                value: e.modelValue
+              }, () => [
+                n("span", null, f(e.currentPlaceholder), 1)
+              ]) : (a(), p("span", O, f(e.currentPlaceholder), 1))
+            ], 2)) : d("", !0)
+          ], 2),
+          n("div", {
+            ref: "suffixRef",
+            class: o(e.nsSelect.e("suffix"))
           }, [
-            e.iconComponent ? C((n(), v(k, {
+            e.iconComponent ? w((a(), b(S, {
               key: 0,
               icon: e.iconComponent,
-              class: s([e.nsSelect.e("caret"), e.nsInput.e("icon"), e.iconReverse])
+              class: o([e.nsSelect.e("caret"), e.nsInput.e("icon"), e.iconReverse])
             }, null, 8, ["icon", "class"])), [
-              [E, !e.showClearBtn]
-            ]) : u("", !0),
-            e.showClearBtn ? (n(), v(k, {
+              [K, !e.showClearBtn]
+            ]) : d("", !0),
+            e.showClearBtn && e.clearIcon ? (a(), b(S, {
               key: 1,
+              class: o([
+                e.nsSelect.e("caret"),
+                e.nsInput.e("icon"),
+                e.nsSelect.e("clear")
+              ]),
               icon: "icon-circle-close",
-              class: s([e.nsSelect.e("caret"), e.nsInput.e("icon")]),
-              onClick: i(e.handleClear, ["prevent", "stop"])
-            }, null, 8, ["class", "onClick"])) : u("", !0),
-            e.validateState && e.validateIcon ? (n(), v(k, {
+              onClick: r(e.handleClear, ["prevent", "stop"])
+            }, null, 8, ["class", "onClick"])) : d("", !0),
+            e.validateState && e.validateIcon && e.needStatusIcon ? (a(), b(S, {
               key: 2,
               icon: e.validateIcon,
-              class: s([e.nsInput.e("icon"), e.nsInput.e("validateIcon")])
-            }, null, 8, ["icon", "class"])) : u("", !0)
+              class: o([
+                e.nsInput.e("icon"),
+                e.nsInput.e("validateIcon"),
+                e.nsInput.is("loading", e.validateState === "validating")
+              ])
+            }, null, 8, ["icon", "class"])) : d("", !0)
           ], 2)
         ], 2)
       ]),
-      content: p(() => [
-        f($, {
+      content: t(() => [
+        u(V, {
           ref: "menuRef",
           data: e.filteredOptions,
           width: e.popperSize,
           "hovering-index": e.states.hoveringIndex,
           "scrollbar-always-on": e.scrollbarAlwaysOn
-        }, {
-          default: p((l) => [
-            w(e.$slots, "default", K(M(l)))
+        }, M({
+          default: t((l) => [
+            i(e.$slots, "default", D(E(l)))
           ]),
-          empty: p(() => [
-            w(e.$slots, "empty", {}, () => [
-              t("p", {
-                class: s(e.nsSelect.e("empty"))
-              }, d(e.emptyText ? e.emptyText : ""), 3)
-            ])
-          ]),
-          _: 3
-        }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
+          _: 2
+        }, [
+          e.$slots.header ? {
+            name: "header",
+            fn: t(() => [
+              n("div", {
+                class: o(e.nsSelect.be("dropdown", "header"))
+              }, [
+                i(e.$slots, "header")
+              ], 2)
+            ]),
+            key: "0"
+          } : void 0,
+          e.$slots.loading && e.loading ? {
+            name: "loading",
+            fn: t(() => [
+              n("div", {
+                class: o(e.nsSelect.be("dropdown", "loading"))
+              }, [
+                i(e.$slots, "loading")
+              ], 2)
+            ]),
+            key: "1"
+          } : e.loading || e.filteredOptions.length === 0 ? {
+            name: "empty",
+            fn: t(() => [
+              n("div", {
+                class: o(e.nsSelect.be("dropdown", "empty"))
+              }, [
+                i(e.$slots, "empty", {}, () => [
+                  n("span", null, f(e.emptyText), 1)
+                ])
+              ], 2)
+            ]),
+            key: "2"
+          } : void 0,
+          e.$slots.footer ? {
+            name: "footer",
+            fn: t(() => [
+              n("div", {
+                class: o(e.nsSelect.be("dropdown", "footer"))
+              }, [
+                i(e.$slots, "footer")
+              ], 2)
+            ]),
+            key: "3"
+          } : void 0
+        ]), 1032, ["data", "width", "hovering-index", "scrollbar-always-on"])
       ]),
       _: 3
-    }, 8, ["visible", "teleported", "popper-class", "popper-options", "effect", "placement", "transition", "persistent", "onBeforeShow"])
+    }, 8, ["visible", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "placement", "transition", "persistent", "append-to", "show-arrow", "offset", "onBeforeShow"])
   ], 34)), [
-    [T, e.handleClickOutside, e.popperRef]
+    [z, e.handleClickOutside, e.popperRef]
   ]);
 }
-const J = /* @__PURE__ */ W(B, [["render", L]]);
+const Q = /* @__PURE__ */ L(I, [["render", H]]);
 export {
-  J as default
+  Q as default
 };