@element-plus/nightly 0.0.20260314 → 0.0.20260316

package/es/components/popper/src/composables/use-content.d.ts

@@ -50,12 +50,12 @@ declare const usePopperContent: (props: PopperContentProps) => {
         popperEscapeOffsets: _popperjs_core0.SideObject;
       };
       offset?: {
+        top?: _popperjs_core0.Offsets | undefined;
         auto?: _popperjs_core0.Offsets | undefined;
-        left?: _popperjs_core0.Offsets | undefined;
-        right?: _popperjs_core0.Offsets | undefined;
         bottom?: _popperjs_core0.Offsets | undefined;
-        top?: _popperjs_core0.Offsets | undefined;
         "bottom-start"?: _popperjs_core0.Offsets | undefined;
+        left?: _popperjs_core0.Offsets | undefined;
+        right?: _popperjs_core0.Offsets | undefined;
         "auto-start"?: _popperjs_core0.Offsets | undefined;
         "auto-end"?: _popperjs_core0.Offsets | undefined;
         "top-start"?: _popperjs_core0.Offsets | undefined;

package/es/components/popper/src/composables/use-content.mjs

@@ -1,6 +1,7 @@
 import { usePopper } from "../../../../hooks/use-popper/index.mjs";
 import { POPPER_INJECTION_KEY } from "../constants.mjs";
 import { buildPopperOptions, unwrapMeasurableEl } from "../utils.mjs";
+import { useResizeObserver } from "@vueuse/core";
 import { isUndefined } from "lodash-unified";
 import { computed, inject, onBeforeUnmount, onMounted, ref, unref, watch } from "vue";
 
@@ -44,8 +45,16 @@ const usePopperContent = (props) => {
 			update();
 		});
 	});
+	let stopResizeObserver;
+	watch(() => props.visible, (visible) => {
+		stopResizeObserver?.();
+		stopResizeObserver = void 0;
+		if (visible) stopResizeObserver = useResizeObserver(contentRef, update).stop;
+	});
 	onBeforeUnmount(() => {
 		popperInstanceRef.value = void 0;
+		stopResizeObserver?.();
+		stopResizeObserver = void 0;
 	});
 	return {
 		attributes,

package/es/components/popper/src/composables/use-content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-content.mjs","names":[],"sources":["../../../../../../../packages/components/popper/src/composables/use-content.ts"],"sourcesContent":["import {\n  computed,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n  watch,\n} from 'vue'\nimport { isUndefined } from 'lodash-unified'\nimport { usePopper } from '@element-plus/hooks'\nimport { POPPER_INJECTION_KEY } from '../constants'\nimport { buildPopperOptions, unwrapMeasurableEl } from '../utils'\n\nimport type { Modifier } from '@popperjs/core'\nimport type { PartialOptions } from '@element-plus/hooks'\nimport type { PopperContentProps } from '../content'\n\nconst DEFAULT_ARROW_OFFSET = 0\n\nexport const usePopperContent = (props: PopperContentProps) => {\n  const { popperInstanceRef, contentRef, triggerRef, role } = inject(\n    POPPER_INJECTION_KEY,\n    undefined\n  )!\n\n  const arrowRef = ref<HTMLElement>()\n  const arrowOffset = computed(() => props.arrowOffset)\n\n  const eventListenerModifier = computed(() => {\n    return {\n      name: 'eventListeners',\n      enabled: !!props.visible,\n    } as Modifier<'eventListeners', any>\n  })\n\n  const arrowModifier = computed(() => {\n    const arrowEl = unref(arrowRef)\n    const offset = unref(arrowOffset) ?? DEFAULT_ARROW_OFFSET\n    // Seems like the `phase` and `fn` is required by Modifier type\n    // But on its documentation they didn't specify that.\n    // Refer to https://popper.js.org/docs/v2/modifiers/arrow/\n    return {\n      name: 'arrow',\n      enabled: !isUndefined(arrowEl),\n      options: {\n        element: arrowEl,\n        padding: offset,\n      },\n    } as any\n  })\n\n  const options = computed<PartialOptions>(() => {\n    return {\n      onFirstUpdate: () => {\n        update()\n      },\n      ...buildPopperOptions(props, [\n        unref(arrowModifier),\n        unref(eventListenerModifier),\n      ]),\n    }\n  })\n\n  const computedReference = computed(\n    () => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef)\n  )\n\n  const { attributes, state, styles, update, forceUpdate, instanceRef } =\n    usePopper(computedReference, contentRef, options)\n\n  watch(instanceRef, (instance) => (popperInstanceRef.value = instance), {\n    flush: 'sync',\n  })\n\n  onMounted(() => {\n    watch(\n      () => unref(computedReference)?.getBoundingClientRect?.(),\n      () => {\n        update()\n      }\n    )\n  })\n\n  onBeforeUnmount(() => {\n    popperInstanceRef.value = undefined\n  })\n\n  return {\n    attributes,\n    arrowRef,\n    contentRef,\n    instanceRef,\n    state,\n    styles,\n    role,\n\n    forceUpdate,\n    update,\n  }\n}\n\nexport type UsePopperContentReturn = ReturnType<typeof usePopperContent>\n"],"mappings":";;;;;;;AAkBA,MAAM,uBAAuB;AAE7B,MAAa,oBAAoB,UAA8B;CAC7D,MAAM,EAAE,mBAAmB,YAAY,YAAY,SAAS,OAC1D,sBACA,OACD;CAED,MAAM,WAAW,KAAkB;CACnC,MAAM,cAAc,eAAe,MAAM,YAAY;CAErD,MAAM,wBAAwB,eAAe;AAC3C,SAAO;GACL,MAAM;GACN,SAAS,CAAC,CAAC,MAAM;GAClB;GACD;CAEF,MAAM,gBAAgB,eAAe;EACnC,MAAM,UAAU,MAAM,SAAS;EAC/B,MAAM,SAAS,MAAM,YAAY,IAAI;AAIrC,SAAO;GACL,MAAM;GACN,SAAS,CAAC,YAAY,QAAQ;GAC9B,SAAS;IACP,SAAS;IACT,SAAS;IACV;GACF;GACD;CAEF,MAAM,UAAU,eAA+B;AAC7C,SAAO;GACL,qBAAqB;AACnB,YAAQ;;GAEV,GAAG,mBAAmB,OAAO,CAC3B,MAAM,cAAc,EACpB,MAAM,sBAAsB,CAC7B,CAAC;GACH;GACD;CAEF,MAAM,oBAAoB,eAClB,mBAAmB,MAAM,YAAY,IAAI,MAAM,WAAW,CACjE;CAED,MAAM,EAAE,YAAY,OAAO,QAAQ,QAAQ,aAAa,gBACtD,UAAU,mBAAmB,YAAY,QAAQ;AAEnD,OAAM,cAAc,aAAc,kBAAkB,QAAQ,UAAW,EACrE,OAAO,QACR,CAAC;AAEF,iBAAgB;AACd,cACQ,MAAM,kBAAkB,EAAE,yBAAyB,QACnD;AACJ,WAAQ;IAEX;GACD;AAEF,uBAAsB;AACpB,oBAAkB,QAAQ;GAC1B;AAEF,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACD"}
+{"version":3,"file":"use-content.mjs","names":[],"sources":["../../../../../../../packages/components/popper/src/composables/use-content.ts"],"sourcesContent":["import {\n  computed,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n  watch,\n} from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { isUndefined } from 'lodash-unified'\nimport { usePopper } from '@element-plus/hooks'\nimport { POPPER_INJECTION_KEY } from '../constants'\nimport { buildPopperOptions, unwrapMeasurableEl } from '../utils'\n\nimport type { Modifier } from '@popperjs/core'\nimport type { PartialOptions } from '@element-plus/hooks'\nimport type { PopperContentProps } from '../content'\n\nconst DEFAULT_ARROW_OFFSET = 0\n\nexport const usePopperContent = (props: PopperContentProps) => {\n  const { popperInstanceRef, contentRef, triggerRef, role } = inject(\n    POPPER_INJECTION_KEY,\n    undefined\n  )!\n\n  const arrowRef = ref<HTMLElement>()\n  const arrowOffset = computed(() => props.arrowOffset)\n\n  const eventListenerModifier = computed(() => {\n    return {\n      name: 'eventListeners',\n      enabled: !!props.visible,\n    } as Modifier<'eventListeners', any>\n  })\n\n  const arrowModifier = computed(() => {\n    const arrowEl = unref(arrowRef)\n    const offset = unref(arrowOffset) ?? DEFAULT_ARROW_OFFSET\n    // Seems like the `phase` and `fn` is required by Modifier type\n    // But on its documentation they didn't specify that.\n    // Refer to https://popper.js.org/docs/v2/modifiers/arrow/\n    return {\n      name: 'arrow',\n      enabled: !isUndefined(arrowEl),\n      options: {\n        element: arrowEl,\n        padding: offset,\n      },\n    } as any\n  })\n\n  const options = computed<PartialOptions>(() => {\n    return {\n      onFirstUpdate: () => {\n        update()\n      },\n      ...buildPopperOptions(props, [\n        unref(arrowModifier),\n        unref(eventListenerModifier),\n      ]),\n    }\n  })\n\n  const computedReference = computed(\n    () => unwrapMeasurableEl(props.referenceEl) || unref(triggerRef)\n  )\n\n  const { attributes, state, styles, update, forceUpdate, instanceRef } =\n    usePopper(computedReference, contentRef, options)\n\n  watch(instanceRef, (instance) => (popperInstanceRef.value = instance), {\n    flush: 'sync',\n  })\n\n  onMounted(() => {\n    watch(\n      () => unref(computedReference)?.getBoundingClientRect?.(),\n      () => {\n        update()\n      }\n    )\n  })\n\n  // todo: Replace with onCleanup when vue in peerDependencies is ^3.5.0.\n  let stopResizeObserver: (() => void) | undefined\n  watch(\n    () => props.visible,\n    (visible) => {\n      stopResizeObserver?.()\n      stopResizeObserver = undefined\n      if (visible) {\n        stopResizeObserver = useResizeObserver(contentRef, update).stop\n      }\n    }\n  )\n\n  onBeforeUnmount(() => {\n    popperInstanceRef.value = undefined\n    stopResizeObserver?.()\n    stopResizeObserver = undefined\n  })\n\n  return {\n    attributes,\n    arrowRef,\n    contentRef,\n    instanceRef,\n    state,\n    styles,\n    role,\n\n    forceUpdate,\n    update,\n  }\n}\n\nexport type UsePopperContentReturn = ReturnType<typeof usePopperContent>\n"],"mappings":";;;;;;;;AAmBA,MAAM,uBAAuB;AAE7B,MAAa,oBAAoB,UAA8B;CAC7D,MAAM,EAAE,mBAAmB,YAAY,YAAY,SAAS,OAC1D,sBACA,OACD;CAED,MAAM,WAAW,KAAkB;CACnC,MAAM,cAAc,eAAe,MAAM,YAAY;CAErD,MAAM,wBAAwB,eAAe;AAC3C,SAAO;GACL,MAAM;GACN,SAAS,CAAC,CAAC,MAAM;GAClB;GACD;CAEF,MAAM,gBAAgB,eAAe;EACnC,MAAM,UAAU,MAAM,SAAS;EAC/B,MAAM,SAAS,MAAM,YAAY,IAAI;AAIrC,SAAO;GACL,MAAM;GACN,SAAS,CAAC,YAAY,QAAQ;GAC9B,SAAS;IACP,SAAS;IACT,SAAS;IACV;GACF;GACD;CAEF,MAAM,UAAU,eAA+B;AAC7C,SAAO;GACL,qBAAqB;AACnB,YAAQ;;GAEV,GAAG,mBAAmB,OAAO,CAC3B,MAAM,cAAc,EACpB,MAAM,sBAAsB,CAC7B,CAAC;GACH;GACD;CAEF,MAAM,oBAAoB,eAClB,mBAAmB,MAAM,YAAY,IAAI,MAAM,WAAW,CACjE;CAED,MAAM,EAAE,YAAY,OAAO,QAAQ,QAAQ,aAAa,gBACtD,UAAU,mBAAmB,YAAY,QAAQ;AAEnD,OAAM,cAAc,aAAc,kBAAkB,QAAQ,UAAW,EACrE,OAAO,QACR,CAAC;AAEF,iBAAgB;AACd,cACQ,MAAM,kBAAkB,EAAE,yBAAyB,QACnD;AACJ,WAAQ;IAEX;GACD;CAGF,IAAI;AACJ,aACQ,MAAM,UACX,YAAY;AACX,wBAAsB;AACtB,uBAAqB;AACrB,MAAI,QACF,sBAAqB,kBAAkB,YAAY,OAAO,CAAC;GAGhE;AAED,uBAAsB;AACpB,oBAAkB,QAAQ;AAC1B,wBAAsB;AACtB,uBAAqB;GACrB;AAEF,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACD"}

package/es/components/popper/src/content.vue.d.ts

@@ -40,14 +40,13 @@ declare const __VLS_base: vue.DefineComponent<PopperContentProps, {
   onMouseenter?: ((evt: MouseEvent) => any) | undefined;
   onMouseleave?: ((evt: MouseEvent) => any) | undefined;
 }>, {
-  effect: PopperEffect;
-  enterable: boolean;
   offset: number;
+  effect: PopperEffect;
   placement: Placement$1;
-  popperOptions: Partial<Options$1>;
+  popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   visible: boolean;
   style: string | false | vue.CSSProperties | vue.StyleValue[] | null;
-  popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
+  enterable: boolean;
   pure: boolean;
   focusOnShow: boolean;
   trapping: boolean;
@@ -56,6 +55,7 @@ declare const __VLS_base: vue.DefineComponent<PopperContentProps, {
   loop: boolean;
   boundariesPadding: number;
   gpuAcceleration: boolean;
+  popperOptions: Partial<Options$1>;
   strategy: "fixed" | "absolute";
   arrowOffset: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

package/es/components/popper/src/popper.d.ts

@@ -23,7 +23,7 @@ interface PopperProps {
  * @deprecated Removed after 3.0.0, Use `PopperProps` instead.
  */
 declare const popperProps: {
-  readonly role: EpPropFinalized<StringConstructor, "dialog" | "tree" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `PopperProps` instead.
@@ -32,7 +32,7 @@ type PopperPropsPublic = ExtractPublicPropTypes<typeof popperProps>;
 type PopperInstance = InstanceType<typeof _default> & unknown;
 /** @deprecated use `popperProps` instead, and it will be deprecated in the next major version */
 declare const usePopperProps: {
-  readonly role: EpPropFinalized<StringConstructor, "dialog" | "tree" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
 };
 /** @deprecated use `PopperProps` instead, and it will be deprecated in the next major version */
 type UsePopperProps = PopperProps;

package/es/components/radio/src/radio-button.d.ts

@@ -11,7 +11,7 @@ interface RadioButtonProps extends RadioPropsBase {}
  * @deprecated Removed after 3.0.0, Use `RadioButtonProps` instead.
  */
 declare const radioButtonProps: {
-  readonly modelValue: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   readonly size: {
     readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
@@ -19,8 +19,8 @@ declare const radioButtonProps: {
     __epPropKey: true;
   };
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly label: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
-  readonly value: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly label: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly value: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   readonly name: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
 };
 /**

package/es/components/radio/src/radio-button.vue.d.ts

@@ -7,11 +7,11 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: vue.DefineComponent<RadioButtonProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<RadioButtonProps> & Readonly<{}>, {
-  modelValue: string | number | boolean;
-  label: string | number | boolean;
   value: string | number | boolean;
+  modelValue: string | number | boolean;
   disabled: boolean;
   name: string;
+  label: string | number | boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/radio/src/radio-group.vue.d.ts

@@ -7,20 +7,20 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: vue.DefineComponent<RadioGroupProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: string | number | boolean | undefined) => void;
   change: (val: string | number | boolean | undefined) => void;
+  "update:modelValue": (val: string | number | boolean | undefined) => void;
 }, string, vue.PublicProps, Readonly<RadioGroupProps> & Readonly<{
   onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
   "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
 }>, {
   type: "radio" | "button";
+  fill: string;
+  props: radioOptionProp;
   modelValue: string | number | boolean;
-  disabled: boolean;
-  name: string;
   id: string;
+  disabled: boolean;
   validateEvent: boolean;
-  fill: string;
-  props: radioOptionProp;
+  name: string;
   textColor: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/radio/src/radio.d.ts

@@ -42,7 +42,7 @@ interface RadioProps extends RadioPropsBase {
  * @deprecated Removed after 3.0.0, Use `RadioPropsBase` instead.
  */
 declare const radioPropsBase: {
-  modelValue: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   size: {
     readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
@@ -50,8 +50,8 @@ declare const radioPropsBase: {
     __epPropKey: true;
   };
   disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  label: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
-  value: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  label: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+  value: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   name: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
 };
 /**
@@ -59,7 +59,7 @@ declare const radioPropsBase: {
  */
 declare const radioProps: {
   readonly border: BooleanConstructor;
-  readonly modelValue: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   readonly size: {
     readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
@@ -67,8 +67,8 @@ declare const radioProps: {
     __epPropKey: true;
   };
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly label: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
-  readonly value: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly label: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
+  readonly value: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   readonly name: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
 };
 declare const radioEmits: {

package/es/components/radio/src/radio.vue.d.ts

@@ -7,18 +7,18 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: vue.DefineComponent<RadioProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: string | number | boolean | undefined) => void;
   change: (val: string | number | boolean | undefined) => void;
+  "update:modelValue": (val: string | number | boolean | undefined) => void;
 }, string, vue.PublicProps, Readonly<RadioProps> & Readonly<{
   onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
   "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
 }>, {
-  modelValue: string | number | boolean;
-  label: string | number | boolean;
   value: string | number | boolean;
+  modelValue: string | number | boolean;
   disabled: boolean;
   name: string;
   border: boolean;
+  label: string | number | boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/rate/src/rate.vue.d.ts

@@ -10,15 +10,15 @@ declare const __VLS_export: vue.DefineComponent<RateProps, {
   /** @description set current value */setCurrentValue: typeof setCurrentValue; /** @description reset current value */
   resetCurrentValue: typeof resetCurrentValue;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: number) => void;
   change: (value: number) => void;
+  "update:modelValue": (value: number) => void;
 }, string, vue.PublicProps, Readonly<RateProps> & Readonly<{
   onChange?: ((value: number) => any) | undefined;
   "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
   modelValue: number;
-  disabled: boolean;
   id: string;
+  disabled: boolean;
   max: number;
   textColor: string;
   lowThreshold: number;

package/es/components/row/src/row.d.ts

@@ -31,9 +31,9 @@ interface RowProps {
 declare const rowProps: {
   readonly tag: EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
   readonly gutter: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-  readonly justify: EpPropFinalized<StringConstructor, "space-around" | "space-between" | "space-evenly" | "center" | "end" | "start", unknown, "start", boolean>;
+  readonly justify: EpPropFinalized<StringConstructor, "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start", unknown, "start", boolean>;
   readonly align: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "middle" | "bottom" | "top", unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "top" | "bottom" | "middle", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -7,8 +7,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: vue.DefineComponent<RowProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<RowProps> & Readonly<{}>, {
-  tag: 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>;

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

@@ -30,9 +30,9 @@ declare const __VLS_base: vue.DefineComponent<ScrollbarProps, {
   "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[];

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

@@ -5,76 +5,44 @@ import "../../index.js";
 import * as vue from "vue";
 
 //#region ../../packages/components/segmented/index.d.ts
-declare const ElSegmented: {
-  new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<SegmentedProps> & Readonly<{
-    onChange?: ((val: any) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-  }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    "update:modelValue": (val: any) => void;
-    change: (val: any) => void;
-  }, vue.PublicProps, {
-    modelValue: string | number | boolean;
-    disabled: boolean;
-    validateEvent: boolean;
-    props: Props;
-    options: Option[];
-    direction: "vertical" | "horizontal";
-  }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
-    P: {};
-    B: {};
-    D: {};
-    C: {};
-    M: {};
-    Defaults: {};
-  }, Readonly<SegmentedProps> & Readonly<{
+declare const ElSegmented: (<T extends Option = Option>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+  slots: {
+    default?: (props: {
+      item: T;
+    }) => any;
+  };
+  emit: ((event: "change", val: any) => void) & ((event: "update:modelValue", val: any) => void);
+  attrs: any;
+}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: vue.PublicProps & {
+    direction?: ("vertical" | "horizontal") | undefined;
+    options?: T[] | undefined;
+    modelValue?: (string | number | boolean) | undefined;
+    props?: Props | undefined;
+    block?: boolean | undefined;
+    size?: ComponentSize | undefined;
+    disabled?: boolean | undefined;
+    validateEvent?: boolean | undefined;
+    id?: string | undefined;
+    name?: string | undefined;
+    ariaLabel?: string | undefined;
     onChange?: ((val: any) => any) | undefined;
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-  }>, {}, {}, {}, {}, {
-    modelValue: string | number | boolean;
-    disabled: boolean;
-    validateEvent: boolean;
-    props: Props;
-    options: Option[];
-    direction: "vertical" | "horizontal";
-  }>;
-  __isFragment?: never;
-  __isTeleport?: never;
-  __isSuspense?: never;
-} & vue.ComponentOptionsBase<Readonly<SegmentedProps> & Readonly<{
-  onChange?: ((val: any) => any) | undefined;
-  "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: any) => void;
-  change: (val: any) => void;
-}, string, {
-  modelValue: string | number | boolean;
-  disabled: boolean;
-  validateEvent: boolean;
-  props: Props;
-  options: Option[];
-  direction: "vertical" | "horizontal";
-}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
-  $slots: {
+  } & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
     default?: (props: {
-      item: any;
+      item: T;
     }) => any;
   };
-}) & vue.ObjectPlugin & {
-  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 disabled?: boolean | undefined;
-    readonly validateEvent?: boolean | undefined;
-    readonly id?: string | undefined;
-    readonly name?: string | undefined;
-    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>;
+  emit: ((event: "change", val: any) => void) & ((event: "update:modelValue", val: any) => void);
+}>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+  [key: string]: any;
+}> & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+}) & vue.ObjectPlugin & Record<string, any>;
 //#endregion
 export { ElSegmented, ElSegmented as default, Props, SegmentedEmits, SegmentedInstance, SegmentedProps, SegmentedPropsPublic, defaultProps, segmentedEmits, segmentedProps };

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

@@ -4,7 +4,8 @@ import "../../../utils/index.js";
 import { Option } from "./types.js";
 import { _default } from "./segmented.vue.js";
 import * as vue from "vue";
-import { ExtractPublicPropTypes } from "vue";
+import { ComponentInstance, ExtractPublicPropTypes } from "vue";
+import { ComponentExposed } from "vue-component-type-helpers";
 
 //#region ../../packages/components/segmented/src/segmented.d.ts
 interface Props {
@@ -13,12 +14,12 @@ interface Props {
   disabled?: string;
 }
 declare const defaultProps: Required<Props>;
-interface SegmentedProps {
+interface SegmentedProps<T extends Option = Option> {
   direction?: 'vertical' | 'horizontal';
   /**
    * @description options of segmented
    */
-  options?: Option[];
+  options?: T[];
   /**
    * @description binding value
    */
@@ -63,7 +64,7 @@ declare const segmentedProps: {
   ariaLabel: StringConstructor;
   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>;
+  modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], 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: {
@@ -86,6 +87,6 @@ declare const segmentedEmits: {
   change: (val: any) => val is string | number | boolean;
 };
 type SegmentedEmits = typeof segmentedEmits;
-type SegmentedInstance = InstanceType<typeof _default> & unknown;
+type SegmentedInstance = ComponentInstance<typeof _default> & ComponentExposed<typeof _default>;
 //#endregion
 export { Props, SegmentedEmits, SegmentedInstance, SegmentedProps, SegmentedPropsPublic, defaultProps, segmentedEmits, segmentedProps };

package/es/components/segmented/src/segmented.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"segmented.mjs","names":[],"sources":["../../../../../../packages/components/segmented/src/segmented.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isBoolean,\n  isNumber,\n  isString,\n} from '@element-plus/utils'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { Option } from './types'\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type Segmented from './segmented.vue'\n\nexport interface Props {\n  label?: string\n  value?: string\n  disabled?: string\n}\n\nexport const defaultProps: Required<Props> = {\n  label: 'label',\n  value: 'value',\n  disabled: 'disabled',\n}\n\nexport interface SegmentedProps {\n  direction?: 'vertical' | 'horizontal'\n  /**\n   * @description options of segmented\n   */\n  options?: Option[]\n  /**\n   * @description binding value\n   */\n  modelValue?: string | number | boolean\n  /**\n   * @description configuration options, see the following table\n   */\n  props?: Props\n  /**\n   * @description fit width of parent content\n   */\n  block?: boolean\n  /**\n   * @description size of component\n   */\n  size?: ComponentSize\n  /**\n   * @description whether segmented is disabled\n   */\n  disabled?: boolean\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent?: boolean\n  /**\n   * @description native input id\n   */\n  id?: string\n  /**\n   * @description native `name` attribute\n   */\n  name?: string\n  /**\n   * @description native `aria-label` attribute\n   */\n  ariaLabel?: string\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `SegmentedProps` instead.\n */\nexport const segmentedProps = buildProps({\n  direction: {\n    type: definePropType<'vertical' | 'horizontal'>(String),\n    default: 'horizontal',\n  },\n  /**\n   * @description options of segmented\n   */\n  options: {\n    type: definePropType<Option[]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: [String, Number, Boolean],\n    default: undefined,\n  },\n  /**\n   * @description configuration options, see the following table\n   */\n  props: {\n    type: definePropType<Props>(Object),\n    default: () => defaultProps,\n  },\n  /**\n   * @description fit width of parent content\n   */\n  block: Boolean,\n  /**\n   * @description size of component\n   */\n  size: useSizeProp,\n  /**\n   * @description whether segmented is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description native input id\n   */\n  id: String,\n  /**\n   * @description native `name` attribute\n   */\n  name: String,\n  ...useAriaProps(['ariaLabel']),\n})\n\n/**\n * @deprecated Removed after 3.0.0, Use `SegmentedProps` instead.\n */\nexport type SegmentedPropsPublic = ExtractPublicPropTypes<typeof segmentedProps>\n\nexport const segmentedEmits = {\n  [UPDATE_MODEL_EVENT]: (val: any) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  [CHANGE_EVENT]: (val: any) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n}\nexport type SegmentedEmits = typeof segmentedEmits\n\nexport type SegmentedInstance = InstanceType<typeof Segmented> & unknown\n"],"mappings":";;;;;;;AAqBA,MAAa,eAAgC;CAC3C,OAAO;CACP,OAAO;CACP,UAAU;CACX;;;;AAiDD,MAAa,iBAAiB,WAAW;CACvC,WAAW;EACT,MAAM,eAA0C,OAAO;EACvD,SAAS;EACV;CAID,SAAS;EACP,MAAM,eAAyB,MAAM;EACrC,eAAe,EAAE;EAClB;CAID,YAAY;EACV,MAAM;GAAC;GAAQ;GAAQ;GAAQ;EAC/B,SAAS;EACV;CAID,OAAO;EACL,MAAM,eAAsB,OAAO;EACnC,eAAe;EAChB;CAID,OAAO;CAIP,MAAM;CAIN,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,IAAI;CAIJ,MAAM;CACN,GAAG,aAAa,CAAC,YAAY,CAAC;CAC/B,CAAC;AAOF,MAAa,iBAAiB;EAC3B,sBAAsB,QACrB,SAAS,IAAI,IAAI,SAAS,IAAI,IAAI,UAAU,IAAI;EACjD,gBAAgB,QACf,SAAS,IAAI,IAAI,SAAS,IAAI,IAAI,UAAU,IAAI;CACnD"}
+{"version":3,"file":"segmented.mjs","names":[],"sources":["../../../../../../packages/components/segmented/src/segmented.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isBoolean,\n  isNumber,\n  isString,\n} from '@element-plus/utils'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { Option } from './types'\nimport type { ComponentInstance, ExtractPublicPropTypes } from 'vue'\nimport type { ComponentExposed } from 'vue-component-type-helpers'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type Segmented from './segmented.vue'\n\nexport interface Props {\n  label?: string\n  value?: string\n  disabled?: string\n}\n\nexport const defaultProps: Required<Props> = {\n  label: 'label',\n  value: 'value',\n  disabled: 'disabled',\n}\n\nexport interface SegmentedProps<T extends Option = Option> {\n  direction?: 'vertical' | 'horizontal'\n  /**\n   * @description options of segmented\n   */\n  options?: T[]\n  /**\n   * @description binding value\n   */\n  modelValue?: string | number | boolean\n  /**\n   * @description configuration options, see the following table\n   */\n  props?: Props\n  /**\n   * @description fit width of parent content\n   */\n  block?: boolean\n  /**\n   * @description size of component\n   */\n  size?: ComponentSize\n  /**\n   * @description whether segmented is disabled\n   */\n  disabled?: boolean\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent?: boolean\n  /**\n   * @description native input id\n   */\n  id?: string\n  /**\n   * @description native `name` attribute\n   */\n  name?: string\n  /**\n   * @description native `aria-label` attribute\n   */\n  ariaLabel?: string\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `SegmentedProps` instead.\n */\nexport const segmentedProps = buildProps({\n  direction: {\n    type: definePropType<'vertical' | 'horizontal'>(String),\n    default: 'horizontal',\n  },\n  /**\n   * @description options of segmented\n   */\n  options: {\n    type: definePropType<Option[]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: [String, Number, Boolean],\n    default: undefined,\n  },\n  /**\n   * @description configuration options, see the following table\n   */\n  props: {\n    type: definePropType<Props>(Object),\n    default: () => defaultProps,\n  },\n  /**\n   * @description fit width of parent content\n   */\n  block: Boolean,\n  /**\n   * @description size of component\n   */\n  size: useSizeProp,\n  /**\n   * @description whether segmented is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description native input id\n   */\n  id: String,\n  /**\n   * @description native `name` attribute\n   */\n  name: String,\n  ...useAriaProps(['ariaLabel']),\n})\n\n/**\n * @deprecated Removed after 3.0.0, Use `SegmentedProps` instead.\n */\nexport type SegmentedPropsPublic = ExtractPublicPropTypes<typeof segmentedProps>\n\nexport const segmentedEmits = {\n  [UPDATE_MODEL_EVENT]: (val: any) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  [CHANGE_EVENT]: (val: any) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n}\nexport type SegmentedEmits = typeof segmentedEmits\n\nexport type SegmentedInstance = ComponentInstance<typeof Segmented> &\n  ComponentExposed<typeof Segmented>\n"],"mappings":";;;;;;;AAsBA,MAAa,eAAgC;CAC3C,OAAO;CACP,OAAO;CACP,UAAU;CACX;;;;AAiDD,MAAa,iBAAiB,WAAW;CACvC,WAAW;EACT,MAAM,eAA0C,OAAO;EACvD,SAAS;EACV;CAID,SAAS;EACP,MAAM,eAAyB,MAAM;EACrC,eAAe,EAAE;EAClB;CAID,YAAY;EACV,MAAM;GAAC;GAAQ;GAAQ;GAAQ;EAC/B,SAAS;EACV;CAID,OAAO;EACL,MAAM,eAAsB,OAAO;EACnC,eAAe;EAChB;CAID,OAAO;CAIP,MAAM;CAIN,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,IAAI;CAIJ,MAAM;CACN,GAAG,aAAa,CAAC,YAAY,CAAC;CAC/B,CAAC;AAOF,MAAa,iBAAiB;EAC3B,sBAAsB,QACrB,SAAS,IAAI,IAAI,SAAS,IAAI,IAAI,UAAU,IAAI;EACjD,gBAAgB,QACf,SAAS,IAAI,IAAI,SAAS,IAAI,IAAI,UAAU,IAAI;CACnD"}

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

@@ -1,34 +1,29 @@
 import { Option } from "./types.js";
-import { Props, SegmentedProps } from "./segmented.js";
+import { SegmentedProps } from "./segmented.js";
 import * as vue from "vue";
 
 //#region ../../packages/components/segmented/src/segmented.vue.d.ts
-declare var __VLS_1: {
-  item: any;
-};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: vue.DefineComponent<SegmentedProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: any) => void;
-  change: (val: any) => void;
-}, string, vue.PublicProps, Readonly<SegmentedProps> & Readonly<{
-  onChange?: ((val: any) => any) | undefined;
-  "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-}>, {
-  modelValue: string | number | boolean;
-  disabled: boolean;
-  validateEvent: boolean;
-  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_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
+declare const __VLS_export: <T extends Option = Option>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: vue.PublicProps & __VLS_PrettifyLocal<SegmentedProps<T> & {
+    onChange?: ((val: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      item: T;
+    }) => any;
   };
+  emit: ((event: "change", val: any) => void) & ((event: "update:modelValue", val: any) => void);
+}>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+  [key: string]: any;
+}> & {
+  __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
+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/es/components/segmented/src/segmented.vue_vue_type_script_setup_true_lang.mjs

@@ -5,7 +5,7 @@ import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { useId } from "../../../hooks/use-id/index.mjs";
 import { useFormDisabled, useFormSize } from "../../form/src/hooks/use-form-common-props.mjs";
 import { useFormItem, useFormItemInputId } from "../../form/src/hooks/use-form-item.mjs";
-import { defaultProps, segmentedEmits, segmentedProps } from "./segmented.mjs";
+import { defaultProps, segmentedEmits } from "./segmented.mjs";
 import { useActiveElement, useResizeObserver } from "@vueuse/core";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, reactive, ref, renderList, renderSlot, toDisplayString, unref, watch } from "vue";
 
@@ -24,7 +24,62 @@ const _hoisted_2 = [
 var segmented_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "ElSegmented",
 	__name: "segmented",
-	props: segmentedProps,
+	props: {
+		direction: {
+			type: String,
+			required: false,
+			default: "horizontal"
+		},
+		options: {
+			type: Array,
+			required: false,
+			default: () => []
+		},
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		props: {
+			type: Object,
+			required: false,
+			default: () => defaultProps
+		},
+		block: {
+			type: Boolean,
+			required: false
+		},
+		size: {
+			type: null,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		validateEvent: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		ariaLabel: {
+			type: String,
+			required: false
+		}
+	},
 	emits: segmentedEmits,
 	setup(__props, { emit: __emit }) {
 		const props = __props;
@@ -55,7 +110,6 @@ var segmented_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			...defaultProps,
 			...props.props
 		}));
-		const intoAny = (item) => item;
 		const getValue = (item) => {
 			return isObject(item) ? item[aliasProps.value.value] : item;
 		};
@@ -151,7 +205,7 @@ var segmented_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 					disabled: getDisabled(item),
 					checked: getSelected(item),
 					onChange: ($event) => handleChange($event, item)
-				}, null, 42, _hoisted_2), createElementVNode("div", { class: normalizeClass(unref(ns).e("item-label")) }, [renderSlot(_ctx.$slots, "default", { item: intoAny(item) }, () => [createTextVNode(toDisplayString(getLabel(item)), 1)])], 2)], 2);
+				}, null, 42, _hoisted_2), createElementVNode("div", { class: normalizeClass(unref(ns).e("item-label")) }, [renderSlot(_ctx.$slots, "default", { item }, () => [createTextVNode(toDisplayString(getLabel(item)), 1)])], 2)], 2);
 			}), 128))], 2)], 10, _hoisted_1)) : createCommentVNode("v-if", true);
 		};
 	}