element-plus 2.0.2 → 2.0.5

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","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":["defineComponent","ElSelectMenu","ElTag","ElTooltip","ElIcon","ClickOutside","vModelText","SelectProps","UPDATE_MODEL_EVENT","CHANGE_EVENT","useSelect","selectV2InjectionKey","reactive","toRefs","_withDirectives","_normalizeClass","_withCtx","_createVNode","_openBlock"],"mappings":"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"}
+{"version":3,"file":"select.js","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=\"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', selectDisabled),\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":["defineComponent","ElSelectMenu","ElTag","ElTooltip","ElIcon","ClickOutside","vModelText","SelectProps","UPDATE_MODEL_EVENT","CHANGE_EVENT","useSelect","selectV2InjectionKey","reactive","toRefs","_createElementBlock","_normalizeClass","_createVNode","_withCtx","_createElementVNode","_openBlock","_withDirectives"],"mappings":"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"}

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

@@ -61,6 +61,10 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     teleported: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     popperClass: {
         type: StringConstructor;
         default: string;
@@ -175,16 +179,8 @@ 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[];
-            gpuAcceleration: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             placement: import("../../../utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
-            popperOptions: Partial<import("@popperjs/core").Options>;
-            strategy: import("../../../utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
-            className: string | {
+            popperClass: string | {
                 [x: string]: any;
             } | (string | {
                 [x: string]: any;
@@ -209,9 +205,15 @@ declare const _default: import("vue").DefineComponent<{
             } | (string | {
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[];
-            enterable: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            pure: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            popperClass: string | {
+            showAfter: number;
+            hideAfter: number;
+            boundariesPadding: number;
+            fallbackPlacements: import("@popperjs/core").Placement[];
+            gpuAcceleration: import("../../../utils").BuildPropType<BooleanConstructor, unknown, 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 | {
                 [x: string]: any;
@@ -236,20 +238,23 @@ 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>;
             popperStyle: import("vue").StyleValue;
             referenceEl: HTMLElement;
             stopPopperMouseEvent: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            content: string;
-            showAfter: number;
-            hideAfter: number;
             appendTo: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | HTMLElement>, unknown, unknown>;
+            content: string;
             rawContent: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             transition: string;
             teleported: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
+            arrowOffset: number;
             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 +342,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" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "arrowOffset" | "trigger" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -437,6 +443,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,16 +496,8 @@ 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[];
-            gpuAcceleration: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             placement: import("../../../utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
-            popperOptions: Partial<import("@popperjs/core").Options>;
-            strategy: import("../../../utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
-            className: string | {
+            popperClass: string | {
                 [x: string]: any;
             } | (string | {
                 [x: string]: any;
@@ -523,9 +522,15 @@ declare const _default: import("vue").DefineComponent<{
             } | (string | {
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[];
-            enterable: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            pure: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            popperClass: string | {
+            showAfter: number;
+            hideAfter: number;
+            boundariesPadding: number;
+            fallbackPlacements: import("@popperjs/core").Placement[];
+            gpuAcceleration: import("../../../utils").BuildPropType<BooleanConstructor, unknown, 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 | {
                 [x: string]: any;
@@ -550,20 +555,23 @@ 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>;
             popperStyle: import("vue").StyleValue;
             referenceEl: HTMLElement;
             stopPopperMouseEvent: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            content: string;
-            showAfter: number;
-            hideAfter: number;
             appendTo: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | HTMLElement>, unknown, unknown>;
+            content: string;
             rawContent: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             transition: string;
             teleported: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
+            arrowOffset: number;
             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 +679,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<{
@@ -812,6 +821,10 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     teleported: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     popperClass: {
         type: StringConstructor;
         default: string;
@@ -835,10 +848,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     "onRemove-tag"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -846,14 +859,15 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     height: number;
     effect: string;
-    popperOptions: Partial<import("@popperjs/core").Options>;
+    valueKey: string;
     popperClass: string;
-    multiple: boolean;
+    popperAppendToBody: boolean;
+    popperOptions: Partial<import("@popperjs/core").Options>;
     teleported: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    persistent: boolean;
+    multiple: boolean;
     autocomplete: "none" | "both" | "inline" | "list";
     clearable: boolean;
-    valueKey: string;
-    popperAppendToBody: boolean;
     filterable: boolean;
     collapseTags: boolean;
     clearIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;

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

@@ -95,16 +95,8 @@ 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[];
-            gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             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>;
-            className: string | {
+            popperClass: string | {
                 [x: string]: any;
             } | (string | {
                 [x: string]: any;
@@ -129,9 +121,15 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             } | (string | {
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[];
-            enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            popperClass: string | {
+            showAfter: number;
+            hideAfter: number;
+            boundariesPadding: number;
+            fallbackPlacements: import("element-plus/es/components/popper").Placement[];
+            gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, 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 | {
                 [x: string]: any;
@@ -156,20 +154,23 @@ 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>;
             popperStyle: import("vue").StyleValue;
             referenceEl: HTMLElement;
             stopPopperMouseEvent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            content: string;
-            showAfter: number;
-            hideAfter: number;
             appendTo: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | HTMLElement>, unknown, unknown>;
+            content: string;
             rawContent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             transition: string;
             teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
+            arrowOffset: number;
             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" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "arrowOffset" | "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,16 +412,8 @@ 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[];
-            gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             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>;
-            className: string | {
+            popperClass: string | {
                 [x: string]: any;
             } | (string | {
                 [x: string]: any;
@@ -443,9 +438,15 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             } | (string | {
                 [x: string]: any;
             } | any)[])[])[])[])[])[])[])[])[])[])[];
-            enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            popperClass: string | {
+            showAfter: number;
+            hideAfter: number;
+            boundariesPadding: number;
+            fallbackPlacements: import("element-plus/es/components/popper").Placement[];
+            gpuAcceleration: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, 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 | {
                 [x: string]: any;
@@ -470,20 +471,23 @@ 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>;
             popperStyle: import("vue").StyleValue;
             referenceEl: HTMLElement;
             stopPopperMouseEvent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-            content: string;
-            showAfter: number;
-            hideAfter: number;
             appendTo: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | HTMLElement>, unknown, unknown>;
+            content: string;
             rawContent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             transition: string;
             teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
+            arrowOffset: number;
             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/lib/components/skeleton/src/image-placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-placeholder.js","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":["defineComponent"],"mappings":";;;;;;;AAWA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA;MAXD,aAAQ;AAAA,EAAgB,SAAM;AAAA;;;MACjC,aAEE;AAAA;;2BAHJ,yCAIM;;;;;;;"}
+{"version":3,"file":"image-placeholder.js","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":["defineComponent","_createElementBlock"],"mappings":";;;;;;;AAWA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA;;EAXD,SAAQ;AAAA,EAAgB,OAAM;AAAA;0DAG/B,UADA,GAAE,oJAAgJ;;EADpJ;AAAA;;0BADFC,uBAIM,OAJN,YAIM;AAAA;;;;;"}

package/lib/components/skeleton/src/skeleton-item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-item2.js","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":["defineComponent","ImgPlaceholder","skeletonItemProps","useNamespace","_openBlock"],"mappings":";;;;;;;;;;;AAYA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,oBACVC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP,QAAQ;AACN,UAAM,KAAKC,mBAAa;AACxB,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;SApBOC,wCAAO,OAAU;AAAA;KACH;AAAA;;;;;;;"}
+{"version":3,"file":"skeleton-item2.js","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":["defineComponent","ImgPlaceholder","skeletonItemProps","useNamespace","_createElementBlock","_normalizeClass","_createBlock"],"mappings":";;;;;;;;;;;AAYA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,oBACVC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP,QAAQ;AACN,UAAM,KAAKC,mBAAa;AACxB,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;0BApBJC,uBAEM;AAAA,IAFA,OAAKC,oBAAG,QAAG,EAAC,SAAU,QAAG,EAAE;AAAA;IACR,iBAAO,4BAA9BC,gBAA8C;;;;;;;"}

package/lib/components/skeleton/src/skeleton2.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton2.js","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":["defineComponent","SkeletonItem","skeletonProps","useNamespace","computed","useThrottleRender","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_createBlock"],"mappings":";;;;;;;;;;;;AA8BA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,KACTC,wBAAa,OAAOA;AAAA;AAAA,EAEvB,OAAOC;AAAA,EACP,MAAM,OAAO;AACX,UAAM,KAAKC,mBAAa;AACxB,UAAM,eAAeC,aAAS,MAAM;AAClC,aAAO,MAAM;AAAA;AAGf,UAAM,YAAYC,0BAAkB,cAAc,MAAM;AAExD,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;;;IA5CI,KAAK;AAAA,WAAiD,MAAM;AAAA;oFAC5B;aACtBC,iBAAOC;AAAA,aAAnB,yBACE,KAAwD;AAAA,0BAAhC,6BAAO;AAAA,YAAW,OAAOC,mBAAI;AAAA;sBACrD;AAAA,uDAQEC;mBANMH,iBAAII;AAAA,cACT,KAAK;AAAA,cAAqB,OAACF;AAAA,gBAA6B,QAAG,EAAE;AAAA;;;;;;;;KAWtE;;;;;;"}
+{"version":3,"file":"skeleton2.js","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":["defineComponent","SkeletonItem","skeletonProps","useNamespace","computed","useThrottleRender","_createElementBlock","_mergeProps","_Fragment","_renderSlot","_createVNode","_normalizeClass","_createBlock"],"mappings":";;;;;;;;;;;;AA8BA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,KACTC,wBAAa,OAAOA;AAAA;AAAA,EAEvB,OAAOC;AAAA,EACP,MAAM,OAAO;AACX,UAAM,KAAKC,mBAAa;AACxB,UAAM,eAAeC,aAAS,MAAM;AAClC,aAAO,MAAM;AAAA;AAGf,UAAM,YAAYC,0BAAkB,cAAc,MAAM;AAExD,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;;SA7CY,mCACdC,uBAeM,OAfNC,eAeM;AAAA;IAfA,OAAK,CAAG,QAAG,KAAK,QAAG,GAAE,YAAa;AAAA,KAAoB,cAAM;AAAA,0BAChED,uBAaWE,mCAbW,YAAK,CAAV,MAAC;0EAAiB,KAAC;AAAA,QACtB,eAAZC,eAWO,2BAXe,KAAK,KAA3B,MAWO;AAAA,UAVLC,gBAAwD;AAAA,YAArC,OAAKC,mBAAE,QAAG,GAAE;AAAA,YAAW,SAAQ;AAAA;gCAClDL,uBAQEE,mCAPe,WAAI,CAAZ,SAAI;oCADbI,gBAQE;AAAA,cANC,KAAK;AAAA,cACL,OAAKD;AAAA,gBAAkB,QAAG,EAAC;AAAA,gBAA6B,QAAG,GAAE,QAAS,SAAS,aAAQ,YAAI;AAAA;AAAA,cAI5F,SAAQ;AAAA;;;;;YAOhBF,eAA6B,sEAAf;AAAA;;;;;"}

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

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

package/lib/components/slider/src/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","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":["defineComponent","ElTooltip","UPDATE_MODEL_EVENT","useNamespace","reactive","useSliderButton","toRefs","_openBlock","_createElementBlock","_normalizeClass","_withCtx"],"mappings":";;;;;;;;;;;;;AAyCA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,eACVC;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,CAACC;AAAA,EAER,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAKC,qBAAa;AACxB,UAAM,WAAWC,aAAS;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,QACEC,gCAAgB,OAAO,UAAU;AAErC,UAAM,EAAE,UAAU,aAAaC,WAAO;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;;;SA7GEC,iBAAQC;AAAA,IACX,KAAK;AAAA,IACL,OAAKC,mBAAE,8BAAY;AAAA,IACpB,0BAAY;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;0DACQ,mDAAc;AAAA,iFACP;AAAA,iFACF,+CAAc;AAAA;;KAEnC;AAAA,oBACM,uBAAS;AAAA,MACL;AAAA;MACR,oBAAe;AAAA,MACd;AAAA,MACA,2BAAc;AAAA,MACd,gBAAW;AAAA,MACZ,UAAU;AAAA;OAEC;AAAA,eACTC,kBAA8B;AAAA;;eAEhCA,kBAAoE;AAAA,+BAAzD,OAAG;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"button.js","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":["defineComponent","ElTooltip","UPDATE_MODEL_EVENT","useNamespace","reactive","useSliderButton","toRefs","_createElementBlock","_normalizeClass","_normalizeStyle","_createVNode","_withCtx","_createElementVNode"],"mappings":";;;;;;;;;;;;;AAyCA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,eACVC;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,CAACC;AAAA,EAER,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAKC,qBAAa;AACxB,UAAM,WAAWC,aAAS;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,QACEC,gCAAgB,OAAO,UAAU;AAErC,UAAM,EAAE,UAAU,aAAaC,WAAO;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;;;0BA9GJC,uBA8BM;AAAA,IA7BJ,KAAI;AAAA,IACH,OAAKC,oBAAG,QAAG,EAAC,4BAA6B,eAAQ,UAAE;AAAA,IACnD,OAAKC,mBAAE;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,0DAAO,mDAAa;AAAA,0DACZ,qDAAc;AAAA,4EACP,mDAAa;AAAA,8EACf,qDAAc;AAAA;AAAA;IAEnCC,gBAaa;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,YAChB,MAA8B;AAAA,QAA9BC,uBAA8B,kCAArB,mBAAW;AAAA;AAAA,2BAEtB,MAAoE;AAAA,QAApEA,uBAAoE;AAAA,UAA9D,OAAKJ,oBAAG,QAAG,EAAC,oBAAqB,eAAQ,UAAE;AAAA;;;;;;;;;;"}