vft 0.0.369 → 0.0.371

package/lib/components/select/defaults.cjs

@@ -1,202 +1 @@
-"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: 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;
+"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;

package/lib/components/select/defaults.d.ts

@@ -1,6 +1,6 @@
 import type { Options, Placement } from 'vft/es/components/popper';
 import { type ComponentSize } from 'vft/es/constants';
-import type { __ExtractPublicPropTypes, EmitFn, ExtractPropTypes, PropType } from 'vue';
+import type { __ExtractPublicPropTypes, CSSProperties, EmitFn, ExtractPropTypes, PropType } from 'vue';
 import type { Option, OptionType } from './select.types';
 import SelectV2 from './select.vue';
 import { type Props } from './useProps';
@@ -172,7 +172,12 @@ export declare const optionV2Props: {
         __epPropKey: true;
     };
     readonly index: NumberConstructor;
-    readonly style: ObjectConstructor;
+    readonly style: {
+        readonly type: PropType<CSSProperties>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly selected: BooleanConstructor;
     readonly created: BooleanConstructor;
 };

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

@@ -1,13 +1 @@
-"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;
+"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;

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

@@ -1,30 +1 @@
-"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;
+"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;

package/lib/components/select/index.cjs

@@ -1,12 +1 @@
-"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;
+"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;

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

@@ -1,31 +1 @@
-"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;
+"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;

package/lib/components/select/option-item.vue.d.ts

@@ -9,7 +9,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         __epPropKey: true;
     };
     readonly index: NumberConstructor;
-    readonly style: ObjectConstructor;
+    readonly style: {
+        readonly type: import("vue").PropType<import("vue").CSSProperties>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly selected: BooleanConstructor;
     readonly created: BooleanConstructor;
 }>, {
@@ -48,7 +53,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         __epPropKey: true;
     };
     readonly index: NumberConstructor;
-    readonly style: ObjectConstructor;
+    readonly style: {
+        readonly type: import("vue").PropType<import("vue").CSSProperties>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly selected: BooleanConstructor;
     readonly created: BooleanConstructor;
 }>> & Readonly<{

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

@@ -1,32 +1 @@
-"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;
+"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;

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

@@ -1,241 +1 @@
-"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;
+"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;