@element-plus/nightly 0.0.20220830 → 0.0.20220902

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

@@ -34,7 +34,7 @@ export declare const ElScrollbar: import("element-plus/es/utils").SFCWithInstall
         scrollLeft: number;
     }) => void;
     ns: {
-        namespace: import("vue").ComputedRef<string>;
+        namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;
@@ -133,7 +133,7 @@ export declare const ElScrollbar: import("element-plus/es/utils").SFCWithInstall
                 }>>;
                 scrollbar: import("../..").ScrollbarContext;
                 ns: {
-                    namespace: import("vue").ComputedRef<string>;
+                    namespace: import("vue").Ref<string>;
                     b: (blockSuffix?: string) => string;
                     e: (element?: string | undefined) => string;
                     m: (modifier?: string | undefined) => string;
@@ -276,7 +276,7 @@ export declare const ElScrollbar: import("element-plus/es/utils").SFCWithInstall
             }>>;
             scrollbar: import("../..").ScrollbarContext;
             ns: {
-                namespace: import("vue").ComputedRef<string>;
+                namespace: import("vue").Ref<string>;
                 b: (blockSuffix?: string) => string;
                 e: (element?: string | undefined) => string;
                 m: (modifier?: string | undefined) => string;
@@ -405,7 +405,7 @@ export declare const ElScrollbar: import("element-plus/es/utils").SFCWithInstall
             }>>;
             scrollbar: import("../..").ScrollbarContext;
             ns: {
-                namespace: import("vue").ComputedRef<string>;
+                namespace: import("vue").Ref<string>;
                 b: (blockSuffix?: string) => string;
                 e: (element?: string | undefined) => string;
                 m: (modifier?: string | undefined) => string;

package/lib/components/scrollbar/src/bar.vue.d.ts

@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<{
         }>>;
         scrollbar: import("../../..").ScrollbarContext;
         ns: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;

package/lib/components/scrollbar/src/scrollbar.vue.d.ts

@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<{
         scrollLeft: number;
     }) => void;
     ns: {
-        namespace: import("vue").ComputedRef<string>;
+        namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;
@@ -135,7 +135,7 @@ declare const _default: import("vue").DefineComponent<{
                 }>>;
                 scrollbar: import("element-plus/es/tokens").ScrollbarContext;
                 ns: {
-                    namespace: import("vue").ComputedRef<string>;
+                    namespace: import("vue").Ref<string>;
                     b: (blockSuffix?: string) => string;
                     e: (element?: string | undefined) => string;
                     m: (modifier?: string | undefined) => string;
@@ -278,7 +278,7 @@ declare const _default: import("vue").DefineComponent<{
             }>>;
             scrollbar: import("element-plus/es/tokens").ScrollbarContext;
             ns: {
-                namespace: import("vue").ComputedRef<string>;
+                namespace: import("vue").Ref<string>;
                 b: (blockSuffix?: string) => string;
                 e: (element?: string | undefined) => string;
                 m: (modifier?: string | undefined) => string;
@@ -407,7 +407,7 @@ declare const _default: import("vue").DefineComponent<{
             }>>;
             scrollbar: import("element-plus/es/tokens").ScrollbarContext;
             ns: {
-                namespace: import("vue").ComputedRef<string>;
+                namespace: import("vue").Ref<string>;
                 b: (blockSuffix?: string) => string;
                 e: (element?: string | undefined) => string;
                 m: (modifier?: string | undefined) => string;

package/lib/components/scrollbar/src/thumb.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     scrollbar: import("element-plus/es/tokens").ScrollbarContext;
     ns: {
-        namespace: import("vue").ComputedRef<string>;
+        namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;

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

@@ -2223,7 +2223,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
                             formItemContext: import("../..").FormItemContext | undefined;
                             nextZIndex: () => number;
                             ns: {
-                                namespace: import("vue").ComputedRef<string>;
+                                namespace: import("vue").Ref<string>;
                                 b: (blockSuffix?: string) => string;
                                 e: (element?: string | undefined) => string;
                                 m: (modifier?: string | undefined) => string;
@@ -2862,7 +2862,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
                         formItemContext: import("../..").FormItemContext | undefined;
                         nextZIndex: () => number;
                         ns: {
-                            namespace: import("vue").ComputedRef<string>;
+                            namespace: import("vue").Ref<string>;
                             b: (blockSuffix?: string) => string;
                             e: (element?: string | undefined) => string;
                             m: (modifier?: string | undefined) => string;
@@ -4072,7 +4072,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
                         formItemContext: import("../..").FormItemContext | undefined;
                         nextZIndex: () => number;
                         ns: {
-                            namespace: import("vue").ComputedRef<string>;
+                            namespace: import("vue").Ref<string>;
                             b: (blockSuffix?: string) => string;
                             e: (element?: string | undefined) => string;
                             m: (modifier?: string | undefined) => string;
@@ -4711,7 +4711,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
                     formItemContext: import("../..").FormItemContext | undefined;
                     nextZIndex: () => number;
                     ns: {
-                        namespace: import("vue").ComputedRef<string>;
+                        namespace: import("vue").Ref<string>;
                         b: (blockSuffix?: string) => string;
                         e: (element?: string | undefined) => string;
                         m: (modifier?: string | undefined) => string;
@@ -6609,7 +6609,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
                         formItemContext: import("../..").FormItemContext | undefined;
                         nextZIndex: () => number;
                         ns: {
-                            namespace: import("vue").ComputedRef<string>;
+                            namespace: import("vue").Ref<string>;
                             b: (blockSuffix?: string) => string;
                             e: (element?: string | undefined) => string;
                             m: (modifier?: string | undefined) => string;
@@ -7248,7 +7248,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
                     formItemContext: import("../..").FormItemContext | undefined;
                     nextZIndex: () => number;
                     ns: {
-                        namespace: import("vue").ComputedRef<string>;
+                        namespace: import("vue").Ref<string>;
                         b: (blockSuffix?: string) => string;
                         e: (element?: string | undefined) => string;
                         m: (modifier?: string | undefined) => string;
@@ -8458,7 +8458,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
                     formItemContext: import("../..").FormItemContext | undefined;
                     nextZIndex: () => number;
                     ns: {
-                        namespace: import("vue").ComputedRef<string>;
+                        namespace: import("vue").Ref<string>;
                         b: (blockSuffix?: string) => string;
                         e: (element?: string | undefined) => string;
                         m: (modifier?: string | undefined) => string;
@@ -9097,7 +9097,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
                 formItemContext: import("../..").FormItemContext | undefined;
                 nextZIndex: () => number;
                 ns: {
-                    namespace: import("vue").ComputedRef<string>;
+                    namespace: import("vue").Ref<string>;
                     b: (blockSuffix?: string) => string;
                     e: (element?: string | undefined) => string;
                     m: (modifier?: string | undefined) => string;
@@ -9224,7 +9224,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         width: string;
     }>;
     nsSelect: {
-        namespace: import("vue").ComputedRef<string>;
+        namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;
@@ -9374,7 +9374,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         };
     }, {
         ns: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;
@@ -9430,7 +9430,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
     }, {
         visible: import("vue").Ref<boolean>;
         ns: {
-            namespace: import("vue").ComputedRef<string>;
+            namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
             e: (element?: string | undefined) => string;
             m: (modifier?: string | undefined) => string;
@@ -9471,7 +9471,7 @@ export declare const ElOption: import("element-plus/es/utils").SFCWithInstall<im
     };
 }, {
     ns: {
-        namespace: import("vue").ComputedRef<string>;
+        namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;
@@ -9527,7 +9527,7 @@ export declare const ElOptionGroup: import("element-plus/es/utils").SFCWithInsta
 }, {
     visible: import("vue").Ref<boolean>;
     ns: {
-        namespace: import("vue").ComputedRef<string>;
+        namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;

package/lib/components/select/src/option-group.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     visible: import("vue").Ref<boolean>;
     ns: {
-        namespace: import("vue").ComputedRef<string>;
+        namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;

package/lib/components/select/src/option.js

@@ -35,9 +35,9 @@ const _sfc_main = vue.defineComponent({
     const { currentLabel, itemSelected, isDisabled, select, hoverItem } = useOption.useOption(props, states);
     const { visible, hover } = vue.toRefs(states);
     const vm = vue.getCurrentInstance().proxy;
-    const key = vm.value;
     select.onOptionCreate(vm);
     vue.onBeforeUnmount(() => {
+      const key = vm.value;
       const { selected } = select;
       const selectedOptions = select.props.multiple ? selected : [selected];
       const doesSelected = selectedOptions.some((item) => {

package/lib/components/select/src/option.js.map

@@ -1 +1 @@
-{"version":3,"file":"option.js","sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n  <li\n    v-show=\"visible\"\n    :class=\"[\n      ns.be('dropdown', 'item'),\n      ns.is('disabled', isDisabled),\n      {\n        selected: itemSelected,\n        hover,\n      },\n    ]\"\n    @mouseenter=\"hoverItem\"\n    @click.stop=\"selectOptionClick\"\n  >\n    <slot>\n      <span>{{ currentLabel }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\n// @ts-nocheck\nimport {\n  defineComponent,\n  getCurrentInstance,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  toRefs,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport type { SelectOptionProxy } from './token'\n\nexport default defineComponent({\n  name: 'ElOption',\n  componentName: 'ElOption',\n\n  props: {\n    value: {\n      required: true,\n      type: [String, Number, Boolean, Object],\n    },\n    label: [String, Number],\n    created: Boolean,\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  setup(props) {\n    const ns = useNamespace('select')\n    const states = reactive({\n      index: -1,\n      groupDisabled: false,\n      visible: true,\n      hitState: false,\n      hover: false,\n    })\n\n    const { currentLabel, itemSelected, isDisabled, select, hoverItem } =\n      useOption(props, states)\n\n    const { visible, hover } = toRefs(states)\n\n    const vm = getCurrentInstance().proxy\n    const key = (vm as unknown as SelectOptionProxy).value\n    select.onOptionCreate(vm as unknown as SelectOptionProxy)\n\n    onBeforeUnmount(() => {\n      const { selected } = select\n      const selectedOptions = select.props.multiple ? selected : [selected]\n      const doesSelected = selectedOptions.some((item) => {\n        return item.value === (vm as unknown as SelectOptionProxy).value\n      })\n      // if option is not selected, remove it from cache\n      nextTick(() => {\n        if (select.cachedOptions.get(key) === vm && !doesSelected) {\n          select.cachedOptions.delete(key)\n        }\n      })\n      select.onOptionDestroy(key, vm)\n    })\n\n    function selectOptionClick() {\n      if (props.disabled !== true && states.groupDisabled !== true) {\n        select.handleOptionSelect(vm, true)\n      }\n    }\n\n    return {\n      ns,\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      hoverItem,\n      visible,\n      hover,\n      selectOptionClick,\n      states,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace","reactive","useOption","toRefs","getCurrentInstance","onBeforeUnmount","nextTick","_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"option.js","sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n  <li\n    v-show=\"visible\"\n    :class=\"[\n      ns.be('dropdown', 'item'),\n      ns.is('disabled', isDisabled),\n      {\n        selected: itemSelected,\n        hover,\n      },\n    ]\"\n    @mouseenter=\"hoverItem\"\n    @click.stop=\"selectOptionClick\"\n  >\n    <slot>\n      <span>{{ currentLabel }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\n// @ts-nocheck\nimport {\n  defineComponent,\n  getCurrentInstance,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  toRefs,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport type { SelectOptionProxy } from './token'\n\nexport default defineComponent({\n  name: 'ElOption',\n  componentName: 'ElOption',\n\n  props: {\n    value: {\n      required: true,\n      type: [String, Number, Boolean, Object],\n    },\n    label: [String, Number],\n    created: Boolean,\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  setup(props) {\n    const ns = useNamespace('select')\n    const states = reactive({\n      index: -1,\n      groupDisabled: false,\n      visible: true,\n      hitState: false,\n      hover: false,\n    })\n\n    const { currentLabel, itemSelected, isDisabled, select, hoverItem } =\n      useOption(props, states)\n\n    const { visible, hover } = toRefs(states)\n\n    const vm = getCurrentInstance().proxy\n\n    select.onOptionCreate(vm as unknown as SelectOptionProxy)\n\n    onBeforeUnmount(() => {\n      const key = (vm as unknown as SelectOptionProxy).value\n      const { selected } = select\n      const selectedOptions = select.props.multiple ? selected : [selected]\n      const doesSelected = selectedOptions.some((item) => {\n        return item.value === (vm as unknown as SelectOptionProxy).value\n      })\n      // if option is not selected, remove it from cache\n      nextTick(() => {\n        if (select.cachedOptions.get(key) === vm && !doesSelected) {\n          select.cachedOptions.delete(key)\n        }\n      })\n      select.onOptionDestroy(key, vm)\n    })\n\n    function selectOptionClick() {\n      if (props.disabled !== true && states.groupDisabled !== true) {\n        select.handleOptionSelect(vm, true)\n      }\n    }\n\n    return {\n      ns,\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      hoverItem,\n      visible,\n      hover,\n      selectOptionClick,\n      states,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace","reactive","useOption","toRefs","getCurrentInstance","onBeforeUnmount","nextTick","_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":"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"}

package/lib/components/select/src/option.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     ns: {
-        namespace: import("vue").ComputedRef<string>;
+        namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;

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

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<{}, {
     ns: {
-        namespace: import("vue").ComputedRef<string>;
+        namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;

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

@@ -2225,7 +2225,7 @@ declare const _default: import("vue").DefineComponent<{
                             formItemContext: import("../../..").FormItemContext | undefined;
                             nextZIndex: () => number;
                             ns: {
-                                namespace: import("vue").ComputedRef<string>;
+                                namespace: import("vue").Ref<string>;
                                 b: (blockSuffix?: string) => string;
                                 e: (element?: string | undefined) => string;
                                 m: (modifier?: string | undefined) => string;
@@ -2864,7 +2864,7 @@ declare const _default: import("vue").DefineComponent<{
                         formItemContext: import("../../..").FormItemContext | undefined;
                         nextZIndex: () => number;
                         ns: {
-                            namespace: import("vue").ComputedRef<string>;
+                            namespace: import("vue").Ref<string>;
                             b: (blockSuffix?: string) => string;
                             e: (element?: string | undefined) => string;
                             m: (modifier?: string | undefined) => string;
@@ -4074,7 +4074,7 @@ declare const _default: import("vue").DefineComponent<{
                         formItemContext: import("../../..").FormItemContext | undefined;
                         nextZIndex: () => number;
                         ns: {
-                            namespace: import("vue").ComputedRef<string>;
+                            namespace: import("vue").Ref<string>;
                             b: (blockSuffix?: string) => string;
                             e: (element?: string | undefined) => string;
                             m: (modifier?: string | undefined) => string;
@@ -4713,7 +4713,7 @@ declare const _default: import("vue").DefineComponent<{
                     formItemContext: import("../../..").FormItemContext | undefined;
                     nextZIndex: () => number;
                     ns: {
-                        namespace: import("vue").ComputedRef<string>;
+                        namespace: import("vue").Ref<string>;
                         b: (blockSuffix?: string) => string;
                         e: (element?: string | undefined) => string;
                         m: (modifier?: string | undefined) => string;
@@ -6611,7 +6611,7 @@ declare const _default: import("vue").DefineComponent<{
                         formItemContext: import("../../..").FormItemContext | undefined;
                         nextZIndex: () => number;
                         ns: {
-                            namespace: import("vue").ComputedRef<string>;
+                            namespace: import("vue").Ref<string>;
                             b: (blockSuffix?: string) => string;
                             e: (element?: string | undefined) => string;
                             m: (modifier?: string | undefined) => string;
@@ -7250,7 +7250,7 @@ declare const _default: import("vue").DefineComponent<{
                     formItemContext: import("../../..").FormItemContext | undefined;
                     nextZIndex: () => number;
                     ns: {
-                        namespace: import("vue").ComputedRef<string>;
+                        namespace: import("vue").Ref<string>;
                         b: (blockSuffix?: string) => string;
                         e: (element?: string | undefined) => string;
                         m: (modifier?: string | undefined) => string;
@@ -8460,7 +8460,7 @@ declare const _default: import("vue").DefineComponent<{
                     formItemContext: import("../../..").FormItemContext | undefined;
                     nextZIndex: () => number;
                     ns: {
-                        namespace: import("vue").ComputedRef<string>;
+                        namespace: import("vue").Ref<string>;
                         b: (blockSuffix?: string) => string;
                         e: (element?: string | undefined) => string;
                         m: (modifier?: string | undefined) => string;
@@ -9099,7 +9099,7 @@ declare const _default: import("vue").DefineComponent<{
                 formItemContext: import("../../..").FormItemContext | undefined;
                 nextZIndex: () => number;
                 ns: {
-                    namespace: import("vue").ComputedRef<string>;
+                    namespace: import("vue").Ref<string>;
                     b: (blockSuffix?: string) => string;
                     e: (element?: string | undefined) => string;
                     m: (modifier?: string | undefined) => string;
@@ -9226,7 +9226,7 @@ declare const _default: import("vue").DefineComponent<{
         width: string;
     }>;
     nsSelect: {
-        namespace: import("vue").ComputedRef<string>;
+        namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;

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

@@ -68,6 +68,10 @@ function useOption(props, states) {
   });
   vue.watch(() => props.value, (val, oldVal) => {
     const { remote, valueKey } = select.props;
+    if (!Object.is(val, oldVal)) {
+      select.onOptionDestroy(oldVal, instance.proxy);
+      select.onOptionCreate(instance.proxy);
+    }
     if (!props.created && !remote) {
       if (valueKey && typeof val === "object" && typeof oldVal === "object" && val[valueKey] === oldVal[valueKey]) {
         return;

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

@@ -1 +1 @@
-{"version":3,"file":"useOption.js","sources":["../../../../../../packages/components/select/src/useOption.ts"],"sourcesContent":["// @ts-nocheck\nimport { computed, getCurrentInstance, inject, toRaw, unref, watch } from 'vue'\nimport { get } from 'lodash-unified'\nimport { escapeStringRegexp } from '@element-plus/utils'\nimport { selectGroupKey, selectKey } from './token'\n\nimport type { Ref } from 'vue'\nimport type { QueryChangeCtx } from './token'\n\nexport function useOption(props, states) {\n  // inject\n  const select = inject(selectKey)\n  const selectGroup = inject(selectGroupKey, { disabled: false })\n\n  // computed\n  const isObject = computed(() => {\n    return (\n      Object.prototype.toString.call(props.value).toLowerCase() ===\n      '[object object]'\n    )\n  })\n\n  const itemSelected = computed(() => {\n    if (!select.props.multiple) {\n      return isEqual(props.value, select.props.modelValue)\n    } else {\n      return contains(select.props.modelValue as unknown[], props.value)\n    }\n  })\n\n  const limitReached = computed(() => {\n    if (select.props.multiple) {\n      const modelValue = (select.props.modelValue || []) as unknown[]\n      return (\n        !itemSelected.value &&\n        modelValue.length >= select.props.multipleLimit &&\n        select.props.multipleLimit > 0\n      )\n    } else {\n      return false\n    }\n  })\n\n  const currentLabel = computed(() => {\n    return props.label || (isObject.value ? '' : props.value)\n  })\n\n  const currentValue = computed(() => {\n    return props.value || props.label || ''\n  })\n\n  const isDisabled = computed(() => {\n    return props.disabled || states.groupDisabled || limitReached.value\n  })\n\n  const instance = getCurrentInstance()\n\n  const contains = (arr = [], target) => {\n    if (!isObject.value) {\n      return arr && arr.includes(target)\n    } else {\n      const valueKey = select.props.valueKey\n      return (\n        arr &&\n        arr.some((item) => {\n          return toRaw(get(item, valueKey)) === get(target, valueKey)\n        })\n      )\n    }\n  }\n\n  const isEqual = (a: unknown, b: unknown) => {\n    if (!isObject.value) {\n      return a === b\n    } else {\n      const { valueKey } = select.props\n      return get(a, valueKey) === get(b, valueKey)\n    }\n  }\n\n  const hoverItem = () => {\n    if (!props.disabled && !selectGroup.disabled) {\n      select.hoverIndex = select.optionsArray.indexOf(instance.proxy)\n    }\n  }\n\n  watch(\n    () => currentLabel.value,\n    () => {\n      if (!props.created && !select.props.remote) select.setSelected()\n    }\n  )\n\n  watch(\n    () => props.value,\n    (val, oldVal) => {\n      const { remote, valueKey } = select.props\n      if (!props.created && !remote) {\n        if (\n          valueKey &&\n          typeof val === 'object' &&\n          typeof oldVal === 'object' &&\n          val[valueKey] === oldVal[valueKey]\n        ) {\n          return\n        }\n        select.setSelected()\n      }\n    }\n  )\n\n  watch(\n    () => selectGroup.disabled,\n    () => {\n      states.groupDisabled = selectGroup.disabled\n    },\n    { immediate: true }\n  )\n\n  const { queryChange } = toRaw(select)\n  watch(queryChange, (changes: Ref<QueryChangeCtx>) => {\n    const { query } = unref(changes)\n\n    const regexp = new RegExp(escapeStringRegexp(query), 'i')\n    states.visible = regexp.test(currentLabel.value) || props.created\n    if (!states.visible) {\n      select.filteredOptionsCount--\n    }\n  })\n\n  return {\n    select,\n    currentLabel,\n    currentValue,\n    itemSelected,\n    isDisabled,\n    hoverItem,\n  }\n}\n"],"names":["inject","selectKey","selectGroupKey","computed","getCurrentInstance","toRaw","get","watch","unref","escapeStringRegexp"],"mappings":"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"}
+{"version":3,"file":"useOption.js","sources":["../../../../../../packages/components/select/src/useOption.ts"],"sourcesContent":["// @ts-nocheck\nimport { computed, getCurrentInstance, inject, toRaw, unref, watch } from 'vue'\nimport { get } from 'lodash-unified'\nimport { escapeStringRegexp } from '@element-plus/utils'\nimport { selectGroupKey, selectKey } from './token'\n\nimport type { Ref } from 'vue'\nimport type { QueryChangeCtx } from './token'\n\nexport function useOption(props, states) {\n  // inject\n  const select = inject(selectKey)\n  const selectGroup = inject(selectGroupKey, { disabled: false })\n\n  // computed\n  const isObject = computed(() => {\n    return (\n      Object.prototype.toString.call(props.value).toLowerCase() ===\n      '[object object]'\n    )\n  })\n\n  const itemSelected = computed(() => {\n    if (!select.props.multiple) {\n      return isEqual(props.value, select.props.modelValue)\n    } else {\n      return contains(select.props.modelValue as unknown[], props.value)\n    }\n  })\n\n  const limitReached = computed(() => {\n    if (select.props.multiple) {\n      const modelValue = (select.props.modelValue || []) as unknown[]\n      return (\n        !itemSelected.value &&\n        modelValue.length >= select.props.multipleLimit &&\n        select.props.multipleLimit > 0\n      )\n    } else {\n      return false\n    }\n  })\n\n  const currentLabel = computed(() => {\n    return props.label || (isObject.value ? '' : props.value)\n  })\n\n  const currentValue = computed(() => {\n    return props.value || props.label || ''\n  })\n\n  const isDisabled = computed(() => {\n    return props.disabled || states.groupDisabled || limitReached.value\n  })\n\n  const instance = getCurrentInstance()\n\n  const contains = (arr = [], target) => {\n    if (!isObject.value) {\n      return arr && arr.includes(target)\n    } else {\n      const valueKey = select.props.valueKey\n      return (\n        arr &&\n        arr.some((item) => {\n          return toRaw(get(item, valueKey)) === get(target, valueKey)\n        })\n      )\n    }\n  }\n\n  const isEqual = (a: unknown, b: unknown) => {\n    if (!isObject.value) {\n      return a === b\n    } else {\n      const { valueKey } = select.props\n      return get(a, valueKey) === get(b, valueKey)\n    }\n  }\n\n  const hoverItem = () => {\n    if (!props.disabled && !selectGroup.disabled) {\n      select.hoverIndex = select.optionsArray.indexOf(instance.proxy)\n    }\n  }\n\n  watch(\n    () => currentLabel.value,\n    () => {\n      if (!props.created && !select.props.remote) select.setSelected()\n    }\n  )\n\n  watch(\n    () => props.value,\n    (val, oldVal) => {\n      const { remote, valueKey } = select.props\n\n      if (!Object.is(val, oldVal)) {\n        select.onOptionDestroy(oldVal, instance.proxy)\n        select.onOptionCreate(instance.proxy)\n      }\n\n      if (!props.created && !remote) {\n        if (\n          valueKey &&\n          typeof val === 'object' &&\n          typeof oldVal === 'object' &&\n          val[valueKey] === oldVal[valueKey]\n        ) {\n          return\n        }\n        select.setSelected()\n      }\n    }\n  )\n\n  watch(\n    () => selectGroup.disabled,\n    () => {\n      states.groupDisabled = selectGroup.disabled\n    },\n    { immediate: true }\n  )\n\n  const { queryChange } = toRaw(select)\n  watch(queryChange, (changes: Ref<QueryChangeCtx>) => {\n    const { query } = unref(changes)\n\n    const regexp = new RegExp(escapeStringRegexp(query), 'i')\n    states.visible = regexp.test(currentLabel.value) || props.created\n    if (!states.visible) {\n      select.filteredOptionsCount--\n    }\n  })\n\n  return {\n    select,\n    currentLabel,\n    currentValue,\n    itemSelected,\n    isDisabled,\n    hoverItem,\n  }\n}\n"],"names":["inject","selectKey","selectGroupKey","computed","getCurrentInstance","toRaw","get","watch","unref","escapeStringRegexp"],"mappings":"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"}

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

@@ -2155,7 +2155,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                             formItemContext: import("../../..").FormItemContext | undefined;
                             nextZIndex: () => number;
                             ns: {
-                                namespace: import("vue").ComputedRef<string>;
+                                namespace: import("vue").Ref<string>;
                                 b: (blockSuffix?: string) => string;
                                 e: (element?: string | undefined) => string;
                                 m: (modifier?: string | undefined) => string;
@@ -2794,7 +2794,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                         formItemContext: import("../../..").FormItemContext | undefined;
                         nextZIndex: () => number;
                         ns: {
-                            namespace: import("vue").ComputedRef<string>;
+                            namespace: import("vue").Ref<string>;
                             b: (blockSuffix?: string) => string;
                             e: (element?: string | undefined) => string;
                             m: (modifier?: string | undefined) => string;
@@ -4004,7 +4004,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                         formItemContext: import("../../..").FormItemContext | undefined;
                         nextZIndex: () => number;
                         ns: {
-                            namespace: import("vue").ComputedRef<string>;
+                            namespace: import("vue").Ref<string>;
                             b: (blockSuffix?: string) => string;
                             e: (element?: string | undefined) => string;
                             m: (modifier?: string | undefined) => string;
@@ -4643,7 +4643,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                     formItemContext: import("../../..").FormItemContext | undefined;
                     nextZIndex: () => number;
                     ns: {
-                        namespace: import("vue").ComputedRef<string>;
+                        namespace: import("vue").Ref<string>;
                         b: (blockSuffix?: string) => string;
                         e: (element?: string | undefined) => string;
                         m: (modifier?: string | undefined) => string;
@@ -6541,7 +6541,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                         formItemContext: import("../../..").FormItemContext | undefined;
                         nextZIndex: () => number;
                         ns: {
-                            namespace: import("vue").ComputedRef<string>;
+                            namespace: import("vue").Ref<string>;
                             b: (blockSuffix?: string) => string;
                             e: (element?: string | undefined) => string;
                             m: (modifier?: string | undefined) => string;
@@ -7180,7 +7180,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                     formItemContext: import("../../..").FormItemContext | undefined;
                     nextZIndex: () => number;
                     ns: {
-                        namespace: import("vue").ComputedRef<string>;
+                        namespace: import("vue").Ref<string>;
                         b: (blockSuffix?: string) => string;
                         e: (element?: string | undefined) => string;
                         m: (modifier?: string | undefined) => string;
@@ -8390,7 +8390,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                     formItemContext: import("../../..").FormItemContext | undefined;
                     nextZIndex: () => number;
                     ns: {
-                        namespace: import("vue").ComputedRef<string>;
+                        namespace: import("vue").Ref<string>;
                         b: (blockSuffix?: string) => string;
                         e: (element?: string | undefined) => string;
                         m: (modifier?: string | undefined) => string;
@@ -9029,7 +9029,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                 formItemContext: import("../../..").FormItemContext | undefined;
                 nextZIndex: () => number;
                 ns: {
-                    namespace: import("vue").ComputedRef<string>;
+                    namespace: import("vue").Ref<string>;
                     b: (blockSuffix?: string) => string;
                     e: (element?: string | undefined) => string;
                     m: (modifier?: string | undefined) => string;

package/lib/components/select/src/useSelect.js

@@ -233,7 +233,7 @@ const useSelect = (props, states, ctx) => {
       }
     });
   };
-  const handleQueryChange = (val) => {
+  const handleQueryChange = async (val) => {
     if (states.previousQuery === val || states.isOnComposition)
       return;
     if (states.previousQuery === null && (typeof props.filterMethod === "function" || typeof props.remoteMethod === "function")) {
@@ -268,6 +268,7 @@ const useSelect = (props, states, ctx) => {
       vue.triggerRef(groupQueryChange);
     }
     if (props.defaultFirstOption && (props.filterable || props.remote) && states.filteredOptionsCount) {
+      await vue.nextTick();
       checkDefaultFirstOption();
     }
   };