element-plus 2.0.2 → 2.0.3

package/es/components/select-v2/src/option-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"option-item.mjs","sources":["../../../../../../packages/components/select-v2/src/option-item.vue"],"sourcesContent":["<template>\n  <li\n    :aria-selected=\"selected\"\n    :style=\"style\"\n    :class=\"[\n      ns.be('dropdown', 'option-item'),\n      ns.is('selected', selected),\n      ns.is('disabled', disabled),\n      ns.is('created', created),\n      { hover: hovering },\n    ]\"\n    @mouseenter=\"hoverItem\"\n    @click.stop=\"selectOptionClick\"\n  >\n    <slot :item=\"item\" :index=\"index\" :disabled=\"disabled\">\n      <span>{{ item.label }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport { OptionProps } from './defaults'\n\nexport default defineComponent({\n  props: OptionProps,\n  emits: ['select', 'hover'],\n  setup(props, { emit }) {\n    const ns = useNamespace('select')\n    const { hoverItem, selectOptionClick } = useOption(props, { emit })\n    return {\n      ns,\n      hoverItem,\n      selectOptionClick,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeStyle","_normalizeClass"],"mappings":";;;;;;;AA0BA,MAAK,YAAa,gBAAa;AAAA,EAC7B,OAAO;AAAA,EACP,OAAO,CAAC,UAAU;AAAA,EAClB,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAK,aAAa;AACxB,UAAM,EAAE,WAAW,sBAAsB,UAAU,OAAO,EAAE;AAC5D,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;2BAlCJ,wBAgBK;SAfFA,aAAeC,mBAAQ;AAAA,IACvB,iBAAK;AAAA,IACL,OAAKC;AAAA,WAAUC,eAAK;AAAA,MAAmC,QAAG,GAAE,YAAa;AAAA,MAAiB,QAAG,GAAE,YAAa;AAAA,MAAiB,QAAG,GAAE,YAAY;AAAA,iBAAyB,WAAQ;AAAA;;IAQ/K,cAAK,yDAAO;AAAA;KAEb;AAAA,eAAa,KAAI;AAAA,MAAG,MAAK,KAAE;AAAA,MAAQ,YAAU;AAAA,gBAEtC;AAAA,OADL;AAAA;;;;;;;;"}
+{"version":3,"file":"option-item.mjs","sources":["../../../../../../packages/components/select-v2/src/option-item.vue"],"sourcesContent":["<template>\n  <li\n    :aria-selected=\"selected\"\n    :style=\"style\"\n    :class=\"[\n      ns.be('dropdown', 'option-item'),\n      ns.is('selected', selected),\n      ns.is('disabled', disabled),\n      ns.is('created', created),\n      { hover: hovering },\n    ]\"\n    @mouseenter=\"hoverItem\"\n    @click.stop=\"selectOptionClick\"\n  >\n    <slot :item=\"item\" :index=\"index\" :disabled=\"disabled\">\n      <span>{{ item.label }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport { OptionProps } from './defaults'\n\nexport default defineComponent({\n  props: OptionProps,\n  emits: ['select', 'hover'],\n  setup(props, { emit }) {\n    const ns = useNamespace('select')\n    const { hoverItem, selectOptionClick } = useOption(props, { emit })\n    return {\n      ns,\n      hoverItem,\n      selectOptionClick,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeStyle","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":";;;;;;;AA0BA,MAAK,YAAa,gBAAa;AAAA,EAC7B,OAAO;AAAA,EACP,OAAO,CAAC,UAAU;AAAA,EAClB,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAK,aAAa;AACxB,UAAM,EAAE,WAAW,sBAAsB,UAAU,OAAO,EAAE;AAC5D,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;sBAlCJA,mBAgBK;AAAA,IAfF,iBAAe;AAAA,IACf,OAAKC,eAAE;AAAA,IACP,OAAKC;AAAA,MAAU,QAAG,GAAE;AAAA,MAAmC,QAAG,GAAE,YAAa;AAAA,MAAiB,QAAG,GAAE,YAAa;AAAA,MAAiB,QAAG,GAAE,WAAY;AAAA,eAAyB;AAAA;AAAA,IAOvK,cAAU,uCAAE;AAAA,IACZ,SAAK,qDAAO,2DAAiB;AAAA;IAE9BC,WAEO;AAAA,MAFA,MAAM;AAAA,MAAO,OAAO;AAAA,MAAQ,UAAU;AAAA,OAA7C,MAEO;AAAA,MADLC,mBAA6B,8BAApB,UAAK,QAAK;AAAA;AAAA;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"select.mjs","sources":["../../../../../../packages/components/select-v2/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelectV2.b(), nsSelectV2.m(selectSize)]\"\n    @click.stop=\"toggleMenu\"\n    @mouseenter=\"states.comboBoxHovering = true\"\n    @mouseleave=\"states.comboBoxHovering = false\"\n  >\n    <el-tooltip\n      ref=\"popper\"\n      v-model:visible=\"dropdownMenuVisible\"\n      :teleported=\"compatTeleported\"\n      :popper-class=\"[nsSelectV2.e('popper'), popperClass]\"\n      :gpu-acceleration=\"false\"\n      :stop-popper-mouse-event=\"false\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"['bottom-start', 'top-start', 'right', 'left']\"\n      :effect=\"effect\"\n      placement=\"bottom-start\"\n      pure\n      :transition=\"`${nsSelectV2.namespace.value}-zoom-in-top`\"\n      trigger=\"click\"\n      persistent\n      @show=\"handleMenuEnter\"\n      @hide=\"states.inputValue = states.displayInputValue\"\n    >\n      <template #default>\n        <div\n          ref=\"selectionRef\"\n          :class=\"[\n            nsSelectV2.e('wrapper'),\n            nsSelectV2.is('focused', states.isComposing),\n            nsSelectV2.is('hovering', states.comboBoxHovering),\n            nsSelectV2.is('filterable', filterable),\n            nsSelectV2.is('disabled', disabled),\n          ]\"\n        >\n          <div v-if=\"$slots.prefix\">\n            <slot name=\"prefix\"></slot>\n          </div>\n          <div v-if=\"multiple\" :class=\"nsSelectV2.e('selection')\">\n            <template v-if=\"collapseTags && modelValue.length > 0\">\n              <div :class=\"nsSelectV2.e('selected-item')\">\n                <el-tag\n                  :closable=\"\n                    !selectDisabled && !states.cachedOptions[0]?.disable\n                  \"\n                  :size=\"collapseTagSize\"\n                  type=\"info\"\n                  disable-transitions\n                  @close=\"deleteTag($event, states.cachedOptions[0])\"\n                >\n                  <span\n                    :class=\"nsSelectV2.e('tags-text')\"\n                    :style=\"{\n                      maxWidth: `${tagMaxWidth}px`,\n                    }\"\n                    >{{ states.cachedOptions[0]?.label }}</span\n                  >\n                </el-tag>\n                <el-tag\n                  v-if=\"modelValue.length > 1\"\n                  :closable=\"false\"\n                  :size=\"collapseTagSize\"\n                  type=\"info\"\n                  disable-transitions\n                >\n                  <span\n                    :class=\"nsSelectV2.e('tags-text')\"\n                    :style=\"{\n                      maxWidth: `${tagMaxWidth}px`,\n                    }\"\n                    >+ {{ modelValue.length - 1 }}</span\n                  >\n                </el-tag>\n              </div>\n            </template>\n\n            <template v-else>\n              <div\n                v-for=\"(selected, idx) in states.cachedOptions\"\n                :key=\"idx\"\n                :class=\"nsSelectV2.e('selected-item')\"\n              >\n                <el-tag\n                  :key=\"getValueKey(selected)\"\n                  :closable=\"!selectDisabled && !selected.disabled\"\n                  :size=\"collapseTagSize\"\n                  type=\"info\"\n                  disable-transitions\n                  @close=\"deleteTag($event, selected)\"\n                >\n                  <span\n                    :class=\"nsSelectV2.e('tags-text')\"\n                    :style=\"{\n                      maxWidth: `${tagMaxWidth}px`,\n                    }\"\n                    >{{ getLabel(selected) }}</span\n                  >\n                </el-tag>\n              </div>\n            </template>\n            <div\n              :class=\"[\n                nsSelectV2.e('selected-item'),\n                nsSelectV2.e('input-wrapper'),\n              ]\"\n              :style=\"inputWrapperStyle\"\n            >\n              <input\n                :id=\"id\"\n                ref=\"inputRef\"\n                v-model-text=\"states.displayInputValue\"\n                :autocomplete=\"autocomplete\"\n                aria-autocomplete=\"list\"\n                aria-haspopup=\"listbox\"\n                autocapitalize=\"off\"\n                :aria-expanded=\"expanded\"\n                :aria-labelledby=\"label\"\n                :class=\"[\n                  nsSelectV2.is(selectSize),\n                  nsSelectV2.e('combobox-input'),\n                ]\"\n                :disabled=\"disabled\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                type=\"text\"\n                :name=\"name\"\n                :unselectable=\"expanded ? 'on' : undefined\"\n                @update:modelValue=\"onUpdateInputValue\"\n                @focus=\"handleFocus\"\n                @input=\"onInput\"\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              />\n              <span\n                v-if=\"filterable\"\n                ref=\"calculatorRef\"\n                aria-hidden=\"true\"\n                :class=\"nsSelectV2.e('input-calculator')\"\n                v-text=\"states.displayInputValue\"\n              >\n              </span>\n            </div>\n          </div>\n          <template v-else>\n            <div\n              :class=\"[\n                nsSelectV2.e('selected-item'),\n                nsSelectV2.e('input-wrapper'),\n              ]\"\n            >\n              <input\n                :id=\"id\"\n                ref=\"inputRef\"\n                v-model-text=\"states.displayInputValue\"\n                aria-autocomplete=\"list\"\n                aria-haspopup=\"listbox\"\n                :aria-labelledby=\"label\"\n                :aria-expanded=\"expanded\"\n                autocapitalize=\"off\"\n                :autocomplete=\"autocomplete\"\n                :class=\"nsSelectV2.e('combobox-input')\"\n                :disabled=\"disabled\"\n                :name=\"name\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                type=\"text\"\n                :unselectable=\"expanded ? 'on' : undefined\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @focus=\"handleFocus\"\n                @input=\"onInput\"\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                @update:modelValue=\"onUpdateInputValue\"\n              />\n            </div>\n            <span\n              v-if=\"filterable\"\n              ref=\"calculatorRef\"\n              aria-hidden=\"true\"\n              :class=\"[\n                nsSelectV2.e('selected-item'),\n                nsSelectV2.e('input-calculator'),\n              ]\"\n              v-text=\"states.displayInputValue\"\n            >\n            </span>\n          </template>\n          <span\n            v-if=\"shouldShowPlaceholder\"\n            :class=\"[\n              nsSelectV2.e('placeholder'),\n              nsSelectV2.is(\n                'transparent',\n                states.isComposing ||\n                  (placeholder && multiple\n                    ? modelValue.length === 0\n                    : !hasModelValue)\n              ),\n            ]\"\n          >\n            {{ currentPlaceholder }}\n          </span>\n          <span :class=\"nsSelectV2.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent\"\n              v-show=\"!showClearBtn\"\n              :class=\"[nsSelectV2.e('caret'), nsInput.e('icon'), iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[nsSelectV2.e('caret'), nsInput.e('icon')]\"\n              @click.prevent.stop=\"handleClear\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon\"\n              :class=\"[nsInput.e('icon'), nsInput.e('validateIcon')]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </span>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu\n          ref=\"menuRef\"\n          :data=\"filteredOptions\"\n          :width=\"popperSize\"\n          :hovering-index=\"states.hoveringIndex\"\n          :scrollbar-always-on=\"scrollbarAlwaysOn\"\n        >\n          <template #default=\"scope\">\n            <slot v-bind=\"scope\"></slot>\n          </template>\n          <template #empty>\n            <slot name=\"empty\">\n              <p :class=\"nsSelectV2.e('empty')\">\n                {{ emptyText ? emptyText : '' }}\n              </p>\n            </slot>\n          </template>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, toRefs, reactive, vModelText } from 'vue'\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 { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/constants'\nimport ElSelectMenu from './select-dropdown.vue'\nimport useSelect from './useSelect'\nimport { selectV2InjectionKey } from './token'\nimport { SelectProps } from './defaults'\nexport default defineComponent({\n  name: 'ElSelectV2',\n  components: {\n    ElSelectMenu,\n    ElTag,\n    ElTooltip,\n    ElIcon,\n  },\n  directives: { ClickOutside, ModelText: vModelText },\n  props: SelectProps,\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    'remove-tag',\n    'clear',\n    'visible-change',\n    'focus',\n    'blur',\n  ],\n\n  setup(props, { emit }) {\n    const API = useSelect(props, emit)\n    // TODO, remove the any cast to align the actual API.\n    provide(selectV2InjectionKey, {\n      props: reactive({\n        ...toRefs(props),\n        height: API.popupHeight,\n      }),\n      onSelect: API.onSelect,\n      onHover: API.onHover,\n      onKeyboardNavigate: API.onKeyboardNavigate,\n      onKeyboardSelect: API.onKeyboardSelect,\n    } as any)\n\n    return API\n  },\n})\n</script>\n"],"names":["ElSelectMenu","_withDirectives","_normalizeClass","_withCtx","_createVNode","_openBlock"],"mappings":"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"}
+{"version":3,"file":"select.mjs","sources":["../../../../../../packages/components/select-v2/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelectV2.b(), nsSelectV2.m(selectSize)]\"\n    @click.stop=\"toggleMenu\"\n    @mouseenter=\"states.comboBoxHovering = true\"\n    @mouseleave=\"states.comboBoxHovering = false\"\n  >\n    <el-tooltip\n      ref=\"popper\"\n      v-model:visible=\"dropdownMenuVisible\"\n      :teleported=\"compatTeleported\"\n      :popper-class=\"[nsSelectV2.e('popper'), popperClass]\"\n      :gpu-acceleration=\"false\"\n      :stop-popper-mouse-event=\"false\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"['bottom-start', 'top-start', 'right', 'left']\"\n      :effect=\"effect\"\n      placement=\"bottom-start\"\n      pure\n      :transition=\"`${nsSelectV2.namespace.value}-zoom-in-top`\"\n      trigger=\"click\"\n      persistent\n      @show=\"handleMenuEnter\"\n      @hide=\"states.inputValue = states.displayInputValue\"\n    >\n      <template #default>\n        <div\n          ref=\"selectionRef\"\n          :class=\"[\n            nsSelectV2.e('wrapper'),\n            nsSelectV2.is('focused', states.isComposing),\n            nsSelectV2.is('hovering', states.comboBoxHovering),\n            nsSelectV2.is('filterable', filterable),\n            nsSelectV2.is('disabled', disabled),\n          ]\"\n        >\n          <div v-if=\"$slots.prefix\">\n            <slot name=\"prefix\"></slot>\n          </div>\n          <div v-if=\"multiple\" :class=\"nsSelectV2.e('selection')\">\n            <template v-if=\"collapseTags && modelValue.length > 0\">\n              <div :class=\"nsSelectV2.e('selected-item')\">\n                <el-tag\n                  :closable=\"\n                    !selectDisabled && !states.cachedOptions[0]?.disable\n                  \"\n                  :size=\"collapseTagSize\"\n                  type=\"info\"\n                  disable-transitions\n                  @close=\"deleteTag($event, states.cachedOptions[0])\"\n                >\n                  <span\n                    :class=\"nsSelectV2.e('tags-text')\"\n                    :style=\"{\n                      maxWidth: `${tagMaxWidth}px`,\n                    }\"\n                    >{{ states.cachedOptions[0]?.label }}</span\n                  >\n                </el-tag>\n                <el-tag\n                  v-if=\"modelValue.length > 1\"\n                  :closable=\"false\"\n                  :size=\"collapseTagSize\"\n                  type=\"info\"\n                  disable-transitions\n                >\n                  <span\n                    :class=\"nsSelectV2.e('tags-text')\"\n                    :style=\"{\n                      maxWidth: `${tagMaxWidth}px`,\n                    }\"\n                    >+ {{ modelValue.length - 1 }}</span\n                  >\n                </el-tag>\n              </div>\n            </template>\n\n            <template v-else>\n              <div\n                v-for=\"(selected, idx) in states.cachedOptions\"\n                :key=\"idx\"\n                :class=\"nsSelectV2.e('selected-item')\"\n              >\n                <el-tag\n                  :key=\"getValueKey(selected)\"\n                  :closable=\"!selectDisabled && !selected.disabled\"\n                  :size=\"collapseTagSize\"\n                  type=\"info\"\n                  disable-transitions\n                  @close=\"deleteTag($event, selected)\"\n                >\n                  <span\n                    :class=\"nsSelectV2.e('tags-text')\"\n                    :style=\"{\n                      maxWidth: `${tagMaxWidth}px`,\n                    }\"\n                    >{{ getLabel(selected) }}</span\n                  >\n                </el-tag>\n              </div>\n            </template>\n            <div\n              :class=\"[\n                nsSelectV2.e('selected-item'),\n                nsSelectV2.e('input-wrapper'),\n              ]\"\n              :style=\"inputWrapperStyle\"\n            >\n              <input\n                :id=\"id\"\n                ref=\"inputRef\"\n                v-model-text=\"states.displayInputValue\"\n                :autocomplete=\"autocomplete\"\n                aria-autocomplete=\"list\"\n                aria-haspopup=\"listbox\"\n                autocapitalize=\"off\"\n                :aria-expanded=\"expanded\"\n                :aria-labelledby=\"label\"\n                :class=\"[\n                  nsSelectV2.is(selectSize),\n                  nsSelectV2.e('combobox-input'),\n                ]\"\n                :disabled=\"disabled\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                type=\"text\"\n                :name=\"name\"\n                :unselectable=\"expanded ? 'on' : undefined\"\n                @update:modelValue=\"onUpdateInputValue\"\n                @focus=\"handleFocus\"\n                @input=\"onInput\"\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              />\n              <span\n                v-if=\"filterable\"\n                ref=\"calculatorRef\"\n                aria-hidden=\"true\"\n                :class=\"nsSelectV2.e('input-calculator')\"\n                v-text=\"states.displayInputValue\"\n              >\n              </span>\n            </div>\n          </div>\n          <template v-else>\n            <div\n              :class=\"[\n                nsSelectV2.e('selected-item'),\n                nsSelectV2.e('input-wrapper'),\n              ]\"\n            >\n              <input\n                :id=\"id\"\n                ref=\"inputRef\"\n                v-model-text=\"states.displayInputValue\"\n                aria-autocomplete=\"list\"\n                aria-haspopup=\"listbox\"\n                :aria-labelledby=\"label\"\n                :aria-expanded=\"expanded\"\n                autocapitalize=\"off\"\n                :autocomplete=\"autocomplete\"\n                :class=\"nsSelectV2.e('combobox-input')\"\n                :disabled=\"disabled\"\n                :name=\"name\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                type=\"text\"\n                :unselectable=\"expanded ? 'on' : undefined\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @focus=\"handleFocus\"\n                @input=\"onInput\"\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                @update:modelValue=\"onUpdateInputValue\"\n              />\n            </div>\n            <span\n              v-if=\"filterable\"\n              ref=\"calculatorRef\"\n              aria-hidden=\"true\"\n              :class=\"[\n                nsSelectV2.e('selected-item'),\n                nsSelectV2.e('input-calculator'),\n              ]\"\n              v-text=\"states.displayInputValue\"\n            >\n            </span>\n          </template>\n          <span\n            v-if=\"shouldShowPlaceholder\"\n            :class=\"[\n              nsSelectV2.e('placeholder'),\n              nsSelectV2.is(\n                'transparent',\n                states.isComposing ||\n                  (placeholder && multiple\n                    ? modelValue.length === 0\n                    : !hasModelValue)\n              ),\n            ]\"\n          >\n            {{ currentPlaceholder }}\n          </span>\n          <span :class=\"nsSelectV2.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent\"\n              v-show=\"!showClearBtn\"\n              :class=\"[nsSelectV2.e('caret'), nsInput.e('icon'), iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[nsSelectV2.e('caret'), nsInput.e('icon')]\"\n              @click.prevent.stop=\"handleClear\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon\"\n              :class=\"[nsInput.e('icon'), nsInput.e('validateIcon')]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </span>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu\n          ref=\"menuRef\"\n          :data=\"filteredOptions\"\n          :width=\"popperSize\"\n          :hovering-index=\"states.hoveringIndex\"\n          :scrollbar-always-on=\"scrollbarAlwaysOn\"\n        >\n          <template #default=\"scope\">\n            <slot v-bind=\"scope\"></slot>\n          </template>\n          <template #empty>\n            <slot name=\"empty\">\n              <p :class=\"nsSelectV2.e('empty')\">\n                {{ emptyText ? emptyText : '' }}\n              </p>\n            </slot>\n          </template>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, toRefs, reactive, vModelText } from 'vue'\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 { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/constants'\nimport ElSelectMenu from './select-dropdown.vue'\nimport useSelect from './useSelect'\nimport { selectV2InjectionKey } from './token'\nimport { SelectProps } from './defaults'\nexport default defineComponent({\n  name: 'ElSelectV2',\n  components: {\n    ElSelectMenu,\n    ElTag,\n    ElTooltip,\n    ElIcon,\n  },\n  directives: { ClickOutside, ModelText: vModelText },\n  props: SelectProps,\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    'remove-tag',\n    'clear',\n    'visible-change',\n    'focus',\n    'blur',\n  ],\n\n  setup(props, { emit }) {\n    const API = useSelect(props, emit)\n    // TODO, remove the any cast to align the actual API.\n    provide(selectV2InjectionKey, {\n      props: reactive({\n        ...toRefs(props),\n        height: API.popupHeight,\n      }),\n      onSelect: API.onSelect,\n      onHover: API.onHover,\n      onKeyboardNavigate: API.onKeyboardNavigate,\n      onKeyboardSelect: API.onKeyboardSelect,\n    } as any)\n\n    return API\n  },\n})\n</script>\n"],"names":["ElSelectMenu","_createElementBlock","_normalizeClass","_createVNode","_withCtx","_createElementVNode","_openBlock","_withDirectives"],"mappings":";;;;;;;;;;;;;;AAoRA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,kBACVA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,YAAY,EAAE,cAAc,WAAW;AAAA,EACvC,OAAO;AAAA,EACP,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAGF,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,MAAM,UAAU,OAAO;AAE7B,YAAQ,sBAAsB;AAAA,MAC5B,OAAO,SAAS;AAAA,WACX,OAAO;AAAA,QACV,QAAQ,IAAI;AAAA;AAAA,MAEd,UAAU,IAAI;AAAA,MACd,SAAS,IAAI;AAAA,MACb,oBAAoB,IAAI;AAAA,MACxB,kBAAkB,IAAI;AAAA;AAGxB,WAAO;AAAA;AAAA;;;;;;;;;;;;;sCArTTC,mBAqQM;AAAA,IApQJ,KAAI;AAAA,IAEH,OAAKC,gBAAG,gBAAW,KAAK,gBAAW,EAAE;AAAA,IACrC,SAAK,uDAAO,6CAAU;AAAA,IACtB,cAAU,wCAAE,YAAO,mBAAgB;AAAA,IACnC,cAAU,wCAAE,YAAO,mBAAgB;AAAA;IAEpCC,YA4Pa;AAAA,MA3PX,KAAI;AAAA,MACI,SAAS;AAAA,6FAAmB;AAAA,MACnC,YAAY;AAAA,MACZ,gBAAY,CAAG,gBAAW,EAAC,WAAY;AAAA,MACvC,oBAAkB;AAAA,MAClB,2BAAyB;AAAA,MACzB,kBAAgB;AAAA,MAChB,uBAAqB;AAAA,MACrB,QAAQ;AAAA,MACT,WAAU;AAAA,MACV;AAAA,MACC,YAAU,GAAK,gBAAW,UAAU;AAAA,MACrC,SAAQ;AAAA,MACR;AAAA,MACC,QAAM;AAAA,MACN,QAAI,wCAAE,YAAO,aAAa,YAAO;AAAA;MAEvB,SAAOC,QAChB,MAmNM;AAAA,QAnNN;AAmNM,eAlNA;AAAA,UACHC;AAAK,YAAgB;AAAY,YAAyB;AAAgC,+BAAuC;AAAoB;AAA2D,2CAAmD;AAAA;AAAA;;AAU9P;AADuB;;AAiHvB;YA/GgB;AAAmB;;AAmC/B;cAjCA;AAAmB;;AAiBd;AAfsE,gBAG5EF;AAAM;AACF;AACL;AAC8C;kCAE9C;AAMC;AAAA,2BALOC;AAAc,oBACnB,OAAK;AAAA;AAAuC;AAAA,+DAGrB,YAAU;AAAA;AAAA;;;AAiB7B;;AAZI,sBACJ;AAAA,sBACF;AAAA,gBACL;AAAA;;AAQC,kBAND;AAMC;AALqB;AACd;AAAuC;AAAA;AAGtB;AAAA;;;;AA4BvB;AAnBE;AACc;;AAiBX,uBAdDE;AAAY,kBACjB;AAAuC,kBACvC;AAAM;AACF;AACL;AAC0B;;AAQzB,oBAND;AAMC,6CALS;AAAY,6BACd;AAAA;AAAuC;AAAA;AAGxB;AAAA;;;;;AAqDvB,qBA/CE;AAAA;AAAgC;AAA+C;AAAA,cAIpFD;AAAO;;AAkCN;AA/BK;AACD,gBAEH;AAAc;AACG,gBAClBE;AAAc;AACC,iCACC;AAAA;AACE;AACZ,kBAAsB;AAAc,kBAA+B,gBAAW;AAAC;AAAA;AAI1E;AACN;AACO;AACD;AACN;AACE;AAC0B;AACb;AACZ;AACA;AACW,qCACD;AAAE;AACH,2BACT;AAAA;AAAoC,iFAChB;AAAkB,kFACjB,yDAAgB;AAAA;AACT;AACL;AAAA;wCA5BjB;AAAO;AAAA;AAqChB;;AALD;AACQ;AACQ;AACL;;;AAqDV;AAZH;AAlCE;AAAgC;AAA+C;AAAA;;AAiCnF;AA3BK;AACD;AAEc;AACJ,gBACbA;AAAiB;AACF;AACD;AACA;AACK;AACT;AACJ;AACF;AACO;AACD;AACN;AAC4B;AACd;AACC;AACH;AACT;AACA;AACA;AAAoC;AACE,oFACjB;AAAgB,oFAClB;AAAS;AAAA,8EAChB;AAAA;;AAxBC;AAAA;iEAqClB;AAAA;mBARD;AAAA;AACQ;AACN;AAAgC,gBAAmC;AAAY;AAAA;AAItE;;sDAInB;AAcO;;AAZC;AAA8B;AAAmO;AAAA;;AAkClQ;AArBmB;;AAOd;qCAHC;AAA0C;;AAElB;AAAjB;AAAA;;;AAHP;;AAWD;qBAJF;AAAmC,sBACnC;AAA0B;;AAEH;AAAb;AAAA;;iCAGO;AAIf;;AAH6B;;AAEL,oEAAhB;AAAA;AAAA;;;;;;AAuBL,qBAAA;AAAA,eAhBX;AAAA;AACG,UACN;AAAO;AACgB;AACF;UAEX;AAAc;AACT;AAAA,UAEL,gBACT,MAIO;AAAA;AAAA;AADD,sCAFO;AAAY;AACG;AAAA;AAAA;;;;;;;AA5PpB;AAAA;;;;;;;;;;;"}

package/es/components/select-v2/src/select.vue.d.ts

@@ -175,8 +175,6 @@ declare const _default: import("vue").DefineComponent<{
             disabled: boolean;
             offset: number;
             effect: string;
-            style: import("vue").StyleValue;
-            visible: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<boolean | null>, unknown, unknown>;
             arrowOffset: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
@@ -184,6 +182,7 @@ declare const _default: import("vue").DefineComponent<{
             placement: import("../../../utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             popperOptions: Partial<import("@popperjs/core").Options>;
             strategy: import("../../../utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
+            style: import("vue").StyleValue;
             className: string | {
                 [x: string]: any;
             } | (string | {
@@ -209,6 +208,7 @@ declare const _default: import("vue").DefineComponent<{
             } | (string | {
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[];
+            visible: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<boolean | null>, unknown, unknown>;
             enterable: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             pure: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             popperClass: string | {
@@ -250,6 +250,7 @@ declare const _default: import("vue").DefineComponent<{
             trigger: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("../..").Measurable;
             virtualTriggering: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            "onUpdate:visible": (val: boolean) => void;
             openDelay: number;
             visibleArrow: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             showArrow: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -337,9 +338,10 @@ declare const _default: import("vue").DefineComponent<{
             popperOptions: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Partial<import("@popperjs/core").Options>>, () => {}, unknown, unknown, unknown>;
             strategy: import("../../../utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
             showAfter: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+            "onUpdate:visible": import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "offset" | "effect" | "style" | "visible" | "arrowOffset" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "className" | "enterable" | "pure" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "content" | "showAfter" | "hideAfter" | "appendTo" | "rawContent" | "transition" | "teleported" | "persistent" | "trigger" | "virtualRef" | "virtualTriggering" | "openDelay" | "visibleArrow" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "offset" | "effect" | "arrowOffset" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "content" | "showAfter" | "hideAfter" | "appendTo" | "rawContent" | "transition" | "teleported" | "persistent" | "trigger" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -437,6 +439,7 @@ declare const _default: import("vue").DefineComponent<{
             popperOptions: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Partial<import("@popperjs/core").Options>>, () => {}, unknown, unknown, unknown>;
             strategy: import("../../../utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
             showAfter: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+            "onUpdate:visible": import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
         }, {
@@ -489,8 +492,6 @@ declare const _default: import("vue").DefineComponent<{
             disabled: boolean;
             offset: number;
             effect: string;
-            style: import("vue").StyleValue;
-            visible: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<boolean | null>, unknown, unknown>;
             arrowOffset: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
@@ -498,6 +499,7 @@ declare const _default: import("vue").DefineComponent<{
             placement: import("../../../utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             popperOptions: Partial<import("@popperjs/core").Options>;
             strategy: import("../../../utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
+            style: import("vue").StyleValue;
             className: string | {
                 [x: string]: any;
             } | (string | {
@@ -523,6 +525,7 @@ declare const _default: import("vue").DefineComponent<{
             } | (string | {
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[];
+            visible: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<boolean | null>, unknown, unknown>;
             enterable: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             pure: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             popperClass: string | {
@@ -564,6 +567,7 @@ declare const _default: import("vue").DefineComponent<{
             trigger: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("../..").Measurable;
             virtualTriggering: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            "onUpdate:visible": (val: boolean) => void;
             openDelay: number;
             visibleArrow: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             showArrow: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -671,6 +675,7 @@ declare const _default: import("vue").DefineComponent<{
         popperOptions: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Partial<import("@popperjs/core").Options>>, () => {}, unknown, unknown, unknown>;
         strategy: import("../../../utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
         showAfter: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        "onUpdate:visible": import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
@@ -844,11 +849,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     disabled: boolean;
     loading: boolean;
-    height: number;
     effect: string;
     popperOptions: Partial<import("@popperjs/core").Options>;
     popperClass: string;
     multiple: boolean;
+    height: number;
     teleported: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     autocomplete: "none" | "both" | "inline" | "list";
     clearable: boolean;

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

@@ -95,8 +95,6 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             disabled: boolean;
             offset: number;
             effect: string;
-            style: import("vue").StyleValue;
-            visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
             arrowOffset: number;
             boundariesPadding: number;
             fallbackPlacements: import("element-plus/es/components/popper").Placement[];
@@ -104,6 +102,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>;
             popperOptions: Partial<import("element-plus/es/components/popper").Options>;
             strategy: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
+            style: import("vue").StyleValue;
             className: string | {
                 [x: string]: any;
             } | (string | {
@@ -129,6 +128,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             } | (string | {
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[];
+            visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
             enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             popperClass: string | {
@@ -170,6 +170,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("element-plus/es/components/popper").Measurable;
             virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            "onUpdate:visible": (val: boolean) => void;
             openDelay: number;
             visibleArrow: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             showArrow: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -257,9 +258,10 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             popperOptions: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<import("element-plus/es/components/popper").Options>>, () => {}, unknown, unknown, unknown>;
             strategy: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
             showAfter: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+            "onUpdate:visible": import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "offset" | "effect" | "style" | "visible" | "arrowOffset" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "className" | "enterable" | "pure" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "content" | "showAfter" | "hideAfter" | "appendTo" | "rawContent" | "transition" | "teleported" | "persistent" | "trigger" | "virtualRef" | "virtualTriggering" | "openDelay" | "visibleArrow" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "offset" | "effect" | "arrowOffset" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "content" | "showAfter" | "hideAfter" | "appendTo" | "rawContent" | "transition" | "teleported" | "persistent" | "trigger" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -357,6 +359,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             popperOptions: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<import("element-plus/es/components/popper").Options>>, () => {}, unknown, unknown, unknown>;
             strategy: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
             showAfter: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+            "onUpdate:visible": import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
         }, {
@@ -409,8 +412,6 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             disabled: boolean;
             offset: number;
             effect: string;
-            style: import("vue").StyleValue;
-            visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
             arrowOffset: number;
             boundariesPadding: number;
             fallbackPlacements: import("element-plus/es/components/popper").Placement[];
@@ -418,6 +419,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>;
             popperOptions: Partial<import("element-plus/es/components/popper").Options>;
             strategy: import("element-plus/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
+            style: import("vue").StyleValue;
             className: string | {
                 [x: string]: any;
             } | (string | {
@@ -443,6 +445,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             } | (string | {
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[];
+            visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
             enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             popperClass: string | {
@@ -484,6 +487,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("element-plus/es/components/popper").Measurable;
             virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            "onUpdate:visible": (val: boolean) => void;
             openDelay: number;
             visibleArrow: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             showArrow: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -591,6 +595,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         popperOptions: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<import("element-plus/es/components/popper").Options>>, () => {}, unknown, unknown, unknown>;
         strategy: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
         showAfter: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        "onUpdate:visible": import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{

package/es/components/skeleton/src/image-placeholder.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"image-placeholder.mjs","sources":["../../../../../../packages/components/skeleton/src/image-placeholder.vue"],"sourcesContent":["<template>\n  <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z\"\n    />\n  </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'ImgPlaceholder',\n})\n</script>\n"],"names":[],"mappings":";;;AAWA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA;MAXD,aAAQ;AAAA,EAAgB,SAAM;AAAA;;;MACjC,aAEE;AAAA;;2BAHJ,yCAIM;;;;;;;"}
+{"version":3,"file":"image-placeholder.mjs","sources":["../../../../../../packages/components/skeleton/src/image-placeholder.vue"],"sourcesContent":["<template>\n  <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z\"\n    />\n  </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'ImgPlaceholder',\n})\n</script>\n"],"names":["_createElementBlock"],"mappings":";;;AAWA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA;;EAXD,SAAQ;AAAA,EAAgB,OAAM;AAAA;sDAG/B,UADA,GAAE,oJAAgJ;;EADpJ;AAAA;;sBADFA,mBAIM,OAJN,YAIM;AAAA;;;;;"}

package/es/components/skeleton/src/skeleton-item2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-item2.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.e('item'), ns.e(variant)]\">\n    <img-placeholder v-if=\"variant === 'image'\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport ImgPlaceholder from './image-placeholder.vue'\nimport { skeletonItemProps } from './skeleton-item'\n\nexport default defineComponent({\n  name: 'ElSkeletonItem',\n  components: {\n    ImgPlaceholder,\n  },\n  props: skeletonItemProps,\n  setup() {\n    const ns = useNamespace('skeleton')\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock"],"mappings":";;;;;;;AAYA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,QAAQ;AACN,UAAM,KAAK,aAAa;AACxB,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;SApBOA,gCAAO,OAAU;AAAA;KACH;AAAA;;;;;;;"}
+{"version":3,"file":"skeleton-item2.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.e('item'), ns.e(variant)]\">\n    <img-placeholder v-if=\"variant === 'image'\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport ImgPlaceholder from './image-placeholder.vue'\nimport { skeletonItemProps } from './skeleton-item'\n\nexport default defineComponent({\n  name: 'ElSkeletonItem',\n  components: {\n    ImgPlaceholder,\n  },\n  props: skeletonItemProps,\n  setup() {\n    const ns = useNamespace('skeleton')\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createBlock"],"mappings":";;;;;;;AAYA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,QAAQ;AACN,UAAM,KAAK,aAAa;AACxB,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;sBApBJA,mBAEM;AAAA,IAFA,OAAKC,gBAAG,QAAG,EAAC,SAAU,QAAG,EAAE;AAAA;IACR,iBAAO,wBAA9BC,YAA8C;;;;;;;"}

package/es/components/skeleton/src/skeleton2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton2.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n  <template v-if=\"uiLoading\">\n    <div :class=\"[ns.b(), ns.is('animated', animated)]\" v-bind=\"$attrs\">\n      <template v-for=\"i in count\" :key=\"i\">\n        <slot v-if=\"loading\" :key=\"i\" name=\"template\">\n          <el-skeleton-item :class=\"ns.is('first')\" variant=\"p\" />\n          <el-skeleton-item\n            v-for=\"item in rows\"\n            :key=\"item\"\n            :class=\"[\n              ns.e('paragraph'),\n              ns.is('last', item === rows && rows > 1),\n            ]\"\n            variant=\"p\"\n          />\n        </slot>\n      </template>\n    </div>\n  </template>\n  <template v-else>\n    <slot v-bind=\"$attrs\"></slot>\n  </template>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useNamespace, useThrottleRender } from '@element-plus/hooks'\nimport SkeletonItem from './skeleton-item.vue'\nimport { skeletonProps } from './skeleton'\n\nexport default defineComponent({\n  name: 'ElSkeleton',\n  components: {\n    [SkeletonItem.name]: SkeletonItem,\n  },\n  props: skeletonProps,\n  setup(props) {\n    const ns = useNamespace('skeleton')\n    const innerLoading = computed(() => {\n      return props.loading\n    })\n\n    const uiLoading = useThrottleRender(innerLoading, props.throttle)\n\n    return {\n      ns,\n      uiLoading,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_Fragment","_createBlock"],"mappings":";;;;;;;;AA8BA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,KACT,aAAa,OAAO;AAAA;AAAA,EAEvB,OAAO;AAAA,EACP,MAAM,OAAO;AACX,UAAM,KAAK,aAAa;AACxB,UAAM,eAAe,SAAS,MAAM;AAClC,aAAO,MAAM;AAAA;AAGf,UAAM,YAAY,kBAAkB,cAAc,MAAM;AAExD,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;;;IA5CI,KAAK;AAAA,WAAiD,MAAM;AAAA;oEAC5B;aACtBA,aAAOC;AAAA,aAAnB,qBACE,KAAwD;AAAA,sBAAhC,6BAAO;AAAA,YAAW,OAAOC,eAAI;AAAA;sBACrD;AAAA,+CAQEC;mBANMH,aAAII;AAAA,cACT,KAAK;AAAA,cAAqB,OAACF;AAAA,gBAA6B,QAAG,EAAE;AAAA;;;;;;;;KAWtE;;;;;;"}
+{"version":3,"file":"skeleton2.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n  <template v-if=\"uiLoading\">\n    <div :class=\"[ns.b(), ns.is('animated', animated)]\" v-bind=\"$attrs\">\n      <template v-for=\"i in count\" :key=\"i\">\n        <slot v-if=\"loading\" :key=\"i\" name=\"template\">\n          <el-skeleton-item :class=\"ns.is('first')\" variant=\"p\" />\n          <el-skeleton-item\n            v-for=\"item in rows\"\n            :key=\"item\"\n            :class=\"[\n              ns.e('paragraph'),\n              ns.is('last', item === rows && rows > 1),\n            ]\"\n            variant=\"p\"\n          />\n        </slot>\n      </template>\n    </div>\n  </template>\n  <template v-else>\n    <slot v-bind=\"$attrs\"></slot>\n  </template>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useNamespace, useThrottleRender } from '@element-plus/hooks'\nimport SkeletonItem from './skeleton-item.vue'\nimport { skeletonProps } from './skeleton'\n\nexport default defineComponent({\n  name: 'ElSkeleton',\n  components: {\n    [SkeletonItem.name]: SkeletonItem,\n  },\n  props: skeletonProps,\n  setup(props) {\n    const ns = useNamespace('skeleton')\n    const innerLoading = computed(() => {\n      return props.loading\n    })\n\n    const uiLoading = useThrottleRender(innerLoading, props.throttle)\n\n    return {\n      ns,\n      uiLoading,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_mergeProps","_Fragment","_renderSlot","_createVNode","_normalizeClass","_createBlock"],"mappings":";;;;;;;;AA8BA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,KACT,aAAa,OAAO;AAAA;AAAA,EAEvB,OAAO;AAAA,EACP,MAAM,OAAO;AACX,UAAM,KAAK,aAAa;AACxB,UAAM,eAAe,SAAS,MAAM;AAClC,aAAO,MAAM;AAAA;AAGf,UAAM,YAAY,kBAAkB,cAAc,MAAM;AAExD,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;;SA7CY,+BACdA,mBAeM,OAfNC,WAeM;AAAA;IAfA,OAAK,CAAG,QAAG,KAAK,QAAG,GAAE,YAAa;AAAA,KAAoB,cAAM;AAAA,sBAChED,mBAaWE,2BAbW,YAAK,CAAV,MAAC;8DAAiB,KAAC;AAAA,QACtB,eAAZC,WAWO,2BAXe,KAAK,KAA3B,MAWO;AAAA,UAVLC,YAAwD;AAAA,YAArC,OAAKC,eAAE,QAAG,GAAE;AAAA,YAAW,SAAQ;AAAA;4BAClDL,mBAQEE,2BAPe,WAAI,CAAZ,SAAI;gCADbI,YAQE;AAAA,cANC,KAAK;AAAA,cACL,OAAKD;AAAA,gBAAkB,QAAG,EAAC;AAAA,gBAA6B,QAAG,GAAE,QAAS,SAAS,aAAQ,YAAI;AAAA;AAAA,cAI5F,SAAQ;AAAA;;;;;YAOhBF,WAA6B,8DAAf;AAAA;;;;;"}

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

@@ -194,9 +194,9 @@ declare const _Slider: SFCWithInstall<import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: number | number[];
     label: string;
-    height: string;
     vertical: boolean;
     range: boolean;
+    height: string;
     debounce: number;
     max: number;
     min: number;
@@ -404,9 +404,9 @@ export declare const ElSlider: SFCWithInstall<import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: number | number[];
     label: string;
-    height: string;
     vertical: boolean;
     range: boolean;
+    height: string;
     debounce: number;
     max: number;
     min: number;

package/es/components/slider/src/button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.mjs","sources":["../../../../../../packages/components/slider/src/button.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"button\"\n    :class=\"[ns.e('button-wrapper'), { hover: hovering, dragging }]\"\n    :style=\"wrapperStyle\"\n    tabindex=\"0\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    @mousedown=\"onButtonDown\"\n    @touchstart=\"onButtonDown\"\n    @focus=\"handleMouseEnter\"\n    @blur=\"handleMouseLeave\"\n    @keydown.left=\"onLeftKeyDown\"\n    @keydown.right=\"onRightKeyDown\"\n    @keydown.down.prevent=\"onLeftKeyDown\"\n    @keydown.up.prevent=\"onRightKeyDown\"\n  >\n    <el-tooltip\n      ref=\"tooltip\"\n      v-model:visible=\"tooltipVisible\"\n      placement=\"top\"\n      :stop-popper-mouse-event=\"false\"\n      :popper-class=\"tooltipClass\"\n      :disabled=\"!showTooltip\"\n      persistent\n    >\n      <template #content>\n        <span>{{ formatValue }}</span>\n      </template>\n      <div :class=\"[ns.e('button'), { hover: hovering, dragging }]\"></div>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive, toRefs } from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useSliderButton } from './useSliderButton'\n\nexport default defineComponent({\n  name: 'ElSliderButton',\n\n  components: {\n    ElTooltip,\n  },\n\n  props: {\n    modelValue: {\n      type: Number,\n      default: 0,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n    tooltipClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [UPDATE_MODEL_EVENT],\n\n  setup(props, { emit }) {\n    const ns = useNamespace('slider')\n    const initData = reactive({\n      hovering: false,\n      dragging: false,\n      isClick: false,\n      startX: 0,\n      currentX: 0,\n      startY: 0,\n      currentY: 0,\n      startPosition: 0,\n      newPosition: 0,\n      oldValue: props.modelValue,\n    })\n\n    const {\n      tooltip,\n      showTooltip,\n      tooltipVisible,\n      wrapperStyle,\n      formatValue,\n      handleMouseEnter,\n      handleMouseLeave,\n      onButtonDown,\n      onLeftKeyDown,\n      onRightKeyDown,\n      setPosition,\n    } = useSliderButton(props, initData, emit)\n\n    const { hovering, dragging } = toRefs(initData)\n\n    return {\n      ns,\n      tooltip,\n      tooltipVisible,\n      showTooltip,\n      wrapperStyle,\n      formatValue,\n      handleMouseEnter,\n      handleMouseLeave,\n      onButtonDown,\n      onLeftKeyDown,\n      onRightKeyDown,\n      setPosition,\n\n      hovering,\n      dragging,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_withCtx"],"mappings":";;;;;;;;;AAyCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA;AAAA,EAGF,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAIb,OAAO,CAAC;AAAA,EAER,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAK,aAAa;AACxB,UAAM,WAAW,SAAS;AAAA,MACxB,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,eAAe;AAAA,MACf,aAAa;AAAA,MACb,UAAU,MAAM;AAAA;AAGlB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,gBAAgB,OAAO,UAAU;AAErC,UAAM,EAAE,UAAU,aAAa,OAAO;AAEtC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA;AAAA;AAAA;;;SA7GEA,aAAQC;AAAA,IACX,KAAK;AAAA,IACL,OAAKC,eAAE,8BAAY;AAAA,IACpB,sBAAY;AAAA,IACX;AAAA,IACA,cAAU,uCAAE;AAAA,IACZ,cAAS,uCAAE,+CAAY;AAAA,IACvB,aAAU,4CAAE;AAAA,IACZ,cAAK,uCAAE;AAAA,IACP,SAAI,uCAAE;AAAA,IACN,eAAO;AAAA;sDACQ,mDAAc;AAAA,6EACP;AAAA,yEACF,+CAAc;AAAA;;KAEnC;AAAA,gBACM,uBAAS;AAAA,MACL;AAAA;MACR,oBAAe;AAAA,MACd;AAAA,MACA,2BAAc;AAAA,MACd,gBAAW;AAAA,MACZ,UAAU;AAAA;OAEC;AAAA,eACTC,cAA8B;AAAA;;eAEhCA,cAAoE;AAAA,2BAAzD,OAAG;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"button.mjs","sources":["../../../../../../packages/components/slider/src/button.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"button\"\n    :class=\"[ns.e('button-wrapper'), { hover: hovering, dragging }]\"\n    :style=\"wrapperStyle\"\n    tabindex=\"0\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    @mousedown=\"onButtonDown\"\n    @touchstart=\"onButtonDown\"\n    @focus=\"handleMouseEnter\"\n    @blur=\"handleMouseLeave\"\n    @keydown.left=\"onLeftKeyDown\"\n    @keydown.right=\"onRightKeyDown\"\n    @keydown.down.prevent=\"onLeftKeyDown\"\n    @keydown.up.prevent=\"onRightKeyDown\"\n  >\n    <el-tooltip\n      ref=\"tooltip\"\n      v-model:visible=\"tooltipVisible\"\n      placement=\"top\"\n      :stop-popper-mouse-event=\"false\"\n      :popper-class=\"tooltipClass\"\n      :disabled=\"!showTooltip\"\n      persistent\n    >\n      <template #content>\n        <span>{{ formatValue }}</span>\n      </template>\n      <div :class=\"[ns.e('button'), { hover: hovering, dragging }]\"></div>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive, toRefs } from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useSliderButton } from './useSliderButton'\n\nexport default defineComponent({\n  name: 'ElSliderButton',\n\n  components: {\n    ElTooltip,\n  },\n\n  props: {\n    modelValue: {\n      type: Number,\n      default: 0,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n    tooltipClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [UPDATE_MODEL_EVENT],\n\n  setup(props, { emit }) {\n    const ns = useNamespace('slider')\n    const initData = reactive({\n      hovering: false,\n      dragging: false,\n      isClick: false,\n      startX: 0,\n      currentX: 0,\n      startY: 0,\n      currentY: 0,\n      startPosition: 0,\n      newPosition: 0,\n      oldValue: props.modelValue,\n    })\n\n    const {\n      tooltip,\n      showTooltip,\n      tooltipVisible,\n      wrapperStyle,\n      formatValue,\n      handleMouseEnter,\n      handleMouseLeave,\n      onButtonDown,\n      onLeftKeyDown,\n      onRightKeyDown,\n      setPosition,\n    } = useSliderButton(props, initData, emit)\n\n    const { hovering, dragging } = toRefs(initData)\n\n    return {\n      ns,\n      tooltip,\n      tooltipVisible,\n      showTooltip,\n      wrapperStyle,\n      formatValue,\n      handleMouseEnter,\n      handleMouseLeave,\n      onButtonDown,\n      onLeftKeyDown,\n      onRightKeyDown,\n      setPosition,\n\n      hovering,\n      dragging,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_createVNode","_withCtx","_createElementVNode"],"mappings":";;;;;;;;;AAyCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA;AAAA,EAGF,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAIb,OAAO,CAAC;AAAA,EAER,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAK,aAAa;AACxB,UAAM,WAAW,SAAS;AAAA,MACxB,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,eAAe;AAAA,MACf,aAAa;AAAA,MACb,UAAU,MAAM;AAAA;AAGlB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,gBAAgB,OAAO,UAAU;AAErC,UAAM,EAAE,UAAU,aAAa,OAAO;AAEtC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA;AAAA;AAAA;;;sBA9GJA,mBA8BM;AAAA,IA7BJ,KAAI;AAAA,IACH,OAAKC,gBAAG,QAAG,EAAC,4BAA6B,eAAQ,UAAE;AAAA,IACnD,OAAKC,eAAE;AAAA,IACR,UAAS;AAAA,IACR,cAAU,uCAAE;AAAA,IACZ,cAAU,uCAAE;AAAA,IACZ,aAAS,uCAAE;AAAA,IACX,cAAU,uCAAE;AAAA,IACZ,SAAK,uCAAE;AAAA,IACP,QAAI,uCAAE;AAAA,IACN,WAAO;AAAA,sDAAO,mDAAa;AAAA,sDACZ,qDAAc;AAAA,oEACP,mDAAa;AAAA,sEACf,qDAAc;AAAA;AAAA;IAEnCC,YAaa;AAAA,MAZX,KAAI;AAAA,MACI,SAAS;AAAA,sFAAc;AAAA,MAC/B,WAAU;AAAA,MACT,2BAAyB;AAAA,MACzB,gBAAc;AAAA,MACd,UAAQ,CAAG;AAAA,MACZ;AAAA;MAEW,SAAOC,QAChB,MAA8B;AAAA,QAA9BC,mBAA8B,8BAArB,mBAAW;AAAA;AAAA,uBAEtB,MAAoE;AAAA,QAApEA,mBAAoE;AAAA,UAA9D,OAAKJ,gBAAG,QAAG,EAAC,oBAAqB,eAAQ,UAAE;AAAA;;;;;;;;;;"}

package/es/components/slider/src/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/slider/src/index.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"sliderWrapper\"\n    :class=\"sliderKls\"\n    role=\"slider\"\n    :aria-valuemin=\"min\"\n    :aria-valuemax=\"max\"\n    :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n    :aria-disabled=\"sliderDisabled\"\n  >\n    <div\n      ref=\"slider\"\n      :class=\"[\n        ns.e('runway'),\n        { 'show-input': showInput && !range, disabled: sliderDisabled },\n      ]\"\n      :style=\"runwayStyle\"\n      @click=\"onSliderClick\"\n    >\n      <div :class=\"ns.e('bar')\" :style=\"barStyle\"></div>\n      <slider-button\n        ref=\"firstButton\"\n        :model-value=\"firstValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        @update:model-value=\"setFirstValue\"\n      />\n      <slider-button\n        v-if=\"range\"\n        ref=\"secondButton\"\n        :model-value=\"secondValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        @update:model-value=\"setSecondValue\"\n      />\n      <div v-if=\"showStops\">\n        <div\n          v-for=\"(item, key) in stops\"\n          :key=\"key\"\n          :class=\"ns.e('stop')\"\n          :style=\"getStopStyle(item)\"\n        ></div>\n      </div>\n      <template v-if=\"markList.length > 0\">\n        <div>\n          <div\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :style=\"getStopStyle(item.position)\"\n            :class=\"[ns.e('stop'), ns.e('marks-stop')]\"\n          ></div>\n        </div>\n        <div :class=\"ns.e('marks')\">\n          <slider-marker\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :mark=\"item.mark\"\n            :style=\"getStopStyle(item.position)\"\n          />\n        </div>\n      </template>\n    </div>\n    <el-input-number\n      v-if=\"showInput && !range\"\n      ref=\"input\"\n      :model-value=\"firstValue\"\n      :class=\"ns.e('input')\"\n      :step=\"step\"\n      :disabled=\"sliderDisabled\"\n      :controls=\"showInputControls\"\n      :min=\"min\"\n      :max=\"max\"\n      :debounce=\"debounce\"\n      :size=\"sliderInputSize\"\n      @update:model-value=\"setFirstValue\"\n      @change=\"emitChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport ElInputNumber from '@element-plus/components/input-number'\nimport {\n  UPDATE_MODEL_EVENT,\n  CHANGE_EVENT,\n  INPUT_EVENT,\n} from '@element-plus/constants'\nimport { off, on, throwError, isValidComponentSize } from '@element-plus/utils'\nimport { useNamespace, useSize } from '@element-plus/hooks'\nimport SliderButton from './button.vue'\nimport SliderMarker from './marker.vue'\nimport { useMarks } from './useMarks'\nimport { useSlide } from './useSlide'\nimport { useStops } from './useStops'\n\nimport type { PropType, Ref } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { Nullable } from '@element-plus/utils'\n\nexport default defineComponent({\n  name: 'ElSlider',\n\n  components: {\n    ElInputNumber,\n    SliderButton,\n    SliderMarker,\n  },\n\n  props: {\n    modelValue: {\n      type: [Number, Array] as PropType<number | number[]>,\n      default: 0,\n    },\n    min: {\n      type: Number,\n      default: 0,\n    },\n    max: {\n      type: Number,\n      default: 100,\n    },\n    step: {\n      type: Number,\n      default: 1,\n    },\n    showInput: {\n      type: Boolean,\n      default: false,\n    },\n    showInputControls: {\n      type: Boolean,\n      default: true,\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    inputSize: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    showStops: {\n      type: Boolean,\n      default: false,\n    },\n    showTooltip: {\n      type: Boolean,\n      default: true,\n    },\n    formatTooltip: {\n      type: Function as PropType<(val: number) => number | string>,\n      default: undefined,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    range: {\n      type: Boolean,\n      default: false,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n    height: {\n      type: String,\n      default: '',\n    },\n    debounce: {\n      type: Number,\n      default: 300,\n    },\n    label: {\n      type: String,\n      default: undefined,\n    },\n    tooltipClass: {\n      type: String,\n      default: undefined,\n    },\n    marks: Object,\n  },\n\n  emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT],\n\n  setup(props, { emit }) {\n    const ns = useNamespace('slider')\n    const initData = reactive({\n      firstValue: 0,\n      secondValue: 0,\n      oldValue: 0,\n      dragging: false,\n      sliderSize: 1,\n    })\n\n    const {\n      elFormItem,\n      slider,\n      firstButton,\n      secondButton,\n      sliderDisabled,\n      minValue,\n      maxValue,\n      runwayStyle,\n      barStyle,\n      resetSize,\n      emitChange,\n      onSliderClick,\n      setFirstValue,\n      setSecondValue,\n    } = useSlide(props, initData, emit)\n\n    const { stops, getStopStyle } = useStops(\n      props,\n      initData,\n      minValue,\n      maxValue\n    )\n\n    const sliderWrapperSize = useSize()\n    const sliderInputSize = computed(\n      () => props.inputSize || sliderWrapperSize.value\n    )\n\n    const sliderKls = computed(() => [\n      ns.b(),\n      ns.m(sliderWrapperSize.value),\n      ns.is('vertical', props.vertical),\n      { [ns.m('with-input')]: props.showInput },\n    ])\n\n    const markList = useMarks(props)\n\n    useWatch(props, initData, minValue, maxValue, emit, elFormItem)\n\n    const precision = computed(() => {\n      const precisions = [props.min, props.max, props.step].map((item) => {\n        const decimal = `${item}`.split('.')[1]\n        return decimal ? decimal.length : 0\n      })\n      return Math.max.apply(null, precisions)\n    })\n\n    const { sliderWrapper } = useLifecycle(props, initData, resetSize)\n\n    const { firstValue, secondValue, oldValue, dragging, sliderSize } =\n      toRefs(initData)\n\n    const updateDragging = (val: boolean) => {\n      initData.dragging = val\n    }\n\n    provide('SliderProvider', {\n      ...toRefs(props),\n      sliderSize,\n      disabled: sliderDisabled,\n      precision,\n      emitChange,\n      resetSize,\n      updateDragging,\n    })\n\n    return {\n      ns,\n      firstValue,\n      secondValue,\n      oldValue,\n      dragging,\n      sliderSize,\n\n      slider,\n      firstButton,\n      secondButton,\n      sliderDisabled,\n      runwayStyle,\n      barStyle,\n      emitChange,\n      onSliderClick,\n      getStopStyle,\n      setFirstValue,\n      setSecondValue,\n\n      stops,\n      markList,\n\n      sliderWrapper,\n      sliderWrapperSize,\n      sliderInputSize,\n      sliderKls,\n    }\n  },\n})\n\nconst useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {\n  const _emit = (val: number | number[]) => {\n    emit(UPDATE_MODEL_EVENT, val)\n    emit(INPUT_EVENT, val)\n  }\n\n  const valueChanged = () => {\n    if (props.range) {\n      return ![minValue.value, maxValue.value].every(\n        (item, index) => item === initData.oldValue[index]\n      )\n    } else {\n      return props.modelValue !== initData.oldValue\n    }\n  }\n\n  const setValues = () => {\n    if (props.min > props.max) {\n      throwError('Slider', 'min should not be greater than max.')\n      return\n    }\n    const val = props.modelValue\n    if (props.range && Array.isArray(val)) {\n      if (val[1] < props.min) {\n        _emit([props.min, props.min])\n      } else if (val[0] > props.max) {\n        _emit([props.max, props.max])\n      } else if (val[0] < props.min) {\n        _emit([props.min, val[1]])\n      } else if (val[1] > props.max) {\n        _emit([val[0], props.max])\n      } else {\n        initData.firstValue = val[0]\n        initData.secondValue = val[1]\n        if (valueChanged()) {\n          elFormItem.validate?.('change')\n          initData.oldValue = val.slice()\n        }\n      }\n    } else if (!props.range && typeof val === 'number' && !isNaN(val)) {\n      if (val < props.min) {\n        _emit(props.min)\n      } else if (val > props.max) {\n        _emit(props.max)\n      } else {\n        initData.firstValue = val\n        if (valueChanged()) {\n          elFormItem.validate?.('change')\n          initData.oldValue = val\n        }\n      }\n    }\n  }\n\n  setValues()\n\n  watch(\n    () => initData.dragging,\n    (val) => {\n      if (!val) {\n        setValues()\n      }\n    }\n  )\n\n  watch(\n    () => props.modelValue,\n    (val, oldVal) => {\n      if (\n        initData.dragging ||\n        (Array.isArray(val) &&\n          Array.isArray(oldVal) &&\n          val.every((item, index) => item === oldVal[index]) &&\n          initData.firstValue === val[0] &&\n          initData.secondValue === val[1])\n      ) {\n        return\n      }\n      setValues()\n    },\n    {\n      deep: true,\n    }\n  )\n\n  watch(\n    () => [props.min, props.max],\n    () => {\n      setValues()\n    }\n  )\n}\n\nconst useLifecycle = (props, initData, resetSize) => {\n  const sliderWrapper: Ref<Nullable<HTMLElement>> = ref(null)\n\n  onMounted(async () => {\n    let valuetext\n    if (props.range) {\n      if (Array.isArray(props.modelValue)) {\n        initData.firstValue = Math.max(props.min, props.modelValue[0])\n        initData.secondValue = Math.min(props.max, props.modelValue[1])\n      } else {\n        initData.firstValue = props.min\n        initData.secondValue = props.max\n      }\n      initData.oldValue = [initData.firstValue, initData.secondValue]\n      valuetext = `${initData.firstValue}-${initData.secondValue}`\n    } else {\n      if (typeof props.modelValue !== 'number' || isNaN(props.modelValue)) {\n        initData.firstValue = props.min\n      } else {\n        initData.firstValue = Math.min(\n          props.max,\n          Math.max(props.min, props.modelValue)\n        )\n      }\n      initData.oldValue = initData.firstValue\n      valuetext = initData.firstValue\n    }\n\n    sliderWrapper.value.setAttribute('aria-valuetext', valuetext)\n\n    // label screen reader\n    sliderWrapper.value.setAttribute(\n      'aria-label',\n      props.label ? props.label : `slider between ${props.min} and ${props.max}`\n    )\n\n    on(window, 'resize', resetSize)\n\n    await nextTick()\n    resetSize()\n  })\n\n  onBeforeUnmount(() => {\n    off(window, 'resize', resetSize)\n  })\n\n  return {\n    sliderWrapper,\n  }\n}\n</script>\n"],"names":["SliderMarker","_openBlock"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/slider/src/index.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"sliderWrapper\"\n    :class=\"sliderKls\"\n    role=\"slider\"\n    :aria-valuemin=\"min\"\n    :aria-valuemax=\"max\"\n    :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n    :aria-disabled=\"sliderDisabled\"\n  >\n    <div\n      ref=\"slider\"\n      :class=\"[\n        ns.e('runway'),\n        { 'show-input': showInput && !range, disabled: sliderDisabled },\n      ]\"\n      :style=\"runwayStyle\"\n      @click=\"onSliderClick\"\n    >\n      <div :class=\"ns.e('bar')\" :style=\"barStyle\"></div>\n      <slider-button\n        ref=\"firstButton\"\n        :model-value=\"firstValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        @update:model-value=\"setFirstValue\"\n      />\n      <slider-button\n        v-if=\"range\"\n        ref=\"secondButton\"\n        :model-value=\"secondValue\"\n        :vertical=\"vertical\"\n        :tooltip-class=\"tooltipClass\"\n        @update:model-value=\"setSecondValue\"\n      />\n      <div v-if=\"showStops\">\n        <div\n          v-for=\"(item, key) in stops\"\n          :key=\"key\"\n          :class=\"ns.e('stop')\"\n          :style=\"getStopStyle(item)\"\n        ></div>\n      </div>\n      <template v-if=\"markList.length > 0\">\n        <div>\n          <div\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :style=\"getStopStyle(item.position)\"\n            :class=\"[ns.e('stop'), ns.e('marks-stop')]\"\n          ></div>\n        </div>\n        <div :class=\"ns.e('marks')\">\n          <slider-marker\n            v-for=\"(item, key) in markList\"\n            :key=\"key\"\n            :mark=\"item.mark\"\n            :style=\"getStopStyle(item.position)\"\n          />\n        </div>\n      </template>\n    </div>\n    <el-input-number\n      v-if=\"showInput && !range\"\n      ref=\"input\"\n      :model-value=\"firstValue\"\n      :class=\"ns.e('input')\"\n      :step=\"step\"\n      :disabled=\"sliderDisabled\"\n      :controls=\"showInputControls\"\n      :min=\"min\"\n      :max=\"max\"\n      :debounce=\"debounce\"\n      :size=\"sliderInputSize\"\n      @update:model-value=\"setFirstValue\"\n      @change=\"emitChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport ElInputNumber from '@element-plus/components/input-number'\nimport {\n  UPDATE_MODEL_EVENT,\n  CHANGE_EVENT,\n  INPUT_EVENT,\n} from '@element-plus/constants'\nimport { off, on, throwError, isValidComponentSize } from '@element-plus/utils'\nimport { useNamespace, useSize } from '@element-plus/hooks'\nimport SliderButton from './button.vue'\nimport SliderMarker from './marker.vue'\nimport { useMarks } from './useMarks'\nimport { useSlide } from './useSlide'\nimport { useStops } from './useStops'\n\nimport type { PropType, Ref } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { Nullable } from '@element-plus/utils'\n\nexport default defineComponent({\n  name: 'ElSlider',\n\n  components: {\n    ElInputNumber,\n    SliderButton,\n    SliderMarker,\n  },\n\n  props: {\n    modelValue: {\n      type: [Number, Array] as PropType<number | number[]>,\n      default: 0,\n    },\n    min: {\n      type: Number,\n      default: 0,\n    },\n    max: {\n      type: Number,\n      default: 100,\n    },\n    step: {\n      type: Number,\n      default: 1,\n    },\n    showInput: {\n      type: Boolean,\n      default: false,\n    },\n    showInputControls: {\n      type: Boolean,\n      default: true,\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    inputSize: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    showStops: {\n      type: Boolean,\n      default: false,\n    },\n    showTooltip: {\n      type: Boolean,\n      default: true,\n    },\n    formatTooltip: {\n      type: Function as PropType<(val: number) => number | string>,\n      default: undefined,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    range: {\n      type: Boolean,\n      default: false,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n    height: {\n      type: String,\n      default: '',\n    },\n    debounce: {\n      type: Number,\n      default: 300,\n    },\n    label: {\n      type: String,\n      default: undefined,\n    },\n    tooltipClass: {\n      type: String,\n      default: undefined,\n    },\n    marks: Object,\n  },\n\n  emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT],\n\n  setup(props, { emit }) {\n    const ns = useNamespace('slider')\n    const initData = reactive({\n      firstValue: 0,\n      secondValue: 0,\n      oldValue: 0,\n      dragging: false,\n      sliderSize: 1,\n    })\n\n    const {\n      elFormItem,\n      slider,\n      firstButton,\n      secondButton,\n      sliderDisabled,\n      minValue,\n      maxValue,\n      runwayStyle,\n      barStyle,\n      resetSize,\n      emitChange,\n      onSliderClick,\n      setFirstValue,\n      setSecondValue,\n    } = useSlide(props, initData, emit)\n\n    const { stops, getStopStyle } = useStops(\n      props,\n      initData,\n      minValue,\n      maxValue\n    )\n\n    const sliderWrapperSize = useSize()\n    const sliderInputSize = computed(\n      () => props.inputSize || sliderWrapperSize.value\n    )\n\n    const sliderKls = computed(() => [\n      ns.b(),\n      ns.m(sliderWrapperSize.value),\n      ns.is('vertical', props.vertical),\n      { [ns.m('with-input')]: props.showInput },\n    ])\n\n    const markList = useMarks(props)\n\n    useWatch(props, initData, minValue, maxValue, emit, elFormItem)\n\n    const precision = computed(() => {\n      const precisions = [props.min, props.max, props.step].map((item) => {\n        const decimal = `${item}`.split('.')[1]\n        return decimal ? decimal.length : 0\n      })\n      return Math.max.apply(null, precisions)\n    })\n\n    const { sliderWrapper } = useLifecycle(props, initData, resetSize)\n\n    const { firstValue, secondValue, oldValue, dragging, sliderSize } =\n      toRefs(initData)\n\n    const updateDragging = (val: boolean) => {\n      initData.dragging = val\n    }\n\n    provide('SliderProvider', {\n      ...toRefs(props),\n      sliderSize,\n      disabled: sliderDisabled,\n      precision,\n      emitChange,\n      resetSize,\n      updateDragging,\n    })\n\n    return {\n      ns,\n      firstValue,\n      secondValue,\n      oldValue,\n      dragging,\n      sliderSize,\n\n      slider,\n      firstButton,\n      secondButton,\n      sliderDisabled,\n      runwayStyle,\n      barStyle,\n      emitChange,\n      onSliderClick,\n      getStopStyle,\n      setFirstValue,\n      setSecondValue,\n\n      stops,\n      markList,\n\n      sliderWrapper,\n      sliderWrapperSize,\n      sliderInputSize,\n      sliderKls,\n    }\n  },\n})\n\nconst useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {\n  const _emit = (val: number | number[]) => {\n    emit(UPDATE_MODEL_EVENT, val)\n    emit(INPUT_EVENT, val)\n  }\n\n  const valueChanged = () => {\n    if (props.range) {\n      return ![minValue.value, maxValue.value].every(\n        (item, index) => item === initData.oldValue[index]\n      )\n    } else {\n      return props.modelValue !== initData.oldValue\n    }\n  }\n\n  const setValues = () => {\n    if (props.min > props.max) {\n      throwError('Slider', 'min should not be greater than max.')\n      return\n    }\n    const val = props.modelValue\n    if (props.range && Array.isArray(val)) {\n      if (val[1] < props.min) {\n        _emit([props.min, props.min])\n      } else if (val[0] > props.max) {\n        _emit([props.max, props.max])\n      } else if (val[0] < props.min) {\n        _emit([props.min, val[1]])\n      } else if (val[1] > props.max) {\n        _emit([val[0], props.max])\n      } else {\n        initData.firstValue = val[0]\n        initData.secondValue = val[1]\n        if (valueChanged()) {\n          elFormItem.validate?.('change')\n          initData.oldValue = val.slice()\n        }\n      }\n    } else if (!props.range && typeof val === 'number' && !isNaN(val)) {\n      if (val < props.min) {\n        _emit(props.min)\n      } else if (val > props.max) {\n        _emit(props.max)\n      } else {\n        initData.firstValue = val\n        if (valueChanged()) {\n          elFormItem.validate?.('change')\n          initData.oldValue = val\n        }\n      }\n    }\n  }\n\n  setValues()\n\n  watch(\n    () => initData.dragging,\n    (val) => {\n      if (!val) {\n        setValues()\n      }\n    }\n  )\n\n  watch(\n    () => props.modelValue,\n    (val, oldVal) => {\n      if (\n        initData.dragging ||\n        (Array.isArray(val) &&\n          Array.isArray(oldVal) &&\n          val.every((item, index) => item === oldVal[index]) &&\n          initData.firstValue === val[0] &&\n          initData.secondValue === val[1])\n      ) {\n        return\n      }\n      setValues()\n    },\n    {\n      deep: true,\n    }\n  )\n\n  watch(\n    () => [props.min, props.max],\n    () => {\n      setValues()\n    }\n  )\n}\n\nconst useLifecycle = (props, initData, resetSize) => {\n  const sliderWrapper: Ref<Nullable<HTMLElement>> = ref(null)\n\n  onMounted(async () => {\n    let valuetext\n    if (props.range) {\n      if (Array.isArray(props.modelValue)) {\n        initData.firstValue = Math.max(props.min, props.modelValue[0])\n        initData.secondValue = Math.min(props.max, props.modelValue[1])\n      } else {\n        initData.firstValue = props.min\n        initData.secondValue = props.max\n      }\n      initData.oldValue = [initData.firstValue, initData.secondValue]\n      valuetext = `${initData.firstValue}-${initData.secondValue}`\n    } else {\n      if (typeof props.modelValue !== 'number' || isNaN(props.modelValue)) {\n        initData.firstValue = props.min\n      } else {\n        initData.firstValue = Math.min(\n          props.max,\n          Math.max(props.min, props.modelValue)\n        )\n      }\n      initData.oldValue = initData.firstValue\n      valuetext = initData.firstValue\n    }\n\n    sliderWrapper.value.setAttribute('aria-valuetext', valuetext)\n\n    // label screen reader\n    sliderWrapper.value.setAttribute(\n      'aria-label',\n      props.label ? props.label : `slider between ${props.min} and ${props.max}`\n    )\n\n    on(window, 'resize', resetSize)\n\n    await nextTick()\n    resetSize()\n  })\n\n  onBeforeUnmount(() => {\n    off(window, 'resize', resetSize)\n  })\n\n  return {\n    sliderWrapper,\n  }\n}\n</script>\n"],"names":["SliderMarker","_openBlock","_normalizeClass","_normalizeStyle"],"mappings":"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"}

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

@@ -195,9 +195,9 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: number | number[];
     label: string;
-    height: string;
     vertical: boolean;
     range: boolean;
+    height: string;
     debounce: number;
     max: number;
     min: number;

package/es/components/slot/src/only-child.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, inject, withDirectives, cloneVNode, Fragment, Text, h, Comment } from 'vue';
+import { defineComponent, inject, withDirectives, cloneVNode, Fragment, h, Text, Comment } from 'vue';
 import { NOOP, isObject } from '@vue/shared';
 import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
@@ -44,6 +44,8 @@ function findFirstLegitChild(node) {
           continue;
         case Text:
           return wrapTextContent(child);
+        case "svg":
+          return wrapTextContent(child);
         case Fragment:
           return findFirstLegitChild(child.children);
         default:

package/es/components/slot/src/only-child.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"only-child.mjs","sources":["../../../../../../packages/components/slot/src/only-child.ts"],"sourcesContent":["import {\n  cloneVNode,\n  Comment,\n  defineComponent,\n  Fragment,\n  h,\n  Text,\n  withDirectives,\n  inject,\n} from 'vue'\nimport { NOOP, isObject } from '@vue/shared'\nimport {\n  FORWARD_REF_INJECTION_KEY,\n  useForwardRefDirective,\n} from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\n\nimport type { VNode } from 'vue'\n\nconst NAME = 'ElOnlyChild'\n\nconst OnlyChild = defineComponent({\n  name: NAME,\n  setup(_, { slots, attrs }) {\n    const forwardRefInjection = inject(FORWARD_REF_INJECTION_KEY, undefined)!\n    const forwardRefDirective = useForwardRefDirective(\n      forwardRefInjection.setForwardRef ?? NOOP\n    )\n    return () => {\n      const defaultSlot = slots.default?.(attrs)\n      if (!defaultSlot) return null\n\n      if (defaultSlot.length > 1) {\n        debugWarn(NAME, 'ElOnlyChild requires exact only one valid child.')\n        return null\n      }\n\n      const firstLegitNode = findFirstLegitChild(defaultSlot)\n      if (!firstLegitNode) {\n        debugWarn(NAME, 'no valid child node found')\n        return null\n      }\n\n      return withDirectives(cloneVNode(firstLegitNode, attrs), [\n        [forwardRefDirective],\n      ])\n    }\n  },\n})\n\nfunction findFirstLegitChild(node: VNode[] | undefined) {\n  if (!node) return null\n  const children = node as VNode[]\n  for (let i = 0; i < children.length; i++) {\n    /**\n     * when user uses h(Fragment, [text]) to render plain string,\n     * this switch case just cannot handle, when the value is primitives\n     * we should just return the wrapped string\n     */\n    const child = children[i]\n    if (isObject(child)) {\n      switch (child.type) {\n        case Comment:\n          continue\n        case Text:\n          return wrapTextContent(child)\n        case Fragment:\n          return findFirstLegitChild(child.children as VNode[])\n        default:\n          return child\n      }\n    }\n    return wrapTextContent(child)\n  }\n  return null\n}\n\nfunction wrapTextContent(s: string | VNode) {\n  return h('span', { class: 'el-only-child__content' }, [s])\n}\n\nexport default OnlyChild\n"],"names":[],"mappings":";;;;;;;AAgBA,MAAM,IAAI,GAAG,aAAa,CAAC;AACtB,MAAC,SAAS,GAAG,eAAe,CAAC;AAClC,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;AAC7B,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,MAAM,mBAAmB,GAAG,MAAM,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAC,CAAC;AAC1E,IAAI,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,CAAC,EAAE,GAAG,mBAAmB,CAAC,aAAa,KAAK,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;AACrH,IAAI,OAAO,MAAM;AACjB,MAAM,IAAI,GAAG,CAAC;AACd,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAC1F,MAAM,IAAI,CAAC,WAAW;AACtB,QAAQ,OAAO,IAAI,CAAC;AACpB,MAAM,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;AAClC,QAAQ,SAAS,CAAC,IAAI,EAAE,kDAAkD,CAAC,CAAC;AAC5E,QAAQ,OAAO,IAAI,CAAC;AACpB,OAAO;AACP,MAAM,MAAM,cAAc,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;AAC9D,MAAM,IAAI,CAAC,cAAc,EAAE;AAC3B,QAAQ,SAAS,CAAC,IAAI,EAAE,2BAA2B,CAAC,CAAC;AACrD,QAAQ,OAAO,IAAI,CAAC;AACpB,OAAO;AACP,MAAM,OAAO,cAAc,CAAC,UAAU,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE;AAC/D,QAAQ,CAAC,mBAAmB,CAAC;AAC7B,OAAO,CAAC,CAAC;AACT,KAAK,CAAC;AACN,GAAG;AACH,CAAC,EAAE;AACH,SAAS,mBAAmB,CAAC,IAAI,EAAE;AACnC,EAAE,IAAI,CAAC,IAAI;AACX,IAAI,OAAO,IAAI,CAAC;AAChB,EAAE,MAAM,QAAQ,GAAG,IAAI,CAAC;AACxB,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC5C,IAAI,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AAC9B,IAAI,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;AACzB,MAAM,QAAQ,KAAK,CAAC,IAAI;AACxB,QAAQ,KAAK,OAAO;AACpB,UAAU,SAAS;AACnB,QAAQ,KAAK,IAAI;AACjB,UAAU,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACxC,QAAQ,KAAK,QAAQ;AACrB,UAAU,OAAO,mBAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACrD,QAAQ;AACR,UAAU,OAAO,KAAK,CAAC;AACvB,OAAO;AACP,KAAK;AACL,IAAI,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAClC,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACD,SAAS,eAAe,CAAC,CAAC,EAAE;AAC5B,EAAE,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D;;;;"}
+{"version":3,"file":"only-child.mjs","sources":["../../../../../../packages/components/slot/src/only-child.ts"],"sourcesContent":["import {\n  cloneVNode,\n  Comment,\n  defineComponent,\n  Fragment,\n  h,\n  Text,\n  withDirectives,\n  inject,\n} from 'vue'\nimport { NOOP, isObject } from '@vue/shared'\nimport {\n  FORWARD_REF_INJECTION_KEY,\n  useForwardRefDirective,\n} from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\n\nimport type { VNode } from 'vue'\n\nconst NAME = 'ElOnlyChild'\n\nconst OnlyChild = defineComponent({\n  name: NAME,\n  setup(_, { slots, attrs }) {\n    const forwardRefInjection = inject(FORWARD_REF_INJECTION_KEY, undefined)!\n    const forwardRefDirective = useForwardRefDirective(\n      forwardRefInjection.setForwardRef ?? NOOP\n    )\n    return () => {\n      const defaultSlot = slots.default?.(attrs)\n      if (!defaultSlot) return null\n\n      if (defaultSlot.length > 1) {\n        debugWarn(NAME, 'ElOnlyChild requires exact only one valid child.')\n        return null\n      }\n\n      const firstLegitNode = findFirstLegitChild(defaultSlot)\n      if (!firstLegitNode) {\n        debugWarn(NAME, 'no valid child node found')\n        return null\n      }\n\n      return withDirectives(cloneVNode(firstLegitNode, attrs), [\n        [forwardRefDirective],\n      ])\n    }\n  },\n})\n\nfunction findFirstLegitChild(node: VNode[] | undefined) {\n  if (!node) return null\n  const children = node as VNode[]\n  for (let i = 0; i < children.length; i++) {\n    /**\n     * when user uses h(Fragment, [text]) to render plain string,\n     * this switch case just cannot handle, when the value is primitives\n     * we should just return the wrapped string\n     */\n    const child = children[i]\n    if (isObject(child)) {\n      switch (child.type) {\n        case Comment:\n          continue\n        case Text:\n          return wrapTextContent(child)\n        case 'svg':\n          return wrapTextContent(child)\n        case Fragment:\n          return findFirstLegitChild(child.children as VNode[])\n        default:\n          return child\n      }\n    }\n    return wrapTextContent(child)\n  }\n  return null\n}\n\nfunction wrapTextContent(s: string | VNode) {\n  return h('span', { class: 'el-only-child__content' }, [s])\n}\n\nexport default OnlyChild\n"],"names":[],"mappings":";;;;;;;AAgBA,MAAM,IAAI,GAAG,aAAa,CAAC;AACtB,MAAC,SAAS,GAAG,eAAe,CAAC;AAClC,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;AAC7B,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,MAAM,mBAAmB,GAAG,MAAM,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAC,CAAC;AAC1E,IAAI,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,CAAC,EAAE,GAAG,mBAAmB,CAAC,aAAa,KAAK,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;AACrH,IAAI,OAAO,MAAM;AACjB,MAAM,IAAI,GAAG,CAAC;AACd,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAC1F,MAAM,IAAI,CAAC,WAAW;AACtB,QAAQ,OAAO,IAAI,CAAC;AACpB,MAAM,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;AAClC,QAAQ,SAAS,CAAC,IAAI,EAAE,kDAAkD,CAAC,CAAC;AAC5E,QAAQ,OAAO,IAAI,CAAC;AACpB,OAAO;AACP,MAAM,MAAM,cAAc,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;AAC9D,MAAM,IAAI,CAAC,cAAc,EAAE;AAC3B,QAAQ,SAAS,CAAC,IAAI,EAAE,2BAA2B,CAAC,CAAC;AACrD,QAAQ,OAAO,IAAI,CAAC;AACpB,OAAO;AACP,MAAM,OAAO,cAAc,CAAC,UAAU,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE;AAC/D,QAAQ,CAAC,mBAAmB,CAAC;AAC7B,OAAO,CAAC,CAAC;AACT,KAAK,CAAC;AACN,GAAG;AACH,CAAC,EAAE;AACH,SAAS,mBAAmB,CAAC,IAAI,EAAE;AACnC,EAAE,IAAI,CAAC,IAAI;AACX,IAAI,OAAO,IAAI,CAAC;AAChB,EAAE,MAAM,QAAQ,GAAG,IAAI,CAAC;AACxB,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC5C,IAAI,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AAC9B,IAAI,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;AACzB,MAAM,QAAQ,KAAK,CAAC,IAAI;AACxB,QAAQ,KAAK,OAAO;AACpB,UAAU,SAAS;AACnB,QAAQ,KAAK,IAAI;AACjB,UAAU,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACxC,QAAQ,KAAK,KAAK;AAClB,UAAU,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACxC,QAAQ,KAAK,QAAQ;AACrB,UAAU,OAAO,mBAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACrD,QAAQ;AACR,UAAU,OAAO,KAAK,CAAC;AACvB,OAAO;AACP,KAAK;AACL,IAAI,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAClC,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACD,SAAS,eAAe,CAAC,CAAC,EAAE;AAC5B,EAAE,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D;;;;"}

package/es/components/space/src/item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"item.mjs","sources":["../../../../../../packages/components/space/src/item.vue"],"sourcesContent":["<template>\n  <div :class=\"classes\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { buildProps } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\n\nconst spaceItem = buildProps({\n  prefixCls: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport default defineComponent({\n  props: spaceItem,\n\n  setup(props) {\n    const ns = useNamespace('space')\n\n    const classes = computed(() => `${props.prefixCls || ns.b()}__item`)\n\n    return {\n      classes,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock"],"mappings":";;;;;;;AAWA,MAAM,YAAY,WAAW;AAAA,EAC3B,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;AAIb,MAAK,YAAa,gBAAa;AAAA,EAC7B,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,KAAK,aAAa;AAExB,UAAM,UAAU,SAAS,MAAM,GAAG,MAAM,aAAa,GAAG;AAExD,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;2BA1BJ,wBAEM;SAFKA,gCAAS;AAAA;KAClB;AAAA;;;;;;;"}
+{"version":3,"file":"item.mjs","sources":["../../../../../../packages/components/space/src/item.vue"],"sourcesContent":["<template>\n  <div :class=\"classes\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { buildProps } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\n\nconst spaceItem = buildProps({\n  prefixCls: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport default defineComponent({\n  props: spaceItem,\n\n  setup(props) {\n    const ns = useNamespace('space')\n\n    const classes = computed(() => `${props.prefixCls || ns.b()}__item`)\n\n    return {\n      classes,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;;;AAWA,MAAM,YAAY,WAAW;AAAA,EAC3B,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;AAIb,MAAK,YAAa,gBAAa;AAAA,EAC7B,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,KAAK,aAAa;AAExB,UAAM,UAAU,SAAS,MAAM,GAAG,MAAM,aAAa,GAAG;AAExD,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;sBA1BJA,mBAEM;AAAA,IAFA,OAAKC,eAAE;AAAA;IACXC,WAAQ;AAAA;;;;;;"}

package/es/components/steps/src/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/steps/src/index.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.m(simple ? 'simple' : direction)]\">\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, ref, provide } from 'vue'\n\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\n\nexport default defineComponent({\n  name: 'ElSteps',\n  props: {\n    space: {\n      type: [Number, String],\n      default: '',\n    },\n    active: {\n      type: Number,\n      default: 0,\n    },\n    direction: {\n      type: String,\n      default: 'horizontal',\n      validator: (val: string): boolean =>\n        ['horizontal', 'vertical'].includes(val),\n    },\n    alignCenter: {\n      type: Boolean,\n      default: false,\n    },\n    simple: {\n      type: Boolean,\n      default: false,\n    },\n    finishStatus: {\n      type: String,\n      default: 'finish',\n      validator: (val: string): boolean =>\n        ['wait', 'process', 'finish', 'error', 'success'].includes(val),\n    },\n    processStatus: {\n      type: String,\n      default: 'process',\n      validator: (val: string): boolean =>\n        ['wait', 'process', 'finish', 'error', 'success'].includes(val),\n    },\n  },\n  emits: [CHANGE_EVENT],\n  setup(props, { emit }) {\n    const ns = useNamespace('steps')\n    const steps = ref([])\n\n    watch(steps, () => {\n      steps.value.forEach((instance, index) => {\n        instance.setIndex(index)\n      })\n    })\n\n    provide('ElSteps', { props, steps })\n\n    watch(\n      () => props.active,\n      (newVal, oldVal) => {\n        emit(CHANGE_EVENT, newVal, oldVal)\n      }\n    )\n\n    return {\n      steps,\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock"],"mappings":";;;;;;;AAYA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QACV,CAAC,cAAc,YAAY,SAAS;AAAA;AAAA,IAExC,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QACV,CAAC,QAAQ,WAAW,UAAU,SAAS,WAAW,SAAS;AAAA;AAAA,IAE/D,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QACV,CAAC,QAAQ,WAAW,UAAU,SAAS,WAAW,SAAS;AAAA;AAAA;AAAA,EAGjE,OAAO,CAAC;AAAA,EACR,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAK,aAAa;AACxB,UAAM,QAAQ,IAAI;AAElB,UAAM,OAAO,MAAM;AACjB,YAAM,MAAM,QAAQ,CAAC,UAAU,UAAU;AACvC,iBAAS,SAAS;AAAA;AAAA;AAItB,YAAQ,WAAW,EAAE,OAAO;AAE5B,UACE,MAAM,MAAM,QACZ,CAAC,QAAQ,WAAW;AAClB,WAAK,cAAc,QAAQ;AAAA;AAI/B,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;2BAvEJ,wBAEM;SAFKA,gCAAW,OAAK;AAAA;KACzB;AAAA;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/steps/src/index.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.m(simple ? 'simple' : direction)]\">\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, ref, provide } from 'vue'\n\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\n\nexport default defineComponent({\n  name: 'ElSteps',\n  props: {\n    space: {\n      type: [Number, String],\n      default: '',\n    },\n    active: {\n      type: Number,\n      default: 0,\n    },\n    direction: {\n      type: String,\n      default: 'horizontal',\n      validator: (val: string): boolean =>\n        ['horizontal', 'vertical'].includes(val),\n    },\n    alignCenter: {\n      type: Boolean,\n      default: false,\n    },\n    simple: {\n      type: Boolean,\n      default: false,\n    },\n    finishStatus: {\n      type: String,\n      default: 'finish',\n      validator: (val: string): boolean =>\n        ['wait', 'process', 'finish', 'error', 'success'].includes(val),\n    },\n    processStatus: {\n      type: String,\n      default: 'process',\n      validator: (val: string): boolean =>\n        ['wait', 'process', 'finish', 'error', 'success'].includes(val),\n    },\n  },\n  emits: [CHANGE_EVENT],\n  setup(props, { emit }) {\n    const ns = useNamespace('steps')\n    const steps = ref([])\n\n    watch(steps, () => {\n      steps.value.forEach((instance, index) => {\n        instance.setIndex(index)\n      })\n    })\n\n    provide('ElSteps', { props, steps })\n\n    watch(\n      () => props.active,\n      (newVal, oldVal) => {\n        emit(CHANGE_EVENT, newVal, oldVal)\n      }\n    )\n\n    return {\n      steps,\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;;;AAYA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QACV,CAAC,cAAc,YAAY,SAAS;AAAA;AAAA,IAExC,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QACV,CAAC,QAAQ,WAAW,UAAU,SAAS,WAAW,SAAS;AAAA;AAAA,IAE/D,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QACV,CAAC,QAAQ,WAAW,UAAU,SAAS,WAAW,SAAS;AAAA;AAAA;AAAA,EAGjE,OAAO,CAAC;AAAA,EACR,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAK,aAAa;AACxB,UAAM,QAAQ,IAAI;AAElB,UAAM,OAAO,MAAM;AACjB,YAAM,MAAM,QAAQ,CAAC,UAAU,UAAU;AACvC,iBAAS,SAAS;AAAA;AAAA;AAItB,YAAQ,WAAW,EAAE,OAAO;AAE5B,UACE,MAAM,MAAM,QACZ,CAAC,QAAQ,WAAW;AAClB,WAAK,cAAc,QAAQ;AAAA;AAI/B,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;sBAvEJA,mBAEM;AAAA,IAFA,OAAKC,gBAAG,QAAG,KAAK,QAAG,EAAE,cAAM,WAAc;AAAA;IAC7CC,WAAa;AAAA;;;;;;"}