@element-plus/nightly 0.0.20211230

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.vue_vue_type_template_id_13e598a4_lang.js","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-popper\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=\"Effect.LIGHT\"\n      manual-mode\n      placement=\"bottom-start\"\n      pure\n      transition=\"el-zoom-in-top\"\n      trigger=\"click\"\n      @before-enter=\"handleMenuEnter\"\n      @after-leave=\"states.inputValue = states.displayInputValue\"\n    >\n      <template #trigger>\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 #default>\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-popper>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, toRefs, reactive, vModelText } from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElPopper from '@element-plus/components/popper'\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    ElPopper,\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,eAAU;;;;MAIT;MACQ;;MACP;MACA;MACA;MACA,yBAAuB;MACvB;MACA;MACA,MAAM,EAAE;MACT;MACA,SAAS;MACT;MACA,YAAW;;MAEV;;;;;;;;;;;;;;;gBAeK;;;;6BAEF;;;;;;;;;wBASQ;wBACC,OAAKC;;;;;;;;8CAOAC,eAAO;;;;;yCAGf;;uCAEW;;;;;;8BAKTC;;;;;oCAKG,IAAEC,uBAAG;;;;;;;;wBAST,QAAQ;;;;6BAIHC;;;;0BAIJ;0BACC;;;;;;;;;;;;;;;kBAaL;kBACC;;;;uBAII,EAACC;gCAES;;;;;;;;;;;;;;oBAeZ,qBAAiB,gDAAE,2DAAkB;oBACrC,OAAK;oBACL,OAAK;oBACL,qIAAwC;oBACxC,mEAAmB,qEAAuB;;6BAEnC;;;;;;;;;;mBAOF;;;;;;qCAIN;;;;;;;;sBAUG,EAAE;;;qCAIS;;qCAEE;oCACD;;;;;;oBAMd;oBACD,UAAU;oBACV,MAAK;oBACJ,wCAAgC;;uCAEf;;uEAEV;;;;;;;;;;;;;;;;;wCAYE;;mCAEZC,mCAAe;;;;;gCAInB;;gBAEG;;;;;;;;;;;;;;kBAeE,uEAAiD;;;;;;;;;;aAK5C;;;0BACD;;;oCAGL;;;;;;sCAGuB;;;0BAClB;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,13 @@
+import type { OptionProps, SelectProps } from './defaults';
+import type { ExtractPropTypes, InjectionKey } from 'vue';
+import type { Option } from './select.types';
+export interface SelectV2Context {
+    props: ExtractPropTypes<typeof SelectProps>;
+    expanded: boolean;
+    onSelect: (option: Option<any>, index: number, byClick?: boolean) => void;
+    onKeyboardNavigate: (direction: 'forward' | 'backward') => void;
+    onKeyboardSelect: () => void;
+}
+export declare const selectV2InjectionKey: InjectionKey<SelectV2Context>;
+export declare type IOptionProps = ExtractPropTypes<typeof OptionProps>;
+export declare type ISelectProps = ExtractPropTypes<typeof SelectProps>;

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const selectV2InjectionKey = "ElSelectV2Injection";
+
+exports.selectV2InjectionKey = selectV2InjectionKey;
+//# sourceMappingURL=token.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"token.js","sources":["../../../../../../packages/components/select-v2/src/token.ts"],"sourcesContent":["import type { OptionProps, SelectProps } from './defaults'\nimport type { ExtractPropTypes, InjectionKey } from 'vue'\nimport type { Option } from './select.types'\n\nexport interface SelectV2Context {\n  props: ExtractPropTypes<typeof SelectProps>\n  expanded: boolean\n  onSelect: (option: Option<any>, index: number, byClick?: boolean) => void\n  onKeyboardNavigate: (direction: 'forward' | 'backward') => void\n  onKeyboardSelect: () => void\n}\n\nexport const selectV2InjectionKey =\n  'ElSelectV2Injection' as any as InjectionKey<SelectV2Context>\nexport type IOptionProps = ExtractPropTypes<typeof OptionProps>\nexport type ISelectProps = ExtractPropTypes<typeof SelectProps>\n"],"names":[],"mappings":";;;;AAAY,MAAC,oBAAoB,GAAG;;;;"}

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

@@ -0,0 +1,8 @@
+import type { ISelectProps } from './token';
+import type { Option } from './select.types';
+export declare function useAllowCreate(props: ISelectProps, states: any): {
+    createNewOption: (query: string) => void;
+    removeNewOption: (option: Option) => void;
+    selectNewOption: (option: Option) => void;
+    clearAllNewOption: () => void;
+};

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

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+function useAllowCreate(props, states) {
+  const createOptionCount = vue.ref(0);
+  const cachedSelectedOption = vue.ref(null);
+  const enableAllowCreateMode = vue.computed(() => {
+    return props.allowCreate && props.filterable;
+  });
+  function hasExistingOption(query) {
+    const hasValue = (option) => option.value === query;
+    return props.options && props.options.some(hasValue) || states.createdOptions.some(hasValue);
+  }
+  function selectNewOption(option) {
+    if (!enableAllowCreateMode.value) {
+      return;
+    }
+    if (props.multiple && option.created) {
+      createOptionCount.value++;
+    } else {
+      cachedSelectedOption.value = option;
+    }
+  }
+  function createNewOption(query) {
+    if (enableAllowCreateMode.value) {
+      if (query && query.length > 0 && !hasExistingOption(query)) {
+        const newOption = {
+          value: query,
+          label: query,
+          created: true,
+          disabled: false
+        };
+        if (states.createdOptions.length >= createOptionCount.value) {
+          states.createdOptions[createOptionCount.value] = newOption;
+        } else {
+          states.createdOptions.push(newOption);
+        }
+      } else {
+        if (props.multiple) {
+          states.createdOptions.length = createOptionCount.value;
+        } else {
+          const selectedOption = cachedSelectedOption.value;
+          states.createdOptions.length = 0;
+          if (selectedOption && selectedOption.created) {
+            states.createdOptions.push(selectedOption);
+          }
+        }
+      }
+    }
+  }
+  function removeNewOption(option) {
+    if (!enableAllowCreateMode.value || !option || !option.created) {
+      return;
+    }
+    const idx = states.createdOptions.findIndex((it) => it.value === option.value);
+    if (~idx) {
+      states.createdOptions.splice(idx, 1);
+      createOptionCount.value--;
+    }
+  }
+  function clearAllNewOption() {
+    if (enableAllowCreateMode.value) {
+      states.createdOptions.length = 0;
+      createOptionCount.value = 0;
+    }
+  }
+  return {
+    createNewOption,
+    removeNewOption,
+    selectNewOption,
+    clearAllNewOption
+  };
+}
+
+exports.useAllowCreate = useAllowCreate;
+//# sourceMappingURL=useAllowCreate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAllowCreate.js","sources":["../../../../../../packages/components/select-v2/src/useAllowCreate.ts"],"sourcesContent":["import { computed, ref } from 'vue'\nimport type { ISelectProps } from './token'\nimport type { Option } from './select.types'\n\nexport function useAllowCreate(props: ISelectProps, states) {\n  const createOptionCount = ref(0)\n  const cachedSelectedOption = ref<Option>(null)\n\n  const enableAllowCreateMode = computed(() => {\n    return props.allowCreate && props.filterable\n  })\n\n  function hasExistingOption(query: string) {\n    const hasValue = (option) => option.value === query\n    return (\n      (props.options && props.options.some(hasValue)) ||\n      states.createdOptions.some(hasValue)\n    )\n  }\n\n  function selectNewOption(option: Option) {\n    if (!enableAllowCreateMode.value) {\n      return\n    }\n    if (props.multiple && option.created) {\n      createOptionCount.value++\n    } else {\n      cachedSelectedOption.value = option\n    }\n  }\n\n  function createNewOption(query: string) {\n    if (enableAllowCreateMode.value) {\n      if (query && query.length > 0 && !hasExistingOption(query)) {\n        const newOption = {\n          value: query,\n          label: query,\n          created: true,\n          disabled: false,\n        }\n        if (states.createdOptions.length >= createOptionCount.value) {\n          states.createdOptions[createOptionCount.value] = newOption\n        } else {\n          states.createdOptions.push(newOption)\n        }\n      } else {\n        if (props.multiple) {\n          states.createdOptions.length = createOptionCount.value\n        } else {\n          const selectedOption = cachedSelectedOption.value\n          states.createdOptions.length = 0\n          if (selectedOption && selectedOption.created) {\n            states.createdOptions.push(selectedOption)\n          }\n        }\n      }\n    }\n  }\n\n  function removeNewOption(option: Option) {\n    if (!enableAllowCreateMode.value || !option || !option.created) {\n      return\n    }\n    const idx = states.createdOptions.findIndex(\n      (it) => it.value === option.value\n    )\n    if (~idx) {\n      states.createdOptions.splice(idx, 1)\n      createOptionCount.value--\n    }\n  }\n\n  function clearAllNewOption() {\n    if (enableAllowCreateMode.value) {\n      states.createdOptions.length = 0\n      createOptionCount.value = 0\n    }\n  }\n\n  return {\n    createNewOption,\n    removeNewOption,\n    selectNewOption,\n    clearAllNewOption,\n  }\n}\n"],"names":["ref","computed"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+export declare function useInput(handleInput: (event: InputEvent) => void): {
+    handleCompositionStart: () => void;
+    handleCompositionUpdate: (event: any) => void;
+    handleCompositionEnd: (event: any) => void;
+};

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

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var shared = require('@vue/shared');
+var isDef = require('../../../utils/isDef.js');
+
+function useInput(handleInput) {
+  const isComposing = vue.ref(false);
+  const handleCompositionStart = () => {
+    isComposing.value = true;
+  };
+  const handleCompositionUpdate = (event) => {
+    const text = event.target.value;
+    const lastCharacter = text[text.length - 1] || "";
+    isComposing.value = !isDef.isKorean(lastCharacter);
+  };
+  const handleCompositionEnd = (event) => {
+    if (isComposing.value) {
+      isComposing.value = false;
+      if (shared.isFunction(handleInput)) {
+        handleInput(event);
+      }
+    }
+  };
+  return {
+    handleCompositionStart,
+    handleCompositionUpdate,
+    handleCompositionEnd
+  };
+}
+
+exports.useInput = useInput;
+//# sourceMappingURL=useInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInput.js","sources":["../../../../../../packages/components/select-v2/src/useInput.ts"],"sourcesContent":["import { ref } from 'vue'\nimport { isFunction } from '@vue/shared'\nimport { isKorean } from '@element-plus/utils/isDef'\n\nexport function useInput(handleInput: (event: InputEvent) => void) {\n  const isComposing = ref(false)\n\n  const handleCompositionStart = () => {\n    isComposing.value = true\n  }\n\n  const handleCompositionUpdate = (event) => {\n    const text = event.target.value\n    const lastCharacter = text[text.length - 1] || ''\n    isComposing.value = !isKorean(lastCharacter)\n  }\n\n  const handleCompositionEnd = (event) => {\n    if (isComposing.value) {\n      isComposing.value = false\n      if (isFunction(handleInput)) {\n        handleInput(event)\n      }\n    }\n  }\n\n  return {\n    handleCompositionStart,\n    handleCompositionUpdate,\n    handleCompositionEnd,\n  }\n}\n"],"names":["ref","isKorean","isFunction"],"mappings":";;;;;;;;AAGO,SAAS,QAAQ,CAAC,WAAW,EAAE;AACtC,EAAE,MAAM,WAAW,GAAGA,OAAG,CAAC,KAAK,CAAC,CAAC;AACjC,EAAE,MAAM,sBAAsB,GAAG,MAAM;AACvC,IAAI,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC;AAC7B,GAAG,CAAC;AACJ,EAAE,MAAM,uBAAuB,GAAG,CAAC,KAAK,KAAK;AAC7C,IAAI,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AACpC,IAAI,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;AACtD,IAAI,WAAW,CAAC,KAAK,GAAG,CAACC,cAAQ,CAAC,aAAa,CAAC,CAAC;AACjD,GAAG,CAAC;AACJ,EAAE,MAAM,oBAAoB,GAAG,CAAC,KAAK,KAAK;AAC1C,IAAI,IAAI,WAAW,CAAC,KAAK,EAAE;AAC3B,MAAM,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC;AAChC,MAAM,IAAIC,iBAAU,CAAC,WAAW,CAAC,EAAE;AACnC,QAAQ,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3B,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,OAAO;AACT,IAAI,sBAAsB;AAC1B,IAAI,uBAAuB;AAC3B,IAAI,oBAAoB;AACxB,GAAG,CAAC;AACJ;;;;"}

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

@@ -0,0 +1,7 @@
+import type { IOptionProps } from './token';
+export declare function useOption(props: IOptionProps, { emit }: {
+    emit: any;
+}): {
+    hoverItem: () => void;
+    selectOptionClick: () => void;
+};

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

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function useOption(props, { emit }) {
+  return {
+    hoverItem: () => {
+      if (!props.disabled) {
+        emit("hover", props.index);
+      }
+    },
+    selectOptionClick: () => {
+      if (!props.disabled) {
+        emit("select", props.item, props.index);
+      }
+    }
+  };
+}
+
+exports.useOption = useOption;
+//# sourceMappingURL=useOption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOption.js","sources":["../../../../../../packages/components/select-v2/src/useOption.ts"],"sourcesContent":["import type { IOptionProps } from './token'\n\nexport function useOption(props: IOptionProps, { emit }) {\n  return {\n    hoverItem: () => {\n      if (!props.disabled) {\n        emit('hover', props.index)\n      }\n    },\n    selectOptionClick: () => {\n      if (!props.disabled) {\n        emit('select', props.item, props.index)\n      }\n    },\n  }\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,SAAS,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE;AAC3C,EAAE,OAAO;AACT,IAAI,SAAS,EAAE,MAAM;AACrB,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AAC3B,QAAQ,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;AACnC,OAAO;AACP,KAAK;AACL,IAAI,iBAAiB,EAAE,MAAM;AAC7B,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AAC3B,QAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;AAChD,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}

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

@@ -0,0 +1,94 @@
+import { Effect } from 'element-plus/es/components/popper';
+import type { SelectProps } from './defaults';
+import type { ExtractPropTypes, CSSProperties } from 'vue';
+import type { Option } from './select.types';
+declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any) => {
+    collapseTagSize: import("vue").ComputedRef<"default" | "small">;
+    currentPlaceholder: import("vue").ComputedRef<string>;
+    expanded: import("vue").Ref<boolean>;
+    emptyText: import("vue").ComputedRef<string | false | null>;
+    popupHeight: import("vue").ComputedRef<number>;
+    debounce: import("vue").ComputedRef<0 | 300>;
+    filteredOptions: import("vue").ComputedRef<never[]>;
+    iconComponent: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>>;
+    iconReverse: import("vue").ComputedRef<"" | "is-reverse">;
+    inputWrapperStyle: import("vue").ComputedRef<CSSProperties>;
+    popperSize: import("vue").Ref<number>;
+    dropdownMenuVisible: import("vue").ComputedRef<boolean>;
+    hasModelValue: import("vue").ComputedRef<boolean>;
+    shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
+    selectDisabled: import("vue").ComputedRef<boolean | undefined>;
+    selectSize: import("vue").ComputedRef<"medium" | "mini" | import("../../../utils/types").ComponentSize>;
+    showClearBtn: import("vue").ComputedRef<boolean>;
+    states: {
+        inputValue: string;
+        displayInputValue: string;
+        calculatedWidth: number;
+        cachedPlaceholder: string;
+        cachedOptions: {
+            [x: string]: any;
+            label: string;
+            created?: boolean | undefined;
+            value: any;
+        }[];
+        createdOptions: {
+            [x: string]: any;
+            label: string;
+            created?: boolean | undefined;
+            value: any;
+        }[];
+        createdLabel: string;
+        createdSelected: boolean;
+        currentPlaceholder: string;
+        hoveringIndex: number;
+        comboBoxHovering: boolean;
+        isOnComposition: boolean;
+        isSilentBlur: boolean;
+        isComposing: boolean;
+        inputLength: number;
+        selectWidth: number;
+        initialInputHeight: number;
+        previousQuery: null;
+        previousValue: string;
+        query: string;
+        selectedLabel: string;
+        softFocus: boolean;
+        tagInMultiLine: boolean;
+    };
+    tagMaxWidth: import("vue").ComputedRef<number>;
+    calculatorRef: import("vue").Ref<HTMLElement>;
+    controlRef: import("vue").Ref<null>;
+    inputRef: import("vue").Ref<null>;
+    menuRef: import("vue").Ref<null>;
+    popper: import("vue").Ref<null>;
+    selectRef: import("vue").Ref<null>;
+    selectionRef: import("vue").Ref<null>;
+    popperRef: import("vue").ComputedRef<any>;
+    validateState: import("vue").ComputedRef<string>;
+    validateIcon: import("vue").ComputedRef<any>;
+    Effect: typeof Effect;
+    debouncedOnInputChange: import("lodash").DebouncedFunc<() => Promise<void>>;
+    deleteTag: (event: MouseEvent, tag: Option) => Promise<void> | undefined;
+    getLabel: (item: unknown) => any;
+    getValueKey: (item: unknown) => unknown;
+    handleBlur: () => Promise<void>;
+    handleClear: () => Promise<void>;
+    handleClickOutside: () => Promise<void>;
+    handleDel: (e: KeyboardEvent) => void;
+    handleEsc: () => void;
+    handleFocus: (event: FocusEvent) => void;
+    handleMenuEnter: () => Promise<void>;
+    handleResize: () => Promise<void> | undefined;
+    toggleMenu: () => Promise<void> | undefined;
+    scrollTo: (index: number) => void;
+    onInput: (event: any) => Promise<void> | undefined;
+    onKeyboardNavigate: (direction: 'forward' | 'backward', hoveringIndex?: number) => any;
+    onKeyboardSelect: () => Promise<void> | undefined;
+    onSelect: (option: Option, idx: number, byClick?: boolean) => void;
+    onHover: (idx: number) => void;
+    onUpdateInputValue: (val: string) => void;
+    handleCompositionStart: () => void;
+    handleCompositionEnd: (event: any) => void;
+    handleCompositionUpdate: (event: any) => void;
+};
+export default useSelect;