@element-plus/nightly 0.0.20220121 → 0.0.20220125

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

@@ -1,288 +0,0 @@
-import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, withModifiers, createVNode, withCtx, createElementVNode, renderSlot, createCommentVNode, normalizeStyle, toDisplayString, createBlock, Fragment, renderList, withKeys, resolveDynamicComponent, vShow, normalizeProps, guardReactiveProps } from 'vue';
-
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = {
-  key: 1,
-  class: "el-select-v2__selection"
-};
-const _hoisted_3 = {
-  key: 0,
-  class: "el-select-v2__selected-item"
-};
-const _hoisted_4 = ["id", "autocomplete", "aria-expanded", "aria-labelledby", "disabled", "readonly", "name", "unselectable"];
-const _hoisted_5 = ["textContent"];
-const _hoisted_6 = { class: "el-select-v2__selected-item el-select-v2__input-wrapper" };
-const _hoisted_7 = ["id", "aria-labelledby", "aria-expanded", "autocomplete", "disabled", "name", "readonly", "unselectable"];
-const _hoisted_8 = ["textContent"];
-const _hoisted_9 = { class: "el-select-v2__suffix" };
-const _hoisted_10 = { class: "el-select-v2__empty" };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_tag = resolveComponent("el-tag");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_select_menu = resolveComponent("el-select-menu");
-  const _component_el_tooltip = resolveComponent("el-tooltip");
-  const _directive_model_text = resolveDirective("model-text");
-  const _directive_click_outside = resolveDirective("click-outside");
-  return withDirectives((openBlock(), createElementBlock("div", {
-    ref: "selectRef",
-    class: normalizeClass([[_ctx.selectSize ? "el-select-v2--" + _ctx.selectSize : ""], "el-select-v2"]),
-    onClick: _cache[24] || (_cache[24] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"])),
-    onMouseenter: _cache[25] || (_cache[25] = ($event) => _ctx.states.comboBoxHovering = true),
-    onMouseleave: _cache[26] || (_cache[26] = ($event) => _ctx.states.comboBoxHovering = false)
-  }, [
-    createVNode(_component_el_tooltip, {
-      ref: "popper",
-      visible: _ctx.dropdownMenuVisible,
-      "onUpdate:visible": _cache[22] || (_cache[22] = ($event) => _ctx.dropdownMenuVisible = $event),
-      "append-to-body": _ctx.popperAppendToBody,
-      "popper-class": `el-select-v2__popper ${_ctx.popperClass}`,
-      "gpu-acceleration": false,
-      "stop-popper-mouse-event": false,
-      "popper-options": _ctx.popperOptions,
-      "fallback-placements": ["bottom-start", "top-start", "right", "left"],
-      effect: "light",
-      placement: "bottom-start",
-      pure: "",
-      transition: "el-zoom-in-top",
-      trigger: "click",
-      persistent: "",
-      onShow: _ctx.handleMenuEnter,
-      onHide: _cache[23] || (_cache[23] = ($event) => _ctx.states.inputValue = _ctx.states.displayInputValue)
-    }, {
-      default: withCtx(() => {
-        var _a;
-        return [
-          createElementVNode("div", {
-            ref: "selectionRef",
-            class: normalizeClass(["el-select-v2__wrapper", {
-              "is-focused": _ctx.states.isComposing,
-              "is-hovering": _ctx.states.comboBoxHovering,
-              "is-filterable": _ctx.filterable,
-              "is-disabled": _ctx.disabled
-            }])
-          }, [
-            _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1, [
-              renderSlot(_ctx.$slots, "prefix")
-            ])) : createCommentVNode("v-if", true),
-            _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              _ctx.collapseTags && _ctx.modelValue.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                createVNode(_component_el_tag, {
-                  closable: !_ctx.selectDisabled && !((_a = _ctx.states.cachedOptions[0]) == null ? void 0 : _a.disable),
-                  size: _ctx.collapseTagSize,
-                  type: "info",
-                  "disable-transitions": "",
-                  onClose: _cache[0] || (_cache[0] = ($event) => _ctx.deleteTag($event, _ctx.states.cachedOptions[0]))
-                }, {
-                  default: withCtx(() => {
-                    var _a2;
-                    return [
-                      createElementVNode("span", {
-                        class: "el-select-v2__tags-text",
-                        style: normalizeStyle({
-                          maxWidth: `${_ctx.tagMaxWidth}px`
-                        })
-                      }, toDisplayString((_a2 = _ctx.states.cachedOptions[0]) == null ? void 0 : _a2.label), 5)
-                    ];
-                  }),
-                  _: 1
-                }, 8, ["closable", "size"]),
-                _ctx.modelValue.length > 1 ? (openBlock(), createBlock(_component_el_tag, {
-                  key: 0,
-                  closable: false,
-                  size: _ctx.collapseTagSize,
-                  type: "info",
-                  "disable-transitions": ""
-                }, {
-                  default: withCtx(() => [
-                    createElementVNode("span", {
-                      class: "el-select-v2__tags-text",
-                      style: normalizeStyle({
-                        maxWidth: `${_ctx.tagMaxWidth}px`
-                      })
-                    }, "+ " + toDisplayString(_ctx.modelValue.length - 1), 5)
-                  ]),
-                  _: 1
-                }, 8, ["size"])) : createCommentVNode("v-if", true)
-              ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.states.cachedOptions, (selected, idx) => {
-                return openBlock(), createElementBlock("div", {
-                  key: idx,
-                  class: "el-select-v2__selected-item"
-                }, [
-                  (openBlock(), createBlock(_component_el_tag, {
-                    key: _ctx.getValueKey(selected),
-                    closable: !_ctx.selectDisabled && !selected.disabled,
-                    size: _ctx.collapseTagSize,
-                    type: "info",
-                    "disable-transitions": "",
-                    onClose: ($event) => _ctx.deleteTag($event, selected)
-                  }, {
-                    default: withCtx(() => [
-                      createElementVNode("span", {
-                        class: "el-select-v2__tags-text",
-                        style: normalizeStyle({
-                          maxWidth: `${_ctx.tagMaxWidth}px`
-                        })
-                      }, toDisplayString(_ctx.getLabel(selected)), 5)
-                    ]),
-                    _: 2
-                  }, 1032, ["closable", "size", "onClose"]))
-                ]);
-              }), 128)),
-              createElementVNode("div", {
-                class: "el-select-v2__selected-item el-select-v2__input-wrapper",
-                style: normalizeStyle(_ctx.inputWrapperStyle)
-              }, [
-                withDirectives(createElementVNode("input", {
-                  id: _ctx.id,
-                  ref: "inputRef",
-                  autocomplete: _ctx.autocomplete,
-                  "aria-autocomplete": "list",
-                  "aria-haspopup": "listbox",
-                  autocapitalize: "off",
-                  "aria-expanded": _ctx.expanded,
-                  "aria-labelledby": _ctx.label,
-                  class: normalizeClass(["el-select-v2__combobox-input", [_ctx.selectSize ? `is-${_ctx.selectSize}` : ""]]),
-                  disabled: _ctx.disabled,
-                  role: "combobox",
-                  readonly: !_ctx.filterable,
-                  spellcheck: "false",
-                  type: "text",
-                  name: _ctx.name,
-                  unselectable: _ctx.expanded ? "on" : void 0,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args)),
-                  onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-                  onInput: _cache[3] || (_cache[3] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-                  onCompositionstart: _cache[4] || (_cache[4] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
-                  onCompositionupdate: _cache[5] || (_cache[5] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
-                  onCompositionend: _cache[6] || (_cache[6] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
-                  onKeydown: [
-                    _cache[7] || (_cache[7] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
-                    _cache[8] || (_cache[8] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
-                    _cache[9] || (_cache[9] = withKeys(withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
-                    _cache[10] || (_cache[10] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
-                    _cache[11] || (_cache[11] = withKeys(withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
-                  ]
-                }, null, 42, _hoisted_4), [
-                  [_directive_model_text, _ctx.states.displayInputValue]
-                ]),
-                _ctx.filterable ? (openBlock(), createElementBlock("span", {
-                  key: 0,
-                  ref: "calculatorRef",
-                  "aria-hidden": "true",
-                  class: "el-select-v2__input-calculator",
-                  textContent: toDisplayString(_ctx.states.displayInputValue)
-                }, null, 8, _hoisted_5)) : createCommentVNode("v-if", true)
-              ], 4)
-            ])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-              createElementVNode("div", _hoisted_6, [
-                withDirectives(createElementVNode("input", {
-                  id: _ctx.id,
-                  ref: "inputRef",
-                  "aria-autocomplete": "list",
-                  "aria-haspopup": "listbox",
-                  "aria-labelledby": _ctx.label,
-                  "aria-expanded": _ctx.expanded,
-                  autocapitalize: "off",
-                  autocomplete: _ctx.autocomplete,
-                  class: "el-select-v2__combobox-input",
-                  disabled: _ctx.disabled,
-                  name: _ctx.name,
-                  role: "combobox",
-                  readonly: !_ctx.filterable,
-                  spellcheck: "false",
-                  type: "text",
-                  unselectable: _ctx.expanded ? "on" : void 0,
-                  onCompositionstart: _cache[12] || (_cache[12] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
-                  onCompositionupdate: _cache[13] || (_cache[13] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
-                  onCompositionend: _cache[14] || (_cache[14] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
-                  onFocus: _cache[15] || (_cache[15] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-                  onInput: _cache[16] || (_cache[16] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-                  onKeydown: [
-                    _cache[17] || (_cache[17] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
-                    _cache[18] || (_cache[18] = withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
-                    _cache[19] || (_cache[19] = withKeys(withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
-                    _cache[20] || (_cache[20] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"]))
-                  ],
-                  "onUpdate:modelValue": _cache[21] || (_cache[21] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args))
-                }, null, 40, _hoisted_7), [
-                  [_directive_model_text, _ctx.states.displayInputValue]
-                ])
-              ]),
-              _ctx.filterable ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                ref: "calculatorRef",
-                "aria-hidden": "true",
-                class: "el-select-v2__selected-item el-select-v2__input-calculator",
-                textContent: toDisplayString(_ctx.states.displayInputValue)
-              }, null, 8, _hoisted_8)) : createCommentVNode("v-if", true)
-            ], 64)),
-            _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("span", {
-              key: 3,
-              class: normalizeClass({
-                "el-select-v2__placeholder": true,
-                "is-transparent": _ctx.states.isComposing || (_ctx.placeholder && _ctx.multiple ? _ctx.modelValue.length === 0 : !_ctx.hasModelValue)
-              })
-            }, toDisplayString(_ctx.currentPlaceholder), 3)) : createCommentVNode("v-if", true),
-            createElementVNode("span", _hoisted_9, [
-              _ctx.iconComponent ? withDirectives((openBlock(), createBlock(_component_el_icon, {
-                key: 0,
-                class: normalizeClass(["el-select-v2__caret", "el-input__icon", _ctx.iconReverse])
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
-                ]),
-                _: 1
-              }, 8, ["class"])), [
-                [vShow, !_ctx.showClearBtn]
-              ]) : createCommentVNode("v-if", true),
-              _ctx.showClearBtn && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
-                key: 1,
-                class: "el-select-v2__caret el-input__icon",
-                onClick: withModifiers(_ctx.handleClear, ["prevent", "stop"])
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
-                ]),
-                _: 1
-              }, 8, ["onClick"])) : createCommentVNode("v-if", true),
-              _ctx.validateState && _ctx.validateIcon ? (openBlock(), createBlock(_component_el_icon, {
-                key: 2,
-                class: "el-input__icon el-input__validateIcon"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.validateIcon)))
-                ]),
-                _: 1
-              })) : createCommentVNode("v-if", true)
-            ])
-          ], 2)
-        ];
-      }),
-      content: withCtx(() => [
-        createVNode(_component_el_select_menu, {
-          ref: "menuRef",
-          data: _ctx.filteredOptions,
-          width: _ctx.popperSize,
-          "hovering-index": _ctx.states.hoveringIndex,
-          "scrollbar-always-on": _ctx.scrollbarAlwaysOn
-        }, {
-          default: withCtx((scope) => [
-            renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(scope)))
-          ]),
-          empty: withCtx(() => [
-            renderSlot(_ctx.$slots, "empty", {}, () => [
-              createElementVNode("p", _hoisted_10, toDisplayString(_ctx.emptyText ? _ctx.emptyText : ""), 1)
-            ])
-          ]),
-          _: 3
-        }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
-      ]),
-      _: 3
-    }, 8, ["visible", "append-to-body", "popper-class", "popper-options", "onShow"])
-  ], 34)), [
-    [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
-  ]);
-}
-
-export { render };
-//# sourceMappingURL=select.vue_vue_type_template_id_13e598a4_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"select.vue_vue_type_template_id_13e598a4_lang.mjs","sources":["../../../../../../packages/components/select-v2/src/select.vue?vue&type=template&id=13e598a4&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[selectSize ? 'el-select-v2--' + selectSize : '']\"\n    class=\"el-select-v2\"\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      :append-to-body=\"popperAppendToBody\"\n      :popper-class=\"`el-select-v2__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=\"light\"\n      placement=\"bottom-start\"\n      pure\n      transition=\"el-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=\"el-select-v2__wrapper\"\n          :class=\"{\n            'is-focused': states.isComposing,\n            'is-hovering': states.comboBoxHovering,\n            'is-filterable': filterable,\n            'is-disabled': disabled,\n          }\"\n        >\n          <div v-if=\"$slots.prefix\">\n            <slot name=\"prefix\"></slot>\n          </div>\n          <div v-if=\"multiple\" class=\"el-select-v2__selection\">\n            <template v-if=\"collapseTags && modelValue.length > 0\">\n              <div class=\"el-select-v2__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=\"el-select-v2__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=\"el-select-v2__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=\"el-select-v2__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=\"el-select-v2__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=\"el-select-v2__selected-item el-select-v2__input-wrapper\"\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=\"el-select-v2__combobox-input\"\n                :class=\"[selectSize ? `is-${selectSize}` : '']\"\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=\"el-select-v2__input-calculator\"\n                v-text=\"states.displayInputValue\"\n              >\n              </span>\n            </div>\n          </div>\n          <template v-else>\n            <div\n              class=\"el-select-v2__selected-item el-select-v2__input-wrapper\"\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=\"el-select-v2__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=\"el-select-v2__selected-item el-select-v2__input-calculator\"\n              v-text=\"states.displayInputValue\"\n            >\n            </span>\n          </template>\n          <span\n            v-if=\"shouldShowPlaceholder\"\n            :class=\"{\n              'el-select-v2__placeholder': true,\n              'is-transparent':\n                states.isComposing ||\n                (placeholder && multiple\n                  ? modelValue.length === 0\n                  : !hasModelValue),\n            }\"\n          >\n            {{ currentPlaceholder }}\n          </span>\n          <span class=\"el-select-v2__suffix\">\n            <el-icon\n              v-if=\"iconComponent\"\n              v-show=\"!showClearBtn\"\n              :class=\"['el-select-v2__caret', 'el-input__icon', iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              class=\"el-select-v2__caret el-input__icon\"\n              @click.prevent.stop=\"handleClear\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon\"\n              class=\"el-input__icon el-input__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=\"el-select-v2__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/utils/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":["_createVNode","_normalizeStyle","_openBlock","_toDisplayString","_createElementBlock","_withCtx","_normalizeClass","_withDirectives"],"mappings":";;;;;;EA0C+B;;;;EAEZ;;;;0BA2GA;;;kDAsDyB;eAqC3B,KAAK,EAAC;;;;;;;;;;;IAhPnB;IAEC,qFACK;;IAELA,WAAU;;;;MAIT;MACQ;;MACP;MACA;MACA;MACA;MACA;MACA;MACD;MACA,SAAS;MACT;MACA,YAAW;MACX;;MAEC;YACI;;;;;;;;;;;;;;gBAcC;;;;6BAEF;;;;;;;;;wBASQ;wBACC,OAAKC;;;;;;;;8CAOAC,WAAO;;;;;yCAGf;;mCAEW;;;;;;8BAKTC;;;;;gCAKG,IAAEC,mBAAG;;;;;;;;wBAST,QAAQ;;;;6BAIHC;;;;0BAIJ;0BACC;;;;;;;;;;;;;;;kBAaL;kBACC;;;;uBAII,EAACC;gCAES;;;;;;;;;;;;;;oBAeZ,qBAAiB,wCAAE,2DAAkB;oBACrC,OAAK;oBACL,OAAK;oBACL,6HAAwC;oBACxC,2DAAmB,qEAAuB;;6BAEnC;;;;;;;;;;mBAOF;;;;;;qCAIN;;;;;;;;sBAUG,EAAE;;;qCAIS;;qCAEE;oCACD;;;;;;oBAMd;oBACD,UAAU;oBACV,MAAK;oBACJ,oCAAgC;;uCAEf;;uEAEV;;;;;;;;;;;;;;;;;oCAYE;;mCAEZC,2BAAe;;;;;4BAInB;;gBAEG;;;;;;;;;;;;;;kBAeE,+DAAiD;;;;;;;;;;aAK5C;;;sBACD;;;oCAGL;;;;;;kCAGuB;;;sBAClB;;;;;;;;;;;;;;;;"}

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

@@ -1,8 +0,0 @@
-import { defineComponent } from 'vue';
-
-var script = defineComponent({
-  name: "ImgPlaceholder"
-});
-
-export { script as default };
-//# sourceMappingURL=image-placeholder.vue_vue_type_script_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"image-placeholder.vue_vue_type_script_lang.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":";;AASA,aAAe,eAAe;;AAE9B,CAAC,CAAC;;;;"}

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

@@ -1,16 +0,0 @@
-import { createElementVNode, openBlock, createElementBlock } from 'vue';
-
-const _hoisted_1 = {
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { 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" }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
-}
-
-export { render };
-//# sourceMappingURL=image-placeholder.vue_vue_type_template_id_f0b3074e_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"image-placeholder.vue_vue_type_template_id_f0b3074e_lang.mjs","sources":["../../../../../../packages/components/skeleton/src/image-placeholder.vue?vue&type=template&id=f0b3074e&lang.js"],"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":";;;;EACO,OAAO;EAAiB;;;;EAC3B;;;;;;;"}

package/es/components/skeleton/src/skeleton-item.vue_vue_type_script_lang.mjs

@@ -1,15 +0,0 @@
-import { defineComponent } from 'vue';
-import './image-placeholder.mjs';
-import { skeletonItemProps } from './skeleton-item.mjs';
-import script$1 from './image-placeholder.vue_vue_type_script_lang.mjs';
-
-var script = defineComponent({
-  name: "ElSkeletonItem",
-  components: {
-    ImgPlaceholder: script$1
-  },
-  props: skeletonItemProps
-});
-
-export { script as default };
-//# sourceMappingURL=skeleton-item.vue_vue_type_script_lang.mjs.map

package/es/components/skeleton/src/skeleton-item.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-item.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue"],"sourcesContent":["<template>\n  <div :class=\"['el-skeleton__item', `el-skeleton__${variant}`]\">\n    <img-placeholder v-if=\"variant === 'image'\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\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})\n</script>\n"],"names":["ImgPlaceholder"],"mappings":";;;;;AASA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU;oBACRA,QAAc;GACf;OACI,EAAE;EACP;;;;"}

package/es/components/skeleton/src/skeleton-item.vue_vue_type_template_id_7e70bfeb_lang.mjs

@@ -1,13 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_img_placeholder = resolveComponent("img-placeholder");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-skeleton__item", `el-skeleton__${_ctx.variant}`])
-  }, [
-    _ctx.variant === "image" ? (openBlock(), createBlock(_component_img_placeholder, { key: 0 })) : createCommentVNode("v-if", true)
-  ], 2);
-}
-
-export { render };
-//# sourceMappingURL=skeleton-item.vue_vue_type_template_id_7e70bfeb_lang.mjs.map

package/es/components/skeleton/src/skeleton-item.vue_vue_type_template_id_7e70bfeb_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-item.vue_vue_type_template_id_7e70bfeb_lang.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue?vue&type=template&id=7e70bfeb&lang.js"],"sourcesContent":["<template>\n  <div :class=\"['el-skeleton__item', `el-skeleton__${variant}`]\">\n    <img-placeholder v-if=\"variant === 'image'\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\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})\n</script>\n"],"names":[],"mappings":";;;;;;;IACQ,KAAK;;;;;;"}

package/es/components/skeleton/src/skeleton.vue_vue_type_script_lang.mjs

@@ -1,26 +0,0 @@
-import { defineComponent, computed } from 'vue';
-import '../../../hooks/index.mjs';
-import './skeleton-item2.mjs';
-import { skeletonProps } from './skeleton.mjs';
-import script$1 from './skeleton-item.vue_vue_type_script_lang.mjs';
-import { useThrottleRender } from '../../../hooks/use-throttle-render/index.mjs';
-
-var script = defineComponent({
-  name: "ElSkeleton",
-  components: {
-    [script$1.name]: script$1
-  },
-  props: skeletonProps,
-  setup(props) {
-    const innerLoading = computed(() => {
-      return props.loading;
-    });
-    const uiLoading = useThrottleRender(innerLoading, props.throttle);
-    return {
-      uiLoading
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=skeleton.vue_vue_type_script_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n  <template v-if=\"uiLoading\">\n    <div\n      :class=\"['el-skeleton', animated ? 'is-animated' : '']\"\n      v-bind=\"$attrs\"\n    >\n      <template v-for=\"i in count\" :key=\"i\">\n        <slot v-if=\"loading\" :key=\"i\" name=\"template\">\n          <el-skeleton-item class=\"is-first\" variant=\"p\" />\n          <el-skeleton-item\n            v-for=\"item in rows\"\n            :key=\"item\"\n            :class=\"{\n              'el-skeleton__paragraph': true,\n              '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 { 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 innerLoading = computed(() => {\n      return props.loading\n    })\n\n    const uiLoading = useThrottleRender(innerLoading, props.throttle)\n\n    return {\n      uiLoading,\n    }\n  },\n})\n</script>\n"],"names":["SkeletonItem"],"mappings":";;;;;;;AA+BA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU;IACR,CAACA,QAAY,CAAC;GACf;OACI,EAAE,aAAa;EACpB;IACE,MAAM,YAAY;MAChB,OAAO;KACR,CAAC,CAAC;UACG,SAAS,GAAG;IAClB;;KAEC,CAAC;;;;;;"}

package/es/components/skeleton/src/skeleton.vue_vue_type_template_id_26fa9225_lang.mjs

@@ -1,33 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, mergeProps, Fragment, renderList, renderSlot, createVNode, createBlock, normalizeClass, createCommentVNode, normalizeProps } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_skeleton_item = resolveComponent("el-skeleton-item");
-  return _ctx.uiLoading ? (openBlock(), createElementBlock("div", mergeProps({
-    key: 0,
-    class: ["el-skeleton", _ctx.animated ? "is-animated" : ""]
-  }, _ctx.$attrs), [
-    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.count, (i) => {
-      return openBlock(), createElementBlock(Fragment, { key: i }, [
-        _ctx.loading ? renderSlot(_ctx.$slots, "template", { key: i }, () => [
-          createVNode(_component_el_skeleton_item, {
-            class: "is-first",
-            variant: "p"
-          }),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, (item) => {
-            return openBlock(), createBlock(_component_el_skeleton_item, {
-              key: item,
-              class: normalizeClass({
-                "el-skeleton__paragraph": true,
-                "is-last": item === _ctx.rows && _ctx.rows > 1
-              }),
-              variant: "p"
-            }, null, 8, ["class"]);
-          }), 128))
-        ]) : createCommentVNode("v-if", true)
-      ], 64);
-    }), 128))
-  ], 16)) : renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 1 }, _ctx.$attrs)));
-}
-
-export { render };
-//# sourceMappingURL=skeleton.vue_vue_type_template_id_26fa9225_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton.vue_vue_type_template_id_26fa9225_lang.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue?vue&type=template&id=26fa9225&lang.js"],"sourcesContent":["<template>\n  <template v-if=\"uiLoading\">\n    <div\n      :class=\"['el-skeleton', animated ? 'is-animated' : '']\"\n      v-bind=\"$attrs\"\n    >\n      <template v-for=\"i in count\" :key=\"i\">\n        <slot v-if=\"loading\" :key=\"i\" name=\"template\">\n          <el-skeleton-item class=\"is-first\" variant=\"p\" />\n          <el-skeleton-item\n            v-for=\"item in rows\"\n            :key=\"item\"\n            :class=\"{\n              'el-skeleton__paragraph': true,\n              '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 { 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 innerLoading = computed(() => {\n      return props.loading\n    })\n\n    const uiLoading = useThrottleRender(innerLoading, props.throttle)\n\n    return {\n      uiLoading,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock"],"mappings":";;;;;;;;;aAGYA;oBACQ;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,72 +0,0 @@
-import { defineComponent, reactive, toRefs } from 'vue';
-import { ElTooltip } from '../../tooltip/index.mjs';
-import { UPDATE_MODEL_EVENT } from '../../../utils/constants.mjs';
-import { useSliderButton } from './useSliderButton.mjs';
-
-var script = defineComponent({
-  name: "ElSliderButton",
-  components: {
-    ElTooltip
-  },
-  props: {
-    modelValue: {
-      type: Number,
-      default: 0
-    },
-    vertical: {
-      type: Boolean,
-      default: false
-    },
-    tooltipClass: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: [UPDATE_MODEL_EVENT],
-  setup(props, { emit }) {
-    const initData = reactive({
-      hovering: false,
-      dragging: false,
-      isClick: false,
-      startX: 0,
-      currentX: 0,
-      startY: 0,
-      currentY: 0,
-      startPosition: 0,
-      newPosition: 0,
-      oldValue: props.modelValue
-    });
-    const {
-      tooltip,
-      showTooltip,
-      tooltipVisible,
-      wrapperStyle,
-      formatValue,
-      handleMouseEnter,
-      handleMouseLeave,
-      onButtonDown,
-      onLeftKeyDown,
-      onRightKeyDown,
-      setPosition
-    } = useSliderButton(props, initData, emit);
-    const { hovering, dragging } = toRefs(initData);
-    return {
-      tooltip,
-      tooltipVisible,
-      showTooltip,
-      wrapperStyle,
-      formatValue,
-      handleMouseEnter,
-      handleMouseLeave,
-      onButtonDown,
-      onLeftKeyDown,
-      onRightKeyDown,
-      setPosition,
-      hovering,
-      dragging
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=button.vue_vue_type_script_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/slider/src/button.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"button\"\n    class=\"el-slider__button-wrapper\"\n    :class=\"{ hover: hovering, dragging: 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\n        class=\"el-slider__button\"\n        :class=\"{ hover: hovering, dragging: dragging }\"\n      ></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/utils/constants'\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 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      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":[],"mappings":";;;;;AA0CA,aAAe,eAAe;;AAE9B,EAAE,UAAU;IACR,SAAS;;EAEX,KAAK,EAAE;IACL;;;KAGC;IACD,QAAQ,EAAE;MACR,IAAI,EAAE;MACN,OAAO,EAAE;KACV;IACD;MACE,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE,EAAE;KACZ;;OAEE,EAAE,CAAC;OACH,CAAC,KAAK,EAAE,EAAE;IACb;;;MAGE,OAAO,EAAE,KAAK;;MAEd,WAAW;MACX,MAAM,EAAE,CAAC;MACT,QAAQ,EAAE,CAAC;MACX,aAAa,EAAE;MACf,WAAW,EAAE,CAAC;MACd,QAAQ;MACR,CAAC;UACG;MACJ,OAAO;MACP,WAAW;MACX,cAAc;MACd,YAAY;;;MAGZ;MACA;MACA;MACA,cAAc;MACd,WAAW;QACT;UACE,EAAE,QAAQ,EAAE;WACX;MACL,OAAO;MACP;MACA,WAAW;MACX;MACA,WAAW;;MAEX,gBAAgB;;MAEhB;MACA;MACA,WAAW;MACX,QAAQ;MACR,QAAQ;MACR;;;;;;"}

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

@@ -1,47 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, withKeys, withModifiers, createVNode, withCtx, createElementVNode, toDisplayString } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_tooltip = resolveComponent("el-tooltip");
-  return openBlock(), createElementBlock("div", {
-    ref: "button",
-    class: normalizeClass(["el-slider__button-wrapper", { hover: _ctx.hovering, dragging: _ctx.dragging }]),
-    style: normalizeStyle(_ctx.wrapperStyle),
-    tabindex: "0",
-    onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.handleMouseEnter && _ctx.handleMouseEnter(...args)),
-    onMouseleave: _cache[2] || (_cache[2] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args)),
-    onMousedown: _cache[3] || (_cache[3] = (...args) => _ctx.onButtonDown && _ctx.onButtonDown(...args)),
-    onTouchstart: _cache[4] || (_cache[4] = (...args) => _ctx.onButtonDown && _ctx.onButtonDown(...args)),
-    onFocus: _cache[5] || (_cache[5] = (...args) => _ctx.handleMouseEnter && _ctx.handleMouseEnter(...args)),
-    onBlur: _cache[6] || (_cache[6] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args)),
-    onKeydown: [
-      _cache[7] || (_cache[7] = withKeys((...args) => _ctx.onLeftKeyDown && _ctx.onLeftKeyDown(...args), ["left"])),
-      _cache[8] || (_cache[8] = withKeys((...args) => _ctx.onRightKeyDown && _ctx.onRightKeyDown(...args), ["right"])),
-      _cache[9] || (_cache[9] = withKeys(withModifiers((...args) => _ctx.onLeftKeyDown && _ctx.onLeftKeyDown(...args), ["prevent"]), ["down"])),
-      _cache[10] || (_cache[10] = withKeys(withModifiers((...args) => _ctx.onRightKeyDown && _ctx.onRightKeyDown(...args), ["prevent"]), ["up"]))
-    ]
-  }, [
-    createVNode(_component_el_tooltip, {
-      ref: "tooltip",
-      visible: _ctx.tooltipVisible,
-      "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.tooltipVisible = $event),
-      placement: "top",
-      "stop-popper-mouse-event": false,
-      "popper-class": _ctx.tooltipClass,
-      disabled: !_ctx.showTooltip,
-      persistent: ""
-    }, {
-      content: withCtx(() => [
-        createElementVNode("span", null, toDisplayString(_ctx.formatValue), 1)
-      ]),
-      default: withCtx(() => [
-        createElementVNode("div", {
-          class: normalizeClass(["el-slider__button", { hover: _ctx.hovering, dragging: _ctx.dragging }])
-        }, null, 2)
-      ]),
-      _: 1
-    }, 8, ["visible", "popper-class", "disabled"])
-  ], 38);
-}
-
-export { render };
-//# sourceMappingURL=button.vue_vue_type_template_id_9cd3e794_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.vue_vue_type_template_id_9cd3e794_lang.mjs","sources":["../../../../../../packages/components/slider/src/button.vue?vue&type=template&id=9cd3e794&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"button\"\n    class=\"el-slider__button-wrapper\"\n    :class=\"{ hover: hovering, dragging: 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\n        class=\"el-slider__button\"\n        :class=\"{ hover: hovering, dragging: dragging }\"\n      ></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/utils/constants'\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 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      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":[],"mappings":";;;;;;;IAEI,KAAI;IACJ;IAEC,uBAAO,iBAAY;IACpB;IACC;IACA,YAAU;IACV,qDAAW;IACX,qGAAwB;IACxB;0GACsB;aACf;sDAAO;;;;;;;MAMb;MACQ,SAAS;;MACjB;MACC,2BAAyB;MACzB,cAAY;;MAEb;;;;;;;;;;;;;;;"}