vft 0.0.373 → 0.0.375

package/lib/components/select/defaults.cjs

@@ -1 +1,204 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@popperjs/core"),r=require("../../constants/event.cjs");require("@vueuse/core");const o=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const t=require("../../utils/vue/props/runtime.cjs");require("./select.vue2.cjs");const l=require("./useProps.cjs"),n={allowCreate:Boolean,autocomplete:{type:String,default:"none"},automaticDropdown:Boolean,clearable:Boolean,clearIcon:{type:String,default:"icon-circle-close"},effect:{type:String,default:"light"},collapseTags:Boolean,collapseTagsTooltip:{type:Boolean,default:!1},maxCollapseTags:{type:Number,default:1},defaultFirstOption:Boolean,disabled:Boolean,estimatedOptionHeight:{type:Number,default:void 0},filterable:Boolean,filterMethod:Function,height:{type:Number,default:170},itemHeight:{type:Number,default:34},id:String,loading:Boolean,loadingText:String,label:String,modelValue:{type:t.definePropType([Array,String,Number,Boolean,Object])},multiple:Boolean,multipleLimit:{type:Number,default:0},name:String,noDataText:String,noMatchText:String,remoteMethod:Function,reserveKeyword:{type:Boolean,default:!0},options:{type:t.definePropType(Array),required:!0},placeholder:{type:String},teleported:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},popperClass:{type:String,default:""},popperOptions:{type:Object,default:()=>({})},remote:Boolean,size:{type:String},props:{type:t.definePropType(Object),default:()=>l.defaultProps},valueKey:{type:String,default:"value"},scrollbarAlwaysOn:{type:Boolean,default:!1},validateEvent:{type:Boolean,default:!0},tabindex:{type:[String,Number],default:0},tagType:{type:String,values:["primary","success","info","warning","danger"],default:"info"},tagEffect:{type:String,values:["dark","light","plain"],default:"light"},placement:{type:t.definePropType(String),values:a.placements,default:"bottom-start"},offset:{type:Number,default:12},ariaLabel:String,showArrow:{type:Boolean,default:!0},fallbackPlacements:{type:t.definePropType(Array),default:["bottom-start","top-start","right","left"]},appendTo:{type:String},emptyValues:Array,valueOnClear:{type:[String,Number,Boolean,Function],default:void 0,validator:e=>o.isFunction(e)?!e():!e},fitInputWidth:{type:[Boolean,Number],default:!0,validator(e){return o.isBoolean(e)||o.isNumber(e)}}},i=t.buildProps({data:Array,disabled:Boolean,hovering:Boolean,item:{type:t.definePropType(Object),required:!0},index:Number,style:{type:Object},selected:Boolean,created:Boolean}),u={[r.UPDATE_MODEL_EVENT]:e=>!0,[r.CHANGE_EVENT]:e=>!0,"remove-tag":e=>!0,"visible-change":e=>!0,focus:e=>e instanceof FocusEvent,blur:e=>e instanceof FocusEvent,clear:()=>!0},p={hover:e=>o.isNumber(e),select:(e,s)=>!0};exports.optionV2Emits=p;exports.optionV2Props=i;exports.selectV2Emits=u;exports.selectV2Props=n;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const core = require("@popperjs/core");
+const event = require("../../constants/event.cjs");
+require("@vueuse/core");
+const utils = require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const runtime = require("../../utils/vue/props/runtime.cjs");
+require("./select.vue2.cjs");
+const useProps = require("./useProps.cjs");
+const selectV2Props = {
+  allowCreate: Boolean,
+  autocomplete: {
+    type: String,
+    default: "none"
+  },
+  automaticDropdown: Boolean,
+  clearable: Boolean,
+  clearIcon: {
+    type: String,
+    default: "icon-circle-close"
+  },
+  effect: {
+    type: String,
+    default: "light"
+  },
+  collapseTags: Boolean,
+  collapseTagsTooltip: {
+    type: Boolean,
+    default: false
+  },
+  maxCollapseTags: {
+    type: Number,
+    default: 1
+  },
+  defaultFirstOption: Boolean,
+  disabled: Boolean,
+  estimatedOptionHeight: {
+    type: Number,
+    default: void 0
+  },
+  filterable: Boolean,
+  filterMethod: Function,
+  height: {
+    type: Number,
+    default: 170
+    // 5 items by default
+  },
+  itemHeight: {
+    type: Number,
+    default: 34
+  },
+  id: String,
+  loading: Boolean,
+  loadingText: String,
+  label: String,
+  modelValue: {
+    // eslint-disable-next-line prettier/prettier
+    type: runtime.definePropType([Array, String, Number, Boolean, Object])
+  },
+  multiple: Boolean,
+  multipleLimit: {
+    type: Number,
+    default: 0
+  },
+  name: String,
+  noDataText: String,
+  noMatchText: String,
+  remoteMethod: Function,
+  reserveKeyword: {
+    type: Boolean,
+    default: true
+  },
+  options: {
+    type: runtime.definePropType(Array),
+    required: true
+  },
+  placeholder: {
+    type: String
+  },
+  teleported: {
+    type: Boolean,
+    default: true
+  },
+  persistent: {
+    type: Boolean,
+    default: true
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  popperOptions: {
+    type: Object,
+    default: () => ({})
+  },
+  remote: Boolean,
+  size: {
+    type: String
+  },
+  props: {
+    type: runtime.definePropType(Object),
+    default: () => useProps.defaultProps
+  },
+  valueKey: {
+    type: String,
+    default: "value"
+  },
+  scrollbarAlwaysOn: {
+    type: Boolean,
+    default: false
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  },
+  tagType: {
+    type: String,
+    values: ["primary", "success", "info", "warning", "danger"],
+    default: "info"
+  },
+  tagEffect: {
+    type: String,
+    values: ["dark", "light", "plain"],
+    default: "light"
+  },
+  placement: {
+    type: runtime.definePropType(String),
+    values: core.placements,
+    default: "bottom-start"
+  },
+  offset: {
+    type: Number,
+    default: 12
+  },
+  ariaLabel: String,
+  showArrow: {
+    type: Boolean,
+    default: true
+  },
+  fallbackPlacements: {
+    type: runtime.definePropType(Array),
+    default: ["bottom-start", "top-start", "right", "left"]
+  },
+  appendTo: {
+    type: String
+  },
+  /**
+   * @description empty values supported by the component
+   */
+  emptyValues: Array,
+  /**
+   * @description return value when cleared, if you want to set `undefined`, use `() => undefined`
+   */
+  valueOnClear: {
+    type: [String, Number, Boolean, Function],
+    default: void 0,
+    validator: (val) => utils.isFunction(val) ? !val() : !val
+  },
+  fitInputWidth: {
+    type: [Boolean, Number],
+    default: true,
+    validator(val) {
+      return utils.isBoolean(val) || utils.isNumber(val);
+    }
+  }
+};
+const optionV2Props = runtime.buildProps({
+  data: Array,
+  disabled: Boolean,
+  hovering: Boolean,
+  item: {
+    type: runtime.definePropType(Object),
+    required: true
+  },
+  index: Number,
+  style: {
+    type: Object
+  },
+  selected: Boolean,
+  created: Boolean
+});
+const selectV2Emits = {
+  [event.UPDATE_MODEL_EVENT]: (val) => true,
+  [event.CHANGE_EVENT]: (val) => true,
+  "remove-tag": (val) => true,
+  "visible-change": (visible) => true,
+  focus: (evt) => evt instanceof FocusEvent,
+  blur: (evt) => evt instanceof FocusEvent,
+  clear: () => true
+};
+const optionV2Emits = {
+  hover: (index) => utils.isNumber(index),
+  select: (val, index) => true
+};
+exports.optionV2Emits = optionV2Emits;
+exports.optionV2Props = optionV2Props;
+exports.selectV2Emits = selectV2Emits;
+exports.selectV2Props = selectV2Props;

package/lib/components/select/group-item.vue.cjs

@@ -1 +1,13 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./group-item.vue2.cjs"),e=require("vue"),l=require("../../_virtual/_plugin-vue_export-helper.cjs");function o(t,i,n,s,a,p){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.ns.be("group","title")),style:e.normalizeStyle({...t.style,lineHeight:`${t.height}px`})},e.toDisplayString(t.item.label),7)}const u=l.default(r.default,[["render",o]]);exports.default=u;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const groupItem_vue_vue_type_script_lang = require("./group-item.vue2.cjs");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(_ctx.ns.be("group", "title")),
+    style: vue.normalizeStyle({ ..._ctx.style, lineHeight: `${_ctx.height}px` })
+  }, vue.toDisplayString(_ctx.item.label), 7);
+}
+const GroupItem = /* @__PURE__ */ _pluginVue_exportHelper.default(groupItem_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+exports.default = GroupItem;

package/lib/components/select/group-item.vue2.cjs

@@ -1 +1,30 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const r=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const t=e.defineComponent({props:{item:{type:Object,required:!0},style:{type:Object},height:Number},setup(){return{ns:r.useNamespace("select")}}});exports.default=t;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const _sfc_main = vue.defineComponent({
+  props: {
+    item: {
+      type: Object,
+      required: true
+    },
+    style: {
+      type: Object
+    },
+    height: Number
+  },
+  setup() {
+    const ns = index.useNamespace("select");
+    return {
+      ns
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/select/index.cjs

@@ -1 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select.vue.cjs"),c=require("./token.cjs");e.default.install=l=>{l.component(e.default.name,e.default)};const t=e.default,n=t;exports.selectV2InjectionKey=c.selectV2InjectionKey;exports.VftSelect=n;exports.default=t;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const select = require("./select.vue.cjs");
+const token = require("./token.cjs");
+select.default.install = (app) => {
+  app.component(select.default.name, select.default);
+};
+const _Select = select.default;
+const VftSelect = _Select;
+exports.selectV2InjectionKey = token.selectV2InjectionKey;
+exports.VftSelect = VftSelect;
+exports.default = _Select;

package/lib/components/select/option-item.vue.cjs

@@ -1 +1,31 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./option-item.vue2.cjs"),s=require("vue"),n=require("../../_virtual/_plugin-vue_export-helper.cjs"),t=["aria-selected"];function r(e,i,a,u,p,m){return s.openBlock(),s.createElementBlock("li",{"aria-selected":e.selected,style:s.normalizeStyle(e.style),class:s.normalizeClass([e.ns.be("dropdown","item"),e.ns.is("selected",e.selected),e.ns.is("disabled",e.disabled),e.ns.is("created",e.created),e.ns.is("hovering",e.hovering)]),onMousemove:i[0]||(i[0]=(...l)=>e.hoverItem&&e.hoverItem(...l)),onClick:i[1]||(i[1]=s.withModifiers((...l)=>e.selectOptionClick&&e.selectOptionClick(...l),["stop"]))},[s.renderSlot(e.$slots,"default",{item:e.item,index:e.index,disabled:e.disabled},()=>[s.createElementVNode("span",null,s.toDisplayString(e.getLabel(e.item)),1)])],46,t)}const d=n.default(o.default,[["render",r]]);exports.default=d;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const optionItem_vue_vue_type_script_lang = require("./option-item.vue2.cjs");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = ["aria-selected"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("li", {
+    "aria-selected": _ctx.selected,
+    style: vue.normalizeStyle(_ctx.style),
+    class: vue.normalizeClass([
+      _ctx.ns.be("dropdown", "item"),
+      _ctx.ns.is("selected", _ctx.selected),
+      _ctx.ns.is("disabled", _ctx.disabled),
+      _ctx.ns.is("created", _ctx.created),
+      _ctx.ns.is("hovering", _ctx.hovering)
+    ]),
+    onMousemove: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
+    onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
+  }, [
+    vue.renderSlot(_ctx.$slots, "default", {
+      item: _ctx.item,
+      index: _ctx.index,
+      disabled: _ctx.disabled
+    }, () => [
+      vue.createElementVNode("span", null, vue.toDisplayString(_ctx.getLabel(_ctx.item)), 1)
+    ])
+  ], 46, _hoisted_1);
+}
+const OptionItem = /* @__PURE__ */ _pluginVue_exportHelper.default(optionItem_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+exports.default = OptionItem;

package/lib/components/select/option-item.vue2.cjs

@@ -1 +1,32 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const p=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const l=require("./useOption.cjs"),q=require("./useProps.cjs"),r=require("./defaults.cjs"),a=require("./token.cjs"),d=e.defineComponent({props:r.optionV2Props,emits:r.optionV2Emits,setup(t,{emit:s}){const o=e.inject(a.selectV2InjectionKey),i=p.useNamespace("select"),{hoverItem:n,selectOptionClick:u}=l.useOption(t,{emit:s}),{getLabel:c}=q.useProps(o.props);return{ns:i,hoverItem:n,selectOptionClick:u,getLabel:c}}});exports.default=d;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const useOption = require("./useOption.cjs");
+const useProps = require("./useProps.cjs");
+const defaults = require("./defaults.cjs");
+const token = require("./token.cjs");
+const _sfc_main = vue.defineComponent({
+  props: defaults.optionV2Props,
+  emits: defaults.optionV2Emits,
+  setup(props, { emit }) {
+    const select = vue.inject(token.selectV2InjectionKey);
+    const ns = index.useNamespace("select");
+    const { hoverItem, selectOptionClick } = useOption.useOption(props, { emit });
+    const { getLabel } = useProps.useProps(select.props);
+    return {
+      ns,
+      hoverItem,
+      selectOptionClick,
+      getLabel
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/select/select-dropdown.cjs

@@ -1 +1,241 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),f=require("lodash-es"),g=require("@vft/utils"),B=require("../virtual-list/components/fixed-size-list.cjs"),C=require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const F=require("../../constants/aria.cjs"),G=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const U=require("./group-item.vue.cjs"),$=require("./option-item.vue.cjs"),J=require("./useProps.cjs"),Q=require("./token.cjs"),W={loading:Boolean,data:{type:Array,required:!0},hoveringIndex:Number,width:Number},X=o.defineComponent({name:"VftSelectDropdown",props:W,setup(b,{slots:d,expose:z}){const r=o.inject(Q.selectV2InjectionKey),h=G.useNamespace("select"),{getLabel:O,getValue:v,getDisabled:V}=J.useProps(r.props),x=o.ref([]),p=o.ref(),H=o.computed(()=>b.data.length);o.watch(()=>H.value,()=>{r.tooltipRef.value?.updatePopper?.()});const m=o.computed(()=>g.isUndefined(r.props.estimatedOptionHeight)),S=o.computed(()=>m.value?{itemSize:r.props.itemHeight}:{estimatedSize:r.props.estimatedOptionHeight,itemSize:e=>x.value[e]}),T=(e=[],t)=>{const{props:{valueKey:s}}=r;return g.isObject(t)?e&&e.some(n=>o.toRaw(f.get(n,s))===f.get(t,s)):e.includes(t)},k=(e,t)=>{if(g.isObject(t)){const{valueKey:s}=r.props;return f.get(e,s)===f.get(t,s)}else return e===t},q=(e,t)=>r.props.multiple?T(e,v(t)):k(e,v(t)),w=(e,t)=>{const{disabled:s,multiple:n,multipleLimit:i}=r.props;return s||!t&&(n?i>0&&e.length>=i:!1)},y=e=>b.hoveringIndex===e;z({listRef:p,isSized:m,isItemDisabled:w,isItemHovering:y,isItemSelected:q,scrollToItem:e=>{const t=p.value;t&&t.scrollToItem(e)},resetScrollTop:()=>{const e=p.value;e&&e.resetScrollTop()}});const K=e=>{const{index:t,data:s,style:n}=e,i=o.unref(m),{itemSize:a,estimatedSize:u}=o.unref(S),{modelValue:c}=r.props,{onSelect:L,onHover:A}=r,l=s[t];if(l.type==="Group")return o.createVNode(U.default,{item:l,style:n,height:i?a:u},null);const N=q(c,l),M=w(c,N),R=y(t);return o.createVNode($.default,o.mergeProps(e,{selected:N,disabled:V(l)||M,created:!!l.created,hovering:R,item:l,onSelect:L,onHover:A}),{default:_=>d.default?.(_)||o.createVNode("span",null,[O(l)])})},{onKeyboardNavigate:I,onKeyboardSelect:P}=r,D=()=>{I("forward")},E=()=>{I("backward")},j=e=>{const{code:t}=e,{tab:s,esc:n,down:i,up:a,enter:u,numpadEnter:c}=F.EVENT_CODE;switch([n,i,a,u,c].includes(t)&&(e.preventDefault(),e.stopPropagation()),t){case s:case n:break;case i:D();break;case a:E();break;case u:case c:P();break}};return()=>{const{data:e,width:t}=b,{height:s,multiple:n,scrollbarAlwaysOn:i}=r.props,a=o.computed(()=>g.isIOS?!0:i),u=o.unref(m)?B.default:C.default;return o.createVNode("div",{class:[h.b("dropdown"),h.is("multiple",n)],style:{width:`${t}px`}},[d.header?.(),d.loading?.()||d.empty?.()||o.createVNode(u,o.mergeProps({ref:p},o.unref(S),{className:h.be("dropdown","list"),scrollbarAlwaysOn:a.value,data:e,height:s,width:t,total:e.length,onKeydown:j}),{default:c=>o.createVNode(K,c,null)}),d.footer?.()])}}});exports.default=X;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const lodashEs = require("lodash-es");
+const utils = require("@vft/utils");
+const fixedSizeList = require("../virtual-list/components/fixed-size-list.cjs");
+const dynamicSizeList = require("../virtual-list/components/dynamic-size-list.cjs");
+require("../virtual-list/components/fixed-size-grid.cjs");
+require("../virtual-list/components/dynamic-size-grid.cjs");
+require("../virtual-list/props.cjs");
+require("@vueuse/core");
+require("../config-provider/hooks/use-global-config.cjs");
+const aria = require("../../constants/aria.cjs");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const groupItem = require("./group-item.vue.cjs");
+const optionItem = require("./option-item.vue.cjs");
+const useProps = require("./useProps.cjs");
+const token = require("./token.cjs");
+const props = {
+  loading: Boolean,
+  data: {
+    type: Array,
+    required: true
+  },
+  hoveringIndex: Number,
+  width: Number
+};
+const SelectMenu = /* @__PURE__ */ vue.defineComponent({
+  name: "ElSelectDropdown",
+  props,
+  setup(props2, {
+    slots,
+    expose
+  }) {
+    const select = vue.inject(token.selectV2InjectionKey);
+    const ns = index.useNamespace("select");
+    const {
+      getLabel,
+      getValue,
+      getDisabled
+    } = useProps.useProps(select.props);
+    const cachedHeights = vue.ref([]);
+    const listRef = vue.ref();
+    const size = vue.computed(() => props2.data.length);
+    vue.watch(() => size.value, () => {
+      select.tooltipRef.value?.updatePopper?.();
+    });
+    const isSized = vue.computed(() => utils.isUndefined(select.props.estimatedOptionHeight));
+    const listProps = vue.computed(() => {
+      if (isSized.value) {
+        return {
+          itemSize: select.props.itemHeight
+        };
+      }
+      return {
+        estimatedSize: select.props.estimatedOptionHeight,
+        itemSize: (idx) => cachedHeights.value[idx]
+      };
+    });
+    const contains = (arr = [], target) => {
+      const {
+        props: {
+          valueKey
+        }
+      } = select;
+      if (!utils.isObject(target)) {
+        return arr.includes(target);
+      }
+      return arr && arr.some((item) => {
+        return vue.toRaw(lodashEs.get(item, valueKey)) === lodashEs.get(target, valueKey);
+      });
+    };
+    const isEqual = (selected, target) => {
+      if (!utils.isObject(target)) {
+        return selected === target;
+      } else {
+        const {
+          valueKey
+        } = select.props;
+        return lodashEs.get(selected, valueKey) === lodashEs.get(target, valueKey);
+      }
+    };
+    const isItemSelected = (modelValue, target) => {
+      if (select.props.multiple) {
+        return contains(modelValue, getValue(target));
+      }
+      return isEqual(modelValue, getValue(target));
+    };
+    const isItemDisabled = (modelValue, selected) => {
+      const {
+        disabled,
+        multiple,
+        multipleLimit
+      } = select.props;
+      return disabled || !selected && (multiple ? multipleLimit > 0 && modelValue.length >= multipleLimit : false);
+    };
+    const isItemHovering = (target) => props2.hoveringIndex === target;
+    const scrollToItem = (index2) => {
+      const list = listRef.value;
+      if (list) {
+        list.scrollToItem(index2);
+      }
+    };
+    const resetScrollTop = () => {
+      const list = listRef.value;
+      if (list) {
+        list.resetScrollTop();
+      }
+    };
+    const exposed = {
+      listRef,
+      isSized,
+      isItemDisabled,
+      isItemHovering,
+      isItemSelected,
+      scrollToItem,
+      resetScrollTop
+    };
+    expose(exposed);
+    const Item = (itemProps) => {
+      const {
+        index: index2,
+        data,
+        style
+      } = itemProps;
+      const sized = vue.unref(isSized);
+      const {
+        itemSize,
+        estimatedSize
+      } = vue.unref(listProps);
+      const {
+        modelValue
+      } = select.props;
+      const {
+        onSelect,
+        onHover
+      } = select;
+      const item = data[index2];
+      if (item.type === "Group") {
+        return vue.createVNode(groupItem.default, {
+          "item": item,
+          "style": style,
+          "height": sized ? itemSize : estimatedSize
+        }, null);
+      }
+      const isSelected = isItemSelected(modelValue, item);
+      const isDisabled = isItemDisabled(modelValue, isSelected);
+      const isHovering = isItemHovering(index2);
+      return vue.createVNode(optionItem.default, vue.mergeProps(itemProps, {
+        "selected": isSelected,
+        "disabled": getDisabled(item) || isDisabled,
+        "created": !!item.created,
+        "hovering": isHovering,
+        "item": item,
+        "onSelect": onSelect,
+        "onHover": onHover
+      }), {
+        default: (props3) => slots.default?.(props3) || vue.createVNode("span", null, [getLabel(item)])
+      });
+    };
+    const {
+      onKeyboardNavigate,
+      onKeyboardSelect
+    } = select;
+    const onForward = () => {
+      onKeyboardNavigate("forward");
+    };
+    const onBackward = () => {
+      onKeyboardNavigate("backward");
+    };
+    const onKeydown = (e) => {
+      const {
+        code
+      } = e;
+      const {
+        tab,
+        esc,
+        down,
+        up,
+        enter,
+        numpadEnter
+      } = aria.EVENT_CODE;
+      if ([esc, down, up, enter, numpadEnter].includes(code)) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+      switch (code) {
+        case tab:
+        case esc:
+          break;
+        case down:
+          onForward();
+          break;
+        case up:
+          onBackward();
+          break;
+        case enter:
+        case numpadEnter:
+          onKeyboardSelect();
+          break;
+      }
+    };
+    return () => {
+      const {
+        data,
+        width
+      } = props2;
+      const {
+        height,
+        multiple,
+        scrollbarAlwaysOn
+      } = select.props;
+      const isScrollbarAlwaysOn = vue.computed(() => {
+        return utils.isIOS ? true : scrollbarAlwaysOn;
+      });
+      const List = vue.unref(isSized) ? fixedSizeList.default : dynamicSizeList.default;
+      return vue.createVNode("div", {
+        "class": [ns.b("dropdown"), ns.is("multiple", multiple)],
+        "style": {
+          width: `${width}px`
+        }
+      }, [slots.header?.(), slots.loading?.() || slots.empty?.() || vue.createVNode(List, vue.mergeProps({
+        "ref": listRef
+      }, vue.unref(listProps), {
+        "className": ns.be("dropdown", "list"),
+        "scrollbarAlwaysOn": isScrollbarAlwaysOn.value,
+        "data": data,
+        "height": height,
+        "width": width,
+        "total": data.length,
+        "onKeydown": onKeydown
+      }), {
+        default: (props3) => vue.createVNode(Item, props3, null)
+      }), slots.footer?.()]);
+    };
+  }
+});
+exports.default = SelectMenu;