x-sccba 0.1.2 → 0.2.3

package/dist/index-CWuYxaGQ.js

@@ -1,1604 +0,0 @@
-import { i as isObject, g as useNamespace, b as isArray, d as isFunction, r as isPlainObject, a as isString, w as withInstall, q as withNoopInstall } from "./dayjs.min-DmpOrZt7.js";
-import { _ as _plugin_vue_export_helper_default } from "./index-BdeqYK4K.js";
-import { u as useId } from "./index-DBYFA4Zs.js";
-import { a as buildProps, d as definePropType } from "./runtime-CB4FCs2u.js";
-import { e as escapeStringRegexp } from "./strings-DnS3SC74.js";
-import { t as throwError, d as debugWarn } from "./error-pXqGnBfl.js";
-import { inject, computed, getCurrentInstance, toRaw, watch, defineComponent, unref, toRefs, reactive, onBeforeUnmount, nextTick, withDirectives, createElementBlock, openBlock, withModifiers, normalizeClass, renderSlot, createElementVNode, toDisplayString, vShow, ref, provide, onMounted, isVNode, normalizeStyle, createCommentVNode, useSlots, watchEffect, resolveComponent, resolveDirective, mergeProps, toHandlerKey, createVNode, withCtx, createBlock, Fragment, renderList, createTextVNode, resolveDynamicComponent } from "vue";
-import { c as castArray } from "./castArray-CRQWxZ8w.js";
-import { g as get } from "./get-DEIKZxBF.js";
-import { i as isEqual } from "./isEqual-oMS3S9A7.js";
-import { g as useMutationObserver, a as useResizeObserver } from "./index-Ddto6lBh.js";
-import { U as UPDATE_MODEL_EVENT, C as CHANGE_EVENT } from "./event-BZTOGHfp.js";
-import { f as flattedChildren } from "./vnode-BqiJmLQh.js";
-import { B as BORDER_HORIZONTAL_WIDTH, M as MINIMUM_INPUT_WIDTH, u as useCalcInputWidth } from "./index-CxUZyLYW.js";
-import { E as ElIcon } from "./index-BxgRXNM2.js";
-import { u as useTooltipContentProps, b as Ee, E as ElTooltip } from "./index-DddT7Pi2.js";
-import { s as scrollbarEmits, E as ElScrollbar } from "./index-BqlsDDYm.js";
-import { C as ClickOutside } from "./index-DmG82vHK.js";
-import { t as tagProps, E as ElTag } from "./index-nCsSqdo_.js";
-import { d as defaultProps, f as findLastIndex, u as useProps } from "./useProps-BJv2OZoY.js";
-import { g as getEventCode, E as EVENT_CODE } from "./event-C9lMmKj-.js";
-import { h as isEmpty, f as isUndefined, a as isNumber, e as isNil } from "./types-C0XFCitV.js";
-import { s as scrollIntoView } from "./scroll-CVUkY-30.js";
-import { i as iconPropType, V as ValidateComponentsMap } from "./icon-CSlgLnB8.js";
-import { u as useLocale } from "./index-MQN6yJqm.js";
-import { u as useComposition, a as useFocusController } from "./index-BBKwqEbU.js";
-import { u as useEmptyValuesProps, a as useEmptyValues } from "./index-fPGkCqrP.js";
-import { a as useFormDisabled, u as useFormSize } from "./use-form-common-props-DpjF0kFa.js";
-import { u as useFormItem, a as useFormItemInputId } from "./use-form-item-C4JPFSaq.js";
-import { c as isIOS, i as isClient, u as useDebounceFn } from "./index-BaiB6iW4.js";
-import { c as clamp } from "./clamp-D4arfNNb.js";
-import { a as useSizeProp } from "./index-DnN9GCDs.js";
-import { u as useAriaProps } from "./index-X4EwuhU5.js";
-import { ArrowDown, CircleClose } from "@element-plus/icons-vue";
-const selectGroupKey = Symbol("ElSelectGroup");
-const selectKey = Symbol("ElSelect");
-const selectProps = buildProps({
-  name: String,
-  id: String,
-  modelValue: {
-    type: definePropType([
-      Array,
-      String,
-      Number,
-      Boolean,
-      Object
-    ]),
-    default: void 0
-  },
-  autocomplete: {
-    type: String,
-    default: "off"
-  },
-  automaticDropdown: Boolean,
-  size: useSizeProp,
-  effect: {
-    type: definePropType(String),
-    default: "light"
-  },
-  disabled: {
-    type: Boolean,
-    default: void 0
-  },
-  clearable: Boolean,
-  filterable: Boolean,
-  allowCreate: Boolean,
-  loading: Boolean,
-  popperClass: {
-    type: String,
-    default: ""
-  },
-  popperStyle: { type: definePropType([String, Object]) },
-  popperOptions: {
-    type: definePropType(Object),
-    default: () => ({})
-  },
-  remote: Boolean,
-  debounce: {
-    type: Number,
-    default: 300
-  },
-  loadingText: String,
-  noMatchText: String,
-  noDataText: String,
-  remoteMethod: { type: definePropType(Function) },
-  filterMethod: { type: definePropType(Function) },
-  multiple: Boolean,
-  multipleLimit: {
-    type: Number,
-    default: 0
-  },
-  placeholder: { type: String },
-  defaultFirstOption: Boolean,
-  reserveKeyword: {
-    type: Boolean,
-    default: true
-  },
-  valueKey: {
-    type: String,
-    default: "value"
-  },
-  collapseTags: Boolean,
-  collapseTagsTooltip: Boolean,
-  tagTooltip: {
-    type: definePropType(Object),
-    default: () => ({})
-  },
-  maxCollapseTags: {
-    type: Number,
-    default: 1
-  },
-  teleported: useTooltipContentProps.teleported,
-  persistent: {
-    type: Boolean,
-    default: true
-  },
-  clearIcon: {
-    type: iconPropType,
-    default: CircleClose
-  },
-  fitInputWidth: Boolean,
-  suffixIcon: {
-    type: iconPropType,
-    default: ArrowDown
-  },
-  tagType: {
-    ...tagProps.type,
-    default: "info"
-  },
-  tagEffect: {
-    ...tagProps.effect,
-    default: "light"
-  },
-  validateEvent: {
-    type: Boolean,
-    default: true
-  },
-  remoteShowSuffix: Boolean,
-  showArrow: {
-    type: Boolean,
-    default: true
-  },
-  offset: {
-    type: Number,
-    default: 12
-  },
-  placement: {
-    type: definePropType(String),
-    values: Ee,
-    default: "bottom-start"
-  },
-  fallbackPlacements: {
-    type: definePropType(Array),
-    default: [
-      "bottom-start",
-      "top-start",
-      "right",
-      "left"
-    ]
-  },
-  tabindex: {
-    type: [String, Number],
-    default: 0
-  },
-  appendTo: useTooltipContentProps.appendTo,
-  options: { type: definePropType(Array) },
-  props: {
-    type: definePropType(Object),
-    default: () => defaultProps
-  },
-  ...useEmptyValuesProps,
-  ...useAriaProps(["ariaLabel"])
-});
-({
-  "popup-scroll": scrollbarEmits.scroll
-});
-const COMPONENT_NAME$1 = "ElOption";
-const optionProps = buildProps({
-  value: {
-    type: [
-      String,
-      Number,
-      Boolean,
-      Object
-    ],
-    required: true
-  },
-  label: { type: [String, Number] },
-  created: Boolean,
-  disabled: Boolean
-});
-function useOption(props, states) {
-  const select = inject(selectKey);
-  if (!select) throwError(COMPONENT_NAME$1, "usage: <el-select><el-option /></el-select/>");
-  const selectGroup = inject(selectGroupKey, { disabled: false });
-  const itemSelected = computed(() => {
-    return contains(castArray(select.props.modelValue), props.value);
-  });
-  const limitReached = computed(() => {
-    if (select.props.multiple) {
-      const modelValue = castArray(select.props.modelValue ?? []);
-      return !itemSelected.value && modelValue.length >= select.props.multipleLimit && select.props.multipleLimit > 0;
-    } else return false;
-  });
-  const currentLabel = computed(() => {
-    return props.label ?? (isObject(props.value) ? "" : props.value);
-  });
-  const currentValue = computed(() => {
-    return props.value || props.label || "";
-  });
-  const isDisabled = computed(() => {
-    return props.disabled || states.groupDisabled || limitReached.value;
-  });
-  const instance = getCurrentInstance();
-  const contains = (arr = [], target) => {
-    if (!isObject(props.value)) return arr && arr.includes(target);
-    else {
-      const valueKey = select.props.valueKey;
-      return arr && arr.some((item) => {
-        return toRaw(get(item, valueKey)) === get(target, valueKey);
-      });
-    }
-  };
-  const hoverItem = () => {
-    if (!isDisabled.value) select.states.hoveringIndex = select.optionsArray.indexOf(instance.proxy);
-  };
-  const updateOption = (query) => {
-    states.visible = new RegExp(escapeStringRegexp(query), "i").test(String(currentLabel.value)) || props.created;
-  };
-  watch(() => currentLabel.value, () => {
-    if (!props.created && !select.props.remote) select.setSelected();
-  });
-  watch(() => props.value, (val, oldVal) => {
-    const { remote, valueKey } = select.props;
-    if (remote ? val !== oldVal : !isEqual(val, oldVal)) {
-      select.onOptionDestroy(oldVal, instance.proxy);
-      select.onOptionCreate(instance.proxy);
-    }
-    if (!props.created && !remote) {
-      if (valueKey && isObject(val) && isObject(oldVal) && val[valueKey] === oldVal[valueKey]) return;
-      select.setSelected();
-    }
-  });
-  watch(() => selectGroup.disabled, () => {
-    states.groupDisabled = selectGroup.disabled;
-  }, { immediate: true });
-  return {
-    select,
-    currentLabel,
-    currentValue,
-    itemSelected,
-    isDisabled,
-    hoverItem,
-    updateOption
-  };
-}
-var option_vue_vue_type_script_lang_default = defineComponent({
-  name: COMPONENT_NAME$1,
-  componentName: COMPONENT_NAME$1,
-  props: optionProps,
-  setup(props) {
-    const ns = useNamespace("select");
-    const id = useId();
-    const containerKls = computed(() => [
-      ns.be("dropdown", "item"),
-      ns.is("disabled", unref(isDisabled)),
-      ns.is("selected", unref(itemSelected)),
-      ns.is("hovering", unref(hover))
-    ]);
-    const states = reactive({
-      index: -1,
-      groupDisabled: false,
-      visible: true,
-      hover: false
-    });
-    const { currentLabel, itemSelected, isDisabled, select, hoverItem, updateOption } = useOption(props, states);
-    const { visible, hover } = toRefs(states);
-    const vm = getCurrentInstance().proxy;
-    select.onOptionCreate(vm);
-    onBeforeUnmount(() => {
-      const key = vm.value;
-      nextTick(() => {
-        const { selected: selectedOptions } = select.states;
-        const doesSelected = selectedOptions.some((item) => {
-          return item.value === vm.value;
-        });
-        if (select.states.cachedOptions.get(key) === vm && !doesSelected) select.states.cachedOptions.delete(key);
-      });
-      select.onOptionDestroy(key, vm);
-    });
-    function selectOptionClick() {
-      if (!isDisabled.value) select.handleOptionSelect(vm);
-    }
-    return {
-      ns,
-      id,
-      containerKls,
-      currentLabel,
-      itemSelected,
-      isDisabled,
-      select,
-      visible,
-      hover,
-      states,
-      hoverItem,
-      updateOption,
-      selectOptionClick
-    };
-  }
-});
-const _hoisted_1$1 = [
-  "id",
-  "aria-disabled",
-  "aria-selected"
-];
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  return withDirectives((openBlock(), createElementBlock("li", {
-    id: _ctx.id,
-    class: normalizeClass(_ctx.containerKls),
-    role: "option",
-    "aria-disabled": _ctx.isDisabled || void 0,
-    "aria-selected": _ctx.itemSelected,
-    onMousemove: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
-    onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
-  }, [renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("span", null, toDisplayString(_ctx.currentLabel), 1)])], 42, _hoisted_1$1)), [[vShow, _ctx.visible]]);
-}
-var option_default = /* @__PURE__ */ _plugin_vue_export_helper_default(option_vue_vue_type_script_lang_default, [["render", _sfc_render$3]]);
-var option_group_vue_vue_type_script_lang_default = defineComponent({
-  name: "ElOptionGroup",
-  componentName: "ElOptionGroup",
-  props: {
-    label: String,
-    disabled: Boolean
-  },
-  setup(props) {
-    const ns = useNamespace("select");
-    const groupRef = ref();
-    const instance = getCurrentInstance();
-    const children = ref([]);
-    provide(selectGroupKey, reactive({ ...toRefs(props) }));
-    const visible = computed(() => children.value.some((option) => option.visible === true));
-    const isOption = (node) => {
-      var _a;
-      return node.type.name === "ElOption" && !!((_a = node.component) == null ? void 0 : _a.proxy);
-    };
-    const flattedChildren2 = (node) => {
-      const nodes = castArray(node);
-      const children2 = [];
-      nodes.forEach((child) => {
-        var _a;
-        if (!isVNode(child)) return;
-        if (isOption(child)) children2.push(child.component.proxy);
-        else if (isArray(child.children) && child.children.length) children2.push(...flattedChildren2(child.children));
-        else if ((_a = child.component) == null ? void 0 : _a.subTree) children2.push(...flattedChildren2(child.component.subTree));
-      });
-      return children2;
-    };
-    const updateChildren = () => {
-      children.value = flattedChildren2(instance.subTree);
-    };
-    onMounted(() => {
-      updateChildren();
-    });
-    useMutationObserver(groupRef, updateChildren, {
-      attributes: true,
-      subtree: true,
-      childList: true
-    });
-    return {
-      groupRef,
-      visible,
-      ns
-    };
-  }
-});
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return withDirectives((openBlock(), createElementBlock("ul", {
-    ref: "groupRef",
-    class: normalizeClass(_ctx.ns.be("group", "wrap"))
-  }, [createElementVNode("li", { class: normalizeClass(_ctx.ns.be("group", "title")) }, toDisplayString(_ctx.label), 3), createElementVNode("li", null, [createElementVNode("ul", { class: normalizeClass(_ctx.ns.b("group")) }, [renderSlot(_ctx.$slots, "default")], 2)])], 2)), [[vShow, _ctx.visible]]);
-}
-var option_group_default = /* @__PURE__ */ _plugin_vue_export_helper_default(option_group_vue_vue_type_script_lang_default, [["render", _sfc_render$2]]);
-var select_dropdown_vue_vue_type_script_lang_default = defineComponent({
-  name: "ElSelectDropdown",
-  componentName: "ElSelectDropdown",
-  setup() {
-    const select = inject(selectKey);
-    const ns = useNamespace("select");
-    const popperClass = computed(() => select.props.popperClass);
-    const isMultiple = computed(() => select.props.multiple);
-    const isFitInputWidth = computed(() => select.props.fitInputWidth);
-    const minWidth = ref("");
-    function updateMinWidth() {
-      var _a;
-      const offsetWidth = (_a = select.selectRef) == null ? void 0 : _a.offsetWidth;
-      if (offsetWidth) minWidth.value = `${offsetWidth - BORDER_HORIZONTAL_WIDTH}px`;
-      else minWidth.value = "";
-    }
-    onMounted(() => {
-      updateMinWidth();
-      useResizeObserver(select.selectRef, updateMinWidth);
-    });
-    return {
-      ns,
-      minWidth,
-      popperClass,
-      isMultiple,
-      isFitInputWidth
-    };
-  }
-});
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass([
-      _ctx.ns.b("dropdown"),
-      _ctx.ns.is("multiple", _ctx.isMultiple),
-      _ctx.popperClass
-    ]),
-    style: normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
-  }, [
-    _ctx.$slots.header ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: normalizeClass(_ctx.ns.be("dropdown", "header"))
-    }, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("v-if", true),
-    renderSlot(_ctx.$slots, "default"),
-    _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
-      key: 1,
-      class: normalizeClass(_ctx.ns.be("dropdown", "footer"))
-    }, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("v-if", true)
-  ], 6);
-}
-var select_dropdown_default = /* @__PURE__ */ _plugin_vue_export_helper_default(select_dropdown_vue_vue_type_script_lang_default, [["render", _sfc_render$1]]);
-const useSelect = (props, emit) => {
-  const { t } = useLocale();
-  const slots = useSlots();
-  const contentId = useId();
-  const nsSelect = useNamespace("select");
-  const nsInput = useNamespace("input");
-  const states = reactive({
-    inputValue: "",
-    options: /* @__PURE__ */ new Map(),
-    cachedOptions: /* @__PURE__ */ new Map(),
-    optionValues: [],
-    selected: [],
-    selectionWidth: 0,
-    collapseItemWidth: 0,
-    selectedLabel: "",
-    hoveringIndex: -1,
-    previousQuery: null,
-    inputHovering: false,
-    menuVisibleOnFocus: false,
-    isBeforeHide: false
-  });
-  const selectRef = ref();
-  const selectionRef = ref();
-  const tooltipRef = ref();
-  const tagTooltipRef = ref();
-  const inputRef = ref();
-  const prefixRef = ref();
-  const suffixRef = ref();
-  const menuRef = ref();
-  const tagMenuRef = ref();
-  const collapseItemRef = ref();
-  const scrollbarRef = ref();
-  const expanded = ref(false);
-  const hoverOption = ref();
-  const debouncing = ref(false);
-  const { form, formItem } = useFormItem();
-  const { inputId } = useFormItemInputId(props, { formItemContext: formItem });
-  const { valueOnClear, isEmptyValue } = useEmptyValues(props);
-  const { isComposing, handleCompositionStart, handleCompositionUpdate, handleCompositionEnd } = useComposition({ afterComposition: (e) => onInput(e) });
-  const selectDisabled = useFormDisabled();
-  const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {
-    disabled: selectDisabled,
-    afterFocus() {
-      if (props.automaticDropdown && !expanded.value) {
-        expanded.value = true;
-        states.menuVisibleOnFocus = true;
-      }
-    },
-    beforeBlur(event) {
-      var _a, _b;
-      return ((_a = tooltipRef.value) == null ? void 0 : _a.isFocusInsideContent(event)) || ((_b = tagTooltipRef.value) == null ? void 0 : _b.isFocusInsideContent(event));
-    },
-    afterBlur() {
-      var _a;
-      expanded.value = false;
-      states.menuVisibleOnFocus = false;
-      if (props.validateEvent) (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn(err));
-    }
-  });
-  const hasModelValue = computed(() => {
-    return isArray(props.modelValue) ? props.modelValue.length > 0 : !isEmptyValue(props.modelValue);
-  });
-  const needStatusIcon = computed(() => (form == null ? void 0 : form.statusIcon) ?? false);
-  const showClearBtn = computed(() => {
-    return props.clearable && !selectDisabled.value && hasModelValue.value && (isFocused.value || states.inputHovering);
-  });
-  const iconComponent = computed(() => props.remote && props.filterable && !props.remoteShowSuffix ? "" : props.suffixIcon);
-  const iconReverse = computed(() => nsSelect.is("reverse", !!(iconComponent.value && expanded.value)));
-  const validateState = computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
-  const validateIcon = computed(() => validateState.value && ValidateComponentsMap[validateState.value]);
-  const debounce = computed(() => props.remote ? props.debounce : 0);
-  const isRemoteSearchEmpty = computed(() => props.remote && !states.inputValue && states.options.size === 0);
-  const emptyText = computed(() => {
-    if (props.loading) return props.loadingText || t("el.select.loading");
-    else {
-      if (props.filterable && states.inputValue && states.options.size > 0 && filteredOptionsCount.value === 0) return props.noMatchText || t("el.select.noMatch");
-      if (states.options.size === 0) return props.noDataText || t("el.select.noData");
-    }
-    return null;
-  });
-  const filteredOptionsCount = computed(() => optionsArray.value.filter((option) => option.visible).length);
-  const optionsArray = computed(() => {
-    const list = Array.from(states.options.values());
-    const newList = [];
-    states.optionValues.forEach((item) => {
-      const index = list.findIndex((i) => i.value === item);
-      if (index > -1) newList.push(list[index]);
-    });
-    return newList.length >= list.length ? newList : list;
-  });
-  const cachedOptionsArray = computed(() => Array.from(states.cachedOptions.values()));
-  const showNewOption = computed(() => {
-    const hasExistingOption = optionsArray.value.filter((option) => {
-      return !option.created;
-    }).some((option) => {
-      return option.currentLabel === states.inputValue;
-    });
-    return props.filterable && props.allowCreate && states.inputValue !== "" && !hasExistingOption;
-  });
-  const updateOptions = () => {
-    if (props.filterable && isFunction(props.filterMethod)) return;
-    if (props.filterable && props.remote && isFunction(props.remoteMethod)) return;
-    optionsArray.value.forEach((option) => {
-      var _a;
-      (_a = option.updateOption) == null ? void 0 : _a.call(option, states.inputValue);
-    });
-  };
-  const selectSize = useFormSize();
-  const collapseTagSize = computed(() => ["small"].includes(selectSize.value) ? "small" : "default");
-  const dropdownMenuVisible = computed({
-    get() {
-      return expanded.value && (props.loading || !isRemoteSearchEmpty.value || props.remote && !!slots.empty) && (!debouncing.value || !isEmpty(states.previousQuery) || states.options.size > 0);
-    },
-    set(val) {
-      expanded.value = val;
-    }
-  });
-  const shouldShowPlaceholder = computed(() => {
-    if (props.multiple && !isUndefined(props.modelValue)) return castArray(props.modelValue).length === 0 && !states.inputValue;
-    const value = isArray(props.modelValue) ? props.modelValue[0] : props.modelValue;
-    return props.filterable || isUndefined(value) ? !states.inputValue : true;
-  });
-  const currentPlaceholder = computed(() => {
-    const _placeholder = props.placeholder ?? t("el.select.placeholder");
-    return props.multiple || !hasModelValue.value ? _placeholder : states.selectedLabel;
-  });
-  const mouseEnterEventName = computed(() => isIOS ? null : "mouseenter");
-  watch(() => props.modelValue, (val, oldVal) => {
-    if (props.multiple) {
-      if (props.filterable && !props.reserveKeyword) {
-        states.inputValue = "";
-        handleQueryChange("");
-      }
-    }
-    setSelected();
-    if (!isEqual(val, oldVal) && props.validateEvent) formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
-  }, {
-    flush: "post",
-    deep: true
-  });
-  watch(() => expanded.value, (val) => {
-    if (val) handleQueryChange(states.inputValue);
-    else {
-      states.inputValue = "";
-      states.previousQuery = null;
-      states.isBeforeHide = true;
-      states.menuVisibleOnFocus = false;
-    }
-  });
-  watch(() => states.options.entries(), () => {
-    if (!isClient) return;
-    setSelected();
-    if (props.defaultFirstOption && (props.filterable || props.remote) && filteredOptionsCount.value) checkDefaultFirstOption();
-  }, { flush: "post" });
-  watch([() => states.hoveringIndex, optionsArray], ([val]) => {
-    if (isNumber(val) && val > -1) hoverOption.value = optionsArray.value[val] || {};
-    else hoverOption.value = {};
-    optionsArray.value.forEach((option) => {
-      option.hover = hoverOption.value === option;
-    });
-  });
-  watchEffect(() => {
-    if (states.isBeforeHide) return;
-    updateOptions();
-  });
-  const handleQueryChange = (val) => {
-    if (states.previousQuery === val || isComposing.value) return;
-    states.previousQuery = val;
-    if (props.filterable && isFunction(props.filterMethod)) props.filterMethod(val);
-    else if (props.filterable && props.remote && isFunction(props.remoteMethod)) props.remoteMethod(val);
-    if (props.defaultFirstOption && (props.filterable || props.remote) && filteredOptionsCount.value) nextTick(checkDefaultFirstOption);
-    else nextTick(updateHoveringIndex);
-  };
-  const checkDefaultFirstOption = () => {
-    const optionsInDropdown = optionsArray.value.filter((n) => n.visible && !n.disabled && !n.states.groupDisabled);
-    const userCreatedOption = optionsInDropdown.find((n) => n.created);
-    const firstOriginOption = optionsInDropdown[0];
-    states.hoveringIndex = getValueIndex(optionsArray.value.map((item) => item.value), userCreatedOption || firstOriginOption);
-  };
-  const setSelected = () => {
-    if (!props.multiple) {
-      const option = getOption(isArray(props.modelValue) ? props.modelValue[0] : props.modelValue);
-      states.selectedLabel = option.currentLabel;
-      states.selected = [option];
-      return;
-    } else states.selectedLabel = "";
-    const result = [];
-    if (!isUndefined(props.modelValue)) castArray(props.modelValue).forEach((value) => {
-      result.push(getOption(value));
-    });
-    states.selected = result;
-  };
-  const getOption = (value) => {
-    let option;
-    const isObjectValue = isPlainObject(value);
-    for (let i = states.cachedOptions.size - 1; i >= 0; i--) {
-      const cachedOption = cachedOptionsArray.value[i];
-      if (isObjectValue ? get(cachedOption.value, props.valueKey) === get(value, props.valueKey) : cachedOption.value === value) {
-        option = {
-          index: optionsArray.value.filter((opt) => !opt.created).indexOf(cachedOption),
-          value,
-          currentLabel: cachedOption.currentLabel,
-          get isDisabled() {
-            return cachedOption.isDisabled;
-          }
-        };
-        break;
-      }
-    }
-    if (option) return option;
-    return {
-      index: -1,
-      value,
-      currentLabel: isObjectValue ? value.label : value ?? ""
-    };
-  };
-  const updateHoveringIndex = () => {
-    const length = states.selected.length;
-    if (length > 0) {
-      const lastOption = states.selected[length - 1];
-      states.hoveringIndex = optionsArray.value.findIndex((item) => getValueKey(lastOption) === getValueKey(item));
-    } else states.hoveringIndex = -1;
-  };
-  const resetSelectionWidth = () => {
-    states.selectionWidth = Number.parseFloat(window.getComputedStyle(selectionRef.value).width);
-  };
-  const resetCollapseItemWidth = () => {
-    states.collapseItemWidth = collapseItemRef.value.getBoundingClientRect().width;
-  };
-  const updateTooltip = () => {
-    var _a, _b;
-    (_b = (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
-  };
-  const updateTagTooltip = () => {
-    var _a, _b;
-    (_b = (_a = tagTooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
-  };
-  const onInputChange = () => {
-    if (states.inputValue.length > 0 && !expanded.value) expanded.value = true;
-    handleQueryChange(states.inputValue);
-  };
-  const onInput = (event) => {
-    states.inputValue = event.target.value;
-    if (props.remote) {
-      debouncing.value = true;
-      debouncedOnInputChange();
-    } else return onInputChange();
-  };
-  const debouncedOnInputChange = useDebounceFn(() => {
-    onInputChange();
-    debouncing.value = false;
-  }, debounce);
-  const emitChange = (val) => {
-    if (!isEqual(props.modelValue, val)) emit(CHANGE_EVENT, val);
-  };
-  const getLastNotDisabledIndex = (value) => findLastIndex(value, (it) => {
-    const option = states.cachedOptions.get(it);
-    return !(option == null ? void 0 : option.disabled) && !(option == null ? void 0 : option.states.groupDisabled);
-  });
-  const deletePrevTag = (e) => {
-    const code = getEventCode(e);
-    if (!props.multiple) return;
-    if (code === EVENT_CODE.delete) return;
-    if (e.target.value.length <= 0) {
-      const value = castArray(props.modelValue).slice();
-      const lastNotDisabledIndex = getLastNotDisabledIndex(value);
-      if (lastNotDisabledIndex < 0) return;
-      const removeTagValue = value[lastNotDisabledIndex];
-      value.splice(lastNotDisabledIndex, 1);
-      emit(UPDATE_MODEL_EVENT, value);
-      emitChange(value);
-      emit("remove-tag", removeTagValue);
-    }
-  };
-  const deleteTag = (event, tag) => {
-    const index = states.selected.indexOf(tag);
-    if (index > -1 && !selectDisabled.value) {
-      const value = castArray(props.modelValue).slice();
-      value.splice(index, 1);
-      emit(UPDATE_MODEL_EVENT, value);
-      emitChange(value);
-      emit("remove-tag", tag.value);
-    }
-    event.stopPropagation();
-    focus();
-  };
-  const deleteSelected = (event) => {
-    event.stopPropagation();
-    const value = props.multiple ? [] : valueOnClear.value;
-    if (props.multiple) {
-      for (const item of states.selected) if (item.isDisabled) value.push(item.value);
-    }
-    emit(UPDATE_MODEL_EVENT, value);
-    emitChange(value);
-    states.hoveringIndex = -1;
-    expanded.value = false;
-    emit("clear");
-    focus();
-  };
-  const handleOptionSelect = (option) => {
-    if (props.multiple) {
-      const value = castArray(props.modelValue ?? []).slice();
-      const optionIndex = getValueIndex(value, option);
-      if (optionIndex > -1) value.splice(optionIndex, 1);
-      else if (props.multipleLimit <= 0 || value.length < props.multipleLimit) value.push(option.value);
-      emit(UPDATE_MODEL_EVENT, value);
-      emitChange(value);
-      if (option.created) handleQueryChange("");
-      if (props.filterable && (option.created || !props.reserveKeyword)) states.inputValue = "";
-    } else {
-      !isEqual(props.modelValue, option.value) && emit(UPDATE_MODEL_EVENT, option.value);
-      emitChange(option.value);
-      expanded.value = false;
-    }
-    focus();
-    if (expanded.value) return;
-    nextTick(() => {
-      scrollToOption(option);
-    });
-  };
-  const getValueIndex = (arr, option) => {
-    if (isUndefined(option)) return -1;
-    if (!isObject(option.value)) return arr.indexOf(option.value);
-    return arr.findIndex((item) => {
-      return isEqual(get(item, props.valueKey), getValueKey(option));
-    });
-  };
-  const scrollToOption = (option) => {
-    var _a, _b, _c, _d, _e;
-    const targetOption = isArray(option) ? option[option.length - 1] : option;
-    let target = null;
-    if (!isNil(targetOption == null ? void 0 : targetOption.value)) {
-      const options = optionsArray.value.filter((item) => item.value === targetOption.value);
-      if (options.length > 0) target = options[0].$el;
-    }
-    if (tooltipRef.value && target) {
-      const menu = (_d = (_c = (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef) == null ? void 0 : _c.querySelector) == null ? void 0 : _d.call(_c, `.${nsSelect.be("dropdown", "wrap")}`);
-      if (menu) scrollIntoView(menu, target);
-    }
-    (_e = scrollbarRef.value) == null ? void 0 : _e.handleScroll();
-  };
-  const onOptionCreate = (vm) => {
-    states.options.set(vm.value, vm);
-    states.cachedOptions.set(vm.value, vm);
-  };
-  const onOptionDestroy = (key, vm) => {
-    if (states.options.get(key) === vm) states.options.delete(key);
-  };
-  const popperRef = computed(() => {
-    var _a, _b;
-    return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
-  });
-  const handleMenuEnter = () => {
-    states.isBeforeHide = false;
-    nextTick(() => {
-      var _a;
-      (_a = scrollbarRef.value) == null ? void 0 : _a.update();
-      scrollToOption(states.selected);
-    });
-  };
-  const focus = () => {
-    var _a;
-    (_a = inputRef.value) == null ? void 0 : _a.focus();
-  };
-  const blur = () => {
-    var _a;
-    if (expanded.value) {
-      expanded.value = false;
-      nextTick(() => {
-        var _a2;
-        return (_a2 = inputRef.value) == null ? void 0 : _a2.blur();
-      });
-      return;
-    }
-    (_a = inputRef.value) == null ? void 0 : _a.blur();
-  };
-  const handleClearClick = (event) => {
-    deleteSelected(event);
-  };
-  const handleClickOutside = (event) => {
-    expanded.value = false;
-    if (isFocused.value) {
-      const _event = new FocusEvent("blur", event);
-      nextTick(() => handleBlur(_event));
-    }
-  };
-  const handleEsc = () => {
-    if (states.inputValue.length > 0) states.inputValue = "";
-    else expanded.value = false;
-  };
-  const toggleMenu = (event) => {
-    var _a;
-    if (selectDisabled.value || props.filterable && expanded.value && event && !((_a = suffixRef.value) == null ? void 0 : _a.contains(event.target))) return;
-    if (isIOS) states.inputHovering = true;
-    if (states.menuVisibleOnFocus) states.menuVisibleOnFocus = false;
-    else expanded.value = !expanded.value;
-  };
-  const selectOption = () => {
-    if (!expanded.value) toggleMenu();
-    else {
-      const option = optionsArray.value[states.hoveringIndex];
-      if (option && !option.isDisabled) handleOptionSelect(option);
-    }
-  };
-  const getValueKey = (item) => {
-    return isObject(item.value) ? get(item.value, props.valueKey) : item.value;
-  };
-  const optionsAllDisabled = computed(() => optionsArray.value.filter((option) => option.visible).every((option) => option.isDisabled));
-  const showTagList = computed(() => {
-    if (!props.multiple) return [];
-    return props.collapseTags ? states.selected.slice(0, props.maxCollapseTags) : states.selected;
-  });
-  const collapseTagList = computed(() => {
-    if (!props.multiple) return [];
-    return props.collapseTags ? states.selected.slice(props.maxCollapseTags) : [];
-  });
-  const navigateOptions = (direction) => {
-    if (!expanded.value) {
-      expanded.value = true;
-      return;
-    }
-    if (states.options.size === 0 || filteredOptionsCount.value === 0 || isComposing.value) return;
-    if (!optionsAllDisabled.value) {
-      if (direction === "next") {
-        states.hoveringIndex++;
-        if (states.hoveringIndex === states.options.size) states.hoveringIndex = 0;
-      } else if (direction === "prev") {
-        states.hoveringIndex--;
-        if (states.hoveringIndex < 0) states.hoveringIndex = states.options.size - 1;
-      }
-      const option = optionsArray.value[states.hoveringIndex];
-      if (option.isDisabled || !option.visible) navigateOptions(direction);
-      nextTick(() => scrollToOption(hoverOption.value));
-    }
-  };
-  const findFocusableIndex = (arr, start, step, len) => {
-    for (let i = start; i >= 0 && i < len; i += step) {
-      const obj = arr[i];
-      if (!(obj == null ? void 0 : obj.isDisabled) && (obj == null ? void 0 : obj.visible)) return i;
-    }
-    return null;
-  };
-  const focusOption = (targetIndex, mode) => {
-    const len = states.options.size;
-    if (len === 0) return;
-    const start = clamp(targetIndex, 0, len - 1);
-    const options = optionsArray.value;
-    const direction = mode === "up" ? -1 : 1;
-    const newIndex = findFocusableIndex(options, start, direction, len) ?? findFocusableIndex(options, start - direction, -direction, len);
-    if (newIndex != null) {
-      states.hoveringIndex = newIndex;
-      nextTick(() => scrollToOption(hoverOption.value));
-    }
-  };
-  const handleKeydown = (e) => {
-    const code = getEventCode(e);
-    let isPreventDefault = true;
-    switch (code) {
-      case EVENT_CODE.up:
-        navigateOptions("prev");
-        break;
-      case EVENT_CODE.down:
-        navigateOptions("next");
-        break;
-      case EVENT_CODE.enter:
-      case EVENT_CODE.numpadEnter:
-        if (!isComposing.value) selectOption();
-        break;
-      case EVENT_CODE.esc:
-        handleEsc();
-        break;
-      case EVENT_CODE.backspace:
-        isPreventDefault = false;
-        deletePrevTag(e);
-        return;
-      case EVENT_CODE.home:
-        if (!expanded.value) return;
-        focusOption(0, "down");
-        break;
-      case EVENT_CODE.end:
-        if (!expanded.value) return;
-        focusOption(states.options.size - 1, "up");
-        break;
-      case EVENT_CODE.pageUp:
-        if (!expanded.value) return;
-        focusOption(states.hoveringIndex - 10, "up");
-        break;
-      case EVENT_CODE.pageDown:
-        if (!expanded.value) return;
-        focusOption(states.hoveringIndex + 10, "down");
-        break;
-      default:
-        isPreventDefault = false;
-        break;
-    }
-    if (isPreventDefault) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  };
-  const getGapWidth = () => {
-    if (!selectionRef.value) return 0;
-    const style = window.getComputedStyle(selectionRef.value);
-    return Number.parseFloat(style.gap || "6px");
-  };
-  const tagStyle = computed(() => {
-    const gapWidth = getGapWidth();
-    const inputSlotWidth = props.filterable ? gapWidth + MINIMUM_INPUT_WIDTH : 0;
-    return { maxWidth: `${collapseItemRef.value && props.maxCollapseTags === 1 ? states.selectionWidth - states.collapseItemWidth - gapWidth - inputSlotWidth : states.selectionWidth - inputSlotWidth}px` };
-  });
-  const collapseTagStyle = computed(() => {
-    return { maxWidth: `${states.selectionWidth}px` };
-  });
-  const popupScroll = (data) => {
-    emit("popup-scroll", data);
-  };
-  useResizeObserver(selectionRef, resetSelectionWidth);
-  useResizeObserver(wrapperRef, updateTooltip);
-  useResizeObserver(tagMenuRef, updateTagTooltip);
-  useResizeObserver(collapseItemRef, resetCollapseItemWidth);
-  let stop;
-  watch(() => dropdownMenuVisible.value, (newVal) => {
-    if (newVal) stop = useResizeObserver(menuRef, updateTooltip).stop;
-    else {
-      stop == null ? void 0 : stop();
-      stop = void 0;
-    }
-    emit("visible-change", newVal);
-  });
-  onMounted(() => {
-    setSelected();
-  });
-  return {
-    inputId,
-    contentId,
-    nsSelect,
-    nsInput,
-    states,
-    isFocused,
-    expanded,
-    optionsArray,
-    hoverOption,
-    selectSize,
-    filteredOptionsCount,
-    updateTooltip,
-    updateTagTooltip,
-    debouncedOnInputChange,
-    onInput,
-    deletePrevTag,
-    deleteTag,
-    deleteSelected,
-    handleOptionSelect,
-    scrollToOption,
-    hasModelValue,
-    shouldShowPlaceholder,
-    currentPlaceholder,
-    mouseEnterEventName,
-    needStatusIcon,
-    showClearBtn,
-    iconComponent,
-    iconReverse,
-    validateState,
-    validateIcon,
-    showNewOption,
-    updateOptions,
-    collapseTagSize,
-    setSelected,
-    selectDisabled,
-    emptyText,
-    handleCompositionStart,
-    handleCompositionUpdate,
-    handleCompositionEnd,
-    handleKeydown,
-    onOptionCreate,
-    onOptionDestroy,
-    handleMenuEnter,
-    focus,
-    blur,
-    handleClearClick,
-    handleClickOutside,
-    handleEsc,
-    toggleMenu,
-    selectOption,
-    getValueKey,
-    navigateOptions,
-    dropdownMenuVisible,
-    showTagList,
-    collapseTagList,
-    popupScroll,
-    getOption,
-    tagStyle,
-    collapseTagStyle,
-    popperRef,
-    inputRef,
-    tooltipRef,
-    tagTooltipRef,
-    prefixRef,
-    suffixRef,
-    selectRef,
-    wrapperRef,
-    selectionRef,
-    scrollbarRef,
-    menuRef,
-    tagMenuRef,
-    collapseItemRef
-  };
-};
-var options_default = defineComponent({
-  name: "ElOptions",
-  setup(_, { slots }) {
-    const select = inject(selectKey);
-    let cachedValueList = [];
-    return () => {
-      var _a, _b;
-      const children = (_a = slots.default) == null ? void 0 : _a.call(slots);
-      const valueList = [];
-      function filterOptions(children2) {
-        if (!isArray(children2)) return;
-        children2.forEach((item) => {
-          var _a2, _b2, _c, _d;
-          const name = (_a2 = (item == null ? void 0 : item.type) || {}) == null ? void 0 : _a2.name;
-          if (name === "ElOptionGroup") filterOptions(!isString(item.children) && !isArray(item.children) && isFunction((_b2 = item.children) == null ? void 0 : _b2.default) ? (_c = item.children) == null ? void 0 : _c.default() : item.children);
-          else if (name === "ElOption") valueList.push((_d = item.props) == null ? void 0 : _d.value);
-          else if (isArray(item.children)) filterOptions(item.children);
-        });
-      }
-      if (children.length) filterOptions((_b = children[0]) == null ? void 0 : _b.children);
-      if (!isEqual(valueList, cachedValueList)) {
-        cachedValueList = valueList;
-        if (select) select.states.optionValues = valueList;
-      }
-      return children;
-    };
-  }
-});
-const COMPONENT_NAME = "ElSelect";
-const warnHandlerMap = /* @__PURE__ */ new WeakMap();
-const createSelectWarnHandler = (appContext) => {
-  return (...args) => {
-    var _a, _b;
-    const message = args[0];
-    if (!message || message.includes('Slot "default" invoked outside of the render function') && ((_a = args[2]) == null ? void 0 : _a.includes("ElTreeSelect"))) return;
-    const original = (_b = warnHandlerMap.get(appContext)) == null ? void 0 : _b.originalWarnHandler;
-    if (original) {
-      original(...args);
-      return;
-    }
-  };
-};
-const getWarnHandlerRecord = (appContext) => {
-  let record = warnHandlerMap.get(appContext);
-  if (!record) {
-    record = {
-      originalWarnHandler: appContext.config.warnHandler,
-      handler: createSelectWarnHandler(appContext),
-      count: 0
-    };
-    warnHandlerMap.set(appContext, record);
-  }
-  return record;
-};
-var select_vue_vue_type_script_lang_default = defineComponent({
-  name: COMPONENT_NAME,
-  componentName: COMPONENT_NAME,
-  components: {
-    ElSelectMenu: select_dropdown_default,
-    ElOption: option_default,
-    ElOptions: options_default,
-    ElOptionGroup: option_group_default,
-    ElTag,
-    ElScrollbar,
-    ElTooltip,
-    ElIcon
-  },
-  directives: { ClickOutside },
-  props: selectProps,
-  emits: [
-    UPDATE_MODEL_EVENT,
-    CHANGE_EVENT,
-    "remove-tag",
-    "clear",
-    "visible-change",
-    "focus",
-    "blur",
-    "popup-scroll"
-  ],
-  setup(props, { emit, slots }) {
-    const instance = getCurrentInstance();
-    const warnRecord = getWarnHandlerRecord(instance.appContext);
-    warnRecord.count += 1;
-    instance.appContext.config.warnHandler = warnRecord.handler;
-    const modelValue = computed(() => {
-      const { modelValue: rawModelValue, multiple } = props;
-      const fallback = multiple ? [] : void 0;
-      if (isArray(rawModelValue)) return multiple ? rawModelValue : fallback;
-      return multiple ? fallback : rawModelValue;
-    });
-    const _props = reactive({
-      ...toRefs(props),
-      modelValue
-    });
-    const API = useSelect(_props, emit);
-    const { calculatorRef, inputStyle } = useCalcInputWidth();
-    const { getLabel, getValue, getOptions, getDisabled } = useProps(props);
-    const getOptionProps = (option) => ({
-      label: getLabel(option),
-      value: getValue(option),
-      disabled: getDisabled(option)
-    });
-    const flatTreeSelectData = (data) => {
-      return data.reduce((acc, item) => {
-        acc.push(item);
-        if (item.children && item.children.length > 0) acc.push(...flatTreeSelectData(item.children));
-        return acc;
-      }, []);
-    };
-    const manuallyRenderSlots = (vnodes) => {
-      flattedChildren(vnodes || []).forEach((item) => {
-        var _a;
-        if (isObject(item) && (item.type.name === "ElOption" || item.type.name === "ElTree")) {
-          const _name = item.type.name;
-          if (_name === "ElTree") flatTreeSelectData(((_a = item.props) == null ? void 0 : _a.data) || []).forEach((treeItem) => {
-            treeItem.currentLabel = treeItem.label ?? (isObject(treeItem.value) ? "" : treeItem.value);
-            API.onOptionCreate(treeItem);
-          });
-          else if (_name === "ElOption") {
-            const obj = { ...item.props };
-            obj.currentLabel = obj.label ?? (isObject(obj.value) ? "" : obj.value);
-            API.onOptionCreate(obj);
-          }
-        }
-      });
-    };
-    watch(() => {
-      var _a;
-      return [props.persistent || API.expanded.value || !slots.default ? void 0 : (_a = slots.default) == null ? void 0 : _a.call(slots), modelValue.value];
-    }, () => {
-      var _a;
-      if (props.persistent || API.expanded.value) return;
-      if (!slots.default) return;
-      API.states.options.clear();
-      manuallyRenderSlots((_a = slots.default) == null ? void 0 : _a.call(slots));
-    }, { immediate: true });
-    provide(selectKey, reactive({
-      props: _props,
-      states: API.states,
-      selectRef: API.selectRef,
-      optionsArray: API.optionsArray,
-      setSelected: API.setSelected,
-      handleOptionSelect: API.handleOptionSelect,
-      onOptionCreate: API.onOptionCreate,
-      onOptionDestroy: API.onOptionDestroy
-    }));
-    const selectedLabel = computed(() => {
-      if (!props.multiple) return API.states.selectedLabel;
-      return API.states.selected.map((i) => i.currentLabel);
-    });
-    onBeforeUnmount(() => {
-      const record = warnHandlerMap.get(instance.appContext);
-      if (!record) return;
-      record.count -= 1;
-      if (record.count <= 0) {
-        instance.appContext.config.warnHandler = record.originalWarnHandler;
-        warnHandlerMap.delete(instance.appContext);
-      }
-    });
-    return {
-      ...API,
-      modelValue,
-      selectedLabel,
-      calculatorRef,
-      inputStyle,
-      getLabel,
-      getValue,
-      getOptions,
-      getDisabled,
-      getOptionProps
-    };
-  }
-});
-const _hoisted_1 = [
-  "id",
-  "value",
-  "name",
-  "disabled",
-  "autocomplete",
-  "tabindex",
-  "readonly",
-  "aria-activedescendant",
-  "aria-controls",
-  "aria-expanded",
-  "aria-label"
-];
-const _hoisted_2 = ["textContent"];
-const _hoisted_3 = { key: 1 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_tag = resolveComponent("el-tag");
-  const _component_el_tooltip = resolveComponent("el-tooltip");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_option = resolveComponent("el-option");
-  const _component_el_option_group = resolveComponent("el-option-group");
-  const _component_el_options = resolveComponent("el-options");
-  const _component_el_scrollbar = resolveComponent("el-scrollbar");
-  const _component_el_select_menu = resolveComponent("el-select-menu");
-  const _directive_click_outside = resolveDirective("click-outside");
-  return withDirectives((openBlock(), createElementBlock("div", mergeProps({
-    ref: "selectRef",
-    class: [_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]
-  }, { [toHandlerKey(_ctx.mouseEnterEventName)]: _cache[11] || (_cache[11] = ($event) => _ctx.states.inputHovering = true) }, { onMouseleave: _cache[12] || (_cache[12] = ($event) => _ctx.states.inputHovering = false) }), [createVNode(_component_el_tooltip, {
-    ref: "tooltipRef",
-    visible: _ctx.dropdownMenuVisible,
-    placement: _ctx.placement,
-    teleported: _ctx.teleported,
-    "popper-class": [_ctx.nsSelect.e("popper"), _ctx.popperClass],
-    "popper-style": _ctx.popperStyle,
-    "popper-options": _ctx.popperOptions,
-    "fallback-placements": _ctx.fallbackPlacements,
-    effect: _ctx.effect,
-    pure: "",
-    trigger: "click",
-    transition: `${_ctx.nsSelect.namespace.value}-zoom-in-top`,
-    "stop-popper-mouse-event": false,
-    "gpu-acceleration": false,
-    persistent: _ctx.persistent,
-    "append-to": _ctx.appendTo,
-    "show-arrow": _ctx.showArrow,
-    offset: _ctx.offset,
-    onBeforeShow: _ctx.handleMenuEnter,
-    onHide: _cache[10] || (_cache[10] = ($event) => _ctx.states.isBeforeHide = false)
-  }, {
-    default: withCtx(() => {
-      var _a;
-      return [createElementVNode("div", {
-        ref: "wrapperRef",
-        class: normalizeClass([
-          _ctx.nsSelect.e("wrapper"),
-          _ctx.nsSelect.is("focused", _ctx.isFocused),
-          _ctx.nsSelect.is("hovering", _ctx.states.inputHovering),
-          _ctx.nsSelect.is("filterable", _ctx.filterable),
-          _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
-        ]),
-        onClick: _cache[7] || (_cache[7] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["prevent"]))
-      }, [
-        _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          ref: "prefixRef",
-          class: normalizeClass(_ctx.nsSelect.e("prefix"))
-        }, [renderSlot(_ctx.$slots, "prefix")], 2)) : createCommentVNode("v-if", true),
-        createElementVNode("div", {
-          ref: "selectionRef",
-          class: normalizeClass([_ctx.nsSelect.e("selection"), _ctx.nsSelect.is("near", _ctx.multiple && !_ctx.$slots.prefix && !!_ctx.states.selected.length)])
-        }, [
-          _ctx.multiple ? renderSlot(_ctx.$slots, "tag", {
-            key: 0,
-            data: _ctx.states.selected,
-            deleteTag: _ctx.deleteTag,
-            selectDisabled: _ctx.selectDisabled
-          }, () => {
-            var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-            return [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.showTagList, (item) => {
-              return openBlock(), createElementBlock("div", {
-                key: _ctx.getValueKey(item),
-                class: normalizeClass(_ctx.nsSelect.e("selected-item"))
-              }, [createVNode(_component_el_tag, {
-                closable: !_ctx.selectDisabled && !item.isDisabled,
-                size: _ctx.collapseTagSize,
-                type: _ctx.tagType,
-                effect: _ctx.tagEffect,
-                "disable-transitions": "",
-                style: normalizeStyle(_ctx.tagStyle),
-                onClose: ($event) => _ctx.deleteTag($event, item)
-              }, {
-                default: withCtx(() => [createElementVNode("span", { class: normalizeClass(_ctx.nsSelect.e("tags-text")) }, [renderSlot(_ctx.$slots, "label", {
-                  index: item.index,
-                  label: item.currentLabel,
-                  value: item.value
-                }, () => [createTextVNode(toDisplayString(item.currentLabel), 1)])], 2)]),
-                _: 2
-              }, 1032, [
-                "closable",
-                "size",
-                "type",
-                "effect",
-                "style",
-                "onClose"
-              ])], 2);
-            }), 128)), _ctx.collapseTags && _ctx.states.selected.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tooltip, {
-              key: 0,
-              ref: "tagTooltipRef",
-              disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
-              "fallback-placements": ((_a2 = _ctx.tagTooltip) == null ? void 0 : _a2.fallbackPlacements) ?? [
-                "bottom",
-                "top",
-                "right",
-                "left"
-              ],
-              effect: ((_b = _ctx.tagTooltip) == null ? void 0 : _b.effect) ?? _ctx.effect,
-              placement: ((_c = _ctx.tagTooltip) == null ? void 0 : _c.placement) ?? "bottom",
-              "popper-class": ((_d = _ctx.tagTooltip) == null ? void 0 : _d.popperClass) ?? _ctx.popperClass,
-              "popper-style": ((_e = _ctx.tagTooltip) == null ? void 0 : _e.popperStyle) ?? _ctx.popperStyle,
-              teleported: ((_f = _ctx.tagTooltip) == null ? void 0 : _f.teleported) ?? _ctx.teleported,
-              "append-to": ((_g = _ctx.tagTooltip) == null ? void 0 : _g.appendTo) ?? _ctx.appendTo,
-              "popper-options": ((_h = _ctx.tagTooltip) == null ? void 0 : _h.popperOptions) ?? _ctx.popperOptions,
-              transition: (_i = _ctx.tagTooltip) == null ? void 0 : _i.transition,
-              "show-after": (_j = _ctx.tagTooltip) == null ? void 0 : _j.showAfter,
-              "hide-after": (_k = _ctx.tagTooltip) == null ? void 0 : _k.hideAfter,
-              "auto-close": (_l = _ctx.tagTooltip) == null ? void 0 : _l.autoClose,
-              offset: (_m = _ctx.tagTooltip) == null ? void 0 : _m.offset
-            }, {
-              default: withCtx(() => [createElementVNode("div", {
-                ref: "collapseItemRef",
-                class: normalizeClass(_ctx.nsSelect.e("selected-item"))
-              }, [createVNode(_component_el_tag, {
-                closable: false,
-                size: _ctx.collapseTagSize,
-                type: _ctx.tagType,
-                effect: _ctx.tagEffect,
-                "disable-transitions": "",
-                style: normalizeStyle(_ctx.collapseTagStyle)
-              }, {
-                default: withCtx(() => [createElementVNode("span", { class: normalizeClass(_ctx.nsSelect.e("tags-text")) }, " + " + toDisplayString(_ctx.states.selected.length - _ctx.maxCollapseTags), 3)]),
-                _: 1
-              }, 8, [
-                "size",
-                "type",
-                "effect",
-                "style"
-              ])], 2)]),
-              content: withCtx(() => [createElementVNode("div", {
-                ref: "tagMenuRef",
-                class: normalizeClass(_ctx.nsSelect.e("selection"))
-              }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.collapseTagList, (item) => {
-                return openBlock(), createElementBlock("div", {
-                  key: _ctx.getValueKey(item),
-                  class: normalizeClass(_ctx.nsSelect.e("selected-item"))
-                }, [createVNode(_component_el_tag, {
-                  class: "in-tooltip",
-                  closable: !_ctx.selectDisabled && !item.isDisabled,
-                  size: _ctx.collapseTagSize,
-                  type: _ctx.tagType,
-                  effect: _ctx.tagEffect,
-                  "disable-transitions": "",
-                  onClose: ($event) => _ctx.deleteTag($event, item)
-                }, {
-                  default: withCtx(() => [createElementVNode("span", { class: normalizeClass(_ctx.nsSelect.e("tags-text")) }, [renderSlot(_ctx.$slots, "label", {
-                    index: item.index,
-                    label: item.currentLabel,
-                    value: item.value
-                  }, () => [createTextVNode(toDisplayString(item.currentLabel), 1)])], 2)]),
-                  _: 2
-                }, 1032, [
-                  "closable",
-                  "size",
-                  "type",
-                  "effect",
-                  "onClose"
-                ])], 2);
-              }), 128))], 2)]),
-              _: 3
-            }, 8, [
-              "disabled",
-              "fallback-placements",
-              "effect",
-              "placement",
-              "popper-class",
-              "popper-style",
-              "teleported",
-              "append-to",
-              "popper-options",
-              "transition",
-              "show-after",
-              "hide-after",
-              "auto-close",
-              "offset"
-            ])) : createCommentVNode("v-if", true)];
-          }) : createCommentVNode("v-if", true),
-          createElementVNode("div", { class: normalizeClass([
-            _ctx.nsSelect.e("selected-item"),
-            _ctx.nsSelect.e("input-wrapper"),
-            _ctx.nsSelect.is("hidden", !_ctx.filterable || _ctx.selectDisabled || !_ctx.states.inputValue && !_ctx.isFocused)
-          ]) }, [createElementVNode("input", {
-            id: _ctx.inputId,
-            ref: "inputRef",
-            value: _ctx.states.inputValue,
-            type: "text",
-            name: _ctx.name,
-            class: normalizeClass([_ctx.nsSelect.e("input"), _ctx.nsSelect.is(_ctx.selectSize)]),
-            disabled: _ctx.selectDisabled,
-            autocomplete: _ctx.autocomplete,
-            style: normalizeStyle(_ctx.inputStyle),
-            tabindex: _ctx.tabindex,
-            role: "combobox",
-            readonly: !_ctx.filterable,
-            spellcheck: "false",
-            "aria-activedescendant": ((_a = _ctx.hoverOption) == null ? void 0 : _a.id) || "",
-            "aria-controls": _ctx.contentId,
-            "aria-expanded": _ctx.dropdownMenuVisible,
-            "aria-label": _ctx.ariaLabel,
-            "aria-autocomplete": "none",
-            "aria-haspopup": "listbox",
-            onKeydown: _cache[0] || (_cache[0] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args)),
-            onCompositionstart: _cache[1] || (_cache[1] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
-            onCompositionupdate: _cache[2] || (_cache[2] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
-            onCompositionend: _cache[3] || (_cache[3] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
-            onInput: _cache[4] || (_cache[4] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-            onChange: _cache[5] || (_cache[5] = withModifiers(() => {
-            }, ["stop"])),
-            onClick: _cache[6] || (_cache[6] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
-          }, null, 46, _hoisted_1), _ctx.filterable ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            ref: "calculatorRef",
-            "aria-hidden": "true",
-            class: normalizeClass(_ctx.nsSelect.e("input-calculator")),
-            textContent: toDisplayString(_ctx.states.inputValue)
-          }, null, 10, _hoisted_2)) : createCommentVNode("v-if", true)], 2),
-          _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: normalizeClass([
-              _ctx.nsSelect.e("selected-item"),
-              _ctx.nsSelect.e("placeholder"),
-              _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
-            ])
-          }, [_ctx.hasModelValue ? renderSlot(_ctx.$slots, "label", {
-            key: 0,
-            index: _ctx.getOption(_ctx.modelValue).index,
-            label: _ctx.currentPlaceholder,
-            value: _ctx.modelValue
-          }, () => [createElementVNode("span", null, toDisplayString(_ctx.currentPlaceholder), 1)]) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.currentPlaceholder), 1))], 2)) : createCommentVNode("v-if", true)
-        ], 2),
-        createElementVNode("div", {
-          ref: "suffixRef",
-          class: normalizeClass(_ctx.nsSelect.e("suffix"))
-        }, [
-          _ctx.iconComponent && !_ctx.showClearBtn ? (openBlock(), createBlock(_component_el_icon, {
-            key: 0,
-            class: normalizeClass([
-              _ctx.nsSelect.e("caret"),
-              _ctx.nsSelect.e("icon"),
-              _ctx.iconReverse
-            ])
-          }, {
-            default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))]),
-            _: 1
-          }, 8, ["class"])) : createCommentVNode("v-if", true),
-          _ctx.showClearBtn && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
-            key: 1,
-            class: normalizeClass([
-              _ctx.nsSelect.e("caret"),
-              _ctx.nsSelect.e("icon"),
-              _ctx.nsSelect.e("clear")
-            ]),
-            onClick: _ctx.handleClearClick
-          }, {
-            default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))]),
-            _: 1
-          }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
-          _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (openBlock(), createBlock(_component_el_icon, {
-            key: 2,
-            class: normalizeClass([
-              _ctx.nsInput.e("icon"),
-              _ctx.nsInput.e("validateIcon"),
-              _ctx.nsInput.is("loading", _ctx.validateState === "validating")
-            ])
-          }, {
-            default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.validateIcon)))]),
-            _: 1
-          }, 8, ["class"])) : createCommentVNode("v-if", true)
-        ], 2)
-      ], 2)];
-    }),
-    content: withCtx(() => [createVNode(_component_el_select_menu, { ref: "menuRef" }, {
-      default: withCtx(() => [
-        _ctx.$slots.header ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(_ctx.nsSelect.be("dropdown", "header")),
-          onClick: _cache[8] || (_cache[8] = withModifiers(() => {
-          }, ["stop"]))
-        }, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("v-if", true),
-        withDirectives(createVNode(_component_el_scrollbar, {
-          id: _ctx.contentId,
-          ref: "scrollbarRef",
-          tag: "ul",
-          "wrap-class": _ctx.nsSelect.be("dropdown", "wrap"),
-          "view-class": _ctx.nsSelect.be("dropdown", "list"),
-          class: normalizeClass([_ctx.nsSelect.is("empty", _ctx.filteredOptionsCount === 0)]),
-          role: "listbox",
-          "aria-label": _ctx.ariaLabel,
-          "aria-orientation": "vertical",
-          onScroll: _ctx.popupScroll
-        }, {
-          default: withCtx(() => [_ctx.showNewOption ? (openBlock(), createBlock(_component_el_option, {
-            key: 0,
-            value: _ctx.states.inputValue,
-            created: true
-          }, null, 8, ["value"])) : createCommentVNode("v-if", true), createVNode(_component_el_options, null, {
-            default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
-              var _a;
-              return openBlock(), createElementBlock(Fragment, { key: index }, [((_a = _ctx.getOptions(option)) == null ? void 0 : _a.length) ? (openBlock(), createBlock(_component_el_option_group, {
-                key: 0,
-                label: _ctx.getLabel(option),
-                disabled: _ctx.getDisabled(option)
-              }, {
-                default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.getOptions(option), (item) => {
-                  return openBlock(), createBlock(_component_el_option, mergeProps({ key: _ctx.getValue(item) }, { ref_for: true }, _ctx.getOptionProps(item)), null, 16);
-                }), 128))]),
-                _: 2
-              }, 1032, ["label", "disabled"])) : (openBlock(), createBlock(_component_el_option, mergeProps({
-                key: 1,
-                ref_for: true
-              }, _ctx.getOptionProps(option)), null, 16))], 64);
-            }), 128))])]),
-            _: 3
-          })]),
-          _: 3
-        }, 8, [
-          "id",
-          "wrap-class",
-          "view-class",
-          "class",
-          "aria-label",
-          "onScroll"
-        ]), [[vShow, _ctx.states.options.size > 0 && !_ctx.loading]]),
-        _ctx.$slots.loading && _ctx.loading ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(_ctx.nsSelect.be("dropdown", "loading"))
-        }, [renderSlot(_ctx.$slots, "loading")], 2)) : _ctx.loading || _ctx.filteredOptionsCount === 0 ? (openBlock(), createElementBlock("div", {
-          key: 2,
-          class: normalizeClass(_ctx.nsSelect.be("dropdown", "empty"))
-        }, [renderSlot(_ctx.$slots, "empty", {}, () => [createElementVNode("span", null, toDisplayString(_ctx.emptyText), 1)])], 2)) : createCommentVNode("v-if", true),
-        _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
-          key: 3,
-          class: normalizeClass(_ctx.nsSelect.be("dropdown", "footer")),
-          onClick: _cache[9] || (_cache[9] = withModifiers(() => {
-          }, ["stop"]))
-        }, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("v-if", true)
-      ]),
-      _: 3
-    }, 512)]),
-    _: 3
-  }, 8, [
-    "visible",
-    "placement",
-    "teleported",
-    "popper-class",
-    "popper-style",
-    "popper-options",
-    "fallback-placements",
-    "effect",
-    "transition",
-    "persistent",
-    "append-to",
-    "show-arrow",
-    "offset",
-    "onBeforeShow"
-  ])], 16)), [[
-    _directive_click_outside,
-    _ctx.handleClickOutside,
-    _ctx.popperRef
-  ]]);
-}
-var select_default = /* @__PURE__ */ _plugin_vue_export_helper_default(select_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
-const ElSelect = withInstall(select_default, {
-  Option: option_default,
-  OptionGroup: option_group_default
-});
-const ElOption = withNoopInstall(option_default);
-const ElOptionGroup = withNoopInstall(option_group_default);
-export {
-  ElSelect as E,
-  ElOption as a,
-  ElOptionGroup as b
-};