@element-plus/nightly 0.0.20260902 → 0.0.20260903

package/es/components/select-v2/src/useSelect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSelect.mjs","names":["isUndefined"],"sources":["../../../../../../packages/components/select-v2/src/useSelect.ts"],"sourcesContent":["import {\n  computed,\n  nextTick,\n  onMounted,\n  reactive,\n  ref,\n  useSlots,\n  watch,\n  watchEffect,\n} from 'vue'\nimport { findLastIndex, get, isEqual } from 'lodash-unified'\nimport { useDebounceFn, useResizeObserver } from '@vueuse/core'\nimport {\n  NOOP,\n  ValidateComponentsMap,\n  debugWarn,\n  escapeStringRegexp,\n  getEventCode,\n  isArray,\n  isEmpty,\n  isFunction,\n  isNumber,\n  isObject,\n  isUndefined,\n} from '@element-plus/utils'\nimport {\n  useComposition,\n  useEmptyValues,\n  useFocusController,\n  useLocale,\n  useNamespace,\n} from '@element-plus/hooks'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  MINIMUM_INPUT_WIDTH,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { useAllowCreate } from './useAllowCreate'\nimport { useProps } from './useProps'\n\nimport type { Option, OptionType, SelectStates } from './select.types'\nimport type { SelectV2Props } from './token'\nimport type { SelectV2EmitFn } from './defaults'\nimport type { ScrollbarDirection } from '@element-plus/components/scrollbar'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { SelectDropdownInstance } from './select-dropdown'\n\nconst useSelect = (props: SelectV2Props, emit: SelectV2EmitFn) => {\n  // inject\n  const { t } = useLocale()\n  const slots = useSlots()\n  const nsSelect = useNamespace('select')\n  const nsInput = useNamespace('input')\n  const { form: elForm, formItem: elFormItem } = useFormItem()\n  const { inputId } = useFormItemInputId(props, {\n    formItemContext: elFormItem,\n  })\n  const { aliasProps, getLabel, getValue, getDisabled, getOptions } =\n    useProps(props)\n  const { valueOnClear, isEmptyValue } = useEmptyValues(props)\n\n  const states: SelectStates = reactive({\n    inputValue: '',\n    cachedOptions: [],\n    createdOptions: [],\n    hoveringIndex: -1,\n    inputHovering: false,\n    selectionWidth: 0,\n    collapseItemWidth: 0,\n    previousQuery: null,\n    previousValue: undefined,\n    selectedLabel: '',\n    menuVisibleOnFocus: false,\n    isBeforeHide: false,\n  })\n\n  // data refs\n  const popperSize = ref(-1)\n  const debouncing = ref(false)\n\n  // DOM & Component refs\n  const selectRef = ref<HTMLElement>()\n  const selectionRef = ref<HTMLElement>()\n  const tooltipRef = ref<TooltipInstance>()\n  const tagTooltipRef = ref<TooltipInstance>()\n  const inputRef = ref<HTMLElement>()\n  const prefixRef = ref<HTMLElement>()\n  const suffixRef = ref<HTMLElement>()\n  const menuRef = ref<SelectDropdownInstance>()\n  const tagMenuRef = ref<HTMLElement>()\n  const collapseItemRef = ref<HTMLElement>()\n\n  const {\n    isComposing,\n    handleCompositionStart,\n    handleCompositionEnd,\n    handleCompositionUpdate,\n  } = useComposition({\n    afterComposition: (e) => onInput(e),\n  })\n\n  const selectDisabled = useFormDisabled()\n\n  const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {\n    disabled: selectDisabled,\n    afterFocus() {\n      if (props.automaticDropdown && !expanded.value) {\n        expanded.value = true\n        states.menuVisibleOnFocus = true\n      }\n    },\n    beforeBlur(event) {\n      return (\n        tooltipRef.value?.isFocusInsideContent(event) ||\n        tagTooltipRef.value?.isFocusInsideContent(event)\n      )\n    },\n    afterBlur() {\n      expanded.value = false\n      states.menuVisibleOnFocus = false\n      if (props.validateEvent) {\n        elFormItem?.validate?.('blur').catch(NOOP)\n      }\n    },\n  })\n\n  const allOptions = computed(() => filterOptions(''))\n\n  const hasOptions = computed(() => {\n    if (props.loading) return false\n    return props.options.length > 0 || states.createdOptions.length > 0\n  })\n\n  const filteredOptions = ref<OptionType[]>([])\n  // the controller of the expanded popup\n  const expanded = ref(false)\n\n  const needStatusIcon = computed(() => elForm?.statusIcon ?? false)\n\n  const popupHeight = computed(() => {\n    const totalHeight = filteredOptions.value.length * props.itemHeight\n    return totalHeight > props.height ? props.height : totalHeight\n  })\n\n  const hasModelValue = computed(() => {\n    return props.multiple\n      ? isArray(props.modelValue) && props.modelValue.length > 0\n      : !isEmptyValue(props.modelValue)\n  })\n\n  const showClearBtn = computed(() => {\n    return (\n      props.clearable &&\n      !selectDisabled.value &&\n      hasModelValue.value &&\n      (isFocused.value || states.inputHovering)\n    )\n  })\n\n  const iconComponent = computed(() =>\n    props.remote && props.filterable && !props.remoteShowSuffix\n      ? ''\n      : props.suffixIcon\n  )\n\n  const iconReverse = computed(\n    () => iconComponent.value && nsSelect.is('reverse', expanded.value)\n  )\n\n  const validateState = computed(() => elFormItem?.validateState || '')\n  const validateIcon = computed(() => {\n    // When we use indexed access to get the type of an undeclared property,\n    // the unsafe type `any` will be inferred, which TypeScript throws an error to emphasize it.\n    // To avoid TypeScript complaining about it, we use truthiness narrowing to narrow the type of validateState.\n    if (!validateState.value) return\n    return ValidateComponentsMap[validateState.value]\n  })\n\n  const debounce = computed(() => (props.remote ? props.debounce : 0))\n\n  const isRemoteSearchEmpty = computed(\n    () => props.remote && !states.inputValue && !hasOptions.value\n  )\n\n  // filteredOptions includes flatten the data into one dimensional array.\n  const emptyText = computed(() => {\n    if (props.loading) {\n      return props.loadingText || t('el.select.loading')\n    } else {\n      if (\n        props.filterable &&\n        states.inputValue &&\n        hasOptions.value &&\n        filteredOptions.value.length === 0\n      ) {\n        return props.noMatchText || t('el.select.noMatch')\n      }\n      if (!hasOptions.value) {\n        return props.noDataText || t('el.select.noData')\n      }\n    }\n    return null\n  })\n\n  const isFilterMethodValid = computed(\n    () => props.filterable && isFunction(props.filterMethod)\n  )\n  const isRemoteMethodValid = computed(\n    () => props.filterable && props.remote && isFunction(props.remoteMethod)\n  )\n\n  const filterOptions = (query: string) => {\n    const regexp = new RegExp(escapeStringRegexp(query), 'i')\n\n    const isValidOption = (o: Option): boolean => {\n      if (isFilterMethodValid.value || isRemoteMethodValid.value) return true\n      // when query was given, we should test on the label see whether the label contains the given query\n      return query ? regexp.test(getLabel(o) || '') : true\n    }\n    if (props.loading) {\n      return []\n    }\n\n    return [...states.createdOptions, ...props.options].reduce((all, item) => {\n      const options = getOptions(item)\n\n      if (isArray(options)) {\n        const filtered = options.filter(isValidOption)\n\n        if (filtered.length > 0) {\n          all.push(\n            {\n              label: getLabel(item),\n              type: 'Group',\n            },\n            ...filtered\n          )\n        }\n      } else if (props.remote || isValidOption(item)) {\n        all.push(item)\n      }\n\n      return all\n    }, []) as OptionType[]\n  }\n\n  const updateOptions = () => {\n    filteredOptions.value = filterOptions(states.inputValue)\n  }\n\n  const allOptionsValueMap = computed(() => {\n    const valueMap = new Map()\n\n    allOptions.value.forEach((option, index) => {\n      valueMap.set(getValueKey(getValue(option)), { option, index })\n    })\n    return valueMap\n  })\n\n  const filteredOptionsValueMap = computed(() => {\n    const valueMap = new Map()\n\n    filteredOptions.value.forEach((option, index) => {\n      valueMap.set(getValueKey(getValue(option)), { option, index })\n    })\n    return valueMap\n  })\n\n  const optionsAllDisabled = computed(() =>\n    filteredOptions.value.every((option) => getDisabled(option))\n  )\n\n  const selectSize = useFormSize()\n\n  const collapseTagSize = computed(() =>\n    'small' === selectSize.value ? 'small' : 'default'\n  )\n\n  const calculatePopperSize = () => {\n    if (isNumber(props.fitInputWidth)) {\n      popperSize.value = props.fitInputWidth\n      return\n    }\n    const width = selectRef.value?.offsetWidth || 200\n    if (!props.fitInputWidth && hasOptions.value) {\n      nextTick(() => {\n        popperSize.value = Math.max(width, calculateLabelMaxWidth())\n      })\n    } else {\n      popperSize.value = width\n    }\n  }\n\n  // TODO Caching implementation\n  // 1. There is no need to calculate options that have already been calculated\n  // 2. Repeatedly expand and close when persistent is set to false, no need for repeated calculations\n  const calculateLabelMaxWidth = () => {\n    const canvas = document.createElement('canvas')\n    const ctx = canvas.getContext('2d')\n    const selector = nsSelect.be('dropdown', 'item')\n    const dom = menuRef.value?.listRef?.innerRef || document\n    const dropdownItemEl = dom.querySelector(`.${selector}`)\n    if (dropdownItemEl === null || ctx === null) return 0\n    const style = getComputedStyle(dropdownItemEl)\n    const padding =\n      Number.parseFloat(style.paddingLeft) +\n      Number.parseFloat(style.paddingRight)\n    ctx.font = `bold ${style.font.replace(\n      new RegExp(`\\\\b${style.fontWeight}\\\\b`),\n      ''\n    )}`\n    const maxWidth = filteredOptions.value.reduce((max, option) => {\n      const metrics = ctx.measureText(getLabel(option))\n      return Math.max(metrics.width, max)\n    }, 0)\n    return maxWidth + padding\n  }\n\n  const getGapWidth = () => {\n    if (!selectionRef.value) return 0\n    const style = window.getComputedStyle(selectionRef.value)\n    return Number.parseFloat(style.gap || '6px')\n  }\n\n  // computed style\n  const tagStyle = computed(() => {\n    const gapWidth = getGapWidth()\n    const inputSlotWidth = props.filterable ? gapWidth + MINIMUM_INPUT_WIDTH : 0\n    const maxWidth =\n      collapseItemRef.value && props.maxCollapseTags === 1\n        ? states.selectionWidth -\n          states.collapseItemWidth -\n          gapWidth -\n          inputSlotWidth\n        : states.selectionWidth - inputSlotWidth\n    return { maxWidth: `${maxWidth}px` }\n  })\n\n  const collapseTagStyle = computed(() => {\n    return { maxWidth: `${states.selectionWidth}px` }\n  })\n\n  const shouldShowPlaceholder = computed(() => {\n    if (isArray(props.modelValue)) {\n      return props.modelValue.length === 0 && !states.inputValue\n    }\n\n    // when it's not multiple mode, we only determine this flag based on filterable and expanded\n    // when filterable flag is true, which means we have input box on the screen\n    return props.filterable ? !states.inputValue : true\n  })\n\n  const currentPlaceholder = computed(() => {\n    const _placeholder = props.placeholder ?? t('el.select.placeholder')\n    return props.multiple || !hasModelValue.value\n      ? _placeholder\n      : states.selectedLabel\n  })\n\n  // this obtains the actual popper DOM element.\n  const popperRef = computed(() => tooltipRef.value?.popperRef?.contentRef)\n\n  // the index with current value in options\n  const indexRef = computed<number>(() => {\n    if (props.multiple) {\n      const len = (props.modelValue as []).length\n      if (\n        len > 0 &&\n        filteredOptionsValueMap.value.has(props.modelValue[len - 1])\n      ) {\n        const { index } = filteredOptionsValueMap.value.get(\n          props.modelValue[len - 1]\n        )\n        return index\n      }\n    } else {\n      if (\n        !isEmptyValue(props.modelValue) &&\n        filteredOptionsValueMap.value.has(props.modelValue)\n      ) {\n        const { index } = filteredOptionsValueMap.value.get(props.modelValue)\n        return index\n      }\n    }\n    return -1\n  })\n\n  const dropdownMenuVisible = computed({\n    get() {\n      return (\n        expanded.value &&\n        (props.loading ||\n          !isRemoteSearchEmpty.value ||\n          (props.remote && !!slots.empty)) &&\n        (!debouncing.value ||\n          !isEmpty(states.previousQuery) ||\n          hasOptions.value)\n      )\n    },\n    set(val: boolean) {\n      expanded.value = val\n    },\n  })\n\n  const showTagList = computed(() => {\n    if (!props.multiple) {\n      return []\n    }\n    return props.collapseTags\n      ? states.cachedOptions.slice(0, props.maxCollapseTags)\n      : states.cachedOptions\n  })\n\n  const collapseTagList = computed(() => {\n    if (!props.multiple) {\n      return []\n    }\n    return props.collapseTags\n      ? states.cachedOptions.slice(props.maxCollapseTags)\n      : []\n  })\n\n  // hooks\n  const {\n    createNewOption,\n    removeNewOption,\n    selectNewOption,\n    clearAllNewOption,\n  } = useAllowCreate(props, states)\n\n  // methods\n  const toggleMenu = (event?: Event) => {\n    if (\n      selectDisabled.value ||\n      (props.filterable &&\n        expanded.value &&\n        event &&\n        !suffixRef.value?.contains(event.target as Node))\n    )\n      return\n\n    if (states.menuVisibleOnFocus) {\n      // controlled by automaticDropdown\n      states.menuVisibleOnFocus = false\n    } else {\n      expanded.value = !expanded.value\n    }\n  }\n\n  const onInputChange = () => {\n    if (states.inputValue.length > 0 && !expanded.value) {\n      expanded.value = true\n    }\n    createNewOption(states.inputValue)\n    nextTick(() => {\n      handleQueryChange(states.inputValue)\n    })\n  }\n\n  const debouncedOnInputChange = useDebounceFn(() => {\n    onInputChange()\n    debouncing.value = false\n  }, debounce)\n\n  const handleQueryChange = (val: string) => {\n    if (states.previousQuery === val || isComposing.value) {\n      return\n    }\n    states.previousQuery = val\n    if (props.filterable && isFunction(props.filterMethod)) {\n      props.filterMethod(val)\n    } else if (\n      props.filterable &&\n      props.remote &&\n      isFunction(props.remoteMethod)\n    ) {\n      props.remoteMethod(val)\n    }\n    if (\n      props.defaultFirstOption &&\n      (props.filterable || props.remote) &&\n      filteredOptions.value.length\n    ) {\n      nextTick(checkDefaultFirstOption)\n    } else {\n      nextTick(updateHoveringIndex)\n    }\n  }\n\n  /**\n   * find and highlight first option as default selected\n   * @remark\n   * - if the first option in dropdown list is user-created,\n   *   it would be at the end of the optionsArray\n   *   so find it and set hover.\n   *   (NOTE: there must be only one user-created option in dropdown list with query)\n   * - if there's no user-created option in list, just find the first one as usual\n   *   (NOTE: exclude options that are disabled or in disabled-group)\n   */\n  const checkDefaultFirstOption = () => {\n    const optionsInDropdown = filteredOptions.value.filter(\n      (n) => !n.disabled && n.type !== 'Group'\n    )\n    const userCreatedOption = optionsInDropdown.find((n) => n.created)\n    const firstOriginOption = optionsInDropdown[0]\n    states.hoveringIndex = getValueIndex(\n      filteredOptions.value,\n      userCreatedOption || firstOriginOption\n    )\n  }\n\n  const emitChange = (val: any | any[]) => {\n    if (!isEqual(props.modelValue, val)) {\n      emit(CHANGE_EVENT, val)\n    }\n  }\n\n  const update = (val: any) => {\n    emit(UPDATE_MODEL_EVENT, val)\n    emitChange(val)\n    states.previousValue = props.multiple ? String(val) : val\n\n    nextTick(() => {\n      if (props.multiple && isArray(props.modelValue)) {\n        const cachedOptions = states.cachedOptions.slice()\n        const selectedOptions = props.modelValue.map((value) =>\n          getOption(value, cachedOptions)\n        )\n\n        if (!isEqual(states.cachedOptions, selectedOptions)) {\n          states.cachedOptions = selectedOptions\n        }\n      } else {\n        initStates(true)\n      }\n    })\n  }\n\n  const getValueIndex = (arr: unknown[] = [], value: unknown) => {\n    if (!isObject(value)) {\n      return arr.indexOf(value)\n    }\n    const valueKey = props.valueKey\n    let index = -1\n    arr.some((item, i) => {\n      if (get(item, valueKey) === get(value, valueKey)) {\n        index = i\n        return true\n      }\n      return false\n    })\n    return index\n  }\n\n  const getValueKey = (item: unknown) => {\n    return isObject(item) ? get(item, props.valueKey) : item\n  }\n\n  const handleResize = () => {\n    calculatePopperSize()\n  }\n\n  const onEndReached = (direction: ScrollbarDirection) => {\n    emit('end-reached', direction)\n  }\n\n  const resetSelectionWidth = () => {\n    states.selectionWidth = Number.parseFloat(\n      window.getComputedStyle(selectionRef.value!).width\n    )\n  }\n\n  const resetCollapseItemWidth = () => {\n    states.collapseItemWidth =\n      collapseItemRef.value!.getBoundingClientRect().width\n  }\n\n  const updateTooltip = () => {\n    tooltipRef.value?.updatePopper?.()\n  }\n\n  const updateTagTooltip = () => {\n    tagTooltipRef.value?.updatePopper?.()\n  }\n\n  const onSelect = (option: Option) => {\n    const optionValue = getValue(option)\n\n    if (props.multiple) {\n      let selectedOptions = (props.modelValue as any[]).slice()\n\n      const index = getValueIndex(selectedOptions, optionValue)\n      if (index > -1) {\n        selectedOptions = [\n          ...selectedOptions.slice(0, index),\n          ...selectedOptions.slice(index + 1),\n        ]\n        states.cachedOptions.splice(index, 1)\n        removeNewOption(option)\n      } else if (\n        props.multipleLimit <= 0 ||\n        selectedOptions.length < props.multipleLimit\n      ) {\n        selectedOptions = [...selectedOptions, optionValue]\n        states.cachedOptions.push(option)\n        selectNewOption(option)\n      }\n      update(selectedOptions)\n      if (option.created) {\n        handleQueryChange('')\n      }\n      if (props.filterable && (option.created || !props.reserveKeyword)) {\n        states.inputValue = ''\n      }\n    } else {\n      states.selectedLabel = getLabel(option)\n      !isEqual(props.modelValue, optionValue) && update(optionValue)\n      expanded.value = false\n      selectNewOption(option)\n      if (!option.created) {\n        clearAllNewOption()\n      }\n    }\n    focus()\n  }\n\n  const deleteTag = (event: MouseEvent, option: Option) => {\n    let selectedOptions = (props.modelValue as any[]).slice()\n\n    const index = getValueIndex(selectedOptions, getValue(option))\n\n    if (index > -1 && !selectDisabled.value) {\n      selectedOptions = [\n        ...(props.modelValue as Array<unknown>).slice(0, index),\n        ...(props.modelValue as Array<unknown>).slice(index + 1),\n      ]\n      states.cachedOptions.splice(index, 1)\n      update(selectedOptions)\n      emit('remove-tag', getValue(option))\n      removeNewOption(option)\n    }\n    event.stopPropagation()\n    focus()\n  }\n\n  const focus = () => {\n    inputRef.value?.focus()\n  }\n\n  const blur = () => {\n    if (expanded.value) {\n      expanded.value = false\n      nextTick(() => inputRef.value?.blur())\n      return\n    }\n    inputRef.value?.blur()\n  }\n\n  // keyboard handlers\n  const handleEsc = () => {\n    if (states.inputValue.length > 0) {\n      states.inputValue = ''\n    } else {\n      expanded.value = false\n    }\n  }\n\n  const getLastNotDisabledIndex = (value: unknown[]) =>\n    findLastIndex(\n      value,\n      (it) =>\n        !states.cachedOptions.some(\n          (option) => getValue(option) === it && getDisabled(option)\n        )\n    )\n\n  const handleDel = (e: KeyboardEvent) => {\n    const code = getEventCode(e)\n    if (!props.multiple) return\n    if (code === EVENT_CODE.delete) return\n    if (states.inputValue.length === 0) {\n      e.preventDefault()\n      const selected = (props.modelValue as Array<any>).slice()\n      const lastNotDisabledIndex = getLastNotDisabledIndex(selected)\n      if (lastNotDisabledIndex < 0) return\n      const removeTagValue = selected[lastNotDisabledIndex]\n      selected.splice(lastNotDisabledIndex, 1)\n      const option = states.cachedOptions[lastNotDisabledIndex]\n      states.cachedOptions.splice(lastNotDisabledIndex, 1)\n      removeNewOption(option)\n      update(selected)\n      emit('remove-tag', removeTagValue)\n    }\n  }\n\n  const handleClear = () => {\n    let emptyValue: string | any[]\n    if (isArray(props.modelValue)) {\n      emptyValue = []\n    } else {\n      emptyValue = valueOnClear.value\n    }\n\n    states.selectedLabel = ''\n\n    expanded.value = false\n    update(emptyValue)\n    emit('clear')\n    clearAllNewOption()\n    focus()\n  }\n\n  const onKeyboardNavigate = (\n    direction: 'forward' | 'backward',\n    hoveringIndex: number | undefined = undefined\n  ): void => {\n    const options = filteredOptions.value\n    if (\n      !['forward', 'backward'].includes(direction) ||\n      selectDisabled.value ||\n      options.length <= 0 ||\n      optionsAllDisabled.value ||\n      isComposing.value\n    ) {\n      return\n    }\n    if (!expanded.value) {\n      return toggleMenu()\n    }\n    if (isUndefined(hoveringIndex)) {\n      hoveringIndex = states.hoveringIndex\n    }\n    let newIndex = -1\n    if (direction === 'forward') {\n      newIndex = hoveringIndex + 1\n      if (newIndex >= options.length) {\n        // return to the first option\n        newIndex = 0\n      }\n    } else if (direction === 'backward') {\n      newIndex = hoveringIndex - 1\n      if (newIndex < 0 || newIndex >= options.length) {\n        // navigate to the last one\n        newIndex = options.length - 1\n      }\n    }\n    const option = options[newIndex]\n    if (getDisabled(option) || option.type === 'Group') {\n      // prevent dispatching multiple nextTick callbacks.\n      return onKeyboardNavigate(direction, newIndex)\n    } else {\n      states.hoveringIndex = newIndex\n      scrollToItem(newIndex)\n    }\n  }\n\n  const onKeyboardSelect = () => {\n    if (!expanded.value) {\n      return toggleMenu()\n    } else if (\n      ~states.hoveringIndex &&\n      filteredOptions.value[states.hoveringIndex]\n    ) {\n      onSelect(filteredOptions.value[states.hoveringIndex])\n    }\n  }\n\n  const onHoverOption = (idx?: number) => {\n    states.hoveringIndex = idx ?? -1\n  }\n\n  const updateHoveringIndex = () => {\n    if (!props.multiple) {\n      states.hoveringIndex = filteredOptions.value.findIndex((item) => {\n        return getValueKey(getValue(item)) === getValueKey(props.modelValue)\n      })\n    } else {\n      const length = props.modelValue.length\n      if (length > 0) {\n        const lastValue = props.modelValue[length - 1]\n        states.hoveringIndex = filteredOptions.value.findIndex(\n          (item) => getValueKey(lastValue) === getValueKey(getValue(item))\n        )\n      } else {\n        states.hoveringIndex = -1\n      }\n    }\n  }\n\n  const onInput = (event: Event) => {\n    states.inputValue = (event.target as HTMLInputElement).value\n    if (props.remote) {\n      debouncing.value = true\n      debouncedOnInputChange()\n    } else {\n      return onInputChange()\n    }\n  }\n\n  const handleClickOutside = (event: Event) => {\n    expanded.value = false\n\n    if (isFocused.value) {\n      const _event = new FocusEvent('blur', event)\n      handleBlur(_event)\n    }\n  }\n\n  const handleMenuEnter = () => {\n    states.isBeforeHide = false\n    return nextTick(() => {\n      if (~indexRef.value) {\n        scrollToItem(indexRef.value)\n      }\n    })\n  }\n\n  const scrollToItem = (index: number) => {\n    menuRef.value!.scrollToItem(index)\n  }\n\n  const getOption = (value: unknown, cachedOptions?: Option[]) => {\n    // match the option with the given value, if not found, create a new option\n    const selectValue = getValueKey(value)\n\n    if (allOptionsValueMap.value.has(selectValue)) {\n      const { option } = allOptionsValueMap.value.get(selectValue)\n\n      return option\n    }\n    if (cachedOptions && cachedOptions.length) {\n      const option = cachedOptions.find(\n        (option) => getValueKey(getValue(option)) === selectValue\n      )\n      if (option) {\n        return option\n      }\n    }\n\n    return {\n      [aliasProps.value.value]: value,\n      [aliasProps.value.label]: value,\n    }\n  }\n\n  const getIndex = (option: Option) =>\n    allOptionsValueMap.value.get(getValue(option))?.index ?? -1\n\n  const initStates = (needUpdateSelectedLabel = false) => {\n    if (props.multiple) {\n      if ((props.modelValue as Array<any>).length > 0) {\n        const cachedOptions = states.cachedOptions.slice()\n        states.cachedOptions.length = 0\n        states.previousValue = props.modelValue.toString()\n\n        for (const value of props.modelValue) {\n          const option = getOption(value, cachedOptions)\n          states.cachedOptions.push(option)\n        }\n      } else {\n        states.cachedOptions = []\n        states.previousValue = undefined\n      }\n    } else {\n      if (hasModelValue.value) {\n        states.previousValue = props.modelValue\n        const options = filteredOptions.value\n        const selectedItemIndex = options.findIndex(\n          (option) =>\n            getValueKey(getValue(option)) === getValueKey(props.modelValue)\n        )\n        if (~selectedItemIndex) {\n          states.selectedLabel = getLabel(options[selectedItemIndex])\n        } else {\n          if (!states.selectedLabel || needUpdateSelectedLabel) {\n            states.selectedLabel = getValueKey(props.modelValue)\n          }\n        }\n      } else {\n        states.selectedLabel = ''\n        states.previousValue = undefined\n      }\n    }\n    clearAllNewOption()\n    calculatePopperSize()\n  }\n\n  watch(\n    () => props.fitInputWidth,\n    () => {\n      calculatePopperSize()\n    }\n  )\n\n  // in order to track these individually, we need to turn them into refs instead of watching the entire\n  // reactive object which could cause perf penalty when unnecessary field gets changed the watch method will\n  // be invoked.\n\n  watch(expanded, (val) => {\n    if (val) {\n      if (!props.persistent) {\n        calculatePopperSize()\n      }\n      handleQueryChange('')\n    } else {\n      states.inputValue = ''\n      states.previousQuery = null\n      states.isBeforeHide = true\n      states.menuVisibleOnFocus = false\n      createNewOption('')\n    }\n  })\n\n  watch(\n    () => props.modelValue,\n    (val, oldVal) => {\n      const isValEmpty = !val || (isArray(val) && val.length === 0)\n\n      if (\n        isValEmpty ||\n        (props.multiple && !isEqual(val.toString(), states.previousValue)) ||\n        (!props.multiple &&\n          getValueKey(val) !== getValueKey(states.previousValue))\n      ) {\n        initStates(true)\n      }\n      if (!isEqual(val, oldVal) && props.validateEvent) {\n        elFormItem?.validate?.('change').catch(NOOP)\n      }\n    },\n    {\n      deep: true,\n    }\n  )\n\n  watch(\n    () => props.options,\n    () => {\n      const input = inputRef.value\n      // filter or remote-search scenarios are not initialized\n      if (!input || (input && document.activeElement !== input)) {\n        initStates()\n      }\n    },\n    {\n      deep: true,\n      flush: 'post',\n    }\n  )\n\n  // fix the problem that scrollTop is not reset in filterable mode\n  watch(\n    () => filteredOptions.value,\n    () => {\n      calculatePopperSize()\n      return menuRef.value && nextTick(menuRef.value.resetScrollTop)\n    }\n  )\n\n  watchEffect(() => {\n    // Anything could cause options changed, then update options\n    // If you want to control it by condition, write here\n    if (states.isBeforeHide) return\n    updateOptions()\n  })\n\n  watchEffect(() => {\n    const { valueKey, options } = props\n    const duplicateValue = new Map()\n    for (const item of options) {\n      const optionValue = getValue(item)\n      let v = optionValue\n      if (isObject(v)) {\n        v = get(optionValue, valueKey)\n      }\n      if (duplicateValue.get(v)) {\n        debugWarn(\n          'ElSelectV2',\n          `The option values you provided seem to be duplicated, which may cause some problems, please check.`\n        )\n        break\n      } else {\n        duplicateValue.set(v, true)\n      }\n    }\n  })\n\n  onMounted(() => {\n    initStates()\n  })\n  useResizeObserver(selectRef, handleResize)\n  useResizeObserver(selectionRef, resetSelectionWidth)\n  useResizeObserver(wrapperRef, updateTooltip)\n  useResizeObserver(tagMenuRef, updateTagTooltip)\n  useResizeObserver(collapseItemRef, resetCollapseItemWidth)\n\n  // #21498\n  let stop: (() => void) | undefined\n  watch(\n    () => dropdownMenuVisible.value,\n    (newVal) => {\n      if (newVal) {\n        stop = useResizeObserver(menuRef, updateTooltip).stop\n      } else {\n        stop?.()\n        stop = undefined\n      }\n      emit('visible-change', newVal)\n    }\n  )\n\n  return {\n    // data exports\n    inputId,\n    collapseTagSize,\n    currentPlaceholder,\n    expanded,\n    emptyText,\n    popupHeight,\n    debounce,\n    allOptions,\n    allOptionsValueMap,\n    filteredOptions,\n    iconComponent,\n    iconReverse,\n    tagStyle,\n    collapseTagStyle,\n    popperSize,\n    dropdownMenuVisible,\n    hasModelValue,\n    shouldShowPlaceholder,\n    selectDisabled,\n    selectSize,\n    needStatusIcon,\n    showClearBtn,\n    states,\n    isFocused,\n    nsSelect,\n    nsInput,\n\n    // refs items exports\n    inputRef,\n    menuRef,\n    tagMenuRef,\n    tooltipRef,\n    tagTooltipRef,\n    selectRef,\n    wrapperRef,\n    selectionRef,\n    prefixRef,\n    suffixRef,\n    collapseItemRef,\n\n    popperRef,\n\n    validateState,\n    validateIcon,\n    showTagList,\n    collapseTagList,\n\n    // methods exports\n    debouncedOnInputChange,\n    deleteTag,\n    getLabel,\n    getValue,\n    getDisabled,\n    getValueKey,\n    getIndex,\n    handleClear,\n    handleClickOutside,\n    handleDel,\n    handleEsc,\n    focus,\n    blur,\n    handleMenuEnter,\n    handleResize,\n    resetSelectionWidth,\n    updateTooltip,\n    updateTagTooltip,\n    updateOptions,\n    toggleMenu,\n    scrollTo: scrollToItem,\n    onInput,\n    onKeyboardNavigate,\n    onKeyboardSelect,\n    onEndReached,\n    onSelect,\n    onHover: onHoverOption,\n    handleCompositionStart,\n    handleCompositionEnd,\n    handleCompositionUpdate,\n  }\n}\n\nexport default useSelect\n"],"mappings":"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"}
+{"version":3,"file":"useSelect.mjs","names":["isUndefined"],"sources":["../../../../../../packages/components/select-v2/src/useSelect.ts"],"sourcesContent":["import {\n  computed,\n  nextTick,\n  onMounted,\n  reactive,\n  ref,\n  useSlots,\n  watch,\n  watchEffect,\n} from 'vue'\nimport { findLastIndex, get, isEqual } from 'lodash-unified'\nimport { useDebounceFn, useResizeObserver } from '@vueuse/core'\nimport {\n  NOOP,\n  ValidateComponentsMap,\n  debugWarn,\n  escapeStringRegexp,\n  getEventCode,\n  isArray,\n  isEmpty,\n  isFunction,\n  isNumber,\n  isObject,\n  isUndefined,\n  rAF,\n} from '@element-plus/utils'\nimport {\n  useComposition,\n  useEmptyValues,\n  useFocusController,\n  useLocale,\n  useNamespace,\n} from '@element-plus/hooks'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  MINIMUM_INPUT_WIDTH,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { useAllowCreate } from './useAllowCreate'\nimport { useProps } from './useProps'\n\nimport type { Option, OptionType, SelectStates } from './select.types'\nimport type { SelectV2Props } from './token'\nimport type { SelectV2EmitFn } from './defaults'\nimport type { ScrollbarDirection } from '@element-plus/components/scrollbar'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { SelectDropdownInstance } from './select-dropdown'\n\nconst useSelect = (props: SelectV2Props, emit: SelectV2EmitFn) => {\n  // inject\n  const { t } = useLocale()\n  const slots = useSlots()\n  const nsSelect = useNamespace('select')\n  const nsInput = useNamespace('input')\n  const { form: elForm, formItem: elFormItem } = useFormItem()\n  const { inputId } = useFormItemInputId(props, {\n    formItemContext: elFormItem,\n  })\n  const { aliasProps, getLabel, getValue, getDisabled, getOptions } =\n    useProps(props)\n  const { valueOnClear, isEmptyValue } = useEmptyValues(props)\n\n  const states: SelectStates = reactive({\n    inputValue: '',\n    cachedOptions: [],\n    createdOptions: [],\n    hoveringIndex: -1,\n    inputHovering: false,\n    collapseItemWidth: 0,\n    previousQuery: null,\n    previousValue: undefined,\n    selectedLabel: '',\n    menuVisibleOnFocus: false,\n    isBeforeHide: false,\n  })\n\n  // data refs\n  const popperSize = ref(-1)\n  const debouncing = ref(false)\n\n  // DOM & Component refs\n  const selectRef = ref<HTMLElement>()\n  const selectionRef = ref<HTMLElement>()\n  const tooltipRef = ref<TooltipInstance>()\n  const tagTooltipRef = ref<TooltipInstance>()\n  const inputRef = ref<HTMLElement>()\n  const prefixRef = ref<HTMLElement>()\n  const suffixRef = ref<HTMLElement>()\n  const menuRef = ref<SelectDropdownInstance>()\n  const tagMenuRef = ref<HTMLElement>()\n  const collapseItemRef = ref<HTMLElement>()\n\n  const {\n    isComposing,\n    handleCompositionStart,\n    handleCompositionEnd,\n    handleCompositionUpdate,\n  } = useComposition({\n    afterComposition: (e) => onInput(e),\n  })\n\n  const selectDisabled = useFormDisabled()\n\n  const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {\n    disabled: selectDisabled,\n    afterFocus() {\n      if (props.automaticDropdown && !expanded.value) {\n        expanded.value = true\n        states.menuVisibleOnFocus = true\n      }\n    },\n    beforeBlur(event) {\n      return (\n        tooltipRef.value?.isFocusInsideContent(event) ||\n        tagTooltipRef.value?.isFocusInsideContent(event)\n      )\n    },\n    afterBlur() {\n      expanded.value = false\n      states.menuVisibleOnFocus = false\n      if (props.validateEvent) {\n        elFormItem?.validate?.('blur').catch(NOOP)\n      }\n    },\n  })\n\n  const allOptions = computed(() => filterOptions(''))\n\n  const hasOptions = computed(() => {\n    if (props.loading) return false\n    return props.options.length > 0 || states.createdOptions.length > 0\n  })\n\n  const filteredOptions = ref<OptionType[]>([])\n  // the controller of the expanded popup\n  const expanded = ref(false)\n\n  const needStatusIcon = computed(() => elForm?.statusIcon ?? false)\n\n  const popupHeight = computed(() => {\n    const totalHeight = filteredOptions.value.length * props.itemHeight\n    return totalHeight > props.height ? props.height : totalHeight\n  })\n\n  const hasModelValue = computed(() => {\n    return props.multiple\n      ? isArray(props.modelValue) && props.modelValue.length > 0\n      : !isEmptyValue(props.modelValue)\n  })\n\n  const showClearBtn = computed(() => {\n    return (\n      props.clearable &&\n      !selectDisabled.value &&\n      hasModelValue.value &&\n      (isFocused.value || states.inputHovering)\n    )\n  })\n\n  const iconComponent = computed(() =>\n    props.remote && props.filterable && !props.remoteShowSuffix\n      ? ''\n      : props.suffixIcon\n  )\n\n  const iconReverse = computed(\n    () => iconComponent.value && nsSelect.is('reverse', expanded.value)\n  )\n\n  const validateState = computed(() => elFormItem?.validateState || '')\n  const validateIcon = computed(() => {\n    // When we use indexed access to get the type of an undeclared property,\n    // the unsafe type `any` will be inferred, which TypeScript throws an error to emphasize it.\n    // To avoid TypeScript complaining about it, we use truthiness narrowing to narrow the type of validateState.\n    if (!validateState.value) return\n    return ValidateComponentsMap[validateState.value]\n  })\n\n  const debounce = computed(() => (props.remote ? props.debounce : 0))\n\n  const isRemoteSearchEmpty = computed(\n    () => props.remote && !states.inputValue && !hasOptions.value\n  )\n\n  // filteredOptions includes flatten the data into one dimensional array.\n  const emptyText = computed(() => {\n    if (props.loading) {\n      return props.loadingText || t('el.select.loading')\n    } else {\n      if (\n        props.filterable &&\n        states.inputValue &&\n        hasOptions.value &&\n        filteredOptions.value.length === 0\n      ) {\n        return props.noMatchText || t('el.select.noMatch')\n      }\n      if (!hasOptions.value) {\n        return props.noDataText || t('el.select.noData')\n      }\n    }\n    return null\n  })\n\n  const isFilterMethodValid = computed(\n    () => props.filterable && isFunction(props.filterMethod)\n  )\n  const isRemoteMethodValid = computed(\n    () => props.filterable && props.remote && isFunction(props.remoteMethod)\n  )\n\n  const filterOptions = (query: string) => {\n    const regexp = new RegExp(escapeStringRegexp(query), 'i')\n\n    const isValidOption = (o: Option): boolean => {\n      if (isFilterMethodValid.value || isRemoteMethodValid.value) return true\n      // when query was given, we should test on the label see whether the label contains the given query\n      return query ? regexp.test(getLabel(o) || '') : true\n    }\n    if (props.loading) {\n      return []\n    }\n\n    return [...states.createdOptions, ...props.options].reduce((all, item) => {\n      const options = getOptions(item)\n\n      if (isArray(options)) {\n        const filtered = options.filter(isValidOption)\n\n        if (filtered.length > 0) {\n          all.push(\n            {\n              label: getLabel(item),\n              type: 'Group',\n            },\n            ...filtered\n          )\n        }\n      } else if (props.remote || isValidOption(item)) {\n        all.push(item)\n      }\n\n      return all\n    }, []) as OptionType[]\n  }\n\n  const updateOptions = () => {\n    filteredOptions.value = filterOptions(states.inputValue)\n  }\n\n  const allOptionsValueMap = computed(() => {\n    const valueMap = new Map()\n\n    allOptions.value.forEach((option, index) => {\n      valueMap.set(getValueKey(getValue(option)), { option, index })\n    })\n    return valueMap\n  })\n\n  const filteredOptionsValueMap = computed(() => {\n    const valueMap = new Map()\n\n    filteredOptions.value.forEach((option, index) => {\n      valueMap.set(getValueKey(getValue(option)), { option, index })\n    })\n    return valueMap\n  })\n\n  const optionsAllDisabled = computed(() =>\n    filteredOptions.value.every((option) => getDisabled(option))\n  )\n\n  const selectSize = useFormSize()\n\n  const collapseTagSize = computed(() =>\n    'small' === selectSize.value ? 'small' : 'default'\n  )\n\n  const calculatePopperSize = () => {\n    if (isNumber(props.fitInputWidth)) {\n      popperSize.value = props.fitInputWidth\n      return\n    }\n    const width = selectRef.value?.offsetWidth || 200\n    if (!props.fitInputWidth && hasOptions.value) {\n      nextTick(() => {\n        popperSize.value = Math.max(width, calculateLabelMaxWidth())\n      })\n    } else {\n      popperSize.value = width\n    }\n  }\n\n  // TODO Caching implementation\n  // 1. There is no need to calculate options that have already been calculated\n  // 2. Repeatedly expand and close when persistent is set to false, no need for repeated calculations\n  const calculateLabelMaxWidth = () => {\n    const canvas = document.createElement('canvas')\n    const ctx = canvas.getContext('2d')\n    const selector = nsSelect.be('dropdown', 'item')\n    const dom = menuRef.value?.listRef?.innerRef || document\n    const dropdownItemEl = dom.querySelector(`.${selector}`)\n    if (dropdownItemEl === null || ctx === null) return 0\n    const style = getComputedStyle(dropdownItemEl)\n    const padding =\n      Number.parseFloat(style.paddingLeft) +\n      Number.parseFloat(style.paddingRight)\n    ctx.font = `bold ${style.font.replace(\n      new RegExp(`\\\\b${style.fontWeight}\\\\b`),\n      ''\n    )}`\n    const maxWidth = filteredOptions.value.reduce((max, option) => {\n      const metrics = ctx.measureText(getLabel(option))\n      return Math.max(metrics.width, max)\n    }, 0)\n    return maxWidth + padding\n  }\n\n  const getGapWidth = () => {\n    if (!selectionRef.value) return 0\n    const style = window.getComputedStyle(selectionRef.value)\n    return Number.parseFloat(style.gap || '6px')\n  }\n\n  // computed style\n  const tagStyle = computed(() => {\n    const gapWidth = getGapWidth()\n    const inputSlotWidth =\n      props.filterable && !selectDisabled.value\n        ? gapWidth + MINIMUM_INPUT_WIDTH\n        : 0\n    const collapseSlotWidth =\n      collapseItemRef.value && props.maxCollapseTags === 1\n        ? states.collapseItemWidth + gapWidth\n        : 0\n    const reservedWidth = inputSlotWidth + collapseSlotWidth\n    return { maxWidth: `calc(100% - ${reservedWidth}px)` }\n  })\n\n  const shouldShowPlaceholder = computed(() => {\n    if (isArray(props.modelValue)) {\n      return props.modelValue.length === 0 && !states.inputValue\n    }\n\n    // when it's not multiple mode, we only determine this flag based on filterable and expanded\n    // when filterable flag is true, which means we have input box on the screen\n    return props.filterable ? !states.inputValue : true\n  })\n\n  const currentPlaceholder = computed(() => {\n    const _placeholder = props.placeholder ?? t('el.select.placeholder')\n    return props.multiple || !hasModelValue.value\n      ? _placeholder\n      : states.selectedLabel\n  })\n\n  // this obtains the actual popper DOM element.\n  const popperRef = computed(() => tooltipRef.value?.popperRef?.contentRef)\n\n  // the index with current value in options\n  const indexRef = computed<number>(() => {\n    if (props.multiple) {\n      const len = (props.modelValue as []).length\n      if (\n        len > 0 &&\n        filteredOptionsValueMap.value.has(props.modelValue[len - 1])\n      ) {\n        const { index } = filteredOptionsValueMap.value.get(\n          props.modelValue[len - 1]\n        )\n        return index\n      }\n    } else {\n      if (\n        !isEmptyValue(props.modelValue) &&\n        filteredOptionsValueMap.value.has(props.modelValue)\n      ) {\n        const { index } = filteredOptionsValueMap.value.get(props.modelValue)\n        return index\n      }\n    }\n    return -1\n  })\n\n  const dropdownMenuVisible = computed({\n    get() {\n      return (\n        expanded.value &&\n        (props.loading ||\n          !isRemoteSearchEmpty.value ||\n          (props.remote && !!slots.empty)) &&\n        (!debouncing.value ||\n          !isEmpty(states.previousQuery) ||\n          hasOptions.value)\n      )\n    },\n    set(val: boolean) {\n      expanded.value = val\n    },\n  })\n\n  const showTagList = computed(() => {\n    if (!props.multiple) {\n      return []\n    }\n    return props.collapseTags\n      ? states.cachedOptions.slice(0, props.maxCollapseTags)\n      : states.cachedOptions\n  })\n\n  const collapseTagList = computed(() => {\n    if (!props.multiple) {\n      return []\n    }\n    return props.collapseTags\n      ? states.cachedOptions.slice(props.maxCollapseTags)\n      : []\n  })\n\n  // hooks\n  const {\n    createNewOption,\n    removeNewOption,\n    selectNewOption,\n    clearAllNewOption,\n  } = useAllowCreate(props, states)\n\n  // methods\n  const toggleMenu = (event?: Event) => {\n    if (\n      selectDisabled.value ||\n      (props.filterable &&\n        expanded.value &&\n        event &&\n        !suffixRef.value?.contains(event.target as Node))\n    )\n      return\n\n    if (states.menuVisibleOnFocus) {\n      // controlled by automaticDropdown\n      states.menuVisibleOnFocus = false\n    } else {\n      expanded.value = !expanded.value\n    }\n  }\n\n  const onInputChange = () => {\n    if (states.inputValue.length > 0 && !expanded.value) {\n      expanded.value = true\n    }\n    createNewOption(states.inputValue)\n    nextTick(() => {\n      handleQueryChange(states.inputValue)\n    })\n  }\n\n  const debouncedOnInputChange = useDebounceFn(() => {\n    onInputChange()\n    debouncing.value = false\n  }, debounce)\n\n  const handleQueryChange = (val: string) => {\n    if (states.previousQuery === val || isComposing.value) {\n      return\n    }\n    states.previousQuery = val\n    if (props.filterable && isFunction(props.filterMethod)) {\n      props.filterMethod(val)\n    } else if (\n      props.filterable &&\n      props.remote &&\n      isFunction(props.remoteMethod)\n    ) {\n      props.remoteMethod(val)\n    }\n    if (\n      props.defaultFirstOption &&\n      (props.filterable || props.remote) &&\n      filteredOptions.value.length\n    ) {\n      nextTick(checkDefaultFirstOption)\n    } else {\n      nextTick(updateHoveringIndex)\n    }\n  }\n\n  /**\n   * find and highlight first option as default selected\n   * @remark\n   * - if the first option in dropdown list is user-created,\n   *   it would be at the end of the optionsArray\n   *   so find it and set hover.\n   *   (NOTE: there must be only one user-created option in dropdown list with query)\n   * - if there's no user-created option in list, just find the first one as usual\n   *   (NOTE: exclude options that are disabled or in disabled-group)\n   */\n  const checkDefaultFirstOption = () => {\n    const optionsInDropdown = filteredOptions.value.filter(\n      (n) => !n.disabled && n.type !== 'Group'\n    )\n    const userCreatedOption = optionsInDropdown.find((n) => n.created)\n    const firstOriginOption = optionsInDropdown[0]\n    states.hoveringIndex = getValueIndex(\n      filteredOptions.value,\n      userCreatedOption || firstOriginOption\n    )\n  }\n\n  const emitChange = (val: any | any[]) => {\n    if (!isEqual(props.modelValue, val)) {\n      emit(CHANGE_EVENT, val)\n    }\n  }\n\n  const update = (val: any) => {\n    emit(UPDATE_MODEL_EVENT, val)\n    emitChange(val)\n    states.previousValue = props.multiple ? String(val) : val\n\n    nextTick(() => {\n      if (props.multiple && isArray(props.modelValue)) {\n        const cachedOptions = states.cachedOptions.slice()\n        const selectedOptions = props.modelValue.map((value) =>\n          getOption(value, cachedOptions)\n        )\n\n        if (!isEqual(states.cachedOptions, selectedOptions)) {\n          states.cachedOptions = selectedOptions\n        }\n      } else {\n        initStates(true)\n      }\n    })\n  }\n\n  const getValueIndex = (arr: unknown[] = [], value: unknown) => {\n    if (!isObject(value)) {\n      return arr.indexOf(value)\n    }\n    const valueKey = props.valueKey\n    let index = -1\n    arr.some((item, i) => {\n      if (get(item, valueKey) === get(value, valueKey)) {\n        index = i\n        return true\n      }\n      return false\n    })\n    return index\n  }\n\n  const getValueKey = (item: unknown) => {\n    return isObject(item) ? get(item, props.valueKey) : item\n  }\n\n  const handleResize = () => {\n    calculatePopperSize()\n  }\n\n  const onEndReached = (direction: ScrollbarDirection) => {\n    emit('end-reached', direction)\n  }\n\n  const resetCollapseItemWidth = () => {\n    states.collapseItemWidth =\n      collapseItemRef.value!.getBoundingClientRect().width\n  }\n\n  const updateTooltip = () => {\n    tooltipRef.value?.updatePopper?.()\n  }\n\n  const updateTagTooltip = () => {\n    tagTooltipRef.value?.updatePopper?.()\n  }\n\n  const onSelect = (option: Option) => {\n    const optionValue = getValue(option)\n\n    if (props.multiple) {\n      let selectedOptions = (props.modelValue as any[]).slice()\n\n      const index = getValueIndex(selectedOptions, optionValue)\n      if (index > -1) {\n        selectedOptions = [\n          ...selectedOptions.slice(0, index),\n          ...selectedOptions.slice(index + 1),\n        ]\n        states.cachedOptions.splice(index, 1)\n        removeNewOption(option)\n      } else if (\n        props.multipleLimit <= 0 ||\n        selectedOptions.length < props.multipleLimit\n      ) {\n        selectedOptions = [...selectedOptions, optionValue]\n        states.cachedOptions.push(option)\n        selectNewOption(option)\n      }\n      update(selectedOptions)\n      if (option.created) {\n        handleQueryChange('')\n      }\n      if (props.filterable && (option.created || !props.reserveKeyword)) {\n        states.inputValue = ''\n      }\n    } else {\n      states.selectedLabel = getLabel(option)\n      !isEqual(props.modelValue, optionValue) && update(optionValue)\n      expanded.value = false\n      selectNewOption(option)\n      if (!option.created) {\n        clearAllNewOption()\n      }\n    }\n    focus()\n  }\n\n  const deleteTag = (event: MouseEvent, option: Option) => {\n    let selectedOptions = (props.modelValue as any[]).slice()\n\n    const index = getValueIndex(selectedOptions, getValue(option))\n\n    if (index > -1 && !selectDisabled.value) {\n      selectedOptions = [\n        ...(props.modelValue as Array<unknown>).slice(0, index),\n        ...(props.modelValue as Array<unknown>).slice(index + 1),\n      ]\n      states.cachedOptions.splice(index, 1)\n      update(selectedOptions)\n      emit('remove-tag', getValue(option))\n      removeNewOption(option)\n    }\n    event.stopPropagation()\n    focus()\n  }\n\n  const focus = () => {\n    inputRef.value?.focus()\n  }\n\n  const blur = () => {\n    if (expanded.value) {\n      expanded.value = false\n      nextTick(() => inputRef.value?.blur())\n      return\n    }\n    inputRef.value?.blur()\n  }\n\n  // keyboard handlers\n  const handleEsc = () => {\n    if (states.inputValue.length > 0) {\n      states.inputValue = ''\n    } else {\n      expanded.value = false\n    }\n  }\n\n  const getLastNotDisabledIndex = (value: unknown[]) =>\n    findLastIndex(\n      value,\n      (it) =>\n        !states.cachedOptions.some(\n          (option) => getValue(option) === it && getDisabled(option)\n        )\n    )\n\n  const handleDel = (e: KeyboardEvent) => {\n    const code = getEventCode(e)\n    if (!props.multiple) return\n    if (code === EVENT_CODE.delete) return\n    if (states.inputValue.length === 0) {\n      e.preventDefault()\n      const selected = (props.modelValue as Array<any>).slice()\n      const lastNotDisabledIndex = getLastNotDisabledIndex(selected)\n      if (lastNotDisabledIndex < 0) return\n      const removeTagValue = selected[lastNotDisabledIndex]\n      selected.splice(lastNotDisabledIndex, 1)\n      const option = states.cachedOptions[lastNotDisabledIndex]\n      states.cachedOptions.splice(lastNotDisabledIndex, 1)\n      removeNewOption(option)\n      update(selected)\n      emit('remove-tag', removeTagValue)\n    }\n  }\n\n  const handleClear = () => {\n    let emptyValue: string | any[]\n    if (isArray(props.modelValue)) {\n      emptyValue = []\n    } else {\n      emptyValue = valueOnClear.value\n    }\n\n    states.selectedLabel = ''\n\n    expanded.value = false\n    update(emptyValue)\n    emit('clear')\n    clearAllNewOption()\n    focus()\n  }\n\n  const onKeyboardNavigate = (\n    direction: 'forward' | 'backward',\n    hoveringIndex: number | undefined = undefined\n  ): void => {\n    const options = filteredOptions.value\n    if (\n      !['forward', 'backward'].includes(direction) ||\n      selectDisabled.value ||\n      options.length <= 0 ||\n      optionsAllDisabled.value ||\n      isComposing.value\n    ) {\n      return\n    }\n    if (!expanded.value) {\n      return toggleMenu()\n    }\n    if (isUndefined(hoveringIndex)) {\n      hoveringIndex = states.hoveringIndex\n    }\n    let newIndex = -1\n    if (direction === 'forward') {\n      newIndex = hoveringIndex + 1\n      if (newIndex >= options.length) {\n        // return to the first option\n        newIndex = 0\n      }\n    } else if (direction === 'backward') {\n      newIndex = hoveringIndex - 1\n      if (newIndex < 0 || newIndex >= options.length) {\n        // navigate to the last one\n        newIndex = options.length - 1\n      }\n    }\n    const option = options[newIndex]\n    if (getDisabled(option) || option.type === 'Group') {\n      // prevent dispatching multiple nextTick callbacks.\n      return onKeyboardNavigate(direction, newIndex)\n    } else {\n      states.hoveringIndex = newIndex\n      scrollToItem(newIndex)\n    }\n  }\n\n  const onKeyboardSelect = () => {\n    if (!expanded.value) {\n      return toggleMenu()\n    } else if (\n      ~states.hoveringIndex &&\n      filteredOptions.value[states.hoveringIndex]\n    ) {\n      onSelect(filteredOptions.value[states.hoveringIndex])\n    }\n  }\n\n  const onHoverOption = (idx?: number) => {\n    states.hoveringIndex = idx ?? -1\n  }\n\n  const updateHoveringIndex = () => {\n    if (!props.multiple) {\n      states.hoveringIndex = filteredOptions.value.findIndex((item) => {\n        return getValueKey(getValue(item)) === getValueKey(props.modelValue)\n      })\n    } else {\n      const length = props.modelValue.length\n      if (length > 0) {\n        const lastValue = props.modelValue[length - 1]\n        states.hoveringIndex = filteredOptions.value.findIndex(\n          (item) => getValueKey(lastValue) === getValueKey(getValue(item))\n        )\n      } else {\n        states.hoveringIndex = -1\n      }\n    }\n  }\n\n  const onInput = (event: Event) => {\n    states.inputValue = (event.target as HTMLInputElement).value\n    if (props.remote) {\n      debouncing.value = true\n      debouncedOnInputChange()\n    } else {\n      return onInputChange()\n    }\n  }\n\n  const handleClickOutside = (event: Event) => {\n    expanded.value = false\n\n    if (isFocused.value) {\n      const _event = new FocusEvent('blur', event)\n      handleBlur(_event)\n    }\n  }\n\n  const handleMenuEnter = () => {\n    states.isBeforeHide = false\n    return nextTick(() => {\n      if (~indexRef.value) {\n        scrollToItem(indexRef.value)\n      }\n    })\n  }\n\n  const scrollToItem = (index: number) => {\n    menuRef.value!.scrollToItem(index)\n  }\n\n  const getOption = (value: unknown, cachedOptions?: Option[]) => {\n    // match the option with the given value, if not found, create a new option\n    const selectValue = getValueKey(value)\n\n    if (allOptionsValueMap.value.has(selectValue)) {\n      const { option } = allOptionsValueMap.value.get(selectValue)\n\n      return option\n    }\n    if (cachedOptions && cachedOptions.length) {\n      const option = cachedOptions.find(\n        (option) => getValueKey(getValue(option)) === selectValue\n      )\n      if (option) {\n        return option\n      }\n    }\n\n    return {\n      [aliasProps.value.value]: value,\n      [aliasProps.value.label]: value,\n    }\n  }\n\n  const getIndex = (option: Option) =>\n    allOptionsValueMap.value.get(getValue(option))?.index ?? -1\n\n  const initStates = (needUpdateSelectedLabel = false) => {\n    if (props.multiple) {\n      if ((props.modelValue as Array<any>).length > 0) {\n        const cachedOptions = states.cachedOptions.slice()\n        states.cachedOptions.length = 0\n        states.previousValue = props.modelValue.toString()\n\n        for (const value of props.modelValue) {\n          const option = getOption(value, cachedOptions)\n          states.cachedOptions.push(option)\n        }\n      } else {\n        states.cachedOptions = []\n        states.previousValue = undefined\n      }\n    } else {\n      if (hasModelValue.value) {\n        states.previousValue = props.modelValue\n        const options = filteredOptions.value\n        const selectedItemIndex = options.findIndex(\n          (option) =>\n            getValueKey(getValue(option)) === getValueKey(props.modelValue)\n        )\n        if (~selectedItemIndex) {\n          states.selectedLabel = getLabel(options[selectedItemIndex])\n        } else {\n          if (!states.selectedLabel || needUpdateSelectedLabel) {\n            states.selectedLabel = getValueKey(props.modelValue)\n          }\n        }\n      } else {\n        states.selectedLabel = ''\n        states.previousValue = undefined\n      }\n    }\n    clearAllNewOption()\n    calculatePopperSize()\n  }\n\n  watch(\n    () => props.fitInputWidth,\n    () => {\n      calculatePopperSize()\n    }\n  )\n\n  // in order to track these individually, we need to turn them into refs instead of watching the entire\n  // reactive object which could cause perf penalty when unnecessary field gets changed the watch method will\n  // be invoked.\n\n  watch(expanded, (val) => {\n    if (val) {\n      if (!props.persistent) {\n        calculatePopperSize()\n      }\n      handleQueryChange('')\n    } else {\n      states.inputValue = ''\n      states.previousQuery = null\n      states.isBeforeHide = true\n      states.menuVisibleOnFocus = false\n      createNewOption('')\n    }\n  })\n\n  watch(\n    () => props.modelValue,\n    (val, oldVal) => {\n      const isValEmpty = !val || (isArray(val) && val.length === 0)\n\n      if (\n        isValEmpty ||\n        (props.multiple && !isEqual(val.toString(), states.previousValue)) ||\n        (!props.multiple &&\n          getValueKey(val) !== getValueKey(states.previousValue))\n      ) {\n        initStates(true)\n      }\n      if (!isEqual(val, oldVal) && props.validateEvent) {\n        elFormItem?.validate?.('change').catch(NOOP)\n      }\n    },\n    {\n      deep: true,\n    }\n  )\n\n  watch(\n    () => props.options,\n    () => {\n      const input = inputRef.value\n      // filter or remote-search scenarios are not initialized\n      if (!input || (input && document.activeElement !== input)) {\n        initStates()\n      }\n    },\n    {\n      deep: true,\n      flush: 'post',\n    }\n  )\n\n  // fix the problem that scrollTop is not reset in filterable mode\n  watch(\n    () => filteredOptions.value,\n    () => {\n      calculatePopperSize()\n      return menuRef.value && nextTick(menuRef.value.resetScrollTop)\n    }\n  )\n\n  watchEffect(() => {\n    // Anything could cause options changed, then update options\n    // If you want to control it by condition, write here\n    if (states.isBeforeHide) return\n    updateOptions()\n  })\n\n  watchEffect(() => {\n    const { valueKey, options } = props\n    const duplicateValue = new Map()\n    for (const item of options) {\n      const optionValue = getValue(item)\n      let v = optionValue\n      if (isObject(v)) {\n        v = get(optionValue, valueKey)\n      }\n      if (duplicateValue.get(v)) {\n        debugWarn(\n          'ElSelectV2',\n          `The option values you provided seem to be duplicated, which may cause some problems, please check.`\n        )\n        break\n      } else {\n        duplicateValue.set(v, true)\n      }\n    }\n  })\n\n  onMounted(() => {\n    initStates()\n  })\n  useResizeObserver(selectRef, () => rAF(handleResize))\n  useResizeObserver(wrapperRef, updateTooltip)\n  useResizeObserver(tagMenuRef, updateTagTooltip)\n  useResizeObserver(collapseItemRef, resetCollapseItemWidth)\n\n  // #21498\n  let stop: (() => void) | undefined\n  watch(\n    () => dropdownMenuVisible.value,\n    (newVal) => {\n      if (newVal) {\n        stop = useResizeObserver(menuRef, updateTooltip).stop\n      } else {\n        stop?.()\n        stop = undefined\n      }\n      emit('visible-change', newVal)\n    }\n  )\n\n  return {\n    // data exports\n    inputId,\n    collapseTagSize,\n    currentPlaceholder,\n    expanded,\n    emptyText,\n    popupHeight,\n    debounce,\n    allOptions,\n    allOptionsValueMap,\n    filteredOptions,\n    iconComponent,\n    iconReverse,\n    tagStyle,\n    popperSize,\n    dropdownMenuVisible,\n    hasModelValue,\n    shouldShowPlaceholder,\n    selectDisabled,\n    selectSize,\n    needStatusIcon,\n    showClearBtn,\n    states,\n    isFocused,\n    nsSelect,\n    nsInput,\n\n    // refs items exports\n    inputRef,\n    menuRef,\n    tagMenuRef,\n    tooltipRef,\n    tagTooltipRef,\n    selectRef,\n    wrapperRef,\n    selectionRef,\n    prefixRef,\n    suffixRef,\n    collapseItemRef,\n\n    popperRef,\n\n    validateState,\n    validateIcon,\n    showTagList,\n    collapseTagList,\n\n    // methods exports\n    debouncedOnInputChange,\n    deleteTag,\n    getLabel,\n    getValue,\n    getDisabled,\n    getValueKey,\n    getIndex,\n    handleClear,\n    handleClickOutside,\n    handleDel,\n    handleEsc,\n    focus,\n    blur,\n    handleMenuEnter,\n    handleResize,\n    updateTooltip,\n    updateTagTooltip,\n    updateOptions,\n    toggleMenu,\n    scrollTo: scrollToItem,\n    onInput,\n    onKeyboardNavigate,\n    onKeyboardSelect,\n    onEndReached,\n    onSelect,\n    onHover: onHoverOption,\n    handleCompositionStart,\n    handleCompositionEnd,\n    handleCompositionUpdate,\n  }\n}\n\nexport default useSelect\n"],"mappings":"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"}

package/es/components/skeleton/src/skeleton.vue.d.ts

@@ -13,8 +13,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<SkeletonProps, {
   /** @description loading state */uiLoading: _$vue.Ref<boolean, boolean>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {
-  loading: boolean;
   rows: number;
+  loading: boolean;
   count: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/slider/src/slider.d.ts

@@ -25,13 +25,13 @@ declare const sliderProps: {
   readonly showInput: BooleanConstructor;
   readonly showInputControls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly inputSize: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/slider/src/slider.vue.d.ts

@@ -14,13 +14,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly showInput: BooleanConstructor;
   readonly showInputControls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly inputSize: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -78,8 +78,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>, {
   onSliderClick: (event: MouseEvent | TouchEvent) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: Arrayable<number>) => void;
   change: (value: Arrayable<number>) => void;
+  "update:modelValue": (value: Arrayable<number>) => void;
   input: (value: Arrayable<number>) => void;
 }, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly ariaLabel: StringConstructor;
@@ -91,13 +91,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly showInput: BooleanConstructor;
   readonly showInputControls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly inputSize: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -153,16 +153,16 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & Readonly<{
-  "onUpdate:modelValue"?: ((value: Arrayable<number>) => any) | undefined;
   onChange?: ((value: Arrayable<number>) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: Arrayable<number>) => any) | undefined;
   onInput?: ((value: Arrayable<number>) => any) | undefined;
 }>, {
-  readonly vertical: boolean;
-  readonly modelValue: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | (((new (...args: any[]) => number | number[]) | (() => Arrayable<number>)) | null)[], unknown, unknown>;
-  readonly range: boolean;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly vertical: boolean;
   readonly id: string;
+  readonly modelValue: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | (((new (...args: any[]) => number | number[]) | (() => Arrayable<number>)) | null)[], unknown, unknown>;
   readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly range: boolean;
   readonly placement: EpPropMergeType<StringConstructor, Placement, unknown>;
   readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly max: number;

package/es/components/space/src/space.d.ts

@@ -23,7 +23,7 @@ declare const spaceProps: {
   readonly fill: BooleanConstructor;
   readonly fillRatio: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "large" | "small", number | [number, number]>>;
+    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -49,7 +49,7 @@ declare const Space: _$vue.DefineComponent<ExtractPropTypes<{
   readonly fill: BooleanConstructor;
   readonly fillRatio: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "large" | "small", number | [number, number]>>;
+    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -77,15 +77,15 @@ declare const Space: _$vue.DefineComponent<ExtractPropTypes<{
   readonly fill: BooleanConstructor;
   readonly fillRatio: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "large" | "small", number | [number, number]>>;
+    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
-  readonly style: StyleValue;
-  readonly direction: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
   readonly fill: boolean;
+  readonly direction: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
+  readonly style: StyleValue;
   readonly wrap: boolean;
   readonly class: ClassValue;
   readonly alignment: EpPropMergeType<(new (...args: any[]) => string) | (() => _$csstype.Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => _$csstype.Property.AlignItems | undefined)) | null)[], unknown, unknown>;

package/es/components/splitter/src/splitter.vue.d.ts

@@ -8,13 +8,13 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<SplitterProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  collapse: (index: number, type: "end" | "start", sizes: number[]) => void;
   resize: (index: number, sizes: number[]) => void;
+  collapse: (index: number, type: "end" | "start", sizes: number[]) => void;
   resizeStart: (index: number, sizes: number[]) => void;
   resizeEnd: (index: number, sizes: number[]) => void;
 }, string, _$vue.PublicProps, Readonly<SplitterProps> & Readonly<{
-  onCollapse?: ((index: number, type: "end" | "start", sizes: number[]) => any) | undefined;
   onResize?: ((index: number, sizes: number[]) => any) | undefined;
+  onCollapse?: ((index: number, type: "end" | "start", sizes: number[]) => any) | undefined;
   onResizeStart?: ((index: number, sizes: number[]) => any) | undefined;
   onResizeEnd?: ((index: number, sizes: number[]) => any) | undefined;
 }>, {

package/es/components/steps/src/item.d.ts

@@ -37,7 +37,7 @@ declare const stepProps: {
     __epPropKey: true;
   };
   readonly description: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly status: EpPropFinalized<StringConstructor, "" | "wait" | "success" | "error" | "finish" | "process", unknown, "", boolean>;
+  readonly status: EpPropFinalized<StringConstructor, "" | "error" | "success" | "wait" | "finish" | "process", unknown, "", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `StepProps` instead.

package/es/components/steps/src/item.vue.d.ts

@@ -28,8 +28,8 @@ type __VLS_Slots = {} & {
   description?: (props: typeof __VLS_38) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<StepProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<StepProps> & Readonly<{}>, {
-  icon: IconPropType;
   title: string;
+  icon: IconPropType;
   description: string;
   status: "" | "wait" | "process" | "finish" | "error" | "success";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/es/components/steps/src/steps.d.ts

@@ -59,8 +59,8 @@ declare const stepsProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly finishStatus: EpPropFinalized<StringConstructor, "wait" | "success" | "error" | "finish" | "process", unknown, "finish", boolean>;
-  readonly processStatus: EpPropFinalized<StringConstructor, "wait" | "success" | "error" | "finish" | "process", unknown, "process", boolean>;
+  readonly finishStatus: EpPropFinalized<StringConstructor, "error" | "success" | "wait" | "finish" | "process", unknown, "finish", boolean>;
+  readonly processStatus: EpPropFinalized<StringConstructor, "error" | "success" | "wait" | "finish" | "process", unknown, "process", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `StepsProps` instead.

package/es/components/switch/src/switch.d.ts

@@ -97,7 +97,7 @@ declare const switchProps: {
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly loading: BooleanConstructor;
   readonly size: {
-    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "large" | "small") | (() => "" | "default" | "large" | "small") | (((new (...args: any[]) => "" | "default" | "large" | "small") | (() => "" | "default" | "large" | "small")) | null)[], unknown, "" | "default" | "large" | "small">>;
+    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => "" | "default" | "small" | "large") | (((new (...args: any[]) => "" | "default" | "small" | "large") | (() => "" | "default" | "small" | "large")) | null)[], unknown, "" | "default" | "small" | "large">>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/switch/src/switch.vue.d.ts

@@ -26,19 +26,19 @@ declare const __VLS_base: _$vue.DefineComponent<SwitchProps, {
    */
   checked: _$vue.ComputedRef<boolean>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: string | number | boolean) => void;
   change: (val: string | number | boolean) => void;
+  "update:modelValue": (val: string | number | boolean) => void;
   input: (val: string | number | boolean) => void;
 }, string, _$vue.PublicProps, Readonly<SwitchProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
   onChange?: ((val: string | number | boolean) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
   onInput?: ((val: string | number | boolean) => any) | undefined;
 }>, {
-  modelValue: boolean | string | number;
-  width: string | number;
   name: string;
   disabled: boolean;
+  modelValue: boolean | string | number;
   validateEvent: boolean;
+  width: string | number;
   activeText: string;
   inactiveText: string;
   activeValue: boolean | string | number;