@element-plus/nightly 0.0.20260313 → 0.0.20260314

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

@@ -6,35 +6,17 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<RowProps>, {
+declare const __VLS_base: vue.DefineComponent<RowProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<RowProps> & Readonly<{}>, {
   tag: string;
-  gutter: number;
-  justify: string;
-}>, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<RowProps>, {
-  tag: string;
-  gutter: number;
-  justify: string;
-}>>>, {
   justify: typeof RowJustify[number];
-  tag: string;
   gutter: number;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_TypePropsToOption<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? {
-  type: vue.PropType<Required<T>[K]>;
-} : {
-  type: vue.PropType<T[K]>;
-  required: true;
-} };
-type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-  default: D[K];
-}> : P[K] };
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

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

@@ -100,7 +100,7 @@ declare const scrollbarProps: {
   readonly height: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
   readonly maxHeight: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
   readonly native: BooleanConstructor;
-  readonly wrapStyle: EpPropFinalized<(new (...args: any[]) => string | false | vue.CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | vue.CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, "", boolean>;
+  readonly wrapStyle: EpPropFinalized<(new (...args: any[]) => string | false | vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
   readonly wrapClass: EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
   readonly viewClass: EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
   readonly viewStyle: EpPropFinalized<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown, "", boolean>;

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

@@ -9,75 +9,43 @@ declare var __VLS_9: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_9) => any;
 };
-declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ScrollbarProps>, {
-  distance: number;
-  height: string;
-  maxHeight: string;
-  wrapStyle: string;
-  wrapClass: string;
-  viewStyle: string;
-  viewClass: string;
-  tag: string;
-  minSize: number;
-  tabindex: undefined;
-}>, {
-  /** @description scrollbar wrap ref */wrapRef: vue.Ref<HTMLDivElement | undefined>; /** @description update scrollbar state manually */
+declare const __VLS_base: vue.DefineComponent<ScrollbarProps, {
+  /** @description scrollbar wrap ref */wrapRef: vue.Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>; /** @description update scrollbar state manually */
   update: () => void; /** @description scrolls to a particular set of coordinates */
   scrollTo: typeof scrollTo; /** @description set distance to scroll top */
   setScrollTop: (value: number) => void; /** @description set distance to scroll left */
   setScrollLeft: (value: number) => void; /** @description handle scroll event */
   handleScroll: () => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   scroll: (args_0: {
     scrollTop: number;
     scrollLeft: number;
   }) => void;
   "end-reached": (direction: ScrollbarDirection) => void;
-}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ScrollbarProps>, {
-  distance: number;
-  height: string;
-  maxHeight: string;
-  wrapStyle: string;
-  wrapClass: string;
-  viewStyle: string;
-  viewClass: string;
-  tag: string;
-  minSize: number;
-  tabindex: undefined;
-}>>> & {
+}, string, vue.PublicProps, Readonly<ScrollbarProps> & Readonly<{
   onScroll?: ((args_0: {
     scrollTop: number;
     scrollLeft: number;
   }) => any) | undefined;
   "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
-}, {
+}>, {
   tabindex: number | string;
+  tag: keyof HTMLElementTagNameMap | (string & {});
   height: number | string;
   maxHeight: number | string;
-  tag: keyof HTMLElementTagNameMap | (string & {});
   distance: number;
   wrapStyle: string | false | CSSProperties | StyleValue[] | null;
   wrapClass: string | string[];
   viewClass: string | string[];
   viewStyle: string | false | CSSProperties | StyleValue[] | null;
   minSize: number;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_TypePropsToOption<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? {
-  type: vue.PropType<Required<T>[K]>;
-} : {
-  type: vue.PropType<T[K]>;
-  required: true;
-} };
-type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-  default: D[K];
-}> : P[K] };
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

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

@@ -1,7 +1,8 @@
+import { ThumbProps } from "./thumb.js";
 import * as vue from "vue";
 
 //#region ../../packages/components/scrollbar/src/thumb.vue.d.ts
-declare const __VLS_export: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+declare const __VLS_export: vue.DefineComponent<ThumbProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ThumbProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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

@@ -6,288 +6,75 @@ import * as vue from "vue";
 
 //#region ../../packages/components/segmented/index.d.ts
 declare const ElSegmented: {
-  new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
-    props: {
-      type: vue.PropType<Props>;
-      default: () => Required<Props>;
-    };
-    size: {
-      type: vue.PropType<"" | "default" | "small" | "large">;
-    };
-    id: {
-      type: vue.PropType<string>;
-    };
-    disabled: {
-      type: vue.PropType<boolean>;
-      default: undefined;
-    };
-    modelValue: {
-      type: vue.PropType<string | number | boolean>;
-      default: undefined;
-    };
-    validateEvent: {
-      type: vue.PropType<boolean>;
-      default: boolean;
-    };
-    ariaLabel: {
-      type: vue.PropType<string>;
-    };
-    name: {
-      type: vue.PropType<string>;
-    };
-    block: {
-      type: vue.PropType<boolean>;
-    };
-    direction: {
-      type: vue.PropType<"horizontal" | "vertical">;
-      default: string;
-    };
-    options: {
-      type: vue.PropType<Option[]>;
-      default: () => never[];
-    };
-  }>> & {
+  new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<SegmentedProps> & Readonly<{
     onChange?: ((val: any) => any) | undefined;
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-  }, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     "update:modelValue": (val: any) => void;
     change: (val: any) => void;
-  }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<vue.ExtractPropTypes<{
-    props: {
-      type: vue.PropType<Props>;
-      default: () => Required<Props>;
-    };
-    size: {
-      type: vue.PropType<"" | "default" | "small" | "large">;
-    };
-    id: {
-      type: vue.PropType<string>;
-    };
-    disabled: {
-      type: vue.PropType<boolean>;
-      default: undefined;
-    };
-    modelValue: {
-      type: vue.PropType<string | number | boolean>;
-      default: undefined;
-    };
-    validateEvent: {
-      type: vue.PropType<boolean>;
-      default: boolean;
-    };
-    ariaLabel: {
-      type: vue.PropType<string>;
-    };
-    name: {
-      type: vue.PropType<string>;
-    };
-    block: {
-      type: vue.PropType<boolean>;
-    };
-    direction: {
-      type: vue.PropType<"horizontal" | "vertical">;
-      default: string;
-    };
-    options: {
-      type: vue.PropType<Option[]>;
-      default: () => never[];
-    };
-  }>> & {
-    onChange?: ((val: any) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-  }, {
-    props: Props;
-    disabled: boolean;
+  }, vue.PublicProps, {
     modelValue: string | number | boolean;
+    disabled: boolean;
     validateEvent: boolean;
-    direction: "vertical" | "horizontal";
+    props: Props;
     options: Option[];
-  }, true, {}, {}, {
+    direction: "vertical" | "horizontal";
+  }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
     P: {};
     B: {};
     D: {};
     C: {};
     M: {};
     Defaults: {};
-  }, Readonly<vue.ExtractPropTypes<{
-    props: {
-      type: vue.PropType<Props>;
-      default: () => Required<Props>;
-    };
-    size: {
-      type: vue.PropType<"" | "default" | "small" | "large">;
-    };
-    id: {
-      type: vue.PropType<string>;
-    };
-    disabled: {
-      type: vue.PropType<boolean>;
-      default: undefined;
-    };
-    modelValue: {
-      type: vue.PropType<string | number | boolean>;
-      default: undefined;
-    };
-    validateEvent: {
-      type: vue.PropType<boolean>;
-      default: boolean;
-    };
-    ariaLabel: {
-      type: vue.PropType<string>;
-    };
-    name: {
-      type: vue.PropType<string>;
-    };
-    block: {
-      type: vue.PropType<boolean>;
-    };
-    direction: {
-      type: vue.PropType<"horizontal" | "vertical">;
-      default: string;
-    };
-    options: {
-      type: vue.PropType<Option[]>;
-      default: () => never[];
-    };
-  }>> & {
+  }, Readonly<SegmentedProps> & Readonly<{
     onChange?: ((val: any) => any) | undefined;
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-  }, {}, {}, {}, {}, {
-    props: Props;
-    disabled: boolean;
+  }>, {}, {}, {}, {}, {
     modelValue: string | number | boolean;
+    disabled: boolean;
     validateEvent: boolean;
-    direction: "vertical" | "horizontal";
+    props: Props;
     options: Option[];
+    direction: "vertical" | "horizontal";
   }>;
   __isFragment?: never;
   __isTeleport?: never;
   __isSuspense?: never;
-} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
-  props: {
-    type: vue.PropType<Props>;
-    default: () => Required<Props>;
-  };
-  size: {
-    type: vue.PropType<"" | "default" | "small" | "large">;
-  };
-  id: {
-    type: vue.PropType<string>;
-  };
-  disabled: {
-    type: vue.PropType<boolean>;
-    default: undefined;
-  };
-  modelValue: {
-    type: vue.PropType<string | number | boolean>;
-    default: undefined;
-  };
-  validateEvent: {
-    type: vue.PropType<boolean>;
-    default: boolean;
-  };
-  ariaLabel: {
-    type: vue.PropType<string>;
-  };
-  name: {
-    type: vue.PropType<string>;
-  };
-  block: {
-    type: vue.PropType<boolean>;
-  };
-  direction: {
-    type: vue.PropType<"horizontal" | "vertical">;
-    default: string;
-  };
-  options: {
-    type: vue.PropType<Option[]>;
-    default: () => never[];
-  };
-}>> & {
+} & vue.ComponentOptionsBase<Readonly<SegmentedProps> & Readonly<{
   onChange?: ((val: any) => any) | undefined;
   "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-}, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "update:modelValue": (val: any) => void;
   change: (val: any) => void;
 }, string, {
-  props: Props;
-  disabled: boolean;
   modelValue: string | number | boolean;
+  disabled: boolean;
   validateEvent: boolean;
-  direction: "vertical" | "horizontal";
+  props: Props;
   options: Option[];
-}, {}, string, {}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+  direction: "vertical" | "horizontal";
+}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
   $slots: {
     default?: (props: {
       item: any;
     }) => any;
   };
 }) & vue.ObjectPlugin & {
-  setPropsDefaults: (defaults: Partial<Partial<{
-    props: Props;
-    disabled: boolean;
-    modelValue: string | number | boolean;
-    validateEvent: boolean;
-    direction: "vertical" | "horizontal";
-    options: Option[];
-  }> & Omit<{
-    readonly props: Props;
-    readonly validateEvent: boolean;
-    readonly direction: "vertical" | "horizontal";
-    readonly options: Option[];
+  setPropsDefaults: (defaults: Partial<{
+    readonly direction?: ("vertical" | "horizontal") | undefined;
+    readonly options?: Option[] | undefined;
+    readonly modelValue?: (string | number | boolean) | undefined;
+    readonly props?: Props | undefined;
+    readonly block?: boolean | undefined;
     readonly size?: ComponentSize | undefined;
-    readonly id?: string | undefined;
     readonly disabled?: boolean | undefined;
-    readonly modelValue?: (string | number | boolean) | undefined;
-    readonly ariaLabel?: string | undefined;
+    readonly validateEvent?: boolean | undefined;
+    readonly id?: string | undefined;
     readonly name?: string | undefined;
-    readonly block?: boolean | undefined;
-    onChange?: ((val: any) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-  } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<vue.ExtractPropTypes<{
-    props: {
-      type: vue.PropType<Props>;
-      default: () => Required<Props>;
-    };
-    size: {
-      type: vue.PropType<"" | "default" | "small" | "large">;
-    };
-    id: {
-      type: vue.PropType<string>;
-    };
-    disabled: {
-      type: vue.PropType<boolean>;
-      default: undefined;
-    };
-    modelValue: {
-      type: vue.PropType<string | number | boolean>;
-      default: undefined;
-    };
-    validateEvent: {
-      type: vue.PropType<boolean>;
-      default: boolean;
-    };
-    ariaLabel: {
-      type: vue.PropType<string>;
-    };
-    name: {
-      type: vue.PropType<string>;
-    };
-    block: {
-      type: vue.PropType<boolean>;
-    };
-    direction: {
-      type: vue.PropType<"horizontal" | "vertical">;
-      default: string;
-    };
-    options: {
-      type: vue.PropType<Option[]>;
-      default: () => never[];
-    };
-  }>> & {
-    onChange?: ((val: any) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-  }, "props" | "disabled" | "modelValue" | "validateEvent" | "direction" | "options">>) => void;
+    readonly ariaLabel?: string | undefined;
+    readonly onChange?: ((val: any) => any) | undefined;
+    readonly "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+  } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps>) => void;
 } & Record<string, any>;
 //#endregion
 export { ElSegmented, ElSegmented as default, Props, SegmentedEmits, SegmentedInstance, SegmentedProps, SegmentedPropsPublic, defaultProps, segmentedEmits, segmentedProps };

package/lib/components/segmented/src/segmented.d.ts

@@ -61,10 +61,10 @@ interface SegmentedProps {
  */
 declare const segmentedProps: {
   ariaLabel: StringConstructor;
-  direction: EpPropFinalized<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical") | ((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical"))[], unknown, unknown, string, boolean>;
-  options: EpPropFinalized<(new (...args: any[]) => Option[]) | (() => Option[]) | ((new (...args: any[]) => Option[]) | (() => Option[]))[], unknown, unknown, () => never[], boolean>;
-  modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
-  props: EpPropFinalized<(new (...args: any[]) => Props) | (() => Props) | ((new (...args: any[]) => Props) | (() => Props))[], unknown, unknown, () => Required<Props>, boolean>;
+  direction: EpPropFinalized<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical") | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical")) | null)[], unknown, unknown, string, boolean>;
+  options: EpPropFinalized<(new (...args: any[]) => Option[]) | (() => Option[]) | (((new (...args: any[]) => Option[]) | (() => Option[])) | null)[], unknown, unknown, () => never[], boolean>;
+  modelValue: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  props: EpPropFinalized<(new (...args: any[]) => Props) | (() => Props) | (((new (...args: any[]) => Props) | (() => Props)) | null)[], unknown, unknown, () => Required<Props>, boolean>;
   block: BooleanConstructor;
   size: {
     readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;

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

@@ -9,50 +9,26 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<SegmentedProps>, {
-  direction: string;
-  options: () => never[];
-  props: () => Required<Props>;
-  validateEvent: boolean;
-  modelValue: undefined;
-  disabled: undefined;
-}>, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: vue.DefineComponent<SegmentedProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "update:modelValue": (val: any) => void;
   change: (val: any) => void;
-}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SegmentedProps>, {
-  direction: string;
-  options: () => never[];
-  props: () => Required<Props>;
-  validateEvent: boolean;
-  modelValue: undefined;
-  disabled: undefined;
-}>>> & {
+}, string, vue.PublicProps, Readonly<SegmentedProps> & Readonly<{
   onChange?: ((val: any) => any) | undefined;
   "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-}, {
-  props: Props;
-  disabled: boolean;
+}>, {
   modelValue: string | number | boolean;
+  disabled: boolean;
   validateEvent: boolean;
-  direction: "vertical" | "horizontal";
+  props: Props;
   options: Option[];
-}, {}>;
+  direction: "vertical" | "horizontal";
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_TypePropsToOption<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? {
-  type: vue.PropType<Required<T>[K]>;
-} : {
-  type: vue.PropType<T[K]>;
-  required: true;
-} };
-type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-  default: D[K];
-}> : P[K] };
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

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

@@ -1 +1 @@
-{"version":3,"file":"option-group.js","names":[],"sources":["../../../../../../packages/components/select/src/option-group.vue"],"sourcesContent":["<template>\n  <ul v-show=\"visible\" ref=\"groupRef\" :class=\"ns.be('group', 'wrap')\">\n    <li :class=\"ns.be('group', 'title')\">{{ label }}</li>\n    <li>\n      <ul :class=\"ns.b('group')\">\n        <slot />\n      </ul>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  isVNode,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n} from 'vue'\nimport { useMutationObserver } from '@vueuse/core'\nimport { ensureArray, isArray } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { selectGroupKey } from './token'\n\nimport type { Component, VNode, VNodeArrayChildren } from 'vue'\nimport type { OptionInternalInstance, OptionPublicInstance } from './type'\n\nexport default defineComponent({\n  name: 'ElOptionGroup',\n  componentName: 'ElOptionGroup',\n\n  props: {\n    /**\n     * @description name of the group\n     */\n    label: String,\n    /**\n     * @description whether to disable all options in this group\n     */\n    disabled: Boolean,\n  },\n  setup(props) {\n    const ns = useNamespace('select')\n    const groupRef = ref<HTMLElement>()\n    const instance = getCurrentInstance()!\n    const children = ref<OptionPublicInstance[]>([])\n\n    provide(\n      selectGroupKey,\n      reactive({\n        ...toRefs(props),\n      })\n    )\n\n    const visible = computed(() =>\n      children.value.some((option) => option.visible === true)\n    )\n\n    const isOption = (\n      node: VNode\n    ): node is VNode & { component: OptionInternalInstance } =>\n      (node.type as Component).name === 'ElOption' && !!node.component?.proxy\n\n    // get all instances of options\n    const flattedChildren = (node: VNode | VNodeArrayChildren) => {\n      const nodes = ensureArray(node) as VNode[] | VNodeArrayChildren\n      const children: OptionPublicInstance[] = []\n\n      nodes.forEach((child) => {\n        if (!isVNode(child)) return\n\n        if (isOption(child)) {\n          children.push(child.component.proxy)\n        } else if (isArray(child.children) && child.children.length) {\n          children.push(...flattedChildren(child.children))\n        } else if (child.component?.subTree) {\n          children.push(...flattedChildren(child.component.subTree))\n        }\n      })\n\n      return children\n    }\n\n    const updateChildren = () => {\n      children.value = flattedChildren(instance.subTree)\n    }\n\n    onMounted(() => {\n      updateChildren()\n    })\n\n    useMutationObserver(groupRef, updateChildren, {\n      attributes: true,\n      subtree: true,\n      childList: true,\n    })\n\n    return {\n      groupRef,\n      visible,\n      ns,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;mFAQO,MAAA;EAPgB,KAAI;EAAY,+BAAO,KAAA,GAAG,GAAE,SAAA,OAAA,CAAA;iCACM,MAAA,EAAhD,+BAAO,KAAA,GAAG,GAAE,SAAA,QAAA,CAAA,EAAA,2BAAuB,KAAA,MAAK,EAAA,EAAA,8BAKxC,MAAA,MAAA,6BADE,MAAA,EAFA,+BAAO,KAAA,GAAG,EAAC,QAAA,CAAA,EAAA,uBACN,KAAA,QAAA,UAAA,CAAA,2BAJF,KAAA,QAAO,CAAA,CAAA"}
+{"version":3,"file":"option-group.js","names":[],"sources":["../../../../../../packages/components/select/src/option-group.vue"],"sourcesContent":["<template>\n  <ul v-show=\"visible\" ref=\"groupRef\" :class=\"ns.be('group', 'wrap')\">\n    <li :class=\"ns.be('group', 'title')\">{{ label }}</li>\n    <li>\n      <ul :class=\"ns.b('group')\">\n        <slot />\n      </ul>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  isVNode,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n} from 'vue'\nimport { useMutationObserver } from '@vueuse/core'\nimport { ensureArray, isArray } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { selectGroupKey } from './token'\n\nimport type { Component, VNode, VNodeArrayChildren } from 'vue'\nimport type { OptionInternalInstance, OptionPublicInstance } from './type'\n\nexport default defineComponent({\n  name: 'ElOptionGroup',\n  componentName: 'ElOptionGroup',\n\n  props: {\n    /**\n     * @description name of the group\n     */\n    label: String,\n    /**\n     * @description whether to disable all options in this group\n     */\n    disabled: Boolean,\n  },\n  setup(props) {\n    const ns = useNamespace('select')\n    const groupRef = ref<HTMLElement>()\n    const instance = getCurrentInstance()!\n    const children = ref<OptionPublicInstance[]>([])\n\n    provide(\n      selectGroupKey,\n      reactive({\n        ...toRefs(props),\n      })\n    )\n\n    const visible = computed(() =>\n      children.value.some((option) => option.visible === true)\n    )\n\n    const isOption = (\n      node: VNode\n    ): node is VNode & { component: OptionInternalInstance } =>\n      (node.type as Component).name === 'ElOption' && !!node.component?.proxy\n\n    // get all instances of options\n    const flattedChildren = (node: VNode | VNodeArrayChildren) => {\n      const nodes = ensureArray(node) as VNode[] | VNodeArrayChildren\n      const children: OptionPublicInstance[] = []\n\n      nodes.forEach((child) => {\n        if (!isVNode(child)) return\n\n        if (isOption(child)) {\n          children.push(child.component.proxy)\n        } else if (isArray(child.children) && child.children.length) {\n          children.push(...flattedChildren(child.children))\n        } else if (child.component?.subTree) {\n          children.push(...flattedChildren(child.component.subTree))\n        }\n      })\n\n      return children\n    }\n\n    const updateChildren = () => {\n      children.value = flattedChildren(instance.subTree)\n    }\n\n    onMounted(() => {\n      updateChildren()\n    })\n\n    useMutationObserver(groupRef, updateChildren, {\n      attributes: true,\n      subtree: true,\n      childList: true,\n    })\n\n    return {\n      groupRef,\n      visible,\n      ns,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;mFAQO,MAAA;EAPgB,KAAI;EAAY,+BAAO,KAAA,GAAG,GAAE,SAAA,OAAA,CAAA;EAAA,+BACM,MAAA,EAAhD,+BAAO,KAAA,GAAG,GAAE,SAAA,QAAA,CAAA,EAAA,2BAAuB,KAAA,MAAK,EAAA,EAAA,8BAKxC,MAAA,MAAA,6BADE,MAAA,EAFA,+BAAO,KAAA,GAAG,EAAC,QAAA,CAAA,EAAA,uBACN,KAAA,QAAA,UAAA,CAAA,2BAJF,KAAA,QAAO,CAAA,CAAA"}

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

@@ -2,7 +2,7 @@ import * as vue from "vue";
 
 //#region ../../packages/components/select/src/option-group.vue.d.ts
 declare const _default: typeof __VLS_export;
-declare const __VLS_export: vue.DefineComponent<{
+declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   /**
    * @description name of the group
    */
@@ -11,8 +11,8 @@ declare const __VLS_export: vue.DefineComponent<{
    * @description whether to disable all options in this group
    */
   disabled: BooleanConstructor;
-}, {
-  groupRef: vue.Ref<HTMLElement | undefined>;
+}>, {
+  groupRef: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
   visible: vue.ComputedRef<boolean>;
   ns: {
     namespace: vue.ComputedRef<string>;
@@ -32,7 +32,7 @@ declare const __VLS_export: vue.DefineComponent<{
     cssVarBlock: (object: Record<string, string>) => Record<string, string>;
     cssVarBlockName: (name: string) => string;
   };
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   /**
    * @description name of the group
    */
@@ -41,8 +41,8 @@ declare const __VLS_export: vue.DefineComponent<{
    * @description whether to disable all options in this group
    */
   disabled: BooleanConstructor;
-}>>, {
+}>> & Readonly<{}>, {
   disabled: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { _default };

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

@@ -5,13 +5,13 @@ import * as vue from "vue";
 //#region ../../packages/components/select/src/option.d.ts
 declare const optionProps: {
   value: {
-    readonly type: vue.PropType<EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   label: {
-    readonly type: vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;