vft 0.0.48 → 0.0.50

package/es/packages/components/select-v2/index.js

@@ -0,0 +1,11 @@
+import e from "./select.vue.js";
+import { selectV2InjectionKey as r } from "./token.js";
+e.install = (t) => {
+  t.component(e.name, e);
+};
+const o = e, n = o;
+export {
+  n as VftSelectV2,
+  o as default,
+  r as selectV2InjectionKey
+};

package/es/packages/components/select-v2/option-item.vue.js

@@ -0,0 +1,31 @@
+import i from "./option-item.vue2.js";
+import { openBlock as l, createElementBlock as n, normalizeStyle as r, normalizeClass as t, withModifiers as d, renderSlot as a, createElementVNode as m, toDisplayString as p } from "vue";
+import f from "../../../_virtual/_plugin-vue_export-helper.js";
+const u = ["aria-selected"];
+function b(e, s, k, $, v, y) {
+  return l(), n("li", {
+    "aria-selected": e.selected,
+    style: r(e.style),
+    class: t([
+      e.ns.be("dropdown", "option-item"),
+      e.ns.is("selected", e.selected),
+      e.ns.is("disabled", e.disabled),
+      e.ns.is("created", e.created),
+      { hover: e.hovering }
+    ]),
+    onMouseenter: s[0] || (s[0] = (...o) => e.hoverItem && e.hoverItem(...o)),
+    onClick: s[1] || (s[1] = d((...o) => e.selectOptionClick && e.selectOptionClick(...o), ["stop"]))
+  }, [
+    a(e.$slots, "default", {
+      item: e.item,
+      index: e.index,
+      disabled: e.disabled
+    }, () => [
+      m("span", null, p(e.item.label), 1)
+    ])
+  ], 46, u);
+}
+const O = /* @__PURE__ */ f(i, [["render", b]]);
+export {
+  O as default
+};

package/es/packages/components/select-v2/option-item.vue2.js

@@ -0,0 +1,25 @@
+import { defineComponent as m } from "vue";
+import { useNamespace as i } 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 s } from "./useOption.js";
+import { OptionProps as n } from "./defaults.js";
+const _ = m({
+  props: n,
+  emits: ["select", "hover"],
+  setup(o, { emit: t }) {
+    const e = i("select"), { hoverItem: r, selectOptionClick: p } = s(o, { emit: t });
+    return {
+      ns: e,
+      hoverItem: r,
+      selectOptionClick: p
+    };
+  }
+});
+export {
+  _ as default
+};

package/es/packages/components/select-v2/select-dropdown.js

@@ -0,0 +1,197 @@
+import { defineComponent as U, inject as _, ref as O, computed as w, watch as $, createVNode as c, unref as b, mergeProps as T } from "vue";
+import { get as p } from "lodash";
+import { isUndefined as J, isObject as x } from "@vft/utils";
+import Q from "../virtual-list/components/fixed-size-list.js";
+import W from "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import { useNamespace as X } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import { EVENT_CODE as Y } from "../../constants/aria.js";
+import Z from "./group-item.vue.js";
+import ee from "./option-item.vue.js";
+import { selectV2InjectionKey as te } from "./token.js";
+const ge = /* @__PURE__ */ U({
+  name: "VftSelectDropdown",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    hoveringIndex: Number,
+    width: Number
+  },
+  setup(v, {
+    slots: a,
+    expose: N
+  }) {
+    const r = _(te), m = X("select"), k = O([]), u = O(), D = w(() => v.data.length);
+    $(() => D.value, () => {
+      var e, t;
+      (t = (e = r.popper.value).updatePopper) == null || t.call(e);
+    });
+    const f = w(() => J(r.props.estimatedOptionHeight)), y = w(() => f.value ? {
+      itemSize: r.props.itemHeight
+    } : {
+      estimatedSize: r.props.estimatedOptionHeight,
+      itemSize: (e) => k.value[e]
+    }), E = (e = [], t) => {
+      const {
+        props: {
+          valueKey: o
+        }
+      } = r;
+      return x(t) ? e && e.some((n) => p(n, o) === p(t, o)) : e.includes(t);
+    }, L = (e, t) => {
+      if (x(t)) {
+        const {
+          valueKey: o
+        } = r.props;
+        return p(e, o) === p(t, o);
+      } else
+        return e === t;
+    }, S = (e, t) => {
+      const {
+        valueKey: o
+      } = r.props;
+      return r.props.multiple ? E(e, p(t, o)) : L(e, p(t, o));
+    }, g = (e, t) => {
+      const {
+        disabled: o,
+        multiple: n,
+        multipleLimit: i
+      } = r.props;
+      return o || !t && (n ? i > 0 && e.length >= i : !1);
+    }, I = (e) => v.hoveringIndex === e;
+    N({
+      listRef: u,
+      isSized: f,
+      isItemDisabled: g,
+      isItemHovering: I,
+      isItemSelected: S,
+      scrollToItem: (e) => {
+        const t = u.value;
+        t && t.scrollToItem(e);
+      },
+      resetScrollTop: () => {
+        const e = u.value;
+        e && e.resetScrollTop();
+      }
+    });
+    const V = (e) => {
+      const {
+        index: t,
+        data: o,
+        style: n
+      } = e, i = b(f), {
+        itemSize: d,
+        estimatedSize: l
+      } = b(y), {
+        modelValue: h
+      } = r.props, {
+        onSelect: F,
+        onHover: G
+      } = r, s = o[t];
+      if (s.type === "Group")
+        return c(Z, {
+          item: s,
+          style: n,
+          height: i ? d : l
+        }, null);
+      const H = S(h, s), B = g(h, H), M = I(t);
+      return c(ee, T(e, {
+        selected: H,
+        disabled: s.disabled || B,
+        created: !!s.created,
+        hovering: M,
+        item: s,
+        onSelect: F,
+        onHover: G
+      }), {
+        default: (R) => {
+          var K;
+          return ((K = a.default) == null ? void 0 : K.call(a, R)) || c("span", null, [s.label]);
+        }
+      });
+    }, {
+      onKeyboardNavigate: z,
+      onKeyboardSelect: j
+    } = r, A = () => {
+      z("forward");
+    }, P = () => {
+      z("backward");
+    }, q = () => {
+      r.expanded = !1;
+    }, C = (e) => {
+      const {
+        code: t
+      } = e, {
+        tab: o,
+        esc: n,
+        down: i,
+        up: d,
+        enter: l
+      } = Y;
+      switch (t !== o && (e.preventDefault(), e.stopPropagation()), t) {
+        case o:
+        case n: {
+          q();
+          break;
+        }
+        case i: {
+          A();
+          break;
+        }
+        case d: {
+          P();
+          break;
+        }
+        case l: {
+          j();
+          break;
+        }
+      }
+    };
+    return () => {
+      var l;
+      const {
+        data: e,
+        width: t
+      } = v, {
+        height: o,
+        multiple: n,
+        scrollbarAlwaysOn: i
+      } = r.props;
+      if (e.length === 0)
+        return c("div", {
+          class: m.b("dropdown"),
+          style: {
+            width: `${t}px`
+          }
+        }, [(l = a.empty) == null ? void 0 : l.call(a)]);
+      const d = b(f) ? Q : W;
+      return c("div", {
+        class: [m.b("dropdown"), m.is("multiple", n)]
+      }, [c(d, T({
+        ref: u
+      }, b(y), {
+        className: m.be("dropdown", "list"),
+        scrollbarAlwaysOn: i,
+        data: e,
+        height: o,
+        width: t,
+        total: e.length,
+        onKeydown: C
+      }), {
+        default: (h) => c(V, h, null)
+      })]);
+    };
+  }
+});
+export {
+  ge as default
+};

package/es/packages/components/select-v2/select.vue.js

@@ -0,0 +1,330 @@
+import B from "./select.vue2.js";
+import { resolveComponent as S, resolveDirective as z, withDirectives as g, openBlock as n, createElementBlock as a, normalizeClass as s, withModifiers as i, createVNode as f, withCtx as p, createElementVNode as t, renderSlot as k, createCommentVNode as u, Fragment as y, renderList as w, normalizeStyle as m, toDisplayString as d, createBlock as v, withKeys as r, vShow as K, normalizeProps as M, guardReactiveProps 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 V = S("vft-tag"), h = S("vft-tooltip"), C = S("vft-icon"), $ = S("select-menu"), I = z("model-text"), T = z("click-outside");
+  return g((n(), a("div", {
+    ref: "selectRef",
+    class: s([e.nsSelectV2.b(), e.nsSelectV2.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)
+  }, [
+    f(h, {
+      ref: "popper",
+      visible: e.dropdownMenuVisible,
+      teleported: e.teleported,
+      "popper-class": [e.nsSelectV2.e("popper"), e.popperClass],
+      "gpu-acceleration": !1,
+      "stop-popper-mouse-event": !1,
+      "popper-options": e.popperOptions,
+      "fallback-placements": ["bottom-start", "top-start", "right", "left"],
+      effect: e.effect,
+      placement: e.placement,
+      pure: "",
+      transition: `${e.nsSelectV2.namespace.value}-zoom-in-top`,
+      trigger: "click",
+      persistent: e.persistent,
+      onBeforeShow: e.handleMenuEnter,
+      onHide: o[23] || (o[23] = (l) => e.states.inputValue = e.states.displayInputValue)
+    }, {
+      default: p(() => [
+        t("div", {
+          ref: "selectionRef",
+          class: s([
+            e.nsSelectV2.e("wrapper"),
+            e.nsSelectV2.is("focused", e.states.isComposing || e.expanded),
+            e.nsSelectV2.is("hovering", e.states.comboBoxHovering),
+            e.nsSelectV2.is("filterable", e.filterable),
+            e.nsSelectV2.is("disabled", e.selectDisabled)
+          ])
+        }, [
+          e.$slots.prefix ? (n(), a("div", R, [
+            k(e.$slots, "prefix")
+          ])) : u("", !0),
+          e.multiple ? (n(), a("div", {
+            key: 1,
+            class: s(e.nsSelectV2.e("selection"))
+          }, [
+            e.collapseTags && e.modelValue.length > 0 ? (n(), a(y, { key: 0 }, [
+              (n(!0), a(y, null, w(e.showTagList, (l) => (n(), a("div", {
+                key: e.getValueKey(l),
+                class: s(e.nsSelectV2.e("selected-item"))
+              }, [
+                f(V, {
+                  closable: !e.selectDisabled && !(l != null && l.disable),
+                  size: e.collapseTagSize,
+                  type: "info",
+                  "disable-transitions": "",
+                  onClose: (b) => e.deleteTag(b, l)
+                }, {
+                  default: p(() => [
+                    t("span", {
+                      class: s(e.nsSelectV2.e("tags-text")),
+                      style: m({
+                        maxWidth: `${e.tagMaxWidth}px`
+                      })
+                    }, d(l == null ? void 0 : l.label), 7)
+                  ]),
+                  _: 2
+                }, 1032, ["closable", "size", "onClose"])
+              ], 2))), 128)),
+              t("div", {
+                class: s(e.nsSelectV2.e("selected-item"))
+              }, [
+                e.modelValue.length > e.maxCollapseTags ? (n(), v(V, {
+                  key: 0,
+                  closable: !1,
+                  size: e.collapseTagSize,
+                  type: "info",
+                  "disable-transitions": ""
+                }, {
+                  default: p(() => [
+                    e.collapseTagsTooltip ? (n(), v(h, {
+                      key: 0,
+                      disabled: e.dropdownMenuVisible,
+                      "fallback-placements": ["bottom", "top", "right", "left"],
+                      effect: e.effect,
+                      placement: "bottom",
+                      teleported: !1
+                    }, {
+                      default: p(() => [
+                        t("span", {
+                          class: s(e.nsSelectV2.e("tags-text")),
+                          style: m({
+                            maxWidth: `${e.tagMaxWidth}px`
+                          })
+                        }, "+ " + d(e.modelValue.length - e.maxCollapseTags), 7)
+                      ]),
+                      content: p(() => [
+                        t("div", {
+                          class: s(e.nsSelectV2.e("selection"))
+                        }, [
+                          (n(!0), a(y, null, w(e.collapseTagList, (l) => (n(), a("div", {
+                            key: e.getValueKey(l),
+                            class: s(e.nsSelectV2.e("selected-item"))
+                          }, [
+                            f(V, {
+                              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.nsSelectV2.e("tags-text")),
+                                  style: m({
+                                    maxWidth: `${e.tagMaxWidth}px`
+                                  })
+                                }, d(e.getLabel(l)), 7)
+                              ]),
+                              _: 2
+                            }, 1032, ["closable", "size", "onClose"])
+                          ], 2))), 128))
+                        ], 2)
+                      ]),
+                      _: 1
+                    }, 8, ["disabled", "effect"])) : (n(), a("span", {
+                      key: 1,
+                      class: s(e.nsSelectV2.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 }, w(e.states.cachedOptions, (l) => (n(), a("div", {
+              key: e.getValueKey(l),
+              class: s(e.nsSelectV2.e("selected-item"))
+            }, [
+              f(V, {
+                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.nsSelectV2.e("tags-text")),
+                    style: m({
+                      maxWidth: `${e.tagMaxWidth}px`
+                    })
+                  }, d(e.getLabel(l)), 7)
+                ]),
+                _: 2
+              }, 1032, ["closable", "size", "onClose"])
+            ], 2))), 128)),
+            t("div", {
+              class: s([
+                e.nsSelectV2.e("selected-item"),
+                e.nsSelectV2.e("input-wrapper")
+              ]),
+              style: m(e.inputWrapperStyle)
+            }, [
+              g(t("input", {
+                id: e.id,
+                ref: "inputRef",
+                autocomplete: e.autocomplete,
+                "aria-autocomplete": "list",
+                "aria-haspopup": "listbox",
+                autocapitalize: "off",
+                "aria-expanded": e.expanded,
+                "aria-labelledby": e.label,
+                class: s([
+                  e.nsSelectV2.is(e.selectSize),
+                  e.nsSelectV2.e("combobox-input")
+                ]),
+                disabled: e.disabled,
+                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)),
+                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]
+              ]),
+              e.filterable ? (n(), a("span", {
+                key: 0,
+                ref: "calculatorRef",
+                "aria-hidden": "true",
+                class: s(e.nsSelectV2.e("input-calculator")),
+                textContent: d(e.states.displayInputValue)
+              }, null, 10, U)) : u("", !0)
+            ], 6)
+          ], 2)) : (n(), a(y, { key: 2 }, [
+            t("div", {
+              class: s([
+                e.nsSelectV2.e("selected-item"),
+                e.nsSelectV2.e("input-wrapper")
+              ])
+            }, [
+              g(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.nsSelectV2.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.nsSelectV2.e("selected-item"),
+                e.nsSelectV2.e("input-calculator")
+              ]),
+              textContent: d(e.states.displayInputValue)
+            }, null, 10, N)) : u("", !0)
+          ], 64)),
+          e.shouldShowPlaceholder ? (n(), a("span", {
+            key: 3,
+            class: s([
+              e.nsSelectV2.e("placeholder"),
+              e.nsSelectV2.is(
+                "transparent",
+                e.multiple ? e.modelValue.length === 0 : !e.hasModelValue
+              )
+            ])
+          }, d(e.currentPlaceholder), 3)) : u("", !0),
+          t("span", {
+            class: s(e.nsSelectV2.e("suffix"))
+          }, [
+            e.iconComponent ? g((n(), v(C, {
+              key: 0,
+              icon: e.iconComponent,
+              class: s([e.nsSelectV2.e("caret"), e.nsInput.e("icon"), e.iconReverse])
+            }, null, 8, ["icon", "class"])), [
+              [K, !e.showClearBtn]
+            ]) : u("", !0),
+            e.showClearBtn ? (n(), v(C, {
+              key: 1,
+              icon: "ico-ep:circle-close",
+              class: s([e.nsSelectV2.e("caret"), e.nsInput.e("icon")]),
+              onClick: i(e.handleClear, ["prevent", "stop"])
+            }, null, 8, ["class", "onClick"])) : u("", !0),
+            e.validateState && e.validateIcon ? (n(), v(C, {
+              key: 2,
+              class: s([e.nsInput.e("icon"), e.nsInput.e("validateIcon")])
+            }, null, 8, ["class"])) : u("", !0)
+          ], 2)
+        ], 2)
+      ]),
+      content: p(() => [
+        f($, {
+          ref: "menuRef",
+          data: e.filteredOptions,
+          width: e.popperSize,
+          "hovering-index": e.states.hoveringIndex,
+          "scrollbar-always-on": e.scrollbarAlwaysOn
+        }, {
+          default: p((l) => [
+            k(e.$slots, "default", M(E(l)))
+          ]),
+          empty: p(() => [
+            k(e.$slots, "empty", {}, () => [
+              t("p", {
+                class: s(e.nsSelectV2.e("empty"))
+              }, d(e.emptyText ? e.emptyText : ""), 3)
+            ])
+          ]),
+          _: 3
+        }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
+      ]),
+      _: 3
+    }, 8, ["visible", "teleported", "popper-class", "popper-options", "effect", "placement", "transition", "persistent", "onBeforeShow"])
+  ], 34)), [
+    [T, e.handleClickOutside, e.popperRef]
+  ]);
+}
+const J = /* @__PURE__ */ W(B, [["render", L]]);
+export {
+  J as default
+};

package/es/packages/components/select-v2/select.vue2.js

@@ -0,0 +1,61 @@
+import { defineComponent as n, vModelText as a, computed as f, reactive as l, toRefs as c, provide as s } from "vue";
+import { isArray as d } from "@vft/utils";
+import { ClickOutside as u } from "../../../common/directives/dist/es/index.js";
+import { VftTooltip as v } from "../tooltip/index.js";
+import { VftTag as V } from "../tag/index.js";
+import { VftIcon as S } from "../icon/index.js";
+import { UPDATE_MODEL_EVENT as _, CHANGE_EVENT as b } from "../../constants/event.js";
+import g from "./select-dropdown.js";
+import E from "./useSelect.js";
+import { selectV2InjectionKey as T } from "./token.js";
+import { SelectProps as y } from "./defaults.js";
+const P = n({
+  name: "VftSelectV2",
+  components: {
+    SelectMenu: g,
+    VftTag: V,
+    VftTooltip: v,
+    VftIcon: S
+  },
+  directives: { ClickOutside: u, ModelText: a },
+  props: y,
+  emits: [
+    _,
+    b,
+    "remove-tag",
+    "clear",
+    "visible-change",
+    "focus",
+    "blur"
+  ],
+  setup(o, { emit: p }) {
+    const t = f(() => {
+      const { modelValue: r, multiple: i } = o, m = i ? [] : void 0;
+      return d(r) ? i ? r : m : i ? m : r;
+    }), e = E(
+      l({
+        ...c(o),
+        modelValue: t
+      }),
+      p
+    );
+    return s(T, {
+      props: l({
+        ...c(o),
+        height: e.popupHeight,
+        modelValue: t
+      }),
+      popper: e.popper,
+      onSelect: e.onSelect,
+      onHover: e.onHover,
+      onKeyboardNavigate: e.onKeyboardNavigate,
+      onKeyboardSelect: e.onKeyboardSelect
+    }), {
+      ...e,
+      modelValue: t
+    };
+  }
+});
+export {
+  P as default
+};

package/es/packages/components/select-v2/style/css.js

@@ -0,0 +1,7 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-input.css";
+import "vft/theme-style/vft-tag.css";
+import "vft/theme-style/vft-scrollbar.css";
+import "vft/theme-style/vft-popper.css";
+import "vft/theme-style/vft-virtual-list.css";
+import "vft/theme-style/vft-select-v2.css";

package/es/packages/components/select-v2/style/index.js

@@ -0,0 +1,8 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/input.scss";
+import "vft/theme-style/src/tag.scss";
+import "vft/theme-style/src/scrollbar.scss";
+import "vft/theme-style/src/popper.scss";
+import "vft/theme-style/src/virtual-list.scss";
+import "vft/theme-style/src/select-v2.scss";
+import "vft/theme-style/src/select.scss";

package/es/packages/components/select-v2/token.js

@@ -0,0 +1,6 @@
+const e = Symbol(
+  "ElSelectV2Injection"
+);
+export {
+  e as selectV2InjectionKey
+};