element-pe 2.14.2-1 → 2.14.2-3

package/lib/components/select-v2/src/select.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.vue_vue_type_script_lang.js","names":[],"sources":["../../../../../../packages/components/select-v2/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelect.b(), nsSelect.is('table-input', selectTableInput), nsSelect.m(selectSize)]\"\n    @mouseenter=\"states.inputHovering = true\"\n    @mouseleave=\"states.inputHovering = false\"\n  >\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownMenuVisible\"\n      :teleported=\"teleported\"\n      :popper-class=\"[nsSelect.e('popper'), popperClass!]\"\n      :popper-style=\"popperStyle\"\n      :gpu-acceleration=\"false\"\n      :stop-popper-mouse-event=\"false\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"fallbackPlacements\"\n      :effect=\"effect\"\n      :placement=\"placement\"\n      pure\n      :transition=\"`${nsSelect.namespace.value}-zoom-in-top`\"\n      trigger=\"click\"\n      :persistent=\"persistent\"\n      :append-to=\"appendTo\"\n      :show-arrow=\"showArrow\"\n      :offset=\"offset\"\n      @before-show=\"handleMenuEnter\"\n      @hide=\"states.isBeforeHide = false\"\n    >\n      <template #default>\n        <div\n          ref=\"wrapperRef\"\n          :class=\"[\n            nsSelect.e('wrapper'),\n            selectViewMode ? 'view-mode-' + selectViewMode : '',\n            nsSelect.is('focused', isFocused),\n            nsSelect.is('hovering', states.inputHovering),\n            nsSelect.is('filterable', filterable),\n            nsSelect.is('disabled', selectDisabled),\n          ]\"\n          @click.prevent=\"toggleMenu\"\n        >\n          <div\n            v-if=\"$slots.prefix\"\n            ref=\"prefixRef\"\n            :class=\"nsSelect.e('prefix')\"\n          >\n            <slot name=\"prefix\" />\n          </div>\n          <div\n            ref=\"selectionRef\"\n            :class=\"[\n              nsSelect.e('selection'),\n              nsSelect.is(\n                'near',\n                multiple && !$slots.prefix && !!modelValue.length\n              ),\n            ]\"\n          >\n            <slot\n              v-if=\"multiple\"\n              name=\"tag\"\n              :data=\"states.cachedOptions\"\n              :delete-tag=\"deleteTag\"\n              :select-disabled=\"selectDisabled\"\n            >\n              <div\n                v-for=\"item in showTagList\"\n                :key=\"getValueKey(getValue(item))\"\n                :class=\"nsSelect.e('selected-item')\"\n              >\n                <el-tag\n                  :closable=\"!selectDisabled && !selectViewMode && !getDisabled(item)\"\n                  :size=\"collapseTagSize\"\n                  :type=\"tagType\"\n                  :effect=\"tagEffect\"\n                  disable-transitions\n                  :style=\"tagStyle\"\n                  @close=\"deleteTag($event, item)\"\n                >\n                  <span :class=\"nsSelect.e('tags-text')\">\n                    <slot\n                      name=\"label\"\n                      :index=\"getIndex(item)\"\n                      :label=\"getLabel(item)\"\n                      :value=\"getValue(item)\"\n                    >\n                      {{ getLabel(item) }}\n                    </slot>\n                  </span>\n                </el-tag>\n              </div>\n\n              <el-tooltip\n                v-if=\"\n                  collapseTags && states.cachedOptions.length > maxCollapseTags\n                \"\n                ref=\"tagTooltipRef\"\n                :disabled=\"dropdownMenuVisible || !collapseTagsTooltip\"\n                :fallback-placements=\"\n                  tagTooltip?.fallbackPlacements ?? [\n                    'bottom',\n                    'top',\n                    'right',\n                    'left',\n                  ]\n                \"\n                :effect=\"tagTooltip?.effect ?? effect\"\n                :placement=\"tagTooltip?.placement ?? 'bottom'\"\n                :popper-class=\"tagTooltip?.popperClass ?? popperClass\"\n                :popper-style=\"tagTooltip?.popperStyle ?? popperStyle\"\n                :teleported=\"tagTooltip?.teleported ?? teleported\"\n                :append-to=\"tagTooltip?.appendTo ?? appendTo\"\n                :popper-options=\"tagTooltip?.popperOptions ?? popperOptions\"\n                :transition=\"tagTooltip?.transition\"\n                :show-after=\"tagTooltip?.showAfter\"\n                :hide-after=\"tagTooltip?.hideAfter\"\n                :auto-close=\"tagTooltip?.autoClose\"\n                :offset=\"tagTooltip?.offset\"\n              >\n                <template #default>\n                  <div\n                    ref=\"collapseItemRef\"\n                    :class=\"nsSelect.e('selected-item')\"\n                  >\n                    <el-tag\n                      :closable=\"false\"\n                      :size=\"collapseTagSize\"\n                      :type=\"tagType\"\n                      :effect=\"tagEffect\"\n                      :style=\"collapseTagStyle\"\n                      disable-transitions\n                    >\n                      <span :class=\"nsSelect.e('tags-text')\">\n                        + {{ states.cachedOptions.length - maxCollapseTags }}\n                      </span>\n                    </el-tag>\n                  </div>\n                </template>\n                <template #content>\n                  <div ref=\"tagMenuRef\" :class=\"nsSelect.e('selection')\">\n                    <div\n                      v-for=\"selected in collapseTagList\"\n                      :key=\"getValueKey(getValue(selected))\"\n                      :class=\"nsSelect.e('selected-item')\"\n                    >\n                      <el-tag\n                        class=\"in-tooltip\"\n                        :closable=\"!selectDisabled && !selectViewMode && !getDisabled(selected)\"\n                        :size=\"collapseTagSize\"\n                        :type=\"tagType\"\n                        :effect=\"tagEffect\"\n                        disable-transitions\n                        @close=\"deleteTag($event, selected)\"\n                      >\n                        <span :class=\"nsSelect.e('tags-text')\">\n                          <slot\n                            name=\"label\"\n                            :index=\"getIndex(selected)\"\n                            :label=\"getLabel(selected)\"\n                            :value=\"getValue(selected)\"\n                          >\n                            {{ getLabel(selected) }}\n                          </slot>\n                        </span>\n                      </el-tag>\n                    </div>\n                  </div>\n                </template>\n              </el-tooltip>\n            </slot>\n            <div\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('input-wrapper'),\n                nsSelect.is(\n                  'hidden',\n                  !filterable ||\n                    selectDisabled ||\n                    (multiple && !states.inputValue && !isFocused)\n                ),\n              ]\"\n            >\n              <input\n                :id=\"inputId\"\n                ref=\"inputRef\"\n                :value=\"states.inputValue\"\n                :style=\"inputStyle\"\n                :autocomplete=\"autocomplete\"\n                :tabindex=\"tabindex\"\n                aria-autocomplete=\"none\"\n                aria-haspopup=\"listbox\"\n                autocapitalize=\"off\"\n                :aria-expanded=\"expanded\"\n                :aria-label=\"ariaLabel\"\n                :class=\"[nsSelect.e('input'), nsSelect.is(selectSize)]\"\n                :disabled=\"selectDisabled\"\n                role=\"combobox\"\n                :aria-controls=\"contentId\"\n                :aria-activedescendant=\"\n                  states.hoveringIndex >= 0\n                    ? `${contentId}-${states.hoveringIndex}`\n                    : ''\n                \"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                type=\"text\"\n                :name=\"name\"\n                @input=\"onInput\"\n                @change.stop\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @keydown.up.stop.prevent=\"onKeyboardNavigate('backward')\"\n                @keydown.down.stop.prevent=\"onKeyboardNavigate('forward')\"\n                @keydown.enter.stop.prevent=\"onKeyboardSelect\"\n                @keydown.esc.stop.prevent=\"handleEsc\"\n                @keydown.delete.stop=\"handleDel\"\n                @click.stop=\"toggleMenu\"\n              />\n              <span\n                v-if=\"filterable\"\n                ref=\"calculatorRef\"\n                aria-hidden=\"true\"\n                :class=\"nsSelect.e('input-calculator')\"\n                v-text=\"states.inputValue\"\n              />\n            </div>\n            <div\n              v-if=\"shouldShowPlaceholder\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('placeholder'),\n                nsSelect.is(\n                  'transparent',\n                  !hasModelValue || (expanded && !states.inputValue)\n                ),\n              ]\"\n            >\n              <slot\n                v-if=\"hasModelValue\"\n                name=\"label\"\n                :index=\"allOptionsValueMap.get(modelValue)?.index ?? -1\"\n                :label=\"currentPlaceholder\"\n                :value=\"modelValue\"\n              >\n                <span>{{ currentPlaceholder }}</span>\n              </slot>\n              <span v-else>{{ currentPlaceholder }}</span>\n            </div>\n          </div>\n          <div ref=\"suffixRef\" :class=\"nsSelect.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent\"\n              v-show=\"!showClearBtn\"\n              :class=\"[nsSelect.e('caret'), nsInput.e('icon'), iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[\n                nsSelect.e('caret'),\n                nsInput.e('icon'),\n                nsSelect.e('clear'),\n              ]\"\n              @click.prevent.stop=\"handleClear\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :class=\"[\n                nsInput.e('icon'),\n                nsInput.e('validateIcon'),\n                nsInput.is('loading', validateState === 'validating'),\n              ]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu\n          :id=\"contentId\"\n          ref=\"menuRef\"\n          :data=\"filteredOptions\"\n          :width=\"popperSize - BORDER_HORIZONTAL_WIDTH\"\n          :hovering-index=\"states.hoveringIndex\"\n          :scrollbar-always-on=\"scrollbarAlwaysOn\"\n          :aria-label=\"ariaLabel\"\n          @end-reached=\"onEndReached\"\n        >\n          <template v-if=\"$slots.header\" #header>\n            <div :class=\"nsSelect.be('dropdown', 'header')\" @click.stop>\n              <slot name=\"header\" />\n            </div>\n          </template>\n          <template #default=\"scope\">\n            <slot v-bind=\"scope\" />\n          </template>\n          <template v-if=\"$slots.loading && loading\" #loading>\n            <div :class=\"nsSelect.be('dropdown', 'loading')\">\n              <slot name=\"loading\" />\n            </div>\n          </template>\n          <template v-else-if=\"loading || filteredOptions.length === 0\" #empty>\n            <div :class=\"nsSelect.be('dropdown', 'empty')\">\n              <slot name=\"empty\">\n                <span>{{ emptyText }}</span>\n              </slot>\n            </div>\n          </template>\n          <template v-if=\"$slots.footer\" #footer>\n            <div :class=\"nsSelect.be('dropdown', 'footer')\" @click.stop>\n              <slot name=\"footer\" />\n            </div>\n          </template>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, provide, reactive, toRefs } from 'vue'\nimport { isArray } from '@element-plus/utils'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport { useCalcInputWidth, useId } from '@element-plus/hooks'\nimport ElSelectMenu from './select-dropdown'\nimport useSelect from './useSelect'\nimport { selectV2Emits, selectV2Props } from './defaults'\nimport { selectV2InjectionKey } from './token'\nimport { BORDER_HORIZONTAL_WIDTH } from '@element-plus/constants'\n\nexport default defineComponent({\n  name: 'ElSelectV2',\n  components: {\n    ElSelectMenu,\n    ElTag,\n    ElTooltip,\n    ElIcon,\n  },\n  directives: { ClickOutside },\n  props: selectV2Props,\n  emits: selectV2Emits,\n  setup(props, { emit }) {\n    const modelValue = computed(() => {\n      const { modelValue: rawModelValue, multiple } = props\n      const fallback = multiple ? [] : undefined\n      // When it is array, we check if this is multi-select.\n      // Based on the result we get\n      if (isArray(rawModelValue)) {\n        return multiple ? rawModelValue : fallback\n      }\n      return multiple ? fallback : rawModelValue\n    })\n\n    const API = useSelect(\n      reactive({\n        ...toRefs(props),\n        modelValue,\n      }),\n      emit\n    )\n    const { calculatorRef, inputStyle } = useCalcInputWidth()\n    const contentId = useId()\n\n    provide(selectV2InjectionKey, {\n      props: reactive({\n        ...toRefs(props),\n        height: API.popupHeight,\n        modelValue,\n      }),\n      expanded: API.expanded,\n      tooltipRef: API.tooltipRef,\n      contentId,\n      onSelect: API.onSelect,\n      onHover: API.onHover,\n      onKeyboardNavigate: API.onKeyboardNavigate,\n      onKeyboardSelect: API.onKeyboardSelect,\n    })\n\n    const selectedLabel = computed(() => {\n      if (!props.multiple) {\n        return API.states.selectedLabel\n      }\n      return API.states.cachedOptions.map((i) => API.getLabel(i) as string)\n    })\n\n    return {\n      ...API,\n      modelValue,\n      selectedLabel,\n      calculatorRef,\n      inputStyle,\n      contentId,\n      BORDER_HORIZONTAL_WIDTH,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;AAoVA,IAAA,2CAAA,GAAA,IAAA,gBAAA,CAA+B;CAC7B,MAAM;CACN,YAAY;EACV,cAAA,wBAAA;EACA,OAAA,gBAAA;EACA,WAAA,gBAAA;EACA,QAAA,gBAAA;CACF;CACA,YAAY,EAAE,cAAA,gBAAA,QAAa;CAC3B,OAAO,iBAAA;CACP,OAAO,iBAAA;CACP,MAAM,OAAO,EAAE,QAAQ;EACrB,MAAM,cAAA,GAAA,IAAA,SAAA,OAA4B;GAChC,MAAM,EAAE,YAAY,eAAe,aAAa;GAChD,MAAM,WAAW,WAAW,CAAC,IAAI,KAAA;GAGjC,KAAA,GAAA,YAAA,QAAA,CAAY,aAAa,GACvB,OAAO,WAAW,gBAAgB;GAEpC,OAAO,WAAW,WAAW;EAC/B,CAAC;EAED,MAAM,MAAM,kBAAA,SAAA,GAAA,IAAA,SAAA,CACD;GACP,IAAA,GAAA,IAAA,OAAA,CAAU,KAAK;GACf;EACF,CAAC,GACD,IACF;EACA,MAAM,EAAE,eAAe,eAAe,cAAA,kBAAkB;EACxD,MAAM,YAAY,gBAAA,MAAM;EAExB,CAAA,GAAA,IAAA,QAAA,CAAQ,cAAA,sBAAsB;GAC5B,QAAA,GAAA,IAAA,SAAA,CAAgB;IACd,IAAA,GAAA,IAAA,OAAA,CAAU,KAAK;IACf,QAAQ,IAAI;IACZ;GACF,CAAC;GACD,UAAU,IAAI;GACd,YAAY,IAAI;GAChB;GACA,UAAU,IAAI;GACd,SAAS,IAAI;GACb,oBAAoB,IAAI;GACxB,kBAAkB,IAAI;EACxB,CAAC;EAED,MAAM,iBAAA,GAAA,IAAA,SAAA,OAA+B;GACnC,IAAI,CAAC,MAAM,UACT,OAAO,IAAI,OAAO;GAEpB,OAAO,IAAI,OAAO,cAAc,KAAK,MAAM,IAAI,SAAS,CAAC,CAAW;EACtE,CAAC;EAED,OAAO;GACL,GAAG;GACH;GACA;GACA;GACA;GACA;GACA,yBAAA;EACF;CACF;AACF,CAAC"}
+{"version":3,"file":"select.vue_vue_type_script_lang.js","names":[],"sources":["../../../../../../packages/components/select-v2/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelect.b(), nsSelect.is('table-input', selectTableInput), nsSelect.m(selectSize)]\"\n    @mouseenter=\"states.inputHovering = true\"\n    @mouseleave=\"states.inputHovering = false\"\n  >\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownMenuVisible\"\n      :teleported=\"teleported\"\n      :popper-class=\"[nsSelect.e('popper'), popperClass!]\"\n      :popper-style=\"popperStyle\"\n      :gpu-acceleration=\"false\"\n      :stop-popper-mouse-event=\"false\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"fallbackPlacements\"\n      :effect=\"effect\"\n      :placement=\"placement\"\n      pure\n      :transition=\"`${nsSelect.namespace.value}-zoom-in-top`\"\n      trigger=\"click\"\n      :persistent=\"persistent\"\n      :append-to=\"appendTo\"\n      :show-arrow=\"showArrow\"\n      :offset=\"offset\"\n      @before-show=\"handleMenuEnter\"\n      @hide=\"states.isBeforeHide = false\"\n    >\n      <template #default>\n        <div\n          ref=\"wrapperRef\"\n          :class=\"[\n            nsSelect.e('wrapper'),\n            selectViewMode ? 'view-mode-' + selectViewMode : '',\n            nsSelect.is('focused', isFocused),\n            nsSelect.is('hovering', states.inputHovering),\n            nsSelect.is('filterable', filterable),\n            nsSelect.is('disabled', selectDisabled),\n          ]\"\n          @click.prevent=\"toggleMenu\"\n        >\n          <div\n            v-if=\"$slots.prefix\"\n            ref=\"prefixRef\"\n            :class=\"nsSelect.e('prefix')\"\n          >\n            <slot name=\"prefix\" />\n          </div>\n          <div\n            ref=\"selectionRef\"\n            :class=\"[\n              nsSelect.e('selection'),\n              nsSelect.is(\n                'near',\n                multiple && !$slots.prefix && !!modelValue.length\n              ),\n            ]\"\n          >\n            <slot\n              v-if=\"multiple\"\n              name=\"tag\"\n              :data=\"states.cachedOptions\"\n              :delete-tag=\"deleteTag\"\n              :select-disabled=\"selectDisabled\"\n            >\n              <div\n                v-for=\"item in showTagList\"\n                :key=\"getValueKey(getValue(item))\"\n                :class=\"nsSelect.e('selected-item')\"\n              >\n                <el-tag\n                  :closable=\"!selectDisabled && !selectViewMode && !getDisabled(item)\"\n                  :size=\"collapseTagSize\"\n                  :type=\"tagType\"\n                  :effect=\"tagEffect\"\n                  disable-transitions\n                  :style=\"tagStyle\"\n                  @close=\"deleteTag($event, item)\"\n                >\n                  <span :class=\"nsSelect.e('tags-text')\">\n                    <slot\n                      name=\"label\"\n                      :index=\"getIndex(item)\"\n                      :label=\"getLabel(item)\"\n                      :value=\"getValue(item)\"\n                    >\n                      {{ getLabel(item) }}\n                    </slot>\n                  </span>\n                </el-tag>\n              </div>\n\n              <el-tooltip\n                v-if=\"\n                  collapseTags && states.cachedOptions.length > maxCollapseTags\n                \"\n                ref=\"tagTooltipRef\"\n                :disabled=\"dropdownMenuVisible || !collapseTagsTooltip\"\n                :fallback-placements=\"\n                  tagTooltip?.fallbackPlacements ?? [\n                    'bottom',\n                    'top',\n                    'right',\n                    'left',\n                  ]\n                \"\n                :effect=\"tagTooltip?.effect ?? effect\"\n                :placement=\"tagTooltip?.placement ?? 'bottom'\"\n                :popper-class=\"tagTooltip?.popperClass ?? popperClass\"\n                :popper-style=\"tagTooltip?.popperStyle ?? popperStyle\"\n                :teleported=\"tagTooltip?.teleported ?? teleported\"\n                :append-to=\"tagTooltip?.appendTo ?? appendTo\"\n                :popper-options=\"tagTooltip?.popperOptions ?? popperOptions\"\n                :transition=\"tagTooltip?.transition\"\n                :show-after=\"tagTooltip?.showAfter\"\n                :hide-after=\"tagTooltip?.hideAfter\"\n                :auto-close=\"tagTooltip?.autoClose\"\n                :offset=\"tagTooltip?.offset\"\n              >\n                <template #default>\n                  <div\n                    ref=\"collapseItemRef\"\n                    :class=\"nsSelect.e('selected-item')\"\n                  >\n                    <el-tag\n                      :closable=\"false\"\n                      :size=\"collapseTagSize\"\n                      :type=\"tagType\"\n                      :effect=\"tagEffect\"\n                      :style=\"collapseTagStyle\"\n                      disable-transitions\n                    >\n                      <span :class=\"nsSelect.e('tags-text')\">\n                        + {{ states.cachedOptions.length - maxCollapseTags }}\n                      </span>\n                    </el-tag>\n                  </div>\n                </template>\n                <template #content>\n                  <div ref=\"tagMenuRef\" :class=\"nsSelect.e('selection')\">\n                    <div\n                      v-for=\"selected in collapseTagList\"\n                      :key=\"getValueKey(getValue(selected))\"\n                      :class=\"nsSelect.e('selected-item')\"\n                    >\n                      <el-tag\n                        class=\"in-tooltip\"\n                        :closable=\"!selectDisabled && !selectViewMode && !getDisabled(selected)\"\n                        :size=\"collapseTagSize\"\n                        :type=\"tagType\"\n                        :effect=\"tagEffect\"\n                        disable-transitions\n                        @close=\"deleteTag($event, selected)\"\n                      >\n                        <span :class=\"nsSelect.e('tags-text')\">\n                          <slot\n                            name=\"label\"\n                            :index=\"getIndex(selected)\"\n                            :label=\"getLabel(selected)\"\n                            :value=\"getValue(selected)\"\n                          >\n                            {{ getLabel(selected) }}\n                          </slot>\n                        </span>\n                      </el-tag>\n                    </div>\n                  </div>\n                </template>\n              </el-tooltip>\n            </slot>\n            <div\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('input-wrapper'),\n                nsSelect.is(\n                  'hidden',\n                  !filterable ||\n                    selectDisabled ||\n                    (multiple && !states.inputValue && !isFocused)\n                ),\n              ]\"\n            >\n              <input\n                :id=\"inputId\"\n                ref=\"inputRef\"\n                :value=\"states.inputValue\"\n                :style=\"inputStyle\"\n                :autocomplete=\"autocomplete\"\n                :tabindex=\"tabindex\"\n                aria-autocomplete=\"none\"\n                aria-haspopup=\"listbox\"\n                autocapitalize=\"off\"\n                :aria-expanded=\"expanded\"\n                :aria-label=\"ariaLabel\"\n                :class=\"[nsSelect.e('input'), nsSelect.is(selectSize)]\"\n                :disabled=\"selectDisabled\"\n                role=\"combobox\"\n                :aria-controls=\"contentId\"\n                :aria-activedescendant=\"\n                  states.hoveringIndex >= 0\n                    ? `${contentId}-${states.hoveringIndex}`\n                    : ''\n                \"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                type=\"text\"\n                :name=\"name\"\n                @input=\"onInput\"\n                @change.stop\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @keydown.up.stop.prevent=\"onKeyboardNavigate('backward')\"\n                @keydown.down.stop.prevent=\"onKeyboardNavigate('forward')\"\n                @keydown.enter.stop.prevent=\"onKeyboardSelect\"\n                @keydown.esc.stop.prevent=\"handleEsc\"\n                @keydown.delete.stop=\"handleDel\"\n                @click.stop=\"toggleMenu\"\n              />\n              <span\n                v-if=\"filterable\"\n                ref=\"calculatorRef\"\n                aria-hidden=\"true\"\n                :class=\"nsSelect.e('input-calculator')\"\n                v-text=\"states.inputValue\"\n              />\n            </div>\n            <div\n              v-if=\"shouldShowPlaceholder\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('placeholder'),\n                nsSelect.is(\n                  'transparent',\n                  !hasModelValue || (expanded && !states.inputValue)\n                ),\n              ]\"\n            >\n              <slot\n                v-if=\"hasModelValue\"\n                name=\"label\"\n                :index=\"allOptionsValueMap.get(modelValue)?.index ?? -1\"\n                :label=\"currentPlaceholder\"\n                :value=\"modelValue\"\n              >\n                <span>{{ currentPlaceholder }}</span>\n              </slot>\n              <span v-else>{{ currentPlaceholder }}</span>\n            </div>\n          </div>\n          <div ref=\"suffixRef\" :class=\"nsSelect.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent\"\n              v-show=\"!showClearBtn\"\n              :class=\"[nsSelect.e('caret'), nsInput.e('icon'), iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[\n                nsSelect.e('caret'),\n                nsInput.e('icon'),\n                nsSelect.e('clear'),\n              ]\"\n              @click.prevent.stop=\"handleClear\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :class=\"[\n                nsInput.e('icon'),\n                nsInput.e('validateIcon'),\n                nsInput.is('loading', validateState === 'validating'),\n              ]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu\n          :id=\"contentId\"\n          ref=\"menuRef\"\n          :data=\"filteredOptions\"\n          :width=\"popperSize - BORDER_HORIZONTAL_WIDTH\"\n          :hovering-index=\"states.hoveringIndex\"\n          :scrollbar-always-on=\"scrollbarAlwaysOn\"\n          :aria-label=\"ariaLabel\"\n          @end-reached=\"onEndReached\"\n        >\n          <template v-if=\"$slots.header\" #header>\n            <div :class=\"nsSelect.be('dropdown', 'header')\" @click.stop>\n              <slot name=\"header\" />\n            </div>\n          </template>\n          <template #default=\"scope\">\n            <slot v-bind=\"scope\" />\n          </template>\n          <template v-if=\"$slots.loading && loading\" #loading>\n            <div :class=\"nsSelect.be('dropdown', 'loading')\">\n              <slot name=\"loading\" />\n            </div>\n          </template>\n          <template v-else-if=\"loading || filteredOptions.length === 0\" #empty>\n            <div :class=\"nsSelect.be('dropdown', 'empty')\">\n              <slot name=\"empty\">\n                <span>{{ emptyText }}</span>\n              </slot>\n            </div>\n          </template>\n          <template v-if=\"$slots.footer\" #footer>\n            <div :class=\"nsSelect.be('dropdown', 'footer')\" @click.stop>\n              <slot name=\"footer\" />\n            </div>\n          </template>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, provide, reactive, toRefs } from 'vue'\nimport { isArray } from '@element-plus/utils'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport { useCalcInputWidth, useId } from '@element-plus/hooks'\nimport ElSelectMenu from './select-dropdown'\nimport useSelect from './useSelect'\nimport { selectV2Emits, selectV2Props } from './defaults'\nimport { selectV2InjectionKey } from './token'\nimport { BORDER_HORIZONTAL_WIDTH } from '@element-plus/constants'\n\nexport default defineComponent({\n  name: 'ElSelectV2',\n  components: {\n    ElSelectMenu,\n    ElTag,\n    ElTooltip,\n    ElIcon,\n  },\n  directives: { ClickOutside },\n  props: selectV2Props,\n  emits: selectV2Emits,\n  setup(props, { emit }) {\n    const modelValue = computed(() => {\n      const { modelValue: rawModelValue, multiple } = props\n      const fallback = multiple ? [] : undefined\n      // When it is array, we check if this is multi-select.\n      // Based on the result we get\n      if (isArray(rawModelValue)) {\n        return multiple ? rawModelValue : fallback\n      }\n      return multiple ? fallback : rawModelValue\n    })\n\n    const API = useSelect(\n      reactive({\n        ...toRefs(props),\n        modelValue,\n      }),\n      emit\n    )\n    const { calculatorRef, inputStyle } = useCalcInputWidth()\n    const contentId = useId()\n\n    provide(selectV2InjectionKey, {\n      props: reactive({\n        ...toRefs(props),\n        height: API.popupHeight,\n        modelValue,\n      }),\n      expanded: API.expanded,\n      tooltipRef: API.tooltipRef,\n      contentId,\n      onSelect: API.onSelect,\n      onHover: API.onHover,\n      onKeyboardNavigate: API.onKeyboardNavigate,\n      onKeyboardSelect: API.onKeyboardSelect,\n    })\n\n    const selectedLabel = computed(() => {\n      if (!props.multiple) {\n        return API.states.selectedLabel\n      }\n      return API.states.cachedOptions.map((i) => API.getLabel(i) as string)\n    })\n\n    return {\n      ...API,\n      modelValue,\n      selectedLabel,\n      calculatorRef,\n      inputStyle,\n      contentId,\n      BORDER_HORIZONTAL_WIDTH,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;AAoVA,IAAA,2CAAA,GAAA,IAAA,gBAAA,CAA+B;CAC7B,MAAM;CACN,YAAY;EACV,cAAA,wBAAA;EACA,OAAA,gBAAA;EACA,WAAA,gBAAA;EACA,QAAA,gBAAA;CACF;CACA,YAAY,EAAE,cAAA,cAAA,QAAa;CAC3B,OAAO,iBAAA;CACP,OAAO,iBAAA;CACP,MAAM,OAAO,EAAE,QAAQ;EACrB,MAAM,cAAA,GAAA,IAAA,SAAA,OAA4B;GAChC,MAAM,EAAE,YAAY,eAAe,aAAa;GAChD,MAAM,WAAW,WAAW,CAAC,IAAI,KAAA;GAGjC,KAAA,GAAA,YAAA,QAAA,CAAY,aAAa,GACvB,OAAO,WAAW,gBAAgB;GAEpC,OAAO,WAAW,WAAW;EAC/B,CAAC;EAED,MAAM,MAAM,kBAAA,SAAA,GAAA,IAAA,SAAA,CACD;GACP,IAAA,GAAA,IAAA,OAAA,CAAU,KAAK;GACf;EACF,CAAC,GACD,IACF;EACA,MAAM,EAAE,eAAe,eAAe,gBAAA,kBAAkB;EACxD,MAAM,YAAY,gBAAA,MAAM;EAExB,CAAA,GAAA,IAAA,QAAA,CAAQ,cAAA,sBAAsB;GAC5B,QAAA,GAAA,IAAA,SAAA,CAAgB;IACd,IAAA,GAAA,IAAA,OAAA,CAAU,KAAK;IACf,QAAQ,IAAI;IACZ;GACF,CAAC;GACD,UAAU,IAAI;GACd,YAAY,IAAI;GAChB;GACA,UAAU,IAAI;GACd,SAAS,IAAI;GACb,oBAAoB,IAAI;GACxB,kBAAkB,IAAI;EACxB,CAAC;EAED,MAAM,iBAAA,GAAA,IAAA,SAAA,OAA+B;GACnC,IAAI,CAAC,MAAM,UACT,OAAO,IAAI,OAAO;GAEpB,OAAO,IAAI,OAAO,cAAc,KAAK,MAAM,IAAI,SAAS,CAAC,CAAW;EACtE,CAAC;EAED,OAAO;GACL,GAAG;GACH;GACA;GACA;GACA;GACA;GACA,yBAAA;EACF;CACF;AACF,CAAC"}

package/lib/components/select-v2/src/useSelect.d.ts

@@ -94,7 +94,7 @@ declare const useSelect: (props: SelectV2Props, emit: SelectV2EmitFn) => {
   suffixRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
   collapseItemRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
   popperRef: import("vue").ComputedRef<HTMLElement | undefined>;
-  validateState: import("vue").ComputedRef<"" | "error" | "success" | "validating">;
+  validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
   validateIcon: import("vue").ComputedRef<import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | undefined>;
   showTagList: import("vue").ComputedRef<Option[]>;
   collapseTagList: import("vue").ComputedRef<Option[]>;

package/lib/components/skeleton/src/skeleton-item.d.ts

@@ -13,7 +13,7 @@ interface SkeletonItemProps {
  * @deprecated Removed after 3.0.0, Use `SkeletonItemProps` instead.
  */
 declare const skeletonItemProps: {
-  readonly variant: EpPropFinalized<StringConstructor, "button" | "caption" | "h1" | "h3" | "p" | "text" | "circle" | "image" | "rect", unknown, "text", boolean>;
+  readonly variant: EpPropFinalized<StringConstructor, "text" | "button" | "circle" | "caption" | "image" | "h1" | "h3" | "p" | "rect", unknown, "text", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `SkeletonItemProps` instead.

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

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

package/lib/components/slider/src/button.vue.d.ts

@@ -22,9 +22,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
+  readonly modelValue: number;
   readonly vertical: boolean;
   readonly placement: EpPropMergeType<StringConstructor, Placement, unknown>;
-  readonly modelValue: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -82,8 +82,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>, {
   onSliderClick: (event: MouseEvent | TouchEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  change: (value: Arrayable<number>) => void;
   "update:modelValue": (value: Arrayable<number>) => void;
+  change: (value: Arrayable<number>) => void;
   input: (value: Arrayable<number>) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   readonly ariaLabel: StringConstructor;
@@ -163,21 +163,21 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & Readonly<{
-  onInput?: ((value: Arrayable<number>) => any) | undefined;
-  onChange?: ((value: Arrayable<number>) => any) | undefined;
   "onUpdate:modelValue"?: ((value: Arrayable<number>) => any) | undefined;
+  onChange?: ((value: Arrayable<number>) => any) | undefined;
+  onInput?: ((value: Arrayable<number>) => any) | undefined;
 }>, {
-  readonly vertical: boolean;
-  readonly range: boolean;
+  readonly id: string;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly placement: EpPropMergeType<StringConstructor, Placement, unknown>;
   readonly modelValue: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | (((new (...args: any[]) => number | number[]) | (() => Arrayable<number>)) | null)[], unknown, unknown>;
-  readonly id: string;
   readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly vertical: boolean;
+  readonly range: boolean;
+  readonly placement: EpPropMergeType<StringConstructor, Placement, unknown>;
   readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly max: number;
-  readonly step: EpPropMergeType<(new (...args: any[]) => number | "mark") | (() => number | "mark") | (((new (...args: any[]) => number | "mark") | (() => number | "mark")) | null)[], unknown, unknown>;
   readonly min: number;
+  readonly step: EpPropMergeType<(new (...args: any[]) => number | "mark") | (() => number | "mark") | (((new (...args: any[]) => number | "mark") | (() => number | "mark")) | null)[], unknown, unknown>;
   readonly showInputControls: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showTooltip: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly formatTooltip: (val: number) => number | string;

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

@@ -81,15 +81,15 @@ declare const Space: import("vue").DefineComponent<ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
+  readonly fill: boolean;
   readonly style: StyleValue;
+  readonly wrap: boolean;
   readonly direction: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
-  readonly fill: boolean;
   readonly class: EpPropMergeType<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown>;
-  readonly wrap: boolean;
+  readonly alignment: EpPropMergeType<(new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined)) | null)[], unknown, unknown>;
   readonly spacer: EpPropMergeType<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
   }>>;
-  readonly alignment: EpPropMergeType<(new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => import("csstype").Property.AlignItems | undefined)) | null)[], unknown, unknown>;
   readonly fillRatio: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type SpaceInstance = InstanceType<typeof Space> & unknown;

package/lib/components/statistic/src/statistic.vue.d.ts

@@ -16,10 +16,10 @@ declare const __VLS_base: import("vue").DefineComponent<StatisticProps, {
   displayValue: import("vue").ComputedRef<string | number | import("dayjs").Dayjs>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StatisticProps> & Readonly<{}>, {
   value: number | import("dayjs").Dayjs;
-  valueStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+  precision: number;
   decimalSeparator: string;
   groupSeparator: string;
-  precision: number;
+  valueStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

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

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

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

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

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

package/lib/components/steps/src/steps.vue.d.ts

@@ -9,9 +9,9 @@ declare const __VLS_base: import("vue").DefineComponent<StepsProps, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<StepsProps> & Readonly<{
   onChange?: ((newVal: number, oldVal: number) => any) | undefined;
 }>, {
-  direction: "horizontal" | "vertical";
   space: number | string;
   active: number;
+  direction: "horizontal" | "vertical";
   finishStatus: StepsStatus;
   processStatus: StepsStatus;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

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

package/lib/components/table/src/filter-panel.vue.d.ts

@@ -104,19 +104,19 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }, {}, {
   ElCheckbox: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<CheckboxProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-      change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
+      change: (val: CheckboxValueType) => void;
     }, import("vue").PublicProps, {
       name: string;
-      label: string | boolean | number | object;
+      id: string;
       disabled: boolean;
-      value: string | boolean | number | object;
       modelValue: number | string | boolean;
-      id: string;
       validateEvent: boolean;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -129,16 +129,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
       M: {};
       Defaults: {};
     }, Readonly<CheckboxProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
       name: string;
-      label: string | boolean | number | object;
+      id: string;
       disabled: boolean;
-      value: string | boolean | number | object;
       modelValue: number | string | boolean;
-      id: string;
       validateEvent: boolean;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -148,19 +148,19 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     __isTeleport?: never;
     __isSuspense?: never;
   } & import("vue").ComponentOptionsBase<Readonly<CheckboxProps> & Readonly<{
-    onChange?: ((val: CheckboxValueType) => any) | undefined;
     "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+    onChange?: ((val: CheckboxValueType) => any) | undefined;
   }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (val: CheckboxValueType) => void;
     "update:modelValue": (val: CheckboxValueType) => void;
+    change: (val: CheckboxValueType) => void;
   }, string, {
     name: string;
-    label: string | boolean | number | object;
+    id: string;
     disabled: boolean;
-    value: string | boolean | number | object;
     modelValue: number | string | boolean;
-    id: string;
     validateEvent: boolean;
+    value: string | boolean | number | object;
+    label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
@@ -197,11 +197,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
   };
   ElCheckboxGroup: SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<CheckboxGroupProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType[]) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType[]) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-      change: (val: CheckboxValueType[]) => void;
       "update:modelValue": (val: CheckboxGroupValueType) => void;
+      change: (val: CheckboxValueType[]) => void;
     }, import("vue").PublicProps, {
       type: "checkbox" | "button";
       props: {
@@ -210,9 +210,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         disabled?: string;
       };
       disabled: boolean;
-      tag: string;
       modelValue: CheckboxGroupValueType;
       validateEvent: boolean;
+      tag: string;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
       P: {};
       B: {};
@@ -221,8 +221,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
       M: {};
       Defaults: {};
     }, Readonly<CheckboxGroupProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType[]) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
       type: "checkbox" | "button";
       props: {
@@ -231,19 +231,19 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         disabled?: string;
       };
       disabled: boolean;
-      tag: string;
       modelValue: CheckboxGroupValueType;
       validateEvent: boolean;
+      tag: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
   } & import("vue").ComponentOptionsBase<Readonly<CheckboxGroupProps> & Readonly<{
-    onChange?: ((val: CheckboxValueType[]) => any) | undefined;
     "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
+    onChange?: ((val: CheckboxValueType[]) => any) | undefined;
   }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (val: CheckboxValueType[]) => void;
     "update:modelValue": (val: CheckboxGroupValueType) => void;
+    change: (val: CheckboxValueType[]) => void;
   }, string, {
     type: "checkbox" | "button";
     props: {
@@ -252,9 +252,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
       disabled?: string;
     };
     disabled: boolean;
-    tag: string;
     modelValue: CheckboxGroupValueType;
     validateEvent: boolean;
+    tag: string;
   }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
       default?: (props: {}) => any;
@@ -284,10 +284,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
       }) => void;
       "end-reached": (direction: ScrollbarDirection) => void;
     }, import("vue").PublicProps, {
+      tabindex: number | string;
       height: number | string;
       maxHeight: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
-      tabindex: number | string;
       distance: number;
       wrapStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
       wrapClass: string | string[];
@@ -318,10 +318,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
       setScrollLeft: (value: number) => void;
       handleScroll: () => void;
     }, {}, {}, {}, {
+      tabindex: number | string;
       height: number | string;
       maxHeight: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
-      tabindex: number | string;
       distance: number;
       wrapStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
       wrapClass: string | string[];
@@ -355,10 +355,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     }) => void;
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
+    tabindex: number | string;
     height: number | string;
     maxHeight: number | string;
     tag: keyof HTMLElementTagNameMap | (string & {});
-    tabindex: number | string;
     distance: number;
     wrapStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
     wrapClass: string | string[];
@@ -396,31 +396,31 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
     }, import("vue").PublicProps, {
-      style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
-      role: typeof roleTypes[number];
-      visible: boolean | null;
-      content: string;
       offset: number;
-      showAfter: number;
-      hideAfter: number;
-      autoClose: number;
-      placement: Placement;
-      strategy: "absolute" | "fixed";
-      effect: PopperEffect;
       teleported: boolean;
-      boundariesPadding: number;
-      gpuAcceleration: boolean;
-      popperOptions: Partial<Options>;
-      arrowOffset: number;
+      effect: PopperEffect;
+      visible: boolean | null;
+      content: string;
+      style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
       enterable: boolean;
-      popperStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
-      stopPopperMouseEvent: boolean;
-      loop: boolean;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
+      popperStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+      stopPopperMouseEvent: boolean;
       virtualTriggering: boolean;
+      loop: boolean;
+      boundariesPadding: number;
+      gpuAcceleration: boolean;
+      placement: Placement;
+      popperOptions: Partial<Options>;
+      strategy: "fixed" | "absolute";
+      arrowOffset: number;
       showArrow: boolean;
+      role: typeof roleTypes[number];
+      showAfter: number;
+      hideAfter: number;
+      autoClose: number;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -447,31 +447,31 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
-      style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
-      role: typeof roleTypes[number];
-      visible: boolean | null;
-      content: string;
       offset: number;
-      showAfter: number;
-      hideAfter: number;
-      autoClose: number;
-      placement: Placement;
-      strategy: "absolute" | "fixed";
-      effect: PopperEffect;
       teleported: boolean;
-      boundariesPadding: number;
-      gpuAcceleration: boolean;
-      popperOptions: Partial<Options>;
-      arrowOffset: number;
+      effect: PopperEffect;
+      visible: boolean | null;
+      content: string;
+      style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
       enterable: boolean;
-      popperStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
-      stopPopperMouseEvent: boolean;
-      loop: boolean;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
+      popperStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+      stopPopperMouseEvent: boolean;
       virtualTriggering: boolean;
+      loop: boolean;
+      boundariesPadding: number;
+      gpuAcceleration: boolean;
+      placement: Placement;
+      popperOptions: Partial<Options>;
+      strategy: "fixed" | "absolute";
+      arrowOffset: number;
       showArrow: boolean;
+      role: typeof roleTypes[number];
+      showAfter: number;
+      hideAfter: number;
+      autoClose: number;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }>;
@@ -503,31 +503,31 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
   }, string, {
-    style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
-    role: typeof roleTypes[number];
-    visible: boolean | null;
-    content: string;
     offset: number;
-    showAfter: number;
-    hideAfter: number;
-    autoClose: number;
-    placement: Placement;
-    strategy: "absolute" | "fixed";
-    effect: PopperEffect;
     teleported: boolean;
-    boundariesPadding: number;
-    gpuAcceleration: boolean;
-    popperOptions: Partial<Options>;
-    arrowOffset: number;
+    effect: PopperEffect;
+    visible: boolean | null;
+    content: string;
+    style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
     enterable: boolean;
-    popperStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
-    stopPopperMouseEvent: boolean;
-    loop: boolean;
     pure: boolean;
     focusOnShow: boolean;
     trapping: boolean;
+    popperStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    stopPopperMouseEvent: boolean;
     virtualTriggering: boolean;
+    loop: boolean;
+    boundariesPadding: number;
+    gpuAcceleration: boolean;
+    placement: Placement;
+    popperOptions: Partial<Options>;
+    strategy: "fixed" | "absolute";
+    arrowOffset: number;
     showArrow: boolean;
+    role: typeof roleTypes[number];
+    showAfter: number;
+    hideAfter: number;
+    autoClose: number;
     trigger: Arrayable<TooltipTriggerType>;
     triggerKeys: string[];
   }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/lib/components/table/src/table/defaults.d.ts

@@ -355,15 +355,15 @@ declare const tableProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  width: (NumberConstructor | StringConstructor)[];
+  width: (StringConstructor | NumberConstructor)[];
   /**
    * @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles
    */
-  height: (NumberConstructor | StringConstructor)[];
+  height: (StringConstructor | NumberConstructor)[];
   /**
    * @description table's max-height. The legal value is a number or the height in px
    */
-  maxHeight: (NumberConstructor | StringConstructor)[];
+  maxHeight: (StringConstructor | NumberConstructor)[];
   /**
    * @description whether width of column automatically fits its container
    */
@@ -441,7 +441,7 @@ declare const tableProps: {
   /**
    * @description key of current row, a set only prop
    */
-  currentRowKey: (NumberConstructor | StringConstructor)[];
+  currentRowKey: (StringConstructor | NumberConstructor)[];
   /**
    * @description displayed text when data is empty. You can customize this area with `#empty`
    */
@@ -545,7 +545,7 @@ declare const tableProps: {
   tooltipFormatter: PropType<TableProps<any>["tooltipFormatter"]>;
   appendFilterPanelTo: StringConstructor;
   scrollbarTabindex: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**